Jump to content

Oh, Please. I Am About To Lose It.


turtle

Recommended Posts

You wouldn't have this problem if all the browsers showed the same font, font-size. see http://css-tricks.com/css-font-size/ or http://itezer.com/blog/web_dev/49-CSS-Font...vs-percent.htmlcss:#headline { width:590px; height:540px; float:left; background:#fff url(http://thespartana.net/wp-content/themes/arthemia/images/headlinebackground.jpg) no-repeat right bottom; padding:10px; font-size:1.05em; line-height:1.5em; margin-right:10px; border-bottom:8px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; }#featured { width:294px; height:540px; background:#fff; float:right; padding:10px; border-bottom:8px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; } #featured a {display: block; height: 20px; line-height: 20px;} /*add this*/#middle {background:repeat scroll 0 0;border-color:#333333;border-style:solid;border-width:1px 0 0;float:left;margin:10px 0 0;padding:10px 0 0;width:590px;} .category {background:#FFFFFF none repeat scroll 0 0;border-bottom:1px dotted #CCCCCC;border-top:1px dotted #CCCCCC;float:left;height:70px;margin-bottom:10px;padding:5px 10px 10px;width:98px;}#quotearea { height: 67px !important; margin-top: -5px!important; }HTML AMENDMENTS:add middle_image div round hallowayvoices images<div class="middle_img"><img src="http://thespartana.net/wp-content/themes/arthemia/images/arrow.jpg" width="13px" height="10px" alt="" /> <img src="http://thespartana.net/wp-content/themes/arthemia/images/hallwayvoices.gif" width="110px" height="11px" alt="" /></div>

Link to comment
Share on other sites

just gone though style sheet and these will the fix the incorrect font and size problems. "Century Schoolbook", Georgia, Arial, sans-serif; (quotes round Century Schoolbook)change Franklin Gothic Medium cond(no quotes) to "Franklin Gothic Medium";(with quotes).category p {-x-system-font:none;font-family:Arial;font-size:85%; /*change from 0.8em */font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;margin:0;}#front-list { /*place after H7 WHICH I SHOULD TELL YOU, DOES NOT EXIST Highest is H6*/ width:180px; height:650px; background:#fff; padding:10px; margin-top:10px; font-size:0.84em; line-height:1.40em; float:left; border-bottom:8px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; }h3.cat_title, h3.cat_title a { color:#333; letter-spacing:-0.05em; font-size:1em; }all css coding

