Commits

Doug Stewart  committed 92c2150

Crazy changes after resetting CSS. Incorporating YUI! font and reset stylesheets, removing some cruft from a layout (need to do this across them all).

Still to do: make a unified interface for changing design width without altering the CSS.

  • Participants
  • Parent commits 52d77f1

Comments (0)

Files changed (8)

 	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
 	<?php } ?>
 
+	<link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('template_directory'); ?>/includes/css/yui/reset.css" />
+	<link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('template_directory'); ?>/includes/css/yui/fonts.css" />
 	<link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('template_directory'); ?>/layouts/<?php echo get_option('lblg_layout_stylesheet'); ?>" />
 	<link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('stylesheet_url'); ?>" />
 	<?php

File includes/css/reset.css

-body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
-	margin:0;
-	padding:0;
-}
-table {
-	border-collapse:collapse;
-	border-spacing:0;
-}
-fieldset,img { 
-	border:0;
-}
-address,caption,cite,code,dfn,em,strong,th,var {
-	font-style:normal;
-	font-weight:normal;
-}
-ol,ul {
-	list-style:none;
-}
-caption,th {
-	text-align:left;
-}
-h1,h2,h3,h4,h5,h6 {
-	font-size:100%;
-	font-weight:normal;
-}
-q:before,q:after {
-	content:'';
-}
-abbr,acronym { border:0;
-}

File includes/css/yui/fonts-min.css

+body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

File includes/css/yui/fonts.css

+/**
+ * Percents could work for IE, but for backCompat purposes, we are using keywords.
+ * x-small is for IE6/7 quirks mode.
+ * 
+ */
+body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
+table {font-size:inherit;font:100%;}
+
+/**
+ * 99% for safari; 100% is too large
+ */
+select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
+
+/**
+ * Bump up !IE to get to 13px equivalent
+ */
+pre, code {font:115% monospace;*font-size:100%;}
+
+/**
+ * Default line-height based on font-size rather than "computed-value"
+ * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
+ */
+body * {line-height:1.22em;}

File includes/css/yui/reset-min.css

+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

File includes/css/yui/reset.css

+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
+table{border-collapse:collapse;border-spacing:0;}
+fieldset,img{border:0;}
+address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
+ol,ul {list-style:none;}
+caption,th {text-align:left;}
+h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
+q:before,q:after{content:'';}
+abbr,acronym {border:0;}

File layouts/3-fixed-columns-3.css

-html,body{margin:0;padding:0}
-body{font: 85% arial,sans-serif;text-align:center}
-
-div#container{text-align:left}
-div#content p{line-height:1.4}
-div#footer{}
-div#footer p{margin:0;padding:5px 10px}
-
 div#container{width:800px;margin:0 auto}
 div#wrapper{float:left;width:100%}
 div#content{margin-right: 300px}
 Description: An extremely flexible 3 column theme.
 Author: Doug Stewart
 Author URI: http://literalbarrage.org/blog/
-Version: Beta 1
+Version: Beta 2
 */
+
+#header {
+	height: 7em;
+}
+
+#header h1 {
+	font-size: 189%;
+	font-family: times;
+	padding-left: 20px;
+}
+
+#header p{
+	padding-left: 20px;
+}
+
+#menu {
+	margin: 0;
+	padding: 0;
+	float: left;
+	width: 100%;
+	border-bottom: 1px solid #000;
+	border-top: 0px;
+	position: relative;
+	vertical-align: bottom;
+}
+
+#menu li {
+	display: inline;
+	margin: 0;
+	padding: 0;
+}
+
+#menu li:first-child a {
+	margin-left: 5px;
+}
+
+#content {
+	padding-left: 10px;
+	padding-right: 10px;
+}
+
+#footerleft {
+	width: 45%;
+	margin: 0 auto;
+	float: left;    
+}
+
+#footerright {
+	width: 45%;
+	margin: 0 auto;
+	float: right;   
+}
+
+#footercredits {
+	width: 50%;
+	margin: 0 auto;
+	clear: both;
+	text-align: center;
+}