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: | + | width:770px; |
} | } | ||
- | #nb_daysdiv | + | #nb_daysdiv div { |
- | + | overflow: hidden; | |
- | + | float: left; | |
- | + | background: black; | |
- | + | color: white; | |
- | color: | + | margin: 5px; |
- | + | position: relative; | |
- | + | height: 100px; | |
- | + | width: 100px; | |
- | + | ||
} | } | ||
+ | #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
- bodyContent{
width:980px; margin: 0 auto;
}
- notebook_div {
border:1px solid #00AAFF; overflow:hidden;
}
- nb_monthsbar {
overflow:hidden;
}
- 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 {
float:left; cursor:pointer; margin:0px; padding:0px; padding-top:15px; padding-right:5px;
}
- 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 {
float:right; padding:0px; margin:0px; width:770px;
}
- nb_daysdiv div {
overflow: hidden; float: left; background: black; color: white; margin: 5px; position: relative; height: 100px; width: 100px;
}
- 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 {
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;
}