web/html/css fedora.css,1.4,1.5 layout.css,1.4,1.5

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

 



Author: kwade

Update of /cvs/fedora/web/html/css
In directory cvs1.fedora.phx.redhat.com:/tmp/cvs-serv5859/html/css

Modified Files:
	fedora.css layout.css 
Log Message:
Adding work done by Michael Beckwith (tw2113); live beta of work done. :)


Index: fedora.css
===================================================================
RCS file: /cvs/fedora/web/html/css/fedora.css,v
retrieving revision 1.4
retrieving revision 1.5
diff -u -r1.4 -r1.5
--- fedora.css	28 Mar 2007 07:55:36 -0000	1.4
+++ fedora.css	23 Sep 2008 00:04:57 -0000	1.5
@@ -1,143 +1,437 @@
-/*
+*
+{
+  margin: 0;
+  padding: 0;
+}
+
+html, body
+{
+  height: 100%;
+}
+
+body
+{
+  font-size: 76%;
+  background: #FFFFFF url(../images/border-left.png) 0 0 repeat-y;
+}
+
+a img
+{
+  border: none;
+}
+
+pre
+{
+  font-size: 2.6ex;
+}
+
+#wrapper
+{
+  font: normal 1em/1.5 sans-serif;
+  margin-left: 18px;
+  min-height: 100%;
+  background: #FFFFFF url(../images/border-right.png) 100% 0 repeat-y;
+  padding-right: 18px;
+  overflow: hidden;
+}
+
+#head
+{
+  position: relative;
+  border-top: 10px solid #337ACC;
+  padding: 1ex 2ex 75px;
+  background: #FFFFFF url(../images/line.png) 0 100% repeat-x;
+}
+
+#head h1 a
+{
+  display: block;
+  text-indent: -9999px;
+  background: url(../images/fedora-logo.png) 20px 50% no-repeat;
+  height: 73px;
+  width: 138px;
+  overflow: hidden;
+  text-decoration: none;
+}
+
+#sidebar
+{
+  float: left;
+  width: 230px;
+  margin: 2ex 0;
+  background: #FFFFFF;
+  padding-bottom: 100px;
+}
+
+#banner img
+{
+  display: block;
+  width: 200px;
+  margin: 0 auto;
+}
+
+#fedora-side-nav
+{
+  margin: 0 1.5ex;
+  padding: 0 1.5ex;
+}
+
+#fedora-side-nav-label
+{
+  font-size: 0.9em;
+  border-bottom: 1px dotted #AAAAAA;
+  color: #444444;
+  margin: 2ex 0 1ex;
+  text-transform: uppercase;
+  font-weight: normal;
+}
+
+#fedora-side-nav, #fedora-side-left ul
+{
+  list-style: url(../images/arrow.png);
+  margin-left: 15px;
+}
+
+#fedora-side-nav li
+{
+  margin: 0.25ex 1ex;
+  color: #777777;
+  font-size: 0.8em;
+}
+
+#fedora-side-nav a
+{
+  font-weight: bold;
+  margin-right: 0.75ex;
+  color: #729FCF;
+  font-size: 1.1em;
+  display: block;
+}
+
+.home #nav-home a, .get #nav-get a, .join #nav-join a, .help #nav-help a
+{
+  color: #777777;
+  text-decoration: none;
+}
+
+#content
+{
+  margin-left: 250px;
+  padding: 1ex 2ex 120px;
+  color: #666666;
+  background: #FFFFFF;
+  display: inline-block;
+}
+
+#content p, #content ul, #content ol
+{
+  font-size: 1em;
+}
+
+/* Blame IE6 and the guillotine bug for this one */
+#content { display: block; }
+
+#content h2
+{
+  font-size: 1.6em;
+}
+
+#content h3
+{
+  color: #337acc;
+  margin: 1.5ex 0 0.5ex;
+  font-size: 1.4em;
+}
+
+#content table
+{
+  border-collapse: collapse;
+}
+
+#content table th
+{
+  background: #DDDDDD;
+}
 
