Mitglieder - Fragen und Antworten » Hondaforum braucht Hilfe

Hi hab mein Forum erstmal notdürftig geflickt

http://www.hondayoungtimer.de

Hab oben mehrere Buttons reingebaut was eiegntlich nicht möglich war aber es ging...
Jetzt würde mich brennend interessieren wie ich ähnlich wie im Musiktempel die Startseite mit 3D Effekten spicken kann?????

Hallo Hondafreak,

wo hast du denn die Buttons definiert? Die Templates sind laut Support noch nicht erreichbar.

Im Header - Footer? Oder gar in der CSS? Das sind soweit ich weiss die einzigst erreichbaren Template-Elemente zur Zeit....

Ich bin selber gerade dabei mich durch die neue CSS vom Phpbb Template zu wurschteln, welches Template fährst du gerade?


Als kleinen Tipp für das Phpbb-Template hier aber mal:

Gehe in die CSS
Drücke die Tastenkombination [strg]+[f]
Gebe im Suchfeld unter dem Browser common ein
Ein bisschen herunterscrollen bis du den grün markierten Text siehst...
Dadurch springst du zumindest schon mal ein eine Stelle in der CSS die hauptsächlich die grafische Grobarbeit definiert.

Ein weiterer Suchbegriff wäre beispielsweise content.css - liegt etwas unterhalb des ersten Suchbegriffs

Der 3D Krams von hier beispielsweise: http://65059.homepagemodules.de/
Diesen findest du direkt bei li.row , dieses kannst so abändern:
li.row {
border-width:4px;
border-style:solid;
border-top-color: #3A2815;
border-left-color: #3A2815;
border-right-color: #E2D1C0;
border-bottom-color:#E2D1C0;
}


...andere Stellen muss ich selber noch finden.....

Hi,

ich dachte eher an 3D im Gaia template.
bei mir war ja was los.
Ein paar wollten sich schon abmelden weil denen "Ihr Spielzeug" genommen wurde.
Die fanden es alle ganz shclimm.
Als sie dann die Bildergalerie sahen udn den kalender war die Welt wieder in Ordnung...

Die Buttons habe ich wiefolgt gemacht:

hab ein Bild oben eingesetztdann einen Absatz und dann weitere Punkte die aussehen wie die Leiste.
Raffiniert, was?
ich brauchte diese Punkte halt Dringend und auf eine Spalte bring ich die eh nicht mehr...

sind halt noch Kleinigkeiten zu tun.

Wer ist online sieht fürchterlich aus wenn man so grosse Avatare hat wie ich und
viele beschweren sich das sie keine Leserechte haben obwohl äkchen drin sind.
Naja mal sehen vielleicht legt es sich noch ne?

Jo jo...sind doch noch eine ganze Menge Fehler sichtbar, wundert mich wirklich dass so gravierende Dinge nach so langer Entwicklungszeit und zusätzliche Betatestphase jetzt noch auftauchen. Aber die Jungs sind ja mit großem Technikeraufwand gerade unterwegs, das Team hat sich doch um einiges vergrößert.
Ich kann zur CSS vom Gaia nichts sagen, denke mal die wird komplett anders aufgebaut sein als vom PhpBB und die ist auch ganz schön komplex geworden. Ich halte mal alles schriftlich fest was ich überhaupt irgendwo geändert habe, sonst steige ich da nach 'ner Woche nicht mehr durch.

Nicht schlecht dein "Trick"........

Das wird schon alles noch, unser Team ist sich glaube ich auch uneins obs mich verfluchen soll oder über die neue Optik freuen....

ich hab mein Forum grade mal mit dem Internetexplorer geöffnet weil allemann meckern.

Ich kann sie ja nicht zwingen Firefox zu nehmen...

katastrophal.

lar das Forum ist umsonst alles wunderbar aber das Gaiatemplate klappt im IE ja mal garnicht
Um da auf antworten zu klicken musste den Button fangen der springt dann immer hin und her LOL...

ich hab ja noch ein Forum.

