From: Fredrik Unger Date: Tue, 15 Feb 2011 21:49:27 +0000 (+0100) Subject: Added template from http://www.freehtml5templates.com/freggies-html5-and-css3-template/ X-Git-Tag: v1.0~51 X-Git-Url: https://source.tree.se/git?p=treecutter.git;a=commitdiff_plain;h=968107e268b4fd8cc00a37a94fab67814cf0a17e Added template from freehtml5templates.com/freggies-html5-and-css3-template/ --- diff --git a/style/freggies/images/fruits1.jpg b/style/freggies/images/fruits1.jpg new file mode 100755 index 0000000..f540025 Binary files /dev/null and b/style/freggies/images/fruits1.jpg differ diff --git a/style/freggies/images/headerimg.jpg b/style/freggies/images/headerimg.jpg new file mode 100755 index 0000000..e188840 Binary files /dev/null and b/style/freggies/images/headerimg.jpg differ diff --git a/style/freggies/images/healthshield.png b/style/freggies/images/healthshield.png new file mode 100755 index 0000000..3637207 Binary files /dev/null and b/style/freggies/images/healthshield.png differ diff --git a/style/freggies/images/run.png b/style/freggies/images/run.png new file mode 100755 index 0000000..c9ae3af Binary files /dev/null and b/style/freggies/images/run.png differ diff --git a/style/freggies/images/scale.png b/style/freggies/images/scale.png new file mode 100755 index 0000000..8878a74 Binary files /dev/null and b/style/freggies/images/scale.png differ diff --git a/style/freggies/images/veggies1.jpg b/style/freggies/images/veggies1.jpg new file mode 100755 index 0000000..860e918 Binary files /dev/null and b/style/freggies/images/veggies1.jpg differ diff --git a/style/freggies/index.html b/style/freggies/index.html new file mode 100755 index 0000000..fa805b8 --- /dev/null +++ b/style/freggies/index.html @@ -0,0 +1,145 @@ + + + + + Freggies + + + + + +
+ + + +
+

Freggies

+

Fruits and Veggies = Healthy Freggies

+
+ +
+
+ + Healthy Eating Benefits + +
+ runIncrease Energy +
+ +
+ scaleMaintain Weight +
+ +
+ healthyPrevent Disease +
+ +
+

First Article Title

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.

+
+ +
+

Second Article Title

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.

+
+ +
+ + + +
+ + + +
+ + + diff --git a/style/freggies/license.txt b/style/freggies/license.txt new file mode 100755 index 0000000..6f14cce --- /dev/null +++ b/style/freggies/license.txt @@ -0,0 +1,19 @@ +License + +Using Our Templates + +Want to know what the licensing requirements are for our templates? + +We license our free templates under the Creative Commons Attribution (by) 3.0, which put simply, means you can distribute, remix, tweak, and build upon our work, even commercially, as long as you credit us for the original creation. + +This work by http://freehtml5templates.com is licensed under a Creative Commons Attribution 3.0 United States License. + +http://creativecommons.org/licenses/by/3.0/us/ + +How you credit us is flexible. Of course, we would love to have you link to us somewhere on your site, as that shows us the ultimate thanks, but we certainly don’t require an actual link. If you don’t link to us, however, you will need to either include a reference to our URL (http://freehtml5templates.com) within a comment in your template code (which isn’t visible unless someone Views Source), or a non-linked mention of our URL somewhere on your site. + +If you choose to link to use, you can use any link text you desire, but to make it easier for you, we’ve included some code below that you can just copy/paste if you’d like. + +Free HTML5 Templates + +Enjoy! diff --git a/style/freggies/print.css b/style/freggies/print.css new file mode 100644 index 0000000..3494868 --- /dev/null +++ b/style/freggies/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/freggies/styles.css b/style/freggies/styles.css new file mode 100755 index 0000000..34eb8d8 --- /dev/null +++ b/style/freggies/styles.css @@ -0,0 +1,317 @@ +/* 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: #eee; +font-family: Verdana, Arial, Helvetica, sans-serif; +color: #000; +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; +border-left: 1px #777 solid; +} + +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; +overflow: hidden; +} + +#content { +float: left; +width: 640px; +margin-left: 30px; +padding-right: 20px; +border-right: 1px #ddd solid; +} + +#sidebar { +float: right; +padding-left: 20px; +width: 220px; +} + +footer { +width: 940px; +margin: 0 auto; +clear: both; +} + +/* basics */ + +h1,h2,h3,h4,h5,h6 { +font-weight: bold; +clear: both; +color: #808080; +} + +a:link, a:visited { +color:#597b00; +} + +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; +font-size: 48px; +} + +header h1 a:link, header h1 a:visited { +text-decoration: none; +color: #FFF; +} + +header h1 a:hover { +color: #ddd; +} + +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: #808080; +margin: 0 0 20px 0; +line-height: 1.5em; +} + +#content h2, h2, h3 { +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 { +text-decoration: none; +} + +#sidebar li a:hover { +border-top: #333 1px solid; +border-bottom: #333 1px solid; +} + +#footer-area { +background: #597b00; +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; +} + +footer a:link, footer a:visited { +color: #FFF; +} + +footer a:hover { +text-decoration: underline; +} + +.footerbottom { +width: 940px; +background: #000; +} + +.footerbottom p { +color: #fff; +font-size: 10px; +text-align: right; +padding-right: 20px; +} + +/* inline blocks of images and captions */ + +.benefits { + display: inline-block; + vertical-align: top; + width: 120px; + text-align: center; + background: #ddd; + border: 6px solid #808080; +/* curved border radius */ + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + margin: 2.3em; + padding: .2em; +} + +.benefits .thumbnail { + width: 64px; + border: none; +} + +.benefits .caption { + display: block; +} + +.benefitsheading { +display: block; +color: #597b00; +font-size: 16px; +font-style: italic; +border-bottom: 1px #333 dotted; +} + +