Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

halfway trying some wireframey base layouts

  • Loading branch information...
commit 5b4e70fe2c9cc91344dd1a0d6e27e31dd12b3aac 1 parent 65c77d3
@jlapier authored
View
16 lib/color_constants.rb
@@ -1,7 +1,21 @@
module ColorConstants
+ COLOR_INDEXES = {
+ 1 => 'top_menu_bg',
+ 8 => 'top_menu_text'
+ }
+
COLOR_SCHEMES = {
+ 'black and white' => %w( #000066
+ #FFFFFF
+ #222222
+ #FFFFFF
+ #FFFFFF
+ #FFFFFF
+ #222222
+ #FFFFFF
+ ),
- 'black and white' => %w( #888888
+ 'grays' => %w( #888888
#DDDDDD
#555555
#A8A8A8
View
134 public/stylesheets/skins/wireframe.css
@@ -0,0 +1,134 @@
+h1 { text-shadow: none; }
+
+#top_banner {
+ text-align:center; height: 100px;
+}
+
+.base_content {
+ background: #FFF;
+ border: 4px solid #000;
+ padding: 8px 16px;
+}
+
+.top_menu {
+ border: 1px solid #000;
+ margin: 20px 0;
+ padding: 12px;
+ font-size: 150%;
+}
+
+.top_menu p { margin: 0; }
+
+.top_menu ul {
+ margin: 0;
+ width: 100%;
+ text-align: center;
+}
+
+.top_menu ul li {
+ display: inline;
+ list-style-type: none;
+ padding: 0 5px;
+ margin: 0 5px;
+}
+
+.top_menu ul li a:link, .top_menu ul li a:visited { color: #DDD; text-decoration: none; }
+.top_menu ul li a:hover { color: #FFF; text-decoration: none; }
+
+.footer { margin: 30px 0; padding: 8px 12px; }
+
+.side_menu {
+ border-style: solid;
+ border-width: 1px;
+ padding: 10px;
+ margin-right: 15px;
+}
+
+.side_menu h3 {
+ margin-bottom: 0.5em;
+}
+
+.side_menu h4 {
+ color: #444;
+ margin-bottom: 0.5em;
+}
+
+#user_box {
+ width: 200px;
+ font-size: 10px;
+ text-align:left;
+ position: relative;
+ left: 570px;
+ border: 1px solid #999;
+ padding: 4px 8px;
+}
+
+.category_links {
+ margin: 24px;
+ padding: 12px;
+ border: 1px solid #CCC;
+ background: #EEE;
+ color: #333;
+ text-indent: 0;
+}
+
+
+
+/* forum stuff */
+
+table.forums {
+ background: #DDE;
+ width: 100%;
+ border-spacing: 0px;
+ border: 1px solid #DDE;
+}
+table.forums tr { background: #F6F6FF; }
+table.forums td { padding: 10px; font-size: 12px; }
+table.forums strong { font-size: 18px; font-weight: bold; }
+table.forums strong a {border: none; }
+table.forums td.small_text { font-size: 10px; }
+
+table.messages {
+ background: #A8A8A8;
+ min-width: 600px;
+ border-spacing: 4px;
+ border-collapse: separate;
+}
+table.messages tr { background: #F9F9F9; border-spacing: 4px; }
+table.messages td { padding: 10px; font-size: 11px; }
+table.messages li { font-size: 11px; }
+table.messages strong { font-size: 12px; font-weight: bold; }
+table.messages td small_text { font-size: 10px; }
+table.messages blockquote { background: white; color: #333; border-left: 2px solid #999; padding-left: 6px; }
+table.messages tr td.leftside {
+ text-align: right;
+ vertical-align: top;
+ border-left: 3px solid #AAA;
+ background: #A8A8A8;
+ font-size: 11px;
+ width: 120px;
+}
+table.messages tr:hover td.leftside { border-left: 3px solid #817f73; }
+table.messages .lightgreen { color: #090; }
+
+
+
+/* wiki stuff */
+
+.wiki_page_version { background:white; padding: 12px; border: 1px #999 solid; }
+.wiki_page_version p { text-indent: 0; }
+.wiki_page_body { background:white; padding: 12px; border: 1px #999 solid; }
+.wiki_page_body p { text-indent: 0; }
+.wiki_comments { background:white; padding: 0px 12px; border: 1px #999 solid; }
+.wiki_comments p { font-size: 11px; text-indent: 0; }
+.wiki_comments textarea { font-size: 11px; width: 220px; }
+.wiki_comments input { font-size: 10px; border: 1px solid #999; background: #EEE; margin: 2px;}
+.wiki_chatter { background:white; padding: 8px; border: 1px #999 solid; }
+.wiki_chatter p { text-indent: 0; margin: 0; }
+
+.wiki_top_links { float:right; vertical-align:middle; text-align:right; background: #EEE; border: 1px solid #999;
+ padding: 2px 8px 4px 8px; }
+.wiki_top_links a { border:none;text-decoration: none; }
+.wiki_top_links img { border:none;text-decoration: none; vertical-align:middle; }
+.wiki_top_links input { border:1px solid #999; }
+
View
59 public/themes/colors/black and white.css
@@ -1,49 +1,40 @@
body {
- background-color: #999999;
+ background-color: #FFFFFF;
}
-h1 { text-shadow: 1px 1px 4px #999999; color: #222222 }
+h1 { text-shadow: 1px 1px 4px #FFFFFF; color: #222222 }
-h4 { color: #DDDDDD; }
+h4 { color: #FFFFFF; }
-a:link, a:visited, a:active { color: #555555; }
-a:hover { color: #888888 }
+a:link, a:visited, a:active { color: #222222; }
+a:hover { color: #000066 }
.base_content { background-color: #FFFFFF }
-
- .bg_palette_1 { background-color: #888888; }
- .text_palette_1 { color: #888888; }
- .border_palette_1 { border-color: #888888; }
-
- .bg_palette_2 { background-color: #DDDDDD; }
- .text_palette_2 { color: #DDDDDD; }
- .border_palette_2 { border-color: #DDDDDD; }
-
- .bg_palette_3 { background-color: #555555; }
- .text_palette_3 { color: #555555; }
- .border_palette_3 { border-color: #555555; }
-
- .bg_palette_4 { background-color: #A8A8A8; }
- .text_palette_4 { color: #A8A8A8; }
- .border_palette_4 { border-color: #A8A8A8; }
-
- .bg_palette_5 { background-color: #CCCCCC; }
- .text_palette_5 { color: #CCCCCC; }
- .border_palette_5 { border-color: #CCCCCC; }
-
- .bg_palette_6 { background-color: #999999; }
- .text_palette_6 { color: #999999; }
- .border_palette_6 { border-color: #999999; }
-
+ .bg_palette_1 { background-color: #000066; }
+ .text_palette_1 { color: #000066; }
+ .border_palette_1 { border-color: #000066; }
+ .bg_palette_2 { background-color: #FFFFFF; }
+ .text_palette_2 { color: #FFFFFF; }
+ .border_palette_2 { border-color: #FFFFFF; }
+ .bg_palette_3 { background-color: #222222; }
+ .text_palette_3 { color: #222222; }
+ .border_palette_3 { border-color: #222222; }
+ .bg_palette_4 { background-color: #FFFFFF; }
+ .text_palette_4 { color: #FFFFFF; }
+ .border_palette_4 { border-color: #FFFFFF; }
+ .bg_palette_5 { background-color: #FFFFFF; }
+ .text_palette_5 { color: #FFFFFF; }
+ .border_palette_5 { border-color: #FFFFFF; }
+ .bg_palette_6 { background-color: #FFFFFF; }
+ .text_palette_6 { color: #FFFFFF; }
+ .border_palette_6 { border-color: #FFFFFF; }
.bg_palette_7 { background-color: #222222; }
.text_palette_7 { color: #222222; }
.border_palette_7 { border-color: #222222; }
-
.bg_palette_8 { background-color: #FFFFFF; }
.text_palette_8 { color: #FFFFFF; }
.border_palette_8 { border-color: #FFFFFF; }
-
-.bg_palette_1 a:link, .bg_palette_1 a:visited, .bg_palette_1 a:active { color: #DDDDDD; }
-.bg_palette_1 a:hover { color: #A8A8A8 }
+.bg_palette_1 a:link, .bg_palette_1 a:visited, .bg_palette_1 a:active { color: #FFFFFF; }
+.bg_palette_1 a:hover { color: #FFFFFF }
Please sign in to comment.
Something went wrong with that request. Please try again.