Registriere dich hier, um versteckte Bereiche sehen zu können, Highscores zu speichern oder Fragen zu stellen!

Style: prosilver Special Brown, Farbanpassung

Adminbereich » Styles » Themes sind Stylesheets (CSS) Vorlagen (Farben, größen, Abstände (prosilver auch Grafiken))
Adminbereich » Styles » Templates sind HTML Vorlagen (wo was angezeigt wird und ob überhaupt)

subSilver und prosilver Styles - es gibt 2 Arten von Styles, hier alle im Überblick:
subSilver2 Styles: 610nm, AcidTech, Vista, bo2Soft, subsilver2, eTech, Serenity, vBoard, vLight, vPlasma, subBlack
prosilver Styles: BrownChocolate, WoWKing, Eliteblue, Glacier, GreenGrass, RedSunrise, prosilver
Kostenloses phpbb2 Forum
phpbb2 Forum Hosting
www.phpbb6.de
phpbb9 ist das Support Forum für unsere Hosting Services.Hilfe nur für Foren von Kostenloses-Forum.be, Userboard.org, plusBB, phpbb8.de, phpbb6.de, Gratis-Board.de und Forumo.de.
Du hast dein Forum nicht bei uns? Dann schaue dich um und siehe was du selbst völlig kostenlos machen könntest, gucke dir auch andere interessante Foren aus unserem Netzwerk an!
Du erhältst hier Tipps und Problemlösungen zu deinem Forum bei uns!

phpbb3
phpBB3 Forum Hosting
www.phpbb8.de
FollowersFollowers: 1
BookmarksBookmarks: 1
Views: 595

Style: prosilver Special Brown, Farbanpassung

Post#1by 2910tanja » 08.04.2009 18:05

Hallo
Jetzt benötige ich doch mal hilfe.
Ich gehe auf Style-->Themes.
Dort finde ich ja die Css Datei.

Da ich früher schon damit gearbeitet habe weiß ich das man die Farben (über Farbcodes)
und vieles mehr ändern kann. (Icons habe ich rausgefunden und mich durchgelesen wie das geht,zumindest hoffe ich das es klappt :D )

Nur jetzt ist folgendes:
1.) Er nimmt die neuen Farben nicht an. (Wollte Schritt für Schritt ändern, anfangen mit dem Hintergrund)
Folgendes habe ich probiert: aktualisiert, neu eingeloggt, nochmal kontrolliert ob es auch Standard Style ist.
2.) Welche Größe muß der Header haben damit er genau in das obrige Feld rein passt?
3.) Wie schalte ich dort die Suche aus bzw unsichtbar damit sie nicht im Header auftaucht?

(Anm. Es wäre hilfreich und lieb wenn es zu jedem Style mal genauere anleitungen gäbe. :ja: )

Andere Fragen nebenbei:
4.) Wie erstellt man Subforen? Einen link will ich ja nicht erstellen.
5.) Bitte um eine Erklärung für die Blöcke, dafür bin ich anscheinend zu dusselig. :roll:


Vielen Dank für die Hilfe
Liebe Grüße
Tanja
User avatar
2910tanja
Einsteiger
Einsteiger
 
Posts: 10
Joined: 04.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: Female

Re: Style: prosilver Special Brown, Farbanpassung

Post#2by Loki_GER » 08.04.2009 21:45

Zu 1.)
Wenn du den Holzhintergrund ändern möchtest mußt du zuerst das Hintergrundbild entfernen ...
Code: Select all
html, body {
   color: #5D6A78;
   background-color: #9E6226;
   background-image: url("{T_THEME_PATH}/images/backgroundwood.gif");
}

... lösche diese Zeile oder ersetze alles zwischen " " mit der kompletten URL zu deinem Hintergrundbild ...
Code: Select all
background-image: url("{T_THEME_PATH}/images/backgroundwood.gif");

... und ändere dann den Farbwert in der Zeile ...
Code: Select all
background-color: #9E6226;


Zu 2.)
Für den Header am besten mit einem Grafikprogramm ein einfaches Rechteck erstellen und als Logo hochladen, dabei mit den Maßen solange variieren bis es passt, ich wüsste die genauen Maße nämlich jetzt auch nicht.

Zu 3.)
Um die Boardsuche auszublenden suche unter ACP / Styles / Templates / prosilver Spezial Edition / overall_header.html folgenden Code ...
Code: Select all
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
                 <div id="search-box">
                    <form action="{U_SEARCH}" method="post" id="search">
                    <fieldset>
                       <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
                       <input class="button2" value="{L_SEARCH}" type="submit" />

                       <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
                    </fieldset>
                    </form>
                 </div>
              <!-- ENDIF -->

... und ergänze ihn am Angang mit mit <!-- und am Ende mit //--> ... jeweils in einer neuen Zeile.
Code: Select all
<!--
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
                 <div id="search-box">
                    <form action="{U_SEARCH}" method="post" id="search">
                    <fieldset>
                       <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
                       <input class="button2" value="{L_SEARCH}" type="submit" />

                       <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
                    </fieldset>
                    </form>
                 </div>
              <!-- ENDIF -->
//-->


Zu 4.)
ACP / Foren / Das Forum auswählen in dem das Unterforum erstellt werden soll / Neues Forum erstellen, Rechte vergeben, fertig

Zu 5.)
Die Blöcke sind nicht meine Freunde und ich muß auch jedesmal fummeln wenn ich was ändern will, von daher verweigere ich hier die Aussage! :D


Loki
User avatar
Loki_GER
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 1877
Joined: 01.2007
Cash on hand: 38.05 Points
Bank: 21,513.74 Points
Thanks: 59
Thanked: 309 times in 194 posts
Gender: Male

Re: Style: prosilver Special Brown, Farbanpassung

Post#3by 2910tanja » 08.04.2009 21:56

Vielen herzlichen Dank für die ausführliche Hilfe.

Ich werde mich dann entweder heute nacht noch oder morgen dran setzen und die richtigen Maße
für den Header finden. :D

Ich teile sie dann Euch mit ;)
User avatar
2910tanja
Einsteiger
Einsteiger
 
Posts: 10
Joined: 04.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: Female

Re: Style: prosilver Special Brown, Farbanpassung

Post#4by 2910tanja » 09.04.2009 01:06

Hallo
Ich wieder. :denk:

Nummer 1: Holzhintergrund ändern, :emot-shakehead: Geht nicht
Nummer 2: Noch nicht ausprobiert müte aber noch die Forenbeschreibung weg. Hat jemand da bitte
eine hilfe für mich bei dem Style?
Nummer 3: Hat geklappt. Nach dem 2ten mal probieren :ja:

Also ich hatte bei denen keinen erfolg, dabei habe ich alles gemacht wie beschrieben.

Geht das überhaupt zu ändern bei dem Style? :denk:

Der gefällt mir am allerbesten :sorry:
Die anderen Styles sind nicht so von der Art wie ich mir mein perfektes Forum vorstelle, großes sorry.

Liebe grüße
und danke das ihr mir helft.
User avatar
2910tanja
Einsteiger
Einsteiger
 
Posts: 10
Joined: 04.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: Female

Re: Style: prosilver Special Brown, Farbanpassung

Post#5by Lea » 09.04.2009 06:50

Zu 1:
Ich hätte dir genau die gleiche Antwort gegeben und Loki hat es so genau und ausführlich geschrieben, besser geht es nicht.
Bei allen Tipps, die wir hier geben, machen wir uns die Mühe und probieren es vorher noch mal aus und ich sage dir: es geht.

zu 2:
--> phpbb-styles-css-templates/konfiguration-forum-titel-und-beschreibung-loschen-t16375.html?

... und zu deiner Frage mit den Blöcken:
Entschuldige, wenn ich dämlich zurück frage, aber was willst du da erklärt haben?
Willst du sie abschalten? Willst du sie verschieben?
User avatar
Lea
Lebende Legende
Lebende Legende
 
Posts: 21204
Joined: 02.2016
Cash on hand: 250.00 Points
Thanks: 0
Thanked: 5 times in 1 post
Gender: None specified

Re: Style: prosilver Special Brown, Farbanpassung

Post#6by 2910tanja » 09.04.2009 13:39

Hallo Lea
Ja ich weiß, ist ja auch spitze erklärt.
Dennoch geht es bei mir nicht obwohl ich es so eingesetzt habe wie ihr mir das erklärt habt. :sorry:
Ich zweifle ja schon an mir selber. :roll:

zu 2: Ja das habe ich heute nacht noch rausgetüftelt und wenigstens klappte, wenn auch beim 2ten mal. :D

Ich möchte mir gerne die Blöcke so gestalten wie ich möchte bzw die Navigation in dem einen Block
aufteilen und in 2 Blöcke fassen.
User avatar
2910tanja
Einsteiger
Einsteiger
 
Posts: 10
Joined: 04.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: Female

Re: Style: prosilver Special Brown, Farbanpassung

Post#7by Lea » 09.04.2009 16:20

1. Willst du die Grafik oder den Farbton? Du hat nach dem Farbton gefragt und die Antwort hat dir Loki korrekt gegeben.
Wenn du eine andere Grafik einsetzen möchtest, musst du
Code: Select all
    background-image: url("{T_THEME_PATH}/images/backgroundwood.gif");

nicht löschen, sondern die URL, wo du deine Grafil hochgeladen hast, einfügen.

Code: Select all
    background-image: url("http://HIER DER LINK MIT IMAGE ENDUNG");


Du hast vier eigene Blöcke zur freien Verfügung, lösche z.B. die Hälfte der Links aus der Navigation raus und füge sie in einen eigenen Block.
User avatar
Lea
Lebende Legende
Lebende Legende
 
Posts: 21204
Joined: 02.2016
Cash on hand: 250.00 Points
Thanks: 0
Thanked: 5 times in 1 post
Gender: None specified

Re: Style: prosilver Special Brown, Farbanpassung

Post#8by 2910tanja » 09.04.2009 17:06

Hey
Ja das habe ich ja auch genau gelesen
Hier poste ich den Code den ich eingegeben habe, bzw wie es nach der änderung aussieht.

