X-Git-Url: https://source.tree.se/git?p=treecutter.git;a=blobdiff_plain;f=style%2Fadropabove%2Fcss%2Fstyles.css;fp=style%2Fadropabove%2Fcss%2Fstyles.css;h=7e1722f1ba9090e5085097721d28d3b4d713fd8a;hp=0000000000000000000000000000000000000000;hb=ba356e6e6e51bee8a63eb7b24f7d04e6a292fc0d;hpb=9149a28b48cb3568c1c5a00bf1ab3e2256dcc9f9 diff --git a/style/adropabove/css/styles.css b/style/adropabove/css/styles.css new file mode 100644 index 0000000..7e1722f --- /dev/null +++ b/style/adropabove/css/styles.css @@ -0,0 +1,264 @@ +/* Created by http://freehtml5templates.com */ +/* reset */ +* { +margin: 0; +padding: 0; +} + +/* render html5 elements as block */ +header, footer, section, aside, nav, article { +display: block; +} + +body { +line-height: 1; +background: #f1f1f1 url("images/bg.gif") repeat; +font-family: Verdana, Arial, Helvetica, sans-serif; +color: #666; +font-size: 14px; +line-height: 18px; +} + +/* layout */ + +#wrapper { +width: 940px; +margin: 0 auto; +margin-top: 5px; +margin-bottom: 5px; +-webkit-box-shadow: 3px 3px 7px #777; +-moz-box-shadow: 3px 3px 7px #777; +} + +nav { +width: 940px; +height: 50px; +margin: 0 auto; +background: #110E0F; +} + +header { +width: 940px; +height: 200px; +margin: 0 auto; +background: #fff url(images/headerimg.jpg) no-repeat left top; +} + +#main { +width: 940px; +margin: 0 auto; +padding-top: 30px; +background: #FFF url(images/colbg.png) repeat-y; +overflow: hidden; +} + +#content { +float: right; +width: 640px; +margin-right: 30px; +} + +#sidebar { +float: left; +padding-left: 20px; +width: 220px; +background: #E6EBF8; +} + +footer { +width: 940px; +margin: 0 auto; +clear: both; +} + +/* basics */ + +h1,h2,h3,h4,h5,h6 { +font-weight: bold; +clear: both; +color: #333; +} + +a:link, a:visited { +color:#004C9A; +} + +a:hover, a:active { +color: #333; +} + +hr { +background-color: #E7E7E7; +border: 0; +height: 1px; +margin-bottom: 18px; +clear: both; +} + +p { +margin-bottom: 18px; +} + +li { +padding-left: 5px; +} + +/* nav */ + +nav .menu { +font-size: 16px; +font-weight: bold; +} + +nav .menu ul { +margin: 0; +padding: 17px 0 0 20px; +list-style: none; +line-height: normal; +} + +nav .menu li { +display: block; +float: left; +} + +nav .menu a { +display: block; +float: left; +margin-right: 5px; +padding: 0px 15px; +text-decoration: none; +color: #FFF; +} + +nav .menu a:hover { +border-top: #FFF 1px solid; +border-bottom: #FFF 1px solid; +} + +/** HEADER */ + +header h1, header h2 { +margin: 0; +padding: 0 0 0 30px; +line-height: normal; +} + +header h1 { +float: left; +padding-top: 20px; +} + +header h1 a:link, header h1 a:visited { +text-decoration: none; +color: #FFF; +} + +header h1 a:hover { +text-decoration: underline; +} + +header h2 { +padding: 20px 0 0 30px; +font-style: italic; +font-size: 14px; +color: #FFFFFF; +} + +/** ARTICLES **/ +article img { +border: none; +-webkit-box-shadow: 3px 3px 7px #777; +-moz-box-shadow: 3px 3px 7px #777; +} + +#content p, ul, ol, hr { +margin-bottom: 24px; +} + +#content ul ul, ol ol, ul ol, ol ul { +margin-bottom: 0; +} + +#content h1, h2, h3, h4, h5, h6 { +color: #333; +margin: 0 0 20px 0; +line-height: 1.5em; +text-shadow: 0px 2px 3px #ddd; +} + +.alignleft, img.alignleft { +display: inline; +float: left; +margin-right: 24px; +margin-top: 4px; +} + +.alignright, img.alignright { +display: inline; +float: right; +margin-left: 24px; +margin-top: 4px; +} + +.aligncenter, img.aligncenter { +clear: both; +display: block; +margin-left: auto; +margin-right: auto; +} + +img.alignleft, img.alignright, img.aligncenter { +margin-bottom: 12px; +} + +/* sidebar and footer widget blocks */ + +aside h3 { +font-size: 18px; +text-shadow: 0px 2px 3px #ddd; +} + +aside ul { +list-style: none; +margin-bottom: 20px; +margin-top: -15px; +} + +aside li a { +display: block; +text-decoration: none; +} + +aside li a:hover { +border-top: #333 1px solid; +border-bottom: #333 1px solid; +} + +#footer-area { +background: #000; +color: #FFF; +font-size: 90%; +padding: 18px 0; +overflow: hidden; +} + +.footer-segment { +float: left; +margin-right: 20px; +margin-left: 20px; +width: 190px; +} + +footer aside h4 { +color: #FFF; +font-size: 16px; +line-height: 1.5em; +text-shadow: 0px 2px 3px #ddd; +} + +footer a:link, footer a:visited { +color: #FFF; +} + +