From ce9c4cf50b98dfc6cef967d9451918554fbee413 Mon Sep 17 00:00:00 2001 From: RaNaN Date: Wed, 8 Aug 2012 20:43:43 +0200 Subject: layout draft --- module/web/mockups/images/Logo.png | Bin 0 -> 11621 bytes module/web/mockups/images/img03.gif | Bin 0 -> 46 bytes module/web/mockups/images/main-wrapper-bg.png | Bin 0 -> 114902 bytes module/web/mockups/index.html | 157 +++++++++ module/web/mockups/style.css | 444 ++++++++++++++++++++++++++ 5 files changed, 601 insertions(+) create mode 100644 module/web/mockups/images/Logo.png create mode 100644 module/web/mockups/images/img03.gif create mode 100644 module/web/mockups/images/main-wrapper-bg.png create mode 100644 module/web/mockups/index.html create mode 100644 module/web/mockups/style.css (limited to 'module/web') diff --git a/module/web/mockups/images/Logo.png b/module/web/mockups/images/Logo.png new file mode 100644 index 000000000..3a59b54aa Binary files /dev/null and b/module/web/mockups/images/Logo.png differ diff --git a/module/web/mockups/images/img03.gif b/module/web/mockups/images/img03.gif new file mode 100644 index 000000000..c6a035dec Binary files /dev/null and b/module/web/mockups/images/img03.gif differ diff --git a/module/web/mockups/images/main-wrapper-bg.png b/module/web/mockups/images/main-wrapper-bg.png new file mode 100644 index 000000000..68febb6a2 Binary files /dev/null and b/module/web/mockups/images/main-wrapper-bg.png differ diff --git a/module/web/mockups/index.html b/module/web/mockups/index.html new file mode 100644 index 000000000..8b3dce120 --- /dev/null +++ b/module/web/mockups/index.html @@ -0,0 +1,157 @@ + + + + + + + +Naturalprime by FCT + + + + + + + +
+
+ + pyLoad +
+
+
+ + + + +
+
+

Nam bibendum

+

Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.

+

Read More

+
+
+

Nam bibendum

+

Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.

+

Read More

+
+
+

Nam bibendum

+

Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.

+

Read More

+
+
+ +
+

Welcome to NaturalPrime

+
+

This is NaturalPrime , a free, fully standards-compliant CSS template designed by FCT. The photo used in this template is from Fotogrph. This free template is released under a Creative Commons Attributions 3.0 license, so you’re pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :)

+
+
+
+
+
+
+
+

Lorem ipsum sed aliquam

+
+

Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus. Mauris vitae nisl nec metus placerat consectetuer. Donec ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in consectetuer hendrerit, urna elit eleifend nunc, ut consectetuer nisl felis ac diam. Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie in, rhoncus ut, lobortis a, est. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh.

+
+
+
+ + + +
 