Code: Select all
body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #828282;
   background-color: #9E6226;
        background-image: url("http://hobbykeller.phpbb8.de/uploads/hobbykeller/images/BKGND033ggi7.gif");
       
   /*font-size: 62.5%;          This sets the default font size to be equivalent to 10px */
   font-size: 10px;
   margin: 0;
   padding: 12px 0;
}


Was soll denn da dann falsch sein wenn man genau liest :denk:

Versteht mich bitte nicht falsch, aber ich habe echt so das Gefühl das da nichts zu ändern geht.
Genauso wenn man im Code die Hexacodes von diversen Tabellen usw ändert. Dann tut sich rein gar nichts.

Ist es nicht möglich so eine Art Tabelle für die Farbänderungen zu machen wo man sieht was man ändern muß und kann.
Genauso wie man entweder ein Hintergrundbild einfügen kann oder Einen Hexacode für einfach eine Farbe?

Liebe Grüße
und danke das ihr geduld mit mir habt.
Aber ich zweifle echt an mir, denn das ist nicht das erste mal wo ich damit arbeite.
LG
Tanja
User avatar
2910tanja
Einsteiger
Einsteiger
 
Posts: 10
Joined: 04.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: Female

Re: Style: prosilver Special Brown, Farbanpassung

Post#9by Loki_GER » 09.04.2009 18:46

@ Tanja

Mal gaaanz langsam zum mitlesen ...

DAS ist der Code der zum prosilver Spezial Edition Brown Style gehört und das Hintergrundbild und alternativ die Hintergrundfarbe definiert, diese Codezeilen habe ich dir gepostet ...
Code: Select all
html, body {
   color: #5D6A78;
   background-color: #9E6226;
   background-image: url("{T_THEME_PATH}/images/backgroundwood.gif");
}


... und das ist der Code den du geändert hast ...
Code: Select all
body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #828282;
   background-color: #9E6226;
        background-image: url("http://hobbykeller.phpbb8.de/uploads/hobbykeller/images/BKGND033ggi7.gif");
       
   /*font-size: 62.5%;          This sets the default font size to be equivalent to 10px */
   font-size: 10px;
   margin: 0;
   padding: 12px 0;
}


Preisfrage: Wer erkennt den Unterschied?
Wenn ich dir einen Code zur Änderung vorgebe dann solltest du auch GENAU DIESEN benutzen und nicht irgendeinen in dem zufällig einige Zeilen gleich sind, JEDER Codezeile ist eine ganz bestimmten Funktion zugeordnet!

Wie Lea schon geschrieben hat, wenn wir auf eine Anfrage antworten dann haben wir vorher auch ausprobiert ob unser Ratschlag auch genau das vom Fragesteller gewünschte Ergebniss erzielt. ;)

So ...
Image <<< klick

...sieht es übrigens aus wenn der Code nach folgenden Vorgaben geändert wurde:
Code: Select all
html, body {
   color: #5D6A78;
   background-color: #FF0000;
   
}



Loki
User avatar
Loki_GER
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 1877
Joined: 01.2007
Cash on hand: 38.05 Points
Bank: 21,513.74 Points
Thanks: 59
Thanked: 309 times in 194 posts
Gender: Male

Re: Style: prosilver Special Brown, Farbanpassung

Post#10by 2910tanja » 09.04.2009 19:25

Hallöle
Also langsam werde ich kirre :???:
Ich habe den gesamten ausgangscode kopiert so wie er am anfang war und da steht nichts drinne mit
Code: Alles auswählen
html, body {
color: #5D6A78;
background-color: #9E6226;
background-image: url("{T_THEME_PATH}/images/backgroundwood.gif");
}


Hier seht ihr den Beweis, (ist nur die ersten Abschnitte drinne da ja mehr zeichen nicht erlaubt sind. ;)
Kommt jetzt bitte nicht damit ich habe was verändert. Sonst glaube ichs bald selber :lol:
Denn das ist der Code dem man angezeigt bekommt wenn man auf:
Style--->Themes-->prosilver Special Brown
geht.
Code: Select all
/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
   Style name:      OAmedieval
   Based on style:   OAmedieval (this is the default phpBB 3 style)
   Original author:   subBlue ( http://www.subBlue.com/ )
   Modified by:      
   
   Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* General OAmedieval Markup Styles
---------------------------------------- */

* {
   /* Reset browsers default margin, padding and font sizes */
   margin: 0;
   padding: 0;
}

html {
   font-size: 100%;
   /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
   height: 100%;
   margin-bottom: 1px;
}

body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #828282;
   background-color: #FFFFFF;
   /*font-size: 62.5%;          This sets the default font size to be equivalent to 10px */
   font-size: 10px;
   margin: 0;
   padding: 12px 0;
}

h1 {
   /* Forum name */
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   margin-right: 200px;
   color: #FFFFFF;
   margin-top: 15px;
   font-weight: bold;
   font-size: 2em;
}

h2 {
   /* Forum header titles */
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight: normal;
   color: #3f3f3f;
   font-size: 2em;
   margin: 0.8em 0 0.2em 0;
}

h2.solo {
   margin-bottom: 1em;
}

h3 {
   /* Sub-headers (also used as post headers, but defined later) */
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-transform: uppercase;
   border-bottom: 1px solid #CCCCCC;
   margin-bottom: 3px;
   padding-bottom: 2px;
   font-size: 1.05em;
   color: #989898;
   margin-top: 20px;
}

h4 {
   /* Forum and topic list titles */
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
   font-size: 1.3em;
}

p {
   line-height: 1.3em;
   font-size: 1.1em;
   margin-bottom: 1.5em;
}

img {
   border-width: 0;
}

hr {
   /* Also see tweaks.css */
   border: 0 none #FFFFFF;
   border-top: 1px solid #CCCCCC;
   height: 1px;
   margin: 5px 0;
   display: block;
   clear: both;
}

hr.dashed {
   border-top: 1px dashed #CCCCCC;
   margin: 10px 0;
}

hr.divider {
   display: none;
}

p.right {
   text-align: right;
}

/* Main blocks
---------------------------------------- */
#wrap {
   padding: 0 20px;
   min-width: 650px;
}

#simple-wrap {
   padding: 6px 10px;
}

#page-body {
   margin: 4px 0;
   clear: both;
}

#page-footer {
   clear: both;
}

#page-footer h3 {
   margin-top: 20px;
}

#logo {
   width: auto;
   padding: 10px 13px 0 10px;
}

a#logo:hover {
   text-decoration: none;
}

/* Search box
--------------------------------------------- */
#search-box {
   color: #FFFFFF;
   position: relative;
   margin-top: 30px;
   margin-right: 5px;
   display: block;
   float: right;
   text-align: right;
   white-space: nowrap; /* For Opera */
}

#search-box #keywords {
   width: 95px;
   background-color: #FFF;
}

#search-box input {
   border: 1px solid #b0b0b0;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
   padding: 1px 5px;
}

#search-box li {
   text-align: right;
   margin-top: 4px;
}

#search-box img {
   vertical-align: middle;
   margin-right: 3px;
}

/* Site description and logo */
#site-description {
   width: 100%;
   text-align: center;
}

#site-description h1 {
   margin-right: 0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
   background: #ebebeb none repeat-x 0 0;
   color: #FFFFFF;
   margin-bottom: 4px;
   padding: 0 5px;
}

.navbar {
   background-color: #ebebeb;
   padding: 0 10px;
}

.forabg {
   background: #b1b1b1 none repeat-x 0 0;
   margin-bottom: 4px;
   padding: 0 5px;
   clear: both;
}

.forumbg {
   background: #ebebeb none repeat-x 0 0;
   margin-bottom: 4px;
   padding: 0 5px;
   clear: both;
}

.panel {
   margin-bottom: 4px;
   padding: 0 10px;
   background-color: #f3f3f3;
   color: #3f3f3f;
}

.post {
   padding: 0 10px;
   margin-bottom: 4px;
   background-repeat: no-repeat;
   background-position: 100% 0;
}

.post:target .content {
   color: #000000;
}

.post:target h3 a {
   color: #000000;
}

.bg1   { background-color: none; }
.bg2   { background-color: none; }
.bg3   { background-color: #ebebeb; }

.rowbg {
   margin: 5px 5px 2px 5px;
}

.ucprowbg {
   background-color: #e2e2e2;
}

.fieldsbg {
   /*border: 1px #DDDDE0 solid;*/
   background-color: #eaeaea;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
   font-size: 1px;
   line-height: 1px;
   display: block;
   height: 5px;
   background-repeat: no-repeat;
}

span.corners-top {
   background-image: none;
   background-position: 0 0;
   margin: 0 -5px;
}

span.corners-top span {
   background-image: none;
   background-position: 100% 0;
}

span.corners-bottom {
   background-image: none;
   background-position: 0 100%;
   margin: 0 -5px;
   clear: both;
}

span.corners-bottom span {
   background-image: none;
   background-position: 100% 100%;
}

.headbg span.corners-bottom {
   margin-bottom: -1px;
}

.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
   margin: 0 -10px;
}

.rules span.corners-top {
   margin: 0 -10px 5px -10px;
}

.rules span.corners-bottom {
   margin: 5px -10px 0 -10px;
}

/* Horizontal lists
----------------------------------------*/
ul.linklist {
   display: block;
   margin: 0;
}

ul.linklist li {
   display: block;
   list-style-type: none;
   float: left;
   width: auto;
   margin-right: 5px;
   font-size: 1.1em;
   line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
   float: right;
   margin-right: 0;
   margin-left: 5px;
   text-align: right;
}

ul.navlinks {
   padding-bottom: 1px;
   margin-bottom: 1px;
   border-bottom: 1px solid #FFFFFF;
   font-weight: bold;
}

ul.leftside {
   float: left;
   margin-left: 0;
   margin-right: 5px;
   text-align: left;
}

ul.rightside {
   float: right;
   margin-left: 5px;
   margin-right: -5px;
   text-align: right;
}

/* Table styles
----------------------------------------*/
table.table1 {
   /* See tweaks.css */
}

#ucp-main table.table1 {
   padding: 2px;
}

table.table1 thead th {
   font-weight: normal;
   text-transform: uppercase;
   color: #FFFFFF;
   line-height: 1.3em;
   font-size: 1em;
   padding: 0 0 4px 3px;
}