/*  Theme Name: ArthemiaTheme URI: [url="http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/"]http://michaelhutagalung.com/2008/05/arthe...theme-released/[/url]Description: <a href="http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/">Arthemia</a> theme is combining a magazine and a weblog into one; it is not too magazine-ish nor too blog-ish. Designed for Wordpress. Gravatar support included along with automatic thumbnail resizer.Version: 1.0Author: Michael Jubel HutagalungAuthor URI: [url="http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/"]http://michaelhutagalung.com/2008/05/arthe...theme-released/[/url]The CSS, XHTML and design is released under GPL:[url="http://www.opensource.org/licenses/gpl-license.php"]http://www.opensource.org/licenses/gpl-license.php[/url]*//* HTML Elements */* {	margin:0;	padding:0;	}body {	font: 100% Arial, Helvetica;	background: #FFF;        color: #333;	}p {		margin: 15px 0;	}caption {        font:0.8em Arial;        text-transform:uppercase;        }a:link, a:visited {	color: #21428e;	text-decoration:none	}a:hover, a:active {	color: #21428e;	text-decoration:underline;	}a img {	border:0;	}code {	font: 1.0em 'Courier New', Courier, Fixed;	background:#ececec;	}	acronym, abbr, span.caps {		font-size: 0.9em;	letter-spacing: .07em;	cursor:help;	}			acronym, abbr {	border-bottom: 1px dashed #999;	}blockquote {	padding: 10px 10px 0 10px;	border-top: 1px solid #ddd;	border-bottom: 1px solid #ddd;	background: #eee;	font:1.0em Arial;	line-height:1.5em;	margin:10px 0px;	}select {	width: 130px;	}	/* Structure */#head {	width:980px;	margin:0px auto;	margin-top:10px;	padding:0px;	font-size:0.7em;	}#page {	width:938px;	margin:0px auto;	padding:20px;        background:#ececec url(images/newspaperbackground1.jpg);	font-size:0.7em;        border-right:1px solid #333;        border-left:1px solid #333;	}.left, .alignleft {	float:left;	}.right, .alignright {	float:right;	}/* Navigation Bar*/#navbar {	margin:0 auto;	margin-top:15px;	padding:0px 10px;	text-transform:uppercase;	background:#2c2c2c url(images/navbar_edited2.jpg);        border-bottom:8px solid #333333;		}#page-bar {	width:722px;	}#page-bar ul {	list-style: none;	}#page-bar li {	float:left;	list-style:none;	cursor: pointer;	display:block;	border-right:1px solid #333;	}#page-bar li:hover {	background: #ffffff;	}#page-bar a, #page-bar a:visited {	margin: 0px;	padding:10px 16px;	font-weight:bold;	color:#333333;	display:block;	}#page-bar a:hover {	text-decoration:none;	display:block;	}#searchform {	width:194px;	float:right;	text-align:right;	padding-top:8px;	margin-right:10px;	}/* Dropdown Menus */		#page-bar li {	float: left;	margin: 0px;	padding: 0px;	}	#page-bar li li {	float: left;	margin: 0px;	padding: 0px;	width: 122px;	text-transform:none;	}	#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {	background: #ffffff;	width: 122px;	float: none;	margin: 0px;	padding: 5px 10px 5px 18px;        border-bottom: 1px solid #C0C0C0;        border-right: 1px solid #C0C0C0;        border-left: 1px solid #C0C0C0;	}	#page-bar li li a:hover, #page-bar li li a:active {	background: #ffffff url(images/dropdown1.jpg);	padding: 5px 10px 5px 18px;        border-bottom:8px solid #333333;        border-left:1px solid #333333;        border-right:1px solid #333333;        border-top:1px solid #333333;	}#page-bar li ul {	position: absolute;	width: 10em;	left: -999em;	}#page-bar li:hover ul {	left: auto;	display: block;	}	#page-bar li:hover ul, #page-bar li.sfhover ul {	left: auto;	}#twitter-feed{	list-style-type: none;	border: 1px solid #3a78b8;	background: #d7e6f5;	padding: 3px;	margin: 0;	font: 12px helvetica, arial, tahoma, sans-serif;	}/* Text*/h1 {	font:3.5em "Franklin Gothic Medium";	font-weight:bold;	letter-spacing:-0.08em;	}h2 {	font:2.3em Georgia, "Times New Roman";	}h3 {	font:1.3em "Franklin Gothic Medium";        text-transform:capitalize;	margin-bottom:3px;	color:#21428e;	}h4 {	font:1.0em Arial;        text-align:Right;	}h5 {        font:1.0em "Franklin Gothic Medium";        color:#21428e;        text-transform:uppercase;        }h6 {        font:0.8em "Franklin Gothic Medium";        color:#333		}#front-list {	width:180px;        height:650px;	background:#fff;	padding:10px;        margin-top:10px;	font-size:0.84em;	line-height:1.40em;	float:left;        border-bottom:8px solid #333333;        border-left:1px solid #333333;        border-right:1px solid #333333;        border-top:1px solid #333333;	}h3.cat_title, h3.cat_title a {	color:#333;	letter-spacing:-0.05em;	font-size:1em;	}h3#respond {	margin-top:0px;	padding-top:20px;	}h3#comments {	margin-top:32px;	padding-left:0px;	}h3.authors {	margin-top:15px;	}/* Index Page*/#logo {	width:350px;	}#tagline {	margin-top:5px;	font-size:1em;	color:#333;	}#top {	padding:0;	}#headline {	width:590px;    height:540px;	float:left;	background:#fff url(images/headlinebackground.jpg) no-repeat right bottom;	padding:10px;	font-size:1.05em;	line-height:1.5em;	margin-right:10px;        border-bottom:8px solid #333333;        border-left:1px solid #333333;        border-right:1px solid #333333;        border-top:1px solid #333333;			}#headline div.title {	font:2.4em  "Century Schoolbook", Georgia, Arial, sans-serif;        font-weight:bold;	letter-spacing:-0.05em;	display:block;	padding-bottom:5px;	}#headline div.meta {	display:block;	margin-top:-5px;	padding-bottom:2px;	}#headline p {	padding-bottom:15px;	}#featured {	width:294px;        height:540px;	background:#fff;	float:right;	padding:10px;        border-bottom:8px solid #333333;        border-left:1px solid #333333;        border-right:1px solid #333333;        border-top:1px solid #333333;	}		#featured a {display: block; height: 20px; line-height: 20px;} /*add this*/#featured .clearfloat {	margin-top:7px;	margin-bottom:8px;	}#featured .info {	margin-top:5px;	padding-top:5px;	float:right;	width:180px;	}#featured .title {	font-weight:bold;	}#headline a img, #featured a img {	border:1px solid #ccc;	margin-top:5px;	margin-right:5px;	padding:2px;	}#middle {background:repeat scroll 0 0;border-color:#333333;border-style:solid;border-width:1px 0 0;float:left;margin:10px 0 0;padding:10px 0 0;width:590px;}					.middle_img {margin-bottom: 5px;}.category {background:#FFFFFF none repeat scroll 0 0;border-bottom:1px dotted #CCCCCC;border-top:1px dotted #CCCCCC;float:left;height:70px;margin-bottom:10px;padding:5px 10px 10px;width:98px;}.category p {    font:85% Arial;	margin:0;	}	#cat-1, #cat-3, #cat-5  {border-top:8px solid #a4a8ab;}#cat-2, #cat-4 {border-top:8px solid #21428e;}.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {	font:1.5em "Franklin Gothic Medium";        text-transform:uppercase;	margin:0;	letter-spacing:-0.05em;		}#front-popular h3 {	color:#fff;	}.category a {	color:#333;	display:block;	background:none;	}	.category a p {        padding-bottom: 0!important;	}.category a:hover {	background:none;	color:#fff;	text-decoration:none;	}#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#21428e; color:#fff; }#cat-2:hover, #cat-4:hover {background:#a4a8ab; color:#fff; }#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#21428e; color:#fff; }#cat-2:hover a, #cat-4:hover a {background:#a4a8ab; color:#fff; }#bottom {	width: 938px;        padding: 0px;	}.bottom-center {        background:#FFFFFF none repeat scroll 0 0;        float:left;        padding:10px;        margin-top:10px;        margin-left:10px;        margin-right:10px;        width:378px;        height:650px;        border-bottom:8px solid #333333;        border-left:1px solid #333333;        border-right:1px solid #333333;        border-top:1px solid #333333;        }#archive {	padding-top:50px;	font-size:1.05em;	line-height:1.26em;	}#front-list blockquote {	padding: 0px 0px 0px 0px;	}#front-list .title, #archive .title {	font: 1.8em "Century Schoolbook", Georgia, Arial, sans-serif;	letter-spacing:-0.05em;	}#front-list .clearfloat, #archive .clearfloat {	border-top:1px dotted #ccc;        margin-top:10px;        margin-bottom:10px;        }#front-list .spoiler, #archive .spoiler {	display:block;	margin-top:3px;	}#front-list p, #archive p {	margin:0px;	padding:0px;	}.author {	font-size:0.8em;	font-weight:bold;	}.meta {	font-size:0.99em;	color:#333;	}.meta a {	color:#333;	}#headline p, #featured p {	margin:0;	}/* Content Page*/#content {	width:590px;	background:#fff;	padding:10px;	font-size:1.05em;	line-height:1.26em;	float:left;	min-height:400px;        border-bottom:8px solid #333333;        border-left:1px solid #333333;        border-right:1px solid #333333;        border-top:1px solid #333333;	}#content .breadcrumbs, #content .breadcrumbs a {        color:#333;        font:1.0em "Franklin Gothic Medium";	        text-transform:uppercase;	}#content h2.title {	font:2.2em  "Century Schoolbook", Georgia, Arial, sans-serif;	font-weight:bold;	letter-spacing:-0.05em;	border-bottom:1px solid #ddd;	border-top:3px solid #ddd;	padding:5px 0px;	}.post {	font-size:1.05em;	line-height:1.26em;	}.post p {	margin-top:0px;	}.post .clearfloat {	border-bottom:1px dotted #ccc;	margin:10px 0px;	}.post ul, .post ol, #front-list ul, #front-list ol {	margin-bottom:15px;	}.post ul li, #front-list ul li {		list-style:square;	margin-left:30px;	}.post ol li, #front-list ol li {		list-style:decimal;	margin-left:30px;	}.post ol li ul li, #front-list ol li ul li {		list-style:square;	margin-left:20px;	}.post img, .post a img, #front-list img, #archive img {	border:1px solid #ffffff;	}.post .ads {	margin-top:10px;	}.entry {	margin-top:20px;	}#stats {	margin-top:0px;	padding:4px 0px;	text-transform:capitalize;	font:0.8em Arial;	display:block;	}#stats span {	padding: 0px 20px 0px 0px;	}#stats span a:hover {	background:none;	}#stats span a {	color:#333;	}#stats img, #nav img {	border:0px;	margin:0px;	padding:0px;	}#tools {	width:590px;	height:25px;	font-size:0.95em;	}#tools a:hover {	background:none;	}.navigation {	padding:5px 0px;	text-align:Center;	}/*Pseudo Sidebar*/#pseudosidebar-top {        width:294px;        height:220px;                float:right;        margin-top:10px;        padding:10px;        background:#fff;        border-bottom:8px solid #333333;        border-left:1px solid #333333;        border-right:1px solid #333333;        border-top:1px solid #333333;        }		#pseudosidebar-bottom {        width:294px;        height:391px;          float:right;        margin-top:10px;        padding:10px;        background:#fff;        border-bottom:8px solid #333333;        border-left:1px solid #333333;        border-right:1px solid #333333;        border-top:1px solid #333333;        }		/* Sidebar*/#sidebar {	        float:right;        width:294px;                margin-top:10px;        margin-left:10px;	}#sidebar h3 {	font:1.1em Arial;	font-weight:bold;	background:#333;	color:#fff;	margin:10px 0px 5px 0px;	padding:3px 10px;	}#sidebar-top {	float:right;        width:294px;        padding:10px;	background:#fff;        border-bottom:8px solid #333333;        border-left:1px solid #333333;        border-right:1px solid #333333;        border-top:1px solid #333333;	}#sidebar-bottom, #sidebar-middle {	margin-top:10px;	}#sidebar li {	list-style:none;	border-bottom:1px dotted #ccc;	display:block;	background:no-repeat 0 0px;	}#sidebar li ul li:last-child{	list-style:none;	border-bottom:0px dotted #ccc;	display:block;	padding:2px 0px 0px 13px;	background:no-repeat 0 0px;	}#sidebar-ads {        height:294px;        width:100%;	float:right;	background:#fff;        border-bottom:8px solid #333333;        border-left:1px solid #333333;        border-right:1px solid #333333;        border-top:1px solid #333333;	}/* Form Elements */select {	border:1px solid #333;	width:100%	}	.field {	padding: 2px;	border:1px solid #333;	background:#fff;	font-size:1.0em;	}#s {	padding:1px;	font-size:1.0em;	width:150px;	}	#searchsubmit {	padding-left:5px;	}#commentform input {	width: 140px;	margin: 5px 5px 1px 0;	}#commentform textarea {	width: 99%;	margin-top:5px;	}/* Comments*/.commentlist cite {	font-style:normal;	margin-bottom:4px;	display:block;	}	.commentlist blockquote {	background:#ededed;	}			.commentlist li {	padding: 10px 0px 10px 0px;	list-style:none;	margin-bottom:3px;	}.commentlist li li {	background:none;	border:none;	list-style:square;	margin:3px 0 3px 20px;	padding:3px 0;	}.commenttext {	padding: 10px 10px 0px 10px;	background:#f2f2f2;	border-top:1px solid #ddd;	border-bottom: 1px solid #ddd;	width:495px;	float:right	}		.commentlist cite strong {	font-size:1.1em;	}	li.my_comment {	background: #FFF;	border:none;	}li.my_comment cite strong {	font-size: 1.3em;	color:#313228;	}	#commentform small {	background:#FFF;	font-weight:bold;	padding:0;	}	.commentmetadata {	color:#4d4d4d;	display: block;	margin-top:3px;	text-align:right;	font-size:0.9em;	}.commentmetadata a, .commentmetadata a:visited {	color:#959382;	}	.commentlist small {	background:#e9e9e9;	}.avatar {	border:1px solid #bbb;	margin:0px 10px 0px 0px;	float:left;	padding:2px;	width:55px;	height:55px;	}	#comment {	width:590px;	background:#fff;	}/* Footer*/#front-popular {	font-size:0.7em;	color:#fff;	width: 940px;	background:#2c2c2c url(images/bottombar.png) bottom no-repeat;	margin: 0 auto;	padding:20px;	}#recentpost, #mostcommented {	width:280px;	float:left;	padding:10px;	border:1px solid #fff;	}#mostcommented {	margin-left:17px;	}#recent_comments {	width:280px;	float:right;	padding:10px;	border:1px solid #fff;	}#recentpost a, #mostcommented a, #recent_comments a {	color:#fff;	}#recentpost ul, #mostcommented ul, #recent_comments ul {	margin-top:5px;	}#recentpost ul li, #mostcommented ul li, #recent_comments ul li {	list-style:none;	border-top:1px dotted #fff;	padding:5px;	display:block;	}#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {	background:#21428e;	color:#fff;	}#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {	border-top:0px dotted #fff;	}.body-footer {        background:#FFFFFF none repeat scroll 0 0;        float:none;        margin-top:10px;        padding:10px;        width:916px;        height:200px;        border-bottom:8px solid #333333;        border-left:1px solid #333333;        border-right:1px solid #333333;        border-top:1px solid #333333;        }#footer {        margin: 0 auto;	width: 980px;	font-size:0.6em;	padding-top:10px;	padding-bottom:10px;        text-align:center;	}/* Float Properties*/.clearfloat:after {	content:".";	display:block;	height:0;	clear:both;	visibility:hidden;	}.clearfloat {	/*display: inline-block;*/	}#quotearea { height: 67px !important; margin-top: -5px!important; }/* Hides from IE-mac \*/

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...