Use external style sheets.

This commit is contained in:
Andrius Štikonas 2008-11-11 13:25:28 +02:00
parent 6e417dc835
commit 0cfa3d497b
3 ha cambiato i file con 1385 aggiunte e 367 eliminazioni

1150
images/main.css Normal file

File diff soppresso perché troppo grande Carica Diff

233
images/old.css Normal file
Vedi File

@ -0,0 +1,233 @@
body {
margin: 0;
padding: 0;
background: #FFFBF0;
color: #111;
font: 0.88em sans-serif;
}
p {
margin: 0 0 1em 0;
}
table.main {
background: #8b898b;
}
table.title {
background: #ececec;
}
tr.row-0 {
background: #ececec;
}
tr.row-1{
background: #ccecec;
}
tr.header {
background: #dddddd;
}
td.title {
font-weight: bold;
}
td.percentage-0 {
background: #f5f5f5;
}
td.percentage-1 {
background: #e0f5f5;
}
td.translated {
color: #05a505;
text-align: center;
font-weight: bold;
}
td.fuzzy {
color: #0505a5;
text-align: center;
font-weight: bold;
}
td.untranslated {
color: #a50505;
text-align: center;
}
h4 {
margin: 1em 0 0 0;
}
a {
color: #A48736;
}
hr {
display: none;
}
/**
* Main
*/
#main {
padding: 0 8% 0 8%;
color: #333;
font-size: 0.8em;
text-align: left;
line-height: 1.6em;
/* ie5win damn hack */
width: 100%;
}
html>body #main {
width: 84%;
}
/* -------- homepage layout start -------- */
#main #left {
position: relative;
float: left;
width: 49%;
}
#main #right {
position: relative;
float: right;
width: 50%;
}
/* -------- homepage layout end -------- */
#main div.container {
margin: 15px 3px 15px 3px;
padding: 15px;
background: #EEE;
border: 2px solid #AAA;
-moz-border-radius: 4px 4px 4px 4px;
}
#main div.new {
margin: 14px 0 0 0;
}
#main div.new div.new-title {
font-weight: bold;
}
#main div.new div.new-date {
font-size: 0.9em;
}
#main div.new p {
margin: 4px 0 4px 0;
}
#main div.sshots {
text-align: center;
}
#main #sshots a:hover {
border: none;
}
#main div.sshots a {
text-decoration: none;
font-size: 0.7em;
}
#main img {
border: none;
margin: 2px 2px 6px 2px;
padding: 3px;
background: #A48736;
}
#main h3 {
margin: 0;
padding: 0;
}
#main p {
margin: 0px 0 1.2em 0;
}
#main code {
font-size: 1.1em;
}
#main form {
margin: 0 0 15px 0;
}
/**
* Footer
*/
#footer {
clear: both;
margin: 0;
padding: 0 8% 0 8%;
color: #BBB;
font-size: 0.8em;
/* ie5win damn hack */
width: 100%;
}
html>body #footer {
width: 84%;
}
/**
* Languages
*/
#languages {
margin: 0;
padding: 0;
float: left;
text-align: left;
width: 60%;
}
#languages div.container {
margin: 0 0 12px 0;
}
#languages h3 {
margin: 0;
padding: 0;
color: #CCC;
font-size: 1.0em;
font-weight: normal;
}
#languages ul {
margin: 0;
padding: 0;
list-style: none;
}
#languages li {
display: inline;
margin: 0;
padding: 0 5px 0 0;
list-style: none;
}
/**
* Footnotes
*/
#footnote {
margin: 0 0 12px 0;
padding: 0;
float: right;
text-align: right;
width: 40%;
}

Vedi File