table.table1 thead th span {
   padding-left: 7px;
}

table.table1 tbody tr {
   border: 1px solid #cfcfcf;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
   background-color: #f6f6f6;
   color: #000;
}

table.table1 td {
   color: #6a6a6a;
   font-size: 1.1em;
}

table.table1 tbody td {
   padding: 5px;
   border-top: 1px solid #FAFAFA;
}

table.table1 tbody th {
   padding: 5px;
   border-bottom: 1px solid #000000;
   text-align: left;
   color: #333333;
   background-color: #FFFFFF;
}

/* Specific column styles */
table.table1 .name      { text-align: left; }
table.table1 .posts      { text-align: center !important; width: 7%; }
table.table1 .joined   { text-align: left; width: 15%; }
table.table1 .active   { text-align: left; width: 15%; }
table.table1 .mark      { text-align: center; width: 7%; }
table.table1 .info      { text-align: left; width: 30%; }
table.table1 .info div   { width: 100%; white-space: nowrap; overflow: hidden; }
table.table1 .autocol   { line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
   float: right;
   width: auto;
}

table.info td {
   padding: 3px;
}

table.info tbody th {
   padding: 3px;
   text-align: right;
   vertical-align: top;
   color: #000000;
   font-weight: normal;
}

.forumbg table.table1 {
   margin: 0 -2px -1px -1px;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts
   Also see tweaks.css */
.column1 {
   float: left;
   clear: left;
   width: 49%;
}

.column2 {
   float: right;
   clear: right;
   width: 49%;
}

/* General classes for placing floating blocks */
.left-box {
   float: left;
   width: auto;
   text-align: left;
}

.right-box {
   float: right;
   width: auto;
   text-align: right;
}

dl.details {
   /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
   font-size: 1.1em;
}

dl.details dt {
   float: left;
   clear: left;
   width: 30%;
   text-align: right;
   color: #000000;
   display: block;
}

dl.details dd {
   margin-left: 0;
   padding-left: 5px;
   margin-bottom: 5px;
   color: #828282;
   float: left;
   width: 65%;
}

/* Pagination
---------------------------------------- */
.pagination {
   height: 1%; /* IE tweak (holly hack) */
   width: auto;
   text-align: right;
   margin-top: 5px;
   float: right;
}

.pagination span.page-sep {
   display: none;
}

li.pagination {
   margin-top: 0;
}

.pagination strong, .pagination b {
   font-weight: normal;
}

.pagination span strong {
   padding: 0 2px;
   margin: 0 2px;
   font-weight: normal;
   color: #FFFFFF;
   background-color: #bfbfbf;
   border: 1px solid #bfbfbf;
   font-size: 0.9em;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
   font-weight: normal;
   text-decoration: none;
   color: #747474;
   margin: 0 2px;
   padding: 0 2px;
   background-color: #eeeeee;
   border: 1px solid #bababa;
   font-size: 0.9em;
   line-height: 1.5em;
}

.pagination span a:hover {
   border-color: #d2d2d2;
   background-color: #d2d2d2;
   color: #FFF;
   text-decoration: none;
}

.pagination img {
   vertical-align: middle;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
   display: block;
   float: right;
   width: auto;
   margin-top: 0;
   padding: 1px 0 1px 15px;
   font-size: 0.9em;
   background: none 0 50% no-repeat;
}

.row .pagination span a, li.pagination span a {
   background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
   background-color: #d2d2d2;
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
   float: right;
   width: auto;
   padding-left: 5px;
   margin-left: 5px;
   margin-top: 10px;
   text-align: right;
}

.copyright {
   padding: 5px;
   text-align: center;
   color: #555555;
}

.small {
   font-size: 0.9em !important;
}

.titlespace {
   margin-bottom: 15px;
}

.headerspace {
   margin-top: 20px;
}

.error {
   color: #bcbcbc;
   font-weight: bold;
   font-size: 1em;
}

.reported {
   background-color: #f7f7f7;
}

li.reported:hover {
   background-color: #ececec;
}

div.rules {
   background-color: #ececec;
   color: #bcbcbc;
   padding: 0 10px;
   margin: 10px 0;
   font-size: 1.1em;
}

div.rules ul {
   margin-left: 20px;
}

p.rules {
   background-color: #ececec;
   background-image: none;
   padding: 5px;
}

p.rules img {
   vertical-align: middle;
}

p.rules a {
   vertical-align: middle;
   clear: both;
}

#top {
   position: absolute;
   top: -20px;
}

.clear {
   display: block;
   clear: both;
   font-size: 1px;
   line-height: 1px;
   background: transparent;
}
/* OAmedieval Link Styles
---------------------------------------- */

a:link   { color: #898989; text-decoration: none; }
a:visited   { color: #898989; text-decoration: none; }
a:hover   { color: #d3d3d3; text-decoration: underline; }
a:active   { color: #d2d2d2; text-decoration: none; }

/* Coloured usernames */
.username-coloured {
   font-weight: bold;
   display: inline !important;
}

/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
   color: #FFFFFF;
   text-decoration: none;
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
   color: #FFFFFF;
   text-decoration: none;
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
   color: #ffffff;
   text-decoration: underline;
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
   color: #ffffff;
   text-decoration: none;
}

/* Links for forum/topic lists */
a.forumtitle {
   font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
   font-size: 1.2em;
   font-weight: bold;
   color: #898989;
   text-decoration: none;
}

/* a.forumtitle:visited { color: #898989; } */

a.forumtitle:hover {
   color: #bcbcbc;
   text-decoration: underline;
}

a.forumtitle:active {
   color: #898989;
}

a.topictitle {
   font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
   font-size: 1.2em;
   font-weight: bold;
   color: #898989;
   text-decoration: none;
}

/* a.topictitle:visited { color: #d2d2d2; } */

a.topictitle:hover {
   color: #bcbcbc;
   text-decoration: underline;
}

a.topictitle:active {
   color: #898989;
}

/* Post body links */
.postlink {
   text-decoration: none;
   color: #d2d2d2;
   border-bottom: 1px solid #d2d2d2;
   padding-bottom: 0;
}

.postlink:visited {
   color: #bdbdbd;
   border-bottom-style: dotted;
   border-bottom-color: #666666;
}

.postlink:active {
   color: #d2d2d2;
}

.postlink:hover {
   background-color: #f6f6f6;
   text-decoration: none;
   color: #404040;
}

.signature a, .signature a:visited, .signature a:active, .signature a:hover {
   border: none;
   text-decoration: underline;
   background-color: transparent;
}

/* Profile links */
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
   font-weight: bold;
   color: #898989;
   text-decoration: none;
}

.postprofile a:hover, .postprofile dt.author a:hover {
   text-decoration: underline;
   color: #d3d3d3;
}


/* Profile searchresults */   
.search .postprofile a {
   color: #898989;
   text-decoration: none;
   font-weight: normal;
}

.search .postprofile a:hover {
   color: #d3d3d3;
   text-decoration: underline;
}

/* Back to top of page */
.back2top {
   clear: both;
   height: 11px;
   text-align: right;
}

a.top {
   background: none no-repeat top left;
   text-decoration: none;
   width: {IMG_ICON_BACK_TOP_WIDTH}px;
   height: {IMG_ICON_BACK_TOP_HEIGHT}px;
   display: block;
   float: right;
   overflow: hidden;
   letter-spacing: 1000px;
   text-indent: 11px;
}

a.top2 {
   background: none no-repeat 0 50%;
   text-decoration: none;
   padding-left: 15px;
}

/* Arrow links  */
a.up      { background: none no-repeat left center; }
a.down      { background: none no-repeat right center; }
a.left      { background: none no-repeat 3px 60%; }
a.right      { background: none no-repeat 95% 60%; }

a.up, a.up:link, a.up:active, a.up:visited {
   padding-left: 10px;
   text-decoration: none;
   border-bottom-width: 0;
}

a.up:hover {
   background-position: left top;
   background-color: transparent;
}

a.down, a.down:link, a.down:active, a.down:visited {
   padding-right: 10px;
}

a.down:hover {
   background-position: right bottom;
   text-decoration: none;
}

a.left, a.left:active, a.left:visited {
   padding-left: 12px;
}

a.left:hover {
   color: #d2d2d2;
   text-decoration: none;
   background-position: 0 60%;
}

a.right, a.right:active, a.right:visited {
   padding-right: 12px;
}

a.right:hover {
   color: #d2d2d2;
   text-decoration: none;
   background-position: 100% 60%;
}
/* OAmedieval Content Styles
---------------------------------------- */

ul.topiclist {
   display: block;
   list-style-type: none;
   margin: 0;
}

ul.forums {
   background: #f9f9f9 none repeat-x 0 0;
}

ul.topiclist li {
   display: block;
   list-style-type: none;
   color: #777777;
   margin: 0;
}

ul.topiclist dl {
   position: relative;
}

ul.topiclist li.row dl {
   padding: 2px 0;
}

ul.topiclist dt {
   display: block;
   float: left;
   /*width: 50%;*/
   width: 46%;
   font-size: 1.1em;
   padding-left: 5px;
   padding-right: 5px;
}

ul.topiclist dd {
   display: block;
   float: left;
   border-left: 1px solid #FFFFFF;
   padding: 4px 0;
}

ul.topiclist dfn {
   /* Labels for post/view counts */
   display: none;
}

ul.topiclist li.row dt a.subforum {
   background-image: none;
   background-position: 0 50%;
   background-repeat: no-repeat;
   position: relative;
   white-space: nowrap;
   padding: 0 0 0 12px;
}

.forum-image {
   float: left;
   padding-top: 5px;
   margin-right: 5px;
}

li.row {
   border-top: 1px solid #FFFFFF;
   border-bottom: 1px solid #8f8f8f;
}

li.row strong {
   font-weight: normal;
   color: #000000;
}

li.row:hover {
   background-color: #f6f6f6;
}

li.row:hover dd {
   border-left-color: #CCCCCC;
}

li.header dt, li.header dd {
   line-height: 1em;
   border-left-width: 0;
   margin: 2px 0 4px 0;
   color: #FFFFFF;
   padding-top: 2px;
   padding-bottom: 2px;
   font-size: 1em;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;
}

li.header dt {
   font-weight: bold;
}

li.header dd {
   margin-left: 1px;
}

li.header dl.icon {
   min-height: 0;
}

li.header dl.icon dt {
   /* Tweak for headers alignment when folder icon used */
   padding-left: 0;
   /*padding-right: 50px;*/
   padding-right: 73px;
}

/* Forum list column styles */
dl.icon {
   /*min-height: 35px;*/
   min-height: 58px;
   background-position: 10px 50%;      /* Position of folder icon */
   background-repeat: no-repeat;
}

dl.icon dt {
   /*padding-left: 45px;*/               /* Space for folder icon */
   padding-left: 68px;
   background-repeat: no-repeat;
   background-position: 5px 95%;      /* Position of topic icon */
}

dd.posts, dd.topics, dd.views {
   width: 8%;
   text-align: center;
   line-height: 2.2em;
   font-size: 1.2em;
}

dd.lastpost {
   width: 25%;
   font-size: 1.1em;
}

dd.redirect {
   font-size: 1.1em;
   line-height: 2.5em;
}

dd.moderation {
   font-size: 1.1em;
}

dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
   display: block;
   padding-left: 5px;
}

dd.time {
   width: auto;
   line-height: 200%;
   font-size: 1.1em;
}

dd.extra {
   width: 12%;
   line-height: 200%;
   text-align: center;
   font-size: 1.1em;
}

dd.mark {
   float: right !important;
   width: 9%;
   text-align: center;
   line-height: 200%;
   font-size: 1.2em;
}

dd.info {
   width: 30%;
}

dd.option {
   width: 15%;
   line-height: 200%;
   text-align: center;
   font-size: 1.1em;
}

dd.searchby {
   width: 47%;
   font-size: 1.1em;
   line-height: 1em;
}

ul.topiclist dd.searchextra {
   margin-left: 5px;
   padding: 0.2em 0;
   font-size: 1.1em;
   color: #333333;
   border-left: none;
   clear: both;
   width: 98%;
   overflow: hidden;
}

/* Container for post/reply buttons and pagination */
.topic-actions {
   margin-bottom: 3px;
   font-size: 1.1em;
   height: 28px;
   min-height: 28px;
}
div[class].topic-actions {
   height: auto;
}

/* Post body styles
----------------------------------------*/
.postbody {
   padding: 0;
   line-height: 1.48em;
   color: #333333;
   width: 76%;
   float: left;
   clear: both;
}

.postbody .ignore {
   font-size: 1.1em;
}

.postbody h3.first {
   /* The first post on the page uses this */
   font-size: 1.7em;
}

.postbody h3 {
   /* Postbody requires a different h3 format - so change it here */
   font-size: 1.5em;
   padding: 2px 0 0 0;
   margin: 0 0 0.3em 0 !important;
   text-transform: none;
   border: none;
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   line-height: 125%;
}

.postbody h3 img {
   /* Also see tweaks.css */
   vertical-align: bottom;
}

.postbody .content {
   font-size: 1.3em;
}

.search .postbody {
   width: 68%
}

/* Topic review panel
----------------------------------------*/
#review {
   margin-top: 2em;
}

