[Midnightbsd-cvs] www: www/css: for new site revision
smultron at midnightbsd.org
smultron at midnightbsd.org
Wed Aug 20 17:01:50 EDT 2008
Log Message:
-----------
for new site revision
Added Files:
-----------
www/css:
essence.css (r1.1)
essence.css.human (r1.1)
featured.css (r1.1)
featured.css.human (r1.1)
home.css (r1.1)
home.css.human (r1.1)
ihateie6.css (r1.1)
ihateie6.css.human (r1.1)
menu.css (r1.1)
menu.css.human (r1.1)
xtra.css (r1.1)
xtra.css.human (r1.1)
ihateie5.css (r1.1)
-------------- next part --------------
--- /dev/null
+++ css/xtra.css
@@ -0,0 +1 @@
+.newsblockquote{margin-bottom:75px;padding:25px;background:#f2fbff;border:2px solid #dff2fb}.news h3{text-align:center;font-size:0.9em}.news h3{color:#15a9ed}.news h4{color:#8cc4dd}.reference{font-size:85%;text-align:center}#text ul li{font-size:11pt;margin-bottom:5px}.devnote{font-size:80%;color:#aaa;padding:15px;margin-top:15px}.devupdate h4{color:#15a9ed;text-align:center;padding-top:0.4em;margin-bottom:0;display:block}.devupdate{background:#f2fbff;border:2px solid #dff2fb;font-size:80%;width:40%;margin-right:2.4em;color:#555}.devasterisk{color:#1373ce}#list ul{margin-left:2em;padding-left:1em;list-style-position:inside}#devresources{background:#fff;width:55%;font-size:80%}.code{font-family:monospace;background:#f4f4f4;color:#444;border:1px solid #aaa;padding:.0em;margin:.4em 0}code{font-family:monospace;background:#f4f4f4;color:#444;border:1px solid #aaa;padding:.0em;margin:.4em 0}.highlight{background:#f8f484}.bluebox{background:#f2fbff;border:2px solid #dff2fb;padding:.8em}.center{text-align:center}.download table img{border:none}.down a:link,.down a:visited{color:#555;text-decoration:none;border-bottom:1px dotted #555}.down a:hover,.down a:active{color:#777;border-bottom:1px dotted #777}.download th{padding:10px;font-weight:bold;text-align:center}.download td{padding:10px;border-width:0;text-align:center}table.download{margin:0 auto;border:1px solid #ccc;border-collapse:collapse}.download caption{color:#c00;font-size:large;font-weight:bold;margin:0 auto 10px auto}.downone{background:#f2fbff}.downtwo{background:#e9f8ff}.plus{color:#aaa}.downsmall{font-size:75%}.midnightpic{float:left;margin:0 10px 0 0;border:1px solid #ccc;padding:.2em;text-align:center;font-size:8pt}#text ul li{font-size:14px}#text img{border:none}table.art{margin:0 auto;border-collapse:collapse;margin-top:2em}.art td{border:1px solid #ccc;padding:5px;text-align:center}.art th{background:#f2fbff;border:1px solid #dff2fb;padding:5px;text-align:center}.art caption{font-weight:bold;margin-bottom:.4em}ul.community{margin:0;padding:0}!
ul.community li{list-style:none;margin-bottom:20px}ul.community li img{vertical-align:bottom}ul.community li img{border:none;margin-bottom:5px}ul.community strong{margin:0;padding:0}pre{font-size:12pt;color:#4A8797;padding:0 40px}#toc{background:#f2fbff;border:2px solid #dff2fb;width:20em;padding:1em}#sitemap-col1 ul li,#sitemap-col1 li,#sitemap-col2 ul li,#sitemap-col2 li{list-style:none;margin-bottom:.8em}#sitemap-col1 img,#sitemap-col2 img{vertical-align:bottom}#sitemap-col1{margin-left:3em;border-right:1px solid #ccc;margin-right:5em;padding-right:5em}#sitemap-col1 ul,#sitemap-col2 ul{margin-left:1.5em;padding:0}
\ No newline at end of file
--- /dev/null
+++ css/featured.css
@@ -0,0 +1 @@
+#kde a{background-image:url("../images/ports/kde.png")}#gnustep a{background-image:url("../images/ports/gnustep.png")}#seamonkey a{background-image:url("../images/ports/seamonkey.png")}#pidgin a{background-image:url("../images/ports/pidgin.png")}#gnome a{background-image:url("../images/ports/gnome.png")}#etoile a{background-image:url("../images/ports/etoile.png")}#gimp a{background-image:url("../images/ports/gimp.png")}#abiword a{background-image:url("../images/ports/abiword.png")}#xine a{background-image:url("../images/ports/xine.png")}
\ No newline at end of file
--- /dev/null
+++ css/xtra.css.human
@@ -0,0 +1,64 @@
+/* ========= NEWS ========== */
+.newsblockquote { margin-bottom: 75px; padding: 25px; background: #f2fbff; border: 2px solid #dff2fb; }
+.news h3 { text-align: center; font-size: 0.9em; }
+.news h3 { color: #15a9ed; }
+.news h4 { color: #8cc4dd; }
+.reference { font-size: 85%; text-align: center; }
+
+/* ========= DEVS ========== */
+#text ul li { font-size: 11pt; margin-bottom: 5px; }
+.devnote { font-size: 80%; color: #aaa; padding: 15px; margin-top: 15px; }
+.devupdate h4 { color: #15a9ed; text-align: center; padding-top: 0.4em; margin-bottom: 0; display: block; }
+.devupdate { background: #f2fbff; border: 2px solid #dff2fb; font-size: 80%; width: 40%; margin-right: 2.4em; color: #555; }
+.devasterisk { color: #1373ce; }
+#list ul { margin-left: 2em; padding-left: 1em; list-style-position: inside; }
+#devresources { background: #fff; width: 55%; font-size: 80% }
+.code { font-family: monospace; background: #f4f4f4; color: #444; border: 1px solid #aaa; padding: .0em; margin: .4em 0; }
+code { font-family: monospace; background: #f4f4f4; color: #444; border: 1px solid #aaa; padding: .0em; margin: .4em 0; }
+.highlight { background: #f8f484; }
+
+/* ========= BLOG STUFF ========= */
+.bluebox { background: #f2fbff; border: 2px solid #dff2fb; padding: .8em; }
+
+
+/* ========= DOWNLOAD ========= */
+.center { text-align: center; }
+.download table img { border: none; }
+.down a:link, .down a:visited { color: #555; text-decoration: none; border-bottom: 1px dotted #555; }
+.down a:hover, .down a:active { color: #777; border-bottom: 1px dotted #777; }
+.download th { padding: 10px; font-weight: bold; text-align: center; }
+.download td { padding: 10px; border-width: 0; text-align: center; }
+table.download { margin: 0 auto; border: 1px solid #ccc; border-collapse: collapse; }
+.download caption { color: #c00; font-size: large; font-weight: bold; margin: 0 auto 10px auto; }
+.downone { background: #f2fbff; }
+.downtwo { background: #e9f8ff; }
+.plus { color: #aaa; }
+.downsmall { font-size: 75%; }
+
+/* ========= ABOUT ========= */
+.midnightpic { float: left; margin: 0 10px 0 0; border: 1px solid #ccc; padding: .2em; text-align: center; font-size: 8pt; }
+#text ul li { font-size: 14px; }
+#text img { border: none; }
+
+/* ========= ART Project ========= */
+table.art { margin: 0 auto; border-collapse: collapse; margin-top: 2em; }
+.art td { border: 1px solid #ccc; padding: 5px; text-align: center; }
+.art th { background: #f2fbff; border: 1px solid #dff2fb; padding: 5px; text-align: center; }
+.art caption { font-weight: bold; margin-bottom: .4em; }
+
+/* ========= COMMUNITY ========= */
+ul.community { margin: 0; padding: 0; }
+ul.community li { list-style: none; margin-bottom: 20px; }
+ul.community li img { vertical-align: bottom; }
+ul.community li img { border: none; margin-bottom: 5px; }
+ul.community strong { margin: 0; padding: 0; }
+
+/* ========= DOCUMENTATION ========= */
+pre { font-size: 12pt; color: #4A8797; padding: 0 40px; }
+#toc { background: #f2fbff; border: 2px solid #dff2fb; width: 20em; padding: 1em; }
+
+/* ========= SITEMAP ========= */
+#sitemap-col1 ul li, #sitemap-col1 li, #sitemap-col2 ul li, #sitemap-col2 li { list-style: none; margin-bottom: .8em; }
+#sitemap-col1 img, #sitemap-col2 img { vertical-align: bottom; }
+#sitemap-col1 { margin-left: 3em; border-right: 1px solid #ccc; margin-right: 5em; padding-right: 5em; }
+#sitemap-col1 ul, #sitemap-col2 ul { margin-left: 1.5em; padding: 0; }
\ No newline at end of file
--- /dev/null
+++ css/home.css.human
@@ -0,0 +1,51 @@
+ at import url("featured.css");
+
+blockquote { line-height: 130%; }
+
+#lang { width: 100px; height: 16px; margin-bottom: 5px; margin-top: 0px; margin-left: 250px; }
+#lang h5 { list-style: none; display: inline-block; margin: 0; }
+#lang h5 a { padding: 11px 0 0 0; overflow: hidden; background-repeat: no-repeat; width: 16px; height: 0px !important; float: left; margin: 0 5px; }
+#english a { background-image: url("../images/flags/us.png"); }
+#german a { background-image: url("../images/flags/de.png"); }
+#russian a { background-image: url("../images/flags/ru.png"); }
+
+#welcomebox { width: 900px; margin-left: 30px}
+#welcome { width: 625px; height: auto; float: left; }
+#welcome h2 { text-align: center; margin: 0 0 0 25px; }
+
+#getbox { background: url("../images/getbox.png") no-repeat; width: 271px; height: 208px; text-align: center; color: #333; float: right; margin: -10px 0 0 0; }
+#getbox * { font-weight: normal; }
+#getbox a { color: #333; }
+#getbox a:hover { color: #666; }
+#getbox h2, h3, h4 { margin: 0; padding: 0; }
+#getbox h2 a { text-decoration: none; font-size: 17pt; }
+#getbox h3 { font-size: 12pt; margin-bottom: 10px; }
+#gettext { margin-top: 10px; }
+#getbox * { font-weight: normal; }
+#getbox a { color: #333; }
+#getbox a:hover { color: #666; }
+#getbox h2, h3, h4 { margin: 0; padding: 0; }
+#getbox h2 a { text-decoration: none; font-size: 17pt; }
+#getbox h3 { font-size: 12pt; margin-bottom: 10px; }
+#gettext { margin-top: 10px; }
+#getcd { width: 215px; height: 107px; }
+#getcd a { background: url("../images/cd.png") no-repeat; float: left; width: 215px; height: 107px; margin: 0px 90px 5px 30px; }
+
+#gravity { width: 900px; background: transparent; padding: 0 20px; margin: auto;}
+#gravity div { float: left; background: transparent; }
+#gravity h2 { text-align: center; line-height: 22px; }
+#gravity h2 img { border: none; vertical-align: bottom; }
+#gravity h2 a { color: #333; text-decoration: none; }
+#gravity h2 a:hover { color: #666; }
+
+#news, #ports, #security { width: 300px; }
+#ports li { list-style: none; display: inline; }
+#ports ul { margin-left: -20px; }
+#ports li a { padding: 64px 0 0 0; margin: 15px 10px; overflow: hidden; background-repeat: no-repeat; float: left; width: 64px; height: 0px !important; height: /**/:64px; }
+
+.date { font-style: italic; color: #808080; text-align: center; }
+.update { height: 3.8em; overflow: hidden; }
+
+#midnight { float: left; margin: 0 10px 0 0; border: 1px solid #ccc; padding: 10px; text-align: center; font-size: 8pt; }
+#text ul li { font-size: 14px; }
+#text img { border: none; }
\ No newline at end of file
--- /dev/null
+++ css/essence.css.human
@@ -0,0 +1,107 @@
+ at import url("menu.css");
+ at import url("home.css");
+ at import url("xtra.css");
+
+html, body { /* Normalize browser defaults */
+ margin: 0;
+ padding; 0;
+ height: 100%;
+}
+body {
+ background-color: #fff;
+ color: #444;
+ font: 100% helvetica, sans-serif;
+}
+
+a:link, a:visited { /* Hyperlink defintions */
+ color: #1373ce;
+ text-decoration: none;
+}
+a:active, a:hover {
+ color: #909090;
+}
+
+#globe { /* WRAPPER SURROUNDING ALL ELEMENTS */
+ width: 1002px; /* Fits most 1024x768 in fullscreen */
+ margin: 0 auto;
+ padding: 0;
+ background: url(../images/shadow.png) repeat-y;
+}
+
+#header h1 {
+ width: 928px;
+ margin: 0 auto;
+ z-index: 4; /* So IE has "layout" */
+ font-size: 10px;
+}
+#header a { /* CSS Text-to-Image replacement */
+ background-image: url("../images/logo.jpg");
+ background-repeat: no-repeat;
+ width: 928px;
+ height: 0px !important;
+ height /**/:189px; /* Exploit IE parsing error to give height */
+ padding: 189px 0 0 0; /* Pushes the div down to reveal the image */
+ margin: 0 auto;
+ display: block;
+ overflow: hidden; /* We don't want the text to show */
+}
+
+.horiz { /* Horizontal-rule rules */
+ width: 800px;
+ margin: auto;
+}
+.horiz blockquote { /* Why so many wrappers? Examine. */
+ width: 800px;
+ float: left;
+ margin: 0 auto;
+ padding: 0;
+}
+hr {
+ height: 1px; /* Normalize look for Opera */
+ color: #999;
+ background: #999;
+ border: 0;
+ width: 100%;
+ margin: 15px auto 0 auto;
+}
+
+#footer {
+ text-align: center;
+ width: 928px;
+ font-size: .9em;
+ margin: 10px auto;
+ border-bottom: 2px solid #ccc;
+}
+#footer p {
+ line-height: 18px;
+}
+
+#text {
+ line-height: 135%;
+}
+#text {
+ width: 850px;
+ margin: 0 auto;
+}
+#text h2 {
+ text-align: center;
+ margin: 1em;
+ line-height: 1em;
+}
+#text h2 img {
+ vertical-align: middle;
+ padding-bottom: 4px;
+}
+
+table { margin: 0 auto; border: 1px solid #ccc; border-collapse: collapse; }
+th { padding: 10px; font-weight: bold; text-align: center; background: #f2fbff; }
+td { padding: 10px; border-width: 0; }
+
+/* GLOBAL RE-USABLES */
+.clear { clear: both; }
+.fleft { float: left; }
+.fright { float: right; }
+
+/* SHAMELESS PLUG */
+#cc { display: inline-block; margin: 0; vertical-align: top; }
+#cc a { padding: 16px 0 0 0; overflow: hidden; background-repeat: no-repeat; float: left; width: 16px; height: 0px !important; height: /**/:16px; background-image: url("../images/creature.png"); }
\ No newline at end of file
--- /dev/null
+++ css/home.css
@@ -0,0 +1 @@
+ at import url("featured.css");blockquote{line-height:130%}#lang{width:100px;height:16px;margin-bottom:5px;margin-top:0px;margin-left:250px}#lang h5{list-style:none;display:inline-block;margin:0}#lang h5 a{padding:11px 0 0 0;overflow:hidden;background-repeat:no-repeat;width:16px;height:0px !important;float:left;margin:0 5px}#english a{background-image:url("../images/flags/us.png")}#german a{background-image:url("../images/flags/de.png")}#russian a{background-image:url("../images/flags/ru.png")}#welcomebox{width:900px;margin-left:30px}#welcome{width:625px;height:auto;float:left}#welcome h2{text-align:center;margin:0 0 0 25px}#getbox{background:url("../images/getbox.png") no-repeat;width:271px;height:208px;text-align:center;color:#333;float:right;margin:-10px 0 0 0}#getbox *{font-weight:normal}#getbox a{color:#333}#getbox a:hover{color:#666}#getbox h2,h3,h4{margin:0;padding:0}#getbox h2 a{text-decoration:none;font-size:17pt}#getbox h3{font-size:12pt;margin-bottom:10px}#gettext{margin-top:10px}#getbox *{font-weight:normal}#getbox a{color:#333}#getbox a:hover{color:#666}#getbox h2,h3,h4{margin:0;padding:0}#getbox h2 a{text-decoration:none;font-size:17pt}#getbox h3{font-size:12pt;margin-bottom:10px}#gettext{margin-top:10px}#getcd{width:215px;height:107px}#getcd a{background:url("../images/cd.png") no-repeat;float:left;width:215px;height:107px;margin:0px 90px 5px 30px}#gravity{width:900px;background:transparent;padding:0 20px;margin:auto}#gravity div{float:left;background:transparent}#gravity h2{text-align:center;line-height:22px}#gravity h2 img{border:none;vertical-align:bottom}#gravity h2 a{color:#333;text-decoration:none}#gravity h2 a:hover{color:#666}#news,#ports,#security{width:300px}#ports li{list-style:none;display:inline}#ports ul{margin-left:-20px}#ports li a{padding:64px 0 0 0;margin:15px 10px;overflow:hidden;background-repeat:no-repeat;float:left;width:64px;height:0px !important;height:/**/:64px}.date{font-style:italic;color:#808080;text-align:center}.update{height:3.8em;overflow:hidden}
\ No newline at end of file
--- /dev/null
+++ css/menu.css
@@ -0,0 +1,135 @@
+/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/
+table { text-align: left; }
+
+
+ /*========================= TOP OF THE MENU CASCADE =========================*/
+
+.menu {
+ position: relative; /* establish a menu-relative positioning context */
+ float: left; /* play nicely with others */
+ margin: 0 37px 18px 37px;
+ padding: 0;
+ border: 0;
+ height: 28px; /* the menu's overall height */
+ width: 928px; /* we always want our menu to fill the available space */
+ background: #0e1d2c;
+ font-family: Helvetica, sans-serif;
+ font-size: 15pt; /* this (and also below) sets the menu's font size */
+}
+
+.menu ul {
+ padding: 0;
+ margin: 0;
+ border: 0;
+ list-style-type: none; /* we don't want to view the list as a list */
+ line-height: 1.5em; /* globally set the menu's item spacing. note */
+} /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
+
+.menu li {
+ float: left; /* this creates the side-by-side array of top-level buttons */
+ position: relative; /* create local positioning contexts for each button */
+ margin: 0 0 0 43px;
+ padding: 0;
+}
+
+.menu ul li table {
+ margin: -1px 0; /* IE5 needs -1px top and bottom table margins */
+ m\argin: 0; /* re-zero the table margins for everyone but IE5 */
+ border-collapse: collapse; /* IE5 needs this for the sub-menus to work */
+ font-size: 15pt; /* this sets the base font size for our entire menu */
+}
+
+.drop {
+ display: block;
+ padding: 0px 0.33em; /* this sets the l/r margins for our menu item */
+ margin: 0;
+ text-align: right; /* this right alignment goes with the float:left below */
+ cursor: pointer; /* IE tries to switch back to an I-beam, don't let it */
+ cursor: hand; /* IE5 only knows about "hand", so set it both ways */
+}
+
+.drop span { /* this simultaneously left and right aligns the text and */
+ float: left; /* the >> in the drop-down menus which link to sub-menus */
+}
+
+/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
+
+.menu ul li ul {
+ display: none; /* initially hide the entire list hierarchy */
+ padding: 0px; /* this is our box border width */
+}
+
+.menu ul li a,
+.menu ul li a:visited { /* unselected top-level menu items */
+ display: block;
+ float: left;
+ text-decoration: none;
+ height: 18px;
+ color: #ebeff2;
+}
+
+.menu ul li:hover a,
+.menu ul li a:hover { /* selected top-level menu items */
+ border-top: 0px solid #000; /* these 2 lines create the push-in illusion */
+ height: 28px;
+ color: #fff;
+}
+
+/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
+
+.menu ul li:hover ul,
+.menu ul li a:hover ul { /* 2nd level drop-down box */
+ display: block;
+ position: absolute;
+ margin: 0;
+ top: 28px; /* place us just up underneath the top-level images */
+ left: -50px; /* left-align our drop-down to the previous button border */
+ height: auto; /* the drop-down height will be determiend by line count */
+ width: 10em;
+ color: #f00; /* this sets the unselected-text color */
+ background: transparent; /* this sets our menu's effective "border" color */
+}
+
+.menu ul li:hover ul.leftbutton,
+.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
+ left: 0px;
+}
+
+.menu ul li:hover ul.skinny,
+.menu ul li a:hover ul.skinny { /* 2nd level skinny drop-down box */
+ width: 8.08333em; /* with a 12px default font, this is 97px width (97/12) */
+}
+
+.menu ul.rightmenu li:hover ul,
+.menu ul.rightmenu li a:hover ul { /* 2nd level neighborhood drop-down box */
+ left: auto;
+ right: 0; /* nudge the right menu right to line up under the border */
+}
+
+* html .menu ul.rightmenu li a:hover ul { /* IE5/6 needs a tweak here */
+ right: -1px;
+}
+
+.menu ul li:hover ul li a,
+.menu ul li a:hover ul li a { /* 2nd level unselected items */
+ border: 0;
+ margin: 0;
+ padding: 0;
+ height: auto;
+ color: #fff; /* this sets the unselected drop-down text color */
+ background: #172e45; /* this sets the drop-down menu background color */
+ width: 8em;
+}
+
+.menu ul li:hover ul li:hover a,
+.menu ul li a:hover ul li a:hover { /* 2nd level selected item */
+ color: #fff;
+ background: #1b3752;
+}
+
+.menu ul li:hover ul.skinny li a,
+.menu ul li a:hover ul.skinny li a,
+.menu ul li:hover ul.skinny li a:hover,
+.menu ul li a:hover ul.skinny li a:hover { /* 2nd level un+selected items */
+ width: 5em;
+}
\ No newline at end of file
--- /dev/null
+++ css/menu.css.human
@@ -0,0 +1,135 @@
+/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/
+table { text-align: left; }
+
+
+ /*========================= TOP OF THE MENU CASCADE =========================*/
+
+.menu {
+ position: relative; /* establish a menu-relative positioning context */
+ float: left; /* play nicely with others */
+ margin: 0 37px 18px 37px;
+ padding: 0;
+ border: 0;
+ height: 28px; /* the menu's overall height */
+ width: 928px; /* we always want our menu to fill the available space */
+ background: #0e1d2c;
+ font-family: Helvetica, sans-serif;
+ font-size: 15pt; /* this (and also below) sets the menu's font size */
+}
+
+.menu ul {
+ padding: 0;
+ margin: 0;
+ border: 0;
+ list-style-type: none; /* we don't want to view the list as a list */
+ line-height: 1.5em; /* globally set the menu's item spacing. note */
+} /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
+
+.menu li {
+ float: left; /* this creates the side-by-side array of top-level buttons */
+ position: relative; /* create local positioning contexts for each button */
+ margin: 0 0 0 43px;
+ padding: 0;
+}
+
+.menu ul li table {
+ margin: -1px 0; /* IE5 needs -1px top and bottom table margins */
+ m\argin: 0; /* re-zero the table margins for everyone but IE5 */
+ border-collapse: collapse; /* IE5 needs this for the sub-menus to work */
+ font-size: 15pt; /* this sets the base font size for our entire menu */
+}
+
+.drop {
+ display: block;
+ padding: 0px 0.33em; /* this sets the l/r margins for our menu item */
+ margin: 0;
+ text-align: right; /* this right alignment goes with the float:left below */
+ cursor: pointer; /* IE tries to switch back to an I-beam, don't let it */
+ cursor: hand; /* IE5 only knows about "hand", so set it both ways */
+}
+
+.drop span { /* this simultaneously left and right aligns the text and */
+ float: left; /* the >> in the drop-down menus which link to sub-menus */
+}
+
+/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
+
+.menu ul li ul {
+ display: none; /* initially hide the entire list hierarchy */
+ padding: 0px; /* this is our box border width */
+}
+
+.menu ul li a,
+.menu ul li a:visited { /* unselected top-level menu items */
+ display: block;
+ float: left;
+ text-decoration: none;
+ height: 18px;
+ color: #ebeff2;
+}
+
+.menu ul li:hover a,
+.menu ul li a:hover { /* selected top-level menu items */
+ border-top: 0px solid #000; /* these 2 lines create the push-in illusion */
+ height: 28px;
+ color: #fff;
+}
+
+/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
+
+.menu ul li:hover ul,
+.menu ul li a:hover ul { /* 2nd level drop-down box */
+ display: block;
+ position: absolute;
+ margin: 0;
+ top: 28px; /* place us just up underneath the top-level images */
+ left: -50px; /* left-align our drop-down to the previous button border */
+ height: auto; /* the drop-down height will be determiend by line count */
+ width: 10em;
+ color: #f00; /* this sets the unselected-text color */
+ background: transparent; /* this sets our menu's effective "border" color */
+}
+
+.menu ul li:hover ul.leftbutton,
+.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
+ left: 0px;
+}
+
+.menu ul li:hover ul.skinny,
+.menu ul li a:hover ul.skinny { /* 2nd level skinny drop-down box */
+ width: 8.08333em; /* with a 12px default font, this is 97px width (97/12) */
+}
+
+.menu ul.rightmenu li:hover ul,
+.menu ul.rightmenu li a:hover ul { /* 2nd level neighborhood drop-down box */
+ left: auto;
+ right: 0; /* nudge the right menu right to line up under the border */
+}
+
+* html .menu ul.rightmenu li a:hover ul { /* IE5/6 needs a tweak here */
+ right: -1px;
+}
+
+.menu ul li:hover ul li a,
+.menu ul li a:hover ul li a { /* 2nd level unselected items */
+ border: 0;
+ margin: 0;
+ padding: 0;
+ height: auto;
+ color: #fff; /* this sets the unselected drop-down text color */
+ background: #172e45; /* this sets the drop-down menu background color */
+ width: 8em;
+}
+
+.menu ul li:hover ul li:hover a,
+.menu ul li a:hover ul li a:hover { /* 2nd level selected item */
+ color: #fff;
+ background: #1b3752;
+}
+
+.menu ul li:hover ul.skinny li a,
+.menu ul li a:hover ul.skinny li a,
+.menu ul li:hover ul.skinny li a:hover,
+.menu ul li a:hover ul.skinny li a:hover { /* 2nd level un+selected items */
+ width: 5em;
+}
\ No newline at end of file
--- /dev/null
+++ css/featured.css.human
@@ -0,0 +1,9 @@
+#kde a { background-image: url("../images/ports/kde.png"); }
+#gnustep a { background-image: url("../images/ports/gnustep.png"); }
+#seamonkey a { background-image: url("../images/ports/seamonkey.png"); }
+#pidgin a { background-image: url("../images/ports/pidgin.png"); }
+#gnome a { background-image: url("../images/ports/gnome.png"); }
+#etoile a { background-image: url("../images/ports/etoile.png"); }
+#gimp a { background-image: url("../images/ports/gimp.png"); }
+#abiword a { background-image: url("../images/ports/abiword.png"); }
+#xine a { background-image: url("../images/ports/xine.png"); }
\ No newline at end of file
--- /dev/null
+++ css/essence.css
@@ -0,0 +1 @@
+ at import url("menu.css");@import url("home.css");@import url("xtra.css");html,body{margin:0;padding;0;height:100%}body{background-color:#fff;color:#444;font:100% helvetica,sans-serif}a:link,a:visited{color:#1373ce;text-decoration:none}a:active,a:hover{color:#909090}#globe{width:1002px;margin:0 auto;padding:0;background:url(../images/shadow.png) repeat-y}#header h1{width:928px;margin:0 auto;z-index:4;font-size:10px}#header a{background-image:url("../images/logo.jpg");background-repeat:no-repeat;width:928px;height:0px !important;height /**/:189px;padding:189px 0 0 0;margin:0 auto;display:block;overflow:hidden}.horiz{width:800px;margin:auto}.horiz blockquote{width:800px;float:left;margin:0 auto;padding:0}hr{height:1px;color:#999;background:#999;border:0;width:100%;margin:15px auto 0 auto}#footer{text-align:center;width:928px;font-size:.9em;margin:10px auto;border-bottom:2px solid #ccc}#footer p{line-height:18px}#text{line-height:135%}#text{width:850px;margin:0 auto}#text h2{text-align:center;margin:1em;line-height:1em}#text h2 img{vertical-align:middle;padding-bottom:4px}table{margin:0 auto;border:1px solid #ccc;border-collapse:collapse}th{padding:10px;font-weight:bold;text-align:center;background:#f2fbff}td{padding:10px;border-width:0}.clear{clear:both}.fleft{float:left}.fright{float:right}#cc{display:inline-block;margin:0;vertical-align:top}#cc a{padding:16px 0 0 0;overflow:hidden;background-repeat:no-repeat;float:left;width:16px;height:0px !important;height:/**/:16px;background-image:url("../images/creature.png")}
\ No newline at end of file
--- /dev/null
+++ css/ihateie6.css.human
@@ -0,0 +1,23 @@
+/* HOMEPAGE OVER-RIDES */
+
+#ports ul { margin-left: 20px !important; }
+#lang { margin-left: 265px !important; padding-top: 13px !important; padding-bottom: -20px !important; }
+#lang h5 { display: inline !important; }
+#lang a { height: 11px !important; }
+#gravity { margin-top: 25px !important; }
+#welcome h2 { margin-top: 0 !important; }
+#getbox { padding: 0 !important; margin: 0 !important; width: 271px !important; }
+#getcd a { margin: 0 !important; }
+#footer { margin-bottom: 0 !important; margin-top: 0 !important; }
+
+caption { margin: 0px !important; padding: 0px !important; }
+
+
+/* MENU OVER-RIDES */
+.menu {
+ margin: 0 18px 0 18px !important;
+ width: 928px !important; /* IE is off by 1/2 a pixel by raw positioning */
+ border-left: 1px solid #c4c4c4 !important; /* So we make a border to push it over to fit */
+}
+.menu li { margin: 0 23px !important; }
+.menu ul li a:hover ul { top: 29px !important; }
\ No newline at end of file
--- /dev/null
+++ css/ihateie5.css
@@ -0,0 +1,13 @@
+body { text-align: center; }
+#ports ul { margin-left: 20px !important; }
+#news, #ports, #security { width: 290px !important; }
+#welcomebox { text-align: left !important; }
+#gravity { text-align: left !important; }
+#ports li a { color: white !important; }
+#lang { margin-left: 135px !important; padding-top: 13px !important; padding-bottom: -20px !important; }
+#lang h5 { display: inline !important; margin-bottom: -15px !important; }
+#lang h5 a { color: white !important; }
+#welcome { margin-left: -25px !important; }
+#welcome h2 { margin-top: 0 !important; }
+#getbox { margin-top: -25px !important; margin-right: 15px !important; }
+#getcd a { margin: 0px 90px 5px 90px !important; }
\ No newline at end of file
--- /dev/null
+++ css/ihateie6.css
@@ -0,0 +1 @@
+#ports ul{margin-left:20px !important}#lang{margin-left:265px !important;padding-top:13px !important;padding-bottom:-20px !important}#lang h5{display:inline !important}#lang a{height:11px !important}#gravity{margin-top:25px !important}#welcome h2{margin-top:0 !important}#getbox{padding:0 !important;margin:0 !important;width:271px !important}#getcd a{margin:0 !important}#footer{margin-bottom:0 !important;margin-top:0 !important}caption{margin:0px !important;padding:0px !important}.menu{margin:0 18px 0 18px !important;width:928px !important;border-left:1px solid #c4c4c4 !important}.menu li{margin:0 23px !important}.menu ul li a:hover ul{top:29px !important}
\ No newline at end of file
More information about the Midnightbsd-cvs
mailing list