-+/* * Clouds Theme * * Use this file to insert your Primary colour, your secondary supporting colour, * and change any elements of the styling in the Fervr design that you need to. */ /* Primary Colour */ a:hover, .post h3 a:link, .post h3 a:visited, .post h3 a:hover, .buttons .pagination span, #content .buttons .pagination a:link, #content .buttons .pagination a:hover, #content .buttons .pagination a:visited, #content .buttons .pagination a:active, #solo .errorlist, ul.errorlist, .highlight label, h1 .coloured, h3 .coloured, #singleGroups label { color:#487F7A; } #topdown #articles .columns .buttons, #content .buttons a.edit, #content .buttons a.delete, #sidebar .buttons a.shout, #content .buttons a.submit, form .buttons input, .form .buttons a, form .submits input, .form .submits input, #shouts input.button, #comments input.button, #admin .holder #tasks .complete, #singleGroups form .submits input:hover, #container a#editPage:hover { background-color: #66cdcc; } #media .holder, .highlight input, .highlight textarea, fieldset.highlight { border-color:#66cdcc; } /* Secondary Colour */ #topdown ul.reviews, #topdown ul.media, #topdown ul.articles, #topdown ul.events, #topdown ul.store, #topdown .column .buttons, #topdown .buttons a.seeall, #topdown #articles .toplinks .column, #solo h2 { background-color: #66cdcc; } form .buttons input, .form .buttons a, form .submits input, .form .submits input { border-color:#66cdcc; } /* Custom Heading */ #container #headings .holder { background:transparent url(images/groupHeader.jpg) no-repeat center top;} #headings { background:none;} /* Type Styles */ #container h1 {font-size:1.8em;color:#00ff00;} #container h2, .mceListBoxMenu.defaultSkin .mce_h2 span.mceText {font-size:1.125em;color:#487F7A;margin-bottom:10px;font-weight:normal;} #container h3, .mceListBoxMenu.defaultSkin .mce_h3 span.mceText {font-size:1em;color:#487F7A;margin-bottom:10px;font-weight:normal;} #container h4, .mceListBoxMenu.defaultSkin .mce_h4 span.mceText {font-size:1em;color:#5e4f33;margin-bottom:10px;font-weight:normal;} #container h5, .mceListBoxMenu.defaultSkin .mce_h5 span.mceText {font-size:.825em;color:#487F7A;margin-bottom:0px;font-weight:normal;} #container h6, .mceListBoxMenu.defaultSkin .mce_h6 span.mceText {font-size:.825em;color:#5e4f33;margin-bottom:0px;font-weight:normal;} #container p {color:#444;} #container strong {color:#487F7A;} #container a:link, #container a:visited {color:#487F7A;text-decoration:underline;} #container .pagination a:link, #container .pagination a:visited {color:#487F7A;text-decoration:none;} #container a:hover {color:#111;} /* Background Images */ /* If you have exported your theme from the provided Photoshop file, then you should be able to leave this section as-is. */ body { background:#66cdcc url(images/body.xy.jpg) repeat 0 0;} #admin { background:transparent url(images/admin.x.gif) repeat-x 0 0;} #admin .holder { background:#cccc94 url(images/admin.x.gif) repeat-x 0 0;} #content .holder { background-image:url(images/content.y.jpg);} #topdown .holder { background-image:url(images/footer.y.jpg);} #seperator { background-image:url(images/footer.seperator.jpg);} #submenu .holder { background-image:url(images/footer.finisher.jpg);} #admin .holder a { background-image:url(images/admin.select.jpg);} #tasks { background-image:url(images/admin.selected.jpg);} #topdown #articles .toplinks .column { background-image:url(images/topdown.column.header.jpg);} #topdown #articles .columns .buttons { background-image:url(images/topdown.column.footer.jpg);} ul.events li a { background-image:url(images/icon.event.jpg);} ul.store li a { background-image:url(images/icon.store.jpg);} ul li.li_bible a {background:transparent url(images/icon.bible.jpg) no-repeat;} ul li.li_books a {background:transparent url(images/icon.book.jpg) no-repeat;} ul li.li_cart a {background:transparent url(images/icon.store.jpg) no-repeat;} ul li.li_event a {background:transparent url(images/icon.event.jpg) no-repeat;} ul li.li_games a {background:transparent url(images/icon.game.jpg) no-repeat;} ul li.li_leaders a {background:transparent url(images/icon.leaders.jpg) no-repeat;} ul li.li_movies a {background:transparent url(images/icon.movie.jpg) no-repeat;} ul li.li_movie a {background:transparent url(images/icon.movie.jpg) no-repeat;} ul li.li_music a {background:transparent url(images/icon.music.jpg) no-repeat;} ul li.li_news a {background:transparent url(images/icon.book.jpg) no-repeat;} ul li.li_opinion a {background:transparent url(images/icon.book.jpg) no-repeat;} ul li.li_None a {background:transparent url(images/icon.book.jpg) no-repeat;} #content .buttons { background-image:url(images/content.buttons.x.jpg);} #subpage .buttons { background-image:url(images/content.buttons.x.jpg);} #questions .buttons, #subpage .buttons { background-image:url(images/content.buttons.x.jpg);} #topdown .buttons { background-image:url(images/footer.buttons.x.jpg);} #questions { background-image:url(images/profile.qa.jpg);} #menu a.wbutton:link, #menu a.wbutton:visited, #menu a.wbutton:active { background-image:url(images/sidebar.wbutton.passive.jpg);} .postrench a.attachment:link, .postrench a.attachment:visited { background-image:url(images/icon.attachment.passive.jpg);} .postrench a.attachment:hover { background-image:url(images/icon.attachment.active.jpg);} .postrench a.comments:link, .postrench a.comments:visited { background-image:url(images/icon.comment.passive.jpg);} .postrench a.comments:hover { background-image:url(images/icon.comment.active.jpg);} .eventrench a.eventcal:link, .eventrench a.eventcal:visited { background-image:url(images/profile.calendar.passive.jpg);} .eventrench a.eventcal:hover { background-image: url(images/profile.calendar.active.jpg);} /* New Theme Styles - RAVR */ #container #groupNav ul, .ui-widget-header {background:#625237 url(images/groupNav.png) repeat-x top left !important;} .ui-dialog-content h3 {color: #fff !important; } #container #groupNav li {background:url(images/groupNavDivider.png) no-repeat right top;} #container #groupNav a:hover {background:#3e301a;} #container #groupBlurb h3, #container #posts h3.postheading a:link, #container #posts h3.postheading a:visited {color:#487f7a;} #container #media {background:url(images/groupMedia.jpg) no-repeat top left;} #container #media .mediaitem p {color:#5b5b5b;} #container #groupBottom {background:url(images/groupUsers.jpg) no-repeat top left;} #container #media h3 {color:#4e4029;;} #container #media p {color:#4e4029;} #container #media p a:link, #container #media a:visited {color:#487F7A;} #container #media a:hover {border-bottom:none;text-decoration:underline;} #container #groupContent #posts h3 {text-indent:-999em;height:22px;background:url(images/latestNews.png) no-repeat top left;} #container #groupContent #posts h3.postheading {background:none;color:#AF1217;font-size:1em;height:auto;line-height:1em;margin:0;text-indent:0;} #container #groupContent #joinButton h3 {color:#487f7a;} #container #morePosts a{background:url(images/viewMoreNews.png) no-repeat top left;} #container #events h3 {background:url(images/upcomingEvents.png) no-repeat top left;} #container #events .eventheading {background:none;} #container #events h3.eventheading a:link,#container #events h3.eventheading a:visited {color:#125a5e;} #container #events .seeall {background:url(images/viewAllEvents.png) no-repeat top left;height:15px;} #container #events .seeall:hover, #container #shouts .seeall:hover, #container #morePosts a:hover {border-bottom:1px solid #AF1217;} #container #shouts h3 {background:url(images/shoutOut.png) no-repeat top left;} #container #shouts .seeall {background:url(images/seeAllShouts.png) no-repeat top left;} #container #shouts h5 {background:url(images/haveYourSay.png) no-repeat top left;} #container #crew h3 {background:url(images/theWholeCrew.png) no-repeat top left;} #container #footer li a:link, #container #footer li a:visited {color:#b7afa1;} #joinButton a:link, #joinButton a:visited {background:#5f4f34;border:1px solid #444;color:#fff;text-decoration:none;} #joinButton a:hover {background:#4b3e29;} #container #media {background:#e6fae9;border:1px solid #bce2c1;} #container #media #morePhotos {width:auto;background:url(images/morePhotos.png) no-repeat 0 3px;font-size:.685em;color:#5e4f33;text-decoration:none;text-indent:0;width:55px;display:block;height:auto;float:left !important;margin-right:20px;} #container #media #morePhotos span {display:block;padding-left:20px;line-height:1.1em;} #container #media #moreVideos {width:auto;background:url(images/moreVideos.png) no-repeat 0 4px;font-size:.685em;color:#5e4f33;text-decoration:none;text-indent:0;width:55px;display:block;height:auto;float:left;margin-right:20px;} #container #media #moreVideos span {display:block;padding-left:17px;line-height:1.1em;} #container #media #moreAudio {width:auto;background:url(images/moreAudio.png) no-repeat 0 4px;font-size:.685em;color:#5e4f33;text-decoration:none;text-indent:0;width:55px;display:block;height:auto;float:left;margin-right:20px;} #container #media #moreAudio span {display:block;padding-left:17px;line-height:1.1em;} #container .mediapost a:link img, .mediapost a:visited img {border:2px solid #5e4f33;} #container .mediapost a:hover img {border:2px solid #111111;} #container .mediaitem a:link img, #container .mediaitem a:visited img {border: 2px solid #5e4f33;} #container .mediaitem a:hover img{border-color:#111;} #container #groupNav ul ul {background:#3E301A;} #container #groupNav li:hover {background:#3E301A;} #container #groupNav ul ul a:link, #container #groupNav ul ul a:visited, #container #groupNav li:hover a {color:#fff;} #container #groupNav ul ul a:hover {background:#111;}