[css-web] Really add the css files

[Andrea Veri <av src gnome org>]

commit 0f49e35f84243ad505331e4219de70db0db9541b
Author: Andrea Veri <av gnome org>
Date:   Thu Dec 5 16:10:43 2013 +0100

    Really add the css files

 css/960.css   |  405 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 css/reset.css |    1 +
 css/text.css  |  111 ++++++++++++++++
 3 files changed, 517 insertions(+), 0 deletions(-)
---
diff --git a/css/960.css b/css/960.css
new file mode 100644
index 0000000..8b5101c
--- /dev/null
+++ b/css/960.css
@@ -0,0 +1,405 @@
+/*
+       960 Grid System ~ Core CSS.
+       Learn more ~ http://960.gs/
+
+       Licensed under GPL and MIT.
+*/
+
+/* `Containers
+----------------------------------------------------------------------------------------------------*/
+
+.container_12,
+.container_16 {
+       margin-left: auto;
+       margin-right: auto;
+       width: 960px;
+}
+
+/* `Grid >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.grid_1,
+.grid_2,
+.grid_3,
+.grid_4,
+.grid_5,
+.grid_6,
+.grid_7,
+.grid_8,
+.grid_9,
+.grid_10,
+.grid_11,
+.grid_12,
+.grid_13,
+.grid_14,
+.grid_15,
+.grid_16 {
+       display: inline;
+       float: left;
+       margin-left: 10px;
+       margin-right: 10px;
+}
+
+.container_12 .grid_3,
+.container_16 .grid_4 {
+       width: 220px;
+}
+
+.container_12 .grid_6,
+.container_16 .grid_8 {
+       width: 460px;
+}
+
+.container_12 .grid_9,
+.container_16 .grid_12 {
+       width: 700px;
+}
+
+.container_12 .grid_12,
+.container_16 .grid_16 {
+       width: 940px;
+}
+
+/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
+----------------------------------------------------------------------------------------------------*/
+
+.alpha {
+       margin-left: 0;
+}
+
+.omega {
+       margin-right: 0;
+}
+
+/* `Grid >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .grid_1 {
+       width: 60px;
+}
+
+.container_12 .grid_2 {
+       width: 140px;
+}
+
+.container_12 .grid_4 {
+       width: 300px;
+}
+
+.container_12 .grid_5 {
+       width: 380px;
+}
+
+.container_12 .grid_7 {
+       width: 540px;
+}
+
+.container_12 .grid_8 {
+       width: 620px;
+}
+
+.container_12 .grid_10 {
+       width: 780px;
+}
+
+.container_12 .grid_11 {
+       width: 860px;
+}
+
+/* `Grid >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .grid_1 {
+       width: 40px;
+}
+
+.container_16 .grid_2 {
+       width: 100px;
+}
+
+.container_16 .grid_3 {
+       width: 160px;
+}
+
+.container_16 .grid_5 {
+       width: 280px;
+}
+
+.container_16 .grid_6 {
+       width: 340px;
+}
+
+.container_16 .grid_7 {
+       width: 400px;
+}
+
+.container_16 .grid_9 {
+       width: 520px;
+}
+
+.container_16 .grid_10 {
+       width: 580px;
+}
+
+.container_16 .grid_11 {
+       width: 640px;
+}
+
+.container_16 .grid_13 {
+       width: 760px;
+}
+
+.container_16 .grid_14 {
+       width: 820px;
+}
+
+.container_16 .grid_15 {
+       width: 880px;
+}
+
+/* `Prefix Extra Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .prefix_3,
+.container_16 .prefix_4 {
+       padding-left: 240px;
+}
+
+.container_12 .prefix_6,
+.container_16 .prefix_8 {
+       padding-left: 480px;
+}
+
+.container_12 .prefix_9,
+.container_16 .prefix_12 {
+       padding-left: 720px;
+}
+
+/* `Prefix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .prefix_1 {
+       padding-left: 80px;
+}
+
+.container_12 .prefix_2 {
+       padding-left: 160px;
+}
+
+.container_12 .prefix_4 {
+       padding-left: 320px;
+}
+
+.container_12 .prefix_5 {
+       padding-left: 400px;
+}
+
+.container_12 .prefix_7 {
+       padding-left: 560px;
+}
+
+.container_12 .prefix_8 {
+       padding-left: 640px;
+}
+
+.container_12 .prefix_10 {
+       padding-left: 800px;
+}
+
+.container_12 .prefix_11 {
+       padding-left: 880px;
+}
+
+/* `Prefix Extra Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .prefix_1 {
+       padding-left: 60px;
+}
+
+.container_16 .prefix_2 {
+       padding-left: 120px;
+}
+
+.container_16 .prefix_3 {
+       padding-left: 180px;
+}
+
+.container_16 .prefix_5 {
+       padding-left: 300px;
+}
+
+.container_16 .prefix_6 {
+       padding-left: 360px;
+}
+
+.container_16 .prefix_7 {
+       padding-left: 420px;
+}
+
+.container_16 .prefix_9 {
+       padding-left: 540px;
+}
+
+.container_16 .prefix_10 {
+       padding-left: 600px;
+}
+
+.container_16 .prefix_11 {
+       padding-left: 660px;
+}
+
+.container_16 .prefix_13 {
+       padding-left: 780px;
+}
+
+.container_16 .prefix_14 {
+       padding-left: 840px;
+}
+
+.container_16 .prefix_15 {
+       padding-left: 900px;
+}
+
+/* `Suffix Extra Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .suffix_3,
+.container_16 .suffix_4 {
+       padding-right: 240px;
+}
+
+.container_12 .suffix_6,
+.container_16 .suffix_8 {
+       padding-right: 480px;
+}
+
+.container_12 .suffix_9,
+.container_16 .suffix_12 {
+       padding-right: 720px;
+}
+
+/* `Suffix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .suffix_1 {
+       padding-right: 80px;
+}
+
+.container_12 .suffix_2 {
+       padding-right: 160px;
+}
+
+.container_12 .suffix_4 {
+       padding-right: 320px;
+}
+
+.container_12 .suffix_5 {
+       padding-right: 400px;
+}
+
+.container_12 .suffix_7 {
+       padding-right: 560px;
+}
+
+.container_12 .suffix_8 {
+       padding-right: 640px;
+}
+
+.container_12 .suffix_10 {
+       padding-right: 800px;
+}
+
+.container_12 .suffix_11 {
+       padding-right: 880px;
+}
+
+/* `Suffix Extra Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .suffix_1 {
+       padding-right: 60px;
+}
+
+.container_16 .suffix_2 {
+       padding-right: 120px;
+}
+
+.container_16 .suffix_3 {
+       padding-right: 180px;
+}
+
+.container_16 .suffix_5 {
+       padding-right: 300px;
+}
+
+.container_16 .suffix_6 {
+       padding-right: 360px;
+}
+
+.container_16 .suffix_7 {
+       padding-right: 420px;
+}
+
+.container_16 .suffix_9 {
+       padding-right: 540px;
+}
+
+.container_16 .suffix_10 {
+       padding-right: 600px;
+}
+
+.container_16 .suffix_11 {
+       padding-right: 660px;
+}
+
+.container_16 .suffix_13 {
+       padding-right: 780px;
+}
+
+.container_16 .suffix_14 {
+       padding-right: 840px;
+}
+
+.container_16 .suffix_15 {
+       padding-right: 900px;
+}
+
+/* `Clear Floated Elements
+----------------------------------------------------------------------------------------------------*/
+
+/* http://sonspring.com/journal/clearing-floats */
+
+.clear {
+       clear: both;
+       display: block;
+       overflow: hidden;
+       visibility: hidden;
+       width: 0;
+       height: 0;
+}
+
+/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
+
+.clearfix:after {
+       clear: both;
+       content: ' ';
+       display: block;
+       font-size: 0;
+       line-height: 0;
+       visibility: hidden;
+       width: 0;
+       height: 0;
+}
+
+.clearfix {
+       display: inline-block;
+}
+
+* html .clearfix {
+       height: 1%;
+}
+
+.clearfix {
+       display: block;
+}
\ No newline at end of file
diff --git a/css/reset.css b/css/reset.css
new file mode 100644
index 0000000..11a1387
--- /dev/null
+++ b/css/reset.css
@@ -0,0 +1 @@
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
diff --git a/css/text.css b/css/text.css
new file mode 100644
index 0000000..8e2696f
--- /dev/null
+++ b/css/text.css
@@ -0,0 +1,111 @@
+ import url("fonts.css");
+
+/* Main Elements */
+/* ========================================================================== */
+
+
+body {
+    font-family: Cantarell, 'Droid Sans', Ubuntu, 'DejaVu Sans', Arial, sans-serif;
+    font-size: 14px;
+    line-height: 1.6;
+    color: #2e3436;
+}
+
+body.win {
+    font-family: Verdana, Arial, sans-serif;
+    font-size: 14px;
+    line-height: 1.6;
+    color: #2e3436;
+}
+
+body.win h1, body.win h2, body.win h3, body.win h4, body.win h5, body.win h6 {
+    font-family: "Trebuchet MS";
+}
+
+h1, h2, h3, h4, h5, h6, dt {
+    color: #0489B7;
+}
+h1 {
+    font-size: 42px;
+}
+h2 {
+    font-size: 25px;
+}
+h3, dt {
+    font-size: 21px;
+    margin: 0.4em 0 0.5em;
+    color: #2E3436;
+}
+dt {
+    color: #E36615;
+}
+dt a:hover {
+    color: #fa7721;    
+}
+h4 {
+    font-size: 16px;
+    color: #ce5c00;
+}
+h5 {
+    font-size: 14px;
+}
+h6 {
+    font-size: 12px;
+}
+ol {
+    list-style:decimal;
+}
+ul {
+    list-style:square;
+}
+li {
+    margin-left:30px;
+}
+dl,dt,h1,h2,h3,h4,h5,h6,pre,table,address,fieldset {
+    margin: 0.8em 0 0.4em;
+}
+p, dd, .action_box, ul, ol {
+    margin: 0.4em 0 1em;
+}
+code {
+    background: #ececec;
+    background: rgba(0,0,0,0.1);
+    padding: 1px;
+}
+
+
+/* Text classes */
+/* ========================================================================== */
+
+.highlight {
+    background: yellow;
+}
+
+.main_feature {
+    font-size: 16pt;
+    line-height: 130%;
+}
+
+.footnotes {
+    font-size: 11px;
+    color: #888a85;
+}
+.footnotes a {
+    color: #888a85;
+}
+
+.more {
+    background: url(../img/more-arrow.png) right 6px no-repeat;
+    cursor: pointer;
+    white-space: nowrap;
+    padding-right: 10px;
+    text-decoration: none;
+}
+.more {
+    text-decoration: underline;
+}
+
+#footer {
+    font-size: 12px;
+    line-height: 1.4em;
+}