Jump to content

CSS code

Miek

Door Miek
in Computer Talk

 Share

Recommended Posts

Miek Kingpin

Miek

Geplaatst:
Geplaatst:

Hallo, zo zagen vroeger de knoppen van mijn website eruit:

Een maand later zo:

Nu moet iedereen met zijn cursor over 'more' gaan om al de pagina's te zien. Ik ben er vrijwel zeker van dat dit zou kunnen veranderd worden door middel van CSS. Heb er even aan geprutst en plotseling verscheen alles, maar alles was uitgelijnd en 'niet in de juiste volgorde en moest ik resetten'. Nu vraag ik me af of er iemand me kan helpen :).

Vraag 2:

Ik zou graag het font van de knoppen veranderd, heb al overal gespeurd in de CSS code maar ik vind niets. Zou u even kunnen kijken ^^.

Vraag 3:

Ik zou graag dat de knop die in grijs veranderd als je er met je cursor over gaat, niet verkleint maar even groot blijft. Kan iemand helpen? Hier is de CSS code:

/* CSS Document For Stylized Beauty
  Design by super j man
  (http://www.jdavidmacor.com) */

/******** Basic Body ********/
 body {
   background: #000 url(bg.png) top repeat-x;
   padding: 20px 0 0 0;
   }

 h1 {
   margin: 0;
   color: #FFFFFF;
   font-family: "Trebuchet MS" "Times New Roman";
   font-size: 40px;
   padding-left: 50px;
   padding-top: 50px;
   line-height:1;
   }

 h2 {
   margin-bottom: 10px;
   color: #000000;
   font-family: "Trebuchet MS" "Times New Roman";
   font-size: 22px;
   font-variant: small-caps;
   border-bottom: 1px solid #000000;
   line-height:1.5;
   }

 img {
   border: 0;
   }

 .icon {
   border: 0;
   vertical-align: text-bottom;
   }

 #container {
   width: 760px;
   margin: 0 auto;
   padding: 0px;
   }

/******** Header ********/    
 #header {
   width: 760px;
   height: 155px;
   background: url(header.gif) top no-repeat;
   }

 form {
   font-size: 9px;
   margin-right: 25px;
   }

 form img {
   vertical-align: bottom;
   }

 input {
   background: #FFFFFF url(input.png) top left no-repeat;
   color: #999999;
   border: 0;
   font-size: 11px;
   padding: 3px;
   }

 .button {
   padding: 2px;
   background: #88ac0b url('menu-background.png') top left repeat-x;
   color: #FFFFFF;
   border: 0;
   font-size: 11px;
   }

/******** Menu ********/  
 #menu_container {
   width: 748px;
   _width: 750;
   background: #FFFFFF;
   height: 30px;
   padding-left: 5px;
   padding-right: 7px;
   _padding-right: 5px;
   }

 #menu {
   width: 100%;
   background: #88ac0b url(http://www.granietboer.nl/images/Holland%20black.jpg) top left repeat-x;
   float: left;
   font-size: 95%;
   white-space: nowrap;
   padding-right: 2px;
   margin-top: 0;
   margin-bottom: 0;
   }

 * html #menu {
   padding-right: 0;
   }

 #menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
   float: left;
   border-right: 1px solid #95bf0f;
   width: 100%;
   }

 #menu li {
   display: inline;
   }

 #menu a:link, #menu a:visited {
   padding: 0.25em 1em;
   background: transparent;
   color: #FFFFFF;
   text-decoration: none;
   float: left;
   border-right: 1px solid #FFF;
   }

 #menu a:hover {
   background: #b6e41c url(http://www.groupelacasse.eu/gl_admin/images/1_Anthracite%20grey.jpg) repeat-x;
   color: #FFFFFF;
   }
 #active a:link {
   background: #b6e41c url(http://www.groupelacasse.eu/gl_admin/images/1_Anthracite%20grey.jpg) repeat-x;
   color: #FFFFFF;
 }
 #active a:hover {
   background: #b6e41c url(http://www.groupelacasse.eu/gl_admin/images/1_Anthracite%20grey.jpg) repeat-x;
   color: #ff7200;
 }
 #active a:visited {
   background: #b6e41c url(http://www.groupelacasse.eu/gl_admin/images/1_Anthracite%20grey.jpg) repeat-x;
   color: #ff7200;
 }

/******** Main Content ********/    
 #content {
   width: 750px;
   min-height:400px;
   height:auto !important;
   height:400px;
   background: #FFFFFF;
   padding: 5px;
   }

 #posts {
   background: #FFFFFF;
   margin-right: 15px;
   margin-left: 15px;
   }

 #posts p {
   text-align: justify;
   font: .8em "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
   line-height:1.5;
   color: #666666;
   }

 #posts a {
   color: #C44000;
   text-decoration: none;
   }

 #posts a:visited {
   color: #C44000;
   text-decoration: none;
   }

 #posts a:hover {
   color: #C44000;
   text-decoration: underline;
   }

 .dropcap {
   float: left;
   width: .67em;
   font-size: 3.1em;
   line-height: 95%;
   }

 .blockquote {
   border: 2px dotted #88ac0b;
   background-color: #EFEFEF;
   margin: 30px;
   padding: 5px;
   overflow: hidden;
   text-align: justify;
   color: #CCCCCC;
   font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
   }

 .comments {
   color: #999999;
   font-size: 75%;
   text-align: right;
   }

