Team:Paris Saclay/Notebook/style.css

From 2014.igem.org

(Difference between revisions)
(Created page with " notebook_div { border:1px solid #00AAFF; overflow:hidden; } nb_monthsbar { overflow:hidden; } nb_monthsbar a { float:right; color:#000000; text-decoration:n...")
m
 
(26 intermediate revisions not shown)
Line 1: Line 1:
-
    notebook_div {  
+
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
-
 
+
#notebook_div {
-
border:1px solid #00AAFF;
+
font-family: 'Open Sans Condensed', sans-serif;
-
overflow:hidden;
+
overflow:hidden;
-
 
+
}
}
-
    nb_monthsbar {
 
-
overflow:hidden;
 
 +
#nb_monthsbar {
 +
overflow:hidden;
 +
position: absolute;
 +
top:470px;
 +
left:2%;
 +
width:19%;
 +
}
 +
#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;
}
}
-
    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;
 
 +
#nb_filterdiv {
 +
position: absolute;
 +
top:640px;
 +
left:2%;
 +
width:19%;
 +
cursor:pointer;
 +
margin:0px;
 +
padding:0px;
 +
padding-top:15px;
 +
padding-right:5px;
}
}
-
 
+
#nb_filterdiv a {
-
    nb_filterdiv {  
+
color:#000000;
-
 
+
display:block;
-
float:left;
+
text-decoration:none;
-
cursor:pointer;
+
padding : 2px 15px;
-
margin:0px;
+
margin:0px;
-
padding:0px;
+
margin-bottom:3px;
-
padding-top:15px;
+
transition:0.2s;
-
padding-right:5px;
+
}
-
 
+
#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;
}
}
-
    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;
 
 +
#nb_daysdiv {
 +
padding:0px;
 +
margin:0px;
 +
clear:both;
 +
overflow: hidden;
}
}
-
 
+
#nb_daysdiv div {
-
    nb_daysdiv {  
+
overflow: hidden;
-
 
+
float: left;
-
float:right;
+
color: white;
-
padding:0px;
+
margin: 0.6%;
-
margin:0px;
+
position: relative;
-
width:642px;
+
height: 95px;
-
 
+
width: 95px;
 +
}
 +
#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_daysdiv a {
 
-
 
-
float:left;
 
-
display:block;
 
-
width:77px;
 
-
height:77px;
 
-
color:#000000;
 
-
text-decoration:none;
 
-
margin:2px;
 
-
font-weight:bold;
 
-
padding:3px;
 
 +
.nb_ed {
}
}
-
 
+
.nb_nd {
-
.nb_ed {
+
background:  rgba(0, 0, 0, .16);
-
 
+
}
-
background-color:#FFFFFF;
+
.nb_dd {
-
border: 2px solid #FFFFFF;
+
background-color:black;
-
 
+
}
-
} .nb_nd {
+
.nb_fd {
-
 
+
background-color:black;
-
background-color:#AAAAAA;
+
box-sizing:border-box;
-
color:#222222;
+
-moz-box-sizing:border-box;
-
border: 2px solid #222222;
+
-webkit-box-sizing:border-box;
-
 
+
border: 3px solid;
-
} .nb_dd {
+
}
-
 
+
.nb_fd_lw {
-
background-color:#DEDEDE;
+
border-color:#fa7c7c;
-
color:#000000;
+
}
-
border: 2px solid #000000;
+
.nb_fd_hp {
-
 
+
border-color: #fcbe32;
-
} .nb_fd {
+
}
-
 
+
.nb_fd_md {
-
background-color:#DEFFFF;
+
border-color: #81c8ff;
-
color:#0055FF;
+
}
-
border: 2px solid #00FFFF;
+
.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;
}
}

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;

}

Retrieved from "http://2014.igem.org/Team:Paris_Saclay/Notebook/style.css"