logo

Member
Member
Offline Offline
Posts: 392
james.patten@hotmail.co.uk
my theme for my site

i am trying to make a green theme and i have made all the images for it but the css seems to be wrong but idk what is wrong with it but the code for it is
Code:

/*eoCMS Energy Blue theme Copyright © E.G Interactive 2009*/
/* This section controls the page background and all text outside of the main eoCMS pane and the panels */
body  {
   font: 10pt Verdana, Arial, Helvetica, sans-serif;
   background: #99CC33;
   margin: 0;
   padding: 0;
   text-align: center;
   color: #5DE0FF;
}
/* This is the style of the eoCMS window*/
.thrColLiqHdr #container {
   width: 90%; 
   background: #99CC33 url(images/containerbg.gif) repeat-x;
border:1px solid #5DE0FF;
border-width:0px 1px 0px 1px;
   margin: 0 auto;
   text-align: left;
}
/* This is the settings for the part where your logo goes (Please note this does not define your actual logo. Please Find 'Theme Settings' in the control panel.*/
.thrColLiqHdr #header {
   background: url(images/header_bg.gif) repeat-x;
border:1px solid #99CC33;
border-width:0px 1px 0px 1px;
   padding: 0 10px;
   overflow: hidden;
}
.thrColLiqHdr #header h1 {
   margin: 0;
   padding: 10px 0;
}
/* This is the style for the left panel*/
.thrColLiqHdr #sidebar1 {
   float: left;
   width: 22%;
   padding: 15px 0;
   color: #99CC33;
}
/* This is the style for the right panel*/
.thrColLiqHdr #sidebar2 {
   float: right;
   width: 23%;
   padding: 15px 0;
   color: #99CC33;
}
/* This is the style for the headers of the panels*/
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
   margin-left: 10px;
   margin-right: 10px;
}
/* This defines the style for the main content window in the middle*/
.thrColLiqHdr #mainContent {
   margin: 0 24% 0 23.5%;
   color: #99CC33;
   }
/*This defines the style for the footer*/
.thrColLiqHdr #footer {
   padding: 0 10px;
   background : #5DE0FF url(images/footer.gif) repeat-x;
   text-align : center;
   font: 10pt Verdana, Arial, Helvetica, sans-serif;
   color: #99CC33;
}
.thrColLiqHdr #footer a {
   color: #99CC33;
}
.clearfloat {
   clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
a:link {
color : #808080;
text-decoration : none;
}
a:visited {
color : #666666;
text-decoration : none;
}
a:active {
color:#808080;
}
a:hover {
color: #8F8F8F;
text-decoration : underline;
}
a img {
border:0px;
}
input, button {
font-size : 90%;
}
textarea {
background:#99CC33;
color: #000000;
}
.titlebg-left {
background: url(images/titlearrow.png) no-repeat;
height: 30px;
width: 15px;
float:left;
}
.titlebg {
background : url(images/titlebg.gif) repeat-x;
color : #99CC33;
font-size : 12pt;
font-family : verdana, sans-serif;
padding:6px 4px;
font-weight: bold;
}
.panelend {
padding-bottom: 5px;
}
.small-text {
font-size:x-small;
}
.subtitlebg {
color: #000000;
font-weight: bold;
background-color:#99CCFF;
}
.topside-l {
padding-left : 0;
}
.topside-r {
padding-right : 0;
}
#navbar {
background : url(images/navbar.PNG) center repeat-x;
width : auto;
margin : 0 auto 0;
padding : 5px 0 9px 0;
}
#navbar li {
display : inline;
list-style-type : none;
margin : 0;
padding : 0;
}
#navbar ul {
margin : 0;
padding : 0;
}
#navbar ul li {
margin : 0;
padding : 0;
}
.subtitlebg a{
color: #99CCFF;
}
#navbar ul li a {
color: #99CCFF;
font-size : 12px;
padding : 9px 20px 9px 20px;
text-decoration: none;
font-weight: bold;
}
#navbar ul li a:hover {
background : url(images/navhover.png) center no-repeat;
color : #FF66CC;
}
#navbar ul li a:hover, #navbar a:active {
background : url(images/navhover.png) center no-repeat;
color : #FF66CC;
}
.content {
background: #99CCFF;
padding:5px 5px 5px 5px;
color: #383838;
border-right: 2px solid #5DE0FF;
border-left: 2px solid #5DE0FF;
border-bottom: 2px solid #5DE0FF;
}
.panelcontent {
background: #99CCFF;
color: #383838;
border-right: 2px solid #5DE0FF;
border-left: 2px solid #5DE0FF;
border-bottom: 2px solid #5DE0FF;
padding-top: 1px;
}
.imagebutton a {
color:#FFFFFF;
}
.imagebutton a:hover {
color:#FFFFFF;
}
.imagebutton a:active {
color:#FFFFFF;
}
.imagebutton a:visited {
color: #FFFFFF;
}
.imagebutton {
background: url(images/button.gif) no-repeat;
color:#FFFFFF;
width : 75px;
margin : 0 auto 0;
padding : 5px 12px 10px 7px;
position: static;
font-size: 8pt;
}
.bbcode_quote_body {
color:#000000;
background-color:#99CCFF;
}
/* Start of admin buttons */
.adminbutton {
background:url(images/admin%20panel%20button.png) no-repeat;
width: 204px;
height: 50px;
}
/* Mouse over admin button */
.adminbutton:hover{
background:url(images/admin%20panel%20buttono.png) no-repeat;
width: 204px;
height: 50px;
}