/******** Sidebar ********/    
 #sidebar {
   width: 195px;
   float: right;
   padding-top: 5px;
   }

 .sidebar_content{
   display: block
   }

 .sidebar_content *{
   display: block;
   height: 1px;
   overflow: hidden;
   background: #999999
   }

 .sidebar_content1{
   border-right: 1px solid #d3d3d3;
   padding-right: 1px;
   margin-right: 3px;
   border-left: 1px solid #d3d3d3;
   padding-left: 1px;
   margin-left: 3px;
   background: #b2b2b2;
   }

 .sidebar_content2{
   border-right: 1px solid #f4f4f4;
   border-left: 1px solid #f4f4f4;
   padding: 0px 1px;
   background: #acacac;
   margin: 0px 1px;
   }

 .sidebar_content3{
   border-right: 1px solid #acacac;
   border-left: 1px solid #acacac;
   margin: 0px 1px;
   }

 .sidebar_content4{
   border-right: 1px solid #d3d3d3;
   border-left: 1px solid #d3d3d3;
   }

 .sidebar_content5{
   border-right: 1px solid #b2b2b2;
   border-left: 1px solid #b2b2b2;
   }

 .sidebar_content_content{
   padding: 0px 5px;
   background: #999999;
   color: #EFEFEF;
   text-align: justify;
   font: .8em "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
   line-height: 130%;
   }

 .sidebar_content_content a {
   color: #FFFFFF;
   text-decoration: none;
   letter-spacing: 5px;
   }

 .sidebar_content_content a:visited {
   color: #FFFFFF;
   text-decoration: none;
   letter-spacing: 5px;
   }

 .sidebar_content_content a:hover {
   color: #FFFFFF;
   text-decoration: underline;
   letter-spacing: 5px;
   }

 .side_content_header {
   margin: 0;
   color: #FFFFFF;
   font-family: "Trebuchet MS" "Times New Roman";
   font-size: 20px;
   font-variant: small-caps;
   }

/******** Footer ********/  
 #footer {
   width: 750px;
   height: 73px;
   background: url(footer.gif) top no-repeat;
   margin-top: 0px;
   padding: 5px;
   }

 #footer p {
   padding: 25px;
   text-align: center;
   font-size: 12px;
   color: #999999;
   }

 #footer p a {
   color: #000000;
   font-weight: 100;
   text-decoration: none;
   border-bottom: 1px dotted #000000;
   }

 #footer p a:visited {
   color: #000000;
   font-weight: 100;
   text-decoration: none;
   border-bottom: 1px dotted #000000;
   }

 #footer p a:hover {
   color: #000000;
   text-decoration: none;
   border-top: 1px dotted #000000;
   }
   /****************************** flyout menus ******************************/

   #weebly-menus .weebly-menu-wrap {
     z-index: 5000;
   }

   #weebly-menus .weebly-menu {
     padding: 0;
     margin: 0;
     list-style: none;
   }

   #weebly-menus .weebly-menu li {
     float: left;
     clear: left;
     width: 170px;
     text-align: left;
   }

   #weebly-menus .weebly-menu li a {
     position: relative;
     display: block;
     width: 100%;
     background: #afda18;
     border-right: 1px solid #afda18;
     border-left: 1px solid #afda18;
     border-bottom: 1px solid #fff;
     text-decoration: none;
     font-size: 11px;
     font-weight: normal;
     line-height:1;
     padding:3px;
     color: #fff;
   }

   #weebly-menus .weebly-menu li a:hover {
     border-right: 1px solid #8fb60c;
     border-left: 1px solid #8fb60c;
     background: #8fb60c;
   }

   #weebly-menus span.weebly-menu-title {
     display: block;
     padding: 5px 10px;
   }

   #weebly-menus span.weebly-menu-more {
     background: transparent url(http://images.weebly.com/weebly/images/submenu_arrow.gif) no-repeat center top;
     display: block;
     position: absolute;
     right: 5px;
     top: 0;
     font-family: Courier;
     height: 28px;
     line-height: 28px;
     padding:1px 0 3px 0;
   }

Heel erg bedankt alvast.

Beagle The Godfather

Beagle

Geplaatst:
Geplaatst:

Zou je misschien de HTML code kunnen plaatsen en de plaatjes invoegen bij het begin van je bericht :puh:? Ik kan er niet uit komen zónder de HTML.

marcootje FBI infiltrant

marcootje

Geplaatst:
Geplaatst: (bewerkt)

misschien is de betreffende online pagina, als die bestaat, handig ;) .

edit @hieronder:(offtopic dus ik wil er geen nieuw bericht voor maken)

Ik vroeg zoals thundercover al benadrukte gewoon naar de pagina om te helpen. De meeste mensen die een beetje verstand hebben van websites, hebben al snel tools op hun computer waarmee ze pagina's online kunnen 'bewerken', zoals firebug. Als je een online pagina geeft, is met firebug (eventueel in combinatie met andere tooltjes) al heel snel te achterhalen wat er 'fout' is.

