Template:Team:Duke/CSS

From 2014.igem.org

Revision as of 15:37, 1 July 2014

1. contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/

.firstHeading { width: 975px; 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;}

1. top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/

background-color: #ff6666; border: 0 none; height: 14px; z-index: 100; top: 0; position: fixed; width: 975px; left: 50%; margin-left: -487px; }

1. top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/

background-color: #cc99ff; height: 14px; display: block; z-index: 10; position: fixed; width: 100%; top: 0; }

1. menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/

color: #727272; text-decoration: none; background-color: transparent; }

body { background-color: #009999; }

1. globalWrapper, #content { /*-- changes default wiki settings --*/

width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px; }

html, body, .wrapper { /*-- changes default wiki settings --*/ width: 100%; height: 100%; background-color: transparent; }

1. contentcontainer { /*-- creates container for all content on page --*/

font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #414141; width: 960px; margin-left: auto; margin-right: auto; background-color: #transparent; 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: #000000; 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:#666666; background-color: #d9f5aa; }

.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666666; display: none;} .sub-sidemenu a {color: #666666;}

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;}

1. alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
2. annContainer {margin-left: 8px;}
3. 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: #999999; 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 #49b677; 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}