Separated St. Patty CSS files into color theme and CSS
authorDan
Wed, 23 Jul 2008 21:37:40 -0500
changeset 663 d0f74bcd21eb
parent 662 fcab604da9a7
child 664 b164e05c5faa
Separated St. Patty CSS files into color theme and CSS
themes/stpatty/css-extra/structure.css
themes/stpatty/css/shamrock.css
themes/stpatty/footer.tpl
themes/stpatty/header.tpl
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/stpatty/css-extra/structure.css	Wed Jul 23 21:37:40 2008 -0500
@@ -0,0 +1,222 @@
+/*
+ * St. Patty theme for Enano
+ * Copyright (C) 2007 Dan Fuhry
+ *
+ * This theme is Free Software, available under the terms of the GNU General Public License. See the file "GPL" included with this
+ * package for details.
+ *
+ * Some ideas - most notably the hatching patterns and floating divs, were taken from Bittersweet <http://templates.arcsin.se/>
+ * No code or graphics were copied.
+ */
+ 
+html,body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+}
+body {
+  background-repeat: repeat;
+  font-family: "Lucida Sans Unicode", sans-serif;
+  font-size: 75%;
+}
+body#tinymce {
+  background-color: white;
+  background-image: none;
+}
+div#bg {
+  min-height: 500px;
+  width: 100%;
+  background-repeat: repeat-x;
+}
+div#rap {
+  width: 760px;
+  padding: 0 10px;
+  margin: 0 auto;
+}
+div#title {
+  margin: 0px;
+  padding: 0px;
+  background-repeat: repeat-x;
+  vertical-align: middle;
+}
+div#title h1 {
+  margin: 0px 10px 10px 10px;
+  padding-top: 30px;
+  text-align: left;
+}
+div#title h2 {
+  margin: 0px 10px 0px 10px;
+  padding-bottom: 40px;
+  text-align: left;
+}
+div.straightaway {
+  clear: both;
+}
+/* Footer */
+div.footer {
+  min-height: 40px;
+  padding: 10px;
+  background-repeat: repeat-x;
+}
+
+/* Content area */
+div#maincontent {
+  padding: 10px;
+  margin-right: 140px;
+}
+img#ajaxloadicon {
+  margin-top: 10px;
+}
+div#maincontent h2 {
+  margin: 10px 0;
+  padding: 0;
+  font-size: 16pt;
+}
+div#maincontent p {
+  margin-left: 1em;
+}
+div#maincontent h2#pagetitle {
+  margin: 0;
+  font-size: 18pt;
+}
+div#maincontent a:link, div#maincontent a:visited {
+  text-decoration: none;
+}
+div#maincontent ul {
+  list-style: square;
+}
+/* Sidebar */
+div#sidebar, div.dbx-box {
+  float: right;
+  width: 135px;
+}
+div#sidebar h4, div.dbx-handle {
+  margin: 0;
+  padding: 0 5px;
+  line-height: 25px;
+  font-weight: normal;
+  text-align: right;
+  text-transform: lowercase;
+}
+div.dbx-handle {
+  text-align: left;
+  cursor: move;
+}
+div#sidebar ul, .dbx-content ul {
+  margin: 0;
+  padding: 0;
+  list-style: none !important;
+}
+div#sidebar ul li, div.dbx-content ul li {
+  padding: 0;
+}
+div#sidebar ul li a, div.dbx-content ul li a {
+  line-height: 25px;
+  padding: 0 7px;
+  text-decoration: none;
+  display: block;
+}
+div#sidebar div, div.dbx-content2 {
+  width: 135px;
+}
+div#sidebar div ul {
+  margin-left: 2em;
+  list-style: square;
+}
+div#sidebar div ul a {
+  background-color: transparent;
+  display: inline;
+  border-bottom-width: 0px;
+  padding: 0;
+}
+div#sidebar div ul a:hover {
+  background-color: transparent;
+  display: inline;
+}
+div#sidebar div div {
+  background: transparent;
+  border-bottom-width: 0;
+  padding: 0;
+}
+
+/*
+ * jBox menu system
+ */
+
+div.menu, div.menu_nojs {
+  font-size: 7pt;
+  border-width: 0;
+}
+div.menu a, div.menu_nojs a, div.menu div.label, div.menu_nojs div.label {
+  padding: 2.5pt 5px;
+  margin-right: 3px;
+  text-decoration: none;
+  display: block;
+  float: left;
+  border-bottom-width: 0 !important;
+}
+div.menu div.label, div.menu_nojs div.label {
+  cursor: default;
+}
+div.menu span.sep, div.menu_nojs span.sep {
+  display: block;
+  float: left;
+  width: 5px;
+}
+div.menu div.multopts, div.menu_nojs div.multopts {
+  line-height: 17pt;
+}
+div.menu div.multopts a, div.menu_nojs div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts div.label {
+  float: none;
+  display: inline;
+}
+div.menu input[type ^="text"], div.menu_nojs input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="password"] {
+  border-width: 0;
+  font-size: 9pt;
+  padding: 4px 5px;
+  max-width: 70px;
+}
+div.menu input[type ^="button"], div.menu_nojs input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="submit"] {
+  border-width: 0;
+  font-size: 9pt;
+  padding: 3px 5px;
+  max-width: 70px;
+}
+div.menu a.current, div.menu_nojs a.current, div.menu a.current:hover, div.menu_nojs a.current:hover, div.menu a.selected, div.menu_nojs a.selected, div.menu a.selected:hover, div.menu_nojs a.selected:hover {
+  font-weight: bold;
+}
+div.menu ul, div.menu_nojs ul {
+  display: none;
+  position: absolute;
+  padding: 0;
+  margin: 0;
+  border-width: 0;
+  min-width: 120px;
+}
+/*
+div.menu_nojs ul {
+  display: block !important;
+}
+*/
+div.menu ul li, div.menu_nojs ul li {
+  list-style: none;
+}
+div.menu ul a, div.menu_nojs ul a {
+  float: none;
+  margin: 0;
+}
+/*
+span.menuclear {
+  font-size: 1px;
+  height: 0px;
+  width: 0px;
+  clear: left;
+  line-height: 0px;
+  display: block;
+}
+*/
+
+div.userpage_block {
+  clear: left;
+}
+
--- a/themes/stpatty/css/shamrock.css	Wed Jul 23 11:02:29 2008 -0500
+++ b/themes/stpatty/css/shamrock.css	Wed Jul 23 21:37:40 2008 -0500
@@ -9,71 +9,26 @@
  * No code or graphics were copied.
  */
  
