Team:HKUSTers/Constructing

hk.wonderland - ABC   #g_title p, #g_footer p, #g_description p { margin: 0; } /*

-- -- -- -- -- -- -- 	Browser Fixes -- -- -- -- -- -- -- 	This file uses CSS filtering methods to fix various layout bugs.

Each of the following three imported files is a  	separate, browser-specific CSS file that keeps all hacks out of the main style sheet. Over time, as supporting these browsers no longer remains a priority, cleaning up the hacks is as 	easy as deleting the @import statement below, or simply no longer linking this file from the HTML. */

/*    fix ie6 "peekaboo bug" using the "holly hack". Note, this style only gets applied to ie6 */ * html .wrapper { height: 0.1%; }

/*   * IE5 mac - overrides the IE/Win hack */

/*\*//*/

* html #threecolumn div { height: auto; }

/**/

/*   * IE5/Win-specific CSS -ensures #container wraps all content on window resize */

@media tty { i{content:"\";/*" "*/}} * html #container { height: 1%; } /*";} }/* */  /* Styling for editable elements. Eventually, this will be part of the style. */

.editable {

border: 1px dashed blue;

}

#footer {

clear: both;

}

/* Extra divs hidden by default. The custom CSS can override this though */

#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {

display: none;

}

a img,:link img,:visited img {border: none;}

body { text-align: center; } #container { width: 718px; text-align: left; margin: 0 auto; } #main-content { float: left; display: inline; /* for IE */ width: 470px; } #sidebar { float: left; display: inline; /* for IE */ width: 230px; } #footer { clear: both; }  /** BEGIN CUSTOM SKIN **/ /*

-- -- -- -- -- -- -- 	Base CSS -- -- -- -- -- -- -- 	This file simply removes default styling on most HTML elements in order to reduce the need to later override them. */

h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;} dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;} a img,:link img,:visited img {border: none;} address {font-style: normal;}/*

-- -- -- -- -- -- -- 	Type Scheme: Deco -- -- -- -- -- -- -- */

body { font: 76% Verdana, sans-serif; }

h1, h2, h3, h4, h5, h6, p.description { font-family: "Trebuchet MS", Trebuchet, sans-serif; } h1 { font-size: 3em; font-weight: bold; letter-spacing: 2px; } h2 { font-size: 2em; font-weight: normal; } h3 { font-size: 1.5em; } h4 { font-size: 1.2em; letter-spacing: 0.2em; } h5 { font-size: 1.2em; } h6 { font-size: 1em; font-weight: bold; }

p, td { line-height: 1.8em; } code, kbd { font-size: 1.25em; }/*

-- -- -- -- -- -- -- 	STYLE: Chemise -- -- -- -- -- -- --

*/

/* ie6win */

#footer { height: 1%; }

/* ie5mac */

/*\*//*/ #footer { height: auto; } /**/

/* ie5 win */ @media tty { i{content:"\";/*" "*/}} td, * html th { font-size: 0.8em; } h1 { height: 1%; } /*";} }/* */

