Team:Paris Saclay/Notebook/style.css

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
-
#bodyContent{
 
-
width:980px;
 
-
margin: 0 auto;
 
-
}
 
-
 
#notebook_div {
#notebook_div {
  font-family: 'Open Sans Condensed', sans-serif;
  font-family: 'Open Sans Condensed', sans-serif;

Revision as of 18:44, 29 September 2014

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

  1. notebook_div {
font-family: 'Open Sans Condensed', sans-serif;
overflow:hidden;

}


  1. nb_monthsbar {
overflow:hidden;
float:left;
width:210px;

}

  1. nb_monthsbar a {
float:left;
text-decoration:none;
cursor:pointer;
width:95px;
padding:2px 20px;
margin-right:2px;
transition:0.2s;

} .nb_month_inact {

background-color:#FFF;

} .nb_month_inact:hover {

background-color:#DEDEDE;

} .nb_month_act {

background-color:#DEDEDE;
font-weight:bold;

}



  1. nb_filterdiv {
float:left;
cursor:pointer;
margin:0px;
padding:0px;
padding-top:15px;
padding-right:5px;

}

  1. nb_filterdiv a {
color:#000000;
display:block;
width:150px;
text-decoration:none;
padding : 2px 0px;
margin:0px;
margin-bottom:3px;
transition:0.2s;

}

  1. nb_filterdiv a .bille {
float: left;
margin: 4px;

} .nb_tag_inact {

background-color:#FFF;

} .nb_tag_inact:hover {

background-color:#DEDEDE;

} .nb_tag_act {

background-color:#DEDEDE;
font-weight: bold;

}



  1. nb_daysdiv {
float:right;
padding:0px;
margin:0px;
width:770px;

}

  1. nb_daysdiv div {
overflow: hidden;
float: left;
color: white;
margin: 5px;
position: relative;
height: 100px;
width: 100px;

}

  1. nb_daysdiv div a,
  2. nb_daysdiv div aside {
position: absolute;
width: 100%;
height: 100%;

}

  1. nb_daysdiv div aside {
display:none;
pointer-events:none;

}

  1. nb_daysdiv div aside span,
  2. nb_daysdiv div aside p {
position: relative;

}

  1. nb_daysdiv div aside p {
font-size: 30pt;
position: relative;
line-height: 1em;
margin: 2px 5px;

}

  1. nb_daysdiv div:hover a {
opacity: 0.6;

}

  1. nb_daysdiv div:hover aside {
display: block;

}


.nb_ed {

background-color:white;

} .nb_nd {

background-color:#8c8c8c;

} .nb_dd {

background-color:black;

} .nb_fd {

background-color:black;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border: 3px solid;

} .nb_fd_lw {

border-color:#fa7c7c;

} .nb_fd_hp {

border-color: #fcbe32;

} .nb_fd_md {

border-color: #81c8ff;

} .nb_fd_rn {

border-color: #afe04f;

} .month_tt {

display: block;
width: 100%;
background: #175402;
color: white;
text-align: center;

} .bille {

width: 12px;
height: 12px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
float: right;
top: 80px;
margin-right: 10px;

} .bille_lw {

background: #fa7c7c;

} .bille_hp {

background: #fcbe32;

} .bille_md {

background: #81c8ff;

} .bille_rn {

background: #afe04f;

}