diff options
Diffstat (limited to 'webroot/css/base.css')
| -rw-r--r-- | webroot/css/base.css | 263 |
1 files changed, 46 insertions, 217 deletions
diff --git a/webroot/css/base.css b/webroot/css/base.css index 7908666..0143743 100644 --- a/webroot/css/base.css +++ b/webroot/css/base.css @@ -13,30 +13,29 @@ h2 { letter-spacing:-1px; } h2.ribbon { - padding:15px 30px; - position:relative; - left:-55px; - float:left; - margin-bottom:20px; - border-radius:3px 3px 3px 0px; - -moz-border-radius:3px 3px 3px 0px; - -webkit-border-radius:3px 3px 3px 0px; + padding: 15px 30px; + position: relative; + left: -55px; + float: left; + margin: 20px 0; + border-radius: 3px 3px 3px 0px; + -moz-border-radius: 3px 3px 3px 0px; + -webkit-border-radius: 3px 3px 3px 0px; + width: 890px; } .triangle-ribbon { - border-style:solid; - border-width:13px; - height:0; - position:relative; - width:0; - float:left; - clear:left; - left:-67px; - top:-33px; - z-index:-1; -} -h2.full { - width:890px; + /* border-right-color is overwritten by theme */ + border: 13px solid transparent; + height: 0; + position: relative; + width: 0; + float: left; + clear: left; + left: -67px; + top: -33px; + z-index: -1; } + h2 span { position:absolute; right:25px; @@ -449,43 +448,8 @@ dl.definition dd { display:inline; margin-right:10px; } -#feature { - margin-bottom:20px; -} -.feature-img { - float:left; - margin-top:10px; -} -.feature-text { - margin-left:545px; -} -h2#tagline { - font-size:240%; -} -h3#tagline-mini { - font-weight:normal; - font-size:100%; - color:#4d4d4d; - line-height:1.6; - margin-bottom:25px; -} -.feature-screenshots { - margin:0; - list-style:none; -} -.feature-screenshots li { - float:left; - margin: 0 20px 10px 0; -} -/* Homepage */ -.feature img { - float:left; -} -.feature p { - margin-left:70px; -} .scrollable { height:110px; overflow:hidden; @@ -587,21 +551,7 @@ a.disabled { float: right; margin-top: 5px; } -button.search { - background:#fff url(../img/grad-grey.gif) repeat-x top; - border:1px solid #d9d9d9; - color:#404040; - height:38px; - line-height:12px; - font-size:108%; - font-weight:bold; - padding:8px 8px 10px; - margin: 0 0 0 5px; - text-shadow:0 1px 0 #FFFFFF; - border-radius:5px; - -moz-border-radius:5px; - -webkit-border-radius:5px; -} + .pricing-table h4 { color:#FFFFFF; font-size:240%; @@ -624,12 +574,6 @@ button.search { background:#fff; border:none; } -.pricing-table .feature { - border-left:1px solid #58bbec; -} -.pricing-table .feature.first { - border-top:1px solid #58bbec; -} .pricing-table { border-right:1px solid #58bbec; border-bottom:1px solid #58bbec; @@ -677,17 +621,35 @@ form label { margin-top:5px; } form input, form textarea { - padding:10px 5px; - background:#fff url(../img/bg-input.gif) repeat-x top; - border:1px solid #D9D9D9; - width:448px; - border-radius:3px; - -moz-border-radius:3px; - -webkit-border-radius:3px; + padding: 7px 5px; + border: 1px solid #ccc; + width: 200px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; } form input.small { width:35px; } +input[type="button"], input[type="submit"], button { + cursor: pointer; + display: inline-block; + font-weight: 700; + outline: none; + width: auto; + text-align: center; + vertical-align: middle; + background: #ddd; + color: #444; + text-shadow: 0 -1px 0 #eee; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +input[type="button"]:hover, input[type="submit"]:hover, button:hover { + background: #eee; +} + #message { margin-bottom:20px; } @@ -705,140 +667,7 @@ form input.small { -moz-border-radius:3px; -webkit-border-radius:3px; } -/* Buttons */ -button, .button { - cursor:pointer; - display:inline-block; - font-size:108%; - font-weight:700; - margin:0 5px 15px 0; - outline:none; - padding:10px 15px; - width:auto; - text-align:center; - text-decoration:none !important; - vertical-align:middle; - background:url('../img/grad-grey.gif') repeat-x center top #c3c3c3; - color:#444444; - border:1px solid #c3c3c3; - text-shadow:0 -1px 0 #FFFFFF; - border-radius:3px; - -moz-border-radius:3px; - -webkit-border-radius:3px; -} -body.ie7 button, body.ie8 button, body.ie7 .button, body.ie8 .button { - zoom:1; - display:inline; -} -button:hover, .button:hover { - background:url('../img/grad-grey-hover.gif') repeat-x center top #c3c3c3; - text-decoration:none; - outline:none; -} -button:active, .button:active { - position:relative; - top:1px; - outline:none; - background:url('../img/grad-grey-rev.gif') repeat-x center top #c3c3c3; -} -/* Blue Button */ -button.blue, .button.blue { - background:url("../img/grad-blue.gif") repeat-x center top #166890; - border:1px solid #11506F; - color:#FFFFFF; - text-shadow:0 -1px 0 #11506F; -} -button.blue:hover, .button.blue:hover { - background:url("../img/grad-blue-hover.gif") repeat-x center top #166890; -} -button.blue:active, .button.blue:active { - background:url("../img/grad-blue-rev.gif") repeat-x center top #166890; -} -/* Green Button */ -button.green, .button.green { - background:url("../img/grad-green.gif") repeat-x center top #518f14; - border:1px solid #406f11; - color:#FFFFFF; - text-shadow:0 -1px 0 #406f11; -} -button.green:hover, .button.green:hover { - background:url("../img/grad-green-hover.gif") repeat-x center top #166890; -} -button.green:active, .button.green:active { - background:url("../img/grad-green-rev.gif") repeat-x center top #166890; -} -/* Red Button */ -button.red, .button.red { - background:url("../img/grad-red.gif") repeat-x center top #8f1e14; - border:1px solid #6f1811; - color:#FFFFFF; - text-shadow:0 -1px 0 #6f1811; -} -button.red:hover, .button.red:hover { - background:url("../img/grad-red-hover.gif") repeat-x center top #166890; -} -button.red:active, .button.red:active { - background:url("../img/grad-red-rev.gif") repeat-x center top #166890; -} -/* Purple Button */ -button.purple, .button.purple { - background:url("../img/grad-purple.gif") repeat-x center top #8f146e; - border:1px solid #6f1156; - color:#FFFFFF; - text-shadow:0 -1px 0 #6f1156; -} -button.purple:hover, .button.purple:hover { - background:url("../img/grad-purple-hover.gif") repeat-x center top #166890; -} -button.purple:active, .button.blue:active { - background:url("../img/grad-purple-rev.gif") repeat-x center top #166890; -} -/* Black Button */ -button.black, .button.black { - background:url("../img/grad-black.gif") repeat-x center top #3b3b3b; - border:1px solid #3b3b3b; - color:#FFFFFF; - text-shadow:0 -1px 0 #3b3b3b; -} -button.black:hover, .button.black:hover { - background:url("../img/grad-black-hover.gif") repeat-x center top #3b3b3b; -} -button.black:active, .button.black:active { - background:url("../img/grad-black-rev.gif") repeat-x center top #3b3b3b; -} -button.large, .button.large { - font-size:138.5%; - padding:10px 30px; -} -button.small, .button.small { - font-size:93%; - padding:4px 10px 5px; -} -button.disabled, button.disabled:hover, .button.disabled, .button.disabled:hover { - background-color:#ccc !important; - color:#666 !important; - text-shadow:0 1px 0 #CCCCCC; - cursor:default; -} -body.ie7 button.disabled, body.ie8 button.disabled { - border-color:#a3a3a3; -} -button.disabled:active, .button.disabled:active { - position:relative; - top:0; - background-image: url('../img/grad.png'); -} -fieldset button, .button { - margin:0 5px 10px 0; -} -button img, .button img { - display:inline; - height:16px; - margin-right:10px; - vertical-align:-3px; - width:16px; -} /* notifications */ .notification.success { background:#f1ffbf url('../img/icons/success.png') no-repeat 10px 10px; |