@CHARSET "UTF-8";
/*
Tripoli is a generic CSS standard for HTML rendering.
Copyright (C) 2007 David Hellsing
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see .
*/ /*
/*---------------------------------------- Generic */
html {font-size: 62.5%; font-family: helvetica, "microsoft sans serif", arial, sans-serif; overflow-y: scroll;}
strong,th,thead td,h1,h2,h3,h4,h5,h6,dt {font-weight: bold;}
cite,em,dfn {font-style: italic;}
code,kbd,samp,pre,tt,var {font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space;}
pre {white-space: pre;}
pre * {font-size: 100%; white-space: pre;}
del {text-decoration: line-through; color: #666;}
ins,dfn {border-bottom: 1px solid #ccc;}
small,sup,sub {font-size: 90%; color: #999;}
big {font-size: 125%; line-height: 80%;}
abbr,acronym {text-transform: uppercase; letter-spacing: .1em;}
a abbr,a acronym {border: none;}
/* abbr[title],acronym[title],dfn[title] {
cursor: help;
border-bottom: 1px solid #ccc;
} */
sup {vertical-align: super;}
sub {vertical-align: sub;}
a:link,a:visited,a:hover,a:active,a:focus {outline: none;}
/*---------------------------------------- Quotes */
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
/*---------------------------------------- Language Specific Quotes */
q {quotes: "\201C" "\201D" "\2018" "\2019";}
:lang(af),:lang(nl),:lang(pl) {quotes: '\201E' '\201D' '\201A' '\2019';}
:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro) {quotes: '\201E' '\201C' '\201A' '\2018';}
:lang(da),:lang(hr) {quotes: '\00BB' '\00AB' '\203A' '\2039';}
:lang(el),:lang(es),:lang(sq),:lang(tr) {quotes: '\00AB' '\00BB' '\2039' '\203A';}
:lang(en-GB) {quotes: '\2018' '\2019' '\201C' '\201D';}
:lang(fi),:lang(sv) {quotes: '\201D' '\201D' '\2019' '\2019';}
:lang(fr) {quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';}
/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
*[lang|='en'] q:before {content: '\201C';}
*[lang|='en'] q:after {content: '\201D';}
*[lang|='en'] q q:before {content: '\2018';}
*[lang|='en'] q q:after {content: '\2019';}
/*---------------------------------------- Forms */
fieldset {}
legend {background: #fff;}
label {}
textarea,
select,
input {color: #333; font-size: 13px; line-height: 1.2;}
/* webkit only styling */
@media screen and (-webkit-min-device-pixel-ratio:0){
select {font-size: inherit;}
}
textarea {max-height: 160px;}
textarea,
input[type='text'],
input[type='password'] {
background-color: #F7F7F7;
border-color: #CCC;
border-style: solid;
border-width: 1px;
height: 19px;
padding: 3px 3px 3px 5px;
}
textarea:hover,
input[type='text']:hover,
input[type='password']:hover {border-color: #999;}
textarea:focus,
input[type='text']:focus,
input[type='password']:focus {background-color: #fff; outline: 0 none;}
input[type='button'],
input[type='submit'],
input[type='checkbox'],
input[type='image'],
input[type='radio'],
input[type='reset'],
select,
button {cursor: pointer;}
input[type='hidden'] {display: none;}
/*---------------------------------------- Content Only */
/* BASE SIZES */
h1 {font-size: 1.6em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}
/* HR */
hr {
display: block;
background: #aaa;
color: #aaa;
width: 100%;
height: 1px;
border: none;
}
/*----- Lists */
ul {list-style: none outside;}
li {list-style: inherit;}
ol {list-style: decimal outside;}
/*----- Tables */
table {border: 0;}
th,td {border: 0;}
/*----- Margins & Paddings */
p,ul,ol,dl,pre,blockquote,address,table {margin-bottom: 1.2em;}
p+p {}
/* NOTE: Calulate header margins: TOP: line-height/size, BOTTOM: TOP/2 */
h1 {margin: 1em 0 .5em;}
h2 {margin: 0;}
h3 {margin: 1.14em 0 .57em;}
h4 {margin: 1.23em 0 .615em;}
h5 {margin: 1.33em 0 .67em;}
h6 {margin: 1.6em 0 .8em;}
th,td {padding: 10px;}
caption {padding-bottom: .8em;}
/* Capitalization */
.middle_col h2.title { text-transform: capitalize; }
/* padding instead of margin for IE */
blockquote {padding: 1em; margin: 1.3em 0;}
fieldset {
margin: 1.6em 0;
} /* padding-top is margin-top for fieldsets in Opera */
legend {padding-left: .8em; padding-right: .8em;}
legend+* {margin-top: 1em;}/* compensates for the opera margin bug */
textarea,input {padding: .3em .4em .15em .4em;}
select {}
option {}
a {} /* for larger click-area */
dt {margin-top: .8em; margin-bottom: .4em;}
ul {margin-left: 0;}
ol {margin-left: 2.2em;}
ul ul,ol ul,ul ol,ol ol {margin-bottom: 0;}
form div {margin: 0;}
button {padding: 0.3em 0.5em;}
blockquote>* {margin: .8em 0;}
br {font-size: 0; height: 0; line-height: 0;}
/*---------------------------------------- Colors */
a:link {}
a:visited {}
a:hover {border: 0;}
a:active,a:focus {}
code,pre {color: #c33;}
.clear {clear: both;}
/* very optional, but still useful. W3C uses about the same colors for codes */
/*
CHANGELOG
--------------------------------------------------
24/10-07
No more changes will be made in here. See http://monc.se/tripoli/beta/log.txt for the latest tripoli changes
--------------------------------------------------
4/10-07
Changed cursor:pointer to address all input buttons for IE compability
--------------------------------------------------
22/9-07
added: input[type='hidden'] { display:none; }
--------------------------------------------------
12/9-07
Changed focus border color to light grey instead of yellow
Removed all "special" styling for lists - resorted to default bullets in all browsers.
Added a bold font weight to definition list titles as default
--------------------------------------------------
9/9-07
Added the following:
pre * { font-size: 100%; white-space: pre; }
--------------------------------------------------
5/9-07
**** Thank you Steve (http://stevehoelzer.dyndns.org) for many of these bug reports ****
Added text-decoration:underline to the global a:* element and removed it in .content
Added the following:
.content ol li { text-indent: 0; margin-left: 0;}
.content ol li:before { content: ''; }
To remove dots in ordered lists inside unordered lists.
Added the big tag (125%)
Changed blockquotes from *:first-child to > * to allow several children inside blockquotes.
--------------------------------------------------
27/8.07
Removed bottom margins for nested lists
--------------------------------------------------
23/8-07
Added white-space: pre to the
element, since the reset file also resets white-space now.
Added input[type='password'] to mono-spaced fonts
Added input[type='password'] to cursor: text
Added the following:
.content ul li > *:first-child { display: inline; }
.content ul li ul:first-child, .content ul li ol:first-child { display: block; }
To prevent line-breaks directly after the dot in unordered lists (standard browsers)
Changed html[lang|='en'] to *[lang|='en'] in safari quotes
--------------------------------------------------
17/8-07
Added the