http://www.hondayoungtimer.com.

Das hab ich mal mißbraucht um alles zu testen.
Das alte Design ist nicht mehr zurückzukriegen also ich schaffe es nicht leider...........

Hab Gott sei Dank noch mein Frauenforum

http://www.hondayoungtimer.de.gg

Da sind noch mehrere sachen da die ich mal brauche.

Nur ich hab keine Lust die Bildergalerie und den kalender in mein altes Design zu integrieren weil Gaia ist schon toll.

Auf der anderen seite egal welches neue template ich nehme die variablen klappen nicht und ich brauch sie dringend da die autos auf die startseite in die forenkategorien müssen.

bin echt am ende grad jetzt......

Ja das ist dann natürlich recht dumm gelaufen bei dir aber ein klein Wenig Schuld musst du da natürlich auch auf deine Kappe nehmen.

Gerade beim Programmieren, und nichts anderes machst du wenn du am Template herumwurschtelst, sollte man grundsätzlich mit Sicherheitskopien arbeiten.
Was meinst was das für'n Theater gäbe wenn bei HPM mal was in die Hose geht und die dann zig Leuten erklären müssten " ach....Sicherheitskopien? Die haben wir das letzte halbe Jahr ganz vergessen, gibts leider nicht....." Ich denke mal ein Großteil der Userschaft würde mit Mistforken und Fackeln bewaffnet vor den Türen der Miranus-GmbH herumgröhlen und den armen Johannes jagen wie Frankenstein......

Ich finde trotz allem dass es sich noch halbwegs im Rahmen hält, habe aber auch vor der Umstellung, im Musiktempel beispielsweise, vorsichtshalber Sicherheitskopien aller veränderten Template-Elemente gemacht um im Notfall dann doch noch erstmal wieder auf das alte Template zurückschalten zu können.


Mein Mitgefühl hast du jedenfalls.....aber das wird schon - keine Panik!!

Naja ich bin ja bastelgeil.

Das alte Template hätt ich ja garnicht zurück haben wollen :-)
BZW dann nur mit 3d Effekt...


Bin ja äußerst bastelwillig.

Aber wenn ich ein Standardtemplate nehme und dann Forenübersicht ersetze mit der alten
(wegen der Variablen)
zeigt es die Bilder immer noch nicht an.

Außerdem ist das Standard blöd weil man den threadersteller bei Beiträge der letzten tage garnicht sieht.....

Ich könnte dir die alten Template-elemente vom Musiktempel 'rüberschieben, da habe ich ja auch ein bisschen mit Forenvariablen gemacht, aber ich denke du läufst Gefahr dich dann endgültig zu verwirren bei den ganzen unterschiedlich codierten Templates.
Meine Variablen dürften sich auch an anderen Stellen befinden als deine.......

Ich geh jetzt auf PHPP Design.
das wird im Internetexplorer auch schön dargestellt.

Obwohl ich PHPP garnicht mag da es aussieht wie jeses andere.

mein Amiforum muss jetzt dran glauben ich frickel etwas rum und später mach ichs auf das deutsche drück mir alle daumen

Aus dem PhpBB Design kann man aber schon schöne Sachen machen, so dass es eben nicht mehr ganz so standardmäßig aussieht.
Also ich persönlich finde den neuen Musiktempel absolut gelungen - *selbst auf die Schulter klopf*

Und was sagste dazu?

