diff options
author | James Vasile <james@hackervisions.org> | 2011-02-22 13:32:45 -0500 |
---|---|---|
committer | James Vasile <james@hackervisions.org> | 2011-02-22 13:32:45 -0500 |
commit | 35071d7212cec1fc23e8204bfd392a116a5313ed (patch) | |
tree | 1c75a525227769fc94f303b5c0233882d90ef2a8 /themes |
...
Diffstat (limited to 'themes')
-rw-r--r-- | themes/default/2col.css | 30 | ||||
-rw-r--r-- | themes/default/favicon.ico | bin | 0 -> 4710 bytes | |||
-rw-r--r-- | themes/default/freedombox.png | bin | 0 -> 22152 bytes | |||
-rw-r--r-- | themes/default/images/freedombox.png | bin | 0 -> 22152 bytes | |||
-rw-r--r-- | themes/default/menu.js | 54 | ||||
-rw-r--r-- | themes/default/plinth.js | 16 | ||||
-rw-r--r-- | themes/default/style.css | 328 |
7 files changed, 428 insertions, 0 deletions
diff --git a/themes/default/2col.css b/themes/default/2col.css new file mode 100644 index 0000000..a3754bd --- /dev/null +++ b/themes/default/2col.css @@ -0,0 +1,30 @@ +/* 2 Column settings */ + +.colright { + float:left; + width:0%; /* width of page */ + position:relative; +} + +.threecol .colmid { + right:5%; /* width of the right column */ +} +.threecol .colleft { + right:70%; /* width of the middle column */ +} +.threecol .col1 { + width:66%; /* width of center column content (column width minus padding on either side) */ + left:102%; /* 100% plus left padding of center column */ +} +.threecol .col2 { + width:21%; /* Width of left column content (column width minus padding on either side) */ + left:11%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */ +} +.threecol .col3 { + width:21%; /* Width of right column content (column width minus padding on either side) */ + + /* Note this used to be 85%, but I subtracted 1% for padding to pull stuff closer to the margin */ + left:84%; /* Please make note of the brackets here: + (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ +} + diff --git a/themes/default/favicon.ico b/themes/default/favicon.ico Binary files differnew file mode 100644 index 0000000..8f4e75c --- /dev/null +++ b/themes/default/favicon.ico diff --git a/themes/default/freedombox.png b/themes/default/freedombox.png Binary files differnew file mode 100644 index 0000000..58e6841 --- /dev/null +++ b/themes/default/freedombox.png diff --git a/themes/default/images/freedombox.png b/themes/default/images/freedombox.png Binary files differnew file mode 100644 index 0000000..58e6841 --- /dev/null +++ b/themes/default/images/freedombox.png diff --git a/themes/default/menu.js b/themes/default/menu.js new file mode 100644 index 0000000..8107a72 --- /dev/null +++ b/themes/default/menu.js @@ -0,0 +1,54 @@ +function main_menu(items) { + output = "<ul>" + for (item in items) { + i = items[item]; + + // Handle active page + if (i["active"]) { + active = 'class = "active"'; + } else { + active = ''; + } + + // Line break labels + label = i["label"]; + if (label.search(" ") != -1) { + label = label.replace(" ", "<br />"); + } else { + label = " <br />" + label; + } + + output = output +'<li><a href="' + i["url"] + '" ' + active + '>' + label + "</a></li>"; + } + output = output + "</ul>"; + document.write(output); +} + +function render_items(items) { + output = "<ul>"; + for (item in items) { + i = items[item]; + + // Handle active page + if (i["active"]) { + active = 'class = "active"'; + } else { + active = ''; + } + + output = output +'<li><a href="' + i["url"] + '" ' + active + '>' + i['label'] + "</a></li>"; + if (i['subs']) { + output += render_items(i['subs']); + } + } + output = output + "</ul>"; + return output +} + +function side_menu(items) { + if (items.length == 0) { + return 0; + } + output = "<h2>Menu</h2>" + render_items(items); + document.write(output); +}
\ No newline at end of file diff --git a/themes/default/plinth.js b/themes/default/plinth.js new file mode 100644 index 0000000..dfe1443 --- /dev/null +++ b/themes/default/plinth.js @@ -0,0 +1,16 @@ +function toggle_visibility(id) { + var d = document.getElementById(id); + if(d.style.display == 'block') + d.style.display = 'none'; + else + d.style.display = 'block'; +} + +function show(id) { + var d = document.getElementById(id); + d.style.display = 'block'; +} + +function hide(id) { + document.getElementById(id).style.display = 'none'; +} diff --git a/themes/default/style.css b/themes/default/style.css new file mode 100644 index 0000000..625b4f9 --- /dev/null +++ b/themes/default/style.css @@ -0,0 +1,328 @@ +body { + margin:0; + padding:0; + border:0; /* This removes the border around the viewport in old versions of IE */ + width:100%; + background:lightgoldenrodyellow; + min-width:600px; /* Minimum width of layout - remove line if not required */ + /* The min-width property does not work in old versions of Internet Explorer */ + font-size:90%; + font-family:Arial, Helvetica, sans-serif; +} +a { + color:#369; + text-decoration:none; +} +a:hover { + color:#fff; + background:GoldenRod; + text-decoration:none; +} +h1, h2, h3 { + margin:.8em 0 .2em 0; + padding:0; +} +p { + margin:.4em 0 .8em 0; + padding:0; +} +img { + margin:10px 0 5px; +} +#ads img { + display:block; + padding-top:10px; +} + +/* Header styles */ +#header { + clear:both; + float:left; + width:100%; + border-bottom:1px solid #000; +} + +#headerleft { + float: left; + padding-left: 1em; +} +#headerleft a { color:lightgoldenrodyellow; text-decoration:none; outline: none;} + +#headerright { + float:left; +} +#headerright p, +#headerright h1, +#headerright h2 { + padding:.4em 15px 0 15px; + margin:0; +} + +#headerright h1 a, +#headerright h2 a {color:black; text-decoration:none; outline: none;} +#headerright ul { + clear:left; + float:left; + width:100%; + list-style:none; + margin:10px 0 0 0; + padding:0; +} +#headerright ul li { + display:inline; + list-style:none; + margin:0; + padding:0; +} +#headerright ul li a { + display:block; + float:left; + margin:0 0 0 1px; + padding:3px 10px; + text-align:center; + background:Khaki; + color:#000; + text-decoration:none; + position:relative; + left:15px; + line-height:1.3em; +} +#headerright ul li a:hover { + background:GoldenRod; + color:#fff; +} +#headerright ul li a.active, +#headerright ul li a.active:hover { + color:#fff; + background:#000; + font-weight:bold; + text-decoration:none; +} +#headerright ul li a span { + display:block; +} + +/* 'widths' sub menu */ +#layoutdims { + clear:both; + background:#eee; + background:GoldenRod; + border-top:4px solid #000; + margin:0; + padding:6px 15px !important; + text-align:right; +} +/* column container */ +.colmask { + position:relative; /* This fixes the IE7 overflow hidden bug */ + clear:both; + float:left; + width:100%; /* width of whole page */ + overflow:hidden; /* This chops off any overhanging divs */ +} +/* common column settings */ +.colright, +.colmid, +.colleft { + float:left; + width:100%; /* width of page */ + position:relative; +} +.col1, +.col2, +.col3 { + float:left; + position:relative; + padding:0 0em 1em 0; /* no left and right padding on columns, we just make them narrower instead + only padding top and bottom is included here, make it whatever value you need */ + overflow:hidden; +} + +.col2 h2, +.col3 h2 {color:black; + font-weight:bold; + font-size:100%; + text-align:center; + background:Goldenrod; + margin-top: 1em; + margin-bottom: 0.4em;} +.col2 h3, +.col3 h3 {color:black; + font-weight:bold; + font-size:100%; + text-align:left; + padding-top: 0em; + margin-top: 0em; + margin-bottom: 0em;} +.col3 p { + margin: 0.4em 0.5em .8em 0.5em; + padding:0; +} +.col2 li {padding-bottom: 0.2em;} +.col2 a {padding-left: 0.2em;} +.col2 a.active, +.col2 a.active:hover { + color:#fff; + background:#000; + font-weight:bold; + text-decoration:none; + padding: 0.2em; +} + +/* 3 Column settings */ +.threecol { + background:#eee; /* right column background colour */ + background:Khaki; +} +.threecol .colmid { + right:25%; /* width of the right column */ + background:lightgoldenrodyellow; /* center column background colour */ +} +.threecol .colleft { + right:50%; /* width of the middle column */ + background:#f4f4f4; /* left column background colour */ + background:Khaki; +} +.threecol .col1 { + width:46%; /* width of center column content (column width minus padding on either side) */ + left:102%; /* 100% plus left padding of center column */ +} +.threecol .col2 { + width:21%; /* Width of left column content (column width minus padding on either side) */ + left:31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */ +} +.threecol .col3 { + width:21%; /* Width of right column content (column width minus padding on either side) */ + + /* Note this used to be 85%, but I subtracted 1% for padding to pull stuff closer to the margin */ + left:84%; /* Please make note of the brackets here: + (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ +} +/* Footer styles */ +#footer { + clear:both; + float:left; + width:100%; + border-top:1px solid #000; + padding: 1em; + font-size:75%; + background:GoldenRod; +} +#footer p { + margin:0; +} + +/* Form Styles */ +form.form { +margin:0 auto; +width:100%; +background:khaki; +position:relative; +margin-top:2em; +} + +form.form h2 { +color:#ffffff; +font-size:1.2em; +background:goldenrod; +text-transform:uppercase; +padding:0.5em 0em 0.5em 0.5em; +margin-bottom: 1em; +} + +form.form h3 { +color:red; +font-weight:bold; +font-size:1em; +padding:0.5em 0 0.5em 0.5em; +text-align:center; +background:khaki; +} + +form.form .line, +form.form p { +width:94%; +display: block; +background:khaki; +padding:0.5em 0em 1em 1em; + +padding-right:0.5em; +margin-left:0.5em; +background:lightgoldenrodyellow; +margin-top: 0em; +margin-bottom: 0em; +} +form.form label { +width:100%; +display: block; +background:khaki; +padding:1em 0 0.5em 0em; +} + +form.form .submit { + text-align:left; +} + +form.form .indent { + padding: 0px; + padding-left: 0.75em; +} + +form.form label span { +display: block; +color:black; +font-size:12px; +float:left; +width:30%; +text-align:right; +padding:0.5em 2em 0 0; +} + +form.form .inputtext { +padding:0.2em 0.3em 0.2em 0.3em; +background:lightgoldenrodyellow; +border-bottom: 1px double #171717; +border-top: 1px double #171717; +border-left:1px double #333333; +border-right:1px double #333333; +} + +form.form .checkbox { text-align: left;} + +form.form .inputtextnowidth { +padding:0.5em 0.5em 0em 0em; +background:lightgoldenrodyellow; +border-bottom: 1px double #171717; +border-top: 1px double #171717; +border-left:1px double #333333; +border-right:1px double #333333; +} + +form.form .textbox{ +padding:7px 7px; +width:60%; +background:lightgoldenrodyellow; +border-bottom: 1px double #171717; +border-top: 1px double #171717; +border-left:1px double #333333; +border-right:1px double #333333; +overflow:hidden; +height:150px; +} + +form.form .button +{ +margin:0 0 10px 0; +padding:4px 7px; +background:goldenrod; +border:0px; +position: relative; +top:10px; +width:100px; +border-bottom: 1px double Goldenrod; +border-top: 1px double Gold; +border-left:1px double Goldenrod; +border-right:1px double Gold; +} + +.err {color:red;}
\ No newline at end of file |