#topicreview {
   padding-right: 5px;
   overflow: auto;
   height: 300px;
}

#topicreview .postbody {
   width: auto;
   float: none;
   margin: 0;
   height: auto;
}

#topicreview .post {
   height: auto;
}

#topicreview h2 {
   border-bottom-width: 0;
}

/* Content container styles
----------------------------------------*/
.content {
   min-height: 3em;
   overflow: hidden;
   line-height: 1.4em;
   font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 1em;
   color: #333333;
}

.content h2, .panel h2 {
   font-weight: normal;
   color: #989898;
   border-bottom: 1px solid #CCCCCC;
   font-size: 1.6em;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   padding-bottom: 0.5em;
}

.panel h3 {
   margin: 0.5em 0;
}

.panel p {
   font-size: 1.2em;
   margin-bottom: 1em;
   line-height: 1.4em;
}

.content p {
   font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 1.2em;
   margin-bottom: 1em;
   line-height: 1.4em;
}

dl.faq {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-size: 1.1em;
   margin-top: 1em;
   margin-bottom: 2em;
   line-height: 1.4em;
}

dl.faq dt {
   font-weight: bold;
   color: #333333;
}

.content dl.faq {
   font-size: 1.2em;
   margin-bottom: 0.5em;
}

.content li {
   list-style-type: inherit;
}

.content ul, .content ol {
   margin-bottom: 1em;
   margin-left: 3em;
}

.posthilit {
   background-color: #f3f3f3;
   color: #BCBCBC;
   padding: 0 2px 1px 2px;
}

.announce, .unreadpost {
   /* Highlight the announcements & unread posts box */
   border-left-color: #BCBCBC;
   border-right-color: #BCBCBC;
}

/* Post author */
p.author {
   margin: 0 15em 0.6em 0;
   padding: 0 0 5px 0;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 1em;
   line-height: 1.2em;
}

/* Post signature */
.signature {
   margin-top: 1.5em;
   padding-top: 0.2em;
   font-size: 1.1em;
   border-top: 1px solid #CCCCCC;
   clear: left;
   line-height: 140%;
   overflow: hidden;
   width: 100%;
}

dd .signature {
   margin: 0;
   padding: 0;
   clear: none;
   border: none;
}

/* Post noticies */
.notice {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   width: auto;
   margin-top: 1.5em;
   padding-top: 0.2em;
   font-size: 1em;
   border-top: 1px dashed #CCCCCC;
   clear: left;
   line-height: 130%;
}

/* Jump to post link for now */
ul.searchresults {
   list-style: none;
   text-align: right;
   clear: both;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
   background: #ebebeb none 6px 8px no-repeat;
   border: 1px solid #dbdbdb;
   font-size: 0.95em;
   margin: 0.5em 1px 0 25px;
   overflow: hidden;
   padding: 5px;
}

blockquote blockquote {
   /* Nested quotes */
   background-color: #bababa;
   font-size: 1em;
   margin: 0.5em 1px 0 15px;   
}

blockquote blockquote blockquote {
   /* Nested quotes */
   background-color: #e4e4e4;
}

blockquote cite {
   /* Username/source of quoter */
   font-style: normal;
   font-weight: bold;
   margin-left: 20px;
   display: block;
   font-size: 0.9em;
}

blockquote cite cite {
   font-size: 1em;
}

blockquote.uncited {
   padding-top: 25px;
}

/* Code block */
dl.codebox {
   padding: 3px;
   background-color: #FFFFFF;
   border: 1px solid #d8d8d8;
   font-size: 1em;
}

dl.codebox dt {
   text-transform: uppercase;
   border-bottom: 1px solid #CCCCCC;
   margin-bottom: 3px;
   font-size: 0.8em;
   font-weight: bold;
   display: block;
}

blockquote dl.codebox {
   margin-left: 0;
}

dl.codebox code {
   /* Also see tweaks.css */
   overflow: auto;
   display: block;
   height: auto;
   max-height: 200px;
   white-space: normal;
   padding-top: 5px;
   font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
   line-height: 1.3em;
   color: #8b8b8b;
   margin: 2px 0;
}

