Template:Team:Concordia/CSS
From 2014.igem.org
(Difference between revisions)
(105 intermediate revisions not shown) | |||
Line 73: | Line 73: | ||
font-size: 12pt; | font-size: 12pt; | ||
color: rgba(0,0,0,0.55); | color: rgba(0,0,0,0.55); | ||
- | |||
z-index: 1; | z-index: 1; | ||
- | min-width: | + | min-width: 1000px; |
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | body h2 { | ||
+ | text-align: center; | ||
} | } | ||
Line 85: | Line 89: | ||
line-height: 160%; | line-height: 160%; | ||
color: #414141 !important; | color: #414141 !important; | ||
+ | |||
} | } | ||
Line 108: | Line 113: | ||
z-index: 1; | z-index: 1; | ||
bottom: 25px; | bottom: 25px; | ||
- | min-width: | + | min-width: 1000px; |
+ | } | ||
+ | |||
+ | #backtoigem { | ||
+ | text-align: center; | ||
} | } | ||
#backtoigem a { | #backtoigem a { | ||
color: white; | color: white; | ||
- | |||
font-size: 0.65em; | font-size: 0.65em; | ||
position: relative; | position: relative; | ||
Line 135: | Line 143: | ||
#landingspacer { | #landingspacer { | ||
padding: 20px; | padding: 20px; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
- | /* | + | |
+ | #sidemenu { | ||
+ | padding:10px 100px; | ||
+ | float:left; | ||
+ | /*position:absolute;*/ | ||
+ | } | ||
+ | |||
+ | ul.simple-list {list-style-type:none;margin:0;padding:0;} | ||
+ | ul.simple-list a:hover {background-color:#dff2df;color:#3b8b5a;border:1px solid transparent;border-left:0;border-right:0;} | ||
+ | .simple-menu.simple-menu-open {background:#ffffff;border:1px solid #3b8b5a;} | ||
+ | .simple-menu.simple-menu-open {width:200px;font-family:sans-serif;} | ||
+ | .simple-menu .simple-menu-heading {color:#225F3A;text-transform:uppercase;font-size:90%;font-weight:bold;margin-top:.5em;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#3b8b5a;} | ||
+ | .simple-menu a, .simple-menu .simple-menu-heading {display:block;line-height:1.5em;padding:5px 20px;text-decoration:none;} | ||
+ | .simple-menu a, .simple-menu {color:#3b8b5a;} | ||
+ | .simple-menu a {color:#3b8b5a;border:1px solid transparent;border-left:0;border-right:0;} | ||
+ | .menu-background {position:absolute;top:0;right:0;font-size:8px;color:#cccccc;} | ||
+ | .menu-background a {color:#cccccc;text-decoration:none;font-weight:normal;} | ||
+ | .menu-background a:hover {color:#cccccc;text-decoration:none;font-weight:normal;} | ||
+ | |||
+ | |||
+ | /* | ||
.button { | .button { | ||
z-index: 1; | z-index: 1; | ||
Line 152: | Line 180: | ||
background: -ms-linear-gradient(top, #3e9c6f, #193322); | background: -ms-linear-gradient(top, #3e9c6f, #193322); | ||
background: -o-linear-gradient(top, #3e9c6f, #193322); | background: -o-linear-gradient(top, #3e9c6f, #193322); | ||
- | padding: | + | padding: 5px 5px; |
-webkit-border-radius: 11px; | -webkit-border-radius: 11px; | ||
-moz-border-radius: 11px; | -moz-border-radius: 11px; | ||
Line 175: | Line 203: | ||
color: white; | color: white; | ||
} | } | ||
- | |||
*/ | */ | ||
+ | |||
#header { | #header { | ||
Line 184: | Line 212: | ||
display: block; | display: block; | ||
margin-top: -50px; | margin-top: -50px; | ||
- | min-width: | + | min-width: 1000px; |
z-index; 1000; | z-index; 1000; | ||
} | } | ||
Line 191: | Line 219: | ||
padding-top: 2em; | padding-top: 2em; | ||
text-shadow: 4px 4px 10px #46a76b, -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; | text-shadow: 4px 4px 10px #46a76b, -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
Line 214: | Line 242: | ||
padding-top: 0.40em; | padding-top: 0.40em; | ||
text-shadow: 4px 4px 10px #46a76b, -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; | text-shadow: 4px 4px 10px #46a76b, -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
Line 234: | Line 262: | ||
#menu { | #menu { | ||
- | + | height: 75px; | |
- | min-width: | + | min-width: 1000px; |
- | position: relative; | + | position: relative; |
- | bottom: 14px; | + | bottom: 14px; |
} | } | ||
Line 252: | Line 280: | ||
border-radius: 7px; | border-radius: 7px; | ||
border-style: solid; | border-style: solid; | ||
- | border-width: 2px !important; | + | border-width: 2px !important; |
- | border-color: white !important; | + | border-color: white !important; |
} | } | ||
Line 263: | Line 291: | ||
} | } | ||
- | #menu .outerli:hover > .innerul{display: block;} | + | #menu .outerli:hover > .innerul{ |
+ | display: block; | ||
+ | } | ||
#menu .outerli { | #menu .outerli { | ||
Line 270: | Line 300: | ||
-webkit-transition: all .2s ease-in-out; | -webkit-transition: all .2s ease-in-out; | ||
-moz-transition: all .2s ease-in-out; | -moz-transition: all .2s ease-in-out; | ||
- | transition: all .2s ease-in-out; | + | transition: all .2s ease-in-out; |
+ | |||
} | } | ||
Line 293: | Line 324: | ||
list-style: none; | list-style: none; | ||
position: relative; | position: relative; | ||
- | + | padding: 0 0.3em; | |
- | padding: 0 0.3em; | + | margin: 0; |
} | } | ||
Line 354: | Line 385: | ||
background: #FFF; | background: #FFF; | ||
padding: 3em 150px 2em 150px; | padding: 3em 150px 2em 150px; | ||
- | min-width: | + | min-width: 1000px; |
font-size: 85% !important; | font-size: 85% !important; | ||
} | } | ||
#mywrapper a{ | #mywrapper a{ | ||
- | color: #3b8b5a | + | color: #3b8b5a; |
} | } | ||
#mainbody { | #mainbody { | ||
margin-bottom: 3.5em; | margin-bottom: 3.5em; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
Line 379: | Line 410: | ||
#mainbody img { | #mainbody img { | ||
max-height: 350px; | max-height: 350px; | ||
+ | } | ||
+ | |||
+ | #mainbody ul { | ||
+ | text-align: left !important; | ||
} | } | ||
Line 384: | Line 419: | ||
position: relative; | position: relative; | ||
top: -2em; | top: -2em; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
Line 402: | Line 437: | ||
line-height: 110% !important; | line-height: 110% !important; | ||
padding: 10px 0 !important; | padding: 10px 0 !important; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
Line 429: | Line 464: | ||
line-height: 110% !important; | line-height: 110% !important; | ||
padding: 10px 0 !important; | padding: 10px 0 !important; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
Line 452: | Line 487: | ||
/*Project Page *******************************************************************/ | /*Project Page *******************************************************************/ | ||
- | .projectdescription { | + | .projectdescription p{ |
- | text-align: justify; | + | text-align: justify !important; |
font-weight: 100; | font-weight: 100; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
Line 464: | Line 499: | ||
display: block; | display: block; | ||
margin:0 auto !important; | margin:0 auto !important; | ||
- | |||
+ | } | ||
+ | |||
+ | .projectdescription a:hover { | ||
+ | text-decoration: underline; | ||
} | } | ||
Line 875: | Line 913: | ||
height: 200%; | height: 200%; | ||
z-index: -10; | z-index: -10; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
#landingbg img { | #landingbg img { | ||
Line 884: | Line 922: | ||
bottom: 65px; | bottom: 65px; | ||
margin: auto; | margin: auto; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
Line 894: | Line 932: | ||
height: 200%; | height: 200%; | ||
z-index: -10; | z-index: -10; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
#bg img { | #bg img { | ||
Line 903: | Line 941: | ||
bottom: 650px; | bottom: 650px; | ||
margin: auto; | margin: auto; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
Line 912: | Line 950: | ||
position: relative; | position: relative; | ||
float: left; | float: left; | ||
+ | display: inline-block; | ||
} | } | ||
- | # | + | #previouspage img{ |
- | + | max-height: 20px !important; | |
+ | max-width: 20px !important; | ||
+ | display: inline-block; | ||
} | } | ||
Line 921: | Line 962: | ||
position: relative; | position: relative; | ||
float: right; | float: right; | ||
+ | display: inline-block; | ||
} | } | ||
+ | #nextpage img{ | ||
+ | max-height: 20px !important; | ||
+ | max-width: 20px !important; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | .notebook{ | ||
+ | display: block; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | padding: 0 100px; | ||
+ | } | ||
+ | .notebook p{ | ||
+ | text-align: justify; | ||
+ | font-size: 1.1em !important; | ||
+ | line-height: 125%; | ||
+ | } | ||
+ | |||
+ | #note { | ||
+ | font-size: 0.9em !important; | ||
+ | line-height: 18px !important; | ||
+ | } | ||
+ | #crumb a{ | ||
+ | font-size: smaller; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .notebook_image img{ | ||
+ | max-height: 100% !important; | ||
+ | } | ||
+ | |||
+ | .notebook figure{ | ||
+ | display: block; | ||
+ | |||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | .notebook figcaption{ | ||
+ | display: block; | ||
+ | line-height: 110%; | ||
+ | font-size: 0.9em; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | .tg {border-collapse:collapse;border-spacing:0;margin:0px auto;width:600px;} | ||
+ | .tg td{font-family:Arial, sans-serif;font-size:14px;padding:5px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;} | ||
+ | .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;} | ||
+ | .tg .tg-s6z2{text-align:center} | ||
+ | .tg .tg-pmng{background-color:#d3eadd;text-align:center} | ||
+ | .tg .tg-hgcj{font-weight:bold;text-align:center} | ||
+ | .tg .tg-9hxf{font-style:italic;background-color:#d3eadd;text-align:center} | ||
+ | .tg .tg-8y28{background-color:#d3eadd;color:#000000;text-align:center} | ||
+ | |||
+ | ol.nest1{ | ||
+ | list-style-type: lower-alpha; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | ol.nest2{ | ||
+ | list-style-type: lower-roman; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | ul.nest1{ | ||
+ | list-style-type: circle; | ||
+ | } | ||
+ | |||
+ | h4.left{ | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | h5.left{ | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .notebook h2{ | ||
+ | line-height: 110% !important; | ||
+ | } | ||
+ | |||
+ | #species{ | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | .figureimage { | ||
+ | max-height: 600px !important; | ||
+ | border: none !important; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> |
Latest revision as of 02:21, 18 October 2014