PDA

View Full Version : CSS Help !


Naan-Kadavul
07-09-2010, 08:04 AM
CSS Help !


/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
/* Misc Resets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img {
border:0;
}
.verticalAlign {
vertical-align:middle;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/* Page Wrapper
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pageWrapper {
margin:0 50px;
}

/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header {
height:120px;
position:relative;
}
.searchBox {
position:absolute;
top:57px;
right:0;
}
.searchBox form {
padding:0;
margin:0;
}
.searchBox input {
float:left;
}
.searchWrap {
background: url(images/styles/Influx/style/searchinput.gif) no-repeat top left;
width:179px;
height:33px;
float:left;
}
.searchinput {
background:transparent;
border:0;
color: #333;
padding:6px 0 5px 0;
font-size:8pt;
width:166px;
margin:5px 5px 0 8px;

}
.searchButton {
float:left;
}

/* Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#navigation {
background:url(images/styles/Influx/style/navBG.gif) repeat-x top left;
height:42px;
}
.navLeft {
background:url(images/styles/Influx/style/navLeft.gif) no-repeat top left;
height:42px;
}
.navRight {
background:url(images/styles/Influx/style/navRight.gif) no-repeat top right;
height:42px;
padding:0 2px;
}
#navigation ul {
list-style:none;
padding:0;
margin:0;
}
#navigation li {
background:url(images/styles/Influx/style/navSplit.gif) no-repeat top right;
float:left;
font-weight:700;
}
#navigation a:link, #navigation a:visited {
padding:14px 20px 13px 20px;
color:#fff;
text-decoration:none;
display:block;
margin-right:2px;
}
#navigation a:hover {
background:url(images/styles/Influx/style/navHover.gif) no-repeat top center;
}

/* Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contentMain {
background:#fff url(images/styles/Influx/style/contentBG.gif) no-repeat top left;
}
.contentBody {
padding:20px;
}
.contentSidebar {
background:url(images/styles/Influx/style/sidebarBG.gif) repeat-y top left;
width:258px;
padding:10px 0;
color:#767676;
}
.contentSidebar a:link, .contentSidebar a:visited {
color:#fe0030;
font-weight:700;
text-decoration:none;
}
.contentSidebar a:hover {
color:#fff;
}
.contentSidebar h3 {
background:url(images/styles/Influx/style/sidebarHeading.gif) no-repeat top left;
width:224px;
height:25px;
padding:10px 0 0 34px;
margin:0;
font-size:9pt;
font-weight:700;
color:#727272;
}
.boxMain {
padding:18px 34px;
}
.boxMain p {
padding:0;
margin:0;
line-height:20px;
}
.loginBox {
background:url(images/styles/Influx/style/loginBoxBG.gif) repeat-y top left;
padding:18px 34px;
}
.inputBox {
background: url(images/styles/Influx/style/inputBox.gif) no-repeat top left;
width:186px;
height:28px;
margin-bottom:6px;
}
.logininput {
border:0;
background:transparent;
color: #767676;
padding:6px 0 5px 0;
font-size:8pt;
width:176px;
margin:1px 5px 0 5px;
}
.rememberMe {
font: 9pt arial, helvetica, sans-serif;
font-size:11px;
font-weight:700;
padding:3px 0 8px 0;
}
.latestPost {
padding:10px 34px;
}
.latestPost ul {
list-style:none;
padding:0;
margin:0;
}
.latestPost li {
padding:8px 0;
line-height:16px;
}
.latestPost span {
background:url(images/styles/Influx/style/latestBullet.gif) no-repeat left;
padding-left:6px;
font-size:8pt;
}
.latestPost span a:link, .latestPost span a:visited {
color:#767676;
}
.latestPost span a:hover {
color:#fff;
}

/* Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {
padding:8px 0;
color:#fff;
line-height:16px;
font-size:8pt;
}
#footer a:link, #footer a:visited {
color:#fe0030;
font-weight:700;
}
#footer a:hover {
color:#fff;
}
.copyright {
color:#a8a8a8;
}
.copyWrap {
float:left;
}
.footerNav {
float:right;
padding:4px 0;
text-align:right;
}
.footerNav td {
padding:6px 0;
}
#footer .footerNav a:link, #footer .footerNav a:visited {
color:#fff;
}
#footer .footerNav a:hover {
color:#fe0030;
}


.alt1 strong, .alt2 strong {
color:#fe0030;
}
.alt1 b, .alt2 b {
color:#fe0030;
}
.postbitWrapper {
width:193px;
padding:6px 3px;
font: 8pt Georgia, "Times New Roman", Times, serif;
color:#a2a091;
text-align:left;
}
.postbitWrapper strong {
font: bold 8pt Georgia, "Times New Roman", Times, serif;
color:#5f5a46;
font-weight:400;
}
.postbitWrapper ul {
list-style:none;
margin:0;
padding:0;
}
.postbitWrapper li {
background:url(images/styles/Influx/style/bulletPostbit.gif) no-repeat top left;
font: 8pt Georgia, "Times New Roman", Times, serif;
padding:4px 3px 4px 12px;
}
.postbitSplit {
border-bottom: 1px solid #e9e9e9;
}

.alticon1
{
background: #f8f8f8;
color: #696c73;
padding:6px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}
.alticon2
{
background: #f4f4f4;
color: #696c73;
padding:6px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}
.altSkin {
padding-left:10px;
line-height:17px;
}
.altSkin a:link strong, .altSkin a:visited strong {
color:#35393f;
}
.altSkin a:hover strong {
color:#fe0030;
}
.breadcrumb {
background:#dfdfe0 url(images/styles/Influx/gradients/gradient_thead.gif) repeat-x top left;
color:#64666a;
border: 1px solid #e2e2e2;
margin-bottom:10px;
}
.bcLeft {
padding:5px;
border:1px solid #fff;
}



Hi All,

I need help in CSS. As I am not so good in that.

The problem is whatever i post as a reply in thread or post and i Bold the font and highlight using other colors and submit, The color automatically changes to red color. I don't know why is it happening. Please help with this. Thank you!


Regards,
Naan-Kadavul

eSekar
07-09-2010, 08:12 AM
This has nothing to do with the CSS codes you mentioned.

Tried to check LIVE at your site but viewing a thread requires a registration.

Naan-Kadavul
07-09-2010, 08:20 AM
Just register, its free, and its easy. And then u can take a look. Please.

--------------- Added 1278667342 at 1278667342 ---------------

This has nothing to do with the CSS codes you mentioned.

Tried to check LIVE at your site but viewing a thread requires a registration.

This has to do with the theme only. Because all other themes are working fine.

--------------- Added 1278674527 at 1278674527 ---------------

Someone please help me in this ..

BirdOPrey5
07-10-2010, 11:16 PM
Just register, its free, and its easy. And then u can take a look. Please.


Just an fyi you might get a better response if you provide info for a guest/temp account yourself- while registering for 1 forum isn't a big deal if people here did that every-time someone had a question we'd spend all day registering on dozens of sites... it's kind of expected if you want help you provide an account (or even better don't block the site to guests). Just a suggestion, not a command.

Naan-Kadavul
08-11-2010, 11:01 PM
well, i have all ready changed my theme. few weeks back.