-html,body {
-  margin: 0;
-  padding: 0;
-  height: 100%;
-}
 body {
   background-color: #101d14;
   /* color added in 1.0.2 to fix light text in dark desktop themes */
   color: #202020;
   background-image: url(../images/bghatching.gif);
-  background-repeat: repeat;
-  font-family: "Lucida Sans Unicode", sans-serif;
-  font-size: 75%;
-}
-body#tinymce {
-  background-color: white;
-  background-image: none;
 }
 div#bg {
-  min-height: 500px;
-  width: 100%;
   background-image: url(../images/bgfade.png);
-  background-repeat: repeat-x;
 }
 div#rap {
-  width: 760px;
-  padding: 0 10px;
-  margin: 0 auto;
   background-image: url(../images/rap.png);
 }
 div#title {
-  margin: 0px;
-  padding: 0px;
   background-color: #6abd2b;
+  border-bottom-color: #237000;
   background-image: url(../images/header.gif);
-  background-repeat: repeat-x;
-  border-bottom: 1px solid #237000;
-  vertical-align: middle;
-}
-div#title h1 {
-  margin: 0px 10px 10px 10px;
-  padding-top: 30px;
-  text-align: left;
-}
-div#title h2 {
-  margin: 0px 10px 0px 10px;
-  padding-bottom: 40px;
-  text-align: left;
-}
-div#title img#clover {
-  float: right;
-  margin-right: 10px;
-  margin-top: 10px;
-  
-  display: none;
-}
-div.straightaway {
-  clear: both;
 }
 /* Footer */
 div.footer {
-  min-height: 40px;
-  padding: 10px;
   background-image: url(../images/footer.gif);
-  background-repeat: repeat-x;
   background-color: #6fba38;
   color: #FFF;
 }
@@ -82,32 +37,15 @@
 }
 
 /* Content area */
-div#maincontent {
-  padding: 10px;
-  padding-right: 150px;
-  clear: left;
-}
-img#ajaxloadicon {
-  margin-top: 10px;
-}
 div#maincontent h2 {
   color: #53a018;
-  margin: 10px 0;
-  padding: 0;
-  font-size: 16pt;
-}
-div#maincontent p {
-  margin-left: 1em;
 }
 div#maincontent h2#pagetitle {
