moving things around and cleaning up

bmuller · May 18, 2010 · ae97c89 · ae97c89
1 parent 54dad7a
commit ae97c89
Show file tree

Hide file tree

Showing 15 changed files with 301 additions and 485 deletions.
diff --git a/stylesheets/.DS_Store → .DS_Store b/stylesheets/.DS_Store → .DS_Store
diff --git a/README b/README
@@ -0,0 +1 @@
+Toupee is a simple flexible visual framework. Pieces can be added or subtracted depending on what need and want, it is all just part of the "disguise"
diff --git a/stylesheets/application.css → application.css b/stylesheets/application.css → application.css
diff --git a/base.css b/base.css
@@ -0,0 +1,64 @@
+/* HEADER
+---------------------------- */
+/*header                          { background: #fff url("../images/layout/header-bg.png") repeat-x 0 0; position: relative; }
+header a:hover,
+header a                        { border: none; }
+header .container               { position: relative; }
+header h1                       { margin-bottom: 5px; font-size: 2em;}
+header h1 a                     { display: block; height: 70px; width: 300px; margin-left:-15px; background: transparent url("../images/layout/logo.png") no-repeat 0 0; text-indent: -9999px; }*/
+
+
+/* NAVIGATION
+---------------------------- */
+nav                             { height: 42px; }
+nav ul                          { display: block; margin: 0; padding: 0;}
+nav ul li                       { margin-right: 10px; display: inline; float: left; border-bottom: 1px solid #ccc; }							
+nav ul li.current               { background-color: #ccc; color: #fff; }
+nav ul li a                     { display: block; padding: 0 30px 0 0; text-decoration: none; }							
+nav ul li a:hover               { }									
+nav ul li.current a             { }
+
+/* -- SUBNAV -- */
+/*.subnav ul                      { list-style: none; margin: 0; padding: 0; }
+.subnav ul li                   { display: block; border-bottom: 1px dotted #ccc; }
+.subnav ul li a                 { display: block; list-style: none; padding: 5px; border: none; text-transform: uppercase; color: #000; }
+.subnav ul li a:hover			{ text-decoration: none; background-color: #e1e1e1; }*/
+
+
+/* -- TABS -- */
+/*.mod ul.tabs                    { margin: 0; padding: 5px 0; text-align: right; font-size: 11px; border-bottom: 1px solid #e1e1e1; }
+.mod ul.tabs li                 { display: inline-block; border: none; border-right: 1px solid #e1e1e1; padding: 0 5px;  }
+.mod ul.tabs li:last-child      { border: none;}
+.mod ul.tabs li.status			{ background-color: transparent; color: #949493; }*/
+
+/* FLASH MESSAGES
+---------------------------- */
+/*#flash_messages                 { margin-bottom: 30px; margin-top: 10px; }
+#flash_messages p               { margin-bottom: 0; padding: 4px 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
+#flash_messages p.error         { background-color: #fcc; border: none; }
+#flash_messages p.notice        { line-height: 20px; border: 1px solid #b9b9b9; padding-left: 40px; background: #f7f7f7 url("../images/icons/notice.png") no-repeat 10px center; }
+#flash_messages p.message       { background-color: #f7f7f7; }*/
+
+/* PAGINATION 
+------------------------------*/
+/*div.pagination							{ text-align: center; }
+div.pagination a 						{ border:solid 1px #C8C8C8; margin-right:2px;}
+div.pagination em						{ font-style: normal; font-weight:bold; padding:3px 7px; background-color: #ccc; color: #fff;}
+div.pagination span.disabled.previous_page,
+div.pagination span.disabled.nextious_page 	{ border: solid 1px #C8C8C8; color:#888; display: inline-block; font-weight:bold; margin-right:2px; padding:4px 6px; display: none;}
+div.pagination .next_page a,
+div.pagination .prev_page a 			{ font-weight: bold; }
+div.pagination .current					{ background:#2e6ab1; color:#fff; font-weight: bold; display: inline-block; padding:4px 8px; }
+div.pagination a:link,
+div.pagination a:visited 				{ display: inline-block; padding:0px 7px 1px; text-decoration:none; }
+div.pagination a:hover 					{ border: solid 1px #0A7BC1; background-color: #0A7BC1; color: #fff; }
+div.pagination .gap						{ color:#2c6f00; font-weight:bold; display: inline-block; }*/
+
+/* FOOTER
+---------------------------- */
+footer                           { border-top: 3px solid #f1f1f1; padding: 15px 0; }
+/*footer p                         { margin-bottom: 0; padding: 0 0 10px 0; }
+footer ul                        { margin: 0 0 10px; padding: 0; list-style: none; }
+footer ul li                     { display: inline; margin: 0; margin-right: 8px; padding-right: 8px; border-right: 1px solid #e1e1e1; }
+footer ul li.last                { border: 0; margin: 0; padding: 0; }
+footer ul li a                   { font-weight: bold; border: none; }*/
diff --git a/buttons.css b/buttons.css
@@ -0,0 +1,100 @@
+/* BUTTONS
+========================= */
+.button {
+	display: inline-block;
+	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
+	*display: inline;
+	vertical-align: top;
+	margin: 1px 2px 0;
+	outline: none;
+	cursor: pointer;
+	text-align: center;
+	text-decoration: none;
+	font: 14px/100% Arial, Helvetica, sans-serif;
+	padding: .5em 2em .55em;
+/*	text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
+	-webkit-border-radius: .5em; 
+	-moz-border-radius: .5em;
+	border-radius: .5em;
+	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+	box-shadow: 0 1px 2px rgba(0,0,0,.2);
+
+	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');
+}
+
+.button:hover {
+	text-decoration: none;
+	color: #e9e9e9;
+	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');
+}
+
+.button: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');
+}
+
+.button a:hover  { border: none; text-decoration: none; }
+.medium          { font-size: 12px; padding: .4em 1.5em .42em; }
+.small           { font-size: 11px; padding: .2em 1em .275em; }
+
+
+/* BUTTON VARIATIONS
+========================= */
+
+/* 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 {
+	color: #d7d7d7;
+	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');
+}
+
+/* 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 {
+	text-decoration: none;
+	color: #606060;
+	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');
+}
diff --git a/stylesheets/forms.css → forms.css b/stylesheets/forms.css → forms.css
@@ -31,7 +31,7 @@ form fieldset input.text {
 	font-size: 1.4em; 
 	color: #333; 
 	background-color: #f1f1f1; 
-	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
+	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 
 }
 
 /* INPUT TYPE FILE
@@ -63,6 +63,11 @@ form fieldset textarea:focus 		{ border-top-color: #ddd; background: #d0eeff; ou
 
 /* SEARCH FORM
 ======================== */
+.mod .bd ul li.searchform                   { padding: 5px; } /*HACK FOR NOW TODO FIGURE OUT HOW TO REFACTOR THIS*/
+.mod.search form fieldset					{ border: none; }
+/*form .mod .bd ul li.searchform:last-child   { border: solid 1px #e1e1e1; }*/
+
+
 .searchform {
 	display: inline-block; 
 	zoom: 1; /* ie7 hack for display:inline-block */

diff --git a/stylesheets/grid.css → grid.css b/stylesheets/grid.css → grid.css
@@ -4,12 +4,6 @@
 
        By default, the grid is 950px wide, with 24 columns
        spanning 30px, and a 10px margin between columns.
-
-       If you need fewer or more columns, namespaces or semantic
-       element names, use the compressor script (lib/compress.rb)
-
-       Note: Changes made in this file will not be applied when
-       using the compressor: make changes in lib/blueprint/grid.css.rb
 -------------------------------------------------------------- */
 
 /* A container should group all your columns. */
@@ -23,7 +17,7 @@
 -------------------------------------------------------------- */
 
 /* Sets up basic grid floating and margin. */
-.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
+.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
   float: left;
   margin-right: 10px;
 }

diff --git a/stylesheets/ie.css → ie.css b/stylesheets/ie.css → ie.css
diff --git a/modules.css b/modules.css
@@ -0,0 +1,12 @@
+/* GENERIC MODULE STYLES
+============================= */
+.mod                             { margin-bottom: 20px; }
+.mod .hd                         { position: relative; }
+.mod .hd h2                      { border-bottom: 1px solid #e1e1e1; position: relative;}
+.mod .hd h2 a                    { border: none; }
+.mod .hd h2 .secondary           { position: absolute; right: 0; bottom: 7px; font-size: 12px; }
+.mod .bd                         { position: relative; }
+.mod .bd ul                      { list-style: none; margin: 0 0 15px; padding: 0; }
+.mod .bd ul li                   { position: relative; border-bottom: 1px solid #f1f1f1; padding: 5px 0; }
+.mod .bd ul li img               { float: left; margin-top: 6px; margin-left: 4px;}
+.mod .ft                         { position: relative; }
diff --git a/stylesheets/print.css → print.css b/stylesheets/print.css → print.css
diff --git a/stylesheets/reset.css → reset.css b/stylesheets/reset.css → reset.css
@@ -1,16 +1,15 @@
 /* -------------------------------------------------------------- 
-  
-   reset.css
-   * Resets default browser CSS.
-   
+   RESET // Resets default browser CSS.
 -------------------------------------------------------------- */
 
 html, body, div, span, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, code,
 del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td {
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, dialog, figure, footer, header,
+hgroup, nav, section {b
   margin: 0;
   padding: 0;
   border: 0;
@@ -21,8 +20,13 @@ table, caption, tbody, tfoot, thead, tr, th, td {
   vertical-align: baseline;
 }
 
-body { 
-  line-height: 1.5; 
+article, aside, dialog, figure, footer, header,
+hgroup, nav, section {
+    display:block;
+}
+
+body {
+  line-height: 1.5;
 }
 
 /* Tables still need 'cellspacing="0"' in the markup. */

diff --git a/stylesheets/base.css b/stylesheets/base.css