.syntaxbg      { color: #FFFFFF; }
.syntaxcomment   { color: #000000; }
.syntaxdefault   { color: #bcbcbc; }
.syntaxhtml      { color: #000000; }
.syntaxkeyword   { color: #585858; }
.syntaxstring   { color: #a7a7a7; }

/* Attachments
----------------------------------------*/
.attachbox {
   float: left;
   width: auto;
   margin: 5px 5px 5px 0;
   padding: 6px;
   background-color: #FFFFFF;
   border: 1px dashed #d8d8d8;
   clear: left;
}

.pm-message .attachbox {
   background-color: #f3f3f3;
}

.attachbox dt {
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;
}

.attachbox dd {
   margin-top: 4px;
   padding-top: 4px;
   clear: left;
   border-top: 1px solid #d8d8d8;
}

.attachbox dd dd {
   border: none;
}

.attachbox p {
   line-height: 110%;
   color: #666666;
   font-weight: normal;
   clear: left;
}

.attachbox p.stats
{
   line-height: 110%;
   color: #666666;
   font-weight: normal;
   clear: left;
}

.attach-image {
   margin: 3px 0;
   width: 100%;
   max-height: 350px;
   overflow: auto;
}

.attach-image img {
   border: 1px solid #999999;
/*   cursor: move; */
   cursor: default;
}

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
   display: block;
   margin-bottom: 4px;
}

div.inline-attachment p {
   font-size: 100%;
}

dl.file {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   display: block;
}

dl.file dt {
   text-transform: none;
   margin: 0;
   padding: 0;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

dl.file dd {
   color: #666666;
   margin: 0;
   padding: 0;   
}

dl.thumbnail img {
   padding: 3px;
   border: 1px solid #666666;
   background-color: #FFF;
}

dl.thumbnail dd {
   color: #666666;
   font-style: italic;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.attachbox dl.thumbnail dd {
   font-size: 100%;
}

dl.thumbnail dt a:hover {
   background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
   border: 1px solid #d2d2d2;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

fieldset.polls dl {
   margin-top: 5px;
   border-top: 1px solid #e2e2e2;
   padding: 5px 0 0 0;
   line-height: 120%;
   color: #666666;
}

fieldset.polls dl.voted {
   font-weight: bold;
   color: #000000;
}

fieldset.polls dt {
   text-align: left;
   float: left;
   display: block;
   width: 30%;
   border-right: none;
   padding: 0;
   margin: 0;
   font-size: 1.1em;
}

fieldset.polls dd {
   float: left;
   width: 10%;
   border-left: none;
   padding: 0 5px;
   margin-left: 0;
   font-size: 1.1em;
}

fieldset.polls dd.resultbar {
   width: 50%;
}

fieldset.polls dd input {
   margin: 2px 0;
}

fieldset.polls dd div {
   text-align: right;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   font-weight: bold;
   padding: 0 2px;
   overflow: visible;
   min-width: 2%;
}

.pollbar1 {
   background-color: #aaaaaa;
   border-bottom: 1px solid #747474;
   border-right: 1px solid #747474;
}

.pollbar2 {
   background-color: #bebebe;
   border-bottom: 1px solid #8c8c8c;
   border-right: 1px solid #8c8c8c;
}

.pollbar3 {
   background-color: #D1D1D1;
   border-bottom: 1px solid #aaaaaa;
   border-right: 1px solid #aaaaaa;
}

.pollbar4 {
   background-color: #e4e4e4;
   border-bottom: 1px solid #bebebe;
   border-right: 1px solid #bebebe;
}

.pollbar5 {
   background-color: #f8f8f8;
   border-bottom: 1px solid #D1D1D1;
   border-right: 1px solid #D1D1D1;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
   /* Also see tweaks.css */
   margin: 5px 0 10px 0;
   min-height: 80px;
   color: #666666;
   border-left: 1px solid #FFFFFF;
   width: 22%;
   float: right;
   display: inline;
}
.pm .postprofile {
   border-left: 1px solid #DDDDDD;
}

.postprofile dd, .postprofile dt {
   line-height: 1.2em;
   margin-left: 8px;
}

.postprofile strong {
   font-weight: normal;
   color: #000000;
}

.avatar {
   border: none;
   margin-bottom: 3px;
}

.online {
   background-image: none;
   background-position: 100% 0;
   background-repeat: no-repeat;
}

/* Poster profile used by search*/
.search .postprofile {
   width: 30%;
}

/* pm list in compose message if mass pm is enabled */
dl.pmlist dt {
   width: 60% !important;
}

dl.pmlist dt textarea {
   width: 95%;
}

dl.pmlist dd {
   margin-left: 61% !important;
   margin-bottom: 2px;
}

.boxcontent
{
   background-color: white;
   z-index:1000;
   display: none;
   position: absolute;
   width: 210px;
   height: 70px;
   font-size: 9px;
   border: 1px solid grey;
   padding-top: 0px;
}
/* OAmedieval Button Styles
---------------------------------------- */

/* Rollover buttons
   Based on: http://wellstyled.com/css-nopreload-rollovers.html
----------------------------------------*/
.buttons {
   float: left;
   width: auto;
   height: auto;
}

/* Rollover state */
.buttons div {
   float: left;
   margin: 0 5px 0 0;
   background-position: 0 100%;
}

/* Rolloff state */
.buttons div a {
   display: block;
   width: 100%;
   height: 100%;
   background-position: 0 0;
   position: relative;
   overflow: hidden;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span      { display: none; }*/
/*.buttons div a:hover   { background-image: none; }*/
.buttons div span         { position: absolute; width: 100%; height: 100%; cursor: pointer;}
.buttons div a:hover span   { background-position: 0 100%; }

/* Big button images */
.reply-icon span   { background: transparent none 0 0 no-repeat; }
.post-icon span      { background: transparent none 0 0 no-repeat; }
.locked-icon span   { background: transparent none 0 0 no-repeat; }
.pmreply-icon span   { background: none 0 0 no-repeat; }
.newpm-icon span    { background: none 0 0 no-repeat; }
.forwardpm-icon span    { background: none 0 0 no-repeat; }

/* Set big button dimensions */
.buttons div.reply-icon      { width: {IMG_BUTTON_TOPIC_REPLY_WIDTH}px; height: {IMG_BUTTON_TOPIC_REPLY_HEIGHT}px; }
.buttons div.post-icon      { width: {IMG_BUTTON_TOPIC_NEW_WIDTH}px; height: {IMG_BUTTON_TOPIC_NEW_HEIGHT}px; }
.buttons div.locked-icon   { width: {IMG_BUTTON_TOPIC_LOCKED_WIDTH}px; height: {IMG_BUTTON_TOPIC_LOCKED_HEIGHT}px; }
.buttons div.pmreply-icon   { width: {IMG_BUTTON_PM_REPLY_WIDTH}px; height: {IMG_BUTTON_PM_REPLY_HEIGHT}px; }
.buttons div.newpm-icon      { width: {IMG_BUTTON_PM_NEW_WIDTH}px; height: {IMG_BUTTON_PM_NEW_HEIGHT}px; }
.buttons div.forwardpm-icon   { width: {IMG_BUTTON_PM_FORWARD_WIDTH}px; height: {IMG_BUTTON_PM_FORWARD_HEIGHT}px; }

/* Sub-header (navigation bar)
--------------------------------------------- */
a.print, a.sendemail, a.fontsize {
   display: block;
   overflow: hidden;
   height: 18px;
   text-indent: -5000px;
   text-align: left;
   background-repeat: no-repeat;
}

a.print {
   background-image: none;
   width: 22px;
}

a.sendemail {
   background-image: none;
   width: 22px;
}

a.fontsize {
   background-image: none;
   background-position: 0 -1px;
   width: 29px;
}

a.fontsize:hover {
   background-position: 0 -20px;
   text-decoration: none;
}

/* Icon images
---------------------------------------- */
.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search {
   background-position: 0 50%;
   background-repeat: no-repeat;
   background-image: none;
   padding: 1px 0 0 17px;
}

/* Poster profile icons
----------------------------------------*/
ul.profile-icons {
   padding-top: 10px;
   list-style: none;
}

/* Rollover state */
ul.profile-icons li {
   float: left;
   margin: 0 6px 3px 0;
   background-position: 0 100%;
}

/* Rolloff state */
ul.profile-icons li a {
   display: block;
   width: 100%;
   height: 100%;
   background-position: 0 0;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons li span { display:none; }
ul.profile-icons li a:hover { background: none; }

/* Positioning of moderator icons */
.postbody ul.profile-icons {
   float: right;
   width: auto;
   padding: 0;
}

.postbody ul.profile-icons li {
   margin: 0 3px;
}

/* Profile & navigation icons */
.email-icon, .email-icon a      { background: none top left no-repeat; }
.aim-icon, .aim-icon a         { background: none top left no-repeat; }
.yahoo-icon, .yahoo-icon a      { background: none top left no-repeat; }
.web-icon, .web-icon a         { background: none top left no-repeat; }
.msnm-icon, .msnm-icon a         { background: none top left no-repeat; }
.icq-icon, .icq-icon a         { background: none top left no-repeat; }
.jabber-icon, .jabber-icon a      { background: none top left no-repeat; }
.pm-icon, .pm-icon a            { background: none top left no-repeat; }
.quote-icon, .quote-icon a      { background: none top left no-repeat; }

/* Moderator icons */
.report-icon, .report-icon a      { background: none top left no-repeat; }
.warn-icon, .warn-icon a         { background: none top left no-repeat; }
.edit-icon, .edit-icon a         { background: none top left no-repeat; }
.delete-icon, .delete-icon a      { background: none top left no-repeat; }
.info-icon, .info-icon a         { background: none top left no-repeat; }

/* Set profile icon dimensions */
ul.profile-icons li.email-icon      { width: {IMG_ICON_CONTACT_EMAIL_WIDTH}px; height: {IMG_ICON_CONTACT_EMAIL_HEIGHT}px; }
ul.profile-icons li.aim-icon   { width: {IMG_ICON_CONTACT_AIM_WIDTH}px; height: {IMG_ICON_CONTACT_AIM_HEIGHT}px; }
ul.profile-icons li.yahoo-icon   { width: {IMG_ICON_CONTACT_YAHOO_WIDTH}px; height: {IMG_ICON_CONTACT_YAHOO_HEIGHT}px; }
ul.profile-icons li.web-icon   { width: {IMG_ICON_CONTACT_WWW_WIDTH}px; height: {IMG_ICON_CONTACT_WWW_HEIGHT}px; }
ul.profile-icons li.msnm-icon   { width: {IMG_ICON_CONTACT_MSNM_WIDTH}px; height: {IMG_ICON_CONTACT_MSNM_HEIGHT}px; }
ul.profile-icons li.icq-icon   { width: {IMG_ICON_CONTACT_ICQ_WIDTH}px; height: {IMG_ICON_CONTACT_ICQ_HEIGHT}px; }
ul.profile-icons li.jabber-icon   { width: {IMG_ICON_CONTACT_JABBER_WIDTH}px; height: {IMG_ICON_CONTACT_JABBER_HEIGHT}px; }
ul.profile-icons li.pm-icon      { width: {IMG_ICON_CONTACT_PM_WIDTH}px; height: {IMG_ICON_CONTACT_PM_HEIGHT}px; }
ul.profile-icons li.quote-icon   { width: {IMG_ICON_POST_QUOTE_WIDTH}px; height: {IMG_ICON_POST_QUOTE_HEIGHT}px; }
ul.profile-icons li.report-icon   { width: {IMG_ICON_POST_REPORT_WIDTH}px; height: {IMG_ICON_POST_REPORT_HEIGHT}px; }
ul.profile-icons li.edit-icon   { width: {IMG_ICON_POST_EDIT_WIDTH}px; height: {IMG_ICON_POST_EDIT_HEIGHT}px; }
ul.profile-icons li.delete-icon   { width: {IMG_ICON_POST_DELETE_WIDTH}px; height: {IMG_ICON_POST_DELETE_HEIGHT}px; }
ul.profile-icons li.info-icon   { width: {IMG_ICON_POST_INFO_WIDTH}px; height: {IMG_ICON_POST_INFO_HEIGHT}px; }
ul.profile-icons li.warn-icon   { width: {IMG_ICON_USER_WARN_WIDTH}px; height: {IMG_ICON_USER_WARN_HEIGHT}px; }

/* Fix profile icon default margins */
ul.profile-icons li.edit-icon   { margin: 0 0 0 3px; }
ul.profile-icons li.quote-icon   { margin: 0 0 0 10px; }
ul.profile-icons li.info-icon, ul.profile-icons li.report-icon   { margin: 0 3px 0 0; }
/* OAmedieval Control Panel Styles
---------------------------------------- */


/* Main CP box
----------------------------------------*/
#cp-menu {
   float:left;
   width: 19%;
   margin-top: 1em;
   margin-bottom: 5px;
}

#cp-main {
   float: left;
   width: 81%;
}

#cp-main .content {
   padding: 0;
}

#cp-main h3, #cp-main hr, #cp-menu hr {
   border-color: #bfbfbf;
}

#cp-main .panel p {
   font-size: 1.1em;
}

#cp-main .panel ol {
   margin-left: 2em;
   font-size: 1.1em;
}

#cp-main .panel li.row {
   border-bottom: 1px solid #cbcbcb;
   border-top: 1px solid #F9F9F9;
}

ul.cplist {
   margin-bottom: 5px;
   border-top: 1px solid #cbcbcb;
}

#cp-main .panel li.header dd, #cp-main .panel li.header dt {
   color: #000000;
   margin-bottom: 2px;
}

#cp-main table.table1 {
   margin-bottom: 1em;
}

#cp-main table.table1 thead th {
   color: #333333;
   font-weight: bold;
   border-bottom: 1px solid #333333;
   padding: 5px;
}