-  margin: 0;
   border-bottom: 1px solid #73c038;
-  font-size: 18pt;
   color: #000000;
 }
 div#maincontent a:link, div#maincontent a:visited {
   color: #237000;
-  text-decoration: none;
 }
 div#maincontent a:hover {
   color: #033000;
@@ -119,45 +57,15 @@
 div#maincontent a.wikilink-nonexistent:hover {
   color: #BA2000;
 }
-div#maincontent ul {
-  list-style: square;
-}
 /* Sidebar */
-div#sidebar, div.dbx-box {
-  float: right;
-  clear: right;
-  width: 135px;
-}
 div#sidebar h4, div.dbx-handle {
-  margin: 0;
-  padding: 0 5px;
-  line-height: 25px;
   color: #FFF;
   background-color: #104715;
   border-bottom: 1px solid #93e058;
-  font-weight: normal;
-  text-align: right;
-  text-transform: lowercase;
-}
-div.dbx-handle {
-  text-align: left;
-  cursor: move;
-}
-div#sidebar ul, .dbx-content ul {
-  margin: 0;
-  padding: 0;
-  list-style: none !important;
-}
-div#sidebar ul li, div.dbx-content ul li {
-  padding: 0;
 }
 div#sidebar ul li a, div.dbx-content ul li a {
-  line-height: 25px;
-  padding: 0 7px;
-  text-decoration: none;
   color: #000;
   background-color: #60A745;
-  display: block;
   border-bottom: 1px solid #93e058;
 }
 div#sidebar ul li a:hover, div.dbx-content ul li a:hover {
@@ -166,66 +74,17 @@
 div#sidebar div, div.dbx-content2 {
   background-color: #60A745;
   border-bottom: 1px solid #93e058;
-  width: 135px;
- /* padding: 3px; */
-}
-div#sidebar div ul {
-  margin-left: 2em;
-  list-style: square;
 }
 div#sidebar div ul a {
-  background-color: transparent;
-  display: inline;
-  border-bottom-width: 0px;
-  padding: 0;
   color: #134000;
 }
 div#sidebar div ul a:hover {
-  background-color: transparent;
-  display: inline;
   color: #033000;
   border-bottom: 1px dotted #033000;
 }
 div#maincontent div.dbx-box a {
   color: #000000;
 }
-div#sidebar div div {
-  background: transparent;
-  border-bottom-width: 0;
-  padding: 0;
-}
-/* Page toolbar */
-/*
-div.pagetools {
-  background-color: #93e058;
-  line-height: 20px;
-  font-size: 75%;
-  padding: 0 5px;
-}
-div.pagetools a {
-  text-decoration: none;
-  padding: 3px;
-  color: #235000;
-}
-div.pagetools a:hover {
-  background-color: #A3F068;
-  height: 20px;
-}
-div.pagetools a.selected {
-  font-weight: bold;
-  background-color: #f4fff7;
-}
-div.pagetools#pagebarpopup {
-  display: none;
-  position: absolute;
-  width: 150px;
-  padding: 0;
-  overflow: hidden;
-}
-div.pagetools#pagebarpopup a {
-  display: block;
-}
-*/
 
 /*
  * jBox menu system
@@ -233,43 +92,18 @@
 
 div.menu, div.menu_nojs {
   background-color: #93e058;
-  font-size: 7pt;
-  border-width: 0;
 }
 div.menu a, div.menu_nojs a, div.menu div.label, div.menu_nojs div.label {
-  padding: 2.5pt 5px;
-  margin-right: 3px;
-  text-decoration: none;
-  display: block;
-  float: left;
   color: #235000;
-  border-bottom-width: 0 !important;
 }
 div.menu div.label, div.menu_nojs div.label {
   color: #002010;
-  cursor: default;
-}
-div.menu span.sep, div.menu_nojs span.sep {
-  display: block;
-  float: left;
-  width: 5px;
-}
-div.menu div.multopts, div.menu_nojs div.multopts {
-  line-height: 17pt;
-}
-div.menu div.multopts a, div.menu_nojs div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts div.label {
-  float: none;
-  display: inline;
 }
 div.menu a.liteselected, div.menu_nojs a.liteselected, div.menu a.liteselected:hover, div.menu_nojs a.liteselected:hover, div.menu a:hover, div.menu_nojs a:hover {
   color: #235000;
   background-color: #A3F068;
 }
 div.menu input[type ^="text"], div.menu_nojs input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="password"] {
-  border-width: 0;
-  font-size: 9pt;
-  padding: 4px 5px;
-  max-width: 70px;
   background-color: #A3F068;
 }
 div.menu input[type ^="text"]:hover, div.menu_nojs input[type ^="text"]:hover, div.menu input[type ^="password"]:hover, div.menu_nojs input[type ^="password"]:hover {
@@ -278,45 +112,12 @@
 div.menu input[type ^="text"]:focus, div.menu_nojs input[type ^="text"]:focus, div.menu input[type ^="password"]:focus, div.menu_nojs input[type ^="password"]:focus {
   background-color: #B3FF78;
 }
-div.menu input[type ^="button"], div.menu_nojs input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="submit"] {
-  border-width: 0;
-  font-size: 9pt;
-  padding: 3px 5px;
-  max-width: 70px;
-}
 div.menu a.current, div.menu_nojs a.current, div.menu a.current:hover, div.menu_nojs a.current:hover, div.menu a.selected, div.menu_nojs a.selected, div.menu a.selected:hover, div.menu_nojs a.selected:hover {
   color: #000040;
   background-color: #f4fff7;
-  font-weight: bold;
 }
 div.menu ul, div.menu_nojs ul {
-  display: none;
-  position: absolute;
-  padding: 0;
-  margin: 0;
   background-color: #93e058;
-  border-width: 0;
-  min-width: 120px;
-}
-/*
-div.menu_nojs ul {
-  display: block !important;
-}
-*/
-div.menu ul li, div.menu_nojs ul li {
-  list-style: none;
-}
-div.menu ul a, div.menu_nojs ul a {
-  float: none;
-  margin: 0;
-}
-span.menuclear {
-  font-size: 1px;
-  height: 0px;
-  width: 0px;
-  clear: left;
-  line-height: 0px;
-  display: block;
 }
 
 /* Other Enano-related stuff */
