From: Fredrik Unger Date: Mon, 6 Feb 2012 11:12:40 +0000 (+0100) Subject: Moving css files to a subdirectory, renaming index.html to template file. X-Git-Url: https://source.tree.se/git?p=treecutter.git;a=commitdiff_plain;h=2242c1edf9dba0f650d92896c0d129fe4370dbd3 Moving css files to a subdirectory, renaming index.html to template file. --- diff --git a/style/awesomesauce/css/print.css b/style/awesomesauce/css/print.css new file mode 100644 index 0000000..4835952 --- /dev/null +++ b/style/awesomesauce/css/print.css @@ -0,0 +1,20 @@ +body { + color : #000000; + background : #ffffff; + font-family : "Times New Roman", Times, serif; + font-size : 12pt; +} + +a { + text-decoration : underline; + color : #0000ff; +} + +a:link:after, a:visited:after { + content: " (" attr(href) ") "; + font-size: 70%; +} + +nav, sidebar, footer, header, aside { + display : none; +} diff --git a/style/awesomesauce/css/style.css b/style/awesomesauce/css/style.css new file mode 100644 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;} diff --git a/style/awesomesauce/index.en.html.tmpl b/style/awesomesauce/index.en.html.tmpl new file mode 100644 index 0000000..e038ce5 --- /dev/null +++ b/style/awesomesauce/index.en.html.tmpl @@ -0,0 +1,163 @@ + + + + + my title + + + + + +
+
+ +

Awesome Sauce

+
Your interesting & compelling tag line
+
+ +
+
+
+
+
+
+

My Article Title

+
+

+ Lorem ipsum pri at agam postulant. Vis option + euismod ut, mucius nominavi noluisse vim in, his ne + mediocrem qualisque necessitatibus. Has at ubique + utroque molestie, vim ne ceteros + ponderum hendrerit. No everti singulis + disputationi eam, minim iusto cu usu, sint nulla + harum duo ei. Ut vidit cotidieque ullamcorper mea, + dolorem oportere vulputate ea mei, eu ius error + perpetua theophrastus. +

+ +

+ Quis quaerendum pri no, sit ad noster timeam. An pro + consul concludaturque, no possim impetus mei. Facer + oblique referrentur te qui, ornatus postulant + evertitur ius ea. No sed vero aperiri equidem, pri + et perpetua erroribus accusamus, doctus menandri ad + qui. Natum dicunt delenit te vim, has te decore + deseruisse. Quot malorum legendos ut est, urbanitas + interpretaris id qui, duo populo animal + conclusionemque ne. +

+

+ Iriure postulant pro ad. Wisi delectus legendos an + duo, alia utroque recteque no mel, te sed porro + alienum. Vix tale suavitate incorrupte at, viris + tractatos incorrupte pri ad. Veri putant volutpat + his ad, no doming deserunt persecuti eum, ad nobis + essent sed. Ad vis mandamus expetenda, salutandi + iracundia repudiandae mei ei. Alii pericula + abhorreant mei an, vix dignissim consequuntur ex, + alienum invenire posidonium nam ei. +

+
+ Minim elitr congue eu mea, quo minimum verterem + gloriatur in, ex alia cotidieque complectitur + qui. Eu sit idque quodsi constituto, ex mea omnesque + adolescens. Sit id fabulas eligendi suscipiantur, eu + natum perfecto sit, at brute option lucilius mea. Te + malis disputationi has, ex eum habeo sententiae. An + est meliore denique voluptatibus, nam putent + voluptua inciderint in, ne simul graeci nonummy vel. +
+

+ Quod malorum delectus ne duo, an pri facer doming + quaeque, ancillae omnesque his ei. At sed nibh illum + placerat. At quod appareat reprehendunt vim, te pri + velit nonumy antiopam. Exerci placerat est no, cu + quo affert vidisse democritum. Debitis maiestatis + referrentur qui ad. Sonet praesent intellegebat mei + ex, duo meis epicurei cu. Idque volutpat sadipscing + ut est, eos eu alienum oportere, eum ea dicat ignota + persequeris. +

+

+ Veritus menandri referrentur est cu. Eos ea mazim + elaboraret delicatissimi, puto nostrud platonem vis + an. Mea eirmod torquatos et, ad sonet minimum mea, + mei eu causae eruditi intellegat. Velit vitae ridens + et vel, commodo suscipit persequeris sea id, iudico + persius eruditi in vel. Magna eloquentiam mei et, + quo erat vituperatoribus ea, in sale audiam quo. Ad + eum illum tantas volumus, iriure feugiat recteque ei + est. +