Dan denk je dat dat ook kan als je de html en css geeft, maar dan heb je (meestal) niet de complete site gegeven, en bovendien moeten de helpers veel meer moeite doen omdat ze eerste de pagina op moeten zetten. Sommigen hebben daar geen zin in, waardoor je minder snel hulp krijgt.

Bewerkt: door marcootje
Miek Kingpin

Miek

Geplaatst:
  • Auteur
Geplaatst: (bewerkt)

Hulp of geen hulp marcootje ;). Maar niet offtopic gaan. Ging ik zo doen. Je mag ook geen links zetten naar je site, valt onder reclame zeggen ze.

>>> Door Thundercover: marcootje ging niet offtopic en als het voor hulp is, mag je meestal wel de link naar je site plaatsen. ;)<<<

Afbeeldingen:

saveee.png

En soms verschijnt het helemaal, voor een seconde en dan weer weg.

knoppen.png

En de HTML voor de hond:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--[if lt IE 7.]><script defer type="text/javascript" src="/files/theme/pngfix.js"></script><![endif]-->
<title>%%TITLE%%</title>
</head>

<body>

<div id="container">

<div id="header">  
 <h1>%%TITLE%%</h1>
</div>

<div id="menu_container">
 <div id="menu">
   %%MENU%%
 </div>
</div>

<div id="content">
<div style="clear:left;"></div>
<div id="posts">
 %%CONTENT%%
</div>
</div>

<div id="footer">
 <p><span id='weeblyFooter'>%%WEEBLYFOOTER%%</span></p>
</div>

</div>

</body>
</html>

Bewerkt: door Thundercover
marcootje FBI infiltrant

marcootje

Geplaatst:
Geplaatst:

Je 2e en 3e probleem kan jij waarschijnlijk makkelijker dan iemand anders.

Over de 1e:

Omdat je eerst alle links ziet, waarna ze verdwijnen, denk ik dat het probleem zit in javascript (je wilt toch alle links weergeven?). Er zit dus iets in de javascript wat de links doet verdwijnen.

Ik heb nu niet de tijd om het uit te vogelen, als het je niet lukt misschien komende week wel.

Miek Kingpin

Miek

Geplaatst:
  • Auteur
Geplaatst:

Vergeet dat maar van die knoppen, nu iets anders: mijn forum is veel te breed. Hoe kan ik het minder breed maken ?

>>> Door Thundercover: Code weggehaald. Twee keer bijna hetzelfde plaatsen is onnodig.<<<

Miek Kingpin

Miek

Geplaatst:
  • Auteur
Geplaatst:

Nu heb ik de breedte goed kunnen instellen, maar nu wil hij xxx niet centreren!!! AAAARGH!!! WIE KAN ME HELPEN!!!

/*
phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name:				Milky Way Red
Based on style:		subSilver (the default phpBB 2 style)
Original author:	subBlue ( http://www.subBlue.com/ )
Modified by:			Mighty Gorgon ( http://www.icyphoenix.com )
									ChriZ ( techmaster@seatnet.gr )

Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
--------------------------------------------------------------
*/

/* Full Album Pack - BEGIN*/

/* Thumbs Frame & Shadow - BEGIN */
.picframe{
display: block;
background-color: #FFFFFF;
border: 1px solid #555555;
padding: 2px 6px 2px 6px;
position: relative;
bottom: 2px;
right: 2px;
}

.picshadow{
background-color: #888888;
color: inherit;
margin-left: 4px;
margin-top: 4px;
}
/* Thumbs Frame & Shadow - END */

/* Pic LightBox Preview - BEGIN */
#loader_container {
text-align: center; position: absolute; top: 40%; width: 100%;
}

#loader {
font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, sans;
font-size: 10px;
color: #000000;
background-color: #FFFFFF;
padding: 10px 0 16px 0;
margin: 0 auto;
display: block;
width: 135px;
border: 1px solid #777777;
text-align: left;
z-index: 255;
}

#progress {
height: 5px;
font-size: 1px;
width: 10px;
position: relative;
top: 1px;
left: 10px;
background-color: #999999;
}

#loader_bg {
background-color: #EEEEEE;
position: relative;
top: 8px;
left: 8px;
height: 7px;
width: 113px;
font-size: 1px
}

.border_preview{
font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, sans;
font-size: 16px;
color: #444444;
padding: 10px 10px 10px 10px;
z-index: 100;
position: absolute;
background: #FFFFFF;
border: 2px dotted #336699;
}

.preview_temp_load {
vertical-align: middle;
text-align: center;
padding: 10px;
}

.preview_temp_load img{
vertical-align: middle;
text-align: center;
}
/* Pic LightBox Preview - END */


/* ACP - BEGIN */
.forumline_left {
background-color: #F8F8F8;
border-bottom: 2px #224488 solid;
border-left: 2px #224488 solid;
}

.tab_links, a.tab_links:hover, a.tab_links:link, a.tab_links:active, a.tab_links:visited {
font-size: 11px;
color: #FF7722;
text-decoration: none;
}

.tab_links_unsel, a.tab_links_unsel:hover, a.tab_links_unsel:link, a.tab_links_unsel:active, a.tab_links_unsel:visited {
font-size: 11px;
color: #333333;
text-decoration: none;
}