/* Text admin buttons */
.adminbutton a {
float: left;
margin-top: 10px;
color:#000000;
}
/* Icons admin buttons */
.adminicon {
float: left;
margin-left: 15px;
border: 0;
}
select {
background:url(images/inputbg.png);
color:#111111;
}
input {
background:url(images/inputbg.png);
color:#111111;
}
.markItUp .markItUpButton2 a   {
   background-image:url(images/italic.png);
}
.markItUp .markItUpButton3 a   {
   background-image:url(images/underline.png);
}
.markItUp .markItUpButton4 a   {
   background-image:url(images/stroke.png);
}
.markItUp .markItUpButton5 a   {
   background-image:url(images/picture.png);
}
.markItUp .markItUpButton6 a   {
   background-image:url(images/link.png);
}

.markItUp .markItUpButton7 a   {
   background-image:url(images/fonts.png);
}
.markItUp .markItUpButton8 a   {
   background-image:url(images/list-bullet.png);
}
.markItUp .markItUpButton9 a   {
   background-image:url(images/list-numeric.png);
}
.markItUp .markItUpButton10 a   {
   background-image:url(images/list-item.png);
}
.markItUp .markItUpButton11 a   {
   background-image:url(images/quotes.png);
}
.markItUp .markItUpButton12 a   {
   background-image:url(images/code.png);
}
.markItUp .clean a {
   background-image:url(images/clean.png);
}
.markItUp .preview a {
   background-image:url(images/preview.png);
}
/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
   margin:0px; padding:0px;
   outline:none;
}
.markItUp a:link,
.markItUp a:visited {
   color:#111111;
   text-decoration:none;
}
.markItUp  {
   margin:5px 0 5px 0;
}
.markItUpContainer  {
   padding:5px 5px 2px 5px;
   font:11px Verdana, Arial, Helvetica, sans-serif;
}
.markItUpEditor {
   font:12px 'Courier New', Courier, monospace;
   color: #000000;
   width:643px;
   height:320px;
   background: #E6F0FA;
      clear:both; display:block;
   line-height:18px;
   overflow:auto;
}
.markItUpPreviewFrame   {
   overflow:auto;
   background-color:#b9b9b9;
   border:1px solid #5DE0FF;
   width:99.9%;
   height:300px;
   margin:5px 0;
}
.markItUpFooter {
   width:100%;
   cursor:n-resize;
}
.markItUpResizeHandle {
   overflow:hidden;
   width:22px; height:5px;
   margin-left:auto;
   margin-right:auto;
   background-image:url(images/handle.png);
   cursor:n-resize;
}
/***************************************************************************************/
/* first row of buttons */
.markItUpHeader ul li   {
   list-style:none;
   float:left;
   position:relative;
}
.markItUpHeader ul li ul{
   display:none;
}
.markItUpHeader ul li:hover > ul{
   display:block;
}
.markItUpHeader ul .markItUpDropMenu {
   background:transparent url(images/menu.png) no-repeat 115% 50%;
   margin-right:5px;
}
.markItUpHeader ul .markItUpDropMenu li {
   margin-right:0px;
}
.markItUpHeader ul .markItUpSeparator {
   margin:0 10px;
   width:1px;
   height:16px;
   overflow:hidden;
   background-color:#CCC;
}
.markItUpHeader ul ul .markItUpSeparator {
   width:auto; height:1px;
   margin:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
   display:none;
   position:absolute;
   top:18px; left:0px;   
   background:#F5F5F5;
   border:1px solid #5DE0FF;
   height: inherit;
}
.markItUpHeader ul ul li {
   float:none;
   border-bottom:1px solid #3C769D;
}
.markItUpHeader ul ul .markItUpDropMenu {
   background:#F5F5F5 url(images/submenu.png) no-repeat 100% 50%;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
   position:absolute;
   top:-1px; left:150px;
}
.markItUpHeader ul ul ul li {
   float:none;
}
.markItUpHeader ul a {
   display:block;
   width:16px; height:16px;
   text-indent:-10000px;
   background-repeat:no-repeat;
   padding:3px;
   margin:0px;
}
.markItUpHeader ul ul a {
   display:block;
   padding-left:0px;
   text-indent:0;
   width:120px;
   padding:5px 5px 5px 25px;
   background-position:2px 50%;
}
.markItUpHeader ul ul a:hover  {
   color:#FFF;
   background-color:#3C769D;
}
/***************************************************************************************/
.bbcode .markItUpEditor {
   background-image:url(images/bg-editor-bbcode.png);
}
.markItUp .colors a {
   background-image:url(images/colors.png);
}
   .markItUp .colors ul {
      width:81px;
      padding:1px;   
   }
   .markItUp .colors  li {
      border:1px solid white;
      width:25px;   height:25px;
      overflow:hidden;
      padding:0px; margin:0px;
      float:left;
   }
   .markItUp .colors ul a {
      width:25px;   height:25px;
   }
   .markItUp .colors ul a:hover {
      background-color:#181818;
   }
   
   .markItUp .colors .col1-1 a {
      background:yellow;
   }
   .markItUp .colors .col1-2 a {
      background:orange;
   }
   .markItUp .colors .col1-3 a {
      background:red;
   }
   
   .markItUp .colors .col2-1 a {
      background:blue;
   }
   .markItUp .colors .col2-2 a {
      background:purple;
   }
   .markItUp .colors .col2-3 a {
      background:green;
   }
   
   .markItUp .colors .col3-1 a {
      background:white;
   }
   .markItUp .colors .col3-2 a {
      background:gray;
   }
   .markItUp .colors .col3-3 a {
      background:black;
   }
