X-Git-Url: https://source.tree.se/git?p=treecutter.git;a=blobdiff_plain;f=style%2Fturquoiseswirls%2Fcss%2Fstyle.css;fp=style%2Fturquoiseswirls%2Fcss%2Fstyle.css;h=1d6aa4ef1bc45de5f19c08a3703653ad2bf3e5fe;hp=0000000000000000000000000000000000000000;hb=ba356e6e6e51bee8a63eb7b24f7d04e6a292fc0d;hpb=9149a28b48cb3568c1c5a00bf1ab3e2256dcc9f9 diff --git a/style/turquoiseswirls/css/style.css b/style/turquoiseswirls/css/style.css new file mode 100644 index 0000000..1d6aa4e --- /dev/null +++ b/style/turquoiseswirls/css/style.css @@ -0,0 +1,308 @@ +/* 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: #009296;} + +p {margin: 0 0 18px;} + +img {border: none;} + +blockquote { + margin: 0 20px 18px 20px; + padding: 1px 12px; + background: #F2F2F2; + border-left: 3px solid #009296; + border-right: 3px solid #009296; +} + +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 5px 5px 0;} + +.alignright {float: right;} + +img.alignright {margin: 5px 0 5px 5px;} + +#wrapper { + width: 960px; + text-align:left; +} + +img.framed { + background:white; + padding:4px; + border:1px solid black; +} + +/* Header +-----------------------------------------------------------------------------*/ + +header { + height: 200px; + position: relative; + background: url(images/roundedheader.png); + margin-top: 10px; +} + +#sitename a { + position: absolute; + top: 30px; + left: 10px; + font: 40px/1 Georgia, "Times New Roman", Times; + color: #009296; + 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: #333; +} + +header nav { + position: absolute; + top: 174px; + 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 #009296; + -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: #009296; + 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: #009296; + font-size: 14px; + text-transform: uppercase; + text-shadow: 1px 1px 1px #DDD; + height: 35px; + padding-left: 10px; +} + +aside#right h3 { + color: #009296; +} + +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 #009296; + 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: #009296;}