Team:Paris Saclay/Notebook/style.css

From 2014.igem.org

(Difference between revisions)
Line 8: Line 8:
  overflow:hidden;
  overflow:hidden;
}
}
 +
 +
#nb_monthsbar {
#nb_monthsbar {
Line 38: Line 40:
  background-color:#55FFFF;
  background-color:#55FFFF;
}
}
 +
 +
 +
 +
#nb_filterdiv {
#nb_filterdiv {
Line 70: Line 76:
  background-color:#AAFFFF;
  background-color:#AAFFFF;
}
}
 +
 +
 +
 +
#nb_daysdiv {
#nb_daysdiv {
Line 75: Line 85:
  padding:0px;
  padding:0px;
  margin:0px;
  margin:0px;
-
  width:642px;
+
  width:770px;
}
}
-
#nb_daysdiv a {
+
#nb_daysdiv div {
-
  float:left;
+
  overflow: hidden;
-
  display:block;
+
  float: left;
-
  width:77px;
+
  background: black;
-
height:77px;
+
  color: white;
-
  color:#000000;
+
  margin: 5px;
-
  text-decoration:none;
+
  position: relative;
-
  margin:2px;
+
  height: 100px;
-
  font-weight:bold;
+
  width: 100px;
-
  padding:3px;
+
}
}
 +
#nb_daysdiv div a,
 +
#nb_daysdiv div aside {
 +
position: absolute;
 +
width: 100%;
 +
height: 100%;
 +
}
 +
#nb_daysdiv div aside {
 +
display: none;
 +
pointer-events:none;
 +
}
 +
#nb_daysdiv div aside span,
 +
#nb_daysdiv div aside p {
 +
position: relative;
 +
}
 +
#nb_daysdiv div aside p {
 +
font-size: 30pt;
 +
position: relative;
 +
line-height: 1em;
 +
margin: 2px 5px;
 +
}
 +
#nb_daysdiv div:hover a {
 +
opacity: 0.6;
 +
}
 +
#nb_daysdiv div:hover aside {
 +
display: block;
 +
}
 +
.nb_ed {
.nb_ed {
Line 107: Line 143:
  color:#0055FF;
  color:#0055FF;
  border: 2px solid #00FFFF;
  border: 2px solid #00FFFF;
 +
}
 +
.bille {
 +
width: 10px;
 +
height: 10px;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
border-radius: 5px;
 +
float: right;
 +
top: 70px;
 +
margin-right: 15px;
 +
}
 +
.bille_lw {
 +
background: red;
 +
}
 +
.bille_hp {
 +
background: green;
 +
}
 +
.bille_md {
 +
background: yellow;
}
}

Revision as of 14:14, 8 July 2014

  1. bodyContent{
width:980px;
margin: 0 auto;

}

  1. notebook_div {
border:1px solid #00AAFF;
overflow:hidden;

}


  1. nb_monthsbar {
overflow:hidden;

}

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

} .nb_month_inact {

color:#000000;
background-color:#AAAAAA;

} .nb_month_inact:hover {

color:#000000;
background-color:#DEDEDE;

} .nb_month_act {

color:#0000AA;
background-color:#AAFFFF;

} .nb_month_act:hover {

color:#0000FF;
background-color:#55FFFF;

}



  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-align:center;
text-decoration:none;
padding : 2px 0px;
margin:0px;
margin-bottom:3px;
transition:0.2s;

} .nb_tag_inact {

color:#000000;
background-color:#AAAAAA;

} .nb_tag_inact:hover {

color:#000000;
background-color:#DEDEDE;

} .nb_tag_act {

color:#0000AA;
background-color:#AAFFFF;

}



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

}

  1. nb_daysdiv div {
overflow: hidden;
float: left;
background: black;
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:#FFFFFF;
border: 2px solid #FFFFFF;

} .nb_nd {

background-color:#AAAAAA;
color:#222222;
border: 2px solid #222222;

} .nb_dd {

background-color:#DEDEDE;
color:#000000;
border: 2px solid #000000;

} .nb_fd {

background-color:#DEFFFF;
color:#0055FF;
border: 2px solid #00FFFF;

} .bille {

width: 10px;
height: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float: right;
top: 70px;
margin-right: 15px;

} .bille_lw {

background: red;

} .bille_hp {

background: green;

} .bille_md {

background: yellow;

}