.error {
font-size: 11px;
color:#FF0000;
}
/*Forum content areas, sticky and regular*/
.topic {
background: #FFF url(images/topicview.png);
color: #101010;
border-top: 1px solid #5DE0FF;
border-right: 1px solid #5DE0FF;
border-left: 1px solid #5DE0FF;
border-bottom: 1px solid #5DE0FF;
}
.sticky {
background: #FFFFFF url(images/stickyview.png);
color: #333333;
text-decoration: bold;
border-top: 1px solid #5DE0FF;
border-right: 1px solid #5DE0FF;
border-left: 1px solid #5DE0FF;
border-bottom: 1px solid #5DE0FF;
} .topic a { color: #606060;} .topic a:hover { color: #202020; } .sticky a { color: #333333;} .sticky a:hover { color: #111111; }
.html .markItUp .markItUpButton1 a {
   background-image:url(images/h1.png);
}
.html .markItUp .markItUpButton2 a {
   background-image:url(images/h2.png);
}
.html .markItUp .markItUpButton3 a {
   background-image:url(images/h3.png);
}
.html .markItUp .markItUpButton4 a {
   background-image:url(images/h4.png);
}
.html .markItUp .markItUpButton5 a {
   background-image:url(images/h5.png);
}
.html .markItUp .markItUpButton6 a {
   background-image:url(images/h6.png);
}
.html .markItUp .markItUpButton7 a {
   background-image:url(images/paragraph.png);
}

.html .markItUp .markItUpButton8 a {
   background-image:url(images/bold.png);
}
.html .markItUp .markItUpButton9 a {
   background-image:url(images/italic.png);
}
.html .markItUp .markItUpButton10 a {
   background-image:url(images/stroke.png);
}

.html .markItUp .markItUpButton11 a {
   background-image:url(images/list-bullet.png);
}
.html .markItUp .markItUpButton12 a {
   background-image:url(images/list-numeric.png);
}
.html .markItUp .markItUpButton13 a {
   background-image:url(images/list-item.png);
}

.html .markItUp .markItUpButton14 a {
   background-image:url(images/picture.png);
}
.html .markItUp .markItUpButton15 a {
   background-image:url(images/link.png);
}

.html .markItUp .clean a {
   background-image:url(images/clean.png);
}
.html .markItUp .preview a {
   background-image:url(images/preview.png);
}
.help {
background: url(images/QuestionMark.png) no-repeat;
height: 18px;
width: 18px;
display: inline-block;
cursor: pointer;
}
.tooltip {
background:#FFFFCC;border:1px solid #FF3333; color:#333; display:none;
width: 10%;
}
.highlight {
background-color: #FF0000;
}
.ajax{
display:none;
font-size: 20pt;
text-align:center;
background:#99CCFF;
font-weight:bold;
color: #000000;
left: 0;
position:fixed;
top: 0;
width: 100%;
}
.titlebg a:active{
color: #FFFFFF;
}
.titlebg a:visited{
color: #FFFFFF;
}
.titlebg a:link{
color: #FFFFFF;
}
.bbcode_code_body {
color:#000000;
background-color:#C0C0C0;
border-right: 1px solid #777777;
border-left: 1px solid #777777;
border-bottom: 1px solid #777777;
border-top: 1px solid #777777;
}


any ideas why this is ? because it is just showing the energy blue theme
Last Edit: 25th June, 2009, 12:19:54 PM by James
eoCMS Developer
eoCMS Developer
Offline Offline
avatar
Posts: 1527
Re: my theme for my site

Ah, there is a small bug with the 0.8.1 theme system in that within the theme-functions.php the style that is included, is specified in there. So find energy_blue/style.css and change it to energy_green/style.css

Please do not PM me requesting support or anything, use the forums, thats what they are here for
Member
Member
Offline Offline
Posts: 392
james.patten@hotmail.co.uk
Re: my theme for my site

ahh ok thank you Smile

Jump to:


0.09 seconds Queries: 13