|
|
4d19ae |
/* CSS
|
|
|
4d19ae |
*
|
|
|
ccdec3 |
* base.css
|
|
|
ccdec3 |
* CentOS Web Environment (Webenv).
|
|
|
ccdec3 |
*
|
|
|
ccdec3 |
* The base visual style definition is used to reset the browser
|
|
|
ccdec3 |
* default visual style and set The CentOS Web Environment default
|
|
|
ccdec3 |
* visual style. It sets default values to tags like `html', `body',
|
|
|
ccdec3 |
* as well as those controlling links, tables, paragrphs, headings,
|
|
|
ccdec3 |
* lists, forms and quotation.
|
|
|
4d19ae |
*
|
|
|
ccdec3 |
* The CentOS Web Environment is a standard proposition specially
|
|
|
ccdec3 |
* conceived to achieve one unique visual style and easy navegation
|
|
|
ccdec3 |
* through all different web applications The CentOS Project uses to
|
|
|
ccdec3 |
* show its existence in the World Wide Web medium.
|
|
|
4d19ae |
*
|
|
|
ccdec3 |
* Copyright (C) 2009-2011 Alain Reguera Delgado
|
|
|
4d19ae |
*
|
|
|
4d19ae |
* This program is free software; you can redistribute it and/or
|
|
|
4d19ae |
* modify it under the terms of the GNU General Public License as
|
|
|
4d19ae |
* published by the Free Software Foundation; either version 2 of the
|
|
|
4d19ae |
* License, or (at your option) any later version.
|
|
|
4d19ae |
*
|
|
|
4d19ae |
* This program 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
|
|
|
4d19ae |
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307
|
|
|
4d19ae |
* USA.
|
|
|
4d19ae |
*
|
|
|
4d19ae |
* $Id$
|
|
|
4d19ae |
*
|
|
|
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:
|
|
|
1030f7 |
background-image: url("/home/centos/artwork/trunk/Identity/Patterns/webenv-bg-1.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 |
|
|
|
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 */
|
|
|
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 |
color:
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
h2 {
|
|
|
4d19ae |
font-size: 1.4em;
|
|
|
4d19ae |
line-height: 1.8em;
|
|
|
4d19ae |
border: none;
|
|
|
4d19ae |
color:
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
h3 {
|
|
|
4d19ae |
font-size: 1.25em;
|
|
|
4d19ae |
line-height: 1.6em;
|
|
|
4d19ae |
margin-top: 1em;
|
|
|
4d19ae |
color:
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
h4 {
|
|
|
4d19ae |
font-size: 1.2em;
|
|
|
4d19ae |
line-height: 1.4em;
|
|
|
4d19ae |
color:
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
h5 {
|
|
|
4d19ae |
font-size: 1.1em;
|
|
|
4d19ae |
line-height: 1.1em;
|
|
|
4d19ae |
color:
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
h6 {
|
|
|
4d19ae |
font-size: 1em;
|
|
|
4d19ae |
line-height: 1.1em;
|
|
|
4d19ae |
color:
|
|
|
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 {
|
|
|
4d19ae |
color:
|
|
|
4d19ae |
text-decoration: none;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
/* Paragraphs
|
|
|
4d19ae |
|
|
|
4d19ae |
|
|
|
4d19ae |
p {
|
|
|
4d19ae |
margin: 1em;
|
|
|
4d19ae |
line-height: 1.5em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
/* Quotations
|
|
|
4d19ae |
|
|
|
4d19ae |
|
|
|
4d19ae |
blockquote {
|
|
|
4d19ae |
background-color:
|
|
|
4d19ae |
border-width: 1px;
|
|
|
4d19ae |
border-style: solid;
|
|
|
4d19ae |
border-color:
|
|
|
4d19ae |
border-left-width: 4px;
|
|
|
4d19ae |
margin-left: 1.5em;
|
|
|
4d19ae |
padding: 0.5em;
|
|
|
4d19ae |
margin-top: 1em;
|
|
|
4d19ae |
margin-bottom: 1em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
blockquote h3 {
|
|
|
4d19ae |
line-height: 0;
|
|
|
4d19ae |
border: none;
|
|
|
4d19ae |
color:
|
|
|
297a73 |
margin-left: 1.2em;
|
|
|
297a73 |
padding: 0;
|
|
|
7519de |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
blockquote pre {
|
|
|
4d19ae |
border: none;
|
|
|
4d19ae |
background-color:
|
|
|
4d19ae |
color:
|
|
|
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;
|
|
|
4d19ae |
padding: 0.5em 1em;
|
|
|
4d19ae |
margin: 0.5em 0 0.5em 1.5em;
|
|
|
4d19ae |
white-space: pre;
|
|
|
4d19ae |
border-width: 1px;
|
|
|
4d19ae |
border-style: solid;
|
|
|
4d19ae |
border-color:
|
|
|
4d19ae |
border-left-width: 4px;
|
|
|
4d19ae |
background:
|
|
|
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:
|
|
|
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 {
|
|
|
4d19ae |
margin-left: 0.5em;
|
|
|
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 |
|
|
|
4d19ae |
dl {
|
|
|
4d19ae |
margin-top: 1.5em;
|
|
|
4d19ae |
margin-left: 3.5em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
dl dt {
|
|
|
4d19ae |
font-weight: bold;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
dl dt:after {
|
|
|
a9cc5d |
content: ""
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
dl dd {
|
|
|
4d19ae |
margin-left: 2em;
|
|
|
4d19ae |
margin-bottom: 1em;
|
|
|
4d19ae |
line-height: 1.5em;
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
dl dd ul,
|
|
|
4d19ae |
dl dd ol {
|
|
|
0c1b3d |
margin-left: 3.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:
|
|
|
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
|
|
|
4d19ae |
}
|
|
|
4d19ae |
|
|
|
4d19ae |
fieldset legend {
|
|
|
4d19ae |
font-weight: bold;
|
|
|
4d19ae |
color:
|
|
|
4d19ae |
}
|