Template:Regional Europe 2013 Page CSS

From 2013.igem.org

Revision as of 00:21, 3 June 2013 by Beryl (Talk | contribs)

/*--Slideshow Begins Here--*/ #slideshow { display: block; vertical-align: middle; position: relative; } /*--Main Container--*/ #main_view { margin-left:auto; margin-right:auto; position: relative; height:300px; width: 780px; } .window { height:280px; width: 760px; overflow: hidden; /*--Hides anything outside of the set width/height--*/ position: absolute; display: block; top:50%; left:50%; margin: -140px 0 0 -380px; } .image_reel { position: absolute; top: 0; left: 0; } .image_reel img {float: left;} .paging { position: absolute; bottom: 10px; right: 50px; width: 300px; height:47px; z-index: 100; /*--Assures the paging stays on the top layer--*/ text-align: right; line-height: 40px; font-weight: bold; background: url(paging_bg2.png) no-repeat; display: none; /*--Hidden by default, will be later shown with jQuery--*/ } .paging a { padding: 5px; text-decoration: none; color: #fff; text-shadow: #333 1px 1px 1px; } .pause { position: absolute; bottom: 10px; right: 20px; width: 25px; height:47px; z-index: 200; /*--Assures the paging stays on the top layer--*/ text-align: center; line-height: 40px; font-weight: bold; display: block; /*--Hidden by default, will be later shown with jQuery--*/ } .pause a { padding: 5px; text-decoration: none; letter-spacing:1px; font-weight: thick; color: #f0f0f0; text-shadow: #333 1px 1px 1px; border: 2px solid #ccc; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .paging a.active { font-weight: bold; border: 2px solid #fff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .paging a:hover {font-weight: bold;} /*--Slideshow Ends Here--*/ /* Downtown by Adonis Ronquillo for Free Website Templates www.freewebsitetemplat.es / www.doni.us Images by Image Base http://imagebase.davidniblack.com/ Released under the Creative Commons Attribution 3.0 License. */ /* /////////////////////////////////////////////////////////////////////////// // Reset /////////////////////////////////////////////////////////////////////////// */ /* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved. Licensed under the BSD License. http://yuilibrary.com/license/ */ html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000} * { margin: 0; padding: 0; Outline: 0; } body { font-size: 8pt; line-height: 1.75em; color: #2B2B2B; } body,input { font-family: sans-serif; } br.clear { clear: both; } form { margin: 0; padding: 0; } /* /////////////////////////////////////////////////////////////////////////// // Typography and links and headings /////////////////////////////////////////////////////////////////////////// */ a { font-weight: bold; color: #0090D1 /*#F37321*/; } a:hover { font-weight: bold; text-decoration: underline; } h2 { font-size: 1.5em; } h2,h3,h4 { margin-bottom: 1em; font-family: Philosopher, sans-serif; color: #FFF; text-decoration: none; } h3 { font-size: 1.25em; } h4 { font-size: 1.0em; } h5 { font-weight: normal; color: #0090D1 /*#F37321*/; } img.left { float: left; margin: 8px 20px 20px 0; } img.top { margin: 8px 0 20px 0; } img.center { display: block; margin-left: auto; margin-right: auto } label.login { display: block; margin: 0 0 6px 0; } p { margin-bottom: 1.5em; } p.news { height: 150px; } ul { margin-bottom: 1.5em; padding: 0 0px 0px 20px; list-style-image:url('https://static.igem.org/mediawiki/2010/6/6c/Grey_circle_bullet_10px.png'); } ul h4 { margin-bottom: 0.35em; } .form { margin: 0 0 32px 0; } .inputBox, .inputTextArea { padding: 6px; width: 95%; } .inputButton { padding: 6px; float: right; } /* /////////////////////////////////////////////////////////////////////////// // Nav bar /////////////////////////////////////////////////////////////////////////// */ /*--Menu Bar CSS--*/ #navbarcontainer { width: 100%; height: 35px; background: #0090D1; /*blue */ margin-top:0px; font-size: 11px; } #navbarsocial { float:right; padding-top: 4px; } #greyhover { float: left; border: 0px solid #fff; color: #535353 ; /* #F37321; */ text-shadow: #000 1px 1px 1px; padding:0px; line-height: 100%; text-align: center; font-weight: bold; font-size: .8em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 10px; } #flashylink a:hover { color: #fff; } /*--Menu Begins Here http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/ --*/ ul#topnav { margin: 0; padding: 0 0 0 37px; font-size: 1em; position: relative; } ul#topnav li { display: inline-block; height: 35px; margin-left: -4px; /*border-right: 1px solid #ccc; /*--Divider for each parent level links--*/ } ul#topnav li.navHome { background: black; width: 175px; margin-left: -38px; text-align: right; } ul#topnav li.navHome a { border: none; } ul#topnav li a { height: 16px; padding: 0px 15px; display: block; color: #fff; text-decoration: none; border-right: 1px solid #ccc; margin: 10px 0 0px; } ul#topnav li:last-child a { border: none } ul#topnav li:hover{ background: #535353; } ul#topnav li.navHome:hover{ background: black; } ul#topnav li:hover a { border: none; } ul#topnav li div { height: 10px; padding: 6px 0 14px; position: absolute; z-index:10; top:35px; display: none; /*--Hide by default--*/ background: #535353 /*#F37321*/; color: #fff; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 10px; -khtml-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 10px; -khtml-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; } ul#topnav li div.subNavRight { left: 438px; } ul#topnav li div.subNavMiddle { left: 320px; } ul#topnav li div.subNavLeft { } ul#topnav li:hover div { display: block; } /*--Show subnav on hover--*/ ul#topnav li div a { display: inline; } ul#topnav li div a:hover { text-decoration: underline; color: #fff; } /*--Menu Ends Here--*/ .htitle { display: block; padding: 8px; font-size: 1em; font-weight: normal; border-bottom: solid 1px #ccc; margin-bottom: 0px; clear:both; color: #000; } .textboxes { position: relative; border: 1px solid #f0f0f0; background: #f0f0f0; border-bottom: 2px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 10px; margin-bottom: 10px; } .innertextbox { /*--Goes inside textboxes class--*/ display: block; position: relative; margin: 10px; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; } /* /////////////////////////////////////////////////////////////////////////// // /////////////////////////////////////////////////////////////////////////// */