@ -49,373 +49,8 @@ for BRANCH in $TRUNK $BRANCHES; do
<link rel=\"shortcut icon\" type=\"image/png\" href=\"http://www.wesnoth.org/mw/skins/glamdrol/ico.png\" />
<title>Battle for Wesnoth</title>
</head>
<style type=\"text/css\">
body {
margin: 0;
padding: 0;
background: #FFFBF0;
color: #111;
font: 0.88em sans-serif;
}
#global {
width: 100%;
margin: 0;
padding: 0;
font-size: 0.95em;
}
p {
margin: 0.4em 0em 0.5em 0em;
line-height: 1.6em;
}
img {
border: none;
vertical-align: middle;
}
p img {
margin: 0;
}
hr {
height: 1px;
margin: 0.2em 0 0.2em 0;
background: #BBB;
color: #BBB;
border: 0;
}
/* links */
a {
color: #259;
}
/*
a:visited {
color: #959;
color: #755499;
color: #5F5399;
}
*/
a.new {
color: #BA3311;
}
a.stub {
color: #723;
}
/* titles */
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0.7em 0 0.17em 0;
background: none;
color: #333;
font-family: Junicode, Baskerville, FreeSerif, \"Times New Roman\", serif;
font-weight: bold;
}
h2 {
color: #111;
border-bottom: 1px solid #BBB;
}
h4, h5, h6 {
color: #555;
font-family: Arial, sans-serif;
}
h1 { font-size: 185%; }
h2 { font-size: 160%; }
h3 { font-size: 140%; }
h4 { font-size: 105%; }
h5 { font-size: 95%; }
h6 { font-size: 90%; }
/* lists */
ul {
margin: 0.3em 0 0 1.5em;
padding: 0;
line-height: 1.6em;
list-style-type: square;
list-style-image: url('bullet.gif');
}
ol {
margin: 0.3em 0 0 3.2em;
padding: 0;
line-height: 1.6em;
list-style-image: none;
}
li {
margin-bottom: 0.1em;
}
dt {
margin-bottom: 0.1em;
font-weight: bold;
}
dl{
margin-top: 0.2em;
margin-bottom: 0.5em;
}
dd {
margin-left: 2em;
margin-bottom: 0.1em;
line-height: 1.6em;
}
/* tables */
table {
font-size: 100%;
border-spacing: 0;
}
table td, table th {
padding: 3px;
}
/*
* 3. Header
*/
#header {
margin: 0;
padding: 0;
background: #444 url('images/headerbg.jpg') top repeat-x;
border-bottom: 1px solid #000;
}
#header #logo {
margin: 0;
padding: 0;
text-align: center;
}
#header #logo img {
margin: 0;
padding: 0;
border: none;
}
#header #logo a {
margin: 0;
padding: 0;
color: #654;
text-decoration: none;
font-size: 0.8em;
}
/*
* 3. Navigation
*/
#nav {
margin: 0;
padding: 3px 4px 15px 4px;
background: #272727 url('images/navbg.png') repeat-x bottom;
text-align: center;
border-top: 1px solid #595959;
}
#nav ul, #nav li {
display: inline;
margin: 0;
padding: 0;
}
#nav li {
padding: 0 5px;
}
#nav a {
/*color: #A74;*/
/*color: #DBB672;*/
color: #B48648;
font-family: \"Trebuchet MS\", sans-serif;
font-weight: bold;
text-decoration: none;
}
#nav a:hover {
color: #CCC;
}
/*
* 4. Main
*/
#main {
margin: 0 8% 0 8%;
padding: 0 10px;
line-height: 1.6em;
}
html>body #main {
margin: 0 auto;
width: auto;
max-width: 66em;
}
#content {
margin: 10px 22px;
}
#lastmod {
margin: 10px 0;
padding: 8px 0;
font-size: 0.85em;
}
/*
* 5. Footer
*/
#footer {
margin: 10px 22px;
padding: 10px 0;
font-size: 0.85em;
border-top: 1px solid #999;
}
#footer a {
color: #333;
}
#footer .portlet a {
color: #246;
}
#footer .portlet a.new, #p-cactions .new a {
color: #900;
}
#note {
margin-top: 10px;
padding-top: 5px;
text-align: left;
}
#note p {
text-align: left;
line-height: 1em;
}
body {
margin: 0;
padding: 0;
background: #FFFBF0;
color: #111;
font: 0.88em sans-serif;
}
p {
margin: 0 0 1em 0;
}
table.main {
background: #8b898b;
}
table.title {
background: #ececec;
}
tr.row-0 {
background: #ececec;
}
tr.row-1{
background: #ccecec;
}
tr.header {
background: #dddddd;
}
td.title {
font-weight: bold;
}
td.percentage-0 {
background: #f5f5f5;
}
td.percentage-1 {
background: #e0f5f5;
}
td.translated {
color: #05a505;
text-align: center;
font-weight: bold;
}
td.fuzzy {
color: #0505a5;
text-align: center;
font-weight: bold;
}
td.untranslated {
color: #a50505;
text-align: center;
}
h4 {
margin: 1em 0 0 0;
}
a {
color: #A48736;
}
hr {
display: none;
}
/**
* Footer
*/
#footer {
clear: both;
margin: 0;
padding: 0 8% 0 8%;
color: #BBB;
font-size: 0.8em;
/* ie5win damn hack */
width: 100%;
}
html>body #footer {
width: 84%;
}
/**
* Footnotes
*/
#footnote {
margin: 0 0 12px 0;
padding: 0;
float: right;
text-align: right;
width: 40%;
}
</style>
<style type=\"text/css\">@import url('images/main.css');</style>
<link rel=\"stylesheet\" type=\"text/css\" href=\"images/old.css\" />
<body>
<div id=\"global\">
<div id=\"header\">