Team:Rutgers/main.css
From 2014.igem.org
(Difference between revisions)
(114 intermediate revisions not shown) | |||
Line 7: | Line 7: | ||
.clearfix:before, .clearfix:after { content: ''; display: table; } | .clearfix:before, .clearfix:after { content: ''; display: table; } | ||
.clearfix:after { clear: both; } | .clearfix:after { clear: both; } | ||
+ | |||
+ | .container { | ||
+ | background: white; | ||
+ | width: 974px; | ||
+ | margin: 0 auto; | ||
+ | margin-bottom: 100px; | ||
+ | } | ||
body { | body { | ||
min-width: 960px; | min-width: 960px; | ||
- | background: | + | /*background-image: url("https://static.igem.org/mediawiki/2014/7/74/Rutgers_stripes.png");*/ |
+ | /*background-image: url("https://static.igem.org/mediawiki/2014/6/69/Rutgers_bg_hoffman.png");*/ | ||
+ | background-image: url("https://static.igem.org/mediawiki/2014/5/5d/Rutgers_bg_hoffman2.png"); | ||
font-weight: 400 !important; | font-weight: 400 !important; | ||
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-serif; | ||
Line 25: | Line 34: | ||
} | } | ||
- | .h2wide h2 { | + | /*section { |
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | }*/ | ||
+ | |||
+ | h2 { | ||
+ | display:inline-block; | ||
+ | padding-left: 20px; | ||
+ | padding-right: 20px; | ||
+ | border-bottom: 1px dotted black; | ||
+ | font-family: Arial, Helvetica, sans-serif !important; | ||
+ | } | ||
+ | |||
+ | iframe { | ||
+ | border: 1px dotted black; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | section ul.reglist { | ||
+ | list-style-type: circle !important; | ||
+ | margin-left: 25px; | ||
+ | } | ||
+ | |||
+ | section ul.reglist li { | ||
+ | list-style-type: circle !important; | ||
+ | text-align: justify !important; | ||
+ | text-justify: inter-word !important; | ||
+ | font-size: 16px !important; | ||
+ | |||
+ | padding-right: 25px; | ||
+ | line-height: 110%; | ||
+ | } | ||
+ | |||
+ | table.dotted p { | ||
+ | text-align: justify !important; | ||
+ | text-justify: inter-word !important; | ||
+ | font-size: 16px !important; | ||
+ | line-height: 110%; | ||
+ | } | ||
+ | |||
+ | section .fp { | ||
+ | width: 750px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | section .fp p { | ||
+ | text-align: justify !important; | ||
+ | text-justify: inter-word !important; | ||
+ | font-size: 16px !important; | ||
+ | line-height: 110%; | ||
+ | padding-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | margin: 0 auto !important; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | table.dotted img { | ||
+ | display: block; | ||
+ | margin: 0 auto; /* !important;*/ | ||
+ | } | ||
+ | |||
+ | table.dotted th { | ||
+ | background: gray; | ||
+ | border: 1px solid black !important; | ||
+ | } | ||
+ | |||
+ | table.dotted td { | ||
+ | border: 1px dotted black !important; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | table.abstract td { | ||
+ | width: 700px; | ||
+ | padding: 0 0px 25px 0px !important; | ||
+ | } | ||
+ | |||
+ | table.parts td { | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | table.accomp td { | ||
+ | width: 430px; | ||
+ | padding: 0 0px 25px 0px !important; | ||
+ | } | ||
+ | table.accomp td img { | ||
+ | width: 250px; | ||
+ | } | ||
+ | |||
+ | table.attrib td { | ||
+ | width: 700px; | ||
+ | padding: 10px !important; | ||
+ | text-align: left; | ||
+ | } | ||
+ | table.attrib td img { | ||
+ | float: left; | ||
+ | margin: 10px; | ||
+ | } | ||
+ | table.attrib td p { | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | /*.h2wide h2 { | ||
display: inline-block; | display: inline-block; | ||
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-serif; | ||
Line 51: | Line 161: | ||
-webkit-filter: drop-shadow(0 0 1px red); | -webkit-filter: drop-shadow(0 0 1px red); | ||
filter: drop-shadow(0 0 1px red); | filter: drop-shadow(0 0 1px red); | ||
- | } | + | }*/ |
.no-flexbox .support { | .no-flexbox .support { | ||
Line 63: | Line 173: | ||
} | } | ||
- | .RU_logo { | + | img.RU_logo { |
width: 600px; | width: 600px; | ||
display: block; | display: block; | ||
Line 70: | Line 180: | ||
} | } | ||
- | .iGEM_logo { | + | img.iGEM_logo { |
margin: 5px 0 0 40px; | margin: 5px 0 0 40px; | ||
+ | } | ||
+ | |||
+ | img.down_arrow { | ||
+ | display: block; | ||
+ | margin: 40px auto; | ||
} | } | ||
Line 238: | Line 353: | ||
margin: 0 auto; | margin: 0 auto; | ||
padding: 50px; | padding: 50px; | ||
- | |||
text-align: center; | text-align: center; | ||
} | } | ||
Line 244: | Line 358: | ||
.content-wrap section.content-current { | .content-wrap section.content-current { | ||
display: block; | display: block; | ||
+ | } | ||
+ | |||
+ | .content-wrap section table.picturetable { | ||
+ | text-align: center; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | .content-wrap section table.picturetable td { | ||
+ | padding: 0 5px 20px 5px; | ||
+ | } | ||
+ | |||
+ | .content-wrap section table.picturetable img { | ||
+ | height: 130px; | ||
} | } | ||
.content-wrap section p { | .content-wrap section p { | ||
margin: 0; | margin: 0; | ||
- | + | font-size: 12px; | |
- | + | text-align: center; | |
- | + | ||
- | font-size: | + | |
- | + | ||
} | } | ||
+ | |||
+ | .content-wrap section .thumbnail_container { | ||
+ | margin: 30px auto; | ||
+ | margin-top: 0; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .content-wrap section .thumbnail_container img { | ||
+ | margin: 5px; | ||
+ | height: 130px; | ||
+ | } | ||
+ | |||
+ | .content-wrap section .acknowledgements { | ||
+ | text-align: left; | ||
+ | font-size: 12px; | ||
+ | width: 500px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
/* Fallback */ | /* Fallback */ |
Latest revision as of 18:43, 17 October 2014