Hätte gern enn schwarzen Hintergrund genommen nur leider sind die Felder mit weissen Ecken abgerundet :-(((

Zitat von hondafreak1981

---

Und was sagste dazu?

---

bei mir stand an den Stellen "none" ich hab die Bilder eingesetzt aber nix passierte...

Koomisch....

Hö? Du hast doch auch das PhpBb Template oder nicht? Sind die nicht alle gleich ausser ein paar Farbänderungen?
Beim Musiktempel hatte ich zum Beispiel das Braune PHP-Dingens, aber Ecken sind doch in jedem drin?

Hier mal ein etwas größerer Ausschnitt aus der CSS:
.headerbar {
background-color: #667297;
background-image: url("http://img.homepagemodules.de/s2/dynimg/...btop_a3acc6.png");
color: #FFFFFF;
}
.navbar {
background-color: #e0e1e5;
}
.forabg {
background-color: #444e6d;
background-image: url("http://img.homepagemodules.de/s2/dynimg/...btop_a3acc6.png");
}
.forumbg {
background-color: #444e6d;
background-image: url("http://img.homepagemodules.de/s2/dynimg/...btop_a3acc6.png");
}
.panel {
background-color: #f3f3f3;
color: #28313F;
}
.post:target .content {
color: #000000;
}
.post:target h3 a {
color: #000000;
}
.bg1 { background-color: #e8e8eb; }
.bg2 { background-color: #f0f1f3; }
.bg3 { background-color: #F9F9F9; }
.ucprowbg {
background-color: #DCDEE2;
}
.fieldsbg {
background-color: #E7E8EA;
}
span.corners-top {
background-image: url("http://img.homepagemodules.de/s2/images/corners_left.png");
}
span.corners-top span {
background-image: url("http://img.homepagemodules.de/s2/images/corners_right.png");
}
span.corners-bottom {
background-image: url("http://img.homepagemodules.de/s2/images/corners_left.png");
}
span.corners-bottom span {
background-image: url("http://img.homepagemodules.de/s2/images/corners_right.png");
}

Der Auschnitt ist jetzt beispielsweise direkt hier aus der Foreninformation....

Wenn ich das einsetze sieht das alles so aus:

http://www.hondayoungtimer.com.

naja ich fidne das Update mittlerweile zum

Soo viel zeit investiert für nix, oder?

das ist mein neuestes problem:
Ich habe in meinen Foren immer einen schwarzen Hintergrund.
Bei http://www.hondayoungtimer.de auch.

Alles passt ganz gut.


Wenn ich einen beitrag verfasse ist der Hintegrund da auch schwarz was ich aber nicht gut finde, hätte da gern was helles drin.
Selbst wenn ich beim schwarz bleiben würde müsste ich eine helle Schriftfarbe nehmen,
kann ich aber nicht weil ich dann keine Beiträge lesen kann da die gleiche Farbe auch auf meinen Grauen Forenseiten zu sehen sind.

Ich habe dir etwa drei Beiträge über diesem hier 2 Grafiken in den Anhang gesteckt, das sind dunkle Ecken, die sind sehr klein und es sieht aus als ob es eine Grafik wäre - sind schlecht getrennt.....

Was musst du tun?
Downloaden - woanders uploaden - die Grafiklinks merken/besorgen - meinen letzten Beitrag lesen - dort findest du aussagekräftige Links in der CSS - diese Links durch hacken in deine CSS anpassen - schon hast dunkle Ecken.


Die Farbe für die Beitragsfelder änderst du ebenfalls durch hacken:

Such diese Stelle:

.post:target .content {
color: #000000;
}
.post:target h3 a {
color: #000000;
}
.bg1 { background-color: #e8e8eb; }
.bg2 { background-color: #f0f1f3; }
.bg3 { background-color: #F9F9F9; }
.ucprowbg {
background-color: #DCDEE2;
}

Rot markierte Farbe anpassen!


Die Stelle findest du etwas unterhalb von "/* Round cornered boxes and backgrounds", - ACHTUNG! - das taucht zweimal in der CSS auf!! Das untere zählt!

Werde diesbezüglich nochmal im Support nachfragen..............

Grafiken kann man leider nur durch direktes Hacken ändern.

Danke für die Hilfe, leider nix genützt hab diese BG1 (die untere weiss gemacht und trotzdem ist das noch schwarz :-(((

Hier mal meine CSS

das mit den Grafiken hatte ich schon verstanden hab es auch so gemacht aber das klappte nicht sieht jetzt so aus: http://www.hondayoungtimer.com (Testforum

das ist die CSS von meinem richtigen .de forum:

/* phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name: proSilver
Based on style: proSilver (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 proSilver Markup Styles
---------------------------------------- */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}
/*convert font-sizes from px to em */

/* set 95% to either % or px */

.widget_add{background-color:white;}
.widget_calendar_integration_name{
background-color: red;
font-weight:bold;
padding: 3px 3px 3px 3px;
}
.widget_calendar_integration_name a{
color: black;
}
.widget_calendar_integration_description {
background-color: white;
padding: 3px 3px 3px 3px;
}
.widget_calendar_integration {
background-color: white;
border: 1px solid black;
margin: 2px 2px 2px 2px;
overflow: hidden;
width: 100px;
}
.widget_picture_integration {
background-color: white;
border: 1px solid black;
}
#widget_view_body .image{margin-left: 5px;}
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: #6e6455;
background-color: #000000;
/* font-size: 62.5%; This sets the default font size to be equivalent to 10px */
font-size: 10px;
margin: 0;
padding: 0px;
}
h1 {
/* Forum name */
font-family: "Trebuchet MS","Lucida Grande", Verdana, Helvetica, Arial, sans-serif;;
margin-right: 200px;
color: #000000;
margin-top: 15px;
font-weight: bold;
font-size: 2em;
}
h2 {
/* Forum header titles */
font-family:"Trebuchet MS", "Lucida Grande", Verdana, Helvetica, Arial, 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: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #931C06;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.2em;
color: #989898;
margin-top: 20px;
}
h4 {
/* Forum and topic list titles */
font-family: "Trebuchet MS","Lucida Grande", Verdana, Helvetica, Arial, sans-serif;;
font-size: 1.3em;
}
p {
line-height: 1.3em;
font-size: 1.2em;
margin-bottom: 1.5em;
}
img {
border-width: 0;
}
hr {
/* Also see tweaks.css */
border: 0 none #000000;
border-top: 1px solid #931C06;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}
hr.dashed {
border-top: 1px dashed #931C06;
margin: 10px 0;
}
hr.divider {
display: none;
}
p.right {
text-align: right;
}
/* Main blocks
---------------------------------------- */
#wrap {
margin: 0px auto;
padding: 0px;
width: 95%;
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 {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
a#logo:hover {
text-decoration: none;
}
/* Search box
--------------------------------------------- */
#search-box {
color: #000000;
position: relative;
margin-top: 30px;
margin-right: 5px;
display: block;
float: right;
text-align: right;
white-space: nowrap; /* For Opera */
}
#search-box #keywords {
width: 115px;
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 {
float: left;
width: 70%;
}
#site-description h1 {
margin-right: 0;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background: #FAB66B none repeat-x 0 0;
color: #000000;
margin-bottom: 4px;
padding: 0 5px;
}
.navbar {
background-color: #FAB66B;
padding: 0 10px;
}
.forabg {
background: #b1b1b1 none repeat-x 0 0;
margin-bottom: 4px;
padding: 0 5px;
clear: both;
}
.forumbg {
background: #FAB66B none repeat-x 0 0;
margin-bottom: 4px;
padding: 0 5px;
clear: both;
}
.panel {
margin-bottom: 4px;
padding: 0 10px;
background-color: #931C06;
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: #d1d1d1;}
.bg2 { background-color: #d1d1d1; }
.bg3 { background-color: #FAB66B; }
.rowbg {
margin: 5px 5px 2px 5px;
}
.ucprowbg {
background-color: #e2e2e2;
}
.fieldsbg {
/*border: 1px #DBDEE2 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.2em;
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 #000000;
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: #000000;
line-height: 1.3em;
font-size: 1.2em;
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.2em;
}
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: #C46106;
background-color: #000000;
}
/* 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.2em;
}
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: #6e6455;
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: #000000;
background-color: #bfbfbf;
border: 1px solid #bfbfbf;
font-size: 1.1em;
}
.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: 1.1em;
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: 1.1em;
background: none 0 50% no-repeat;
}
.row .pagination span a, li.pagination span a {
background-color: #000000;
}
.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: 1.2em;
}
.reported {
background-color: #d1d1d1 ;
}
li.reported:hover {
background-color: #ececec;
}
div.rules {
background-color: #ececec;
color: #bcbcbc;
padding: 0 10px;
margin: 10px 0;
font-size: 1.2em;
}
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;
}
/* proSilver 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: #000000;
text-decoration: none;
}
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
color: #000000;
text-decoration: none;
}
#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
color: #000000;
text-decoration: underline;
}
#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
color: #000000;
text-decoration: none;
}
/* Links for forum/topic lists */
a.forumtitle {
font-family:"Trebuchet MS", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;;
font-size: 1.3em;
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","Lucida Grande", Verdana, Helvetica, Arial, sans-serif;;
font-size: 1.3em;
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: 11px;
height: 11px;
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%;
}
/* proSilver 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%;
font-size: 1.2em;
padding-left: 5px;
padding-right: 5px;
}
ul.topiclist dd {
display: block;
float: left;
border-left: 1px solid #000000;
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 #931C06;
}
li.row strong {
font-weight: normal;
color: #000000;
}
li.row:hover {
background-color: #f6f6f6;
}
li.row:hover dd {
border-left-color: #931C06;
}
li.header dt, li.header dd {
line-height: 1em;
border-left-width: 0;
margin: 2px 0 4px 0;
color: #000000;
padding-top: 2px;
padding-bottom: 2px;
font-size: 1.2em;
font-family: Verdana, Helvetica, Arial, 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;
}
/* Forum list column styles */
dl.icon {
min-height: 35px;
background-position: 10px 50%; /* Position of folder icon */
background-repeat: no-repeat;
}
dl.icon dt {
padding-left: 45px; /* Space for folder icon */
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.3em;
}
dd.lastpost {
width: 25%;
text-align: center;
line-height: 2.2em;
font-size: 1.3em;
}
dd.redirect {
font-size: 1.2em;
line-height: 2.5em;
}
dd.moderation {
font-size: 1.2em;
}
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.2em;
}
dd.extra {
width: 12%;
line-height: 200%;
text-align: center;
font-size: 1.2em;
}
dd.mark {
float: right !important;
width: 9%;
text-align: center;
line-height: 200%;
font-size: 1.3em;
}
dd.info {
width: 30%;
}
dd.option {
width: 15%;
line-height: 200%;
text-align: center;
font-size: 1.2em;
}
dd.searchby {
width: 47%;
font-size: 1.2em;
line-height: 1em;
}
ul.topiclist dd.searchextra {
margin-left: 5px;
padding: 0.2em 0;
font-size: 1.2em;
color: #C46106;
border-left: none;
clear: both;
width: 98%;
overflow: hidden;
}
/* Container for post/reply buttons and pagination */
.topic-actions {
margin-bottom: 3px;
font-size: 1.2em;
height: 28px;
min-height: 28px;
}
div[class].topic-actions {
height: auto;
}
/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #C46106;
width: 76%;
float: left;
clear: both;
}
.postbody .ignore {
font-size: 1.2em;
}
.postbody .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", "Lucida Grande", 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;
}
#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", Verdana, Helvetica, Arial, sans-serif;;
font-size: 1.2em;
color: #C46106;
}
.content h2, .panel h2 {
font-weight: normal;
color: #989898;
border-bottom: 1px solid #931C06;
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.3em;
margin-bottom: 1em;
line-height: 1.4em;
}
.content p {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;;
font-size: 1.3em;
margin-bottom: 1em;
line-height: 1.4em;
}
dl.faq {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;;
font-size: 1.3em;
margin-top: 1em;
margin-bottom: 2em;
line-height: 1.4em;
}
dl.faq dt {
font-weight: bold;
color: #C46106;
}
.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:#931C06 ;
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: 1.2em;
line-height: 1.2em;
}
/* Post signature */
.signature {
margin-top: 1.5em;
padding-top: 0.2em;
font-size: 1.2em;
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: 1.2em;
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: #FAB66B none 6px 8px no-repeat;
border: 1px solid #dbdbdb;
font-size: 0.95em;
margin: 0.5em 1px 0 25px;
overflow: hidden;
padding: 7px 7px 3px 30px;
}
blockquote blockquote {
/* Nested quotes */
background-color: #bababa;
font-size: 1.2em;
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: 1.1em;
}
blockquote cite cite {
font-size: 1.2em;
}
blockquote.uncited {
padding-top: 25px;
}
/* Code block */
dl.codebox {
padding: 3px;
background-color: #000000;
border: 1px solid #d8d8d8;
font-size: 1.2em;
}
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: #000000; }
.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: #000000;
border: 1px dashed #d8d8d8;
clear: left;
}
.pm-message .attachbox {
background-color: #931C06;
}
.attachbox dt {
font-family: Verdana, Helvetica, Arial, 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, Helvetica, Arial, sans-serif;
display: block;
}
dl.file dt {
text-transform: none;
margin: 0;
padding: 0;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, 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, Helvetica, Arial, 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","Lucida Grande", 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.2em;
}
fieldset.polls dd {
float: left;
width: 10%;
border-left: none;
padding: 0 5px;
margin-left: 0;
font-size: 1.2em;
}
fieldset.polls dd.resultbar {
width: 50%;
}
fieldset.polls dd input {
margin: 2px 0;
}
fieldset.polls dd div {
text-align: right;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
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 #000000;
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;
}
/* proSilver 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: 120px; height: 25px; }
.buttons div.post-icon { width: 120px; height: 25px; }
.buttons div.locked-icon { width: 110px; height: 25px; }
.buttons div.pmreply-icon { width: 120px; height: 25px; }
.buttons div.newpm-icon { width: 84px; height: 25px; }
.buttons div.forwardpm-icon { width: 120px; height: 25px; }
/* 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 ,
.icon-admin,.icon-mail, .icon-members-online, .icon-map, .icon-calendar, .icon-gallery, .icon-chat{
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; }
.flat-icon, .flat-icon a { background: none top left no-repeat; }
.threaded-icon, .threaded-icon a { background: none top left no-repeat; }
/* Set profile icon dimensions */
ul.profile-icons li.email-icon { width: 20px; height: 20px; }
ul.profile-icons li.aim-icon { width: 20px; height: 20px; }
ul.profile-icons li.yahoo-icon { width: 20px; height: 20px; }
ul.profile-icons li.web-icon { width: 20px; height: 20px; }
ul.profile-icons li.msnm-icon { width: 20px; height: 20px; }
ul.profile-icons li.icq-icon { width: 20px; height: 20px; }
ul.profile-icons li.jabber-icon { width: 20px; height: 20px; }
ul.profile-icons li.pm-icon { width: 28px; height: 20px; }
ul.profile-icons li.quote-icon { width: 54px; height: 20px; }
ul.profile-icons li.report-icon { width: 20px; height: 20px; }
ul.profile-icons li.edit-icon { width: 70px; height: 20px; }
ul.profile-icons li.flat-icon { width: 51px; height: 19px; }
ul.profile-icons li.threaded-icon { width: 84px; height: 19px; }
ul.profile-icons li.delete-icon { width: 20px; height: 20px; }
ul.profile-icons li.info-icon { width: 20px; height: 20px; }
ul.profile-icons li.warn-icon { width: 20px; height: 20px; }
/* 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; }
/* proSilver 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.2em;
}
#cp-main .panel ol {
margin-left: 2em;
font-size: 1.2em;
}
#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: #C46106;
font-weight: bold;
border-bottom: 1px solid #C46106;
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.2em;
}
#cp-main .pm-message {
border: 1px solid #e2e2e2;
margin: 10px 0;
background-color: #000000;
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: 1.2em;
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: #6e6455;
white-space: nowrap;
}
#tabs a:hover span {
color: #bcbcbc;
}
#tabs .activetab a {
background-position: 0 0;
border-bottom: 1px solid #FAB66B;
}
#tabs .activetab a span {
background-position: 100% 0;
padding-bottom: 7px;
color: #C46106;
}
#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: 1.2em;
font-weight: bold;
background-color: #d1d1d1;
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: #C46106;
}
/* 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: #C46106;
}
#cp-main .panel {
background-color: #F9F9F9;
}
#cp-main .pm {
background-color: #000000;
}
#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 #000000;
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: #000000;
border: 1px solid #CCC;
text-align: center;
}
#gallery label:hover {
background-color: #EEE;
}
/* proSilver Form Styles
---------------------------------------- */
/* General form styles
----------------------------------------*/
fieldset {
border-width: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
}
input {
font-weight: normal;
cursor: pointer;
vertical-align: middle;
padding: 0 3px;
font-size: 1.2em;
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: 1.2em;
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: #931C06;
}
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","Lucida Grande", Verdana, Helvetica, Arial, sans-serif;;
width: 100%;
font-size: 1.3em;
color: #C46106;
}
/* Emoticons panel */
#smiley-box {
width: 18%;
float: right;
}
#smiley-box img {
margin: 3px;
}
/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #000000;
border: 1px solid #cccccc;
color: #C46106;
padding: 2px;
cursor: text;
}
.inputbox:hover {
border: 1px solid #D58605;
}
.inputbox:focus {
border: 1px solid #D58605;
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: 1.2em;
}
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%;}
/* proSilver 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("http://img.homepagemodules.de/s2/images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("http://img.homepagemodules.de/s2/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 */
dl.icon {
min-height: 35px;
height: auto !important;
height: 35px;
}
* 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: #6e6455;
background-color: #000000;
}
h1 {
color: #000000;
}
h2 {
color: #666666;
}
h3 {
border-bottom-color: #931C06;
color: #FFFFFF;
}
hr {
border-color: #000000;
border-top-color: #931C06;
}
hr.dashed {
border-top-color: #931C06;
}
/* Search box
--------------------------------------------- */
#search-box {
color: #000000;
}
#search-box #keywords {
background-color: #FFF;
}
#search-box input {
border-color: #cccccc;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background-color: #931C06;
background-image: url("http://img.homepagemodules.de/s2/dynimg/...btop_F38701.png");
color: #000000;
}
.navbar {
background-color: #d1d1d1;
}
.forabg {
background-color: #C77303;
background-image: url("http://img.homepagemodules.de/s2/dynimg/...btop_F38701.png");
}
.forumbg {
background-color: #C77303;
background-image: url("http://img.homepagemodules.de/s2/dynimg/...btop_F38701.png");
}
.panel {
background-color: #931C06;
color: #666666;
}
.post:target .content {
color: #000000;
}
.post:target h3 a {
color: #000000;
}
.bg1 { background-color: #d1d1d1; }
.bg2 { background-color: #d1d1d1; }
.bg3 { background-color: #F9F9F9; }
.ucprowbg {
background-color: #DCDEE2;
}
.fieldsbg {
background-color: #E7E8EA;
}
span.corners-top {
background-image: url("http://img.homepagemodules.de/s2/images/corners_left.png");
}
span.corners-top span {
background-image: url("http://img.homepagemodules.de/s2/images/corners_right.png");
}
span.corners-bottom {
background-image: url("http://img.homepagemodules.de/s2/images/corners_left.png");
}
span.corners-bottom span {
background-image: url("http://img.homepagemodules.de/s2/images/corners_right.png");
}
/* Horizontal lists
----------------------------------------*/
ul.navlinks {
border-bottom-color: #000000;
}
/* Table styles
----------------------------------------*/
table.table1 thead th {
color: #000000;
}
table.table1 tbody tr {
border-color: #BFC1CF;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #d1d1d1;
color: #000;
}
table.table1 td {
color: #6e6455;
}
table.table1 tbody td {
border-top-color: #FAFAFA;
}
table.table1 tbody th {
border-bottom-color: #000000;
color: #C46106;
background-color: #000000;
}
table.info tbody th {
color: #000000;
}
/* Misc layout styles
---------------------------------------- */
dl.details dt {
color: #000000;
}
dl.details dd {
color: #6e6455;
}
.sep {
color: #1198D9;
}
/* Pagination
---------------------------------------- */
.pagination span strong {
color: #000000;
background-color: #931C06;
border-color: #931C06;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
color: #931C06;
background-color: #000000;
border-color: #931C06;
}
.pagination span a:hover {
border-color: #931C06;
background-color: #931C06;
color: #FFF;
}
/* Pagination in viewforum for multipage topics */
.row .pagination {
background-image: url("http://img.homepagemodules.de/s2/images/icon_pages.gif");
}
.row .pagination span a, li.pagination span a {
background-color: #000000;
}
.row .pagination span a:hover, li.pagination span a:hover {
background-color: #931C06;
}
/* Miscellaneous styles
---------------------------------------- */
.copyright {
color: #555555;
}
.error {
color: #D78601;
}
.reported {
background-color: #F7ECEF;
}
li.reported:hover {
background-color: #ECD5D8 !important;
}
.sticky, .announce {
/* you can add a background for stickies and announcements*/
}
div.rules {
background-color: #ECD5D8;
color: #D78601;
}
p.rules {
background-color: #ECD5D8;
background-image: none;
}
/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */
a:link { color: #931C06; }
a:visited { color: #931C06; }
a:hover { color: #D78601; }
a:active { color: #931C06; }
/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
color: #000000;
}
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visit

Dann mach die obere BG1 auch mal in deiner gewünschten Farbe, ich vermute mal da gibts Überschneidungen durch das doppelt gemoppelte.

Die Grafiklinks mit den Corner_left + Corner_right...blabla.png hast jedenfalls im unteren Bereich drin....

Danke Boooom Du bist Toll.

Die Ecken sind jetzt schwarz siehe hier:

http://www.hondayoungtimer.de

aber der schwarze Hintergrund beim schreiben ist immer noch da.
Hab beide BG1 in weiss gemacht hab aber nirgens was weisses gesehen und da wo es hinsoll auch net :-)

Ich befürchte das da wirklich nur ein loch ist was auf den Hintegrrund durchlässt oder???

Die untere "Inbox" war der Übeltäter hab es jetzt grau :-)))))

