"
Team:Paris Saclay/Notebook/style.css
From 2014.igem.org
(Difference between revisions)
| Line 7: | Line 7: | ||
#notebook_div { | #notebook_div { | ||
font-family: 'Open Sans Condensed', sans-serif; | font-family: 'Open Sans Condensed', sans-serif; | ||
| - | |||
overflow:hidden; | overflow:hidden; | ||
} | } | ||
| Line 15: | Line 14: | ||
#nb_monthsbar { | #nb_monthsbar { | ||
overflow:hidden; | overflow:hidden; | ||
| + | float:left; | ||
| + | width:210px; | ||
} | } | ||
#nb_monthsbar a { | #nb_monthsbar a { | ||
| - | float: | + | float:left; |
| - | + | ||
text-decoration:none; | text-decoration:none; | ||
cursor:pointer; | cursor:pointer; | ||
width:95px; | width:95px; | ||
| - | padding | + | padding:2px 20px; |
margin-right:2px; | margin-right:2px; | ||
transition:0.2s; | transition:0.2s; | ||
} | } | ||
.nb_month_inact { | .nb_month_inact { | ||
| - | + | background-color:#FFF; | |
| - | background-color:# | + | |
} | } | ||
.nb_month_inact:hover { | .nb_month_inact:hover { | ||
| - | |||
background-color:#DEDEDE; | background-color:#DEDEDE; | ||
} | } | ||
.nb_month_act { | .nb_month_act { | ||
| - | + | background-color:#DEDEDE; | |
| - | background-color:# | + | font-weight:bold; |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
| Line 67: | Line 61: | ||
#nb_filterdiv a .bille { | #nb_filterdiv a .bille { | ||
float: left; | float: left; | ||
| - | margin: | + | margin: 4px; |
} | } | ||
.nb_tag_inact { | .nb_tag_inact { | ||
Revision as of 09:38, 10 July 2014
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
- bodyContent{
width:980px; margin: 0 auto;
}
- notebook_div {
font-family: 'Open Sans Condensed', sans-serif; overflow:hidden;
}
- nb_monthsbar {
overflow:hidden; float:left; width:210px;
}
- nb_monthsbar a {
float:left; text-decoration:none; cursor:pointer; width:95px; 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_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-decoration:none; padding : 2px 0px; margin:0px; margin-bottom:3px; transition:0.2s;
}
- 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_daysdiv {
float:right; padding:0px; margin:0px; width:770px;
}
- nb_daysdiv div {
overflow: hidden; float: left; 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:white;
} .nb_nd {
background-color:#8c8c8c;
} .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;
}