+
+
+
+ +
+ + + + + + diff --git a/module/web/mockups/style.css b/module/web/mockups/style.css new file mode 100644 index 000000000..695eb6471 --- /dev/null +++ b/module/web/mockups/style.css @@ -0,0 +1,444 @@ + +/* +Design by Free CSS Templates +http://www.freecsstemplates.org +Released for free under a Creative Commons Attribution 2.5 License +*/ + +body { + margin: 0; + padding: 0; + background: #0E0E0E url(images/main-wrapper-bg.png) repeat; + background: #ffffff; + font-family: 'Abel', sans-serif; + font-size: 16px; + color: #757575; +} + +h1, h2, h3 { + margin: 0; + padding: 0; + font-weight: normal; + color: #221D1D; +} + +h1 { + font-size: 2em; +} + +h2 { + font-size: 2.4em; +} + +h3 { + font-size: 1.6em; +} + +p, ul, ol { + margin-top: 0; + line-height: 180%; +} + +ul, ol { +} + +a { + text-decoration: none; + color: #FF7637; +} + +a:hover { +} + +#wrapper { + width: 960px; + margin: 0 auto; + padding: 0; +} + +/* Header */ + +#header { + width: 940px; + height: 150px; + margin: 0 auto; +} + +/* Logo */ + +#logo { + width: 960px; + height: 150px; + margin: 0px auto 30px auto; + color: #FFFFFF; +} + +#logo h1, #logo p { + margin: 0; + padding: 0; +} + +#logo h1 { + line-height: 150px; + letter-spacing: -1px; + text-align: center; + text-transform: lowercase; + font-size: 3.8em; + font-family: 'Abel', sans-serif; +} + +#logo p { + float: left; + margin: 0; + padding: 26px 0 0 10px; + text-align: center; + color: #FFFFFF; +} + +#logo p a { + color: #FFFFFF; +} + +#logo a { + border: none; + background: none; + text-decoration: none; + color: #FFFFFF; +} + +/* Search */ + +#search { + float: right; + width: 280px; + height: 60px; + padding: 20px 0px 0px 0px; + background: #323435; + border-bottom: 4px solid #0974C4; +} + +#search form { + height: 41px; + margin: 0; + padding: 10px 0 0 20px; +} + +#search fieldset { + margin: 0; + padding: 0; + border: none; +} + +#search-text { + width: 170px; + padding: 6px 5px 2px 5px; + border: none; + background: #FFFFFF; + text-transform: lowercase; + font: normal 11px Arial, Helvetica, sans-serif; + color: #464032; +} + +#search-submit { + width: 50px; + height: 23px; + border: 1px solid #525252; + background: #525252; + font-weight: bold; + font-size: 10px; + color: #FFFFFF; +} + +/* Menu */ + +#menu { + overflow: hidden; + width: 940px; + margin: 0px auto; + padding: 20px 0px; + border-top: 1px solid #292929; + border-bottom: 1px solid #292929; +} + +#menu ul { + margin: 0px 0px 0px 0px; + padding: 0px 0px; + list-style: none; + line-height: normal; + text-align: center; +} + +#menu li { + display: inline-block; + border-right: 1px solid #292929; +} + +#menu a { + display: block; + padding: 0px 40px 0px 40px; + text-decoration: none; + text-align: center; + font-family: 'Abel', sans-serif; + font-size: 20px; + font-weight:400; + color: #FFFFFF; + border: none; +} + +#menu a:hover, #menu .current_page_item a { + text-decoration: none; +} + +#menu .current_page_item a { + color: #FFFFFF; +} + +/* Page */ + +#page { + width: 960px; + margin: 0 auto; + padding: 0; +} + +#page-bgtop { + padding: 20px 0px; +} + +#page-bgbtm { +} + +/* Content */ + +#content { + float: right; + width: 620px; + padding: 10px 0px 0px 0px; +} + +.post { +} + +.post .title { + margin-bottom: 10px; + padding: 12px 0px 20px 0px; + letter-spacing: -.5px; + color: #C2C2C2; +} + +.post .title a { + color: #C2C2C2; + border: none; +} + +.post .meta { + height: 30px; + border-bottom: 1px solid #292929; + margin: 0px; + padding: 0px 0px 0px 0px; + text-align: left; + font-family: Arial, Helvetica, sans-serif; + font-size: 13px; + font-weight: bold; +} + +.post .meta .date { + float: left; + height: 24px; + padding: 3px 15px; + color: #BBBBBB; +} + +.post .meta .posted { + float: right; + height: 24px; + padding: 3px 15px; + color: #BBBBBB; +} + +.post .meta a { + color: #BBBBBB; +} + +.post .entry { + padding: 0px 0px 20px 0px; + padding-bottom: 20px; + text-align: justify; +} + +.links { + padding-top: 20px; + font-size: 12px; + font-weight: bold; +} + +/* Sidebar */ + +#sidebar { + float: left; + width: 280px; + padding: 30px 0px 0px 0px; + color: #787878; +} + +#sidebar ul { + margin: 0; + padding: 0; + list-style: none; +} + +#sidebar li { + margin: 0; + padding: 0; +} + +#sidebar li ul { + margin: 0px 0px; + padding-bottom: 30px; +} + +#sidebar li li { + line-height: 35px; + border-bottom: 1px dotted #292929; + margin: 0px 0px; + border-right: none; +} + +#sidebar li a { + padding-left: 20px; + background: url(images/img03.gif) no-repeat left 6px; +} + +#sidebar li li span { + display: block; + margin-top: -20px; + padding: 0; + font-size: 11px; + font-style: italic; +} + +#sidebar h2 { + padding: 0px 0px 30px 0px; + letter-spacing: -.5px; + font-size: 1.8em; + color: #FFFFFF; +} + +#sidebar p { + margin: 0 0px; + padding: 10px 30px 20px 30px; + text-align: justify; +} + +#sidebar a { + border: none; + color: #898989; +} + +#sidebar a:hover { + text-decoration: underline; + color: #6E6E6E; +} + +/* Calendar */ + +#calendar { +} + +#calendar_wrap { + padding: 20px; +} + +#calendar table { + width: 100%; +} + +#calendar tbody td { + text-align: center; +} + +#calendar #next { + text-align: right; +} + +/* Footer */ + +#footer { + width: 960px; + height: 50px; + margin: 0 auto; + padding: 0px 0 15px 0; + border-top: 1px solid #292929; +} + +#footer p { + margin: 0; + padding-top: 20px; + line-height: normal; + text-transform: uppercase; + text-align: center; + color: #444444; +} + +#footer a { + color: #444444; +} + +#three-columns { + overflow: hidden; + width: 960px; + padding: 30px 0px; + border-bottom: 1px solid #292929; +} + +#three-columns h2 { + padding: 0px 0px 20px 0px; + font-size: 30px; + color: #C2C2C2; +} + +#three-columns #column1 { + float: left; + width: 290px; + margin-right: 40px; +} + +#three-columns #column2 { + float: left; + width: 290px; +} + +#three-columns #column3 { + float: right; + width: 300px; +} + +.link-style { + display: inline-block; + margin-top: 10px; + padding: 5px 15px; + background: #FF7637; + border-radius: 10px; + color: #FFFFFF; +} + +#welcome { + width: 960px; + margin: 0px auto; + padding: 30px 0px; + border-bottom: 1px solid #292929; +} + +#welcome h2 { + padding: 0px 0px 20px 0px; +} + +#welcome h2 a { + color: #C2C2C2; +} + +#banner { + overflow: hidden; + padding: 30px 0px; + border-bottom: 1px solid #292929; +} -- cgit v1.2.3