Jump to content

CSS Template code forcing styling


NJC

Recommended Posts

My blog at: Not Just Cricket.Following is my CSS template code. It is somehow forcing the buttons (like the Preview and Submit buttons, here on this board) to show as rectangular plain text boxes.What would I need to change to stop the CSS template code forcing the styling and let the buttons show as they should show.

@import url("base-weblog.css");body {    margin: 0;	padding: 0;	text-align: center;	font: normal 8.75pt/1.5 Trebuchet MS, Verdana, Arial, sans-serif;	color: #4d5a57;	background: url(bgB.png);	}/*//left layout//*/.layout-two-column-left #container {    width: 100%;    background: url(bgB2.png) repeat-x;	}.layout-two-column-left #container-inner {    position: relative;    width: 770px;	margin: 2px auto 10px auto;	padding: 0;	text-align: left;	background: url(bgCon.png) repeat-y center top;	}.layout-two-column-left #banner {    height: 300px;    margin: 0;	padding: 0;	background: url(bgHead.png) no-repeat center;	}.layout-two-column-left #pagebody {    margin: 0 0 -2px 0;	padding: 0 0 60px 0;	background: url(bgPage.png) no-repeat center bottom;	}.layout-two-column-left #alpha {    float: left;	width: 185px;	height: auto;	margin: 15px 0 0 0;	padding: 0;	}.layout-two-column-left #beta {    float: right;	width: 550px;	height: auto;	margin: -100px 0 0 0;	padding: 0 12px 0 0;	}.layout-two-column-left #banner-description {	position: absolute;	top: 68px;	right: 83px;	font-size: medium;	font-weight: bold;	font-family: Papyrus;	color: #FF4500;	}.layout-two-column-left .module-syndicate {    display: table; /*for Opera*/	text-align: center;	font-size: 9px; 	background: url(marker5.png) no-repeat 10px -2px;	}.layout-two-column-left .module-syndicate .module-content {    padding-top: 10px;	padding-right: 16px;	color: #4d5a57;	font-size: 9px;	}/*//right layout//*/.layout-two-column-right #container {    width: 100%;    background: url(bgB2a.png) repeat-x;	}.layout-two-column-right #container-inner {    position: relative;    width: 770px;	margin: 2px auto 10px auto;	padding: 0;	text-align: left;	background: url(bgCon2.png) repeat-y center top;	}.layout-two-column-right #banner {    height: 175px;    margin: 0;	padding: 0;	background: url(bgHead2.png) no-repeat center;	}.layout-two-column-right #pagebody {    margin: 0 0 -2px 0;	padding: 0 0 60px 0;	background: url(bgPage2.png) no-repeat center bottom;	}.layout-two-column-right #alpha {    float: left;	width: 550px;	height: auto;	margin: -100px 0 0 23px;	padding: 0;	}	.layout-two-column-right #beta {    float: right;	width: 181px;	height: auto;	margin: 15px 0 0 0;	padding: 0;	}.layout-two-column-right #banner-description {    position: absolute;	top: 68px;	right: 273px;	} .layout-two-column-right .module-content {    margin-left: -4px;	}.layout-two-column-right .module-syndicate {    display: table; /*for Opera*/	text-align: center;	font-size: 9px; 	background: url(marker5.png) no-repeat 0 -2px;	}.layout-two-column-right .module-syndicate .module-content {    padding-top: 10px;	padding-left: 0px;	color: #4d5a57;	font-size: 9px;	}.entry-body {    width: auto;	margin: 0 0 -8px 0;	padding: 0 0 3px 0;	background: url(lineC.png) no-repeat center bottom;	}/*-------------------h1,...,span----------------------*/h2.date-header, h2.module-header, .module-powered,h3.entry-header, .module-syndicate, h2#banner-description {    font-family: "Trebuchet MS", Verdana, Helvetica;	}  h1#banner-header {	font-size: 0px;	margin: 0;	padding: 0;	}h2#banner-description {	font-size: 10pt;	}h2.date-header {	margin: 0;	color: #9f9f8e;	font-size: 8pt;	font-weight: bold;}h2.module-header, .module-powered {    margin: 0;	padding: 15px 0 0 0;	color: #9f9f8e;	text-align: center;	font-size: 10pt;	background: url(lineM.png) no-repeat center top;	}.module-powered {    margin-top: 22px;	}h3.entry-header {    margin: 0;    padding: 0 0 0 15px;    color: #f57928;    font-size: 11pt;	background: url(marker.png) no-repeat 0 8px;	}.post-footers {    color: #9f9f8e;	font-style: normal;	}p.entry-footer {    color: #97bf43;	font-size: 7.5pt;	}/*//left layout//*/.layout-two-column-left p.content-nav {    position: absolute;	top: -43px;	left: 5px;	}/*//right layout//*/.layout-two-column-right p.content-nav {    position: absolute;	top: -43px;	right: 5px;	}blockquote {    background: url(marker4.png) no-repeat 0 3px;	margin: -4px 0;	padding: 1px 0 1px 30px;	}.module-list {    list-style: none;	margin: 0;	padding: 0;	}.module-list-item, .module-powered a {    margin: 0 0 0 15px;	padding: 0 0 0 13px;	background: url(marker2.png) no-repeat 0 6px;	}.module-list ul.module-list li.module-list-item {    margin: 0 0 0 8px;	padding: 0 0 0 13px;	background: url(marker3.png) no-repeat 0 6px;	}.module-syndicate {    margin: 0 0 0 8px;	padding: 0;	}/*------------------links----------------------*/a {     color: #97bf43;	text-decoration: none;    }a:hover {    color: #97bf43;	text-decoration: underline;	}/*//left layout//*/.layout-two-column-left #banner-header a {    display: block;	width: 135px;	height: 110px;	margin: 0 0 0 32px!important;	margin: 35px 0 0 32px;	padding: 65px 0 0 0!important;	padding: 0;	color: #fff;	background: url(TSC11.png) no-repeat center;	text-decoration: none;	}/*//right layout//*/.layout-two-column-right #banner-header a {    display: block;	float: right;	width: 135px;	height: 110px;	margin: 0 32px 0 0!important;	margin: 35px 15px 0 0;	padding: 65px 0 0 0!important;	padding: 0;	color: #fff;	background: url(TSC.png) no-repeat center;	text-decoration: none;	}#banner-header a:hover {    color: #fff;    text-decoration: none;	}h2.module-header a {    color: #9f9f8e;	text-decoration: none;	}h2.module-header a:hover {    color: #9f9f8e;    text-decoration: underline;	}.module-list a, .module-powered a, .module-syndicate .module-content a {    padding: 0;    color: #4d5a57;	text-decoration: none;	}.module-list a:hover, .module-powered a:hover, .module-syndicate .module-content a:hover {    color: #849793;    text-decoration: underline;	}.module-powered a {    display: block;	margin: 4px 0 0 15px;	padding: 2px 0 0 13px;	font: normal 8.5pt Verdana, Arial, sans-serif;	text-align: left;	}.content-nav a {    color: #2b2b2b;	text-decoration: underline;	}.content-nav a:hover {    color: #2b2b2b;    text-decoration: none;	}/*---------------------images---------------------*/img {    border: none;	}/*//left layout//*/.layout-two-column-left .entry-body img {    background: #d9d9d9 url(bgImg.png) no-repeat right bottom;	margin: 0 0 -12px 5px;	padding: 3px 3px 17px 3px;	}/*//right layout//*/.layout-two-column-right .entry-body img {    background: #d9d9d9 url(bgImg2.png) no-repeat right bottom;	margin: 0 5px -12px 5px;	padding: 3px 3px 17px 3px;	}/*-----------------forms-----------------------*//*//left layout//*/.layout-two-column-left form {    margin: 0 0 0 12px;	padding: 0;	}/*//right layout//*/.layout-two-column-right form {    margin: 0 0 0 12px!important;	margin: 0 0 0 15px;	padding: 0;	}	input {	width: 150px;	margin: 5px 0 0 0;	padding: 0;	color: #4d5a57;	text-align: left;	border: 1px solid #ccc;	background: #fdfdf2;	font-family: "Trebuchet MS";}#search, #comment-author, #comment-email, #comment-url {    width: 150px;	margin: 5px 0 0 0;	padding: 0;	color: #4d5a57;	text-align: left;	border: 1px solid #ccc;	background: #fdfdf2;	}#comment-bake-cookie {    width: 15px;	margin: 0;	}#comment-text {    border: 1px solid #ccc;	background: #fdfdf2;    }#comment-preview, #comment-post {    width: 60px;	margin: 0 0 0 -15px;	padding: 0;	font-weight: normal;	text-align:center;	border: none;	background: #fdfdf2;	}#comment-post {    margin: 0;	}

Link to comment
Share on other sites

Find out what the id for the buttons are and look for something in the style sheets with the same name. That's a good place to start...
Did a bit of digging around the CSS template code and realised that code of 'input' was forcing the buttons and text boxes appearing as they did.I removed it and it seems to be working fine.
input {width: 150px;margin: 5px 0 0 0;padding: 0;color: #4d5a57;text-align: left;border: 1px solid #ccc;background: #fdfdf2;font-family: "Trebuchet MS";}

Thank you for your response, in any case, S@m

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...