From 122d9e78da3b41858411b097100246fde628e0a8 Mon Sep 17 00:00:00 2001
From: RaNaN <Mast3rRaNaN@hotmail.de>
Date: Thu, 9 Aug 2012 21:31:53 +0200
Subject: refined draft

---
 module/web/mockups/font.css                        |  89 ++++++++++++++++
 .../web/mockups/fonts/Sansation_Bold-webfont.eot   | Bin 0 -> 35336 bytes
 .../web/mockups/fonts/Sansation_Bold-webfont.ttf   | Bin 0 -> 35160 bytes
 .../web/mockups/fonts/Sansation_Bold-webfont.woff  | Bin 0 -> 18496 bytes
 .../web/mockups/fonts/Sansation_Light-webfont.eot  | Bin 0 -> 36700 bytes
 .../web/mockups/fonts/Sansation_Light-webfont.ttf  | Bin 0 -> 36520 bytes
 .../web/mockups/fonts/Sansation_Light-webfont.woff | Bin 0 -> 18408 bytes
 .../mockups/fonts/Sansation_Regular-webfont.eot    | Bin 0 -> 36368 bytes
 .../mockups/fonts/Sansation_Regular-webfont.ttf    | Bin 0 -> 36180 bytes
 .../mockups/fonts/Sansation_Regular-webfont.woff   | Bin 0 -> 18316 bytes
 module/web/mockups/images/Logo_grey.png            | Bin 0 -> 6236 bytes
 module/web/mockups/images/fancy_deboss.png         | Bin 0 -> 265 bytes
 module/web/mockups/index.html                      | 114 ++++++++++++++++++---
 13 files changed, 188 insertions(+), 15 deletions(-)
 create mode 100644 module/web/mockups/font.css
 create mode 100644 module/web/mockups/fonts/Sansation_Bold-webfont.eot
 create mode 100644 module/web/mockups/fonts/Sansation_Bold-webfont.ttf
 create mode 100644 module/web/mockups/fonts/Sansation_Bold-webfont.woff
 create mode 100644 module/web/mockups/fonts/Sansation_Light-webfont.eot
 create mode 100644 module/web/mockups/fonts/Sansation_Light-webfont.ttf
 create mode 100644 module/web/mockups/fonts/Sansation_Light-webfont.woff
 create mode 100644 module/web/mockups/fonts/Sansation_Regular-webfont.eot
 create mode 100644 module/web/mockups/fonts/Sansation_Regular-webfont.ttf
 create mode 100644 module/web/mockups/fonts/Sansation_Regular-webfont.woff
 create mode 100644 module/web/mockups/images/Logo_grey.png
 create mode 100644 module/web/mockups/images/fancy_deboss.png

(limited to 'module/web')

