From 853b771eb05d4f3c87ff160b44870a7eb4da0f76 Mon Sep 17 00:00:00 2001 From: uid815 Date: Thu, 25 May 2006 20:35:09 +0000 Subject: [PATCH] added rustico css --- .../webroot/css/rustico/content.css | 562 ++++++++++++++++++ .../webroot/css/rustico/template.css | 280 +++++++++ .../uninstall_survey/webroot/css/screen.css | 118 +--- 3 files changed, 847 insertions(+), 113 deletions(-) create mode 100644 webtools/uninstall_survey/webroot/css/rustico/content.css create mode 100644 webtools/uninstall_survey/webroot/css/rustico/template.css diff --git a/webtools/uninstall_survey/webroot/css/rustico/content.css b/webtools/uninstall_survey/webroot/css/rustico/content.css new file mode 100644 index 000000000000..f068e231bb7a --- /dev/null +++ b/webtools/uninstall_survey/webroot/css/rustico/content.css @@ -0,0 +1,562 @@ +/* mozilla.org Rustico Theme Content Styles + * Design by silverorange + * Markup Reference classes organized by fantasai + */ + +/* Suggested order: + * display + * list-style + * position + * float + * clear + * width + * height + * margin + * padding + * border + * background + * color + * font + * text-decoration + * text-align + * vertical-align + * white-space + * other text + * content + * + */ + +/* TOC: + Body + Random HTML Styles + Forms + General Structure + Navigation + Quotations + Comments and Other Asides + Emphasis + Computers - General + Code + Examples and Figures + Q and A (FAQ) + Tables + Meta +*/ + +/* Random HTML Styles */ + + hr { + height: 1px; + background-color: #000; + color: #000; + margin: 2em 0; + } + + .hide { display: none; } + + ul.spaced li, ol.spaced li { + margin-bottom: 0.5em; + } + +/* General Structure */ + body, td, th, input { /* redundant rules for bad browsers */ + font-family: verdana, sans-serif; + font-size: x-small; + voice-family: "\"}\""; + voice-family: inherit; + font-size: small; + } + + h1, h2, h3, h4, h5, h6 { + margin: 1em 0 0.2em 0; + border-bottom: 1px solid #ccc; + font-family: arial, verdana, sans-serif; + } + li h1, li h2, li h3, li h4, li h5, li h6 { + border: none; + } + + #header h1 { border: 0; } + + h1 { font-size: 160%; font-weight: normal; } + h2 { font-size: 150%; font-weight: normal; } + h3 { font-size: 120%; } + h4 { font-size: 100%; } + h5 { font-size: 90%; } + h6 { font-size: 90%; border: 0; } + +/* Navigation */ + + :link { color: #039; } + :visited { color: #636; } + :link:hover, :visited:hover { color: #333; } + :link:active, :link:active { color: #000; } + +/* Quotations */ + + +/* Comments and other Asides */ + #main-feature { + margin-top: -24px; + background: #EFF3F7 url("/images/template/feature-back.png") bottom repeat-x; + } + + #main-feature h2 { + margin: 10px 0 0 0; + border: none; + } + + #main-feature p.product-intro { + margin: 0 0 10px 0; + line-height: 145%; + color: #414D66; + } + + #main-feature .feature-contents { + padding: 15px 50px 65px 50px; + position: relative; /* this is required to absolutely position contained elements */ + background: url("/images/home/feature-sun.png") bottom right no-repeat; + } + + #main-feature .feature-contents { height: 250px; } + body>#main-feature .feature-contents { height: auto; min-height: 260px; } + + #main-feature .brief-feature { height: auto !important; min-height: 10px !important; } + * html #main-feature .brief-feature { padding-bottom: 5px !important } + + /* this hack is required for IE6 */ + /* Hides from IE-mac \*/ + * html #main-feature { height: 1%;} + /* End hide from IE-mac */ + + #main-feature a.download-link { + display: block; + padding: 0 0 12px 0; + margin-bottom: 0.2em; + text-decoration: none; + color: #256504; + width: 285px; + margin-left: -8px; + } + + #main-feature a.download-firefox { + background: url("/images/template/download-firefox.png") 0 100% no-repeat; + } + + #main-feature a.download-thunderbird { + background: url("/images/template/download-thunderbird.png") 0 100% no-repeat; + } + + #main-feature .brief-feature a.download-firefox { + background: url("/images/template/download-firefox-white.png") 0 100% no-repeat; + margin-right: 40px; + margin-left: 0; + } + + #main-feature a.download-link span { + display: block; + padding: 9px 10px 0 58px; + min-height: 43px; + } * html #main-feature a.download-link span { height: 43px; } + + #main-feature a.download-firefox span { + background: url("/images/template/download-firefox.png") 0 0 no-repeat; + } + + #main-feature a.download-thunderbird span { + background: url("/images/template/download-thunderbird.png") 0 0 no-repeat; + } + + #main-feature .brief-feature a.download-firefox span { + background: url("/images/template/download-firefox-white.png") 0 0 no-repeat; + } + + + #main-feature a.download-link strong { + font: 140% sans-serif; + letter-spacing: -0.02em; + text-decoration: underline; + color: #256504; + } + + #main-feature a.download-link em { + font-style: normal; + color: #367D10; + letter-spacing: 0; + display: block; + padding-top: 3px; + font-size: 85%; + } + + #main-feature a.download-link:hover, #main-feature a.download-link:hover span, #main-feature a.download-link:hover strong { + color: #143802; + cursor: pointer; /* need for IE6 */ + background-position: 100% 100%; + } + + #main-feature a.download-link:hover span { + background-position: 100% 0; + } + + #main-feature .download-info { + font-size: 85%; + color: #666; + padding: 0; + } + + #main-feature .download-other { + font-size: 85%; + color: #515F78; + padding-left: 8px; + } + + .brief-feature .home-download { + float: right; + } + + #main-feature .product-image { + float: right; + margin-left: 1.5em; + margin-top: 1em; + } + + #main-feature h2, #main-feature h3, #main-feature h4 { + border: none; + } + + .note { + color: #666; + font-style: normal; + } + + .first { + margin-top: 0; + } + + .remark { + color: #666; + } + + .sidenote { + border: #666; + } + + .key-point:before { + line-height: 0.1; + font-size: 1px; + background: transparent url("/images/box/key-point_tr.gif") no-repeat top right; + margin: -15px -15px 0 -15px; + height: 15px; + display: block; + border: none; + content: url("/images/box/key-point_tl.gif"); + } + .key-point { + background: #e4ecec url("/images/box/key-point_back.gif") right repeat-y; + padding: 15px; + margin-bottom: 1em; + } * html .key-point { height: 1px; } + .key-point:after { + display: block; + clear: both; + padding-top: 15px; + line-height: 0.1; + font-size: 1px; + content: url("/images/box/key-point_bl.gif"); + margin: -15px; + height: 8px; + background: transparent url("/images/box/key-point_br.gif") scroll no-repeat bottom right ; + } + + .key-point h2, .key-point h3, .key-point h4, .key-point h5 { + border: none; + margin-top: 0; + color: #4C5C5C; + } + + .news dt { + font-weight: normal; + color: #666; + } + .news dt a { + font-weight: bold; + } + + ul.compact { + margin-left: 0; + padding-left: 20px; + } + +/* Emphasis */ + +/* Computers - General */ + + kbd { + margin: 0.1em; + padding: 0.1em; + border: 1px #ccc; + } + + kbd.command, + code.command { + color: #6B5839; + } + +/* Code */ + + pre.code { + background: #EEECF6; + } + + code > em, + code > strong, + pre.code > em, + pre.code > strong { + font-style: normal; + } + +/* Examples and Figures */ + + div.example { + border-color: #554FA0; + } + div.example:before { + color: #666; + } + +/* Q and A (FAQ) */ + +ol.faq li a { + text-decoration: none; + border-bottom: 1px dotted #6C98EE; +} + +ol.faq li a:hover { + border-color: #039; +} + + +/* Tables */ + table { + border-collapse: collapse; + border: none; + margin: 1em 0; + } + + th { + background: #ddd; + padding: 5px; + text-align: left; + } + + tr.table-title th { + font: 130% sans-serif; + font-weight: normal; + background: #666; + color: #fff; + border-top: 1px solid #666; + padding: 0.5em 10px; + text-align: center; + } + + td { + border-top: 1px solid #ddd; + font-size: 85%; + padding: 5px; + text-align: left; + } + + table.data thead th { + background: #e4ecec; + empty-cells: hide; + } + + table.data th, + table.data td { + border: 1px solid #ccc; + font-size: 100%; + line-height: 130%; + } + + tr.odd { + background: #F5F5F5; + } + +/* Meta */ + + address { + color: #666; + } + +/* Product Specific CSS */ + + .productlist img.product-logo { + float: left; + margin: 0 10px 1em 0; + } + + .productlist h3 { + border: none; + clear: left; + } + + .productlist p { + margin: 0.2em 0 2em 0; + } + + .key-point h1, .key-point h3 { + margin: 0; + } + + #product-desc h2 { + text-indent: -700em; + height: 25px; + line-height: 2px; + font-size: 2px; + } + + #product-desc p { + padding-left: 170px; + } + + #product-desc ul, #key-desc { + padding-left: 190px; + margin-bottom: 0; + } + + #product-side, #key-side { + margin-left: 65%; + } + + #product-side ul, #key-side ul { + margin-left: 0; + padding-bottom: 0; + padding-left: 20px; + } + + #product-side li, #key-side { + padding-bottom: 0.2em; + } + + #product-desc, #key-desc { + padding: 40px 0 25px 0; + color: #4C5C5C; + width: 60%; + float: left; + line-height: 140%; + } + + #key-desc { + padding: 0; + } + + #key-side { + color: #4C5C5C; + } + + .product-firefox { + background: url("../../images/product-firefox-screen.png") no-repeat; + } + .product-thunderbird { + background: url("../../images/product-thunderbird-screen.png") no-repeat; + } + + #product-side .download h3 { + color: #1D9101; + font-weight: bold; + margin: 0; + font-size: 140%; + } + + .download h3 :link, + .download h3 :visited, + .download h3 :link:active, .download h3 :visited:active { + color: #1D9101; + } + + .download h3 :link:hover, .download h3 :visited:hover { + color: #156B01; + } + + .download li { + padding: 0; + margin: 0; + } + .download ul { + margin-top: 0; + margin-bottom: 0; + padding-bottom: 0; + } + .other { + padding-top: 3px; + } + .other a:link, .other a:visited { color: #515F78; } + .other a:hover { color: #000; } + + .configParent { + display: block; + font-size: 85%; + } + + +/* Lists */ + +dl { + margin-top: 0; +} + +dt { + font-weight: bold; +} + +dd { + margin: 0.2em 0 1em 1em; +} + +/* Simple Logo Boxes */ + +.firefox-logo, .thunderbird-logo { + padding-left: 72px; + min-height: 70px; + margin-bottom: 1em; + display: block; /* so this can be used for links */ +} + +* html .firefox-logo, * html .thunderbird-logo { height: 70px; } /* min-height for IE */ + +.firefox-logo h2, .firefox-logo h3, .firefox-logo h4, .thunderbird-logo h2, .thunderbird-logo h3, .thunderbird-logo h4 { + border-bottom: none; +} + +.firefox-logo { + background: url("/images/firefox-logo-64x64.png") no-repeat; +} + +.thunderbird-logo { + background: url("/images/thunderbird-logo-64x64.png") no-repeat; +} + + +/* Firefox Page Styles */ + +.product-thumb { + display: block; + margin: 15px 0 5px 0; + height: 70px; + border: 1px solid #666; + text-decoration: none; + opacity: 0.4; +} + +.product-thumb:hover { + opacity: 1; +} + +.thumb-firefox-tabs { background: url("/images/firefox-tabbedbrowsing-thumb.png") 0 0 no-repeat; } +.thumb-firefox-live { background: url("/images/firefox-livebookmarks-thumb.png") 0 0 no-repeat; } +.thumb-firefox-search { background: url("/images/firefox-searchbar-thumb.png") 100% 0 no-repeat; } + +.firefox-awards { + margin-top: 1em; + text-align: center; +} diff --git a/webtools/uninstall_survey/webroot/css/rustico/template.css b/webtools/uninstall_survey/webroot/css/rustico/template.css new file mode 100644 index 000000000000..59fa94e755e9 --- /dev/null +++ b/webtools/uninstall_survey/webroot/css/rustico/template.css @@ -0,0 +1,280 @@ +body { + margin: 0 0 1em 0; + padding: 0; /* need for Opera */ + background: #fff; + color: #333; + min-width: 610px; +} + +form { margin: 0; } +img { border: 0; } + + +/* Core site element widths */ + +/*#header, #breadcrumbs, #content, #footer { + max-width: 1000px; + margin: 0 auto; +}*/ + +#header { padding: 0 50px; } +#header ul { right: 0; } +* html #header ul { right: 50px; } +#breadcrumbs { padding: 0 50px; } +#content { padding: 0 50px; } +#footer { padding: 0 20px; margin: 0 50px; } + +#header div, #content, #breadcrumbs div, #footer, #main-feature .feature-contents { + max-width: 900px; margin: 0 auto; +} + +#header div { position: relative; } + +/* header */ + +#header { + height: 38px; + position: relative; + border-bottom: 1px solid #A1A6B1; + background: #33415D url("/images/template/header-background.png") top repeat-x; + z-index: 1; +} + +#header h1 { margin: 0; } + +#header h1 img { + font-weight: bold; + color: #7f7c45; +} + +#header ul { + padding: 0; + margin: 0; + list-style: none; + border-left: 1px solid #576178; + border-right: 1px solid #1f2635; + position: absolute; + top: 0; +} + +#header li { + float: left; + padding: 0; + margin: 0; +} + +#header ul a:link, #header ul a:visited { + display: block; + float: left; + padding: 10px 15px; + text-decoration: none; + border-right: 1px solid #576178; + border-left: 1px solid #1f2635; + color: #dee0e5; + height: 36px; + voice-family: "\"}\""; + voice-family: inherit; + height: 16px; +} #ignored {} + +#header ul li a:hover { + background: #475470; + color: #fff; + text-decoration: underline; +} + + +/* breadcrumbs */ + +#breadcrumbs { + background: #F7F8F8 url("/images/template/breadcrumbs-background.png") bottom repeat-x; + padding-top: 4px; + padding-bottom: 30px; + font-size: 85%; + color: #999; +} + +#breadcrumbs a:link, +#breadcrumbs a:visited { + color: #666; +} + +#breadcrumbs a:hover, +#breadcrumbs a:active { + color: #333; +} + + +/* content */ + +#content { + background: #fff; +} + +/* Sidebar */ + +#nav:before { + line-height: 0.1; + font-size: 1px; + background: transparent url("/images/template/menu_tr.gif") no-repeat top right; + margin: 0; + height: 9px; + display: block; + border-bottom: 1px solid #ddd; + content: url("/images/box/key-point_tl.gif"); +} +#nav { + background: #E0E9E9 url("/images/template/menu_back.gif") right repeat-y; +} +#nav:after { + display: block; + padding-top: 0; + line-height: 0.1; + font-size: 1px; + content: url("/images/box/key-point_bl.gif"); + margin: 0 0 0 0; + height: 8px; + background: transparent url("/images/template/menu_br.gif") scroll no-repeat bottom right ; + border-top: 1px solid #fff; +} + +#nav, #nav ul { + margin: 0; + padding: 0; + list-style: none; +} +#nav { + margin-bottom: 1em; +} +#nav li { + display: inline; + padding: 0; + margin: 0; +} + +#nav li span { /* used for un-linked menu items */ + display: block; + padding: 6px 10px; + font-weight: bold; + color: #666; +} +#nav li span#configParent, #nav li span #configuration { + display: inline; + font-weight: normal; + padding: 0; +} + +#nav li a { + display: block; + padding: 8px 10px; + text-decoration: none; + background: #EDF2F2; + border-bottom: 1px solid #ddd; + border-top: 1px solid #fff; + border-right: 1px solid #ddd; +} +#nav li a:hover { + background: #E0E9E9; +} + +#nav li li span { /* used for un-linked menu items */ + padding: 4px 8px 4px 20px; +} + +#nav li li a { + padding: 6px 8px 6px 20px; +} + +#oN { + background-color: #E0E9E9; +} +#oN:hover { + background-color: #C6DCDC; +} + + +/* footer */ + +#footer { + clear: both; + margin-top: 3em; + margin-bottom: 1em; + color: #888; + padding: 25px 50px; + text-align: center; +} + +#footer-contents { + padding: 0; + border-top: 1px solid #C9D0E0; +} + +#footer ul#footer-menu { + position: relative; + top: -0.8em; + margin: 0 1em 0 1em; + padding: 0; + list-style-type: none; +} + +#footer ul#footer-menu li { + display: inline; + background: #fff; + margin: 0 1em; +} + +#footer ul#footer-menu li a { + margin: 0 1em; + white-space: nowrap; +} + +#footer p { + margin: 0.3em; + clear: both; +} + +#footer .site-tools { + display: none; +} + +.small-print { + font-size: 85%; + color: #888; +} + +.small-print a:link, +.small-print a:visited { + color: #888; +} + +.small-print a:hover, +.small-print a:active { + color: #333; +} + +#locales { + margin: 0 auto 1.5em auto; + width: 610px; + line-height: 160%; +} + +#locales p { + display: inline; + margin: 0; + padding: 0 0.3em 0 0; +} + +#locales ul { + display: inline; + margin: 0; + padding: 0; +} + +#locales li { + padding: 0 0.3em 0 0; + display: inline; +} + +#locales li a { + white-space: nowrap; +} diff --git a/webtools/uninstall_survey/webroot/css/screen.css b/webtools/uninstall_survey/webroot/css/screen.css index 6e9c57047447..880c162a2f75 100644 --- a/webtools/uninstall_survey/webroot/css/screen.css +++ b/webtools/uninstall_survey/webroot/css/screen.css @@ -1,111 +1,10 @@ /* Screen Stylesheet */ - /* This is temporary while we use the scaffolding */ - @import url("cake.default.css"); - table { clear:none; } - - /* CORE STYLES */ - - body{ - background-color:#788; - } - div#t_title{ - background-color:#ddd; - height:50px; - padding-left:8px; - } - div#t_title h1{ - font-size:1.7em; - padding-top:10px; - color:#677; - } - div#t_content_container{ - } - div#t_content{ - padding: 20px 10px 100px 10px; - margin-left:151px; - background-image:url('../img/bg.jpg'); - background-position:bottom right; - background-repeat:no-repeat; - min-height:200px; - } - div#t_wrapper{ - margin:0px; - padding:0px; - background-color:#fff; - } - div#t_border{ - border-left:1px solid #111; - border-right:1px solid #111; - border-bottom:1px solid #111; - margin:0px 30px 0px 30px; - } - - div#t_nav { - padding:20px 0px 50px 0px; - float:left; - width:151px; - } - div#t_nav ul { - list-style-type:none; - padding:2px 0px 0px 0px; - margin:0px; - } - div#t_nav ul li{ - padding:2px 0px 2px 0px; - } - div#t_nav ul li a{ - text-decoration:none; - font-size:.8em; - padding:6px 0px 6px 8px; - margin:0px 0px 0px 0px; - color:#566; - border:none; - } - div#t_nav ul li a:hover{ - color:#f80; - } - div#t_nav h3 { - padding:5px 0px 0px 5px; - font-size:.9em; - } - div#t_footer { - clear:both; - border-top:1px solid #111; - } - - div#t_content h1 { - margin-bottom:100px; - font-size:1.6em; - } - - a.skipnav { - position:absolute; - visibility:hidden; - } - - div#queryform { - margin: 5px 20px 5px 20px; - padding-bottom:20px; - width:700px; - } - div#queryform label { - font-size:.8em; - font-weight:bold; - } - div#queryform input[type="text"]{ - width:7em; - } - - div#exportbox { - } - -/* Classes for graph/table data. (Generally just padding) */ - .results { - padding: 5px 5px 5px 5px; - margin: 5px 5px 5px 5px; - } + div#querynote { + padding-left: 30px; + font-size: smaller; + } div#notice { background-color:#ecc; @@ -115,14 +14,7 @@ margin:6px 20px 6px 20px; } - table.comments tr { - } - - table.comments tr td{ - text-align:left; - border-bottom: 1px solid #222; - } - + /* The labels that are floated over the bar charts */ div.bar_chart_label { position: absolute; text-align: left;