Team:Tokyo Tech/defult.css

From 2014.igem.org

Revision as of 12:13, 17 June 2014 by Cerburus (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

/* Copyright (c) 2010 CoffeeCup, All rights reserved - http://www.coffeecup.com/

*/

/* Reset v1.0 | 20080212 - http://meyerweb.com/eric/tools/css/reset/

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ; content: none; }

/* remember to define focus styles! */

focus {

outline: 0; }

/* remember to highlight inserts somehow! */ ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }

/* Reset for HTML 5 Elements

*/

/* tells browsers that don't read html 5 tags to render like divs */ header, footer, aside, nav, article, section { display: block; margin: 0; padding: 0; }

/* clears containers with floated elements, no need for extra markup! */ .clear:after { 

   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;

}

/* Type

*/

html { font-size: 16px; }

body { color: #333; font: 75%/1.5em Courier New, Courier, Monospaced; }

h1, h2, h3, h4, h5, h6 { color: #923547; font: 1.9em/1em Courier New, Courier, Monospaced; }

h1 {

}

h2 { 

   font-family: Dancing Script, Courier New, Courier, Monospaced;
   font-size: 5em;

color: #923547; }

h3 { color: #923547; font-size: 2em; font-weight: bold; }

h4 { font-size: 1.35em; 

   color: #923547;
   font-weight: bolder;

}

h5 { 

   font-family: Dancing Script, Courier New, Courier, Monospaced;

font-size: 1.7em; }

h6 { font-size: 1em; font-weight: bold; }

p { color: #534741; font-family: Courier New, Courier, Monospaced; font-size: 1em; line-height: 1.5em; text-align: left; }

ul { list-style: disc; color: #6F856C; font-size: 1.0em; font-weight: normal; line-height: 1.3em; }

ol, ol.lowerRoman, ol.upperAlpha { list-style: decimal; color: #6F856C; font-size: 1.0em; font-weight: normal; line-height: 1.3em; }

ol.lowerRoman { list-style: lower-roman; }

ol.upperAlpha { list-style: upper-alpha; }

strong, b, .b { color: #923547 !important; font-weight: bold; }

a { color: #923547; text-decoration: none; }

/*a:link { color: #923547; outline: none; text-decoration: none; }

a:visited { color: #923547; outline: none; text-decoration: none; }*/

a:hover { color: #eb756c; text-decoration: underline; }

a:active { color: #923547; outline: none; text-decoration: none; }

a:focus { outline: 1px dotted; }

.more { text-decoration: underline !important; }

/* Spacing

*/


h1, h2, h3, h4, h5, h6 { padding-bottom: 3px !important; }

hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }

p { margin-right: 10px; padding: 5px 0; }

blockquote { margin-right: 10px; padding: 5px 0 20px 0; }

ul, ol { margin-left: 25px; padding-left: 0; }

li { margin-bottom: 15px; margin-left: 15px; }

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 10px; }

/* Layout

*/

html {

background: url(../images/background.jpg) repeat; 

   background-color: #fff;

padding: 0px 0px 0px 0px; text-align: left; }

body { background:; 

   background-repeat: no-repeat;
   width: 960px;

margin: 0 auto; position: relative; border: none; }

  1. logoTxt {

background: url(../images/logo.png) top center no-repeat; position: absolute; 

   display:inline-block;

top: -60px; width: 100%; height: 111px; border: none; 

   padding-bottom: 10px;
   z-index: 10 !important;

}

  1. logoTxt h1, #logoTxt h2 {

color: #fff; font-size: 3em; line-height: 1.5em; text-align: center; }

  1. logoTxt h2 {

color: #fff; }

  1. logoTxt h1 span, #logoTxt h2 span {

display: block; position: absolute; top: 2px; right: 0; width: 124px; z-index: 9; border: none; }

  1. logoTxt h2 span {

top: 0 !important; z-index: 10 !important; }

header { /*height: 213px;*/ 

   background: url(../images/header_bg.png) top center ;
   width: 580px;
   height: 213px;
   padding: 20px 0 0px 0;

position: absolute; 

   display:inline-block;

top: -106px; width: 100%; border: none; 

   background-repeat:no-repeat;

}

header h1 { color: #333; font-size: 1.6em; margin-top: 0px; text-align: left; border: none; }

header h1 span { color: #757575; display: block; float: right; padding-right: 0px; 

   padding-top: 150px;

width: 300px; border: none; }

  1. headTxt {

color: #000 !important; font-size: 4em; line-height: 0.3em; text-transform: capitalize; width: auto !important; }

nav ul { clear: center; list-style: none; width: 960px; height: 31px; margin-left: 15px; 

   margin-right:15px;

padding-top: 130px; 

   padding-bottom: 0px;

text-align: center; border: none; }

nav ul li { display: inline; margin: 0 15px 0 0; border: none; }

nav ul li a { color: #eb756c; 

   font-family: Dancing Script, Courier New, Courier, Monospaced;

font-size: 1.7em; 

   text-align: center;

padding: 8px 0px 11px 0px; 

   width: 140px;

display: inline-block; border: none; 

   background: url(../images/button_reg.png) no-repeat;
  }

nav ul li a:hover {

color: #923547; text-decoration: none; 

   background: url(../images/button_hov.png) no-repeat;

}

nav ul li a.selected { color: #923547; 

       background: url(../images/button_hov.png) no-repeat;

}

nav ul li a.selected:hover { color: #923547;

}

  1. mainRight, #mainRight2 { 
   background:url(../images/body_bg.png);
   margin-top:140px;

width: 960px; text-align: left; 

   margin-bottom: 60px;

}


/*#mainRight h2 { margin-bottom: 40px; border: none; }

  1. mainRight2 {

width: 300px !important; }*/

.columns { margin: 20px 0 0 0; padding-left: 0px; border: none; }

.colLeft { float: left; width: 430px; border: none; 

   margin-left: 10px;
   margin-bottom: 20px;

} .colLeft img { 

   padding: 50px 0 0 100px; }

.colRight { float: right; width: 430px; border: none; }

.col1 { float: left; width: 230px; border: none; 

   margin-bottom: 10px;

}

.col2 { float: left; width: 230px; border: none; }

.col3 { float: left; width: 230px; border: none; } .col4 { float: left; width: 230px; border: none; }

.contact { 

   float: right;
   display: inline-block;
   width: 220px;

margin: 15px 0 0 0; padding-left: 0px; border: none; }

.about { 

   float: right;
   display: inline-block;
   width: 460px;

margin: 15px 20px 0px 0; padding-left: 0px; border: none; }

.index { margin: 20px 20px 20px 17px; padding-left: 0px; border: none; }

  1. signature { 
   margin-top: 30px;

margin-bottom: 5px; 

   margin-right: 30px;

text-align: right; }

footer { clear: both;

padding-top: 5px; 

   margin-top: 25px;
   height: 107px;
   width: 960px;

border: none; }

  1. mainRight:after{ 
   content: ".";
   clear: both;
   width: 100%;
   display:inline-block;
   background: url(../images/footer_bg.png) top center repeat-x;
   position: relative;
   top: 18px;
   color: transparent;
   text-indent:-9999px;

   }

footer p { float: left; 

   margin-left: 25px;
	font-size: 0.8em;
   color: #eb756c;

border: none; }

footer ul { float: right; list-style: none; width: 330px; padding-top: 3px; text-align: right; 

   margin-right: 30px;

border-top: 1px solid #eb756c; 

   }

footer ul li { display: inline; margin: 0 3px; border: none; }

footer ul li a { font-size: 0.9em; }

footer ul li a:hover { color: #eb756c; }

  1. shop_button { 
   width: 164px;
   height: 35px;
   background-image: url(../images/shop_button_reg.png);
   display: inline-block;
   float: right;
   margin: 40px 130px 0 0;
   text-indent:-9999px;
   outline: 0;
}

#shop_button:hover{
   background-image: url(../images/shop_button_hov.png);

}
Retrieved from "http://2014.igem.org/Team:Tokyo_Tech/defult.css"