Ich "optimiere" gerade die CSS per Hand, durch die oftmals doppelte Verwendung der Klassen werden weiter oben angegebene Werte weiter unten dann wieder aufgehoben - das ist sehr, sehr verwirrend für CSS-Hacker. Auch die Kommentare schreibe ich ein wenig um wo es passt. Ist zwar 'ne frimmelige Arbeit und man muss höllisch aufpassen keine Fehler einzubauen aber "ein Mann muss tun was ein Mann tun muss...." um es mal mit den Worten von John Wayne zu sagen.... ^^
Zudem dürfte die CSS um einiges kürzer werden.....


Die "inbox" also.......werde ich mir merken!

So die Nacht war lang....ab in die Heia.....

Oh da haste aber lange gefrickelt was .-)

Wäre toll wenn Du mir die CSS mal schickst ;-)
wenn sie fertig ist.

Sollte soweit fertig sein, jedenfalls wenn man von Funktionstüchtigkeit ausgeht und den Entwicklungsstand von jetzt als fertig bezeichnet.

Die CSS dazu findest du hier: http://www.foreninformation.de/f33-big-P...mplate-big.html ebenso wie den Code zur korrigierten Smiliebar - solltest du "meine" alten Smilies benutzt haben.

Die verwendeten Grafiken der CSS bitte aber dann neu verlinken - durch down und Upload an andere Stelle - die klauen mir sonst meinen Traffic bei Web.de.
Meine neue Domain dort hat, anders als bei meinem alten Provider, einen monatlich begrenzten Traffic zur Verfügung.

Hi sag mal...

Weisst Du zufällig ob sich in der CSS aus die datei befindet wenn man auf Beiträge der letzten Tage klickt die roten und blauen Kreise an denen man sieht ob man das schon gelesen hat?
Würde das gern ändern....