Template:Team:Concordia/CSS
From 2014.igem.org
(Difference between revisions)
Amitmalhotra (Talk | contribs) |
|||
(74 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; |
} | } | ||
Line 142: | Line 150: | ||
#sidemenu { | #sidemenu { | ||
- | + | padding:10px 100px; | |
- | padding:10px | + | |
- | + | ||
float:left; | 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;} | |
- | background:# | + | .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;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
Line 224: | Line 212: | ||
display: block; | display: block; | ||
margin-top: -50px; | margin-top: -50px; | ||
- | min-width: | + | min-width: 1000px; |
z-index; 1000; | z-index; 1000; | ||
} | } | ||
Line 231: | 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 254: | 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 275: | Line 263: | ||
#menu { | #menu { | ||
height: 75px; | height: 75px; | ||
- | + | min-width: 1000px; | |
position: relative; | position: relative; | ||
bottom: 14px; | bottom: 14px; | ||
Line 397: | 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; | ||
} | } | ||
Line 407: | Line 395: | ||
#mainbody { | #mainbody { | ||
margin-bottom: 3.5em; | margin-bottom: 3.5em; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
Line 431: | Line 419: | ||
position: relative; | position: relative; | ||
top: -2em; | top: -2em; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
Line 449: | Line 437: | ||
line-height: 110% !important; | line-height: 110% !important; | ||
padding: 10px 0 !important; | padding: 10px 0 !important; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
Line 476: | Line 464: | ||
line-height: 110% !important; | line-height: 110% !important; | ||
padding: 10px 0 !important; | padding: 10px 0 !important; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
Line 499: | 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 511: | Line 499: | ||
display: block; | display: block; | ||
margin:0 auto !important; | margin:0 auto !important; | ||
- | |||
+ | } | ||
+ | |||
+ | .projectdescription a:hover { | ||
+ | text-decoration: underline; | ||
} | } | ||
Line 922: | Line 913: | ||
height: 200%; | height: 200%; | ||
z-index: -10; | z-index: -10; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
#landingbg img { | #landingbg img { | ||
Line 931: | Line 922: | ||
bottom: 65px; | bottom: 65px; | ||
margin: auto; | margin: auto; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
Line 941: | Line 932: | ||
height: 200%; | height: 200%; | ||
z-index: -10; | z-index: -10; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
#bg img { | #bg img { | ||
Line 950: | Line 941: | ||
bottom: 650px; | bottom: 650px; | ||
margin: auto; | margin: auto; | ||
- | min-width: | + | min-width: 1000px; |
} | } | ||
Line 980: | Line 971: | ||
} | } | ||
+ | .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