"
Team:UNITN-Trento/CSS/Protocols
From 2013.igem.org
(Difference between revisions)
m |
|||
| Line 1: | Line 1: | ||
#tn-header-wrap,#tn-footer-wrap,#tn-content-wrap { | #tn-header-wrap,#tn-footer-wrap,#tn-content-wrap { | ||
| - | + | display: block; | |
| - | + | width: 800px; | |
| - | + | text-align: center; | |
} | } | ||
#tn-header-wrap,#tn-footer-wrap { | #tn-header-wrap,#tn-footer-wrap { | ||
| - | + | width: 100%; | |
| - | + | height: 220px; | |
} | } | ||
#tn-footer-wrap { | #tn-footer-wrap { | ||
| - | + | /*background-color: #c0c0b6;*/ | |
| - | + | background-color: rgb(240, 242, 223); | |
| - | + | padding-bottom: 1em; | |
} | } | ||
#tn-content-wrap { | #tn-content-wrap { | ||
| - | + | width: 100%; | |
| - | + | padding: 25px 0; | |
} | } | ||
#tn-content { | #tn-content { | ||
| - | + | width: 60%; | |
| - | + | text-align: left; | |
| - | + | margin: 0 auto; | |
} | } | ||
#tn-content-wrap { | #tn-content-wrap { | ||
| - | + | background-color: rgb(240, 242, 223); | |
} | } | ||
.tn-spoiler-protocol > a { | .tn-spoiler-protocol > a { | ||
| - | + | display: block; | |
| - | + | border: 1px solid black; | |
| - | + | text-decoration: none; | |
| - | + | color: black; | |
| - | + | padding: 2px; | |
| - | + | padding-left: 10px; | |
} | } | ||
.tn-spoiler-protocol > a:hover { | .tn-spoiler-protocol > a:hover { | ||
| - | + | color: white; | |
| - | + | background-color: #323232; | |
} | } | ||
.tn-spoiler-protocol div { | .tn-spoiler-protocol div { | ||
| - | + | margin: 15px; | |
| - | + | padding: 10px; | |
| - | + | text-align: justify; | |
| - | + | background-color: #eeeeee; | |
} | } | ||
.tn-spoiler-protocol div table { | .tn-spoiler-protocol div table { | ||
| - | + | margin: 5px auto; | |
} | } | ||
.tn-spoiler-protocol div th,.tn-spoiler-protocol div td { | .tn-spoiler-protocol div th,.tn-spoiler-protocol div td { | ||
| - | + | border: 1px solid black; | |
| - | + | min-width: 50px; | |
| - | + | padding: 5px; | |
| - | + | text-align: left; | |
| - | + | background-color: #efefef; | |
} | } | ||
.tn-spoiler-protocol div th { | .tn-spoiler-protocol div th { | ||
| - | + | text-align: center; | |
| - | + | background-color: #bcbcbc; | |
} | } | ||
table.results td { | table.results td { | ||
| - | + | text-align: center; | |
| + | } | ||
| + | |||
| + | |||
| + | /*Spoilers*/ | ||
| + | .tn-spoiler-protocol a { | ||
| + | font-variant: small-caps; | ||
| + | display: block; | ||
| + | text-decoration: none; | ||
| + | padding: 2px; | ||
| + | margin: 2px; | ||
| + | } | ||
| + | |||
| + | .tn-spoiler-protocol a:link, .tn-spoiler a:visited { | ||
| + | border: 1px solid rgb(4, 140, 126); | ||
| + | background: rgb(240, 242, 223); | ||
| + | color: rgb(4, 140, 126); | ||
| + | } | ||
| + | |||
| + | .tn-spoiler-protocol a:hover { | ||
| + | border: 1px solid rgb(240, 242, 223); | ||
| + | background: rgb(191, 27, 57); | ||
| + | color: rgb(240, 242, 223); | ||
| + | } | ||
| + | |||
| + | .tn-spoiler-protocol > div { | ||
| + | padding: 2px; | ||
| + | margin: 2px; | ||
| + | background: rgb(240, 242, 223); | ||
| + | border: 1px solid rgba(0,0,0,.3); | ||
} | } | ||
Revision as of 10:21, 13 August 2013
- tn-header-wrap,#tn-footer-wrap,#tn-content-wrap {
display: block; width: 800px; text-align: center;
}
- tn-header-wrap,#tn-footer-wrap {
width: 100%; height: 220px;
}
- tn-footer-wrap {
/*background-color: #c0c0b6;*/ background-color: rgb(240, 242, 223); padding-bottom: 1em;
}
- tn-content-wrap {
width: 100%; padding: 25px 0;
}
- tn-content {
width: 60%; text-align: left; margin: 0 auto;
}
- tn-content-wrap {
background-color: rgb(240, 242, 223);
}
.tn-spoiler-protocol > a {
display: block; border: 1px solid black; text-decoration: none; color: black; padding: 2px; padding-left: 10px;
}
.tn-spoiler-protocol > a:hover {
color: white; background-color: #323232;
}
.tn-spoiler-protocol div {
margin: 15px; padding: 10px; text-align: justify; background-color: #eeeeee;
}
.tn-spoiler-protocol div table {
margin: 5px auto;
}
.tn-spoiler-protocol div th,.tn-spoiler-protocol div td {
border: 1px solid black; min-width: 50px; padding: 5px; text-align: left; background-color: #efefef;
}
.tn-spoiler-protocol div th {
text-align: center; background-color: #bcbcbc;
}
table.results td {
text-align: center;
}
/*Spoilers*/
.tn-spoiler-protocol a {
font-variant: small-caps; display: block; text-decoration: none; padding: 2px; margin: 2px;
}
.tn-spoiler-protocol a:link, .tn-spoiler a:visited {
border: 1px solid rgb(4, 140, 126); background: rgb(240, 242, 223); color: rgb(4, 140, 126);
}
.tn-spoiler-protocol a:hover {
border: 1px solid rgb(240, 242, 223); background: rgb(191, 27, 57); color: rgb(240, 242, 223);
}
.tn-spoiler-protocol > div {
padding: 2px; margin: 2px; background: rgb(240, 242, 223); border: 1px solid rgba(0,0,0,.3);
}