#cp-main table.table1 tbody th {
   font-style: italic;
   background-color: transparent !important;
   border-bottom: none;
}

#cp-main .pagination {
   float: right;
   width: auto;
   padding-top: 1px;
}

#cp-main .postbody p {
   font-size: 1.1em;
}

#cp-main .pm-message {
   border: 1px solid #e2e2e2;
   margin: 10px 0;
   background-color: #FFFFFF;
   width: auto;
   float: none;
}

.pm-message h2 {
   padding-bottom: 5px;
}

#cp-main .postbody h3, #cp-main .box2 h3 {
   margin-top: 0;
}

#cp-main .buttons {
   margin-left: 0;
}

#cp-main ul.linklist {
   margin: 0;
}

/* MCP Specific tweaks */
.mcp-main .postbody {
   width: 100%;
}

/* CP tabbed menu
----------------------------------------*/
#tabs {
   line-height: normal;
   margin: 20px 0 -1px 7px;
   min-width: 570px;
}

#tabs ul {
   margin:0;
   padding: 0;
   list-style: none;
}

#tabs li {
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 1em;
   font-weight: bold;
}

#tabs a {
   float: left;
   background: none no-repeat 0% -35px;
   margin: 0 1px 0 0;
   padding: 0 0 0 5px;
   text-decoration: none;
   position: relative;
   cursor: pointer;
}

#tabs a span {
   float: left;
   display: block;
   background: none no-repeat 100% -35px;
   padding: 6px 10px 6px 5px;
   color: #828282;
   white-space: nowrap;
}

#tabs a:hover span {
   color: #bcbcbc;
}

#tabs .activetab a {
   background-position: 0 0;
   border-bottom: 1px solid #ebebeb;
}

#tabs .activetab a span {
   background-position: 100% 0;
   padding-bottom: 7px;
   color: #333333;
}

#tabs a:hover {
   background-position: 0 -70px;
}

#tabs a:hover span {
   background-position:100% -70px;
}

#tabs .activetab a:hover {
   background-position: 0 0;
}

#tabs .activetab a:hover span {
   color: #000000;
   background-position: 100% 0;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs {
   line-height: normal;
   margin: -20px 7px 0 0;
}

#minitabs ul {
   margin:0;
   padding: 0;
   list-style: none;
}

#minitabs li {
   display: block;
   float: right;
   padding: 0 10px 4px 10px;
   font-size: 1em;
   font-weight: bold;
   background-color: #f2f2f2;
   margin-left: 2px;
}

#minitabs a {
}

#minitabs a:hover {
   text-decoration: none;
}

#minitabs li.activetab {
   background-color: #F9F9F9;
}

#minitabs li.activetab a, #minitabs li.activetab a:hover {
   color: #333333;
}

/* UCP navigation menu
----------------------------------------*/
/* Container for sub-navigation list */
#navigation {
   width: 100%;
   padding-top: 36px;
}

#navigation ul {
   list-style:none;
}

/* Default list state */
#navigation li {
   margin: 1px 0;
   padding: 0;
   font-weight: bold;
   display: inline;
}

/* Link styles for the sub-section links */
#navigation a {
   display: block;
   padding: 5px;
   margin: 1px 0;
   text-decoration: none;
   font-weight: bold;
   color: #333;
   background: #cfcfcf none repeat-y 100% 0;
}

#navigation a:hover {
   text-decoration: none;
   background-color: #c6c6c6;
   color: #bcbcbc;
   background-image: none;
}

#navigation #active-subsection a {
   display: block;
   color: #d3d3d3;
   background-color: #F9F9F9;
   background-image: none;
}

#navigation #active-subsection a:hover {
   color: #d3d3d3;
}

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
   border-bottom: none;
   padding: 0;
   margin-left: 10px;
   color: #333333;
}

#cp-main .panel {
   background-color: #F9F9F9;
}

#cp-main .pm {
   background-color: #FFFFFF;
}

#cp-main span.corners-top, #cp-menu span.corners-top {
   background-image: none;
}

#cp-main span.corners-top span, #cp-menu span.corners-top span {
   background-image: none;
}

#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
   background-image: none;
}

#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
   background-image: none;
}

/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
   background-image: none;
}

#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
   background-image: none;
}

#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
   background-image: none;
}

#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
   background-image: none;
}

/* Friends list */
.cp-mini {
   background-color: #f9f9f9;
   padding: 0 5px;
   margin: 10px 15px 10px 5px;
}

.cp-mini span.corners-top, .cp-mini span.corners-bottom {
   margin: 0 -5px;
}

dl.mini dt {
   font-weight: bold;
   color: #676767;
}

dl.mini dd {
   padding-top: 4px;
}

.friend-online {
   font-weight: bold;
}

.friend-offline {
   font-style: italic;
}

/* PM Styles
----------------------------------------*/
#pm-menu {
   line-height: 2.5em;
}

/* PM Message history */
.current {
   color: #999999;
}

/* Defined rules list for PM options */
ol.def-rules {
   padding-left: 0;
}

ol.def-rules li {
   line-height: 180%;
   padding: 1px;
}

/* PM marking colours */
.pmlist li.bg1 {
   border: solid 3px transparent;
   border-width: 0 3px;
}

.pmlist li.bg2 {
   border: solid 3px transparent;
   border-width: 0 3px;
}

.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
   border-left-color: #bcbcbc;
   border-right-color: #bcbcbc;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
   border: solid 3px #ffffff;
   border-width: 0 3px;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
   border: solid 3px #c2c2c2;
   border-width: 0 3px;   
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
   border: solid 3px #bdbdbd;
   border-width: 0 3px;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
   border: solid 3px #000000;
   border-width: 0 3px;
}

.pm-legend {
   border-left-width: 10px;
   border-left-style: solid;
   border-right-width: 0;
   margin-bottom: 3px;
   padding-left: 3px;
}

/* Avatar gallery */
#gallery label {
   position: relative;
   float: left;
   margin: 10px;
   padding: 5px;
   width: auto;
   background: #FFFFFF;
   border: 1px solid #CCC;
   text-align: center;
}

#gallery label:hover {
   background-color: #EEE;
}
/* OAmedieval Form Styles
---------------------------------------- */

/* General form styles
----------------------------------------*/
fieldset {
   border-width: 0;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 1.1em;
}

input {
   font-weight: normal;
   cursor: pointer;
   vertical-align: middle;
   padding: 0 3px;
   font-size: 1em;
   font-family: Verdana, Helvetica, Arial, sans-serif;
}

select {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   cursor: pointer;
   vertical-align: middle;
   border: 1px solid #666666;
   padding: 1px;
   background-color: #FAFAFA;
}

option {
   padding-right: 1em;
}

option.disabled-option {
   color: graytext;
}

textarea {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   width: 60%;
   padding: 2px;
   font-size: 1em;
   line-height: 1.4em;
}

label {
   cursor: default;
   padding-right: 5px;
   color: #676767;
}

label input {
   vertical-align: middle;
}

label img {
   vertical-align: middle;
}

/* Definition list layout for forms
---------------------------------------- */
fieldset dl {
   padding: 4px 0;
}

fieldset dt {
   float: left;   
   width: 40%;
   text-align: left;
   display: block;
}

fieldset dd {
   margin-left: 41%;
   vertical-align: top;
   margin-bottom: 3px;
}

/* Specific layout 1 */
fieldset.fields1 dt {
   width: 15em;
   border-right-width: 0;
}

fieldset.fields1 dd {
   margin-left: 15em;
   border-left-width: 0;
}

fieldset.fields1 {
   background-color: transparent;
}

fieldset.fields1 div {
   margin-bottom: 3px;
}

/* Specific layout 2 */
fieldset.fields2 dt {
   width: 15em;
   border-right-width: 0;
}

fieldset.fields2 dd {
   margin-left: 16em;
   border-left-width: 0;
}

/* Form elements */
dt label {
   font-weight: bold;
   text-align: left;
}

dd label {
   white-space: nowrap;
   color: #333;
}

dd input, dd textarea {
   margin-right: 3px;
}

dd select {
   width: auto;
}

dd textarea {
   width: 85%;
}

/* Hover effects */
fieldset dl:hover dt label {
   color: #000000;
}

fieldset.fields2 dl:hover dt label {
   color: inherit;
}

#timezone {
   width: 95%;
}

* html #timezone {
   width: 50%;
}

/* Quick-login on index page */
fieldset.quick-login {
   margin-top: 5px;
}

fieldset.quick-login input {
   width: auto;
}

fieldset.quick-login input.inputbox {
   width: 15%;
   vertical-align: middle;
   margin-right: 5px;
   background-color: #f3f3f3;
}

fieldset.quick-login label {
   white-space: nowrap;
   padding-right: 2px;
}

/* Display options on viewtopic/viewforum pages  */
fieldset.display-options {
   text-align: center;
   margin: 3px 0 5px 0;
}

fieldset.display-options label {
   white-space: nowrap;
   padding-right: 2px;
}

fieldset.display-options a {
   margin-top: 3px;
}

/* Display actions for ucp and mcp pages */
fieldset.display-actions {
   text-align: right;
   line-height: 2em;
   white-space: nowrap;
   padding-right: 1em;
}

fieldset.display-actions label {
   white-space: nowrap;
   padding-right: 2px;
}

fieldset.sort-options {
   line-height: 2em;
}

/* MCP forum selection*/
fieldset.forum-selection {
   margin: 5px 0 3px 0;
   float: right;
}