+
+
+
+
+ + +
+ +
+ + + diff --git a/style/awesomesauce/index.html b/style/awesomesauce/index.html deleted file mode 100644 index e038ce5..0000000 --- a/style/awesomesauce/index.html +++ /dev/null @@ -1,163 +0,0 @@ - - - - - my title - - - - - -
-
- -

Awesome Sauce

-
Your interesting & compelling tag line
-
- -
-
-
-
-
-
-

My Article Title

-
-

- Lorem ipsum pri at agam postulant. Vis option - euismod ut, mucius nominavi noluisse vim in, his ne - mediocrem qualisque necessitatibus. Has at ubique - utroque molestie, vim ne ceteros - ponderum hendrerit. No everti singulis - disputationi eam, minim iusto cu usu, sint nulla - harum duo ei. Ut vidit cotidieque ullamcorper mea, - dolorem oportere vulputate ea mei, eu ius error - perpetua theophrastus. -

- -

- Quis quaerendum pri no, sit ad noster timeam. An pro - consul concludaturque, no possim impetus mei. Facer - oblique referrentur te qui, ornatus postulant - evertitur ius ea. No sed vero aperiri equidem, pri - et perpetua erroribus accusamus, doctus menandri ad - qui. Natum dicunt delenit te vim, has te decore - deseruisse. Quot malorum legendos ut est, urbanitas - interpretaris id qui, duo populo animal - conclusionemque ne. -

-

- Iriure postulant pro ad. Wisi delectus legendos an - duo, alia utroque recteque no mel, te sed porro - alienum. Vix tale suavitate incorrupte at, viris - tractatos incorrupte pri ad. Veri putant volutpat - his ad, no doming deserunt persecuti eum, ad nobis - essent sed. Ad vis mandamus expetenda, salutandi - iracundia repudiandae mei ei. Alii pericula - abhorreant mei an, vix dignissim consequuntur ex, - alienum invenire posidonium nam ei. -

-
- Minim elitr congue eu mea, quo minimum verterem - gloriatur in, ex alia cotidieque complectitur - qui. Eu sit idque quodsi constituto, ex mea omnesque - adolescens. Sit id fabulas eligendi suscipiantur, eu - natum perfecto sit, at brute option lucilius mea. Te - malis disputationi has, ex eum habeo sententiae. An - est meliore denique voluptatibus, nam putent - voluptua inciderint in, ne simul graeci nonummy vel. -
-

- Quod malorum delectus ne duo, an pri facer doming - quaeque, ancillae omnesque his ei. At sed nibh illum - placerat. At quod appareat reprehendunt vim, te pri - velit nonumy antiopam. Exerci placerat est no, cu - quo affert vidisse democritum. Debitis maiestatis - referrentur qui ad. Sonet praesent intellegebat mei - ex, duo meis epicurei cu. Idque volutpat sadipscing - ut est, eos eu alienum oportere, eum ea dicat ignota - persequeris. -

-

- Veritus menandri referrentur est cu. Eos ea mazim - elaboraret delicatissimi, puto nostrud platonem vis - an. Mea eirmod torquatos et, ad sonet minimum mea, - mei eu causae eruditi intellegat. Velit vitae ridens - et vel, commodo suscipit persequeris sea id, iudico - persius eruditi in vel. Magna eloquentiam mei et, - quo erat vituperatoribus ea, in sale audiam quo. Ad - eum illum tantas volumus, iriure feugiat recteque ei - est. -

-
-
-
-
- - -
- -
- - - diff --git a/style/awesomesauce/print.css b/style/awesomesauce/print.css deleted file mode 100644 index 4835952..0000000 --- a/style/awesomesauce/print.css +++ /dev/null @@ -1,20 +0,0 @@ -body { - color : #000000; - background : #ffffff; - font-family : "Times New Roman", Times, serif; - font-size : 12pt; -} - -a { - text-decoration : underline; - color : #0000ff; -} - -a:link:after, a:visited:after { - content: " (" attr(href) ") "; - font-size: 70%; -} - -nav, sidebar, footer, header, aside { - display : none; -} diff --git a/style/awesomesauce/style.css b/style/awesomesauce/style.css deleted file mode 100644 index 18a8d7c..0000000 --- a/style/awesomesauce/style.css +++ /dev/null @@ -1,309 +0,0 @@ -/* 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;}