/* Basic HTML style --- */ a:link { padding: 0 2px; } body { font: 80% "Lucida Grande", "Lucida Sans Unicode", sans-serif; } blockquote { margin: 1em 1em; font-style: italic; } caption { font-size: 1em; text-align: left; padding: 4px 6px; } 	font-weight: bold; } dd { margin: 0 0 1em 1em; } hr { color: #222; background: #222; border-color: #222; } td { padding: 2px 5px; vertical-align: top; } th { font-size: 1em; padding: 2px 5px; text-align: left; border-top: solid 1px #000; border-right: solid 1px #000; border-bottom: solid 1px #000; }

td p { margin-top: 0; }

ul li { margin-bottom: 0.8em; } ol li { list-style: lower-alpha; margin-left: 2em; margin-bottom: 0.8em; }

/* Header --- */ #container { }

#header { border-bottom: solid 1px #000; position: relative; margin: 0; margin-bottom: 10px; } p.description { font-size: 1em; margin: 0; padding: 0.5em 15px; border-bottom: solid 1px #000; } #g_description { margin: 1em 0 1em 15px; }

/* Custom font definitions --- */ p { margin: 1em 0; line-height: 1.5; } td, td p { line-height: 1.5; } h1,h2,h3,h4,h5,h6 { font-family: "Trebuchet MS", arial, sans-serif; } h1 { text-align: left; font-weight: normal; font-size: 2em; font-weight: bold; line-height: 1.5em; padding: 30px 20px 10px 15px; margin: 0; border-top: solid 1px #000; border-bottom: solid 1px #000; } h2 { font-size: 1.5em; color: #000; margin: 0 0 1em 0; background: url(/-/include/style/chemise/slate/h2_hkusters.gif) no-repeat left bottom;

} h3 { font-size: 1.2em; padding: 4px 10px; margin-top: 0.5em; } h4 { margin-top: 0.6em; margin-left: 0.2em; font-size: 0.9em; } h5 { padding-left: 10px; font-size: 1em; } h6 { font-size: 0.9em; }

a:link { color: #f6952e; } a:hover { background-color: #dbd4a6; }

/* sidebar --- */ #sidebar, #sidebar-alternate { margin-bottom: 2em; } #sidebar h3, #sidebar-alternate h3 { font-weight: normal; font-size: 1.3em; border-top: solid 1px #000; margin-bottom: 0.5em; } #sidebar h4, #sidebar h5, #sidebar h6, #sidebar-alternate h4, #sidebar-alternate h5, #sidebar-alternate h6, #sidebar p, #sidebar-alternate p { margin-left: 10px; margin-right: 20px; }

#sidebar li, #sidebar-alternate li { margin-bottom: 0.8em; } #sidebar .links { margin-bottom: 2em; } #adsense { text-align: center; }

.editable { border: dashed 1px #666; }

/* layout patches --- */ #twocolumn-liquid-left #sidebar { float: left; } #twocolumn-liquid-right #sidebar { float: right; } #threecolumn #sidebar-alternate { float: right; }

/* Footer --- */ #footer { padding: 1px 15px; border-top: solid 1px #000; border-bottom: solid 1px #000; clear: both; } #footer hr { display: none; }

/* fixed 1 column --- */ #onecolumn #main-content .wrapper { margin: 20px; }

/* fixed left 2 column --- */ #twocolumn-left #main-content .wrapper { padding: 0 20px; }

/* fixed right 2 column --- */ #twocolumn-right #main-content .wrapper { padding: 0 20px; }

/* fixed right 3 column --- */ #threecolumn #main-content .wrapper { padding: 0 20px; } #threecolumn #sidebar h3, #threecolumn #sidebar-alternate h3 { margin-bottom: 0; }

/* liquid left 2 column --- */ #twocolumn-liquid-left #main-content .wrapper { margin: 0 20px; }

/* liquid right 2 column --- */ #twocolumn-liquid-right #main-content .wrapper { margin: 0 20px; } /*

-- -- -- -- -- -- -- 	COLOR SCHEME: Asp -- -- -- -- -- -- --

*/

/* Basic HTML style --- */ body { color: #1C2023; background: #F4F4F4 url(http://2008.igem.org/Image:body_hkusters.gif) repeat-y center top; } caption { color: #fff; background: #2AA63B url(http://2008.igem.org/Image:h3_hkusters.gif) repeat; } code, kbd { color: #139522; } dt { color: #139522; } hr { background: #604829; border-color: #604829; border-top: none; } th { color: #fff; background: #001474 url(http://2008.igem.org/Image:th_hkusters.gif) repeat-x 0 0; border-top: solid 1px #63AFDF; border-right: solid 1px #002797; border-bottom: solid 1px #002797; }

/* Header --- */ #container { background: #fff url(http://2008.igem.org/Image:container_hkusters.gif) repeat-x; }

#header { border-bottom: solid 1px #7DA9C5; } p.description { color: #85C0E5; background: #0039A0 url(http://2008.igem.org/Image:description_hkusters.gif) repeat-x 0 0; border-bottom: solid 1px #002797; }

/* Custom font definitions --- */ h1 { color: #fff; background: #55C76B url(http://2008.igem.org/Image:h1_hkusters.gif) repeat-x left bottom; border-top: solid 1px #9EDFAA; border-bottom: solid 1px #63AFDF; } h2 { color: #0D83CE; background: url(http://2008.igem.org/Image:h2_hkusters.gif) no-repeat left bottom; } h3 { color: #fff; background: #2AA63B url(http://2008.igem.org/Image:h3_hkusters.gif) repeat; } h4 { color: #0D83CE; border-bottom: dotted 1px #7F9CCF; } h5 { color: #139522; background: url(http://2008.igem.org/Image:h5_hkusters.gif) no-repeat left center; }

/* sidebar --- */ #sidebar, #sidebar-alternate { background: url(http://2008.igem.org/Image:sidebar_hkusters.gif) repeat-x 0 0; } #sidebar h3, #sidebar-alternate h3 { color: #0D83CE; background: #E5E5E5 url(http://2008.igem.org/Image:sidebar-h3_hkusters.gif) repeat-x left top; border-top: solid 1px #ddd; }

.editable { border: dashed 1px #f00; }

/* Footer --- */ #footer { color: #fff; background: #55C76B url(http://2008.igem.org/Image:h1_hkusters.gif) repeat-x left bottom; border-top: solid 1px #9EDFAA; border-bottom: solid 1px #0B8218; }

/** END CUSTOM SKIN **/

 ABC    