--- a/themes/stpatty/footer.tpl	Wed Jul 23 11:02:29 2008 -0500
+++ b/themes/stpatty/footer.tpl	Wed Jul 23 21:37:40 2008 -0500
@@ -16,23 +16,6 @@
         </div>
       </div>
     </div>
-    <div style="display: none;">
-    <h2>Your browser does not support CSS.</h2>
-     <p>If you can see this text, it means that your browser does not support Cascading Style Sheets (CSS). CSS is a fundemental aspect of XHTML, and as a result it is becoming very widely adopted by websites, including this one. You should consider switching to a more modern web browser, such as Mozilla Firefox or Opera 9.</p>
-     <p>Because of this, there are a few minor issues that you may experience while browsing this site, not the least of which is some visual elements below that would normally be hidden in most browsers. Please excuse these minor inconveniences.</p>
-    </div>
-    <div id="root2" class="jswindow" style="display: none;">
-      <div id="tb2" class="titlebar">Change style</div>
-      <div class="content" id="cn2">
-        
-      </div>
-    </div>
-    <div id="root3" class="jswindow" style="display: none;">
-      <div id="tb3" class="titlebar">Wiki formatting help</div>
-      <div class="content" id="cn3">
-        Loading...
-      </div>
-    </div>
     {JS_FOOTER}
   </body>
 </html>
--- a/themes/stpatty/header.tpl	Wed Jul 23 11:02:29 2008 -0500
+++ b/themes/stpatty/header.tpl	Wed Jul 23 21:37:40 2008 -0500
@@ -5,6 +5,7 @@
     <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
     {JS_DYNAMIC_VARS}
     <link rel="stylesheet" type="text/css" href="{CDNPATH}/includes/clientside/css/enano-shared.css" />
+    <link rel="stylesheet" type="text/css" href="{CDNPATH}/themes/{THEME_ID}/css-extra/structure.css" />
     <link id="mdgCss" rel="stylesheet" type="text/css" href="{CDNPATH}/themes/{THEME_ID}/css/{STYLE_ID}.css" />
     {JS_HEADER}
     <!--[if lt IE 7]>
@@ -76,7 +77,6 @@
     <div id="bg">
       <div id="rap">
         <div id="title">
-          <img id="clover" src="{CDNPATH}/themes/{THEME_ID}/images/clover.png" alt=" " />
           <h1>{SITE_NAME}</h1>
           <h2>{SITE_DESC}</h2>
         </div>