Blame Scripts/CentOS-Web/Stylesheet/reset.css

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