|
|
2fb870 |
/*
|
|
|
2fb870 |
* Webenv (reset) -- This file resets the browser's default visual
|
|
|
2fb870 |
* style and sets The CentOS Web Environment visual style as default
|
|
|
2fb870 |
* visual style. This file sets default values to tags like `html',
|
|
|
2fb870 |
* `body', as well as those controlling links, tables, paragrphs,
|
|
|
2fb870 |
* headings, lists, forms and quotation.
|
|
|
4d19ae |
*
|
|
|
2fb870 |
* The CentOS Web Environment (Webenv) is specially conceived to
|
|
|
2fb870 |
* achieve one unique visual style and easy navegation through all
|
|
|
2fb870 |
* different web applications The CentOS Project uses to show its
|
|
|
2fb870 |
* existence in the World Wide Web medium.
|
|
|
4d19ae |
*
|
|
|
2fb870 |
* Copyright (C) 2009, 2010, 2011 The CentOS Artwork SIG
|
|
|
4d19ae |
*
|
|
|
2fb870 |
* This CSS is free software; you can redistribute it and/or modify it
|
|
|
2fb870 |
* under the terms of the GNU General Public License as published by
|
|
|
2fb870 |
* the Free Software Foundation; either version 2 of the License, or
|
|
|
2fb870 |
* (at your option) any later version.
|
|
|
4d19ae |
*
|
|
|
2fb870 |
* This CSS is distributed in the hope that it will be useful, but
|
|
|
4d19ae |
* WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
4d19ae |
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
|
|
|
4d19ae |
* General Public License for more details.
|
|
|
4d19ae |
*
|
|
|
4d19ae |
* You should have received a copy of the GNU General Public License
|
|
|
4d19ae |
* along with this program; if not, write to the Free Software
|
|
|
fb67e0 |
* Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA.
|
|
|
fb67e0 |
*
|
|
|
fb67e0 |
* -------------------------------------------------------------------
|
|
|
4d19ae |
* $Id$
|
|
|
fb67e0 |
* -------------------------------------------------------------------
|
|
|
4d19ae |
*/
|
|
|
4d19ae |
|
|
|
4d19ae |
|
|
|
4d19ae |
/* Reset browsers default margins and paddings
|
|
|
4d19ae |
-----------------------------------------------*/
|
|
|
4d19ae |
|
|
|
4d19ae |
* {
|
|
|
4d19ae |
margin: 0;
|
|
|
4d19ae |
padding: 0;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
/* Define html
|
|
|
4d19ae |
-----------------------------------------------*/
|
|
|
4d19ae |
|
|
|
4d19ae |
html {
|
|
|
4d19ae |
background-color: #FFF;
|
|
|
fb67e0 |
background-image: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/html-bg.png");
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
/* Define body
|
|
|
4d19ae |
-----------------------------------------------*/
|
|
|
4d19ae |
|
|
|
4d19ae |
body {
|
|
|
4d19ae |
font-family: "DejaVu Sans", "Liberation Sans", sans-serif;
|
|
|
4d19ae |
font-size: 0.85em;
|
|
|
4d19ae |
line-height: 1.25em;
|
|
|
4d19ae |
/* margin: 0; /* <- full screen */
|
|
|
4d19ae |
/* margin: 0 1% 0 1%; /* <- with 1% of left and right margin */
|
|
|
4d19ae |
/* margin: 0 2% 0 2%; /* <- with 2% of left and right margin */
|
|
|
4d19ae |
margin: 0 3% 0 3%; /* <- with 3% of left and right margin */
|
|
|
4d19ae |
/* margin: 0 10% 0 10%; /* <- with 10% of left and right margin */
|
|
|
fb67e0 |
color: #333;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
/* Links
|
|
|
4d19ae |
-----------------------------------------------*/
|
|
|
4d19ae |
|
|
|
4d19ae |
a:link { text-decoration: none; color: #0044B3; }
|
|
|
4d19ae |
a:hover { text-decoration: underline; color: green; }
|
|
|
4d19ae |
a:active { text-decoration: underline; color: green; }
|
|
|
4d19ae |
a:visited { text-decoration: none; color: #0044B3; }
|
|
|
4d19ae |
a:visited:hover { text-decoration: underline; color: green; }
|
|
|
4d19ae |
|
|
|
4d19ae |
/* Headings
|
|
|
4d19ae |
-----------------------------------------------*/
|
|
|
4d19ae |
|
|
|
4d19ae |
h1 {
|
|
|
4d19ae |
font-size: 1.7em;
|
|
|
4d19ae |
font-weight: bold;
|
|
|
4d19ae |
line-height: 1.9em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
h2 {
|
|
|
4d19ae |
font-size: 1.4em;
|
|
|
4d19ae |
line-height: 1.8em;
|
|
|
4d19ae |
border: none;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
h3 {
|
|
|
4d19ae |
font-size: 1.25em;
|
|
|
4d19ae |
line-height: 1.6em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
h4 {
|
|
|
4d19ae |
font-size: 1.2em;
|
|
|
4d19ae |
line-height: 1.4em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
h5 {
|
|
|
4d19ae |
font-size: 1.1em;
|
|
|
4d19ae |
line-height: 1.1em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
h6 {
|
|
|
4d19ae |
font-size: 1em;
|
|
|
4d19ae |
line-height: 1.1em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
h1 a:link,
|
|
|
4d19ae |
h1 a:active,
|
|
|
4d19ae |
h1 a:visited,
|
|
|
4d19ae |
h1 a:visited:hover,
|
|
|
4d19ae |
h2 a:link,
|
|
|
4d19ae |
h2 a:active,
|
|
|
4d19ae |
h3 a:link,
|
|
|
4d19ae |
h3 a:active,
|
|
|
4d19ae |
h4 a:link,
|
|
|
4d19ae |
h4 a:active,
|
|
|
4d19ae |
h5 a:link,
|
|
|
4d19ae |
h5 a:active,
|
|
|
4d19ae |
h6 a:link,
|
|
|
4d19ae |
h6 a:active {
|
|
|
fb67e0 |
color: #333;
|
|
|
4d19ae |
text-decoration: none;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
/* Paragraphs
|
|
|
4d19ae |
-----------------------------------------------*/
|
|
|
4d19ae |
|
|
|
4d19ae |
p {
|
|
|
fb67e0 |
margin: 0.5em 0 1.3em 0;
|
|
|
4d19ae |
line-height: 1.5em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
/* Quotations
|
|
|
4d19ae |
-----------------------------------------------*/
|
|
|
4d19ae |
|
|
|
4d19ae |
blockquote {
|
|
|
fb67e0 |
background: #fafafa;
|
|
|
fb67e0 |
border-color: #eeeeee;
|
|
|
4d19ae |
border-width: 1px;
|
|
|
4d19ae |
border-style: solid;
|
|
|
4d19ae |
border-left-width: 4px;
|
|
|
4d19ae |
margin-left: 1.5em;
|
|
|
4d19ae |
padding: 0.5em;
|
|
|
4d19ae |
margin-top: 1em;
|
|
|
c35889 |
margin-bottom: 1.3em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
blockquote h3 {
|
|
|
4d19ae |
line-height: 0;
|
|
|
4d19ae |
border: none;
|
|
|
4d19ae |
color: #000000;
|
|
|
297a73 |
margin-left: 1.2em;
|
|
|
297a73 |
padding: 0;
|
|
|
7519de |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
blockquote pre {
|
|
|
4d19ae |
border: none;
|
|
|
fb67e0 |
background-color: #333;
|
|
|
4d19ae |
color: #FFFFFF;
|
|
|
4d19ae |
margin: 0;
|
|
|
7519de |
margin-left: 1.5em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
blockquote img {
|
|
|
4d19ae |
float: left;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
q:before {
|
|
|
4d19ae |
content: " “";
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
q:after {
|
|
|
4d19ae |
content: "” ";
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
q q:before {
|
|
|
4d19ae |
content: " ‘";
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
q q:after {
|
|
|
4d19ae |
content: "’ ";
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
address {
|
|
|
4d19ae |
margin-left: 1.5em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
/* Preformatted Texts
|
|
|
4d19ae |
-----------------------------------------------*/
|
|
|
4d19ae |
|
|
|
4d19ae |
pre {
|
|
|
4d19ae |
font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
|
|
|
fb67e0 |
padding: 1em;
|
|
|
7d8e33 |
margin: 1em 0 1em 0;
|
|
|
4d19ae |
white-space: pre;
|
|
|
4d19ae |
border-width: 1px;
|
|
|
4d19ae |
border-style: solid;
|
|
|
7d8e33 |
border-color: #E5E5E5;
|
|
|
4d19ae |
border-left-width: 4px;
|
|
|
7d8e33 |
background: #FFFAE9;
|
|
|
4d19ae |
overflow: auto;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
/* Phrase Elements
|
|
|
4d19ae |
-----------------------------------------------*/
|
|
|
4d19ae |
|
|
|
4d19ae |
tt,
|
|
|
4d19ae |
samp,
|
|
|
4d19ae |
kbd,
|
|
|
4d19ae |
code {
|
|
|
4d19ae |
font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
/* Page Lines
|
|
|
4d19ae |
-----------------------------------------------*/
|
|
|
4d19ae |
|
|
|
4d19ae |
hr {
|
|
|
4d19ae |
clear: both;
|
|
|
4d19ae |
margin: 0;
|
|
|
4d19ae |
padding: 0;
|
|
|
4d19ae |
height: 1px ! important;
|
|
|
4d19ae |
border: none;
|
|
|
4d19ae |
background-color: #DADADA;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
/* Lists
|
|
|
4d19ae |
-----------------------------------------------*/
|
|
|
4d19ae |
|
|
|
4d19ae |
ul,
|
|
|
4d19ae |
ol {
|
|
|
4d19ae |
margin-top: 1.5em;
|
|
|
4d19ae |
margin-bottom: 1.5em;
|
|
|
4d19ae |
padding-left: 1.9em;
|
|
|
4d19ae |
margin-left: 3.5em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
ul {
|
|
|
4d19ae |
list-style: circle;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
ol {
|
|
|
4d19ae |
list-style-image: none !important;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
ul li,
|
|
|
4d19ae |
ol li {
|
|
|
4d19ae |
line-height: 1.5em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
ul ul,
|
|
|
4d19ae |
ul ol,
|
|
|
4d19ae |
ol ul,
|
|
|
4d19ae |
ol ol {
|
|
|
fb67e0 |
margin-left: 1em;
|
|
|
4d19ae |
margin-top: 0.3em;
|
|
|
4d19ae |
margin-bottom: 0.3em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
ul li p,
|
|
|
4d19ae |
ol li p {
|
|
|
4d19ae |
margin-bottom: 0.3em;
|
|
|
4d19ae |
line-height: 1.5em;
|
|
|
4d19ae |
margin-left: 0 !important;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
fb67e0 |
dl dl {
|
|
|
fb67e0 |
margin-left: 1.5em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
dl dt:after {
|
|
|
a9cc5d |
content: ""
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
fb67e0 |
dl dt span {
|
|
|
4d19ae |
line-height: 1.5em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
fb67e0 |
dl dd {
|
|
|
fb67e0 |
margin-left: 1em;
|
|
|
fb67e0 |
}
|
|
|
fb67e0 |
|
|
|
4d19ae |
dl dd ul,
|
|
|
4d19ae |
dl dd ol {
|
|
|
fb67e0 |
margin-left: 0.8em;
|
|
|
fb67e0 |
line-height: 1.5em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
/* Tables
|
|
|
4d19ae |
-----------------------------------------------*/
|
|
|
4d19ae |
|
|
|
4d19ae |
table {
|
|
|
4d19ae |
margin-top: 0.5em;
|
|
|
4d19ae |
margin-bottom: 0.5em;
|
|
|
4d19ae |
margin-left: 1.5em;
|
|
|
4d19ae |
border-collapse: collapse;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
table.menu {
|
|
|
4d19ae |
margin:0;
|
|
|
4d19ae |
margin-left: 3.5em;
|
|
|
4d19ae |
padding:0;
|
|
|
7519de |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
table caption {
|
|
|
4d19ae |
font-style: italic;
|
|
|
4d19ae |
text-align: center;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
table tr th {
|
|
|
4d19ae |
font-weight: bold;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
table tr td,
|
|
|
4d19ae |
table tr th {
|
|
|
4d19ae |
border: 1pt;
|
|
|
4d19ae |
border-style: solid;
|
|
|
4d19ae |
border-color: #CCC;
|
|
|
4d19ae |
padding-top: 0.25em;
|
|
|
4d19ae |
padding-right: 0.5em;
|
|
|
4d19ae |
padding-bottom: 0.25em;
|
|
|
4d19ae |
padding-left: 0.5em;
|
|
|
40964b |
vertical-align: top;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
7519de |
table tr td p,
|
|
|
7519de |
table tr td pre {
|
|
|
4d19ae |
margin: 0;
|
|
|
4d19ae |
padding: 0;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
/* Forms
|
|
|
4d19ae |
-----------------------------------------------*/
|
|
|
4d19ae |
|
|
|
4d19ae |
form {
|
|
|
4d19ae |
display: inline;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
input[type="submit"],
|
|
|
4d19ae |
input[type="button"] {
|
|
|
4d19ae |
padding: 1px;
|
|
|
4d19ae |
display: inline;
|
|
|
4d19ae |
text-decoration: none;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
input[type="text"],
|
|
|
7519de |
input[type="password"],
|
|
|
4d19ae |
textarea {
|
|
|
4d19ae |
display: inline;
|
|
|
4d19ae |
padding: 2px;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
select {
|
|
|
4d19ae |
display: inline;
|
|
|
4d19ae |
padding: 1px;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
form p {
|
|
|
4d19ae |
display: inline;
|
|
|
4d19ae |
margin-left: 5px;
|
|
|
4d19ae |
margin-right: 5px;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
/* Select
|
|
|
4d19ae |
---------------------------------------- */
|
|
|
4d19ae |
|
|
|
4d19ae |
select option {
|
|
|
4d19ae |
padding-left: 3px;
|
|
|
4d19ae |
padding-right: 3px;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
select optgroup {
|
|
|
4d19ae |
font-style: normal;
|
|
|
4d19ae |
font-weight: bold;
|
|
|
4d19ae |
padding-left: 3px;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
select optgroup option {
|
|
|
4d19ae |
margin-left: 1em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
input[type="radio"],
|
|
|
4d19ae |
input[type="checkbox"] {
|
|
|
4d19ae |
vertical-align: middle;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
fieldset {
|
|
|
4d19ae |
margin: 1em;
|
|
|
4d19ae |
padding: 1em;
|
|
|
4d19ae |
padding-bottom: 5px;
|
|
|
4d19ae |
margin-left: 1.5em;
|
|
|
4d19ae |
border: 1px solid #AAA;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
fieldset legend {
|
|
|
4d19ae |
font-weight: bold;
|
|
|
4d19ae |
color: #AAA;
|
|
|
4d19ae |
}
|