a.tab_links:hover, a.tab_links_unsel:hover {
color: #FFFFAA;
text-decoration: underline;
}

.tab_headers, th.tab_headers {
color: #FF7722;
font-size: 11px;
font-weight : bold;
padding-left: 4px;
padding-right: 8px;
border: #003366;
border-style: solid;
border-width: 1px 1px 0px 1px;
background-color: #006699;
}

.tab_headers_unsel, th.tab_headers_unsel {
color: #333333;
font-size: 11px;
font-weight : bold;
padding-left: 4px;
padding-right: 8px;
border: #336699;
border-style: solid;
border-width: 1px 1px 0px 1px;
background-color: #6699AA;
}

.tab_border {
background-color: #888888;
border: 1px;
}

.filler, th.filler {
background-color: #6699AA;
background-image: none;
}
/* ACP - END */

/* MooShow - BEGIN */
/* mooShow 0.01 beta CSS Document */

.mooshow a img {
border: none;
outline: none;
-moz-outline: none;
}

.mooshow_outerContainer{
position: relative;
background-color: #FFFFFF;
color: inherit;
width: 20px;
height: 1px;
margin: 0 auto;
display: table;
}

.dropShadowBorder {
border-top: 1px solid #FFFFFF;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #CCCCCC;
}

.mooshow {
position: inherit;
display: none;
}

.mooshow_loading{
position: absolute;
top: 0;
left: 0;
display: none;
/*
text-align: center;
vertical-align: middle;
*/
}

.mooshow_copyright{
position: absolute;
top: 15px;
right: 10px;
color: #CCCCCC;
font-size: 9px;
}

.mooshow_extras{
margin: 0 auto;
text-align: left;
color: #666666;
background-color: inherit;
}

.mooshow_topNav{
padding-top: 5px;
padding-bottom: 15px;
text-align: left;
font-size: 8px;
background-color: inherit;
color: #CCCCCC;
line-height: 170%;
width: 100%;
}

.mooshow_captions{
background-color: #FFFFFF;
color: #999999;
margin: 0 auto;
text-align: left;
line-height: 140%;
height: 35px;
width: 100%;
}

.mooshow_contentContainer{
background-color: #666666;
color: inherit;
position: relative;
text-align: center;
line-height: 0.0;
}

.mooshow_overlayNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
margin: 0 auto;
}

.mooshow_prevLink, .mooshow_nextLink{
width: 30%;
height: 100%;
background: transparent url(.styles/milky_way_red/theme/.styles/milky_way_red/theme/images/fap/fap_blank.gif) no-repeat; /* Trick IE into showing hover */
outline: none;
}

.mooshow_prevLink { left: 0; float: left; outline: none; -moz-outline: none;}
.mooshow_nextLink { right: 0; float: right; outline: none; -moz-outline: none;}
.mooshow_prevLink:hover, .mooshow_prevLink:visited:hover { background: url(.styles/milky_way_red/theme/.styles/milky_way_red/theme/images/fap/fap_prev.gif) left 100% no-repeat; }
.mooshow_nextLink:hover, .mooshow_nextLink:visited:hover { background: url(.styles/milky_way_red/theme/.styles/milky_way_red/theme/images/fap/fap_next.gif) right 100% no-repeat; }

.mooshow_IPTC{
position: absolute;
top: 0px;
left: 0px;
height: auto;
background-color: #000;
color: #CCCCCC;
font-size: 9px;
line-height: 140%;
text-align: left;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
display: none;
}

.mooshow_IPTCbutton{
position: absolute;
top: 0;
left: 0;
}

.mooshow_IPTC_left{
float: left;
text-align: right;
width: 18%;
}

.mooshow_IPTC_right{
float: right;
text-align: left;
width: 80%;
}
/* MooShow - END */

/* Full Album Pack - END*/
/* 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: {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; }

/* 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 */
.vprofile-icon, .vprofile-icon a { background: none top left no-repeat; }
.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.vprofile-icon { width: {IMG_ICON_USER_PROFILE_WIDTH}px; height: {IMG_ICON_USER_PROFILE_HEIGHT}px; }
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; }

/* Images */
/* Big button images */
.reply-icon span { background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
.post-icon span { background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}"); }
.locked-icon span { background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); }
.pmreply-icon span { background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;}
.newpm-icon span  { background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;}
.forwardpm-icon span { background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}

.vprofile-icon, .vprofile-icon a { background-image: url("{IMG_ICON_USER_PROFILE_SRC}"); }
.email-icon, .email-icon a { background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); }
.aim-icon, .aim-icon a { background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); }
.yahoo-icon, .yahoo-icon a { background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); }
.web-icon, .web-icon a { background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); }
.msnm-icon, .msnm-icon a { background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); }
.icq-icon, .icq-icon a { background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); }
.jabber-icon, .jabber-icon a { background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); }
.pm-icon, .pm-icon a { background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); }
.quote-icon, .quote-icon a { background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }

.report-icon, .report-icon a { background-image: url("{IMG_ICON_POST_REPORT_SRC}"); }
.edit-icon, .edit-icon a { background-image: url("{IMG_ICON_POST_EDIT_SRC}"); }
.delete-icon, .delete-icon a { background-image: url("{IMG_ICON_POST_DELETE_SRC}"); }
.info-icon, .info-icon a { background-image: url("{IMG_ICON_POST_INFO_SRC}"); }
.warn-icon, .warn-icon a { background-image: url("{IMG_ICON_USER_WARN_SRC}"); } /* Need updated warn icon */

