Difference between revisions of "Team:TU Darmstadt/Templates/CSS"
(96 intermediate revisions by 7 users not shown) | |||
Line 1: | Line 1: | ||
{{Template_All_Teams}} | {{Template_All_Teams}} | ||
− | |||
<!-- Declare that you are going to use html code instead of wiki code --> | <!-- Declare that you are going to use html code instead of wiki code --> | ||
<html> | <html> | ||
Line 16: | Line 15: | ||
/* Change Background color*/ | /* Change Background color*/ | ||
− | body { | + | body { |
background-color: #fff; | background-color: #fff; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 46: | Line 39: | ||
} | } | ||
+ | /* | ||
#top_menu_inside { | #top_menu_inside { | ||
width: 978px; | width: 978px; | ||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
+ | */ | ||
/* Creates a container that will wrap all of the content inside your wiki pages. */ | /* Creates a container that will wrap all of the content inside your wiki pages. */ | ||
#mainContainer { | #mainContainer { | ||
− | width: | + | position: relative; |
+ | height: 100%; | ||
+ | width: 980px; | ||
margin: 0 auto; | margin: 0 auto; | ||
overflow:hidden; | overflow:hidden; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
− | background-color: #fff; | + | /*background-color: #fff; |
− | + | font-family: "Trebuchet MS", Helvetica, sans-serif;*/ | |
− | + | ||
− | + | background-color: #fff; | |
− | + | color: #0d1112; | |
− | + | font-family: 'Open Sans', Helvetica, sans-serif; | |
− | + | font-size: 14px; | |
− | padding: | + | font-weight: normal; |
+ | -webkit-font-smoothing: antialiased; | ||
+ | padding-bottom: 400px; | ||
} | } | ||
− | |||
/* Creates the container for the content */ | /* Creates the container for the content */ | ||
#contentContainer { | #contentContainer { | ||
Line 83: | Line 80: | ||
#bannerContainer { | #bannerContainer { | ||
width: 100%; | width: 100%; | ||
− | height: | + | height: 255px; |
− | background-color: # | + | background-color: #0f2a58; |
− | border-bottom: 8px solid # | + | border-bottom: 8px solid #e6eb14; |
+ | |||
+ | color: #0d1112; | ||
+ | font-family: 'Open Sans', Helvetica, sans-serif; | ||
+ | font-size: 14px; | ||
+ | font-weight: normal; | ||
+ | -webkit-font-smoothing: antialiased; | ||
} | } | ||
#bannerContent { | #bannerContent { | ||
width: 978px; | width: 978px; | ||
+ | height: 255px; | ||
margin: 0 auto; | margin: 0 auto; | ||
− | |||
− | |||
color: #fff; | color: #fff; | ||
text-align: center; | text-align: center; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2015/1/1b/TU_Darmstadt_banner.png"); | ||
} | } | ||
Line 115: | Line 118: | ||
/*This changes the color and font family */ | /*This changes the color and font family */ | ||
#contentContainer h1, h2, h3, h4, h5, h6 { | #contentContainer h1, h2, h3, h4, h5, h6 { | ||
− | color: # | + | color: #0f2a58; |
border-bottom: none; | border-bottom: none; | ||
− | font-weight: | + | font-weight: 600; |
− | + | padding-bottom: 15px; | |
+ | } | ||
+ | #contentContainer h1 { | ||
+ | border-bottom: 1px solid #0f2a58; | ||
+ | padding-bottom: 15px; | ||
} | } | ||
+ | #contentContainer code { | ||
+ | border-radius: 2px; | ||
+ | padding: 1px 4px; | ||
+ | border: none; | ||
+ | } | ||
/*Style of the links - links are different inside the menu */ | /*Style of the links - links are different inside the menu */ | ||
#contentContainer a { | #contentContainer a { | ||
font-weight: bold; | font-weight: bold; | ||
− | color: # | + | color: #4e7085; |
} | } | ||
/* Styling links on hover- links are different inside the menu */ | /* Styling links on hover- links are different inside the menu */ | ||
#contentContainer a:hover { | #contentContainer a:hover { | ||
− | color: # | + | color: #4e7085; |
} | } | ||
/*Change the styling of tables */ | /*Change the styling of tables */ | ||
#contentContainer table { | #contentContainer table { | ||
− | |||
border-collapse: collapse; | border-collapse: collapse; | ||
width: 90% | width: 90% | ||
Line 148: | Line 159: | ||
#contentContainer td { | #contentContainer td { | ||
padding: 10px; | padding: 10px; | ||
− | |||
border-collapse: collapse; | border-collapse: collapse; | ||
vertical-align: text-top; | vertical-align: text-top; | ||
Line 164: | Line 174: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 242: | Line 185: | ||
color: #fff; | color: #fff; | ||
text-align: center; | text-align: center; | ||
− | padding-top: | + | padding-top: 215px; |
font-size: 116%; | font-size: 116%; | ||
} | } | ||
Line 250: | Line 193: | ||
text-decoration:none; | text-decoration:none; | ||
font-weight: bold; | font-weight: bold; | ||
+ | margin: 0px 20px; | ||
} | } | ||
Line 256: | Line 200: | ||
list-style: none; | list-style: none; | ||
margin-left:0px; | margin-left:0px; | ||
+ | font-size: larger; | ||
} | } | ||
Line 269: | Line 214: | ||
/*For the menu buttons, changes the color when hovering*/ | /*For the menu buttons, changes the color when hovering*/ | ||
#bannerMenuContainer li:hover { | #bannerMenuContainer li:hover { | ||
− | color: | + | color: #3380f5; |
− | + | } | |
+ | |||
+ | #bannerMenuContainer a:hover { | ||
+ | color: #e6eb14; | ||
} | } | ||
Line 313: | Line 261: | ||
/* highlight box for special messages */ | /* highlight box for special messages */ | ||
.highlightBox { | .highlightBox { | ||
− | width: | + | width:700px; |
margin:auto; | margin:auto; | ||
− | background-color: # | + | background-color: #d1e0db; |
− | + | padding: 10px; | |
− | + | margin-top: 10px; | |
− | + | margin-bottom: 10px; | |
− | + | border-radius: 5px; | |
} | } | ||
+ | /* Figure classes to include images */ | ||
+ | .centerFig { | ||
+ | color: #4e7085; | ||
+ | max-width: 760px; | ||
+ | margin:0 auto; | ||
+ | text-align: center; | ||
+ | overflow: hidden; | ||
+ | |||
+ | padding-top: 15px; | ||
+ | padding-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | .leftFig { | ||
+ | color: #4e7085; | ||
+ | width: 50%; | ||
+ | float: left; | ||
+ | text-align: center; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .rightFig { | ||
+ | color: #4e7085; | ||
+ | width: 50%; | ||
+ | float: right; | ||
+ | text-align: center; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .inlineFig { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .contentSection { | ||
+ | overflow: hidden; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | figcaption { | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | padding-bottom: 3px; | ||
+ | margin-top: 8px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #mainContainerContainer { | ||
+ | witdh: 100%; | ||
+ | position: relative; | ||
+ | } | ||
</style> | </style> | ||
<!-- End of CSS --> | <!-- End of CSS --> | ||
+ | |||
<div id="bannerContainer"> | <div id="bannerContainer"> | ||
<div id="bannerContent"> | <div id="bannerContent"> | ||
− | |||
− | |||
− | |||
− | |||
<!-- Banner menu --> | <!-- Banner menu --> | ||
<div id="bannerMenuContainer"> | <div id="bannerMenuContainer"> | ||
<ul> | <ul> | ||
− | <li class="active first"><a href="https:// | + | <li class="active first"><a href="https://2015.igem.org/Team:TU_Darmstadt">Home</a></li> |
− | <li><a href="https:// | + | <li><a href="https://2015.igem.org/Team:TU_Darmstadt/Project/Tech">SLA 3D-Printer</a></li> |
− | + | <li><a href="https://2015.igem.org/Team:TU_Darmstadt/Project/PnP/LabSurfing">LabSurfing</a></li> | |
− | <li><a href="https:// | + | <li><a href="https://2015.igem.org/Team:TU_Darmstadt/Parts">Bricks</a></li> |
− | + | <li><a href="https://2015.igem.org/Team:TU_Darmstadt/Project/Bio/Modeling/sec2">RnD-Nerf</a></li> | |
− | <li><a href="https:// | + | |
− | <li><a href="https:// | + | |
− | + | ||
− | + | ||
</ul> | </ul> | ||
</div> | </div> | ||
− | + | </div> | |
− | + | ||
</div> | </div> | ||
+ | <div id="mainContainerContainer"> | ||
+ | </html> | ||
+ | {{:Team:TU_Darmstadt/Templates/Footer}} | ||
+ | <html> | ||
− | + | <div id="mainContainer"> | |
− | + | </html> | |
− | + | {{:Team:TU_Darmstadt/Templates/SideBarMenu}} | |
− | + | <html> | |
− | + | <div id="contentContainer"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
</html> | </html> |
Latest revision as of 02:58, 19 September 2015