"
Template:Regional Europe 2013 Page CSS
From 2013.igem.org
| Line 45: | Line 45: | ||
} | } | ||
| + | main4 { | ||
| + | position: relative; | ||
| + | padding: 28px 0 0 0; | ||
| + | width: 100%; | ||
| + | margin: 20px 0 0 28px; | ||
| + | <!-- color: #0090D1 --> | ||
| + | } | ||
/* /////////////////////////////////////////////////////////////////////////// | /* /////////////////////////////////////////////////////////////////////////// | ||
| Line 87: | Line 94: | ||
} | } | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
img.left { | img.left { | ||
Revision as of 00:49, 5 July 2013
/* 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 { line-height: 1.75em; color: #2B2B2B; background: none; }
body,input { font-family: Arial, sans-serif; }
br.clear { clear: both; }
form { margin: 0; padding: 0; }
main4 { position: relative; padding: 28px 0 0 0; width: 100%; margin: 20px 0 0 28px; }
/* /////////////////////////////////////////////////////////////////////////// // 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; }
/*/////////////////////////////////
// iGem Template overide
//////////////////////////////////*/
- content {
border: none; }
/* /////////////////////////////////////////////////////////////////////////// // 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; position: relative; /*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 { display: inline-block; height: 35px; width: 212px; }--*/
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; 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; border-bottom-left-radius: 10px; }
ul#topnav li div.subNavRight { right: 0px; width: 340px; }
ul#topnav li div.subNavSecond { left: -50px; width: 310px; }
ul#topnav li div.subNavMiddle { left: -50px; width: 280px; }
ul#topnav li div.subNavLeft {
width: 410px;
}
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; }
/* /////////////////////////////////////////////////////////////////////////// // /////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////
// Caroussel
/////////////////////////////////////////////////////////////////////////// */
.bx-wrapper {
margin: 55px 0px 30px;
border-bottom: 1px solid #0090D1;
}
.bx-wrapper .bx-viewport {
box-shadow: none;
border: none;
left: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #0090D1;
}
.bx-wrapper .bx-pager {
top: 510px;
}
/* ///////////////////////////////////////////////////////////////////////////
//
/////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////
// Bandeau haut
/////////////////////////////////////////////////////////////////////////// */
- top-section {
border: none; }
- p-logo {
border: none; background-image: url('https://static.igem.org/mediawiki/2013/4/49/EuJamBandeauHaut.png'); }
- p-logo a:first-child {
display: none; }
- p-logo img {
height: 90px; width: auto; padding: 5px 25px; }
- content h1 {
display: none; }
- content {
padding-top: 0; margin-top: -18px; }
- search-controls {
top: 10px; right: 180px; width: 240px; }
- search-controls a {
margin : 0 5px 5px 5px; }
- search-controls input {
vertical-align: middle; }
- socialLinks {
margin-bottom: 10px; }
- searchInput {
border: none; background-color: lightgrey; height: 20px; }
- searchGoButton {
display: none; }
- mw-searchButton {
font-weight: normal; color: white; background-color: black; margin: 0 0 0 -12px; padding: 0 15px; height: 20px; font-size: 0.9em; color: lightgrey; cursor: pointer; }
.right-menu ul { margin-bottom: 0; }
.right-menu ul li a { background-color: transparent; }
.right-menu:hover ul li a { background-color: #606060; }
/* /////////////////////////////////////////////////////////////////////////// // /////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////// // Footer /////////////////////////////////////////////////////////////////////////// */
- catlinks {
border: none; background: none; }
- footer-box {
border: none; border-top: 2px solid black; padding-top: 25px; }
/* /////////////////////////////////////////////////////////////////////////// // /////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////
// Utils
/////////////////////////////////////////////////////////////////////////// */
.floatRight { float: right; }
/* /////////////////////////////////////////////////////////////////////////// // /////////////////////////////////////////////////////////////////////////// */
