Team:Paris Saclay/Notebook/style.css

From 2014.igem.org

(Difference between revisions)
m
 
(11 intermediate revisions not shown)
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;
-
border:1px solid #00AAFF;
 
  overflow:hidden;
  overflow:hidden;
}
}
Line 15: Line 9:
#nb_monthsbar {
#nb_monthsbar {
  overflow:hidden;
  overflow:hidden;
 +
position: absolute;
 +
top:470px;
 +
left:2%;
 +
width:19%;
}
}
#nb_monthsbar a {
#nb_monthsbar a {
-
  float:right;
+
  float:left;
-
color:#000000;
+
  text-decoration:none;
  text-decoration:none;
  cursor:pointer;
  cursor:pointer;
-
  width:95px;
+
  width:100%;
-
  padding-left:10px;
+
  padding:2px 20px;
  margin-right:2px;
  margin-right:2px;
  transition:0.2s;
  transition:0.2s;
}
}
.nb_month_inact {
.nb_month_inact {
-
color:#000000;
+
  background-color:#FFF;
-
  background-color:#AAAAAA;
+
}
}
.nb_month_inact:hover {
.nb_month_inact:hover {
-
color:#000000;
 
  background-color:#DEDEDE;
  background-color:#DEDEDE;
}
}
.nb_month_act {
.nb_month_act {
-
color:#0000AA;
+
  background-color:#DEDEDE;
-
  background-color:#AAFFFF;
+
  font-weight:bold;
-
}
+
-
.nb_month_act:hover {
+
-
  color:#0000FF;
+
-
background-color:#55FFFF;
+
}
}
Line 48: 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 58: Line 52:
  color:#000000;
  color:#000000;
  display:block;
  display:block;
-
width:150px;
 
-
text-align:center;
 
  text-decoration:none;
  text-decoration:none;
-
  padding : 2px 0px;
+
  padding : 2px 15px;
  margin:0px;
  margin:0px;
  margin-bottom:3px;
  margin-bottom:3px;
  transition:0.2s;
  transition:0.2s;
 +
}
 +
#nb_filterdiv a .bille {
 +
float: left;
 +
margin: 4px;
}
}
.nb_tag_inact {
.nb_tag_inact {
-
color:#000000;
+
  background-color:#FFF;
-
  background-color:#AAAAAA;
+
}
}
.nb_tag_inact:hover {
.nb_tag_inact:hover {
-
color:#000000;
 
  background-color:#DEDEDE;
  background-color:#DEDEDE;
}
}
.nb_tag_act {
.nb_tag_act {
-
  color:#0000AA;
+
  background-color:#DEDEDE;
-
  background-color:#AAFFFF;
+
  font-weight: bold;
}
}
Line 84: Line 78:
#nb_daysdiv {
#nb_daysdiv {
-
float:right;
 
  padding:0px;
  padding:0px;
  margin:0px;
  margin:0px;
-
  width:770px;
+
  clear:both;
 +
overflow: hidden;
}
}
#nb_daysdiv div {
#nb_daysdiv div {
-
overflow: hidden;
+
overflow: hidden;
-
float: left;
+
float: left;
-
color: white;
+
color: white;
-
margin: 5px;
+
margin: 0.6%;
-
position: relative;
+
position: relative;
-
height: 100px;
+
height: 95px;
-
width: 100px;
+
width: 95px;
}
}
#nb_daysdiv div a,
#nb_daysdiv div a,
Line 127: Line 121:
.nb_ed {
.nb_ed {
-
background-color:white;
 
}
}
.nb_nd {
.nb_nd {
-
  background-color:#8c8c8c;
+
  background: rgba(0, 0, 0, .16);
}
}
.nb_dd {
.nb_dd {
  background-color:black;
  background-color:black;
}
}
-
.nb_fd aside {
+
.nb_fd {
-
  display:block;
+
  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 {
.month_tt {
Line 163: Line 172:
.bille_md {
.bille_md {
  background: #81c8ff;
  background: #81c8ff;
 +
}
 +
.bille_rn {
 +
background: #afe04f;
}
}

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;

}