"
Template:CSS/Main
From 2014.igem.org
(Difference between revisions)
m |
|||
| (68 intermediate revisions not shown) | |||
| Line 8: | Line 8: | ||
width: 975px; | width: 975px; | ||
margin: 0px auto; | margin: 0px auto; | ||
| + | padding-top: 100px; | ||
| + | margin-bottom: 20px; | ||
| + | font-family: Georgia, Times, "Times New Roman", serif; | ||
} | } | ||
| + | |||
| + | h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;} | ||
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | ||
| Line 58: | Line 63: | ||
#contentcontainer { /*-- creates container for all content on page --*/ | #contentcontainer { /*-- creates container for all content on page --*/ | ||
| - | font-family: | + | font-family: Arial, Helvetica, sans-serif; |
| - | font-weight: | + | font-weight: normal; |
| - | font-size: | + | font-size: 14px; |
| - | color: # | + | color: #414141; |
width: 960px; | width: 960px; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
background-color: #transparent; | background-color: #transparent; | ||
| - | margin-top: | + | margin-top: 0px; |
| - | + | ||
} | } | ||
| + | |||
| + | .sidemenu, .sidemenu li { | ||
| + | list-style-type: none; | ||
| + | list-style-image: none; | ||
| + | font-family: verdana; | ||
| + | text-decoration: none; | ||
| + | color:#000; | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | |||
| + | .sidemenu li {display: block;} | ||
| + | |||
| + | .sidemenu a { | ||
| + | text-decoration:none; | ||
| + | color: #000; | ||
| + | display: block; | ||
| + | width: 180px; | ||
| + | height: 100%; | ||
| + | padding: 3px 5px; | ||
| + | transition: .25s ease-in-out; | ||
| + | -moz-transition: .25s ease-in-out; | ||
| + | -webkit-transition: .25s ease-in-out; | ||
| + | } | ||
| + | |||
| + | .sidemenu a.greyout { color: #909090; } | ||
| + | |||
| + | .sidemenu a:hover { | ||
| + | color:#666; | ||
| + | background-color: #d9f5aa; | ||
| + | } | ||
| + | |||
| + | .sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;} | ||
| + | .sub-sidemenu a {color: #666;} | ||
| + | |||
| + | div.underconst | ||
| + | { | ||
| + | padding:10px; | ||
| + | border-radius:5px; | ||
| + | background-color:pink; | ||
| + | text-align:center; | ||
| + | } | ||
| + | |||
| + | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;} | ||
| + | |||
| + | .contentpara {margin-bottom: 30px;} | ||
| + | |||
| + | span.email{font-family: monospace; font-weight: normal;} | ||
| + | |||
| + | fieldset {border: 1px solid #337f53;} | ||
| + | |||
| + | .greyout {color: #A0A0A0;} | ||
| + | .highlightme {background-color: #FFFF00;} | ||
| + | |||
| + | #alertContainer { margin-bottom: 10px; width: 936px;} | ||
| + | #annContainer {margin-left: 8px;} | ||
| + | #newsContainer {border: 1px solid #ccc;} | ||
| + | |||
| + | .newsTitle { | ||
| + | display: block; | ||
| + | color: #414141; | ||
| + | font-size: 25px; | ||
| + | font-family: Georgia, Times, "Times New Roman", serif; | ||
| + | padding: 10px 15px 5px 10px; | ||
| + | border-bottom: 1px solid #ccc; | ||
| + | margin-bottom: 0px; | ||
| + | } | ||
| + | |||
| + | .newsItem { | ||
| + | border-bottom: 1px solid #ccc; | ||
| + | display: block; | ||
| + | padding: 5px 15px 0px 10px; | ||
| + | margin-bottom: 0px; | ||
| + | } | ||
| + | |||
| + | .newsItem h3 { | ||
| + | width: auto; | ||
| + | display: inline; | ||
| + | font-size: 14px; | ||
| + | font-family: Arial, Helvetica, sans-serif; | ||
| + | padding: 0px; | ||
| + | margin: 0px; | ||
| + | } | ||
| + | |||
| + | .newsItem img { | ||
| + | float: right; | ||
| + | clear: right; | ||
| + | width: 80px; | ||
| + | padding-left: 15px; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | |||
| + | .newsItem .newsDate { | ||
| + | font-style: italic; | ||
| + | font-size: 14px; | ||
| + | display: inline-block; | ||
| + | color: #999; | ||
| + | float: right; | ||
| + | padding: 0px 0px 10px 15px; | ||
| + | } | ||
| + | |||
| + | .newsItem p, .newsItem ul, .newsItem li { | ||
| + | padding: 0px; | ||
| + | margin-left: 20px; | ||
| + | font-size: 12px; | ||
| + | line-height: 1.2; | ||
| + | } | ||
| + | |||
| + | .newsItem p {margin-top: 10px;} | ||
| + | |||
| + | .annItem { | ||
| + | border: 2px solid #414141; | ||
| + | display: block; | ||
| + | padding: 0px 15px 10px 10px; | ||
| + | margin-bottom: 18px; | ||
| + | position: relative; | ||
| + | height: 160px; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | |||
| + | .annItem .annCentered { | ||
| + | display: table-cell; | ||
| + | vertical-align: middle; | ||
| + | height: 160px; | ||
| + | } | ||
| + | |||
| + | .annCentered h3 { | ||
| + | padding: 0px; | ||
| + | display: block; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | .annItem ul, .annItem li {padding: 0px; margin: 0px;} | ||
| + | .annItem li {list-style: none; margin: 5px} | ||
| + | |||
| + | |||
| + | |||
</style> | </style> | ||
| + | </style> | ||
| + | |||
| + | |||
| + | |||
</html> | </html> | ||
Latest revision as of 18:45, 5 September 2014
