CSS Question – Text Layout

  • I am working off the YAST (Yet Another Standard Theme) Theme. I want the pages to have the same font size, spacing, etc as the posts (see recipes). I can’t see where to do that. Can you point me to where I need to be looking?

    fallywalkerfarm DOT com

    common */
body,div,span,td,h1,h2,h3,h4,h5,h6,p,input{font:normal 12px Verdana,sans-serif; margin:px;}
h1,h2,h3,h4,h5,h6{font-size:18px; font-weight:bold;}
body{background-color: #f3ce03;}
form{padding:0px; margin:0px;}
input[type=text], input[type=checkbox], textarea{border:1px solid #999;}
img{border:0px;}
a{color:#00c; text-decoration:none;}
a:hover{text-decoration:underline;}
p{margin-bottom:10px;}
hr{border:0px; border-bottom:1px solid #999;}
/************************************************
*	Navbar      								*
************************************************/
#navbar {
	background: #6d729b;
	width: 830px;
	margin: -10px -10px 0px;
	padding: 8px 0px 9px 0px;
	text-align: left;
	}

#navbar li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

#navbar ul {
	margin: 0px;
	padding: 0px;
	}

#navbar ul li {
	margin: 0px;
	padding: 0px;
	}

#navbar ul li a {
	background: #6d729b top right;
	font-size: 13px;
	color: #FFFFFF;
	padding: 8px 20px 9px 20px;
	margin: 0px -4px 0px 0px;
	text-decoration: none;
	text-transform: uppercase;
	}

#navbar ul li a:hover {
	background: #688f34;
	color: #FFFFFF;
	}

/* structure */
#page{position:relative; margin:0px auto; width:898px;}
#border{position:relative; background:url(img/page-border.png) repeat-y; width:898px;}
#prehead{position:absolute; left:14px; width:830px; height:165px; background:url(img/title.jpg) no-repeat;}
#head{position:absolute; left:-45px; top:10px; width:640px; height:165px; background:url(img/title.gif);}
#head .l{position:absolute; left:0px; top:0px; width:15px; height:134px; no-repeat;}
#head .m{position:absolute; left:15px; top:0px; width:810px; height:134px; text-align:center; background:url(img/logo-mid.png) repeat-x;}
#head .r{position:absolute; right:0px; top:0px; width:15px; height:134px; background:url(img/logo-right.png) no-repeat;}
#head .m h1{padding-top:29px;}
#head .m h1 a{font-size:36px; text-decoration:none;}
#head .m div{margin-top:7px; font-size:14px; font-weight:bold;}
#content{float:left; position:relative; width:575px; margin:175px 0px 100px 24px;}
#contentMid{float:left; position:relative; width:575px; margin:200px 0px -9px 129px;}
#sidebar{float:left; position:relative; width:215px; margin:206px 0px 90px 10px;}
#splatter1{position:absolute; left:970px; top:570px; width:150px; height:122px;
background:url(img/splatter1.gif);}
#splatter2{position:absolute; left:825px; top:43px; width:150px; height:170px;
background:url(img/splatter2.gif);}
#splatter3{position:absolute; left:850px; top:600px; width:190px; height:124px;
background:url(img/splatter3.gif);}
#foot{position:absolute; left:7px; bottom:-57px; width:850px; height:157px; margin:0px 90px 0px 0px;background:url(img/footer.gif);}
#prefooter{position:absolute; left:0px; bottom:-19px; width:858px; height:19px; background:url(img/page-footer1.png) no-repeat;}
#footer{background:url(img/page-footer2.png) no-repeat; margin:19px 0px 14px 0px; padding-top:15px; color:#666; font-weight:bold; text-align:center;}
#footer a{color:#559; font-weight:bold;}
/* news */
.news{position:relative; width:575px; margin-top:10px;}
.news .top{background:url(img/news-top.png) no-repeat; padding:10px 8px 6px 8px;}
.news .top h2, .news .top h3{font-size:18px; font-weight:bold;}
.news .top h2 a, .news .top h3 a{color:#000;}
.news .top h2 span, .news .top h3 span{color:#777;}
.news .mid{padding:12px 19px 3px 19px; background:url(img/news-mid2.png) repeat-y;}
.news .mid2{padding:2px 19px 1px 19px; background:url(img/news-mid2.png) repeat-y;}
.news .mid a, .news .mid2 a{text-decoration:underline; font-weight:bold;}
.news .midTop{height:5px; background:url(img/news-top2.png) no-repeat;}
.news .midBot{height:5px; background:url(img/news-bot2.png) no-repeat;}
.news .midBot2{height:15px; background:url(img/news-bot3.png) no-repeat;}
.news .bot{color:#777; text-align:center; padding:7px 9px 8px 9px; background:url(img/news-bot.png) bottom no-repeat;}
.news .bot a{color:#00c;}
.news .commentPic{float:left; margin:0px 10px 8px 0px;}
/* navigation bar */
.nav .left a, .nav .right a{width:150px; height:22px; background:url(img/button.png) no-repeat; padding-top:7px; text-align:center; margin-top:10px;}
.nav .left a{float:left;}
.nav .right a{float:right;}
/* sidebar */
#sidebar{color:#999;}
#sidebar ul{margin:0px; padding:0px; list-style-type:none;}
#sidebar > ul > li{background:url(img/menu-mid.png) repeat-y; margin-top:10px;}
#sidebar > ul > li h2{display:block; height:18px; background:url(img/menu-top.png) no-repeat; padding:7px 9px 0px 9px; color:#000;}
#sidebar > ul > li .a, #sidebar > ul > li > ul{padding:7px 9px 8px 9px; background:url(img/menu-bot.png) bottom no-repeat;}
#sidebar input[type=text]{width:108px;}

#sidebar .text{padding:7px 0px 0px 0px; background:#fff;}
#sidebar .text p{color:#000; font-weight:bold;}
#sidebar .bk{color:#000;}
#sidebar .categories .children{margin-left:10px;}
/* miscellaneous */
.h2head{margin-top:6px; font-size:14px;}
.pageContent{margin:14px 0px 20px 0px;}
.error1{margin-top:7px; color:#900;}
.error2{margin:5px 0px 15px 0px; color:#900;}
.pages{text-align:center; margin:7px 0px 15px 0px;}
.clear{clear:both;}
.MT10{margin-top:10px;}
.comment{font-size:14px; margin-bottom:10px;}
/* needed by wordpress */
.aligncenter, div.aligncenter{display:block; margin-left:auto; margin-right:auto;}
.alignleft{float:left;}
.alignright{float:right;}
.wp-caption{border:1px solid #ddd; text-align:center; background-color:#fff; padding-top:4px; margin:8px 0px 0px 0px;}
.wp-caption img{margin:0; padding:0; border:0 none;}
.wp-caption p.wp-caption-text{padding:7px 4px 8px; margin:0;}
/*

CONFIGURE YOUR COLORS HERE: */

	#head .m h1 a, #head .m div{color:#fff;}                 /* head area text color */
	#sidebar > ul > li{background-color:#eeeeee;}            /* menu background color */
	.news{background-color:#ffffff;}                         /* post background color */
	.nav .left a, .nav .right a{background-color:#dae2f2;}   /* previous-next navigation buttons background color */

/* Remove this comment (not the code) if you wish the menu to be on the left side
	#content{float:right; margin:113px 24px -9px 0px;}
	#sidebar{margin:113px 0px -9px 24px;}
*/
  • The topic ‘CSS Question – Text Layout’ is closed to new replies.

Tags