/* === Layout === */

body{width:55%;margin:auto;min-width:600px;max-width:2000px}

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

html {
font-size: 100%;
}
body {
text-align: center;
}

body{width:75%;margin:center;min-width:600px;max-width:2000px}

body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
color: #444444;
background-color: #990000;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0px 10px 0px 10px;
#main {
width: 720px;
margin: 0 auto;
text-align: left;
}}

#wrapcentre {
margin: 15px 15px 0 15px;
}

#wrapfooter {
text-align: center;
clear: both;
}

#top_logo{
border: 5px solid #FFFFFF;
/*border-width: 0px 0px 0px 0px;*/
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('styles/milky_way_red/theme/images/top_header.png') repeat;
height: 100px;
}

#bottom_logo_ext{
border-top: 1px solid #880000;
border-bottom: 1px solid #AAAAAA;
}

#bottom_logo{
border: 5px solid #FFFFFF;
background: url('styles/milky_way_red/theme/images/bg_footer.gif') repeat;
}

.leftshadow{
background: url('styles/milky_way_red/theme/images/shadow_left.gif') repeat-y;
padding: 0px;
/*margin-left: 10px;*/
width: 9px;
vertical-align: top;
}

.rightshadow{
background: url('styles/milky_way_red/theme/images/shadow_right.gif') repeat-y;
padding: 0px;
/*margin-right: 10px;*/
width: 9px;
vertical-align: top;
}

.forum-buttons {
color: #444444;
background: #FFFFFF url('styles/milky_way_red/theme/images/bg_buttons.gif') top left repeat-x;
border-top: solid 1px #880000;
border-bottom: solid 1px #880000;
height: 24px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
text-align: center;
vertical-align: middle;
white-space: nowrap;
padding: 0px;
padding-top: 6px;
}

#wrapnav {
width: 100%;
margin: 0;
background-color: #E8E8E8;
border-width: 1px;
border-style: solid;
border-color: #AAAAAA;
}

#datebar {
margin: 10px 25px 0 25px;
}

#findbar {
width: 100%;
margin: 0;
padding: 0;
border: 0;
}

.forumrules {
background-color: #CCCCBA;
border-width: 1px;
border-style: solid;
border-color: #880000;
padding: 4px;
font-weight: normal;
font-size: 1.1em;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
}

