1
roxbury
Re: Making My Template Wider
  • 2007/11/15 2:28

  • roxbury

  • Just popping in

  • Posts: 4

  • Since: 2007/11/11


Sorry for the late response, but thanks for the reply.


Here's the style.css sheet for the theme:

body
{
color: black;
padding: 0;
margin-top: 7px;
background-image: url('bg_zadnji.jpg');
font-size: 11px;
}
table
{
margin: 5;
padding: 5;
font-size: small;
width: 100%;
}
table td
{
padding: 0;
border-width: 0;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a
{
color: #2F4284;
text-decoration: none;
background-color: transparent;
font-weight: bold;
}
a:hover
{
color: #FF751A;
}
ul
{
margin: 2px;
padding: 2px;
list-style: decimal inside;
text-align: left;
}
li
{
margin-left: 2px;
list-style: square inside;
color: #2F5376;
}
.item
{
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.itemInfo
{
text-align: right;
padding: 3px;
background-color: #F7F7F7;
}
.itemHead
{
padding: 3px;
background-color: #D9E4F0;
color: #10437C;
}
.itemTitle a
{
font-size: 130%;
font-weight: bold;
font-variant: small-caps;
color: #144781;
background-color: transparent;
}
.itemPoster
{
font-size: 90%;
font-style: italic;
}
.itemPostDate
{
font-size: 90%;
font-style: italic;
}
.itemStats
{
font-size: 90%;
font-style: italic;
}
.itemBody
{
padding-left: 5px;
}
.itemText
{
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.5em;
}
.itemText:first-letter
{
font-size: 133%;
font-weight: bold;
}
.itemFoot
{
text-align: right;
padding: 3px;
background-color: #F5F5F5;
}
.itemAdminLink
{
font-size: 90%;
}
.itemPermaLink
{
font-size: 90%;
}
th
{
color: #8D9DBC;
padding: 2px;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 12px;
}
td#headerbanner
{
width: 100%;
text-align: left;
background-color: #5E7DB9;
vertical-align: bottom;
padding-top: 0px;
padding-bottom: 1px;
padding-right: 1px;
padding-left: 1px;
}
td#headerbanner1
{
height: 18px;
background-color: #3C5688;
}
td#headerbar
{
height: 25px;
line-height: 22px;
color: #C6CBFD;
background-color: #3C5688;
font-size: 10px;
}
td#headerbar_vrijeme
{
height: 25px;
line-height: 22px;
color: #A3A9F8;
background-color: #3C5688;
font-size: 9px;
}
td#headerbar a
{
height: 25px;
line-height: 23px;
color: #C6CBFD;
font-size: 10px;
font-weight: bold;
}
td#leftcolumn
{
font-size: 11px;
background-color: #E9F2FC;
width: 160px;
}
td#leftcolumn th
{
color: #004080;
vertical-align: middle;
}
td#leftcolumn div.blockTitle
{
color: #005BB7;
font-size: 13px;
letter-spacing: 1px;
font-weight: bold;
background-repeat: no-repeat;
padding-bottom: 2px;
border-bottom: 1px solid #ffffff;
padding-left: 10px;
background-position: left;
border-top: 1px solid #ffffff;
}
td#leftcolumn div.blockContent
{
padding-left: 5px;
}
td#centercolumn
{
font-size: 11px;
color: #495465;
padding: 2px;
}
td#centercolumn th
{
background-color: #CFD9E9;
color: #004080;
vertical-align: middle;
}
td#centerCcolumn div.blockTitle
{
padding: 2px;
color: #FFFFFF;
font-weight: bold;
background-color: #83A5CF;
border-top: 1px solid #cccccc;
margin: 1px;
}
td#centerCcolumn div.blockContent
{
margin-bottom: 2px;
}
td#centerLcolumn
{
width: 50%;
}
td#centerLcolumn div.blockTitle
{
padding: 2px;
color: #FFFFFF;
font-weight: bold;
background-color: #83A5CF;
border-top: 1px solid #cccccc;
margin: 1px;
}
td#centerLcolumn div.blockContent
{
padding: 3px;
}
td#centerRcolumn
{
width: 50%;
}
td#centerRcolumn div.blockTitle
{
padding: 2px;
color: #FFFFFF;
font-weight: bold;
background-color: #83A5CF;
border-top: 1px solid #cccccc;
margin: 1px;
}
td#centerRcolumn div.blockContent
{
padding: 3px;
}
div#content
{
text-align: left;
padding: 8px;
}
td#rightcolumn
{
font-size: 11px;
background-color: #E9F2FC;
}
td#rightcolumn th
{
vertical-align: middle;
width: 160px;
}
td#rightcolumn div.blockTitle
{
color: #005BB7;
font-size: 13px;
letter-spacing: 1px;
font-weight: bold;
background-repeat: no-repeat;
padding-bottom: 2px;
border-bottom: 1px solid #ffffff;
padding-left: 5px;
background-position: left;
border-top: 1px solid #ffffff;
}
td#rightcolumn div.blockContent
{
padding-left: 5px;
}
.footerbar
{
text-align: center;
background-color: #3C5688;
color: #F5C147;
font-size: 11px;
padding: 5px;
}
td#mainmenu a
{
margin: 0;
padding: 3px;
font-weight: normal;
color: #5C799C;
}
td#mainmenu a.menuTop
{
padding-left: 3px;
font-weight: normal;
}
td#mainmenu a.menuMain
{
padding-left: 3px;
font-weight: normal;
}
td#mainmenu a.menuSub
{
padding-left: 10px;
font-weight: normal;
color: #93A7BF;
}
td#mainmenu a:hover
{
color: #B93711;
padding-left: 3px;
}
td#usermenu a
{
font-size: 10px;
color: #6180A3;
margin: 0px;
padding: 1px;
font-weight: normal;
}
td#usermenu a:hover
{
color: #FF0000;
}
td#usermenu a.highlight
{
background-color: #A39EB4;
}
.head
{
background-color: #D6E6F8;
padding: 4px;
font-weight: bold;
}
.even
{
padding: 3px;
}
.odd
{
padding: 3px;
}
.foot
{
padding: 3px;
font-weight: bold;
}
tr.even td
{
padding: 5px;
}
tr.odd td
{
padding: 5px;
}
div.errorMsg
{
background-color: #FFCCCC;
text-align: center;
border-top: 1px solid #DDDDFF;
border-left: 1px solid #DDDDFF;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
font-weight: bold;
padding: 10px;
}
div.confirmMsg
{
background-color: #DDFFDF;
color: #136C99;
text-align: center;
border-top: 1px solid #DDDDFF;
border-left: 1px solid #DDDDFF;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
font-weight: bold;
padding: 10px;
}
div.resultMsg
{
background-color: #CCCCCC;
color: #333333;
text-align: center;
border-top: 1px solid silver;
border-left: 1px solid silver;
font-weight: bold;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 10px;
}
div.xoopsCode
{
background: #FFFFFF;
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
padding: 0px 6px 6px 6px;
}
div.xoopsQuote
{
background: #FFFFFF;
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
padding: 0px 6px 6px 6px;
}
.comTitle
{
font-weight: bold;
margin-bottom: 2px;
}
.comText
{
padding: 2px;
}
.comUserStat
{
font-size: 10px;
color: #2F5376;
font-weight: bold;
background-color: #ffffff;
margin: 2px;
padding: 2px;
}
.comUserStatCaption
{
font-weight: normal;
}
.comUserStatus
{
margin-left: 2px;
margin-top: 10px;
color: #2F5376;
font-weight: bold;
font-size: 10px;
}
.comUserRank
{
margin: 2px;
}
.comUserRankText
{
font-size: 10px;
font-weight: bold;
}
.comUserRankImg
{
border: 0;
}
.comUserImg
{
margin: 2px;
}
.comDate
{
font-weight: normal;
font-style: italic;
font-size: smaller;
}
.comDateCaption
{
font-weight: bold;
font-style: normal;
}
.zaja
{
width: 760px;
background-color: #F2F7FD;
}
form
{
display: inline;
font-family: Verdana;
font-size: 11px;
}
.button
{
font-family: Verdana;
color: #5F6AA0;
font-size: 11px;
margin-top: 2px;
margin-right: 4px;
}
.input
{
font-family: Verdana;
background-color: #4D6FAC;
color: #BBD0EE;
font-size: 11px;
border-width: 1px;
border-color: #D3D5FE;
margin-top: 1px;
}
input
{
font-size: 10px;
}
.sadrzaj
{
margin-bottom: 20px;
}
.blok
{
margin-bottom: 6px;
}
.forum
{
background-color: #E2E2E2;
font-size: 11px;
font-weight: bold;
color: #004080;
padding: 6px;
background-image: url('menu4_bar.gif');
}
.forumprvi
{
background-color: #F7F9FB;
padding: 3px;
color: #004080;
}
.forumdrugi
{
background-color: #EFF3F8;
padding: 3px;
color: #004080;
}
.navigacijaforum
{
background-color: #E3ECF2;
padding: 5px;
color: #004080;
border-top: 1px dashed #333333;
border-bottom: 1px dashed #333333;
font-size: 12px;
text-align: center;
font-weight: bold;
}
.gumb
{
border: 1px outset #ffffff;
color: #2E2E2E;
background-color: #E8E8E8;
border-top: 1px solid #FFFFFF;
}
.border
{
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 3px;
}
.borderdesno
{
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 3px;
}
.forum a
{
color: #004080;
}
.download
{
padding: 1px;
}
.downhead
{
color: #FFFFFF;
padding: 2px;
background-color: #44538E;
}
.downloadsvaki
{
width: 100%;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
padding: 1px;
}
.footerbar a
{
color: #F5C147;
}



2
roxbury
Making My Template Wider
  • 2007/11/14 2:52

  • roxbury

  • Just popping in

  • Posts: 4

  • Since: 2007/11/11


Hey all-

I've looked around in the style.css file for where to do it, but can't seem to find it.

I just want to make the total width of my site wider.. Where can I find this?

Much thanks.

(I tried searching the forums but didn't turn out any results.. seems surprising if this question hasn't been asked before)



3
roxbury
Re: Which files control which colors?
  • 2007/11/12 17:07

  • roxbury

  • Just popping in

  • Posts: 4

  • Since: 2007/11/11


Alright thanks.. i'll have to get that plugin.

Will it also tell me if the colors are located in the forum module's .css sheet or the site's general .css sheet? Or the style .css sheet?

I'll install it when I get home.. thanks.



4
roxbury
Which files control which colors?
  • 2007/11/12 2:24

  • roxbury

  • Just popping in

  • Posts: 4

  • Since: 2007/11/11


Hey all-

I'm just wondering if there's any easy way to figure out which .css files control which text colors (different pages, modules, etc.)

I've spent time literally doing everything from reading through lines of code to taking screenshots, importing to photoshop, and trying to match the #XXXXXX color in the css file... Seems like there must be an easier way.

If that wasn't clear, a specific situation i'm dealing with right now is that the titles of the forums in my Forum module are barely visible against their background. I've looked in both the css file of the forum module and the general style.css file looking for this, and can't find it.

Help much appreciated.

Greg




TopTop



Login

Who's Online

143 user(s) are online (82 user(s) are browsing Support Forums)


Members: 0


Guests: 143


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Mar 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits