Moving css files to a subdirectory, renaming index.html to template file.

[treecutter.git] / style / awesomesauce / css / style.css

diff --git a/style/awesomesauce/css/style.css b/style/awesomesauce/css/style.css
new file mode 100644 (file)
index 0000000..18a8d7c
--- /dev/null
+++ b/style/awesomesauce/css/style.css
@@ -0,0 +1,309 @@
+/* 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;}