.forumrules h3 {
color: #880000;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/* === Text === */

h1 {
color: #444444;
font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
font-size: 1.8em;
font-weight: bold;
text-decoration: none;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
line-height: 120%;
text-decoration: none;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
line-height: 120%;
}

h4 {
color: #FFFFFF;
font-size: 0.9em;
font-weight: bold;
margin: 0;
padding-top: 3px;
}

h4 a:link, h4 a:visited {
color: #FFFFFF;
text-decoration: none;
}

h4 a:hover, h4 a:active {
color: #F87700;
text-decoration: underline;
}

h4.dark {
color: #444444;
font-size: 0.9em;
font-weight: bold;
margin: 0;
padding-top: 3px;
}

h4.dark a:link, h4.dark a:visited {
color: #880000;
text-decoration: none;
}

h4.dark a:hover, h4.dark a:active {
color: #F87700;
text-decoration: underline;
}

p {
font-size: 1.1em;
}

p.moderators {
margin: 0;
float: left;
color: #444444;
font-weight: bold;
}

.rtl p.moderators {
float: right;
}

p.linkmcp {
margin: 0;
float: right;
white-space: nowrap;
}

.rtl p.linkmcp {
float: left;
}

p.breadcrumbs {
margin: 0;
float: left;
color: #444444;
font-weight: bold;
white-space: normal;
font-size: 1em;
}

.rtl p.breadcrumbs {
float: right;
}

p.datetime {
margin: 0;
float: right;
white-space: nowrap;
font-size: 1em;
}

.rtl p.datetime {
float: left;
}

p.searchbar {
padding: 2px 0;
white-space: nowrap;
}

p.searchbarreg {
margin: 0;
float: right;
white-space: nowrap;
}

.rtl p.searchbarreg {
float: left;
}

p.forumdesc {
padding-bottom: 4px;
}

p.topicauthor {
margin: 1px 0;
}

p.topicdetails {
margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
margin: 1px 0;
color: #CC3333;
font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
color: #007700;
font-weight:bold;
}

.postapprove img, .postreported img {
vertical-align: bottom;
}

.postauthor {
color: #444444;
}

.postdetails {
color: #444444;
}

.postbody {
font-size: 1.3em;
line-height: 1.4em;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
margin: 0 1.5em 0 0;
}

.posthilit {
background-color: yellow;
}

.nav {
margin: 0;
color: #444444;
font-weight: bold;
}

.pagination {
padding: 4px;
color: #444444;
font-size: 1em;
font-weight: bold;
}

.cattitle {
}

.gen {
margin: 1px 1px;
font-size: 1.2em;
}

.genmed {
margin: 1px 1px;
font-size: 1.1em;
}

.gensmall {
margin: 1px 1px;
font-size: 1em;
}

.copyright {
padding-left: 2px;
padding-right: 2px;
font-size: 1.0em;
color: #FFFFFF;
vertical-align: middle;
}

.titles {
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
}

.error {
color: CC3333;
}


/* === Tables === */

.tbl-title {

color: #FFFFFF;

margin-top: 6px;
}

.tbl-h-c {
background: url('styles/milky_way_red/theme/images/tbl_h_c.gif') bottom left repeat-x;
height: 30px;
font-weight: bold;
font-size: 1.3em;
text-align: center;
vertical-align: middle;
margin: 0;
white-space: nowrap;
overflow: hidden;
}

.tbl-h-l {
background: url('styles/milky_way_red/theme/images/tbl_h_l.gif') bottom left no-repeat;
padding-left: 27px;
}

.tbl-h-r {
background: url('styles/milky_way_red/theme/images/tbl_h_r.gif') bottom right no-repeat;
padding-right: 27px;
}

.tbl-f-c {
background: url('styles/milky_way_red/theme/images/tbl_f_c.gif') bottom left repeat-x;
height: 12px;
font-size: 0.1em;
margin: 0;
white-space: nowrap;
overflow: hidden;
}

.tbl-f-l {
background: url('styles/milky_way_red/theme/images/tbl_f_l.gif') bottom left no-repeat;
padding-left: 10px;
}

.tbl-f-r {
background: url('styles/milky_way_red/theme/images/tbl_f_r.gif') bottom right no-repeat;
padding-right: 10px;
}

th {
color: #880000;
background-color: #DDDDDD;
background-image: url('styles/milky_way_red/theme/images/bg_th.gif');
font-size: 1.1em;
font-weight: bold;
white-space: nowrap;
padding: 7px 5px;
}

td {
padding: 2px;
}

td.profile {
padding: 4px;
}

td.np {
padding: 0px;
}

td.np-body {
background-color: #F8F4E9;
padding: 0px;
}

.tablebg {
background-color: #F1EDE4;
border: solid 1px #AAAAAA;
}

.tablebg th{
color: #880000;
background: #FFFFFF url('styles/milky_way_red/theme/images/bg_th.gif') top left repeat-x;
font-size: 1.1em;
font-weight: bold;
height: 26px;
padding: 0 5px;
border: solid 1px #FFFFFF;
border-right-color: #BBBBBB;
border-bottom-color: #BBBBBB;
white-space: nowrap;
}

.cat {
color: #880000;
background-color: #F8F8F8;
background-image: url('styles/milky_way_red/theme/images/bg_th.gif');
border: solid 1px #FFFFFF;
border-right-color: #DDDDDD;
border-bottom-color: #DDDDDD;
height: 26px;
margin: 0;
padding: 0;
text-indent: 4px;
}

.cat h4 a, .cat h4 a:visited {
color: #444444;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
}

.cat h4 a:hover, .cat h4 a:active {
color: #880000;
font-size: 1.2em;
font-weight: bold;
text-decoration: underline;
}

.cat-bottom {
background: #CCCCCC url('styles/milky_way_red/theme/images/bg_catbottom.gif') top left repeat-x;
border: solid 1px #F8F4E9;
border-right-color: #F8F4E9;
border-bottom-color: #F8F4E9;
height: 28px;
min-height: 28px;
text-align: center;
padding: 0px;
}

.catdiv {
background-color: #F8F8F8;
background-image: url('styles/milky_way_red/theme/images/bg_th.gif');
border: solid 1px #F8F4E9;
border-right-color: #F8F4E9;
border-bottom-color: #F8F4E9;
height: 26px;
margin: 0;
padding: 0;
}

.rtl .catdiv {
background-color: #F8F8F8;
background-image: url('styles/milky_way_red/theme/images/bg_th.gif');
}

.row1, .row2, .row3, .row4 {
border: solid 1px #F8F4E9;
border-right-color: #DDDDDD;
border-bottom-color: #DDDDDD;
padding: 4px;
}

.row1 {
background-color: #F8F4E9;
}

.row2 {
background-color: #F1EDE4;
}

.row3 {
background-color: #EEEEEE;
}

.row4 {
background-color: #F8F4E9;
}

.row-post-top {
background-color: #EEEEEE;
border: solid 1px #FFFFFF;
border-right-color: #DDDDDD;
border-bottom-color: #DDDDDD;
vertical-align: top;
}

.row-post-body {
background: #FFFFFF url('styles/milky_way_red/theme/images/bg_post.gif') top left repeat-x;
border: solid 1px #FFFFFF;
border-right-color: #DDDDDD;
border-bottom-color: #DDDDDD;
vertical-align: top;
}

.row-post-bottom {
color: #666666;
background: #FFFFFF url('styles/milky_way_red/theme/images/bg_postbottom.gif');
border: solid 1px #FFFFFF;
border-right-color: #DDDDDD;
border-bottom-color: #DDDDDD;
vertical-align: middle;
font-size: 1.0em;
line-height: 1.2em;
white-space: nowrap;
padding: 1px;
}

.spacer {
background-color: #880000;
background-image: url('styles/milky_way_red/theme/images/bg_spacerow.gif');
border: solid 1px #FFFFFF;
border-right-color: #DDDDDD;
border-bottom-color: #DDDDDD;
height: 4px;
padding: 0;
}

hr {
color: #DDDDDD;
background-color: #DDDDDD;
border-width: 0;
height: 1px;
}

.legend {
text-align: center;
margin: 0 auto;
border: solid 1px #AAAAAA;
background-color: #F1EDE4;
}


/* === Links === */

a:link {
color: #888888;
text-decoration: none;
}

a:active,
a:visited {
color: #888888;
text-decoration: none;
}

a:hover {
color: #F87700;
text-decoration: underline;
}

a.forumlink, a.forumlink:visited {
color: #444444;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
}

a.forumlink:hover, a.forumlink:active {
color: #880000;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-weight: bold;
text-decoration: underline;
}

a.topictitle {
margin: 1px 0;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.2em;
}

a.topictitle:visited {
color: #444444;
text-decoration: none;
}

th a,
th a:visited {
color: #880000 !important;
text-decoration: none;
}

th a:hover {
text-decoration: underline;
}

a.subforum.read {
background-image: url('styles/milky_way_red/theme/images/subforum_read.gif');
background-repeat: no-repeat;
background-position: 3px;
padding-left: 12px;
}

a.subforum.unread {
color: #FF0000;
background-image: url('styles/milky_way_red/theme/images/subforum_unread.gif');
background-repeat: no-repeat;
background-position: 3px;
padding-left: 12px;
}

.forum-buttons a, .forum-buttons a:visited {
color: #444444;
font-weight: bold;
text-decoration: none;
vertical-align: top;
}

.forum-buttons a:hover, .forum-buttons a:active {
color: #880000;
font-weight: bold;
text-decoration: none;
vertical-align: top;
}


/* === Form Elements === */

form {
margin: 0;
padding: 0;
border: 0;
}

input {
color: #444444;
background-color: #F8F8F8;
border: 1px solid #AAAAAA;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
}

textarea {
color: #444444;
background-color: #F8F8F8;
border: 1px solid #AAAAAA;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 1.3em;
line-height: 1.4em;
font-weight: normal;
padding: 2px;
}

select {
color: #444444;
background-color: #F8F8F8;
border: 1px solid #AAAAAA;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
}

input:hover, textarea:hover, select:hover {
color: #880000;
background-color: #EEEEEE;
border: solid 1px #FF5500;
}

input:focus, textarea:focus, select:focus {
color: #444444;
background-color: #F8F8F8;
border: solid 1px #880000;
}

option {
padding: 0 1em 0 0;
}

option.disabled-option {
color: #888888;
}

.rtl option {
padding: 0 0 0 1em;
}

input.radio {
background-color: transparent;
border: none;
}

.post {
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
}

.btnbbcode {
color: #444444;
background-color: #F8F8F8;
border: 1px solid #AAAAAA;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
}

.btnmain {
color: #444444;
background-color: #F8F8F8;
border: 1px solid #AAAAAA;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
padding: 1px;
cursor: pointer;
}

.btnlite {
color: #444444;
background-color: #F8F8F8;
border: 1px solid #AAAAAA;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
cursor: pointer;
}

.btnfile {
color: #444444;
background-color: #F8F8F8;
border: 1px solid #AAAAAA;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
}

btnmain:hover, btnlite:hover, btnfile:hover, btnbbcode:hover {
color: #880000;
background-color: #EEEEEE;
border: solid 1px #FF5500;
}

btnmain:focus, btnlite:focus, btnfile:focus, btnbbcode:hover {
color: #444444;
background-color: #F8F8F8;
border: solid 1px #880000;
}


.helpline {
color: #444444;
background-color: #F8F8F8;
border: 1px solid #AAAAAA;
}


/* === PM === */

.popuppm-new a {
color: #444444;
background: #FFFFFF url('styles/milky_way_red/theme/images/bg_post.gif') top left repeat-x;
border: solid 1px #444444;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
margin: 5px 0;
padding: 40px 60px;
}

.popuppm-new a:hover {
color: #880000;
border: solid 1px #880000;
text-decoration: underline;
}

a.pm-new-link, a.pm-new-link:visited {
color: #880000;
text-decoration: underline;
}

a.pm-new-link:hover, a.pm-new-link:active {
color: #880000;
text-decoration: underline;
}

.pm-bg-color {
background-color: #FFFFAA;
}


/* === BBCode === */

.quotetitle {
color: #EEEEEE;
background: #880000 url('styles/milky_way_red/theme/images/bbc_quote.gif') no-repeat right;
border: 1px solid #DDDDDD;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 0.9em;
font-weight: bold;
text-align: left;
padding: 5px;
width: 90%;
margin-top: 10px;
}

.attachtitle {
color: #FFDD99;
background: #FF9933 url('styles/milky_way_red/theme/images/bbc_zip.gif') no-repeat right;
border: 1px solid #DDDDDD;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 0.9em;
font-weight: bold;
text-align: left;
padding: 5px;
width: 90%;
margin-top: 10px;
}

.quotetitle .quotetitle {
font-size: 1.0em;
}

.quotecontent, .attachcontent {
background: #FAFAFA;
border: 1px solid #DDDDDD;
border-top: 0;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 1em;
text-align: left;
padding: 5px;
width: 90%;
overflow: auto;
direction: ltr;
}

.attachcontent {
font-size: 0.85em;
}

.codetitle {
color: #FF9933;
background: #006600 url('styles/milky_way_red/theme/images/bbc_code.gif') no-repeat right;
border: 1px solid #DDDDDD;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 0.9em;
font-weight: bold;
text-align: left;
margin-top: 10px;
padding: 5px;
width: 90%;
}

.codecontent {
color: #007700;
background: #FAFAFA;
border: 1px solid #DDDDDD;
border-top: 0;
font-family: 'Courier New', Monaco, monospace;
font-size: 0.85em;
font-weight: normal;
text-align: left;
padding: 5px;
width: 90%;
height: 100px;
overflow: auto;
direction: ltr;
}

.syntaxbg {
color: #FFFFFF;
}

.syntaxcomment {
color: #880000;
}

.syntaxdefault {
color: #2244BB;
}

.syntaxhtml {
color: #444444;
}

.syntaxkeyword {
color: #007700;
}

.syntaxstring {
color: #880000;
}


/* === Navigation === */

.bc-tbl {
border: solid 1px #AAAAAA;
background-color: #F8F8F8;
margin: 5px 0;
}

.bc-header {
color: #666666;
background: #E8EEF8 url('styles/milky_way_red/theme/images/bg_nav1.gif');
font-size: 1.3em;
font-weight: bold;
text-align: left;
padding: 4px 5px;
}

.bc-links {
color: #888888;
background: #FFFFFF url('styles/milky_way_red/theme/images/bg_nav2.gif') top left repeat-x;
font-size: 1.0em;
line-height: 1.4em;
text-align: right;
padding: 3px 5px;
}

.bc-links-left {
position: relative;
float: left;
text-align: left;
}

.bc-header, .bc-links {
border: solid 1px #FFFFFF;
border-right-color: #DDDDDD;
border-bottom-color: #DDDDDD;
}

.bc-div a, .bc-div a:visited {
color: #666666;
text-decoration: none;
}

.bc-div a:hover, .bc-div a:active {
color: #880000;
text-decoration: none;
}

.bc-links a, .bc-links a:visited, .bc-links a:hover{ text-decoration: underline; }

.bc-div a.nav-current, .bc-div a.nav-current:visited {
color: #AA2222;
}

.bc-div a.nav-current:hover, .bc-div a.nav-current:active {
color: #880000;
text-decoration: none;
}


/* === Private messages === */

.pm_marked_colour {
background-color: #444444;
}

.pm_replied_colour {
background-color: #BBBBBB;
}

.pm_friend_colour {
background-color: #007700;
}

.pm_foe_colour {
background-color: #880000;
}


/* === Misc === */

img {
border: none;
}

.sep {
color: #444444;
background-color: #880000;
}

table.colortable td {
padding: 0;
}

pre {
font-size: 1.1em;
font-family: 'Courier New', Monaco, monospace;
}

.nowrap {
white-space: nowrap;
}

.username-coloured {
font-weight: bold;
}

µ

>>> Door Thundercover: Niet vloeken a.u.b.!<<<

www.miek.e6.nl

marcootje FBI infiltrant

marcootje

Geplaatst:
Geplaatst: (bewerkt)

Ik zal je een tip geven, zulke lappen css-code helpen niet echt bij het hulp zoeken.. het schrikt mensen nogal af, en het maakt de pagina laden heeel erg langzaam, door alle highlighting die door javascript wordt gedaan. Post óf relevante code, óf de link. In dit geval heb je al een link gegeven, waardoor het een beetje overbodig is om de hele css nog te posten, zeker 3x.

Verder zie ik uberhaubt geen forum, kan dat kloppen? (FF 3.5.5)

Bewerkt: door marcootje
NickyHendriks Legendary Godfather

NickyHendriks

Geplaatst:
Geplaatst:

Als je met Weebly werkt zet je de site dynamisch in elkaar, dus eigenlijk weten we meteen dat je geen kennis van HTML hebt. Nouja ga ik van uit. Weet je überhaupt wel hoe je een site in elkaar zet?

Miek Kingpin

Miek

Geplaatst:
  • Auteur
Geplaatst:

Als je met Weebly werkt zet je de site dynamisch in elkaar, dus eigenlijk weten we meteen dat je geen kennis van HTML hebt. Nouja ga ik van uit. Weet je überhaupt wel hoe je een site in elkaar zet?

Ik kan het best wel aanpassen, maar zelf maken, nee? Daarmee hou ik me niet bezig :7 ...

Een reactie plaatsen

Je kan nu een reactie plaatsen en pas achteraf registreren. Als je al lid bent, log eerst in om met je eigen account een reactie te plaatsen.

Gast
Op dit onderwerp reageren...

×   Je hebt text geplaatst met opmaak.   Opmaak verwijderen

  Only 75 emoji are allowed.

×   Je link is automatisch ingevoegd.   In plaats daarvan weergeven als link

×   Je vorige bewerkingen zijn hersteld.   Alles verwijderen

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Naar onderwerpenlijst

  • Recent actief   0 leden

    • Er zijn hier geen geregistreerde gebruikers aanwezig.
×
×
  • Create New...