Team:Paris Saclay/Notebook/style.css

From 2014.igem.org

(Difference between revisions)
m
m
 
Line 9: Line 9:
#nb_monthsbar {
#nb_monthsbar {
  overflow:hidden;
  overflow:hidden;
-
  float:left;
+
  position: absolute;
-
  width:210px;
+
top:470px;
 +
left:2%;
 +
  width:19%;
}
}
#nb_monthsbar a {
#nb_monthsbar a {
Line 16: Line 18:
  text-decoration:none;
  text-decoration:none;
  cursor:pointer;
  cursor:pointer;
-
  width:95px;
+
  width:100%;
  padding:2px 20px;
  padding:2px 20px;
  margin-right:2px;
  margin-right:2px;
Line 37: Line 39:
#nb_filterdiv {
#nb_filterdiv {
-
  float:left;
+
  position: absolute;
 +
top:640px;
 +
left:2%;
 +
width:19%;
  cursor:pointer;
  cursor:pointer;
  margin:0px;
  margin:0px;
Line 47: Line 52:
  color:#000000;
  color:#000000;
  display:block;
  display:block;
-
width:150px;
 
  text-decoration:none;
  text-decoration:none;
-
  padding : 2px 0px;
+
  padding : 2px 15px;
  margin:0px;
  margin:0px;
  margin-bottom:3px;
  margin-bottom:3px;

Latest revision as of 20:35, 8 October 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;
position: absolute;
top:470px;
left:2%;
width:19%;

}

  1. nb_monthsbar a {
float:left;
text-decoration:none;
cursor:pointer;
width:100%;
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 {
position: absolute;
top:640px;
left:2%;
width:19%;
cursor:pointer;
margin:0px;
padding:0px;
padding-top:15px;
padding-right:5px;

}

  1. nb_filterdiv a {
color:#000000;
display:block;
text-decoration:none;
padding : 2px 15px;
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 {
padding:0px;
margin:0px;
clear:both;
overflow: hidden;

}

  1. nb_daysdiv div {

overflow: hidden; float: left; color: white; margin: 0.6%; position: relative; height: 95px; width: 95px; }

  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 { } .nb_nd {

background:  rgba(0, 0, 0, .16);

} .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;

}