fieldset.forum-selection2 {
   margin: 13px 0 3px 0;
   float: right;
}

/* Jumpbox */
fieldset.jumpbox {
   text-align: right;
   margin-top: 15px;
   height: 2.5em;
}

fieldset.quickmod {
   width: 50%;
   float: right;
   text-align: right;
   height: 2.5em;
}

/* Submit button fieldset */
fieldset.submit-buttons {
   text-align: center;
   vertical-align: middle;
   margin: 5px 0;
}

fieldset.submit-buttons input {
   vertical-align: middle;
   padding-top: 3px;
   padding-bottom: 3px;
}

/* Posting page styles
----------------------------------------*/

/* Buttons used in the editor */
#format-buttons {
   margin: 15px 0 2px 0;
}

#format-buttons input, #format-buttons select {
   vertical-align: middle;
}

/* Main message box */
#message-box {
   width: 80%;
}

#message-box textarea {
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   width: 100%;
   font-size: 1.2em;
   color: #333333;
}

/* Emoticons panel */
#smiley-box {
   width: 18%;
   float: right;
}

#smiley-box img {
   margin: 3px;
}

/* Input field styles
---------------------------------------- */
.inputbox {
   background-color: #FFFFFF;
   border: 1px solid #c0c0c0;
   color: #333333;
   padding: 2px;
   cursor: text;
}

.inputbox:hover {
   border: 1px solid #eaeaea;
}

.inputbox:focus {
   border: 1px solid #eaeaea;
   color: #4b4b4b;
}

input.inputbox   { width: 85%; }
input.medium   { width: 50%; }
input.narrow   { width: 25%; }
input.tiny      { width: 125px; }

textarea.inputbox {
   width: 85%;
}

.autowidth {
   width: auto !important;
}

/* Form button styles
---------------------------------------- */
input.button1, input.button2 {
   font-size: 1em;
}

a.button1, input.button1, input.button3, a.button2, input.button2 {
   width: auto !important;
   padding-top: 1px;
   padding-bottom: 1px;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   color: #000;
   background: #FAFAFA none repeat-x top;
}

a.button1, input.button1 {
   font-weight: bold;
   border: 1px solid #666666;
}

input.button3 {
   padding: 0;
   margin: 0;
   line-height: 5px;
   height: 12px;
   background-image: none;
   font-variant: small-caps;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
   border: 1px solid #666666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
   text-decoration: none;
   color: #000000;
   padding: 2px 8px;
   line-height: 250%;
   vertical-align: text-bottom;
   background-position: 0 1px;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
   border: 1px solid #BCBCBC;
   background-position: 0 100%;
   color: #BCBCBC;
}

input.disabled {
   font-weight: normal;
   color: #666666;
}

/* Topic and forum Search */
.search-box {
   margin-top: 3px;
   margin-left: 5px;
   float: left;
}

.search-box input {
}

input.search {
   background-image: none;
   background-repeat: no-repeat;
   background-position: left 1px;
   padding-left: 17px;
}

.full { width: 95%; }
.medium { width: 50%;}
.narrow { width: 25%;}
.tiny { width: 10%;}
/* OAmedieval Style Sheet Tweaks

These style definitions are mainly IE specific
tweaks required due to its poor CSS support.
-------------------------------------------------*/

* html table, * html select, * html input { font-size: 100%; }
* html hr { margin: 0; }
* html span.corners-top, * html span.corners-bottom { background-image: url("{T_THEME_PATH}/images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("{T_THEME_PATH}/images/corners_right.gif"); }

table.table1 {
   width: 99%;      /* IE < 6 browsers */
   /* Tantek hack */
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 100%;
}
html>body table.table1 { width: 100%; }   /* Reset 100% for opera */

* html ul.topiclist li { position: relative; }
* html .postbody h3 img { vertical-align: middle; }

/* Form styles */
html>body dd label input { vertical-align: text-bottom; }   /* Align checkboxes/radio buttons nicely */

* html input.button1, * html input.button2 {
   padding-bottom: 0;
   margin-bottom: 1px;
}

/* Misc layout styles */
* html .column1, * html .column2 { width: 45%; }

/* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
   From http://www.positioniseverything.net/easyclearing.html
#tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}*/

.clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
   height: 1%;
   overflow: hidden;
}

/* viewtopic fix */
* html .post {
   height: 25%;
   overflow: hidden;
}

/* navbar fix */
* html .clearfix, * html .navbar, ul.linklist {
   height: 4%;
   overflow: hidden;
}

/* Simple fix so forum and topic lists always have a min-height set, even in IE6
   From http://www.dustindiaz.com/min-height-fast-hack */
* html li.row dl.icon {
   min-height: 58px;
   height: auto !important;
   height: 58px;
}

* html #search-box {
   width: 25%;
}

/* Correctly clear floating for details on profile view */
*:first-child+html dl.details dd {
   margin-left: 30%;
   float: none;
}

* html dl.details dd {
   margin-left: 30%;
   float: none;
}
/*     
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
   color: #5D6A78;
   background-color: #9E6226;
   background-image: url("{T_THEME_PATH}/images/backgroundwood.gif");
}

h1 {
   color: #FFFFFF;
}

h2 {
   color: #2D313A;
}

h3 {
   border-bottom-color: #CCCCCC;
   color: #3F3574;
}

hr {
   border-color: #FFFFFF;
   border-top-color: #CCCCCC;
}

hr.dashed {
   border-top-color: #CCCCCC;
}

/* Search box
--------------------------------------------- */

#search-box {
   color: #FFFFFF;
}

#search-box #keywords {
   background-color: #FFF;
}

#search-box input {
   border-color: #9E5613;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
   background-color: #BE6C1F;
   background-color: #BE6C1F;
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
   color: #FFFFFF;
}

.navbar {
   background-color: #EFB27A;
}

