Blame Artworks/Webenv/Style-guide/0.0.1/Css/reset.css

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