X-Git-Url: https://source.tree.se/git?p=treecutter.git;a=blobdiff_plain;f=style%2Fawesomesauce%2Fstyle.css;fp=style%2Fawesomesauce%2Fstyle.css;h=dba08e1d54dc8ed6b1a103f2e84e770873c76a7a;hp=0000000000000000000000000000000000000000;hb=ad9a6f422752d3d04e1fe18b0ae0a38269477726;hpb=eda9aa4e380535328ec9c73f637d577f743bbf1f diff --git a/style/awesomesauce/style.css b/style/awesomesauce/style.css new file mode 100755 index 0000000..dba08e1 --- /dev/null +++ b/style/awesomesauce/style.css @@ -0,0 +1,311 @@ +/* Created by http://freehtml5templates.com */ + +* {margin: 0; padding: 0;} +header, nav, section, article, aside, footer {display: block;} +body { + font: 16px/18px Arial, Tahoma, sans-serif; + color: #555; + width: 960px; + margin-left:auto; + margin-right:auto; + text-align:center; +} + +a { + color: #333; + outline: none; +} + +a:hover { color: #A80202;} + +p {margin: 0 0 18px;} + +img {border: none;} + +blockquote { + margin: 0 20px 18px 20px; + padding: 1px 12px; + background: #F2F2F2; + border-left: 3px solid #A80202; + border-right: 3px solid #A80202; +} + +blockquote p { + padding: 8px 0; + margin: 0; +} + +.clear { + clear: both; + height: 0; + overflow: hidden; +} + +.aligncenter, +div.aligncenter { + display: block; + margin-left: auto; + margin-right: auto; +} + +.alignleft {float: left;} + +img.alignleft {margin: 5px 15px 5px 0;} + +.alignright {float: right;} + +img.alignright {margin: 5px 0 5px 15px;} + +#wrapper { + width: 960px; + text-align:left; +} + +/* Header +-----------------------------------------------------------------------------*/ + +header { + height: 200px; + position: relative; + background: url(images/roundedheader.png); + margin-top: 10px; +} + +#headerlogo { + position: absolute; + top: 23px; + right: 47px; +} + + + +#sitename a { + position: absolute; + top: 30px; + left: 10px; + font: 40px/1 Georgia, "Times New Roman", Times; + color: #F2F2F2; + text-shadow: 2px 2px 2px #000; + text-decoration: none; +} + +#description { + position: absolute; + top: 80px; + left: 15px; + width: 600px; + font-size: 16px; + font-weight: bold; + line-height: 16px; + color: #F2F2F2; + text-shadow: 1px 1px 0 #000; +} + +header nav { + position: absolute; + top: 173px; + width: 915px; + left: 25px; + height: 26px; + font: 14px/1 Tahoma, Arial; + text-transform: uppercase; + overflow: hidden; +} + +header nav li { + float: left; + list-style: none; + background: #FFF; + margin: 2px; + border: 2px solid #696969; + -moz-border-radius-topleft: 5px; + -moz-border-radius-topright: 5px; + -webkit-border-top-left-radius: 5px; + -webkit-border-top-right-radius: 5px; +} + +header nav a { + float: left; + color: #333; + text-decoration: none; + padding: 7px 10px 6px; + border-bottom: 3px solid #F0EFEF; +} + +/* Middle +-----------------------------------------------------------------------------*/ + +section { + width: 946px; + margin-top: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border: 1px solid #AEB0AD; + padding: 5px; + background-color: #F2F2F2; +} + +section:after { + content: '.'; + display: block; + clear: both; + visibility: hidden; + height: 0; +} + +#container { + width: 100%; + float: left; + overflow: hidden; +} + +#content { + margin: 0 199px; + padding: 15px 15px 1px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border: 1px solid #AEB0AD; + height: 1%; + background-color: #FFF; +} + +#content h2 { + font: 24px/1 Arial, Tahoma; + margin: 0 0 18px; + color: #333; +} + +#content h2 a { + color: #333; + text-decoration: none; + text-shadow: 2px 1px 2px #CCC; +} + +#content h2 a:hover { + color: #A80202; + text-decoration: underline; + text-shadow: none; +} + +#content .entry h2, +#content .entry h3, +#content .entry h4, +#content .entry h5, +#content .entry h6 { + font: 24px/1 Arial, Tahoma; + margin: 25px 0 18px; + color: #333; + text-shadow: 2px 1px 2px #CCC; +} + +#content .entry h3 {font-size: 22px;} + +#content .entry h4 {font-size: 20px;} + +#content .entry h5 {font-size: 18px;} + +#content .entry h6 {font-size: 16px;} + +#content h3 { + color: #333; + font-size: 22px; + font-weight: normal; + line-height: 1; + text-shadow: 2px 1px 2px #CCC; + margin: 0 0 28px; +} + +/* Sidebars +-----------------------------------------------------------------------------*/ + +aside { + float: left; + width: 199px; + position: relative; + font-size: 14px; +} + +#left { + margin-left: -100%; +} + +#right { + margin-left: -200px; +} + +aside h3 { + line-height: 35px; + color: #A80202; + font-size: 14px; + text-transform: uppercase; + text-shadow: 1px 1px 1px #DDD; + height: 35px; + padding-left: 10px; +} + +aside#right h3 { + color: #A80202; +} + +aside ul {list-style-position: inside; +list-style-image: url(images/redarrow.gif);} + +aside li { + color: #696969; + padding: 4px 6px 5px 5px; +} + +aside a { + color: #6E7761; + text-decoration: none; +} + +.box { + padding: 0 0 5px; +} + +.inner { + margin-left: 10px; + margin-right: 10px; + overflow: hidden; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border: 1px solid #A80202; + padding: 5px; + margin-top: -7px; + margin-bottom: 10px; +} + + +/* Footer +-----------------------------------------------------------------------------*/ + +footer { + background: #F2F2F2; + font-size: 11px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border: 1px solid #AEB0AD; + padding: 5px; + margin-top: 5px; + margin-bottom: 5px; +} + +#copyright { + font: 10px/16px Tahoma, Arial; + text-align: right; + color: #333; + padding: 22px 10px 0 0; +} + +#copyright span { + display: block; + text-transform: uppercase; +} + +#copyright a { + color: #6E7761; + text-decoration: none; +} + +#copyright a:hover { color: #A80202;}