-CSS for Red Hat Linux Project docs from the Documentation Project
+#content table th, #content table td
+{
+  border: 1px solid #000000;
+  padding: 0.6ex;
+}
+
+#content p
+{
+  margin: 1ex 5ex 1ex 0;
+}
+
+#content ul
+{
+  list-style: square;
+  margin: 0 3ex 2ex;
+}
+
+#content img
+{
+  margin: 2ex 0;
+}
+
+#content a
+{
+  color: #337ACC;
+}
+
+#content .download
+{
+  list-style-image: url(../images/arrow.png);
+  list-style-position: outside;
+  margin: 1.6ex 3ex;
+}
+
+#content .download li
+{
+  color: #777777;
+  font-size: 1.1em;
+  background: #EFEFEF;
+  padding: 1ex;
+  border-bottom: 1px dotted #AAAAAA;
+}
+
+#content .download a
+{
+  font-weight: bold;
+}
+
+#content .roles
+{
+  margin: 0!important;
+  list-style: none!important;
+  display: inline;
+}
+
+#content .roles li
+{
+  float: left;
+  margin-bottom: 0.5ex;
+}
+
+#content .roles a
+{
+  line-height: 1;
+  width: 130px;
+  height: 150px;
+  text-align: center;
+  display: block;
+  text-decoration: none;
+}
+
+#content .roles a:hover
+{
+  background-color: #EFEFEF;
+}
 
-Written by Tammy Fox and Garrett LeSage
+#footer
+{
+  position: relative;
+  font: normal 0.8em/1.5 sans-serif;
+  text-align: center;
+  background: #FFFFFF url(../images/line-bottom.png) 0 0 repeat-x;
+  margin: -90px 0 0;
+  border-bottom: 10px solid #337ACC;
+  height: 80px;
+  color: #AAAAAA;
+}
 
-Copyright 2003 Tammy Fox, Garrett LeSage, and Red Hat, Inc.
+#bottom
+{
+  margin-left: 18px;
+  padding-right: 18px;
+}
 
-License: GPL
+#footer ul
+{
+  list-style: none;
+}
 
-*/
+#footer li
+{
+  display: inline;
+  border-left: 1px solid #AAAAAA;
+  padding: 0 0.75ex;
+  margin-left: -1px;
+}
 