diff --git a/module/web/mockups/font.css b/module/web/mockups/font.css
new file mode 100644
index 000000000..161542173
--- /dev/null
+++ b/module/web/mockups/font.css
@@ -0,0 +1,89 @@
+/**
+ * @file
+ * Font styling
+ */
+
+@font-face {
+    font-family: 'SansationRegular';
+    src: url('fonts/Sansation_Regular-webfont.eot');
+    src: url('fonts/Sansation_Regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/Sansation_Regular-webfont.woff') format('woff'),
+         url('fonts/Sansation_Regular-webfont.ttf') format('truetype'),
+         url('fonts/Sansation_Regular-webfont.svg#SansationRegular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'SansationLight';
+    src: url('fonts/Sansation_Light-webfont.eot');
+    src: url('fonts/Sansation_Light-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/Sansation_Light-webfont.woff') format('woff'),
+         url('fonts/Sansation_Light-webfont.ttf') format('truetype'),
+         url('fonts/Sansation_Light-webfont.svg#SansationLight') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'SansationBold';
+    src: url('fonts/Sansation_Bold-webfont.eot');
+    src: url('fonts/Sansation_Bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/Sansation_Bold-webfont.woff') format('woff'),
+         url('fonts/Sansation_Bold-webfont.ttf') format('truetype'),
+         url('fonts/Sansation_Bold-webfont.svg#SansationBold') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+@font-face {
+    font-family: 'DroidSerifRegular';
+    src: url('fonts/DroidSerif-Regular-webfont.eot');
+    src: url('fonts/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/DroidSerif-Regular-webfont.woff') format('woff'),
+         url('fonts/DroidSerif-Regular-webfont.ttf') format('truetype'),
+         url('fonts/DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'DroidSerifItalic';
+    src: url('fonts/DroidSerif-Italic-webfont.eot');
+    src: url('fonts/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/DroidSerif-Italic-webfont.woff') format('woff'),
+         url('fonts/DroidSerif-Italic-webfont.ttf') format('truetype'),
+         url('fonts/DroidSerif-Italic-webfont.svg#DroidSerifItalic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'DroidSerifBold';
+    src: url('fonts/DroidSerif-Bold-webfont.eot');
+    src: url('fonts/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/DroidSerif-Bold-webfont.woff') format('woff'),
+         url('fonts/DroidSerif-Bold-webfont.ttf') format('truetype'),
+         url('fonts/DroidSerif-Bold-webfont.svg#DroidSerifBold') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'DroidSerifBoldItalic';
+    src: url('fonts/DroidSerif-BoldItalic-webfont.eot');
+    src: url('fonts/DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/DroidSerif-BoldItalic-webfont.woff') format('woff'),
+         url('fonts/DroidSerif-BoldItalic-webfont.ttf') format('truetype'),
+         url('fonts/DroidSerif-BoldItalic-webfont.svg#DroidSerifBoldItalic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
\ No newline at end of file
diff --git a/module/web/mockups/fonts/Sansation_Bold-webfont.eot b/module/web/mockups/fonts/Sansation_Bold-webfont.eot
new file mode 100644
index 000000000..43ed2ee31
Binary files /dev/null and b/module/web/mockups/fonts/Sansation_Bold-webfont.eot differ
diff --git a/module/web/mockups/fonts/Sansation_Bold-webfont.ttf b/module/web/mockups/fonts/Sansation_Bold-webfont.ttf
new file mode 100644
index 000000000..d2e7c4c2a
Binary files /dev/null and b/module/web/mockups/fonts/Sansation_Bold-webfont.ttf differ
diff --git a/module/web/mockups/fonts/Sansation_Bold-webfont.woff b/module/web/mockups/fonts/Sansation_Bold-webfont.woff
new file mode 100644
index 000000000..9ee938d55
Binary files /dev/null and b/module/web/mockups/fonts/Sansation_Bold-webfont.woff differ
diff --git a/module/web/mockups/fonts/Sansation_Light-webfont.eot b/module/web/mockups/fonts/Sansation_Light-webfont.eot
new file mode 100644
index 000000000..d83fa9cf6
Binary files /dev/null and b/module/web/mockups/fonts/Sansation_Light-webfont.eot differ
diff --git a/module/web/mockups/fonts/Sansation_Light-webfont.ttf b/module/web/mockups/fonts/Sansation_Light-webfont.ttf
new file mode 100644
index 000000000..64d734bec
Binary files /dev/null and b/module/web/mockups/fonts/Sansation_Light-webfont.ttf differ
diff --git a/module/web/mockups/fonts/Sansation_Light-webfont.woff b/module/web/mockups/fonts/Sansation_Light-webfont.woff
new file mode 100644
index 000000000..5f3dce493
Binary files /dev/null and b/module/web/mockups/fonts/Sansation_Light-webfont.woff differ
diff --git a/module/web/mockups/fonts/Sansation_Regular-webfont.eot b/module/web/mockups/fonts/Sansation_Regular-webfont.eot
new file mode 100644
index 000000000..46219c9ff
Binary files /dev/null and b/module/web/mockups/fonts/Sansation_Regular-webfont.eot differ
diff --git a/module/web/mockups/fonts/Sansation_Regular-webfont.ttf b/module/web/mockups/fonts/Sansation_Regular-webfont.ttf
new file mode 100644
index 000000000..92f686359
Binary files /dev/null and b/module/web/mockups/fonts/Sansation_Regular-webfont.ttf differ
diff --git a/module/web/mockups/fonts/Sansation_Regular-webfont.woff b/module/web/mockups/fonts/Sansation_Regular-webfont.woff
new file mode 100644
index 000000000..524b67992
Binary files /dev/null and b/module/web/mockups/fonts/Sansation_Regular-webfont.woff differ
diff --git a/module/web/mockups/images/Logo_grey.png b/module/web/mockups/images/Logo_grey.png
new file mode 100644
index 000000000..7061372aa
Binary files /dev/null and b/module/web/mockups/images/Logo_grey.png differ
diff --git a/module/web/mockups/images/fancy_deboss.png b/module/web/mockups/images/fancy_deboss.png
new file mode 100644
index 000000000..926a762db
Binary files /dev/null and b/module/web/mockups/images/fancy_deboss.png differ
diff --git a/module/web/mockups/index.html b/module/web/mockups/index.html
index 8b3dce120..a709d7ca7 100644
--- a/module/web/mockups/index.html
+++ b/module/web/mockups/index.html
@@ -17,10 +17,13 @@ Released   : 20120325
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>Naturalprime by FCT</title>
 <link href="http://fonts.googleapis.com/css?family=Abel" rel="stylesheet" type="text/css" />
+<link href="font.css" rel="stylesheet" type="text/css"/>
 <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
-<script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script>
-<script type="text/javascript" src="jquery/jquery.gallerax-0.2.js"></script>
 <style type="text/css">
+    body {
+        background: url("images/fancy_deboss.png") repeat scroll 0 0 transparent;
+    }
+
     header {
         background: url("images/main-wrapper-bg.png") repeat-x;
         height: 70px;
@@ -29,8 +32,21 @@ Released   : 20120325
         vertical-align: top;
         width: 100%;
         z-index: 10;
-        box-shadow: 0 2px rgba(0,0,0,0.5);
+   /*     box-shadow: 0 4px 2px -2px rgba(0,0,0,0.5);*/
+    }
+
+    header:before {
+        position: absolute;
+        content: ' ';
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        background-color: transparent;
+        box-shadow: 0 0 5px black;
+        z-index: -1;
     }
+
     header div.center {
         padding-left: 20px;
         padding-right: 20px;
@@ -38,26 +54,68 @@ Released   : 20120325
     header div.center span.title {
         color: white;
         float: left;
-        font-family: "Vegur Light";
+        font-family: SansationRegular, sans-serif;
         font-size: 40px;
-        margin-left: -10px;
-        margin-top: 7px;
+        margin-top: 12px;
     }
     header img.logo {
         float: left;
-        padding-right: 30px;
+        padding-right: 10px;
         padding-top: 7px;
         width: 120px;
     }
     footer {
         background: url("images/main-wrapper-bg.png") repeat-x;
         height: 100px;
-        margin-top: -100px;
         position: relative;
         width: 100%;
         z-index: 10;
-        box-shadow: 0 0 2px 2px rgba(0,0,0,0.5);
     }
+
+    footer img.logo {
+        float: left;
+        padding-top: 12px;
+        padding-right: 12px;
+    }
+
+    footer div.center {
+        padding-left: 50px;
+        padding-top: 10px;
+    }
+
+    footer:before {
+        position: absolute;
+        content: ' ';
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        background-color: transparent;
+        box-shadow: 0 0 5px black;
+        z-index: -1;
+    }
+
+    footer .block {
+        font-size: 12px;
+        float: left;
+        margin: 0;
+        width: 150px;
+        padding-top: 6px;
+        padding-right: 30px;
+    }
+
+    footer h2 {
+        background: url("images/double-line.gif") repeat-x scroll center bottom transparent !important;
+        color: #FFFFFF;
+        font-family: SansationLight, sans-serif;
+        font-size: 16px;
+        font-weight: normal;
+        line-height: 16px;
+        margin: 0;
+        padding-bottom: 6px;
+    }
+
+
 </style>
 </head>
 <body>
@@ -143,14 +201,40 @@ Released   : 20120325
 	</div>
 	<!-- end #page --> 
 </div>
-<div id="footer">
-    <p>Copyright (c) 2012 pyload.org. All rights reserved. Design by <a href="http://www.freecsstemplates.org">FCT</a>.</p>
-</div>
-
 <footer>
     <div class="center">
-        <br>
-        Footer here
+    <img class="logo" src="images/Logo_grey.png"/>
+
+    <div class="block">
+        <h2 class="block-title">Powered by</h2>
+         asd <br>
+         dsfdsf <br>
+         sdf dsg <br>
+    </div>
+
+        <div class="block">
+            <h2 class="block-title">pyLoad</h2>
+            asd <br>
+            dsfdsf <br>
+            sdf dsg <br>
+        </div>
+
+        <div class="block">
+            <h2 class="block-title">Community</h2>
+            asd <br>
+            dsfdsf <br>
+            sdf dsg <br>
+        </div>
+
+        <div class="block">
+            <h2 class="block-title">Development</h2>
+            asd <br>
+            dsfdsf <br>
+            sdf dsg <br>
+        </div>
+
+    </div>
+
 </footer>
 <!-- end #footer -->
 </body>
-- 
cgit v1.2.3