web/html/css fedora.css,1.4,1.5 layout.css,1.4,1.5
Karsten Wade
kwade at fedoraproject.org
Tue Sep 23 00:05:27 UTC 2008
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 {
More information about the Fedora-websites-list
mailing list