07-09-2010, 08:04 AM
|
|
|
|
Join Date: Sep 2009
Location: Singpore
Posts: 249
Благодарил(а): 0 раз(а)
Поблагодарили:
0 раз(а) в 0 сообщениях
|
|
CSS Help !
CSS Help !
Quote:
/* ***** 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
|