view hgscm/media/css/styles.css @ 49:90d9d46e44d3

css: no additional margin for .big h3

If we do anadditional margin for h3 we end up having quick start and benifit
header no on the same baseline, which doesn't look good at all.

/*
 * Reset
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset, img { border: none; vertical-align: middle; }
hr { display: none; }

/*
 * Margins
 */
p, ul, ol, dl, table { margin: 0 0 1em 0; }

/*
 * Hyperlinks
 */
a { color: #00b5f1; text-decoration: underline; overflow: hidden; }
a:hover, a:focus { text-decoration: none; }

/*
 * General Document Settings
 */
body { font: .875em/1.4285em "Times New Roman", Times, Georgia, serif; color: #666; width: 900px; margin: 0 auto; position: relative; }

/*
 * Headings
 */
h1, h2, h3 { font-size: 1em; font-family: Optimer, Helvetica, Arial, sans-serif; margin: 0 0 .5em 0; font-weight: normal; }
h4, h5, h6 { font-size: 1em; margin: 0 0 .5em 0; }
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }

/*
 * Lists
 */
ul { margin-left: 2.2em; line-height: 1.5em; }
li ul, li ol { margin-top: 0; margin-bottom: 0; }
li { margin: .3em 0; }
ol { margin-left: 2.2em; }
ol li { list-style-type: decimal; }
ol li ol li { list-style-type: lower-alpha; }
ol li ol li ol li { list-style-type: upper-roman; }

dt { font-weight: bold; margin-top: 10px; }
dt em { font-style: normal; display: block; font-weight: normal; }
dd { background: url(../images/bullet.gif) no-repeat 10px .5em; padding-left: 20px; }

/*
 * Forms
 */
input, textarea, select { font-family: Helvetica, Arial, sans-serif; font-size: .8571em; vertical-align: top; }
textarea { overflow: auto; width: 220px; height: 90px; }
form ol { margin: 0; }
form ol li { list-style: none; margin: 0 0 10px 0; display: inline-block; overflow: hidden; }
form ol li { display: block; }
label { float: left; width: 100px; padding-right: 10px; text-align: right; }
.submit { margin-left: 110px; }

/*
 * Table
 */
table { border-collapse: separate; border-spacing: 0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: .7875em; }
caption, th, td { text-align: left; font-weight: normal; }
td, th { padding: 6px 8px; }
thead td, thead th { background: #00B5F1; color: #fff; font-weight: bold; }
tbody td { border-bottom: 1px solid #ccc; }

/*
 * Quotes
 */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
 * Layout
 */
.row { display: inline-block; overflow: hidden; border-bottom: 1px solid #ccc; }
.row { display: block; }
.col { float: right; display: inline; width: 270px; margin: 25px; }
.big { float: left; width: 470px; }
.big h2 { margin-top: 20px; }

/*
 * Logo
 */
#logo { border-bottom: 1px solid #ccc; margin: 0 0 15px 0; }
#logo a { display: block; width: 184px; height: 61px; background: url(../images/mercurial-logo.png) no-repeat 0 0; text-indent: -9999px; }

/*
 * Nav
 */
#nav { position: absolute; top: 17px; right: 0; background: #999; height: 42px; margin: 0; width: 665px; font-size: 1.1428em; *font-size: 16px; line-height: 42px; font-family: Optimer, Helvetica, Arial, sans-serif; overflow: hidden; }
#nav li { float: left; margin: 0; padding: 0; list-style: none; }
#nav a { float: left; color: #fff; text-decoration: none; padding: 0 16px; *padding: 0 14px; }
#nav a:hover, #nav a:focus, #nav .active a { background: #00b5f1; }

/*
 * Search
 */
#search { position: absolute; right: 15px; top: 26px; color: #fff; width: 183px; height: 23px; background: url(../images/search.png) no-repeat 0 0; }
#search legend { display: none; }
#search label { position: absolute; left: -9999px; }
#search .text { width: 150px; background: none; border: none; margin: 0 0 0 5px; position: relative; top: 5px; color: #666; }
#search .submit { width: 23px; height: 23px; background: none; border: none; cursor: pointer; text-indent: -9999px; color: #10B8F0; *color: #fff; font-size: 1px; }

/*
 * Download button
 */
.download { display: block; width: 175px; height: 59px; padding: 14px 80px 14px 30px; background: #12baf2 url(../images/download.png) no-repeat 0 0; color: #fff; text-decoration: none; font-family: Verdana, Arial, sans-serif; }
.download strong { display: block; font-size: 1.2857em; margin-bottom: 4px; }
.download em { font-style: normal; font-weight: bold; }
.download span { display: block; font-size: .7142em; }

/*
 * Homepage
 */
#home #logo { margin-bottom: 0 !important; }
#home dl { margin: 0 30px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: .7142em; line-height: 1.4em; }
#home h1 { font-size: 48px; line-height: 1em; margin: 0 0 20px 0; font-weight: normal; }
#home h2, #home h3 { font-size: 22px; line-height: 1.2em; margin-bottom: 20px; font-weight: normal; }
#home h4 { font-weight: normal; margin: 0; }
#home h4 a { text-decoration: none; }
#home h4 a:hover, #home h4 a:focus { text-decoration: underline; }
#home ol { margin: 0; }
#home ol li { list-style: none; background: url(../images/bullet-big-1.png) no-repeat 0 0; padding-left: 60px; min-height: 43px; _height: 43px; }
#home ol .i-2 { background-image: url(../images/bullet-big-2.png); } 
#home ol .i-3 { background-image: url(../images/bullet-big-3.png); }

/*
 * Footer
 */
#footer { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: .6428em; display: inline-block; overflow: hidden; text-align: right; padding: 10px 25px; }
#footer { display: block; }
#footer div { float: left; }
#footer a { text-decoration: none; }