.forabg {
   background-color: #9E5613;
   background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

.forumbg {
   background-color: #9E5613;
   background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

.panel {
   background-color: #F7D8BB;
   color: #2D313A;
}

.post:target .content {
   color: #000000;
}

.post:target h3 a {
   color: #000000;
}

.bg1   { background-color: #FFF1D6; }
.bg2   { background-color: #F0D0B3; }
.bg3   { background-color: #E8DDCD; }

.ucprowbg {
   background-color: #DDE0E1;
}

.fieldsbg {
   background-color: #E8E9E9;
}

span.corners-top {
   background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}

span.corners-top span {
   background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}

span.corners-bottom {
   background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}

span.corners-bottom span {
   background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
   border-bottom-color: #FFEBD1;
}

/* Table styles
----------------------------------------*/
table.table1 thead th {
   color: #FFFFFF;
}

table.table1 tbody tr {
   border-color: #C0CECB;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
   background-color: #F7D8BB;
   color: #000;
}

table.table1 td {
   color: #5D6A78;
}

table.table1 tbody td {
   border-top-color: #FAFAFA;
}

table.table1 tbody th {
   border-bottom-color: #000000;
   color: #333333;
   background-color: #FFEBD1;
}

table.info tbody th {
   color: #000000;
}

/* Misc layout styles
---------------------------------------- */
dl.details dt {
   color: #000000;
}

dl.details dd {
   color: #5D6A78;
}

.sep {
   color: #8A607B;
}

/* Pagination
---------------------------------------- */

.pagination span strong {
   color: #FFFFFF;
   background-color: #92738F;
   border-color: #92738F;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
   color: #736B7D;
   background-color: #EDEDED;
   border-color: #B9B7BD;
}

.pagination span a:hover {
   border-color: #C26E21;
   background-color: #C26E21;
   color: #FFF;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
   background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
}

.row .pagination span a, li.pagination span a {
   background-color: #FFEBD1;
}

.row .pagination span a:hover, li.pagination span a:hover {
   background-color: #C26E21;
}

/* Miscellaneous styles
---------------------------------------- */

.copyright {
   color: #555555;
}

.error {
   color: #72445D;
}

.reported {
   background-color: #F3EDF6;
}

li.reported:hover {
   background-color: #E6D7EA !important;
}
.sticky, .announce {
   /* you can add a background for stickies and announcements*/
}

div.rules {
   background-color: #E6D7EA;
   color: #72445D;
}

p.rules {
   background-color: #E6D7EA;
   background-image: none;
}

/*     
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a:link   { color: #9F5613; }
a:visited   { color: #9F5613; }
a:hover   { color: #000000; }
a:active   { color: #C26E21; }

/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
   color: #FFFFFF;
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
   color: #FFFFFF;
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
   color: #FFF0D6;
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
   color: #E6DAED;
}

/* Links for forum/topic lists */
a.forumtitle {
   color: #9F5613;
}

/* a.forumtitle:visited { color: #523762; } */

a.forumtitle:hover {
   color: #72445D;
}

a.forumtitle:active {
   color: #9F5613;
}

a.topictitle {
   color: #9F5613;
}

/* a.topictitle:visited { color: #8867A1; } */

a.topictitle:hover {
   color: #72445D;
}

a.topictitle:active {
   color: #9F5613;
}

/* Post body links */
.postlink {
   color: #C26E21;
   border-bottom-color: #C26E21;
}

.postlink:visited {
   color: #8C7AA0;
   border-bottom-color: #666666;
}

.postlink:active {
   color: #C26E21;
}

.postlink:hover {
   background-color: #E3DCEA;
   color: #432D53;
}

.signature a, .signature a:visited, .signature a:active, .signature a:hover {
   background-color: transparent;
}

/* Profile links */
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
   color: #9F5613;
}

.postprofile a:hover, .postprofile dt.author a:hover {
   color: #000000;
}

/* Profile searchresults */   
.search .postprofile a {
   color: #9F5613;
}

.search .postprofile a:hover {
   color: #000000;
}

/* Back to top of page */
a.top {
   background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

a.top2 {
   background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

/* Arrow links  */
a.up      { background-image: url("{T_THEME_PATH}/images/arrow_up.gif") }
a.down      { background-image: url("{T_THEME_PATH}/images/arrow_down.gif") }
a.left      { background-image: url("{T_THEME_PATH}/images/arrow_left.gif") }
a.right      { background-image: url("{T_THEME_PATH}/images/arrow_right.gif") }

a.up:hover {
   background-color: transparent;
}

a.left:hover {
   color: #C26E21;
}

a.right:hover {
   color: #C26E21;
}


/*     
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums {
   background-color: #FFF0D6;
   background-image: url("{T_THEME_PATH}/images/gradient.gif");
}

ul.topiclist li {
   color: #565C6D;
}

ul.topiclist dd {
   border-left-color: #FFEBD1;
}

.rtl ul.topiclist dd {
   border-right-color: #fff;
   border-left-color: transparent;
}

ul.topiclist li.row dt a.subforum.read {
   background-image: url("{IMG_SUBFORUM_READ_SRC}");
}

ul.topiclist li.row dt a.subforum.unread {
   background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
}

li.row {
   border-top-color:  #FFEBD1;
   border-bottom-color: #57384C;
}

li.row strong {
   color: #000000;
}

li.row:hover {
   background-color: #FEE9CE;
}

li.row:hover dd {
   border-left-color: #CCCCCC;
}

.rtl li.row:hover dd {
   border-right-color: #CCCCCC;
   border-left-color: transparent;
}

li.header dt, li.header dd {
   color: #FFFFFF;
}

/* Forum list column styles */
ul.topiclist dd.searchextra {
   color: #333333;
}

/* Post body styles
----------------------------------------*/
.postbody {
   color: #333333;
}

/* Content container styles
----------------------------------------*/
.content {
   color: #333333;
}

.content h2, .panel h2 {
   color: #3F3574;
   border-bottom-color:  #CCCCCC;
}

dl.faq dt {
   color: #333333;
}

.posthilit {
   background-color: #E1C3EF;
   color: #72445D;
}

/* Post signature */
.signature {
   border-top-color: #CCCCCC;
}

/* Post noticies */
.notice {
   border-top-color:  #CCCCCC;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
   background-color: #FFFFFF;
   background-image: url("{T_THEME_PATH}/images/quote.gif");
   border-color:#9E5613;
}

blockquote blockquote {
   /* Nested quotes */
   background-color:#F0D0B3;
}

blockquote blockquote blockquote {
   /* Nested quotes */
   background-color: #EADEE0;
}

/* Code block */
dl.codebox {
   background-color: #FFFFFF;
   border-color: #D2CED3;
}

dl.codebox dt {
   border-bottom-color:  #CCCCCC;
}

dl.codebox code {
   color: #3C7D5C;
}

.syntaxbg      { color: #FFFFFF; }
.syntaxcomment   { color: #EB148D; }
.syntaxdefault   { color: #0FACA2; }
.syntaxhtml      { color: #000000; }
.syntaxkeyword   { color: #6D670A; }
.syntaxstring   { color: #BF12CB; }

/* Attachments
----------------------------------------*/
.attachbox {
   background-color: #FFFFFF;
   border-color:  #D2CED3;
}

.pm-message .attachbox {
   background-color: #F3F2F3;
}

.attachbox dd {
   border-top-color: #D2CED3;
}

.attachbox p {
   color: #666666;
}

.attachbox p.stats {
   color: #666666;
}

.attach-image img {
   border-color: #999999;
}

/* Inline image thumbnails */

dl.file dd {
   color: #666666;
}

dl.thumbnail img {
   border-color: #666666;
   background-color: #FFFFFF;
}

dl.thumbnail dd {
   color: #666666;
}

dl.thumbnail dt a:hover {
   background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
   border-color: #C26E21;
}

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
   border-top-color: #DDE0E1;
   color: #666666;
}

fieldset.polls dl.voted {
   color: #000000;
}

fieldset.polls dd div {
   color: #FFFFFF;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
   border-right-color: transparent;
}

.pollbar1 {
   background-color: #7A2E9F;
   border-bottom-color: #551E6C;
   border-right-color: #551E6C;
}

.rtl .pollbar1 {
   border-left-color: #551E6C;
}

.pollbar2 {
   background-color: #832BB1;
   border-bottom-color: #652583;
   border-right-color: #652583;
}

.rtl .pollbar2 {
   border-left-color: #652583;
}

.pollbar3 {
   background-color: #8C29C2;
   border-bottom-color: #7A2E9F;
   border-right-color: #7A2E9F;
}

.rtl .pollbar3 {
   border-left-color: #7A2E9F;
}

.pollbar4 {
   background-color: #9526D4;
   border-bottom-color: #832BB1;
   border-right-color: #832BB1;
}

.rtl .pollbar4 {
   border-left-color: #832BB1;
}




Liebe GRüße
Tanja
User avatar
2910tanja
Einsteiger
Einsteiger
 
Posts: 10
Joined: 04.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: Female

Re: Style: prosilver Special Brown, Farbanpassung

Post#11by Lea » 09.04.2009 20:38

Ich lach mich auch gleich tot

Image

... und komme mir nicht mit: ich hätte deinen Spoiler editiert.
User avatar
Lea
Lebende Legende
Lebende Legende
 
Posts: 21204
Joined: 02.2016
Cash on hand: 250.00 Points
Thanks: 0
Thanked: 5 times in 1 post
Gender: None specified

Re: Style: prosilver Special Brown, Farbanpassung

Post#12by Loki_GER » 09.04.2009 22:54

Also ich finde den Code ebenfalls in deinem Beitrag ...
Code: Select all
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
   color: #5D6A78;
   background-color: #9E6226;
   background-image: url("{T_THEME_PATH}/images/backgroundwood.gif");
}

... habe jetzt zum besseren finden einfach mal 3 Zeilen mehr kopiert.

Übrigens ... wenn du den Firefox benutzt einfach mal innerhalb der Themes/Templates die Taste F3 drücken und einen entsprechenden Suchtext eingeben, sehr gut dazu eignen sich z.B. die Namen der Hintergrundbilder (hier backgroundwood.gif) die du in der Forenansicht ganz einfach über die "Eigenschaften" auslesen kannst! ;)


Loki :hut:

EDIT: Noch was weil es mir gerade erst aufgefallen ist, wenn du einen Code hier ins Forum kopieren möchtest dann benutze bitte die Image Funktion, diese entfernt jegliche Formatierung und erlaubt auch lange Codes komplett anzuzeigen ... mit Image zitiert man Beiträge in genau der Formatierung mit denen sie ursprünglich geschrieben wurden.
User avatar
Loki_GER
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 1877
Joined: 01.2007
Cash on hand: 38.05 Points
Bank: 21,513.74 Points
Thanks: 59
Thanked: 309 times in 194 posts
Gender: Male

Re: Style: prosilver Special Brown, Farbanpassung

Post#13by 2910tanja » 10.04.2009 00:29

Hallo
Also wer lesen und suchen kann ist klar im Vorteil :oops:

Jetzt habe ich endlich den Durchblick.
Ich habe es schlicht und ergreifend überlesen. :sorry:
Großes, großes Sorry von mir.

Damit ist der größte Teil geschafft.

Jetzt aber noch ein paar winzige Fragen:
Jetzt sind ja die Rahmen noch da. Wie heißen von denen die Codes damit ich die Farblich bzw
mit einem eigenen Hintergrundbild anpassen kann?
a) die kleinen braunen dünnen Streifen links und rechts
b) der Hintergrund von der Tabelle (ist direkt neber den streifen, sieht eher nach rosa aus :D )
c) Der Hintergrund vom Header

Ja Loki, das hatte ich benutzt, ist aber auch nur beschränkt auf 600000 zeichen und der Code überschreitet
das. ;)

Ganz liebe nächtliche Grüße
Tanja

P.S Also ich verstehe nicht warum das Board nicht schon zigtausende andere entdeckt haben.
Es ist einfach genial, ich habe gerade festgestellt das man Unterforen von Unterforen machen kann.
Echt spitze, top, genial, unbeschreiblich gut. :herz:
Last edited by 2910tanja on 10.04.2009 01:51, edited 1 time in total.
User avatar
2910tanja
Einsteiger
Einsteiger
 
Posts: 10
Joined: 04.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: Female

Re: Style: prosilver Special Brown, Farbanpassung

Post#14by Loki_GER » 10.04.2009 01:49

a.)
Wenn du die Namen bestimmter Grafiken wissen möchtest einfach mit einem Rechtsklick auf die Grafik und "Hintergrundgrafik anzeigen"die Grafik anzeigen lassen (Firefox), in der Adresszeile des Browsers siehst du dann den kompletten Pfad zur Grafik. Aber Achtung !!! Bei der Suche in den Themes/Templates NUR den Namen des Bildes benutzen (z.B. "meinbild.gif"), http: // gibt es in den Themes/Templates nicht und deine Suche führt dann nicht zum Erfolg!

b.)
Der Tabellenhintergrund ist eine Grafik die mit den seitlichen Streifen zusammenhängt.

c.)
Der Headerhintergrund ist ebenfalls eine Grafik. In diesem speziellen Fall mußt du darauf achten das du den Rechtsklick nicht im Linkbereich des Headers ausführst, zu erkennen an der dünnen, gepunkteten Linie die bei einem Rechtsklick sichtbar wird, sondern außerhalb da du sonst ein anderes Kontextmenü angezeigt bekommst in welchem die Option "Hintergrundgrafik anzeigen" fehlt


Loki
User avatar
Loki_GER
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 1877
Joined: 01.2007
Cash on hand: 38.05 Points
Bank: 21,513.74 Points
Thanks: 59
Thanked: 309 times in 194 posts
Gender: Male

Re: Style: prosilver Special Brown, Farbanpassung

Post#15by 2910tanja » 10.04.2009 01:53

Wow spitze ich lerne echt nie aus.

Vielen vielen herzlichen dank für den tollen Support. :verbeug:
User avatar
2910tanja
Einsteiger
Einsteiger
 
Posts: 10
Joined: 04.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: Female

Next

Return to "phpBB3: Styles, Themes und Templates"


 

Who is online

Users browsing this forum: Yandex [Bot] and 1 guest

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

simple-wrap erklärung phpbb3

phpbb3 tabellenhintergrund

phpbb3 overall_header link nur mit bestimmter gruppe sichtbar Tabellenhintergrund transparent prosilver prosilver special brown hintergrundgrafik phpbb3 style prosilver brown phpbb3 styles prosilver brown