Team:Rutgers/main.css
From 2014.igem.org
(Difference between revisions)
(145 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<style> | <style> | ||
- | |||
- | |||
- | |||
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } | *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } | ||
Line 11: | Line 8: | ||
.clearfix:after { clear: both; } | .clearfix:after { clear: both; } | ||
- | + | .container { | |
background: white; | background: white; | ||
+ | width: 974px; | ||
+ | margin: 0 auto; | ||
+ | margin-bottom: 100px; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | min-width: 960px; | ||
+ | /*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 27: | Line 34: | ||
} | } | ||
- | + | /*section { | |
- | padding: | + | 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; | display: block; | ||
+ | margin: 0 auto; /* !important;*/ | ||
} | } | ||
- | . | + | table.dotted th { |
- | + | background: gray; | |
- | width: 0; | + | border: 1px solid black !important; |
- | height: 0; | + | } |
- | + | ||
- | + | 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; | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | height: 34px; | ||
+ | padding: 0; | ||
+ | margin: 25px auto; | ||
+ | } | ||
+ | .h2wide { | ||
+ | } | ||
+ | .h2left { | ||
+ | display: inline-block; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border-top: 3px solid transparent; | ||
+ | border-right: 150px solid red; | ||
+ | -webkit-filter: drop-shadow(0 0 1px red); | ||
+ | filter: drop-shadow(0 0 1px red); | ||
+ | } | ||
+ | .h2right { | ||
+ | display: inline-block; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border-top: 3px solid transparent; | ||
+ | border-left: 150px solid red; | ||
+ | -webkit-filter: drop-shadow(0 0 1px red); | ||
+ | filter: drop-shadow(0 0 1px red); | ||
+ | }*/ | ||
+ | |||
+ | .no-flexbox .support { | ||
+ | display: block; | ||
} | } | ||
Line 49: | Line 173: | ||
} | } | ||
- | .RU_logo { | + | img.RU_logo { |
width: 600px; | width: 600px; | ||
display: block; | display: block; | ||
Line 56: | Line 180: | ||
} | } | ||
- | .iGEM_logo { | + | img.iGEM_logo { |
- | margin: | + | margin: 5px 0 0 40px; |
+ | } | ||
+ | |||
+ | img.down_arrow { | ||
+ | display: block; | ||
+ | margin: 40px auto; | ||
} | } | ||
Line 224: | Line 353: | ||
margin: 0 auto; | margin: 0 auto; | ||
padding: 50px; | padding: 50px; | ||
- | |||
text-align: center; | text-align: center; | ||
} | } | ||
Line 230: | 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