button kleuren
Geplaatst: 13 sep 2009, 14:41
Hallo!
Ik heb de volgende vraag;
Hoe verander ik de kleuren van de voglende buttons/items:
>Van buttons als 'opslaan', 'bevestig' onder het plaatsen van een bericht.
>Hoe die van Voeg een poll toe, opties onder een bericht als je plaatsen gaat
>Hoe de tabs e.d. in het gebruikerspaneel en de tekst daarvan in die tabs.
Ik gebruik de stijl PRONIGHT. Ik hoop dat iemand mij kan helpen, en een directe verwijzing geven kan welk deel ik moet editten, want ik kom er gewoon niet uit. Hier de CSS:
Wat wil ik bereiken:
Alle Randen 000000. Als je erop staat/drukt de kleur 700000
De achtergrond AEB9CB, en als je erop staat FFFFFF
De tekst 000000, en als je erop staat/drukt 700000
Hoop dat iemand me helpen kan.
Ik heb de volgende vraag;
Hoe verander ik de kleuren van de voglende buttons/items:
>Van buttons als 'opslaan', 'bevestig' onder het plaatsen van een bericht.
>Hoe die van Voeg een poll toe, opties onder een bericht als je plaatsen gaat
>Hoe de tabs e.d. in het gebruikerspaneel en de tekst daarvan in die tabs.
Ik gebruik de stijl PRONIGHT. Ik hoop dat iemand mij kan helpen, en een directe verwijzing geven kan welk deel ik moet editten, want ik kom er gewoon niet uit. Hier de CSS:
Code: Selecteer alles
/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
html, body {
color: #536482;
background: url("http://www.azkabanonline.nl/templates/azkabanonline_v2/images/Page-BgTexture.jpg") #33332F no-repeat fixed -40px 0px;
}
h1 {
color: #FFFFFF;
}
h2 {
color: #000000;
}
h3 {
border-bottom-color: #700000;
color: #000000;
}
hr {
border-color: #FFFFFF;
border-top-color: #CCCCCC;
}
hr.dashed {
border-top-color: #CCCCCC;
}
/* Search box
--------------------------------------------- */
#search-box {
color: #FFFFFF;
}
#search-box #keywords {
background-color: #FFF;
}
#search-box input {
border-color: #525E67;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background-color: #000000;
background-image: url("{T_THEME_PATH}/images/bg_header.gif");
color: #FFFFFF;
}
.navbar {
background-color: #dfdfdf;
}
.forabg, .forumbg {
background-color: #000000;
background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}
/*
.forumbg {
background-color: #7C8891;
background-image: url("{T_THEME_PATH}/images/bg_header.gif");
}
*/
.panel {
background-color: #e6e6e6;
color: #28313F;
}
.post:target .content {
color: #000000;
}
.post:target h3 a {
color: #000000;
}
.bg1 { background-color: #cecece; }
.bg2 { background-color: #cacaca; }
.bg3 { background-color: #d9d9d9; }
.ucprowbg {
background-color: #DCDEE2;
}
.fieldsbg {
background-color: #E7E8EA;
}
span.corners-top {
background-image: url("{T_THEME_PATH}/images/corners_left.png");
}
span.corners-top span {
background-image: url("{T_THEME_PATH}/images/corners_right.png");
}
span.corners-bottom {
background-image: url("{T_THEME_PATH}/images/corners_left.png");
}
span.corners-bottom span {
background-image: url("{T_THEME_PATH}/images/corners_right.png");
}
div.headerbar span.corners-top {
background-image: url("{T_THEME_PATH}/images/corners_left2.png");
}
div.headerbar span.corners-top span {
background-image: url("{T_THEME_PATH}/images/corners_right2.png");
}
/* Horizontal lists
----------------------------------------*/
ul.navlinks {
border-bottom-color: #FFFFFF;
}
/* Table styles
----------------------------------------*/
table.table1 thead th {
color: #FFFFFF;
}
table.table1 tbody tr {
border-color: #BFC1CF;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #b4b4b4;
color: #000;
}
table.table1 td {
color: #000000;
}
table.table1 tbody td {
border-top-color: #FAFAFA;
}
table.table1 tbody th {
border-bottom-color: #000000;
color: #333333;
background-color: #FFFFFF;
}
table.info tbody th {
color: #000000;
}
/* Misc layout styles
---------------------------------------- */
dl.details dt {
color: #000000;
}
dl.details dd {
color: #536482;
}
.sep {
color: #1198D9;
}
/* Pagination
---------------------------------------- */
.pagination span strong {
color: #FFFFFF;
background-color: #4692BF;
border-color: #4692BF;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
color: #5C758C;
background-color: #ECEDEE;
border-color: #B4BAC0;
}
.pagination span a:hover {
border-color: #c29b00;
background-color: #c29b00;
color: #FFF;
}
/* Pagination in viewforum for multipage topics */
.row .pagination {
background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
}
.row .pagination span a, li.pagination span a {
background-color: #FFFFFF;
}
.row .pagination span a:hover, li.pagination span a:hover {
background-color: #c29b00;
}
/* Miscellaneous styles
---------------------------------------- */
.copyright {
color: #ffffff;
}
.copyright a {
color: #ffffff !important;
}
.error {
color: #BC2A4D;
}
.reported {
background-color: #ff3b55 !important;
}
li.reported:hover {
background-color: #ECD5D8 !important;
}
.sticky, .announce {
/* you can add a background for stickies and announcements*/
}
div.rules {
background-color: #c29b00;
color: #000000;
}
p.rules {
background-color: #c29b00;
background-image: none;
}
/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #700000; }
a:active { color: #000000; }
/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
color: #FFFFFF;
}
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
color: #FFFFFF;
}
#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
color: #700000;
}
#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
color: #000000;
}
/* Links for forum/topic lists */
a.forumtitle {
color: #000000;
}
/* a.forumtitle:visited { color: #105289; } */
a.forumtitle:hover {
color: #700000;
}
a.forumtitle:active {
color: #000000;
}
a.topictitle {
color: #000000;
}
/* a.topictitle:visited { color: #368AD2; } */
a.topictitle:hover {
color: #700000;
}
a.topictitle:active {
color: #000000;
}
/* Post body links */
.postlink {
color: #000000;
}
.postlink:visited {
color: #000000;
}
.postlink:active {
color: #000000;
}
.postlink:hover {
background-color: #c29b00;
color: #700000;
}
.signature a, .signature a:visited, .signature a:active, .signature a:hover {
background-color: transparent;
}
/* Profile links */
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
color: #000000;
}
.postprofile a:hover, .postprofile dt.author a:hover {
color: #700000;
}
/* Profile searchresults */
.search .postprofile a {
color: #000000;
}
.search .postprofile a:hover {
color: #700000;
}
/* Back to top of page */
a.top {
background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}
a.top2 {
background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}
/* Arrow links */
a.up { background-image: url("{T_THEME_PATH}/images/arrow_up.gif") }
a.down { background-image: url("{T_THEME_PATH}/images/arrow_down.gif") }
a.left { background-image: url("{T_THEME_PATH}/images/arrow_left.gif") }
a.right { background-image: url("{T_THEME_PATH}/images/arrow_right.gif") }
a.up:hover {
background-color: transparent;
}
a.left:hover {
color: #700000;
}
a.right:hover {
color: #700000;
}
/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */
/*
ul.forums {
background-color: #E8ECEE;
background-image: url("{T_THEME_PATH}/images/gradient.gif");
}
*/
ul.topiclist li {
color: #4C5D77;
}
ul.topiclist dd {
border-left-color: #FFFFFF;
}
.rtl ul.topiclist dd {
border-right-color: #fff;
border-left-color: transparent;
}
ul.topiclist li.row dt a.subforum.read {
background-image: url("{IMG_SUBFORUM_READ_SRC}");
}
ul.topiclist li.row dt a.subforum.unread {
background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
}
li.row {
border-top-color: #FFFFFF;
border-bottom-color: #000000;
background-color: #dfdfdf;
}
li.row strong {
color: #000000;
}
/*
li.row:hover {
background-color: #F6F4D0;
}
*/
li.row:hover dd {
border-left-color: #CCCCCC;
}
.rtl li.row:hover dd {
border-right-color: #CCCCCC;
border-left-color: transparent;
}
li.header dt, li.header dd {
color: #FFFFFF;
}
/* Forum list column styles */
ul.topiclist dd.searchextra {
color: #333333;
}
/* Post body styles
----------------------------------------*/
.postbody {
color: #333333;
}
/* Content container styles
----------------------------------------*/
.content {
color: #333333;
}
.content h2, .panel h2 {
color: #000000;
border-bottom-color: #700000;
}
dl.faq dt {
color: #333333;
}
.posthilit {
background-color: #F3BFCC;
color: #BC2A4D;
}
/* Post signature */
.signature {
border-top-color: #FFFFFF;
}
/* Post noticies */
.notice {
border-top-color: #CCCCCC;
}
/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background-color: #EBEADD;
background-image: url("{T_THEME_PATH}/images/quote.gif");
border-color:#DBDBCE;
}
blockquote blockquote {
/* Nested quotes */
background-color:#EFEED9;
}
blockquote blockquote blockquote {
/* Nested quotes */
background-color: #EBEADD;
}
/* Code block */
dl.codebox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}
dl.codebox dt {
border-bottom-color: #CCCCCC;
}
dl.codebox code {
color: #2E8B57;
}
.syntaxbg { color: #FFFFFF; }
.syntaxcomment { color: #FF8000; }
.syntaxdefault { color: #0000BB; }
.syntaxhtml { color: #000000; }
.syntaxkeyword { color: #007700; }
.syntaxstring { color: #DD0000; }
/* Attachments
----------------------------------------*/
.attachbox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}
.pm-message .attachbox {
background-color: #F2F3F3;
}
.attachbox dd {
border-top-color: #C9D2D8;
}
.attachbox p {
color: #666666;
}
.attachbox p.stats {
color: #666666;
}
.attach-image img {
border-color: #999999;
}
/* Inline image thumbnails */
dl.file dd {
color: #666666;
}
dl.thumbnail img {
border-color: #666666;
background-color: #FFFFFF;
}
dl.thumbnail dd {
color: #666666;
}
dl.thumbnail dt a:hover {
background-color: #EEEEEE;
}
dl.thumbnail dt a:hover img {
border-color: #c29b00;
}
/* Post poll styles
----------------------------------------*/
fieldset.polls dl {
border-top-color: #DCDEE2;
color: #666666;
}
fieldset.polls dl.voted {
color: #000000;
}
fieldset.polls dd div {
color: #FFFFFF;
}
.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
border-right-color: transparent;
}
.pollbar1 {
background-color: #700000;
border-bottom-color: #000000;
border-right-color: #000000;
}
.rtl .pollbar1 {
border-left-color: #700000;
}
.pollbar2 {
background-color: #700000;
border-bottom-color: #000000;
border-right-color: #000000;
}
.rtl .pollbar2 {
border-left-color: #000000;
}
.pollbar3 {
background-color: #700000;
border-bottom-color: #000000;
border-right-color: #000000;
}
.rtl .pollbar3 {
border-left-color: #000000;
}
.pollbar4 {
background-color: #700000;
border-bottom-color: #000000;
border-right-color: #000000;
}
.rtl .pollbar4 {
border-left-color: #000000;
}
.pollbar5 {
background-color: #700000;
border-bottom-color: #000000;
border-right-color: #000000;
}
.rtl .pollbar5 {
border-left-color: #700000;
}
/* Poster profile block
----------------------------------------*/
.postprofile {
color: #666666;
border-left-color: #FFFFFF;
}
.rtl .postprofile {
border-right-color: #FFFFFF;
border-left-color: transparent;
}
.pm .postprofile {
border-left-color: #DDDDDD;
}
.rtl .pm .postprofile {
border-right-color: #DDDDDD;
border-left-color: transparent;
}
.postprofile strong {
color: #000000;
}
.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.png");
margin-top: -5px;
}
.online dt {
margin-top: 5px;
}
/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
/* 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}") ;}
a.print {
background-image: url("{T_THEME_PATH}/images/icon_print.gif");
}
a.sendemail {
background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif");
}
a.fontsize {
background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif");
}
/* Icon images
---------------------------------------- */
.sitehome { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-faq { background-image: url("{T_THEME_PATH}/images/icon_faq.gif"); }
.icon-members { background-image: url("{T_THEME_PATH}/images/icon_members.gif"); }
.icon-home { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-ucp { background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); }
.icon-register { background-image: url("{T_THEME_PATH}/images/icon_register.gif"); }
.icon-logout { background-image: url("{T_THEME_PATH}/images/icon_logout.gif"); }
.icon-bookmark { background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif"); }
.icon-bump { background-image: url("{T_THEME_PATH}/images/icon_bump.gif"); }
.icon-subscribe { background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif"); }
.icon-unsubscribe { background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif"); }
.icon-pages { background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); }
.icon-search { background-image: url("{T_THEME_PATH}/images/icon_search.gif"); }
/* Profile & navigation icons */
.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}"); }
/* Moderator icons */
.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 */
/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */
/* Main CP box
----------------------------------------*/
#cp-main h3, #cp-main hr, #cp-menu hr {
border-color: #A4B3BF;
}
#cp-main .panel li.row {
border-bottom-color: #B5C1CB;
border-top-color: #F9F9F9;
}
ul.cplist {
border-top-color: #B5C1CB;
}
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #000000;
}
#cp-main table.table1 thead th {
color: #333333;
border-bottom-color: #333333;
}
#cp-main .pm-message {
border-color: #DBDEE2;
background-color: #FFFFFF;
}
/* CP tabbed menu
----------------------------------------*/
#tabs a {
background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif");
}
#tabs a span {
background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif");
color: #536482;
}
#tabs a:hover span {
color: #c29b00;
}
#tabs .activetab a {
border-bottom-color: #c9c9c9;
}
#tabs .activetab a span {
color: #333333;
}
#tabs .activetab a:hover span {
color: #000000;
}
/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs li {
background-color: #c9c9c9;
}
#minitabs li.activetab {
background-color: #F9F9F9;
}
#minitabs li.activetab a, #minitabs li.activetab a:hover {
color: #333333;
}
/* UCP navigation menu
----------------------------------------*/
/* Link styles for the sub-section links */
#navigation a {
color: #333;
background-color: #c5c5c5;
background-image: url("{T_THEME_PATH}/images/bg_menu.gif");
}
#navigation a:hover {
background-color: #c29b00;
color: #FFFFFF;
}
#navigation #active-subsection a {
color: #c29b00;
background-color: #F9F9F9;
background-image: none;
}
#navigation #active-subsection a:hover {
color: #c29b00;
}
/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
color: #333333;
}
#cp-main .panel {
background-color: #F9F9F9;
}
#cp-main .pm {
background-color: #FFFFFF;
}
#cp-main span.corners-top, #cp-menu span.corners-top {
background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}
#cp-main span.corners-top span, #cp-menu span.corners-top span {
background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}
#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}
#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}
/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}
#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}
#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}
#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}
/* Friends list */
.cp-mini {
background-color: #e9e9e9;
}
dl.mini dt {
color: #425067;
}
/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
color: #999999 !important;
}
/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
border-left-color: #BC2A4D;
border-right-color: #BC2A4D;
}
.pmlist li.pm_marked_colour, .pm_marked_colour {
border-color: #FF6600;
}
.pmlist li.pm_replied_colour, .pm_replied_colour {
border-color: #A9B8C2;
}
.pmlist li.pm_friend_colour, .pm_friend_colour {
border-color: #5D8FBD;
}
.pmlist li.pm_foe_colour, .pm_foe_colour {
border-color: #000000;
}
/* Avatar gallery */
#gallery label {
background-color: #FFFFFF;
border-color: #CCC;
}
#gallery label:hover {
background-color: #EEE;
}
/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */
/* General form styles
----------------------------------------*/
select {
border-color: #666666;
background-color: #FAFAFA;
color: #000;
}
label {
color: #425067;
}
option.disabled-option {
color: graytext;
}
/* Definition list layout for forms
---------------------------------------- */
dd label {
color: #333;
}
/* Hover effects */
fieldset dl:hover dt label {
color: #000000;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}
/* Quick-login on index page */
fieldset.quick-login input.inputbox {
background-color: #F2F3F3;
}
/* Posting page styles
----------------------------------------*/
#message-box textarea {
color: #333333;
}
/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #FFFFFF;
border-color: #B4BAC0;
color: #333333;
}
.inputbox:hover {
border-color: #11A3EA;
}
.inputbox:focus {
border-color: #11A3EA;
color: #0F4987;
}
/* Form button styles
---------------------------------------- */
a.button1, input.button1, input.button3, a.button2, input.button2 {
color: #000;
background-color: #FAFAFA;
background-image: url("{T_THEME_PATH}/images/bg_button.gif");
}
a.button1, input.button1 {
border-color: #700000;
}
input.button3 {
background-image: none;
}
/* Alternative button */
a.button2, input.button2, input.button3 {
border-color: #700000;
}
/* <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 {
color: #000000;
}
/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
border-color: #700000;
color: #BC2A4D;
}
input.search {
background-image: url("{T_THEME_PATH}/images/icon_textbox_search.gif");
}
input.disabled {
color: #666666;
}
Alle Randen 000000. Als je erop staat/drukt de kleur 700000
De achtergrond AEB9CB, en als je erop staat FFFFFF
De tekst 000000, en als je erop staat/drukt 700000
Hoop dat iemand me helpen kan.