Uploading files
This commit is contained in:
sanderroosendaal
653
static/css/960.css
Normal file
653
static/css/960.css
Normal file
@@ -0,0 +1,653 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 960px;
|
||||
}
|
||||
|
||||
/* `Container
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11,
|
||||
.push_12, .pull_12,
|
||||
.push_13, .pull_13,
|
||||
.push_14, .pull_14,
|
||||
.push_15, .pull_15 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
/* `Push Space >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_3,
|
||||
.container_16 .push_4 {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .push_6,
|
||||
.container_16 .push_8 {
|
||||
left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .push_9,
|
||||
.container_16 .push_12 {
|
||||
left: 720px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
left: 80px;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
left: 160px;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
left: 320px;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
left: 560px;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
left: 640px;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
left: 880px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .push_1 {
|
||||
left: 60px;
|
||||
}
|
||||
|
||||
.container_16 .push_2 {
|
||||
left: 120px;
|
||||
}
|
||||
|
||||
.container_16 .push_3 {
|
||||
left: 180px;
|
||||
}
|
||||
|
||||
.container_16 .push_5 {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
.container_16 .push_6 {
|
||||
left: 360px;
|
||||
}
|
||||
|
||||
.container_16 .push_7 {
|
||||
left: 420px;
|
||||
}
|
||||
|
||||
.container_16 .push_9 {
|
||||
left: 540px;
|
||||
}
|
||||
|
||||
.container_16 .push_10 {
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
.container_16 .push_11 {
|
||||
left: 660px;
|
||||
}
|
||||
|
||||
.container_16 .push_13 {
|
||||
left: 780px;
|
||||
}
|
||||
|
||||
.container_16 .push_14 {
|
||||
left: 840px;
|
||||
}
|
||||
|
||||
.container_16 .push_15 {
|
||||
left: 900px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_3,
|
||||
.container_16 .pull_4 {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.container_12 .pull_6,
|
||||
.container_16 .pull_8 {
|
||||
left: -480px;
|
||||
}
|
||||
|
||||
.container_12 .pull_9,
|
||||
.container_16 .pull_12 {
|
||||
left: -720px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
left: -80px;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
left: -160px;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
left: -320px;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
left: -400px;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
left: -560px;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
left: -640px;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
left: -800px;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
left: -880px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .pull_1 {
|
||||
left: -60px;
|
||||
}
|
||||
|
||||
.container_16 .pull_2 {
|
||||
left: -120px;
|
||||
}
|
||||
|
||||
.container_16 .pull_3 {
|
||||
left: -180px;
|
||||
}
|
||||
|
||||
.container_16 .pull_5 {
|
||||
left: -300px;
|
||||
}
|
||||
|
||||
.container_16 .pull_6 {
|
||||
left: -360px;
|
||||
}
|
||||
|
||||
.container_16 .pull_7 {
|
||||
left: -420px;
|
||||
}
|
||||
|
||||
.container_16 .pull_9 {
|
||||
left: -540px;
|
||||
}
|
||||
|
||||
.container_16 .pull_10 {
|
||||
left: -600px;
|
||||
}
|
||||
|
||||
.container_16 .pull_11 {
|
||||
left: -660px;
|
||||
}
|
||||
|
||||
.container_16 .pull_13 {
|
||||
left: -780px;
|
||||
}
|
||||
|
||||
.container_16 .pull_14 {
|
||||
left: -840px;
|
||||
}
|
||||
|
||||
.container_16 .pull_15 {
|
||||
left: -900px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.container_12:before,
|
||||
.container_12:after,
|
||||
.container_16:before,
|
||||
.container_16:after {
|
||||
content: '.';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after,
|
||||
.container_12:after,
|
||||
.container_16:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix,
|
||||
.container_12,
|
||||
.container_16 {
|
||||
zoom: 1;
|
||||
}
|
||||
357
static/css/960_12_col.css
Normal file
357
static/css/960_12_col.css
Normal file
@@ -0,0 +1,357 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 960px;
|
||||
}
|
||||
|
||||
/* `Container
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 {
|
||||
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 {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* `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_3 {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.container_12 .grid_4 {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.container_12 .grid_5 {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
.container_12 .grid_6 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.container_12 .grid_7 {
|
||||
width: 540px;
|
||||
}
|
||||
|
||||
.container_12 .grid_8 {
|
||||
width: 620px;
|
||||
}
|
||||
|
||||
.container_12 .grid_9 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.container_12 .grid_10 {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
.container_12 .grid_11 {
|
||||
width: 860px;
|
||||
}
|
||||
|
||||
.container_12 .grid_12 {
|
||||
width: 940px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_1 {
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_2 {
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_3 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_4 {
|
||||
padding-left: 320px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_5 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_6 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_7 {
|
||||
padding-left: 560px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_8 {
|
||||
padding-left: 640px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_9 {
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_10 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_11 {
|
||||
padding-left: 880px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_1 {
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_2 {
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_3 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_4 {
|
||||
padding-right: 320px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_5 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_6 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_7 {
|
||||
padding-right: 560px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_8 {
|
||||
padding-right: 640px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_9 {
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_10 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_11 {
|
||||
padding-right: 880px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
left: 80px;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
left: 160px;
|
||||
}
|
||||
|
||||
.container_12 .push_3 {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
left: 320px;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .push_6 {
|
||||
left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
left: 560px;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
left: 640px;
|
||||
}
|
||||
|
||||
.container_12 .push_9 {
|
||||
left: 720px;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
left: 880px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
left: -80px;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
left: -160px;
|
||||
}
|
||||
|
||||
.container_12 .pull_3 {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
left: -320px;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
left: -400px;
|
||||
}
|
||||
|
||||
.container_12 .pull_6 {
|
||||
left: -480px;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
left: -560px;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
left: -640px;
|
||||
}
|
||||
|
||||
.container_12 .pull_9 {
|
||||
left: -720px;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
left: -800px;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
left: -880px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.container_12:before,
|
||||
.container_12:after {
|
||||
content: '.';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after,
|
||||
.container_12:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix,
|
||||
.container_12 {
|
||||
zoom: 1;
|
||||
}
|
||||
357
static/css/960_12_col_rtl.css
Normal file
357
static/css/960_12_col_rtl.css
Normal file
@@ -0,0 +1,357 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 960px;
|
||||
}
|
||||
|
||||
/* `Container
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 {
|
||||
margin-right: auto;
|
||||
margin-left: 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 {
|
||||
display: inline;
|
||||
float: right;
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* `Grid >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .grid_1 {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.container_12 .grid_2 {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.container_12 .grid_3 {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.container_12 .grid_4 {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.container_12 .grid_5 {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
.container_12 .grid_6 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.container_12 .grid_7 {
|
||||
width: 540px;
|
||||
}
|
||||
|
||||
.container_12 .grid_8 {
|
||||
width: 620px;
|
||||
}
|
||||
|
||||
.container_12 .grid_9 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.container_12 .grid_10 {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
.container_12 .grid_11 {
|
||||
width: 860px;
|
||||
}
|
||||
|
||||
.container_12 .grid_12 {
|
||||
width: 940px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_1 {
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_2 {
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_3 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_4 {
|
||||
padding-right: 320px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_5 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_6 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_7 {
|
||||
padding-right: 560px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_8 {
|
||||
padding-right: 640px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_9 {
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_10 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_11 {
|
||||
padding-right: 880px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_1 {
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_2 {
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_3 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_4 {
|
||||
padding-left: 320px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_5 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_6 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_7 {
|
||||
padding-left: 560px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_8 {
|
||||
padding-left: 640px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_9 {
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_10 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_11 {
|
||||
padding-left: 880px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
right: 80px;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
right: 160px;
|
||||
}
|
||||
|
||||
.container_12 .push_3 {
|
||||
right: 240px;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
right: 320px;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
right: 400px;
|
||||
}
|
||||
|
||||
.container_12 .push_6 {
|
||||
right: 480px;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
right: 560px;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
right: 640px;
|
||||
}
|
||||
|
||||
.container_12 .push_9 {
|
||||
right: 720px;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
right: 800px;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
right: 880px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
right: -80px;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
right: -160px;
|
||||
}
|
||||
|
||||
.container_12 .pull_3 {
|
||||
right: -240px;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
right: -320px;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
right: -400px;
|
||||
}
|
||||
|
||||
.container_12 .pull_6 {
|
||||
right: -480px;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
right: -560px;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
right: -640px;
|
||||
}
|
||||
|
||||
.container_12 .pull_9 {
|
||||
right: -720px;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
right: -800px;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
right: -880px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.container_12:before,
|
||||
.container_12:after {
|
||||
content: '.';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after,
|
||||
.container_12:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix,
|
||||
.container_12 {
|
||||
zoom: 1;
|
||||
}
|
||||
446
static/css/960_16_col.css
Normal file
446
static/css/960_16_col.css
Normal file
@@ -0,0 +1,446 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 960px;
|
||||
}
|
||||
|
||||
/* Container
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11,
|
||||
.push_12, .pull_12,
|
||||
.push_13, .pull_13,
|
||||
.push_14, .pull_14,
|
||||
.push_15, .pull_15,
|
||||
.push_16, .pull_16 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* Grid >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .grid_1 {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.container_16 .grid_2 {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.container_16 .grid_3 {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.container_16 .grid_4 {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.container_16 .grid_5 {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.container_16 .grid_6 {
|
||||
width: 340px;
|
||||
}
|
||||
|
||||
.container_16 .grid_7 {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.container_16 .grid_8 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.container_16 .grid_9 {
|
||||
width: 520px;
|
||||
}
|
||||
|
||||
.container_16 .grid_10 {
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.container_16 .grid_11 {
|
||||
width: 640px;
|
||||
}
|
||||
|
||||
.container_16 .grid_12 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.container_16 .grid_13 {
|
||||
width: 760px;
|
||||
}
|
||||
|
||||
.container_16 .grid_14 {
|
||||
width: 820px;
|
||||
}
|
||||
|
||||
.container_16 .grid_15 {
|
||||
width: 880px;
|
||||
}
|
||||
|
||||
.container_16 .grid_16 {
|
||||
width: 940px;
|
||||
}
|
||||
|
||||
/* 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_4 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_5 {
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_6 {
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_7 {
|
||||
padding-left: 420px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_8 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_9 {
|
||||
padding-left: 540px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_10 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_11 {
|
||||
padding-left: 660px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_12 {
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_13 {
|
||||
padding-left: 780px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_14 {
|
||||
padding-left: 840px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_15 {
|
||||
padding-left: 900px;
|
||||
}
|
||||
|
||||
/* 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_4 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_5 {
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_6 {
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_7 {
|
||||
padding-right: 420px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_8 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_9 {
|
||||
padding-right: 540px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_10 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_11 {
|
||||
padding-right: 660px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_12 {
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_13 {
|
||||
padding-right: 780px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_14 {
|
||||
padding-right: 840px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_15 {
|
||||
padding-right: 900px;
|
||||
}
|
||||
|
||||
/* Push Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .push_1 {
|
||||
left: 60px;
|
||||
}
|
||||
|
||||
.container_16 .push_2 {
|
||||
left: 120px;
|
||||
}
|
||||
|
||||
.container_16 .push_3 {
|
||||
left: 180px;
|
||||
}
|
||||
|
||||
.container_16 .push_4 {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.container_16 .push_5 {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
.container_16 .push_6 {
|
||||
left: 360px;
|
||||
}
|
||||
|
||||
.container_16 .push_7 {
|
||||
left: 420px;
|
||||
}
|
||||
|
||||
.container_16 .push_8 {
|
||||
left: 480px;
|
||||
}
|
||||
|
||||
.container_16 .push_9 {
|
||||
left: 540px;
|
||||
}
|
||||
|
||||
.container_16 .push_10 {
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
.container_16 .push_11 {
|
||||
left: 660px;
|
||||
}
|
||||
|
||||
.container_16 .push_12 {
|
||||
left: 720px;
|
||||
}
|
||||
|
||||
.container_16 .push_13 {
|
||||
left: 780px;
|
||||
}
|
||||
|
||||
.container_16 .push_14 {
|
||||
left: 840px;
|
||||
}
|
||||
|
||||
.container_16 .push_15 {
|
||||
left: 900px;
|
||||
}
|
||||
|
||||
/* Pull Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .pull_1 {
|
||||
left: -60px;
|
||||
}
|
||||
|
||||
.container_16 .pull_2 {
|
||||
left: -120px;
|
||||
}
|
||||
|
||||
.container_16 .pull_3 {
|
||||
left: -180px;
|
||||
}
|
||||
|
||||
.container_16 .pull_4 {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.container_16 .pull_5 {
|
||||
left: -300px;
|
||||
}
|
||||
|
||||
.container_16 .pull_6 {
|
||||
left: -360px;
|
||||
}
|
||||
|
||||
.container_16 .pull_7 {
|
||||
left: -420px;
|
||||
}
|
||||
|
||||
.container_16 .pull_8 {
|
||||
left: -480px;
|
||||
}
|
||||
|
||||
.container_16 .pull_9 {
|
||||
left: -540px;
|
||||
}
|
||||
|
||||
.container_16 .pull_10 {
|
||||
left: -600px;
|
||||
}
|
||||
|
||||
.container_16 .pull_11 {
|
||||
left: -660px;
|
||||
}
|
||||
|
||||
.container_16 .pull_12 {
|
||||
left: -720px;
|
||||
}
|
||||
|
||||
.container_16 .pull_13 {
|
||||
left: -780px;
|
||||
}
|
||||
|
||||
.container_16 .pull_14 {
|
||||
left: -840px;
|
||||
}
|
||||
|
||||
.container_16 .pull_15 {
|
||||
left: -900px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.container_16:before,
|
||||
.container_16:after {
|
||||
content: '.';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after,
|
||||
.container_16:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix,
|
||||
.container_16 {
|
||||
zoom: 1;
|
||||
}
|
||||
446
static/css/960_16_col_rtl.css
Normal file
446
static/css/960_16_col_rtl.css
Normal file
@@ -0,0 +1,446 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 960px;
|
||||
}
|
||||
|
||||
/* Container
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 {
|
||||
margin-right: auto;
|
||||
margin-left: 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: right;
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11,
|
||||
.push_12, .pull_12,
|
||||
.push_13, .pull_13,
|
||||
.push_14, .pull_14,
|
||||
.push_15, .pull_15,
|
||||
.push_16, .pull_16 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* Grid >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .grid_1 {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.container_16 .grid_2 {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.container_16 .grid_3 {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.container_16 .grid_4 {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.container_16 .grid_5 {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.container_16 .grid_6 {
|
||||
width: 340px;
|
||||
}
|
||||
|
||||
.container_16 .grid_7 {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.container_16 .grid_8 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.container_16 .grid_9 {
|
||||
width: 520px;
|
||||
}
|
||||
|
||||
.container_16 .grid_10 {
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.container_16 .grid_11 {
|
||||
width: 640px;
|
||||
}
|
||||
|
||||
.container_16 .grid_12 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.container_16 .grid_13 {
|
||||
width: 760px;
|
||||
}
|
||||
|
||||
.container_16 .grid_14 {
|
||||
width: 820px;
|
||||
}
|
||||
|
||||
.container_16 .grid_15 {
|
||||
width: 880px;
|
||||
}
|
||||
|
||||
.container_16 .grid_16 {
|
||||
width: 940px;
|
||||
}
|
||||
|
||||
/* Prefix Extra Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .prefix_1 {
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_2 {
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_3 {
|
||||
padding-right: 180px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_4 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_5 {
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_6 {
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_7 {
|
||||
padding-right: 420px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_8 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_9 {
|
||||
padding-right: 540px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_10 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_11 {
|
||||
padding-right: 660px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_12 {
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_13 {
|
||||
padding-right: 780px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_14 {
|
||||
padding-right: 840px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_15 {
|
||||
padding-right: 900px;
|
||||
}
|
||||
|
||||
/* Suffix Extra Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .suffix_1 {
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_2 {
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_3 {
|
||||
padding-left: 180px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_4 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_5 {
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_6 {
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_7 {
|
||||
padding-left: 420px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_8 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_9 {
|
||||
padding-left: 540px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_10 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_11 {
|
||||
padding-left: 660px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_12 {
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_13 {
|
||||
padding-left: 780px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_14 {
|
||||
padding-left: 840px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_15 {
|
||||
padding-left: 900px;
|
||||
}
|
||||
|
||||
/* Push Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .push_1 {
|
||||
right: 60px;
|
||||
}
|
||||
|
||||
.container_16 .push_2 {
|
||||
right: 120px;
|
||||
}
|
||||
|
||||
.container_16 .push_3 {
|
||||
right: 180px;
|
||||
}
|
||||
|
||||
.container_16 .push_4 {
|
||||
right: 240px;
|
||||
}
|
||||
|
||||
.container_16 .push_5 {
|
||||
right: 300px;
|
||||
}
|
||||
|
||||
.container_16 .push_6 {
|
||||
right: 360px;
|
||||
}
|
||||
|
||||
.container_16 .push_7 {
|
||||
right: 420px;
|
||||
}
|
||||
|
||||
.container_16 .push_8 {
|
||||
right: 480px;
|
||||
}
|
||||
|
||||
.container_16 .push_9 {
|
||||
right: 540px;
|
||||
}
|
||||
|
||||
.container_16 .push_10 {
|
||||
right: 600px;
|
||||
}
|
||||
|
||||
.container_16 .push_11 {
|
||||
right: 660px;
|
||||
}
|
||||
|
||||
.container_16 .push_12 {
|
||||
right: 720px;
|
||||
}
|
||||
|
||||
.container_16 .push_13 {
|
||||
right: 780px;
|
||||
}
|
||||
|
||||
.container_16 .push_14 {
|
||||
right: 840px;
|
||||
}
|
||||
|
||||
.container_16 .push_15 {
|
||||
right: 900px;
|
||||
}
|
||||
|
||||
/* Pull Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .pull_1 {
|
||||
right: -60px;
|
||||
}
|
||||
|
||||
.container_16 .pull_2 {
|
||||
right: -120px;
|
||||
}
|
||||
|
||||
.container_16 .pull_3 {
|
||||
right: -180px;
|
||||
}
|
||||
|
||||
.container_16 .pull_4 {
|
||||
right: -240px;
|
||||
}
|
||||
|
||||
.container_16 .pull_5 {
|
||||
right: -300px;
|
||||
}
|
||||
|
||||
.container_16 .pull_6 {
|
||||
right: -360px;
|
||||
}
|
||||
|
||||
.container_16 .pull_7 {
|
||||
right: -420px;
|
||||
}
|
||||
|
||||
.container_16 .pull_8 {
|
||||
right: -480px;
|
||||
}
|
||||
|
||||
.container_16 .pull_9 {
|
||||
right: -540px;
|
||||
}
|
||||
|
||||
.container_16 .pull_10 {
|
||||
right: -600px;
|
||||
}
|
||||
|
||||
.container_16 .pull_11 {
|
||||
right: -660px;
|
||||
}
|
||||
|
||||
.container_16 .pull_12 {
|
||||
right: -720px;
|
||||
}
|
||||
|
||||
.container_16 .pull_13 {
|
||||
right: -780px;
|
||||
}
|
||||
|
||||
.container_16 .pull_14 {
|
||||
right: -840px;
|
||||
}
|
||||
|
||||
.container_16 .pull_15 {
|
||||
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://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.container_16:before,
|
||||
.container_16:after {
|
||||
content: '.';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after,
|
||||
.container_16:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix,
|
||||
.container_16 {
|
||||
zoom: 1;
|
||||
}
|
||||
621
static/css/960_24_col.css
Normal file
621
static/css/960_24_col.css
Normal file
@@ -0,0 +1,621 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 960px;
|
||||
}
|
||||
|
||||
/* `Container
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 {
|
||||
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,
|
||||
.grid_17,
|
||||
.grid_18,
|
||||
.grid_19,
|
||||
.grid_20,
|
||||
.grid_21,
|
||||
.grid_22,
|
||||
.grid_23,
|
||||
.grid_24 {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11,
|
||||
.push_12, .pull_12,
|
||||
.push_13, .pull_13,
|
||||
.push_14, .pull_14,
|
||||
.push_15, .pull_15,
|
||||
.push_16, .pull_16,
|
||||
.push_17, .pull_17,
|
||||
.push_18, .pull_18,
|
||||
.push_19, .pull_19,
|
||||
.push_20, .pull_20,
|
||||
.push_21, .pull_21,
|
||||
.push_22, .pull_22,
|
||||
.push_23, .pull_23 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* `Grid >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .grid_1 {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.container_24 .grid_2 {
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
.container_24 .grid_3 {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
.container_24 .grid_4 {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.container_24 .grid_5 {
|
||||
width: 190px;
|
||||
}
|
||||
|
||||
.container_24 .grid_6 {
|
||||
width: 230px;
|
||||
}
|
||||
|
||||
.container_24 .grid_7 {
|
||||
width: 270px;
|
||||
}
|
||||
|
||||
.container_24 .grid_8 {
|
||||
width: 310px;
|
||||
}
|
||||
|
||||
.container_24 .grid_9 {
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
.container_24 .grid_10 {
|
||||
width: 390px;
|
||||
}
|
||||
|
||||
.container_24 .grid_11 {
|
||||
width: 430px;
|
||||
}
|
||||
|
||||
.container_24 .grid_12 {
|
||||
width: 470px;
|
||||
}
|
||||
|
||||
.container_24 .grid_13 {
|
||||
width: 510px;
|
||||
}
|
||||
|
||||
.container_24 .grid_14 {
|
||||
width: 550px;
|
||||
}
|
||||
|
||||
.container_24 .grid_15 {
|
||||
width: 590px;
|
||||
}
|
||||
|
||||
.container_24 .grid_16 {
|
||||
width: 630px;
|
||||
}
|
||||
|
||||
.container_24 .grid_17 {
|
||||
width: 670px;
|
||||
}
|
||||
|
||||
.container_24 .grid_18 {
|
||||
width: 710px;
|
||||
}
|
||||
|
||||
.container_24 .grid_19 {
|
||||
width: 750px;
|
||||
}
|
||||
|
||||
.container_24 .grid_20 {
|
||||
width: 790px;
|
||||
}
|
||||
|
||||
.container_24 .grid_21 {
|
||||
width: 830px;
|
||||
}
|
||||
|
||||
.container_24 .grid_22 {
|
||||
width: 870px;
|
||||
}
|
||||
|
||||
.container_24 .grid_23 {
|
||||
width: 910px;
|
||||
}
|
||||
|
||||
.container_24 .grid_24 {
|
||||
width: 950px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .prefix_1 {
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_2 {
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_3 {
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_4 {
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_5 {
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_6 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_7 {
|
||||
padding-left: 280px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_8 {
|
||||
padding-left: 320px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_9 {
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_10 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_11 {
|
||||
padding-left: 440px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_12 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_13 {
|
||||
padding-left: 520px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_14 {
|
||||
padding-left: 560px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_15 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_16 {
|
||||
padding-left: 640px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_17 {
|
||||
padding-left: 680px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_18 {
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_19 {
|
||||
padding-left: 760px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_20 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_21 {
|
||||
padding-left: 840px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_22 {
|
||||
padding-left: 880px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_23 {
|
||||
padding-left: 920px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .suffix_1 {
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_2 {
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_3 {
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_4 {
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_5 {
|
||||
padding-right: 200px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_6 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_7 {
|
||||
padding-right: 280px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_8 {
|
||||
padding-right: 320px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_9 {
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_10 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_11 {
|
||||
padding-right: 440px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_12 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_13 {
|
||||
padding-right: 520px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_14 {
|
||||
padding-right: 560px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_15 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_16 {
|
||||
padding-right: 640px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_17 {
|
||||
padding-right: 680px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_18 {
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_19 {
|
||||
padding-right: 760px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_20 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_21 {
|
||||
padding-right: 840px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_22 {
|
||||
padding-right: 880px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_23 {
|
||||
padding-right: 920px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .push_1 {
|
||||
left: 40px;
|
||||
}
|
||||
|
||||
.container_24 .push_2 {
|
||||
left: 80px;
|
||||
}
|
||||
|
||||
.container_24 .push_3 {
|
||||
left: 120px;
|
||||
}
|
||||
|
||||
.container_24 .push_4 {
|
||||
left: 160px;
|
||||
}
|
||||
|
||||
.container_24 .push_5 {
|
||||
left: 200px;
|
||||
}
|
||||
|
||||
.container_24 .push_6 {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.container_24 .push_7 {
|
||||
left: 280px;
|
||||
}
|
||||
|
||||
.container_24 .push_8 {
|
||||
left: 320px;
|
||||
}
|
||||
|
||||
.container_24 .push_9 {
|
||||
left: 360px;
|
||||
}
|
||||
|
||||
.container_24 .push_10 {
|
||||
left: 400px;
|
||||
}
|
||||
|
||||
.container_24 .push_11 {
|
||||
left: 440px;
|
||||
}
|
||||
|
||||
.container_24 .push_12 {
|
||||
left: 480px;
|
||||
}
|
||||
|
||||
.container_24 .push_13 {
|
||||
left: 520px;
|
||||
}
|
||||
|
||||
.container_24 .push_14 {
|
||||
left: 560px;
|
||||
}
|
||||
|
||||
.container_24 .push_15 {
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
.container_24 .push_16 {
|
||||
left: 640px;
|
||||
}
|
||||
|
||||
.container_24 .push_17 {
|
||||
left: 680px;
|
||||
}
|
||||
|
||||
.container_24 .push_18 {
|
||||
left: 720px;
|
||||
}
|
||||
|
||||
.container_24 .push_19 {
|
||||
left: 760px;
|
||||
}
|
||||
|
||||
.container_24 .push_20 {
|
||||
left: 800px;
|
||||
}
|
||||
|
||||
.container_24 .push_21 {
|
||||
left: 840px;
|
||||
}
|
||||
|
||||
.container_24 .push_22 {
|
||||
left: 880px;
|
||||
}
|
||||
|
||||
.container_24 .push_23 {
|
||||
left: 920px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .pull_1 {
|
||||
left: -40px;
|
||||
}
|
||||
|
||||
.container_24 .pull_2 {
|
||||
left: -80px;
|
||||
}
|
||||
|
||||
.container_24 .pull_3 {
|
||||
left: -120px;
|
||||
}
|
||||
|
||||
.container_24 .pull_4 {
|
||||
left: -160px;
|
||||
}
|
||||
|
||||
.container_24 .pull_5 {
|
||||
left: -200px;
|
||||
}
|
||||
|
||||
.container_24 .pull_6 {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.container_24 .pull_7 {
|
||||
left: -280px;
|
||||
}
|
||||
|
||||
.container_24 .pull_8 {
|
||||
left: -320px;
|
||||
}
|
||||
|
||||
.container_24 .pull_9 {
|
||||
left: -360px;
|
||||
}
|
||||
|
||||
.container_24 .pull_10 {
|
||||
left: -400px;
|
||||
}
|
||||
|
||||
.container_24 .pull_11 {
|
||||
left: -440px;
|
||||
}
|
||||
|
||||
.container_24 .pull_12 {
|
||||
left: -480px;
|
||||
}
|
||||
|
||||
.container_24 .pull_13 {
|
||||
left: -520px;
|
||||
}
|
||||
|
||||
.container_24 .pull_14 {
|
||||
left: -560px;
|
||||
}
|
||||
|
||||
.container_24 .pull_15 {
|
||||
left: -600px;
|
||||
}
|
||||
|
||||
.container_24 .pull_16 {
|
||||
left: -640px;
|
||||
}
|
||||
|
||||
.container_24 .pull_17 {
|
||||
left: -680px;
|
||||
}
|
||||
|
||||
.container_24 .pull_18 {
|
||||
left: -720px;
|
||||
}
|
||||
|
||||
.container_24 .pull_19 {
|
||||
left: -760px;
|
||||
}
|
||||
|
||||
.container_24 .pull_20 {
|
||||
left: -800px;
|
||||
}
|
||||
|
||||
.container_24 .pull_21 {
|
||||
left: -840px;
|
||||
}
|
||||
|
||||
.container_24 .pull_22 {
|
||||
left: -880px;
|
||||
}
|
||||
|
||||
.container_24 .pull_23 {
|
||||
left: -920px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.container_24:before,
|
||||
.container_24:after {
|
||||
content: '.';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after,
|
||||
.container_24:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix,
|
||||
.container_24 {
|
||||
zoom: 1;
|
||||
}
|
||||
621
static/css/960_24_col_rtl.css
Normal file
621
static/css/960_24_col_rtl.css
Normal file
@@ -0,0 +1,621 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 960px;
|
||||
}
|
||||
|
||||
/* `Container
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 {
|
||||
margin-right: auto;
|
||||
margin-left: 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,
|
||||
.grid_17,
|
||||
.grid_18,
|
||||
.grid_19,
|
||||
.grid_20,
|
||||
.grid_21,
|
||||
.grid_22,
|
||||
.grid_23,
|
||||
.grid_24 {
|
||||
display: inline;
|
||||
float: right;
|
||||
margin-right: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11,
|
||||
.push_12, .pull_12,
|
||||
.push_13, .pull_13,
|
||||
.push_14, .pull_14,
|
||||
.push_15, .pull_15,
|
||||
.push_16, .pull_16,
|
||||
.push_17, .pull_17,
|
||||
.push_18, .pull_18,
|
||||
.push_19, .pull_19,
|
||||
.push_20, .pull_20,
|
||||
.push_21, .pull_21,
|
||||
.push_22, .pull_22,
|
||||
.push_23, .pull_23 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* `Grid >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .grid_1 {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.container_24 .grid_2 {
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
.container_24 .grid_3 {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
.container_24 .grid_4 {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.container_24 .grid_5 {
|
||||
width: 190px;
|
||||
}
|
||||
|
||||
.container_24 .grid_6 {
|
||||
width: 230px;
|
||||
}
|
||||
|
||||
.container_24 .grid_7 {
|
||||
width: 270px;
|
||||
}
|
||||
|
||||
.container_24 .grid_8 {
|
||||
width: 310px;
|
||||
}
|
||||
|
||||
.container_24 .grid_9 {
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
.container_24 .grid_10 {
|
||||
width: 390px;
|
||||
}
|
||||
|
||||
.container_24 .grid_11 {
|
||||
width: 430px;
|
||||
}
|
||||
|
||||
.container_24 .grid_12 {
|
||||
width: 470px;
|
||||
}
|
||||
|
||||
.container_24 .grid_13 {
|
||||
width: 510px;
|
||||
}
|
||||
|
||||
.container_24 .grid_14 {
|
||||
width: 550px;
|
||||
}
|
||||
|
||||
.container_24 .grid_15 {
|
||||
width: 590px;
|
||||
}
|
||||
|
||||
.container_24 .grid_16 {
|
||||
width: 630px;
|
||||
}
|
||||
|
||||
.container_24 .grid_17 {
|
||||
width: 670px;
|
||||
}
|
||||
|
||||
.container_24 .grid_18 {
|
||||
width: 710px;
|
||||
}
|
||||
|
||||
.container_24 .grid_19 {
|
||||
width: 750px;
|
||||
}
|
||||
|
||||
.container_24 .grid_20 {
|
||||
width: 790px;
|
||||
}
|
||||
|
||||
.container_24 .grid_21 {
|
||||
width: 830px;
|
||||
}
|
||||
|
||||
.container_24 .grid_22 {
|
||||
width: 870px;
|
||||
}
|
||||
|
||||
.container_24 .grid_23 {
|
||||
width: 910px;
|
||||
}
|
||||
|
||||
.container_24 .grid_24 {
|
||||
width: 950px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .prefix_1 {
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_2 {
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_3 {
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_4 {
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_5 {
|
||||
padding-right: 200px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_6 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_7 {
|
||||
padding-right: 280px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_8 {
|
||||
padding-right: 320px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_9 {
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_10 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_11 {
|
||||
padding-right: 440px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_12 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_13 {
|
||||
padding-right: 520px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_14 {
|
||||
padding-right: 560px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_15 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_16 {
|
||||
padding-right: 640px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_17 {
|
||||
padding-right: 680px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_18 {
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_19 {
|
||||
padding-right: 760px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_20 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_21 {
|
||||
padding-right: 840px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_22 {
|
||||
padding-right: 880px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_23 {
|
||||
padding-right: 920px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .suffix_1 {
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_2 {
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_3 {
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_4 {
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_5 {
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_6 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_7 {
|
||||
padding-left: 280px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_8 {
|
||||
padding-left: 320px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_9 {
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_10 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_11 {
|
||||
padding-left: 440px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_12 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_13 {
|
||||
padding-left: 520px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_14 {
|
||||
padding-left: 560px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_15 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_16 {
|
||||
padding-left: 640px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_17 {
|
||||
padding-left: 680px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_18 {
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_19 {
|
||||
padding-left: 760px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_20 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_21 {
|
||||
padding-left: 840px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_22 {
|
||||
padding-left: 880px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_23 {
|
||||
padding-left: 920px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .push_1 {
|
||||
right: 40px;
|
||||
}
|
||||
|
||||
.container_24 .push_2 {
|
||||
right: 80px;
|
||||
}
|
||||
|
||||
.container_24 .push_3 {
|
||||
right: 120px;
|
||||
}
|
||||
|
||||
.container_24 .push_4 {
|
||||
right: 160px;
|
||||
}
|
||||
|
||||
.container_24 .push_5 {
|
||||
right: 200px;
|
||||
}
|
||||
|
||||
.container_24 .push_6 {
|
||||
right: 240px;
|
||||
}
|
||||
|
||||
.container_24 .push_7 {
|
||||
right: 280px;
|
||||
}
|
||||
|
||||
.container_24 .push_8 {
|
||||
right: 320px;
|
||||
}
|
||||
|
||||
.container_24 .push_9 {
|
||||
right: 360px;
|
||||
}
|
||||
|
||||
.container_24 .push_10 {
|
||||
right: 400px;
|
||||
}
|
||||
|
||||
.container_24 .push_11 {
|
||||
right: 440px;
|
||||
}
|
||||
|
||||
.container_24 .push_12 {
|
||||
right: 480px;
|
||||
}
|
||||
|
||||
.container_24 .push_13 {
|
||||
right: 520px;
|
||||
}
|
||||
|
||||
.container_24 .push_14 {
|
||||
right: 560px;
|
||||
}
|
||||
|
||||
.container_24 .push_15 {
|
||||
right: 600px;
|
||||
}
|
||||
|
||||
.container_24 .push_16 {
|
||||
right: 640px;
|
||||
}
|
||||
|
||||
.container_24 .push_17 {
|
||||
right: 680px;
|
||||
}
|
||||
|
||||
.container_24 .push_18 {
|
||||
right: 720px;
|
||||
}
|
||||
|
||||
.container_24 .push_19 {
|
||||
right: 760px;
|
||||
}
|
||||
|
||||
.container_24 .push_20 {
|
||||
right: 800px;
|
||||
}
|
||||
|
||||
.container_24 .push_21 {
|
||||
right: 840px;
|
||||
}
|
||||
|
||||
.container_24 .push_22 {
|
||||
right: 880px;
|
||||
}
|
||||
|
||||
.container_24 .push_23 {
|
||||
right: 920px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .pull_1 {
|
||||
right: -40px;
|
||||
}
|
||||
|
||||
.container_24 .pull_2 {
|
||||
right: -80px;
|
||||
}
|
||||
|
||||
.container_24 .pull_3 {
|
||||
right: -120px;
|
||||
}
|
||||
|
||||
.container_24 .pull_4 {
|
||||
right: -160px;
|
||||
}
|
||||
|
||||
.container_24 .pull_5 {
|
||||
right: -200px;
|
||||
}
|
||||
|
||||
.container_24 .pull_6 {
|
||||
right: -240px;
|
||||
}
|
||||
|
||||
.container_24 .pull_7 {
|
||||
right: -280px;
|
||||
}
|
||||
|
||||
.container_24 .pull_8 {
|
||||
right: -320px;
|
||||
}
|
||||
|
||||
.container_24 .pull_9 {
|
||||
right: -360px;
|
||||
}
|
||||
|
||||
.container_24 .pull_10 {
|
||||
right: -400px;
|
||||
}
|
||||
|
||||
.container_24 .pull_11 {
|
||||
right: -440px;
|
||||
}
|
||||
|
||||
.container_24 .pull_12 {
|
||||
right: -480px;
|
||||
}
|
||||
|
||||
.container_24 .pull_13 {
|
||||
right: -520px;
|
||||
}
|
||||
|
||||
.container_24 .pull_14 {
|
||||
right: -560px;
|
||||
}
|
||||
|
||||
.container_24 .pull_15 {
|
||||
right: -600px;
|
||||
}
|
||||
|
||||
.container_24 .pull_16 {
|
||||
right: -640px;
|
||||
}
|
||||
|
||||
.container_24 .pull_17 {
|
||||
right: -680px;
|
||||
}
|
||||
|
||||
.container_24 .pull_18 {
|
||||
right: -720px;
|
||||
}
|
||||
|
||||
.container_24 .pull_19 {
|
||||
right: -760px;
|
||||
}
|
||||
|
||||
.container_24 .pull_20 {
|
||||
right: -800px;
|
||||
}
|
||||
|
||||
.container_24 .pull_21 {
|
||||
right: -840px;
|
||||
}
|
||||
|
||||
.container_24 .pull_22 {
|
||||
right: -880px;
|
||||
}
|
||||
|
||||
.container_24 .pull_23 {
|
||||
right: -920px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.container_24:before,
|
||||
.container_24:after {
|
||||
content: '.';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after,
|
||||
.container_24:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix,
|
||||
.container_24 {
|
||||
zoom: 1;
|
||||
}
|
||||
653
static/css/960_rtl.css
Normal file
653
static/css/960_rtl.css
Normal file
@@ -0,0 +1,653 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 960px;
|
||||
}
|
||||
|
||||
/* `Container
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12,
|
||||
.container_16 {
|
||||
margin-right: auto;
|
||||
margin-left: 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: right;
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11,
|
||||
.push_12, .pull_12,
|
||||
.push_13, .pull_13,
|
||||
.push_14, .pull_14,
|
||||
.push_15, .pull_15 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.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-right: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-left: 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-right: 240px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_6,
|
||||
.container_16 .prefix_8 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_9,
|
||||
.container_16 .prefix_12 {
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_1 {
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_2 {
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_4 {
|
||||
padding-right: 320px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_5 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_7 {
|
||||
padding-right: 560px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_8 {
|
||||
padding-right: 640px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_10 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_11 {
|
||||
padding-right: 880px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .prefix_1 {
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_2 {
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_3 {
|
||||
padding-right: 180px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_5 {
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_6 {
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_7 {
|
||||
padding-right: 420px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_9 {
|
||||
padding-right: 540px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_10 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_11 {
|
||||
padding-right: 660px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_13 {
|
||||
padding-right: 780px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_14 {
|
||||
padding-right: 840px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_15 {
|
||||
padding-right: 900px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_3,
|
||||
.container_16 .suffix_4 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_6,
|
||||
.container_16 .suffix_8 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_9,
|
||||
.container_16 .suffix_12 {
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_1 {
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_2 {
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_4 {
|
||||
padding-left: 320px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_5 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_7 {
|
||||
padding-left: 560px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_8 {
|
||||
padding-left: 640px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_10 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_11 {
|
||||
padding-left: 880px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .suffix_1 {
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_2 {
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_3 {
|
||||
padding-left: 180px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_5 {
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_6 {
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_7 {
|
||||
padding-left: 420px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_9 {
|
||||
padding-left: 540px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_10 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_11 {
|
||||
padding-left: 660px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_13 {
|
||||
padding-left: 780px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_14 {
|
||||
padding-left: 840px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_15 {
|
||||
padding-left: 900px;
|
||||
}
|
||||
|
||||
/* `Push Space >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_3,
|
||||
.container_16 .push_4 {
|
||||
right: 240px;
|
||||
}
|
||||
|
||||
.container_12 .push_6,
|
||||
.container_16 .push_8 {
|
||||
right: 480px;
|
||||
}
|
||||
|
||||
.container_12 .push_9,
|
||||
.container_16 .push_12 {
|
||||
right: 720px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
right: 80px;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
right: 160px;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
right: 320px;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
right: 400px;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
right: 560px;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
right: 640px;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
right: 800px;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
right: 880px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .push_1 {
|
||||
right: 60px;
|
||||
}
|
||||
|
||||
.container_16 .push_2 {
|
||||
right: 120px;
|
||||
}
|
||||
|
||||
.container_16 .push_3 {
|
||||
right: 180px;
|
||||
}
|
||||
|
||||
.container_16 .push_5 {
|
||||
right: 300px;
|
||||
}
|
||||
|
||||
.container_16 .push_6 {
|
||||
right: 360px;
|
||||
}
|
||||
|
||||
.container_16 .push_7 {
|
||||
right: 420px;
|
||||
}
|
||||
|
||||
.container_16 .push_9 {
|
||||
right: 540px;
|
||||
}
|
||||
|
||||
.container_16 .push_10 {
|
||||
right: 600px;
|
||||
}
|
||||
|
||||
.container_16 .push_11 {
|
||||
right: 660px;
|
||||
}
|
||||
|
||||
.container_16 .push_13 {
|
||||
right: 780px;
|
||||
}
|
||||
|
||||
.container_16 .push_14 {
|
||||
right: 840px;
|
||||
}
|
||||
|
||||
.container_16 .push_15 {
|
||||
right: 900px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_3,
|
||||
.container_16 .pull_4 {
|
||||
right: -240px;
|
||||
}
|
||||
|
||||
.container_12 .pull_6,
|
||||
.container_16 .pull_8 {
|
||||
right: -480px;
|
||||
}
|
||||
|
||||
.container_12 .pull_9,
|
||||
.container_16 .pull_12 {
|
||||
right: -720px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
right: -80px;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
right: -160px;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
right: -320px;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
right: -400px;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
right: -560px;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
right: -640px;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
right: -800px;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
right: -880px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .pull_1 {
|
||||
right: -60px;
|
||||
}
|
||||
|
||||
.container_16 .pull_2 {
|
||||
right: -120px;
|
||||
}
|
||||
|
||||
.container_16 .pull_3 {
|
||||
right: -180px;
|
||||
}
|
||||
|
||||
.container_16 .pull_5 {
|
||||
right: -300px;
|
||||
}
|
||||
|
||||
.container_16 .pull_6 {
|
||||
right: -360px;
|
||||
}
|
||||
|
||||
.container_16 .pull_7 {
|
||||
right: -420px;
|
||||
}
|
||||
|
||||
.container_16 .pull_9 {
|
||||
right: -540px;
|
||||
}
|
||||
|
||||
.container_16 .pull_10 {
|
||||
right: -600px;
|
||||
}
|
||||
|
||||
.container_16 .pull_11 {
|
||||
right: -660px;
|
||||
}
|
||||
|
||||
.container_16 .pull_13 {
|
||||
right: -780px;
|
||||
}
|
||||
|
||||
.container_16 .pull_14 {
|
||||
right: -840px;
|
||||
}
|
||||
|
||||
.container_16 .pull_15 {
|
||||
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://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.container_12:before,
|
||||
.container_12:after,
|
||||
.container_16:before,
|
||||
.container_16:after {
|
||||
content: '.';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after,
|
||||
.container_12:after,
|
||||
.container_16:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix,
|
||||
.container_12,
|
||||
.container_16 {
|
||||
zoom: 1;
|
||||
}
|
||||
158
static/css/bokeh-0.10.0.min.css
vendored
Normal file
158
static/css/bokeh-0.10.0.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
2
static/css/bokeh-0.11.1.min.css
vendored
Normal file
2
static/css/bokeh-0.11.1.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
2
static/css/bokeh-0.12.3.min.css
vendored
Normal file
2
static/css/bokeh-0.12.3.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
158
static/css/bokeh-widgets-0.12.3.min.css
vendored
Normal file
158
static/css/bokeh-widgets-0.12.3.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
55
static/css/demo.css
Normal file
55
static/css/demo.css
Normal file
@@ -0,0 +1,55 @@
|
||||
body {
|
||||
background: #123;
|
||||
color: #333;
|
||||
font-size: 11px;
|
||||
height: auto;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: Georgia, serif;
|
||||
font-weight: normal;
|
||||
padding-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h2 {
|
||||
padding-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p {
|
||||
border: 1px solid #666;
|
||||
overflow: hidden;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.container_12,
|
||||
.container_16,
|
||||
.container_24 {
|
||||
background-color: #fff;
|
||||
background-repeat: repeat-y;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.container_12 {
|
||||
background-image: url(../img/12_col.gif);
|
||||
}
|
||||
|
||||
.container_16 {
|
||||
background-image: url(../img/16_col.gif);
|
||||
}
|
||||
|
||||
.container_24 {
|
||||
background-image: url(../img/24_col.gif);
|
||||
}
|
||||
1
static/css/min/960.css
Normal file
1
static/css/min/960.css
Normal file
File diff suppressed because one or more lines are too long
1
static/css/min/960_12_col.css
Normal file
1
static/css/min/960_12_col.css
Normal file
@@ -0,0 +1 @@
|
||||
body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1}
|
||||
1
static/css/min/960_12_col_rtl.css
Normal file
1
static/css/min/960_12_col_rtl.css
Normal file
@@ -0,0 +1 @@
|
||||
body{min-width:960px}.container_12{margin-right:auto;margin-left:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:right;margin-right:10px;margin-left:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-right:0}.omega{margin-left:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-right:80px}.container_12 .prefix_2{padding-right:160px}.container_12 .prefix_3{padding-right:240px}.container_12 .prefix_4{padding-right:320px}.container_12 .prefix_5{padding-right:400px}.container_12 .prefix_6{padding-right:480px}.container_12 .prefix_7{padding-right:560px}.container_12 .prefix_8{padding-right:640px}.container_12 .prefix_9{padding-right:720px}.container_12 .prefix_10{padding-right:800px}.container_12 .prefix_11{padding-right:880px}.container_12 .suffix_1{padding-left:80px}.container_12 .suffix_2{padding-left:160px}.container_12 .suffix_3{padding-left:240px}.container_12 .suffix_4{padding-left:320px}.container_12 .suffix_5{padding-left:400px}.container_12 .suffix_6{padding-left:480px}.container_12 .suffix_7{padding-left:560px}.container_12 .suffix_8{padding-left:640px}.container_12 .suffix_9{padding-left:720px}.container_12 .suffix_10{padding-left:800px}.container_12 .suffix_11{padding-left:880px}.container_12 .push_1{right:80px}.container_12 .push_2{right:160px}.container_12 .push_3{right:240px}.container_12 .push_4{right:320px}.container_12 .push_5{right:400px}.container_12 .push_6{right:480px}.container_12 .push_7{right:560px}.container_12 .push_8{right:640px}.container_12 .push_9{right:720px}.container_12 .push_10{right:800px}.container_12 .push_11{right:880px}.container_12 .pull_1{right:-80px}.container_12 .pull_2{right:-160px}.container_12 .pull_3{right:-240px}.container_12 .pull_4{right:-320px}.container_12 .pull_5{right:-400px}.container_12 .pull_6{right:-480px}.container_12 .pull_7{right:-560px}.container_12 .pull_8{right:-640px}.container_12 .pull_9{right:-720px}.container_12 .pull_10{right:-800px}.container_12 .pull_11{right:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1}
|
||||
1
static/css/min/960_16_col.css
Normal file
1
static/css/min/960_16_col.css
Normal file
@@ -0,0 +1 @@
|
||||
body{min-width:960px}.container_16{margin-left:auto;margin-right:auto;width:960px}.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}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_4{width:220px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_8{width:460px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_12{width:700px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_16 .grid_16{width:940px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_4{padding-left:240px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_8{padding-left:480px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_12{padding-left:720px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_4{padding-right:240px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_8{padding-right:480px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_12{padding-right:720px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_4{left:240px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_8{left:480px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_12{left:720px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_4{left:-240px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_8{left:-480px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_12{left:-720px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_16:after{clear:both}.clearfix,.container_16{zoom:1}
|
||||
1
static/css/min/960_16_col_rtl.css
Normal file
1
static/css/min/960_16_col_rtl.css
Normal file
@@ -0,0 +1 @@
|
||||
body{min-width:960px}.container_16{margin-right:auto;margin-left:auto;width:960px}.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:right;margin-right:10px;margin-left:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16{position:relative}.alpha{margin-right:0}.omega{margin-left:0}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_4{width:220px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_8{width:460px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_12{width:700px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_16 .grid_16{width:940px}.container_16 .prefix_1{padding-right:60px}.container_16 .prefix_2{padding-right:120px}.container_16 .prefix_3{padding-right:180px}.container_16 .prefix_4{padding-right:240px}.container_16 .prefix_5{padding-right:300px}.container_16 .prefix_6{padding-right:360px}.container_16 .prefix_7{padding-right:420px}.container_16 .prefix_8{padding-right:480px}.container_16 .prefix_9{padding-right:540px}.container_16 .prefix_10{padding-right:600px}.container_16 .prefix_11{padding-right:660px}.container_16 .prefix_12{padding-right:720px}.container_16 .prefix_13{padding-right:780px}.container_16 .prefix_14{padding-right:840px}.container_16 .prefix_15{padding-right:900px}.container_16 .suffix_1{padding-left:60px}.container_16 .suffix_2{padding-left:120px}.container_16 .suffix_3{padding-left:180px}.container_16 .suffix_4{padding-left:240px}.container_16 .suffix_5{padding-left:300px}.container_16 .suffix_6{padding-left:360px}.container_16 .suffix_7{padding-left:420px}.container_16 .suffix_8{padding-left:480px}.container_16 .suffix_9{padding-left:540px}.container_16 .suffix_10{padding-left:600px}.container_16 .suffix_11{padding-left:660px}.container_16 .suffix_12{padding-left:720px}.container_16 .suffix_13{padding-left:780px}.container_16 .suffix_14{padding-left:840px}.container_16 .suffix_15{padding-left:900px}.container_16 .push_1{right:60px}.container_16 .push_2{right:120px}.container_16 .push_3{right:180px}.container_16 .push_4{right:240px}.container_16 .push_5{right:300px}.container_16 .push_6{right:360px}.container_16 .push_7{right:420px}.container_16 .push_8{right:480px}.container_16 .push_9{right:540px}.container_16 .push_10{right:600px}.container_16 .push_11{right:660px}.container_16 .push_12{right:720px}.container_16 .push_13{right:780px}.container_16 .push_14{right:840px}.container_16 .push_15{right:900px}.container_16 .pull_1{right:-60px}.container_16 .pull_2{right:-120px}.container_16 .pull_3{right:-180px}.container_16 .pull_4{right:-240px}.container_16 .pull_5{right:-300px}.container_16 .pull_6{right:-360px}.container_16 .pull_7{right:-420px}.container_16 .pull_8{right:-480px}.container_16 .pull_9{right:-540px}.container_16 .pull_10{right:-600px}.container_16 .pull_11{right:-660px}.container_16 .pull_12{right:-720px}.container_16 .pull_13{right:-780px}.container_16 .pull_14{right:-840px}.container_16 .pull_15{right:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_16:after{clear:both}.clearfix,.container_16{zoom:1}
|
||||
1
static/css/min/960_24_col.css
Normal file
1
static/css/min/960_24_col.css
Normal file
File diff suppressed because one or more lines are too long
1
static/css/min/960_24_col_rtl.css
Normal file
1
static/css/min/960_24_col_rtl.css
Normal file
File diff suppressed because one or more lines are too long
1
static/css/min/960_rtl.css
Normal file
1
static/css/min/960_rtl.css
Normal file
File diff suppressed because one or more lines are too long
1
static/css/min/reset.css
Normal file
1
static/css/min/reset.css
Normal file
@@ -0,0 +1 @@
|
||||
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}
|
||||
1
static/css/min/reset_rtl.css
Normal file
1
static/css/min/reset_rtl.css
Normal file
@@ -0,0 +1 @@
|
||||
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:right}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}
|
||||
1
static/css/min/text.css
Normal file
1
static/css/min/text.css
Normal file
@@ -0,0 +1 @@
|
||||
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}pre,code{font-family:'DejaVu Sans Mono',Menlo,Consolas,monospace}hr{border:0 solid #ccc;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{margin-bottom:20px}
|
||||
1
static/css/min/text_rtl.css
Normal file
1
static/css/min/text_rtl.css
Normal file
@@ -0,0 +1 @@
|
||||
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}pre,code{font-family:'DejaVu Sans Mono',Menlo,Consolas,monospace}hr{border:0 solid #ccc;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-right:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{margin-bottom:20px}
|
||||
66
static/css/nav.css
Normal file
66
static/css/nav.css
Normal file
@@ -0,0 +1,66 @@
|
||||
|
||||
<style type="text/css">
|
||||
body {padding: 0; margin: 0;}
|
||||
|
||||
#wrap {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
margin: 0;
|
||||
z-index: 99;
|
||||
position: relative;
|
||||
background-color: #366b82;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
height: 50px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
border-right: 1px solid #54879d;
|
||||
}
|
||||
|
||||
.navbar li {
|
||||
height: auto;
|
||||
width: 150px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
list-style: none;
|
||||
font: normal bold 12px/1.2em Arial, Verdana, Helvetica;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-color: #366b82;
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
padding: 18px 0;
|
||||
border-left: 1px solid #54879d;
|
||||
border-right: 1px solid #1f5065;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.navbar li:hover, a:hover {background-color: #54879d;}
|
||||
|
||||
.navbar li ul {
|
||||
display: none;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.navbar li:hover ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.navbar li ul li {background-color: #54879d;}
|
||||
|
||||
.navbar li ul li a {
|
||||
border-left: 1px solid #1f5065;
|
||||
border-right: 1px solid #1f5065;
|
||||
border-top: 1px solid #74a3b7;
|
||||
border-bottom: 1px solid #1f5065;
|
||||
}
|
||||
|
||||
.navbar li ul li a:hover {background-color: #366b82;}
|
||||
</style>
|
||||
63
static/css/nav.css~
Normal file
63
static/css/nav.css~
Normal file
@@ -0,0 +1,63 @@
|
||||
body {padding: 0; margin: 0;}
|
||||
|
||||
#wrap {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
margin: 0;
|
||||
z-index: 99;
|
||||
position: relative;
|
||||
background-color: #366b82;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
height: 50px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
border-right: 1px solid #54879d;
|
||||
}
|
||||
|
||||
.navbar li {
|
||||
height: auto;
|
||||
width: 150px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
list-style: none;
|
||||
font: normal bold 12px/1.2em Arial, Verdana, Helvetica;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-color: #366b82;
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
padding: 18px 0;
|
||||
border-left: 1px solid #54879d;
|
||||
border-right: 1px solid #1f5065;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.navbar li:hover, a:hover {background-color: #54879d;}
|
||||
|
||||
.navbar li ul {
|
||||
display: none;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.navbar li:hover ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.navbar li ul li {background-color: #54879d;}
|
||||
|
||||
.navbar li ul li a {
|
||||
border-left: 1px solid #1f5065;
|
||||
border-right: 1px solid #1f5065;
|
||||
border-top: 1px solid #74a3b7;
|
||||
border-bottom: 1px solid #1f5065;
|
||||
}
|
||||
|
||||
.navbar li ul li a:hover {background-color: #366b82;}
|
||||
213
static/css/reset.css
Normal file
213
static/css/reset.css
Normal file
@@ -0,0 +1,213 @@
|
||||
/* `XHTML, HTML4, HTML5 Reset
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
applet,
|
||||
article,
|
||||
aside,
|
||||
audio,
|
||||
b,
|
||||
big,
|
||||
blockquote,
|
||||
body,
|
||||
canvas,
|
||||
caption,
|
||||
center,
|
||||
cite,
|
||||
code,
|
||||
dd,
|
||||
del,
|
||||
details,
|
||||
dfn,
|
||||
dialog,
|
||||
div,
|
||||
dl,
|
||||
dt,
|
||||
em,
|
||||
embed,
|
||||
fieldset,
|
||||
figcaption,
|
||||
figure,
|
||||
font,
|
||||
footer,
|
||||
form,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
header,
|
||||
hgroup,
|
||||
hr,
|
||||
html,
|
||||
i,
|
||||
iframe,
|
||||
img,
|
||||
ins,
|
||||
kbd,
|
||||
label,
|
||||
legend,
|
||||
li,
|
||||
main,
|
||||
mark,
|
||||
menu,
|
||||
meter,
|
||||
nav,
|
||||
object,
|
||||
ol,
|
||||
output,
|
||||
p,
|
||||
pre,
|
||||
progress,
|
||||
q,
|
||||
rp,
|
||||
rt,
|
||||
ruby,
|
||||
s,
|
||||
samp,
|
||||
section,
|
||||
small,
|
||||
span,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
summary,
|
||||
sup,
|
||||
table,
|
||||
tbody,
|
||||
td,
|
||||
tfoot,
|
||||
th,
|
||||
thead,
|
||||
time,
|
||||
tr,
|
||||
tt,
|
||||
u,
|
||||
ul,
|
||||
var,
|
||||
video,
|
||||
xmp {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
/*
|
||||
Override the default (display: inline) for
|
||||
browsers that do not recognize HTML5 tags.
|
||||
|
||||
IE8 (and lower) requires a shiv:
|
||||
http://ejohn.org/blog/html5-shiv
|
||||
*/
|
||||
display: block;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
/*
|
||||
Makes browsers agree.
|
||||
IE + Opera = font-weight: bold.
|
||||
Gecko + WebKit = font-weight: bolder.
|
||||
*/
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
img {
|
||||
color: transparent;
|
||||
font-size: 0;
|
||||
vertical-align: middle;
|
||||
/*
|
||||
For IE.
|
||||
http://css-tricks.com/ie-fix-bicubic-scaling-for-images
|
||||
*/
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
li {
|
||||
/*
|
||||
For IE6 + IE7:
|
||||
|
||||
"display: list-item" keeps bullets from
|
||||
disappearing if hasLayout is triggered.
|
||||
*/
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
th,
|
||||
td,
|
||||
caption {
|
||||
font-weight: normal;
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
q:before,
|
||||
q:after {
|
||||
content: "";
|
||||
content: none;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup,
|
||||
small {
|
||||
font-size: 75%;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
svg {
|
||||
/*
|
||||
For IE9. Without, occasionally draws shapes
|
||||
outside the boundaries of <svg> rectangle.
|
||||
*/
|
||||
overflow: hidden;
|
||||
}
|
||||
213
static/css/reset_rtl.css
Normal file
213
static/css/reset_rtl.css
Normal file
@@ -0,0 +1,213 @@
|
||||
/* `XHTML, HTML4, HTML5 Reset
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
applet,
|
||||
article,
|
||||
aside,
|
||||
audio,
|
||||
b,
|
||||
big,
|
||||
blockquote,
|
||||
body,
|
||||
canvas,
|
||||
caption,
|
||||
center,
|
||||
cite,
|
||||
code,
|
||||
dd,
|
||||
del,
|
||||
details,
|
||||
dfn,
|
||||
dialog,
|
||||
div,
|
||||
dl,
|
||||
dt,
|
||||
em,
|
||||
embed,
|
||||
fieldset,
|
||||
figcaption,
|
||||
figure,
|
||||
font,
|
||||
footer,
|
||||
form,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
header,
|
||||
hgroup,
|
||||
hr,
|
||||
html,
|
||||
i,
|
||||
iframe,
|
||||
img,
|
||||
ins,
|
||||
kbd,
|
||||
label,
|
||||
legend,
|
||||
li,
|
||||
main,
|
||||
mark,
|
||||
menu,
|
||||
meter,
|
||||
nav,
|
||||
object,
|
||||
ol,
|
||||
output,
|
||||
p,
|
||||
pre,
|
||||
progress,
|
||||
q,
|
||||
rp,
|
||||
rt,
|
||||
ruby,
|
||||
s,
|
||||
samp,
|
||||
section,
|
||||
small,
|
||||
span,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
summary,
|
||||
sup,
|
||||
table,
|
||||
tbody,
|
||||
td,
|
||||
tfoot,
|
||||
th,
|
||||
thead,
|
||||
time,
|
||||
tr,
|
||||
tt,
|
||||
u,
|
||||
ul,
|
||||
var,
|
||||
video,
|
||||
xmp {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
/*
|
||||
Override the default (display: inline) for
|
||||
browsers that do not recognize HTML5 tags.
|
||||
|
||||
IE8 (and lower) requires a shiv:
|
||||
http://ejohn.org/blog/html5-shiv
|
||||
*/
|
||||
display: block;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
/*
|
||||
Makes browsers agree.
|
||||
IE + Opera = font-weight: bold.
|
||||
Gecko + WebKit = font-weight: bolder.
|
||||
*/
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
img {
|
||||
color: transparent;
|
||||
font-size: 0;
|
||||
vertical-align: middle;
|
||||
/*
|
||||
For IE.
|
||||
http://css-tricks.com/ie-fix-bicubic-scaling-for-images
|
||||
*/
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
li {
|
||||
/*
|
||||
For IE6 + IE7:
|
||||
|
||||
"display: list-item" keeps bullets from
|
||||
disappearing if hasLayout is triggered.
|
||||
*/
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
th,
|
||||
td,
|
||||
caption {
|
||||
font-weight: normal;
|
||||
vertical-align: top;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
q:before,
|
||||
q:after {
|
||||
content: "";
|
||||
content: none;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup,
|
||||
small {
|
||||
font-size: 75%;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
svg {
|
||||
/*
|
||||
For IE9. Without, occasionally draws shapes
|
||||
outside the boundaries of <svg> rectangle.
|
||||
*/
|
||||
overflow: hidden;
|
||||
}
|
||||
474
static/css/rowsandall.css
Normal file
474
static/css/rowsandall.css
Normal file
@@ -0,0 +1,474 @@
|
||||
|
||||
|
||||
html {
|
||||
font-size: 62.5%;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #edc;
|
||||
color: #333;
|
||||
font-size: 1.2em;
|
||||
height: auto;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
a {
|
||||
/* color: #fff; */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:visited { color:#000; }
|
||||
|
||||
a:link { color: #000; }
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h1 {
|
||||
/* font-family: Georgia, serif; */
|
||||
font-weight: normal;
|
||||
/* padding-top: 20px; */
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
h2 {
|
||||
/* padding-top: 20px; */
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
p {
|
||||
/* border: 1px solid #666; */
|
||||
overflow: hidden;
|
||||
/* padding: 10px 0; */
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
th {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.listtable tbody tr:nth-of-type(even) { background-color: #DDD; }
|
||||
.listtable thead th {
|
||||
font-weight: bold;
|
||||
}
|
||||
.paddedtable td { padding: 1px 20px }
|
||||
|
||||
|
||||
.fixtable table {
|
||||
table-layout: fixed;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.message {
|
||||
border: 1px solid #000;
|
||||
background-color: #f88;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.midden { text-align: center }
|
||||
|
||||
.successmessage {
|
||||
border: 1px solid #000;
|
||||
background-color: #8f8;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.deletelink {
|
||||
border: 1px solid #000;
|
||||
background-color: #f88;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
border: 1px solid #666;
|
||||
color: #000;
|
||||
|
||||
|
||||
overflow: hidden;
|
||||
background-color: #ddd;
|
||||
/* padding: 10px 0; */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.navbutton {
|
||||
background-color: #ddd;
|
||||
-moz-border-radius: 15px;
|
||||
-webkit-border-radius: 15px;
|
||||
border: 2px solid #666;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.tooltip .tooltiptext {
|
||||
visibility: hidden;
|
||||
width: 120px;
|
||||
background-color: #ffff66;
|
||||
color: black;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
padding: 5px 5px;
|
||||
|
||||
/* Position the tooltip */
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.tooltip:hover .tooltiptext {
|
||||
visibility: visible;
|
||||
transition-delay:1s;
|
||||
}
|
||||
|
||||
.caption {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.button {
|
||||
font: 1.1em/1.5em sans-serif;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
/* width: 100%; */
|
||||
color: white;
|
||||
padding: 0.2em 0.0em 0.2em 0.0em;
|
||||
zoom: 1;
|
||||
border-radius: .5em;
|
||||
-moz-border-radius: .5em;
|
||||
-webkit-border-radius: .5em;
|
||||
-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
||||
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
||||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
||||
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.input {
|
||||
font: 1.1em/1.5em sans-serif;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
/* width: 100%; */
|
||||
color: white;
|
||||
padding: 0.2em 0.0em 0.2em 0.0em;
|
||||
zoom: 1;
|
||||
border-radius: .5em;
|
||||
-moz-border-radius: .5em;
|
||||
-webkit-border-radius: .5em;
|
||||
-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
||||
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
||||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
||||
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a.button {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background: #d8e6ff; /* old browsers */
|
||||
background: -moz-linear-gradient(top, #d8e6ff 0%, #8da8d7 100%); /* firefox */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8e6ff), color-stop(100%,#8da8d7)); /* webkit */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e6ff', endColorstr='#8da8d7',GradientType=0 ); /* ie */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.button:active {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.bigrounded {
|
||||
-webkit-border-radius: 2em;
|
||||
-moz-border-radius: 2em;
|
||||
border-radius: 2em;
|
||||
}
|
||||
.medium {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.small {
|
||||
font-size: 1.0em;
|
||||
}
|
||||
|
||||
/* black */
|
||||
.black {
|
||||
color: #d7d7d7;
|
||||
border: solid 1px #333;
|
||||
background: #333;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
|
||||
background: -moz-linear-gradient(top, #666, #000);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
|
||||
}
|
||||
.black:hover {
|
||||
background: #000;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
|
||||
background: -moz-linear-gradient(top, #444, #000);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
|
||||
}
|
||||
.black:active {
|
||||
color: #666;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
|
||||
background: -moz-linear-gradient(top, #000, #444);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
|
||||
}
|
||||
|
||||
/* gray */
|
||||
.gray {
|
||||
color: #e9e9e9;
|
||||
border: solid 1px #555;
|
||||
background: #6e6e6e;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
|
||||
background: -moz-linear-gradient(top, #888, #575757);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
|
||||
}
|
||||
.gray:hover {
|
||||
background: #616161;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
|
||||
background: -moz-linear-gradient(top, #757575, #4b4b4b);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
|
||||
}
|
||||
.gray:active {
|
||||
color: #afafaf;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
|
||||
background: -moz-linear-gradient(top, #575757, #888);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
|
||||
}
|
||||
|
||||
/* white */
|
||||
.white {
|
||||
color: #606060;
|
||||
border: solid 1px #b7b7b7;
|
||||
background: #fff;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
|
||||
background: -moz-linear-gradient(top, #fff, #ededed);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
|
||||
}
|
||||
.white:hover {
|
||||
background: #ededed;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
|
||||
background: -moz-linear-gradient(top, #fff, #dcdcdc);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
|
||||
}
|
||||
.white:active {
|
||||
color: #999;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
|
||||
background: -moz-linear-gradient(top, #ededed, #fff);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
|
||||
}
|
||||
|
||||
/* orange */
|
||||
.orange {
|
||||
color: #fef4e9;
|
||||
border: solid 1px #da7c0c;
|
||||
background: #f78d1d;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
|
||||
background: -moz-linear-gradient(top, #faa51a, #f47a20);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
|
||||
}
|
||||
.orange:hover {
|
||||
background: #f47c20;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
|
||||
background: -moz-linear-gradient(top, #f88e11, #f06015);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
|
||||
}
|
||||
.orange:active {
|
||||
color: #fcd3a5;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
|
||||
background: -moz-linear-gradient(top, #f47a20, #faa51a);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
|
||||
}
|
||||
|
||||
/* red */
|
||||
.red {
|
||||
color: #faddde;
|
||||
border: solid 1px #980c10;
|
||||
background: #d81b21;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
|
||||
background: -moz-linear-gradient(top, #ed1c24, #aa1317);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
|
||||
}
|
||||
.red:hover {
|
||||
background: #b61318;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
|
||||
background: -moz-linear-gradient(top, #c9151b, #a11115);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
|
||||
}
|
||||
.red:active {
|
||||
color: #de898c;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
|
||||
background: -moz-linear-gradient(top, #aa1317, #ed1c24);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
|
||||
}
|
||||
|
||||
/* blue */
|
||||
.blue {
|
||||
color: #d9eef7;
|
||||
border: solid 1px #0076a3;
|
||||
background: #0095cd;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
|
||||
background: -moz-linear-gradient(top, #00adee, #0078a5);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
|
||||
}
|
||||
.blue:hover {
|
||||
background: #007ead;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
|
||||
background: -moz-linear-gradient(top, #0095cc, #00678e);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
|
||||
}
|
||||
.blue:active {
|
||||
color: #80bed6;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
|
||||
background: -moz-linear-gradient(top, #0078a5, #00adee);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
|
||||
}
|
||||
|
||||
/* rosy */
|
||||
.rosy {
|
||||
color: #fae7e9;
|
||||
border: solid 1px #b73948;
|
||||
background: #da5867;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
|
||||
background: -moz-linear-gradient(top, #f16c7c, #bf404f);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
|
||||
}
|
||||
.rosy:hover {
|
||||
background: #ba4b58;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
|
||||
background: -moz-linear-gradient(top, #cf5d6a, #a53845);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
|
||||
}
|
||||
.rosy:active {
|
||||
color: #dca4ab;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
|
||||
background: -moz-linear-gradient(top, #bf404f, #f16c7c);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
|
||||
}
|
||||
|
||||
/* green */
|
||||
.green {
|
||||
color: #e8f0de;
|
||||
border: solid 1px #538312;
|
||||
background: #64991e;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
|
||||
background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
|
||||
}
|
||||
.green:hover {
|
||||
background: #538018;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
|
||||
background: -moz-linear-gradient(top, #6b9d28, #436b0c);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
|
||||
}
|
||||
.green:active {
|
||||
color: #a9c08c;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
|
||||
background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
|
||||
}
|
||||
|
||||
/* pink */
|
||||
.pink {
|
||||
color: #feeef5;
|
||||
border: solid 1px #d2729e;
|
||||
background: #f895c2;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
|
||||
background: -moz-linear-gradient(top, #feb1d3, #f171ab);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
|
||||
}
|
||||
.pink:hover {
|
||||
background: #d57ea5;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
|
||||
background: -moz-linear-gradient(top, #f4aacb, #e86ca4);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
|
||||
}
|
||||
.pink:active {
|
||||
color: #f3c3d9;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
|
||||
background: -moz-linear-gradient(top, #f171ab, #feb1d3);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
|
||||
}
|
||||
|
||||
|
||||
.greenbar {
|
||||
border: 1px solid #666;
|
||||
color: #000;
|
||||
|
||||
|
||||
overflow: hidden;
|
||||
background-color: #8f8;
|
||||
/* padding: 10px 0; */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
#footer {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.container_12,
|
||||
.container_16,
|
||||
.container_24 {
|
||||
background-color: #fff;
|
||||
background-repeat: repeat-y;
|
||||
/* margin-bottom: 20px; */
|
||||
}
|
||||
|
||||
.container_12 {
|
||||
/* background-image: url(../img/12_col.gif); */
|
||||
}
|
||||
|
||||
|
||||
/* Style The Dropdown Button */
|
||||
.dropbtn {
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* The container <div> - needed to position the dropdown content */
|
||||
.dropdown {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* Dropdown Content (Hidden by Default) */
|
||||
.dropdown-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
min-width: 160px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
/* Links inside the dropdown */
|
||||
.dropdown-content a {
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
/* Change color of dropdown links on hover */
|
||||
/* .dropdown-content a:hover {background-color: #f1f1f1} */
|
||||
|
||||
/* Show the dropdown menu on hover */
|
||||
.dropdown:hover .dropdown-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Change the background color of the dropdown button when the dropdown content is shown */
|
||||
.dropdown:hover .dropbtn {
|
||||
background-color: #3e8e41;
|
||||
}
|
||||
|
||||
.flexplot {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
473
static/css/rowsandall.css~
Normal file
473
static/css/rowsandall.css~
Normal file
@@ -0,0 +1,473 @@
|
||||
|
||||
html {
|
||||
font-size: 62.5%;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #edc;
|
||||
color: #333;
|
||||
font-size: 1.2em;
|
||||
height: auto;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
a {
|
||||
/* color: #fff; */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:visited { color:#000; }
|
||||
|
||||
a:link { color: #000; }
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h1 {
|
||||
/* font-family: Georgia, serif; */
|
||||
font-weight: normal;
|
||||
/* padding-top: 20px; */
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
h2 {
|
||||
/* padding-top: 20px; */
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
p {
|
||||
/* border: 1px solid #666; */
|
||||
overflow: hidden;
|
||||
/* padding: 10px 0; */
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
th {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.listtable tbody tr:nth-of-type(even) { background-color: #DDD; }
|
||||
.listtable thead th {
|
||||
font-weight: bold;
|
||||
}
|
||||
.paddedtable td { padding: 1px 20px }
|
||||
|
||||
|
||||
.fixtable table {
|
||||
table-layout: fixed;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.message {
|
||||
border: 1px solid #000;
|
||||
background-color: #f88;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.midden { text-align: center }
|
||||
|
||||
.successmessage {
|
||||
border: 1px solid #000;
|
||||
background-color: #8f8;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.deletelink {
|
||||
border: 1px solid #000;
|
||||
background-color: #f88;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
border: 1px solid #666;
|
||||
color: #000;
|
||||
|
||||
|
||||
overflow: hidden;
|
||||
background-color: #ddd;
|
||||
/* padding: 10px 0; */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.navbutton {
|
||||
background-color: #ddd;
|
||||
-moz-border-radius: 15px;
|
||||
-webkit-border-radius: 15px;
|
||||
border: 2px solid #666;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.tooltip .tooltiptext {
|
||||
visibility: hidden;
|
||||
width: 120px;
|
||||
background-color: #ffff66;
|
||||
color: black;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
padding: 5px 5px;
|
||||
|
||||
/* Position the tooltip */
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.tooltip:hover .tooltiptext {
|
||||
visibility: visible;
|
||||
transition-delay:1s;
|
||||
}
|
||||
|
||||
.caption {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.button {
|
||||
font: 1.1em/1.5em sans-serif;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
/* width: 100%; */
|
||||
color: white;
|
||||
padding: 0.2em 0.0em 0.2em 0.0em;
|
||||
zoom: 1;
|
||||
border-radius: .5em;
|
||||
-moz-border-radius: .5em;
|
||||
-webkit-border-radius: .5em;
|
||||
-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
||||
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
||||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
||||
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.input {
|
||||
font: 1.1em/1.5em sans-serif;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
/* width: 100%; */
|
||||
color: white;
|
||||
padding: 0.2em 0.0em 0.2em 0.0em;
|
||||
zoom: 1;
|
||||
border-radius: .5em;
|
||||
-moz-border-radius: .5em;
|
||||
-webkit-border-radius: .5em;
|
||||
-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
||||
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
||||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
||||
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a.button {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background: #d8e6ff; /* old browsers */
|
||||
background: -moz-linear-gradient(top, #d8e6ff 0%, #8da8d7 100%); /* firefox */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8e6ff), color-stop(100%,#8da8d7)); /* webkit */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e6ff', endColorstr='#8da8d7',GradientType=0 ); /* ie */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.button:active {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.bigrounded {
|
||||
-webkit-border-radius: 2em;
|
||||
-moz-border-radius: 2em;
|
||||
border-radius: 2em;
|
||||
}
|
||||
.medium {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.small {
|
||||
font-size: 1.0em;
|
||||
}
|
||||
|
||||
/* black */
|
||||
.black {
|
||||
color: #d7d7d7;
|
||||
border: solid 1px #333;
|
||||
background: #333;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
|
||||
background: -moz-linear-gradient(top, #666, #000);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
|
||||
}
|
||||
.black:hover {
|
||||
background: #000;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
|
||||
background: -moz-linear-gradient(top, #444, #000);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
|
||||
}
|
||||
.black:active {
|
||||
color: #666;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
|
||||
background: -moz-linear-gradient(top, #000, #444);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
|
||||
}
|
||||
|
||||
/* gray */
|
||||
.gray {
|
||||
color: #e9e9e9;
|
||||
border: solid 1px #555;
|
||||
background: #6e6e6e;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
|
||||
background: -moz-linear-gradient(top, #888, #575757);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
|
||||
}
|
||||
.gray:hover {
|
||||
background: #616161;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
|
||||
background: -moz-linear-gradient(top, #757575, #4b4b4b);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
|
||||
}
|
||||
.gray:active {
|
||||
color: #afafaf;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
|
||||
background: -moz-linear-gradient(top, #575757, #888);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
|
||||
}
|
||||
|
||||
/* white */
|
||||
.white {
|
||||
color: #606060;
|
||||
border: solid 1px #b7b7b7;
|
||||
background: #fff;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
|
||||
background: -moz-linear-gradient(top, #fff, #ededed);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
|
||||
}
|
||||
.white:hover {
|
||||
background: #ededed;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
|
||||
background: -moz-linear-gradient(top, #fff, #dcdcdc);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
|
||||
}
|
||||
.white:active {
|
||||
color: #999;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
|
||||
background: -moz-linear-gradient(top, #ededed, #fff);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
|
||||
}
|
||||
|
||||
/* orange */
|
||||
.orange {
|
||||
color: #fef4e9;
|
||||
border: solid 1px #da7c0c;
|
||||
background: #f78d1d;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
|
||||
background: -moz-linear-gradient(top, #faa51a, #f47a20);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
|
||||
}
|
||||
.orange:hover {
|
||||
background: #f47c20;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
|
||||
background: -moz-linear-gradient(top, #f88e11, #f06015);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
|
||||
}
|
||||
.orange:active {
|
||||
color: #fcd3a5;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
|
||||
background: -moz-linear-gradient(top, #f47a20, #faa51a);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
|
||||
}
|
||||
|
||||
/* red */
|
||||
.red {
|
||||
color: #faddde;
|
||||
border: solid 1px #980c10;
|
||||
background: #d81b21;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
|
||||
background: -moz-linear-gradient(top, #ed1c24, #aa1317);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
|
||||
}
|
||||
.red:hover {
|
||||
background: #b61318;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
|
||||
background: -moz-linear-gradient(top, #c9151b, #a11115);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
|
||||
}
|
||||
.red:active {
|
||||
color: #de898c;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
|
||||
background: -moz-linear-gradient(top, #aa1317, #ed1c24);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
|
||||
}
|
||||
|
||||
/* blue */
|
||||
.blue {
|
||||
color: #d9eef7;
|
||||
border: solid 1px #0076a3;
|
||||
background: #0095cd;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
|
||||
background: -moz-linear-gradient(top, #00adee, #0078a5);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
|
||||
}
|
||||
.blue:hover {
|
||||
background: #007ead;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
|
||||
background: -moz-linear-gradient(top, #0095cc, #00678e);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
|
||||
}
|
||||
.blue:active {
|
||||
color: #80bed6;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
|
||||
background: -moz-linear-gradient(top, #0078a5, #00adee);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
|
||||
}
|
||||
|
||||
/* rosy */
|
||||
.rosy {
|
||||
color: #fae7e9;
|
||||
border: solid 1px #b73948;
|
||||
background: #da5867;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
|
||||
background: -moz-linear-gradient(top, #f16c7c, #bf404f);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
|
||||
}
|
||||
.rosy:hover {
|
||||
background: #ba4b58;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
|
||||
background: -moz-linear-gradient(top, #cf5d6a, #a53845);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
|
||||
}
|
||||
.rosy:active {
|
||||
color: #dca4ab;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
|
||||
background: -moz-linear-gradient(top, #bf404f, #f16c7c);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
|
||||
}
|
||||
|
||||
/* green */
|
||||
.green {
|
||||
color: #e8f0de;
|
||||
border: solid 1px #538312;
|
||||
background: #64991e;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
|
||||
background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
|
||||
}
|
||||
.green:hover {
|
||||
background: #538018;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
|
||||
background: -moz-linear-gradient(top, #6b9d28, #436b0c);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
|
||||
}
|
||||
.green:active {
|
||||
color: #a9c08c;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
|
||||
background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
|
||||
}
|
||||
|
||||
/* pink */
|
||||
.pink {
|
||||
color: #feeef5;
|
||||
border: solid 1px #d2729e;
|
||||
background: #f895c2;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
|
||||
background: -moz-linear-gradient(top, #feb1d3, #f171ab);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
|
||||
}
|
||||
.pink:hover {
|
||||
background: #d57ea5;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
|
||||
background: -moz-linear-gradient(top, #f4aacb, #e86ca4);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
|
||||
}
|
||||
.pink:active {
|
||||
color: #f3c3d9;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
|
||||
background: -moz-linear-gradient(top, #f171ab, #feb1d3);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
|
||||
}
|
||||
|
||||
|
||||
.greenbar {
|
||||
border: 1px solid #666;
|
||||
color: #000;
|
||||
|
||||
|
||||
overflow: hidden;
|
||||
background-color: #8f8;
|
||||
/* padding: 10px 0; */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
#footer {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.container_12,
|
||||
.container_16,
|
||||
.container_24 {
|
||||
background-color: #fff;
|
||||
background-repeat: repeat-y;
|
||||
/* margin-bottom: 20px; */
|
||||
}
|
||||
|
||||
.container_12 {
|
||||
/* background-image: url(../img/12_col.gif); */
|
||||
}
|
||||
|
||||
|
||||
/* Style The Dropdown Button */
|
||||
.dropbtn {
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* The container <div> - needed to position the dropdown content */
|
||||
.dropdown {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* Dropdown Content (Hidden by Default) */
|
||||
.dropdown-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
min-width: 160px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
/* Links inside the dropdown */
|
||||
.dropdown-content a {
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
/* Change color of dropdown links on hover */
|
||||
/* .dropdown-content a:hover {background-color: #f1f1f1} */
|
||||
|
||||
/* Show the dropdown menu on hover */
|
||||
.dropdown:hover .dropdown-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Change the background color of the dropdown button when the dropdown content is shown */
|
||||
.dropdown:hover .dropbtn {
|
||||
background-color: #3e8e41;
|
||||
}
|
||||
|
||||
.flexplot {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
86
static/css/text.css
Normal file
86
static/css/text.css
Normal file
@@ -0,0 +1,86 @@
|
||||
/*
|
||||
960 Grid System ~ Text CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/* `Basic HTML
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
body {
|
||||
font: 1.3em/1.5 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
|
||||
}
|
||||
|
||||
pre,
|
||||
code {
|
||||
font-family: "DejaVu Sans Mono", Menlo, Consolas, monospace;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0 solid #ccc;
|
||||
border-top-width: 0.1em;
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* `Headings
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
h1 {
|
||||
font-size: 2.6em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2.3em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 2.1em;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.9em;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.7em;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
/* `Spacing
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
p,
|
||||
dl,
|
||||
hr,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
ol,
|
||||
ul,
|
||||
pre,
|
||||
table,
|
||||
address,
|
||||
fieldset,
|
||||
figure {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
86
static/css/text.css~
Normal file
86
static/css/text.css~
Normal file
@@ -0,0 +1,86 @@
|
||||
/*
|
||||
960 Grid System ~ Text CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/* `Basic HTML
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
body {
|
||||
font: 13px/1.5 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
|
||||
}
|
||||
|
||||
pre,
|
||||
code {
|
||||
font-family: "DejaVu Sans Mono", Menlo, Consolas, monospace;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0 solid #ccc;
|
||||
border-top-width: 1px;
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* `Headings
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
h1 {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* `Spacing
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
p,
|
||||
dl,
|
||||
hr,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
ol,
|
||||
ul,
|
||||
pre,
|
||||
table,
|
||||
address,
|
||||
fieldset,
|
||||
figure {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
86
static/css/text_rtl.css
Normal file
86
static/css/text_rtl.css
Normal file
@@ -0,0 +1,86 @@
|
||||
/*
|
||||
960 Grid System ~ Text CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/* `Basic HTML
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
body {
|
||||
font: 13px/1.5 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
|
||||
}
|
||||
|
||||
pre,
|
||||
code {
|
||||
font-family: "DejaVu Sans Mono", Menlo, Consolas, monospace;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0 solid #ccc;
|
||||
border-top-width: 1px;
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* `Headings
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
h1 {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* `Spacing
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
p,
|
||||
dl,
|
||||
hr,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
ol,
|
||||
ul,
|
||||
pre,
|
||||
table,
|
||||
address,
|
||||
fieldset,
|
||||
figure {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
BIN
static/flags_iso/16/_ASEAN.png
Normal file
BIN
static/flags_iso/16/_ASEAN.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 612 B |
BIN
static/flags_iso/16/_African Union(OAS).png
Normal file
BIN
static/flags_iso/16/_African Union(OAS).png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 444 B |
BIN
static/flags_iso/16/_Arab League.png
Normal file
BIN
static/flags_iso/16/_Arab League.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 645 B |
BIN
static/flags_iso/16/_CARICOM.png
Normal file
BIN
static/flags_iso/16/_CARICOM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 665 B |
BIN
static/flags_iso/16/_CIS.png
Normal file
BIN
static/flags_iso/16/_CIS.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 680 B |
BIN
static/flags_iso/16/_Commonwealth.png
Normal file
BIN
static/flags_iso/16/_Commonwealth.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 649 B |
BIN
static/flags_iso/16/_England.png
Normal file
BIN
static/flags_iso/16/_England.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 388 B |
BIN
static/flags_iso/16/_European Union.png
Normal file
BIN
static/flags_iso/16/_European Union.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 642 B |
BIN
static/flags_iso/16/_Islamic Conference.png
Normal file
BIN
static/flags_iso/16/_Islamic Conference.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 681 B |
BIN
static/flags_iso/16/_Kosovo.png
Normal file
BIN
static/flags_iso/16/_Kosovo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 609 B |
BIN
static/flags_iso/16/_NATO.png
Normal file
BIN
static/flags_iso/16/_NATO.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 545 B |
BIN
static/flags_iso/16/_Northern Cyprus.png
Normal file
BIN
static/flags_iso/16/_Northern Cyprus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 495 B |
BIN
static/flags_iso/16/_Northern Ireland.png
Normal file
BIN
static/flags_iso/16/_Northern Ireland.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 425 B |
BIN
static/flags_iso/16/_OPEC.png
Normal file
BIN
static/flags_iso/16/_OPEC.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 633 B |
BIN
static/flags_iso/16/_Olimpic Movement.png
Normal file
BIN
static/flags_iso/16/_Olimpic Movement.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 574 B |
BIN
static/flags_iso/16/_Red Cross.png
Normal file
BIN
static/flags_iso/16/_Red Cross.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 343 B |
BIN
static/flags_iso/16/_Scotland.png
Normal file
BIN
static/flags_iso/16/_Scotland.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 748 B |
BIN
static/flags_iso/16/_Somaliland.png
Normal file
BIN
static/flags_iso/16/_Somaliland.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 490 B |
BIN
static/flags_iso/16/_United Nations.png
Normal file
BIN
static/flags_iso/16/_United Nations.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 595 B |
BIN
static/flags_iso/16/_Wales.png
Normal file
BIN
static/flags_iso/16/_Wales.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 700 B |
BIN
static/flags_iso/16/ad.png
Normal file
BIN
static/flags_iso/16/ad.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 540 B |
BIN
static/flags_iso/16/ae.png
Normal file
BIN
static/flags_iso/16/ae.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 446 B |
BIN
static/flags_iso/16/af.png
Normal file
BIN
static/flags_iso/16/af.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 534 B |
BIN
static/flags_iso/16/ag.png
Normal file
BIN
static/flags_iso/16/ag.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 622 B |
BIN
static/flags_iso/16/ai.png
Normal file
BIN
static/flags_iso/16/ai.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 609 B |
BIN
static/flags_iso/16/al.png
Normal file
BIN
static/flags_iso/16/al.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 535 B |
BIN
static/flags_iso/16/am.png
Normal file
BIN
static/flags_iso/16/am.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 414 B |
BIN
static/flags_iso/16/an.png
Normal file
BIN
static/flags_iso/16/an.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 477 B |
BIN
static/flags_iso/16/ao.png
Normal file
BIN
static/flags_iso/16/ao.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 535 B |
BIN
static/flags_iso/16/aq.png
Normal file
BIN
static/flags_iso/16/aq.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 586 B |
BIN
static/flags_iso/16/ar.png
Normal file
BIN
static/flags_iso/16/ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 439 B |
BIN
static/flags_iso/16/as.png
Normal file
BIN
static/flags_iso/16/as.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 661 B |
BIN
static/flags_iso/16/at.png
Normal file
BIN
static/flags_iso/16/at.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 363 B |
BIN
static/flags_iso/16/au.png
Normal file
BIN
static/flags_iso/16/au.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 614 B |
BIN
static/flags_iso/16/aw.png
Normal file
BIN
static/flags_iso/16/aw.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 453 B |
BIN
static/flags_iso/16/az.png
Normal file
BIN
static/flags_iso/16/az.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 472 B |
BIN
static/flags_iso/16/ba.png
Normal file
BIN
static/flags_iso/16/ba.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 627 B |
BIN
static/flags_iso/16/bb.png
Normal file
BIN
static/flags_iso/16/bb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 573 B |
BIN
static/flags_iso/16/bd.png
Normal file
BIN
static/flags_iso/16/bd.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 577 B |
BIN
static/flags_iso/16/be.png
Normal file
BIN
static/flags_iso/16/be.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 452 B |
BIN
static/flags_iso/16/bf.png
Normal file
BIN
static/flags_iso/16/bf.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 445 B |
BIN
static/flags_iso/16/bg.png
Normal file
BIN
static/flags_iso/16/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 352 B |
BIN
static/flags_iso/16/bh.png
Normal file
BIN
static/flags_iso/16/bh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 529 B |
BIN
static/flags_iso/16/bi.png
Normal file
BIN
static/flags_iso/16/bi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 740 B |
BIN
static/flags_iso/16/bj.png
Normal file
BIN
static/flags_iso/16/bj.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 422 B |
BIN
static/flags_iso/16/bm.png
Normal file
BIN
static/flags_iso/16/bm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 606 B |
BIN
static/flags_iso/16/bn.png
Normal file
BIN
static/flags_iso/16/bn.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 654 B |
BIN
static/flags_iso/16/bo.png
Normal file
BIN
static/flags_iso/16/bo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 461 B |
BIN
static/flags_iso/16/br.png
Normal file
BIN
static/flags_iso/16/br.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 687 B |
BIN
static/flags_iso/16/bs.png
Normal file
BIN
static/flags_iso/16/bs.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 494 B |
BIN
static/flags_iso/16/bt.png
Normal file
BIN
static/flags_iso/16/bt.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 607 B |
BIN
static/flags_iso/16/bw.png
Normal file
BIN
static/flags_iso/16/bw.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 425 B |
BIN
static/flags_iso/16/by.png
Normal file
BIN
static/flags_iso/16/by.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 441 B |
BIN
static/flags_iso/16/bz.png
Normal file
BIN
static/flags_iso/16/bz.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 615 B |
BIN
static/flags_iso/16/ca.png
Normal file
BIN
static/flags_iso/16/ca.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 570 B |
BIN
static/flags_iso/16/cd.png
Normal file
BIN
static/flags_iso/16/cd.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 621 B |
BIN
static/flags_iso/16/cf.png
Normal file
BIN
static/flags_iso/16/cf.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 514 B |
BIN
static/flags_iso/16/cg.png
Normal file
BIN
static/flags_iso/16/cg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 674 B |
BIN
static/flags_iso/16/ch.png
Normal file
BIN
static/flags_iso/16/ch.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 434 B |
BIN
static/flags_iso/16/ci.png
Normal file
BIN
static/flags_iso/16/ci.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 428 B |
BIN
static/flags_iso/16/ck.png
Normal file
BIN
static/flags_iso/16/ck.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 630 B |
BIN
static/flags_iso/16/cl.png
Normal file
BIN
static/flags_iso/16/cl.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 424 B |
BIN
static/flags_iso/16/cm.png
Normal file
BIN
static/flags_iso/16/cm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 502 B |
BIN
static/flags_iso/16/cn.png
Normal file
BIN
static/flags_iso/16/cn.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 469 B |
BIN
static/flags_iso/16/co.png
Normal file
BIN
static/flags_iso/16/co.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 387 B |
BIN
static/flags_iso/16/cr.png
Normal file
BIN
static/flags_iso/16/cr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 364 B |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user