Team:TU Darmstadt/Template/CSS

From 2014.igem.org

Revision as of 12:47, 14 October 2014 by S jager (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,600italic,400italic,700italic); hellrot #fc0110 dunkelrot #9c1006 hellgrau #b2b2b2 dunkelgrau #333 orang #ffa800 */ html,body {margin:0;padding:0;} body {font-family:/* Tahoma,*/ Arial, sans-serif; background-color:#fff;color:#333; /*background: url(../images/vibations_final.png) no-repeat fixed; /*-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/vibations_final.jpg.jpg',sizingMethod='scale')";*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50%; height:100%;} a {margin-bottom:0px;text-decoration:none;color:#333;} a:hover{color:#fc0110;} p {font-size:14px;margin-bottom:10px;} h1 {font-size:16px;margin-bottom:10px;} h2 {font-size:14px;margin-bottom:10px;} h3 {font-size:14px;margin-bottom:10px;} h4 {font-size:14px;margin-bottom:10px;} .container_24 {margin-left: auto; margin-right: auto; width: 960px !important;} img {color: transparent; font-size: 0; margin-bottom: 0; vertical-align: middle;} .csc-textpic-image {margin-bottom: 0px;} .csc-textpic-imagewrap{margin-right:5px !important;margin-bottom:14px;} .csc-textpic-text {margin-bottom:10px;} .csc-textpic {margin-top:20px;} #c19 .csc-textpic {margin-top:0px;} #allWrap {height:100%;margin-bottom:0px !important;} #headerBG{width:auto;height:auto;background-color:#555;border-bottom:8px solid #fc0110;} #headerWrap{background-color: none;} #logo{height:101px;padding-top:5px;} #claim{height:70px;text-align:right;} #claim p {/*padding:10px 5px;margin:5px 0;*/color:#fff;font-size:14px;line-height:18px;text-transform:uppercase;font-weight:bold;letter-spacing:0.2px;} #topBar{height:30px;margin-top:10px;padding-right:5px;width:705px;} #topBar ul {float:right;} #topBar ul li {float:left;margin-left:20px;list-style:none;padding:6px 0;} #topBar ul li.active a{color:#fff;} #topBar ul li a {font-size:12px !important;color:#c3c3c3;font-weight:bold;} #topBar ul li a:hover {color:#fff;} #searchBar.grid_6 {height:31px;} #searchBar {height:31px;} #searchBar form { position: relative; top:5px;left:0px;} #searchBar input[type="text"] {border: 1px solid #999; box-sizing: content-box;color: #999; padding-left:20px;width:208px;} #searchBar input[type="submit"] {font-size: 0em;background: url('../images/suchen.jpg') no-repeat; width: 14px;height: 14px;border: none;left: 3px;top:3px;position:absolute;cursor: pointer;} #topWrap{background-color: #fff;} #mainMenu{background-color:none;position:relative;float:left;z-index:10;height:31px;} #mainMenu ul.tabs {height: auto;list-style:none;margin: 0 auto;display: block;position: relative;} #mainMenu ul.tabs > li {z-index: 50;margin: 0;display: block;position: relative;float:left;} #mainMenu ul.tabs > li:hover {color:#fc0110;} #mainMenu ul.tabs > li.first{margin-left:0px !important;} #mainMenu ul.tabs > li.first a{padding:3px 17px 4px 17px !important;} #mainMenu ul.tabs > li.active {margin-top: 0px;z-index: 70;} #mainMenu ul.tabs > li a {color: #333;font-size:16px;background-color:#fff;padding:3px 15px 4px 15px;display:block;} #mainMenu ul.tabs > li:hover a, #mainMenu ul.tabs > li.active a {color: #fff;background-color:#fc0110; } #mainMenu ul.tabs > li.last{float:right;margin-right:0px !important;} #mainMenu ul.tabs > li.last a{padding:3px 17px 4px 17px !important;} .tabLeft {display:none;} .tabRight{display:none;} .tabContent {} #space{background-color:red;} #slider{height:300px;background-color:#333;overflow: hidden;position: relative;margin-left: 5px;border:none;border-radius: 0;box-shadow: none;} #slider li {margin: 0;} #slider .flex-control-nav {background-color:transparent; bottom: 5px; right: 10px; width: auto;} #slider .flex-control-nav li {margin-left: 7px;} #slider .flex-control-paging li a {border-radius:0px;background-color: #333;box-shadow: none; border: none; height: 10px; width: 10px; font-weight: bold; color: #fff; font-size: 105%;position:relative;z-index:1000;} #slider .flex-control-paging li a.flex-active {background-color: #999; border: none; color: #333;} #slider ul.slides {margin:0;} #slider ul.slides li {margin:0;list-style: none;display: none;} #slider ul.slides li:first-child {display: block;} #slider .flex-direction-nav a {position:absolute; background-image: url(../images/slider_navigation2.png);height:32px;margin-top:-10px;} #slider .flex-direction-nav .flex-prev {opacity: 1;left: 5px;} #slider .flex-direction-nav .flex-prev:hover {background-position: 0 100%; opacity: 1;left: 5px;} #slider .flex-direction-nav .flex-next {background-position: 100% 0;opacity: 1;right: 5px;} #slider .flex-direction-nav .flex-next:hover {background-position: 100% 100%;opacity: 1;right: 5px;} #slider .flex-control-nav {display:block;} #slider .flex-control-paging li{} #slider .flex-control-paging .flex-active{background-color:#777;} #slider .flex-control-paging li a:hover{background-color:#fc0110;} #promoWrap{height:300px;} #promoWrap a {padding:10px 0;} #promoWrap h1 {margin-bottom:10px;margin-top:10px;padding:0px 10px;text-align:center;} /*#promoWrap a h1 {margin-bottom:10px;margin-top:10px;padding:0px 10px;text-align:center;}*/ #promoWrap a h1 { margin-bottom: 0px; margin-top: 0px; padding: 20px 10px 10px 10px; text-align: center; } #promoWrap p {margin-bottom:5px;margin-top:0px;padding:0px 10px;text-align:center;} /*#promoWrap a p {margin-bottom:5px;margin-top:0px;padding:0px 10px;text-align:center;}*/ #promoWrap a p { margin-bottom: 0px; margin-top: 0px; padding: 0px 10px 25px 10px; text-align: center; } .grid_6.promo1{background-color:#999;margin-left:0;margin-right:0;height:100px !important;color:#333;} .grid_6.promo1:hover{background-color:#fc0110;margin-left:0;margin-right:0; height:100px !important;color:#fff;} .grid_6.promo1:hover a{background-color:#fc0110;margin-left:0;margin-right:0; height:100px !important;color:#fff;} .grid_6.promo2{ background-color:#999;margin-left:0; margin-right:0; height:98px !important; border-top:1px solid #fc0110;border-bottom:1px solid #fc0110;color:#333;} .grid_6.promo2:hover{background-color:#fc0110;margin-left:0;margin-right:0;height:98px !important;border-top:1px solid #fc0110;border-bottom:1px solid #fc0110; color:#fff;} .grid_6.promo2:hover a{background-color:#fc0110;margin-left:0;margin-right:0;height:98px !important;border-top:1px solid #fc0110;border-bottom:1px solid #fc0110; color:#fff;} .grid_6.promo3{background-color:#999;margin-left:0;margin-right:0;height:100px !important;color:#333;} .grid_6.promo3:hover{background-color:#fc0110;margin-left:0;margin-right:0; height:100px !important;color:#fff;} .grid_6.promo3:hover a{background-color:#fc0110;margin-left:0;margin-right:0; height:100px !important;color:#fff;} #contentWrap{background-color: #fff;} #breadcrumbs{height:30px;background-color:none;color:#333;font-size:12px;margin-bottom:15px;} #breadcrumbs p{color:#333;font-size:12px;font-weight:bold;padding:6px 5px;margin-bottom:0;} #breadcrumbs a{color:#333;font-size:12px;font-weight:normal;margin-bottom:0;} #breadcrumbs a:hover{color:#fc0110;font-size:12px;} #leftNavi{height:auto;background-color:none;} #leftNavi .menuTitle {font-size: 16px;color:#333;font-weight:bold;} #leftNavi ul.menu{margin-left:0px;font-weight:normal;margin-bottom:15px;padding:0px 5px;list-style:none;font-size: 16px;color:#333;} #leftNavi ul.menu li ul.menu2 li a{font-weight:normal; margin-bottom:0px;padding:0px 5px; list-style:none;font-size: 14px;color:#444;} #leftNavi ul.menu li ul.menu2 li.active a{font-weight:bold; margin-bottom:0px;padding:0px 5px; list-style:none;font-size: 14px;color:#444;} #leftNavi ul.menu > li {margin-left:0px;} #leftNavi ul.menu li a{margin-left:0px;font-size:16px;display:block;} #leftNavi nav {padding-bottom: 10px;background-color:none;} #leftNavi nav > ul {font-size: 14px;margin-top:0px;list-style:none;} #leftNavi nav > ul a {color: #333;} #leftNavi nav > ul a:hover {color: #fc0110;} #leftNavi nav > ul > li {padding: 3px 5px;margin-left:0px;border-bottom:1px solid #c3c3c3;} #leftNavi nav > ul > li.last{border-bottom:1px solid #c3c3c3;} #leftNavi nav > ul > li.active {padding-top:0px;list-style-type:none;font-weight:bold;color:#fc0110; } #leftNavi nav > ul > li.active:first-child { text-decoration:none;} #leftNavi nav > ul > li.active > a {font-weight: bold;font-size:16px;color:#fc0110;} #leftNavi ul.menu2 {margin-bottom:10px;} #leftNavi nav > ul > li.active + li {} #leftNavi nav ul ul li {padding-left: 5px;padding-top:3px;list-style:none;font-size:14px; margin-left:0px;} #leftNavi ul.menu li ul.menu2 li a:hover {color:#fc0110;} #leftNavi nav ul ul li.active a {color: #fc0110 !important;} #leftNavi ul.menu3 li{color:#777;} #leftNavi ul.menu3 li.active {color:#fc0110 !important;} #leftNavi ul.menu li ul.menu2 li ul.menu3 a{font-weight:normal; margin-bottom:0px;padding:2px 0 0 10px; list-style:none;font-size: 13px;color:#777;} #leftNavi ul.menu3 {margin-bottom:5px;} #leftNavi ul.menu li ul.menu2 li ul.menu3 li a {color:#777 !important;line-height:15px;margin-bottom:4px;} #leftNavi ul.menu li ul.menu2 li ul.menu3 li a:hover {color:#fc0110 !important;} #leftNavi ul.menu li ul.menu2 li ul.menu3 li.active a{color:#fc0110 !important;} } #content{height:auto;background-color:none;padding:0 5px;width:740px;margin-bottom:30px;color:#333 ;} #content h1{color:#fc0110;} #content p {text-align:justify;} #content a {color:#666;} #content a:hover {color:#fc0110;} #c276 img { color: transparent; font-size: 0; width:100%;height: 100%; vertical-align: middle;margin-bottom:20px;} #c276 h1 {font-size: 14px;margin-bottom: 10px;color:#c3c3c3;font-weight:normal;text-align:left;} #c276 .banner {width: 27%;float: left;text-align: center;height: auto;padding: 0 20px;} #c276 .tx-sf-banners {padding: 0 5px;width: 730px;} #c274 img { color: transparent; font-size: 0; width:100%;height: 100%; vertical-align: middle;margin-bottom:20px;} #c274 h1 {font-size: 14px;margin-bottom: 10px;color:#c3c3c3;font-weight:normal;text-align:left;} #c274 .banner {width: 27%;float: left;text-align: center;height: auto;padding: 0 20px;} #c274 .tx-sf-banners {padding: 0 5px;width: 730px;} #c268 img { color: transparent; font-size: 0; width:100%;height: 100%; vertical-align: middle;margin-bottom:20px;} #c268 h1 {font-size: 14px;margin-bottom: 10px;color:#c3c3c3;font-weight:normal;text-align:left;} #c268 .banner {width: 27%;float: left;text-align: center;height: auto;padding: 0 20px;} #c268 .tx-sf-banners {padding: 0 5px;width: 730px;} #c45 img { color: transparent; font-size: 0; width:100%;height: 100%; vertical-align: middle;margin-bottom:20px;} #c45 h1 {font-size: 14px;margin-bottom: 10px;color:#c3c3c3;font-weight:normal;text-align:left;} #c45 .banner {width: 27%;float: left;text-align: center;height: auto;padding: 0 20px;} #c45 .tx-sf-banners {padding: 0 5px;width: 730px;} .csc-textpic .csc-textpic-imagewrap img {border: medium none;display: block; height: auto; max-width: 740px;} #news { /*background-color:#999;*/ height:auto; min-height:300px; float:right; text-align:right; padding-bottom:5px; margin-bottom:20px; } #news .menuTitle { font-size: 16px; padding:0 10px; color:#fc0110; font-weight:bold; margin-bottom:10px; } .latest-news {padding:0 5px} .latest-news p{font-size:12px;margin-bottom:3px;} .news-list-item {float:none; border-top:1px solid #999;padding-top:10px;padding-right:5px;margin-top:10px;} .news-list-item:first-child {border-top: none;padding-top:0px;} #c27 .news-list-item {text-align:justify;} .news-readmore {} .news-title a{color:#333;} .news-title a:hover{color:#333 !important;} .news-text {font-size:14px !important;position:relative;top:4px;} .news-text a{color:#333;} .news-text a:hover{color:#333 !important;} .news-readmore a{color:#333;font-size:11px;} .news-readmore a:hover{color:#fc0110;} .news-date {color:#333;} #news .further {color:#333;font-weight:bold;padding-right:10px;} #news a:hover {color:#fc0110;} #news h4 {font-size: 14px;margin-bottom:0px;} #c28 h1.csc-firstHeader {display:none;} #c28 .news-single-item .news-title {color:#fc0110 !important;font-weight:bold;margin-bottom:10px;font-size:16px;} #c18 .news-list-item {padding-right:0px !important;font-size:11px; color:#333;} .news-list-container {padding: 0px 0;margin-bottom:20px;} .news-list-date {color:#333;;font-size:11px !important;} .news-list-item h2 a{font-size:14px; color:#333 !important;font-weight:bold;} .news-list-item h2 a:hover{font-size:14px; color:#fc0110 !important;font-weight:bold;} .news-single-item{padding:0px !important;} .news-single-date {margin-top:5px;font-size:11px !important;color:#333 !important;float:right;} .news-title {font-size:14px;font-weight:bold;color:#333 !important;} .news-sub h2 {font-size:13px !important; color:#333 !important;} .news-sub a:hover {color:#333;} .news-single-backlink {padding:10px 0px;color:#333 !important;font-size:11px !important;} .news-single-backlink a{color:#333 !important;font-size:11px !important;} .news-single-backlink a:hover{color:#e30613 !important;} .news-more{position:relative;top:10px;} .news-more a{color:#333 !important;padding-bottom:5px;font-size:11px !important;} .news-more a:hover{color:#e30613 !important;} .news-text-latest {font-size:12px !important;} .news-text-latest a{color:#333;} .news-text-latest a:hover{color:#333 !important;} #sponsoren{padding:10px 0 10px 0;background-color:none;border-top:2px solid #fc0110;margin-top:20px !important;} #sponsoren img { color: transparent; font-size: 0; height: auto; vertical-align: middle;margin-bottom:5px;} #sponsoren h1 {font-size: 14px;margin-bottom: 10px;color:#c3c3c3;font-weight:normal;text-align:center;} #sponsoren .banner {width: 12%;float: left;text-align: center;height: auto;padding: 0 10px;} #sponsoren .tx-sf-banners {padding: 0 5px;width: 940px;} hr {border: 0 #c3c3c3 solid;border-top-width: 1px;clear: both;height: 0;margin-bottom:10px;} #footerBG{width:auto;min-height:120px;background-color:#333;border-top:12px solid #fc0110;} #footerWrap{background-color:none;margin-bottom:0px;height:auto;color:#c3c3c3;} #footerWrap ul.menu {list-style:none;margin-top:8px;margin-bottom:15px;} #footerWrap ul.menu li {font-size:12px;} #footerWrap ul.menu li.first {font-size:13px;font-weight:bold;} #footerWrap ul.menu li a {color:#c3c3c3;} #footerWrap ul.menu li a:hover {color:#fff !important;} #footerContent h1{margin-bottom:3px;margin-top:8px;} #copy{position:relative;} #copy p{padding:10px 0 5px;margin-bottom:0px;font-size:11px;color:#fff;} /*SITEMAP*/ ul.list.deep0{margin-bottom:10px;} ul.list.deep1{margin-bottom:10px;} ul.list.deep2{margin-bottom:10px;} .tx-flseositemap-pi1 a{font-size:14px;color:#333;} .tx-flseositemap-pi1 a:hover{font-size:14px;color:#fc0110;} .tx-flseositemap-pi1 li {list-style:disc;color:#fc0110;} /*gallery*/ .tx-yag-breadcrumbcomtainer{ border-top: 1px solid #333; border-bottom: 1px solid #333; margin: 3px 0 7px 0; padding: 5px 0 3px 0; } .tx-yag-breadcrumb{color:#333 !important;} .tx-yag-breadcrumb a{color:#333 !important;} .tx-yag-breadcrumb a:hover{color:#fc0110 !important;} .tx-yag-gallery-galleryinfo, .tx-yag-album-albuminfo {color:#333 !important;font-size:12px !important;margin-left:0px !important;width:190px;padding:5px;} .tx-yag-album-albuminfo a{color:#333 !important;font-weight:bold;} .tx-yag-album-albuminfo a:hover{color:#fc0110 !important;} .tx-yag-gallery-thumb-innerframe, .tx-yag-album-thumb-innerframe {float:none;} .tx-ptextlist-pager {border-bottom: 1px solid #333;margin: 3px 0 7px 0;padding: 5px 0 15px 0;} .tx-ptextlist-pager li {border:1px solid #20266d;padding:3px 3px 3px 5px;} .tx-ptextlist-pager li.first {margin-left:0px;} .tx-ptextlist-pager a:hover{color:#f90 !important;} .tx-ptextlist-pager .active a {color:#333 !important;font-weight:bold;} .tx-ptextlist-pager-item-display {color:#333 !important;} .tx-yag-items {padding:10px 0 10px 20px;} .yag-item-thumb-innerframe img {width:150px;height:150px;} .tx-yag-thumb-innerframe.tx-yag-album-thumb-innerframe img {width:230px;height:230px;} /*SUCHE*/ .tx-ttnews-browsebox, .tx-indexedsearch-browsebox {text-align: center;margin-bottom: 20px;} .tx-ttnews-browsebox, .tx-indexedsearch-browsebox p {text-align:left;margin-bottom:20px;} .tx-ttnews-browsebox ul, .tx-indexedsearch-browsebox ul {margin-bottom: 0;} .tx-ttnews-browsebox ul li, .tx-indexedsearch-browsebox ul li {border:1px solid #999;padding:2px 7px;display:inline;margin-left: 5px;} .tx-ttnews-browsebox ul li a, .tx-indexedsearch-browsebox ul li a {color:#333;} .tx-ttnews-browsebox ul li.first, .tx-ttnews-browsebox ul.menu li.last, .tx-indexedsearch-browsebox ul li.first, .tx-indexedsearch-browsebox ul li.last{border:none;} .tx-ttnews-browsebox ul li.active, .tx-indexedsearch-browsebox ul li.tx-indexedsearch-browselist-currentPage {color:#333;border-color: #999;} .tx-indexedsearch-browsebox ul li a {text-decoration: none !important;} .tx-indexedsearch-browsebox ul li a:hover{color:#fc0110;} .tx-indexedsearch-browsebox ul li.tx-indexedsearch-browselist-currentPage a {color: #fc0110;} .tx-indexedsearch-res {min-height: inherit;color:#333 !important; font-size:14px !important;} .tx-indexedsearch-searchbox {display:none;} .tx-readmore {font-size: 11px;} .sick-input label { position: absolute; left: 4px; top: 0; cursor: text; pointer-events: none; color: #87888A; } .sick-input.populated label { } .sick-input.focused label { color: #ccc; transition: color .2s linear 0; -webkit-transition: color .2s linear 0; -moz-transition: color .2s linear 0; } #tx_indexedsearch {} .tx-indexedsearch-whatis {font-size:14px;color:#333;} .tx-indexedsearch-sw {font-size:14px; font-weight:bold;color:#fc0110;} .tx-indexedsearch-res {margin-bottom:20px;} iframe { display: none !important; } #MathJax_Message { display: none !important; }

Retrieved from "http://2014.igem.org/Team:TU_Darmstadt/Template/CSS"