-li p {
-	display: inline;
+#footer li.first
+{
+  border-left: none;
 }
 
-div.table table {
-	width: 95%;
-	background-color: #DCDCDC; 
-	color: #000000;
-	border-spacing: 0;
+#footer a
+{
+  color: #223344;
 }
 
-div.table table th {
-	border: 1px solid #A9A9A9;	
-	background-color: #A9A9A9;
-	color: #000000;
+#footer a:hover
+{
+  color: #112233;
 }
 
-div.table table td {
-	border: 1px solid #A9A9A9; 
-	background-color: #DCDCDC;
-	color: #000000;
-	padding: 0.5em;
-	margin-bottom: 0.5em;
-	margin-top: 2px; 
+#footer p
+{
+  margin: 0 1.5ex;
+}
 
+#footer .copy
+{
+  padding-top: 3ex;
 }
 
-div.note table, div.tip table, div.important table, div.caution table, div.warning table, div.display-table table {
-	width: 95%;
-	border: 2px solid #B0C4DE;
-	background-color: #F0F8FF;
-	color: #000000;
-	/* padding inside table area */
-	padding: 0.5em;
-	margin-bottom: 0.5em;
-	margin-top: 0.5em;
+#screenshot-banner {
+  text-align: left;
 }
 
-.display-table-cell-shaded td {
-	background-color: #CCCCCC;
-	color: #000000;
-        width: 67%;
-	padding: 0.5em;
-	margin-bottom: 0.5em;
-	margin-top: 2px; 
+input, textarea, select
+{
+  border: #AAA 1px solid;
 }
 
-.display-table-cell-boxed td {
-	border: 1px solid #999999; 
-	background-color: #FFFFFF;
-	color: #000000;
-        width: 33%;
-	padding: 0.5em;
-	margin-bottom: 0.5em;
-	margin-top: 2px; 
+input, textarea, option
+{
+  padding: 2px 5px 2px 5px;
 }
 
-.qandaset table {
-	border-collapse: collapse;
+#content #sponsors
+{
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  overflow: auto;
 }
-.qandaset {
+
+#content #sponsors li
+{
+  text-align: center;
+  float: left;
+  width: 150px;
+  height: 100px;
+  margin: 0 1ex;
+}
+
+#content #sponsors li img
+{
+  display: block;
+}
+
+#content ul.downloadbox
+{
+  overflow: hidden;
+  list-style: none;
+  margin: 0 2ex;
+  padding: 6ex 2ex 4ex 180px;
+  border-radius: 1.5ex;
+  -webkit-border-radius: 1.5ex;
+  -moz-border-radius: 1.5ex;
+  background: #C0DBDD 30px 50% no-repeat;
+  font-size: 0.9em;
+  display: inline-block;
 }
-.qandaset tr.question {
+
+#content ul.installdvd { background-image: url(../images/installdvd.png); }
+#content ul.gnomelive { background-image: url(../images/gnomelive.png); }
+#content ul.kdelive { background-image: url(../images/kdelive.png); }
+
+.downloadbox li
+{
+  width: 32ex;
+  float: left;
+  padding: 0 0 2ex;
 }
-.qandaset tr.question td {
-	font-weight: bold;
-	padding: 1em 1em 0;
+
+.downloadbox li li
+{
+  width: auto;
+  float: none;
+  padding: 0;
 }
-.qandaset tr.answer td {
-	padding: 0.25em 1em 1.5em;
+
+
+#content pre.command
+{
+  font-size: 1.3em;
+  border: solid #DDDDDD;
+  border-width: 1px 1px 1px 5px;
+  background: #F2F5F6;
+  padding: 0.5ex 2ex;
 }
-.qandaset tr.question td, .qandaset tr.answer td {
+
+
+#content p.note
+{
+  padding: 1ex 2ex;
+  border: 1px solid #DDDDDD;
+  background: #F2F5F6;
 }
 
-hr {
-        border: 0;
-        border-bottom: 1px solid #ccc;
+#content p.warning
+{
+  padding: 1ex 2ex;
+  border: 1px solid #DDDDDD;
+  background: #FF6666;
+  color: #000000;
 }
 
-h1, h2, h3, h4 {
-        font-family: "Dejavu Sans",sans-serif;
-	color: #990000;
-	font-weight: bold;
+#content p.warning a
+{
+  color: #00154F;
 }
-h1 {
-        font-size: 1.75em;
+#content ul#resources
+{
+  list-style: none;
 }
-                                                                                                                
-h2 {
-        font-size: 1.25em;
+
+#content ul#resources a
+{
+  padding-left: 20px;
+  background: url(../images/arrow.png) 0 50% no-repeat;
 }
-                                                                                                                
-h3 {
-        font-size: 1.1em;
+
+#content ul#resources li
+{
+  padding-left: 70px;
+  margin-bottom: 3.5ex;
 }
 
-code.screen, pre.screen {
-	font-family: monospace;
-	font-size: 1em;
-	display: block;
-	padding: 10px;
-	border: 1px solid #bbb;
-	background-color: #eee;
-	color: #000;
-	overflow: auto;
-	border-radius: 2.5px;
-	-moz-border-radius: 2.5px;
-	margin: 0.5em 2em;
+ul#resources li.resource-docs
+{
+  background: url(../images/icon-docs.png) 0 50% no-repeat;
 }
 
-div.example {
-	padding: 10px;
-        border: 1px solid #bbb;
-	margin: 0.5em 2em;
+ul#resources li.resource-communicate
+{
+  background: url(../images/icon-communicate.png) 0 50% no-repeat;
 }
 
-.procedure ol li {
-        margin-bottom: 0.5em;
+ul#resources li.resource-download
+{
+  background: url(../images/icon-download.png) 0 50% no-repeat;
 }
-.procedure ol li li {
-	/* prevent inheritance */
-	margin-bottom: 0em;
+
+#content img.smirk
+{
+  margin: 0 1ex 0 0;
 }
 
-.itemizedlist ul li {
-	margin-bottom: 0.5em;
+#content p.joinlink
+{
+  border: 1px solid #DDDDDD;
+  background: #EEEEEE;
+  padding: 1ex 5ex 1ex 5ex;
+  text-align: center;
+  font-size: 120%;
+  font-weight: bold;
 }
-.itemizedlist ul li li {
-	/* prevent inheritance */
-	margin-bottom: 0em;
+
+#content #subprojects
+{
+  margin-right: 5ex;
+  padding-top: 1ex;
 }


Index: layout.css
===================================================================
RCS file: /cvs/fedora/web/html/css/layout.css,v
retrieving revision 1.4
retrieving revision 1.5
diff -u -r1.4 -r1.5
--- layout.css	28 Mar 2007 16:16:31 -0000	1.4
+++ layout.css	23 Sep 2008 00:04:57 -0000	1.5
@@ -4,7 +4,7 @@
 	margin: 0;
 	padding: 0;
 	/* (The background color is specified elsewhere, so do a global replacement if it ever changes) */
-	background-color: #d9d9d9;
+	background: #FFFFFF url(../images/border-left.png) 0 0 repeat-y;
 }
 
 a:link {
@@ -23,7 +23,7 @@
 
 #fedora-header {
 	background-color: #fff;
-	height: 62px;
+	height: 50px;
 }
 #fedora-header img {
 	border: 0;
@@ -51,7 +51,7 @@
 #fedora-header-items a {
 	color: #000;
 	text-decoration: none;
-	padding: 7pt;
+	padding: 7px;
 	font-size: 0.8em;
 }
 #fedora-header-items a:hover, #fedora-header-search-button:hover {
@@ -60,8 +60,8 @@
 }
 #fedora-header-items img {
 	margin-right: 1px;
-	width: 36px;
-	height: 36px;
+	width: 28px;
+	height: 28px;
 }
 #fedora-header-search {
 	height: 25px;
@@ -96,10 +96,10 @@
 #fedora-nav {
 	margin: 0;
 	padding: 0;
-	background-color: #22437f;
+	/*background-color: #22437f;*/
 	font-size: 0;
 	height: 5px;
-	border-top: 1px solid #000;
+	/*border-top: 1px solid #000;*/
 	border-bottom: 1px solid #f5f5f5;
 }
 #fedora-nav ul {
@@ -128,7 +128,7 @@
 	z-index: 2;
 	width: 11em;
 	/* Space down for the approx line height (fonts) */
-	left: 12px;
+	left: 25px;
 }
 #fedora-side-right {
 	position: absolute;
@@ -138,7 +138,7 @@
 	padding-top: 3px;
 	}
 #fedora-side-left, #fedora-side-right {
-	top: 2px;
+	top: 27px;
 	/* add to the top margin to compensate for the fixed sizes */
 	margin-top: 75px;
 	color: #555;
@@ -151,7 +151,7 @@
 }
 
 /* Left-side naviagation */
-#fedora-side-nav-label {
+/*#fedora-side-nav-label {
 	display: none;
 }
 #fedora-side-nav {
@@ -161,12 +161,13 @@
 	border: 1px solid #5976b2;
 	border-top: 0;
 	background-color: #22437f;
+	
 }
 #fedora-side-nav li {
 	margin: 0;
 	padding: 0;
 	border-top: 1px solid #5976b2;
-	/* IE/Win gets upset if there is no bottom border... Go figure. */
+	/ IE/Win gets upset if there is no bottom border... Go figure. /
 	border-bottom: 1px solid #22437f;
 }
 #fedora-side-nav a {
@@ -188,7 +189,7 @@
 #fedora-side-nav ul li {
 	border-top: 1px solid #34548e;
 	background-color: #34548e;
-	/* IE/Win gets upset if there is no bottom border... Go figure. */
+	/ IE/Win gets upset if there is no bottom border... Go figure. /
 	border-bottom: 1px solid #34548e;
 }
 #fedora-side-nav ul li:hover {
@@ -211,7 +212,7 @@
 }
 #fedora-side-nav strong a:hover {
 	background-color: #172e56 !important;
-}
+}*/
 
 /* content containers */
 #fedora-middle-one, #fedora-middle-two, #fedora-middle-three {
@@ -232,37 +233,37 @@
 }
 
 #fedora-content {
-	padding: 24px;
-	border: 1px solid #aaa;
+	padding: 0 35px 24px;
+	/*border: 1px solid #aaa;*/
 	background-color: #fff;
 }
 
 #fedora-content > .fedora-corner-bottom { top: 0 }
 
-.fedora-corner-tl, .fedora-corner-tr, .fedora-corner-bl, .fedora-corner-br {
-	background-color: #d9d9d9;
+/*.fedora-corner-tl, .fedora-corner-tr, .fedora-corner-bl, .fedora-corner-br {
+	background-color: #fff;
 	position: relative;
 	width: 19px;
 	height: 19px;
-	/* The following line is to render PNGs with alpha transparency within IE/Win, using DirectX */
-	/* Work-around for IE6/Mac borkage (Part 1) */
+	/ The following line is to render PNGs with alpha transparency within IE/Win, using DirectX /
+	/ Work-around for IE6/Mac borkage (Part 1) /
 	display: none;
 }
 
 .fedora-corner-tl, .fedora-corner-bl { float: left; left: 0px; }
 .fedora-corner-tr, .fedora-corner-br { float: right; right: 0px; }
 .fedora-corner-tl, .fedora-corner-tr { top: 0px; }
-.fedora-corner-bl, .fedora-corner-br { bottom: 0px; margin-top: -19px; /* Opera fix (part 1) */ top: -18px;}
+.fedora-corner-bl, .fedora-corner-br { bottom: 0px; margin-top: -19px; / Opera fix (part 1) / top: -18px;}
 
-html>body .fedora-corner-tl { background: #d9d9d9 url("/images/corner-tl.png") no-repeat left top; }
-html>body .fedora-corner-tr { background: #d9d9d9 url("/images/corner-tr.png") no-repeat right top; }
-html>body .fedora-corner-bl { background: #d9d9d9 url("/images/corner-bl.png") no-repeat left bottom; }
-html>body .fedora-corner-br { background: #d9d9d9 url("/images/corner-br.png") no-repeat right bottom; }
+html>body .fedora-corner-tl { background: #fff url("/images/corner-tl.png") no-repeat left top; }
+html>body .fedora-corner-tr { background: #fff url("/images/corner-tr.png") no-repeat right top; }
+html>body .fedora-corner-bl { background: #fff url("/images/corner-bl.png") no-repeat left bottom; }
+html>body .fedora-corner-br { background: #fff url("/images/corner-br.png") no-repeat right bottom; }
 
 .fedora-corner-tl { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/corner-tl.png',sizingMethod='scale'); }
 .fedora-corner-tr { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/corner-tr.png',sizingMethod='scale'); }
 .fedora-corner-br { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/corner-br.png',sizingMethod='scale'); }
-.fedora-corner-bl { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/corner-bl.png',sizingMethod='scale'); }
+.fedora-corner-bl { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/corner-bl.png',sizingMethod='scale'); }*/
 
 /* \*/
 .fedora-corner-tl, .fedora-corner-tr, .fedora-corner-bl, .fedora-corner-br {

-- 
Fedora-websites-list mailing list
Fedora-websites-list@xxxxxxxxxx
https://www.redhat.com/mailman/listinfo/fedora-websites-list

[Index of Archives]     [Fedora Users]     [Linux ARM]     [ARM Kernel]     [Older Fedora Users]     [Fedora Advisory Board]     [Fedora Security]     [Fedora Devel Java]     [Fedora Desktop]     [ATA RAID]     [Fedora Marketing]     [Fedora Mentors]     [Fedora Package Announce]     [Fedora Package Review]     [Fedora Music]     [Fedora Packaging]     [Centos]     [Fedora SELinux]     [Coolkey]     [Yum Users]     [Yosemite News]     [KDE Users]     [Fedora Art]     [Fedora Docs]     [Asterisk PBX]

  Powered by Linux