Golden Flare

Click to preview

Name: Golden Flare

Author: rhombus p
License: Creative Commons Attribution-ShareAlike 3.0 License

Tags: sidebar topbar

Supports top bar menu *: yes
Supports side bar menu *: yes
* depends on tags: topbar and sidebar

Description:

the golden flare theme is a nice black the with a Golden Flare

The header of this theme is just a example — it can be easily changes by apphending #header { background-image: url(your.piclocation.wdfiles.com); } to the end of the theme. this theme also includes nice tables by putting [[table class="infobox" ]] and a nice user info window (the one that pops up when you click on someones user name.

this theme also adds up to Three Level Top Bar Link Nesting!

How to install

• go to: your wiki admin panel » appearance » themes
• choose External CSS theme
• supply the following URL as the CSS location

http://themes.wdfiles.com/local--code/golden-flare

Code

+ show the code

@import url(http://static.wikidot.com/common--theme/shiny/css/style.css);
 
div#container-wrap {
    background-image: url(http://battleground.wdfiles.com/local--files/admin:tabs/Untitled-1.png);
    background-repeat: repeat-x;
}
 
body {
background-color:#000;
color: #585858;
}
 
#main-content{
    color:#585858;
}
 
#header {
    height: 300px;
    position: relative;
    width: auto;
    top: 0px;
    padding-bottom: 30px; /* FOR MENU */
    background: url(http://battleground.wdfiles.com/local--files/logos/Battle_newlogo.png) no-repeat;  /* LOGO */
    background-position: top;
}
.header {
    height: 120px;
    position: relative;
    width: 100%;
    top: 0px;
    background: url(http://battleground.wdfiles.com/local--files/logos/%5BMAC%5D_logo_1.png) no-repeat;
     background-position:top;
}
 
#search-top-box {
    position: relative;
    top: 300px;
    left: 0%;
    width: 250px;
    text-align: right;
        z-index:30;
}
 
#login-status {
    color: #000;
    top: 300px;
        font-size: 90%;
    z-index: 30;
    margin-right: 5em;
}
 
#login-status a {
    background: transparent;
    color: #000;
}
 
#login-status ul a {
    color: #000;
    background: transparent;
}
 
#account-topbutton {
    background: #ccc;
    color: #700;
}
 
.printuser img.small {
    margin-right: 1px;
}
 
#header h1 {
    margin: 0;
    padding: 0;
    float: left;
    max-height: 105px;
}
 
#header h2 {
    margin: 0;
    padding: 0;
    clear: left;
    float: left;
    font-size: 105%;
    max-height: 38px;
}
 
#header h1 a {
    display: none;
    margin: 0;
    padding: 80px 0 25px;
    line-height: 0px;
    max-height: 0px;
    color: #eee;
    background: transparent;
    font-size: 180%;
    text-decoration: none;
}
 
#header h2 span {
    display: none;
    margin: 0;
    padding: 19px 0;
    line-height: 0px;
    max-height: 0px;
    color: #a02;
    font-weight: bold;
}
 
/* Top Menu */
#top-bar
{
        top:300px;
        width:100%;
        padding-left: 30%;
    background-color: transparent;
        height: 30px;
    color: #E7E9DC;
        background-image: url(http://battleground.wdfiles.com/local--files/admin:tabs/top_bar%20new.png);
    float: left;
        font-size: 97%;
    font-family: Arial, Helvetica, Sans-Serif;
}
 
#top-bar ul li, #top-bar ul li ul {
border: 0px;
background-color: transparent;
color: #f00;
}
 
#top-bar ul li a {
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1px;
    max-height: 1px;
    overflow: hidden;
}
 
#top-bar ul
{
    list-style: none;
    margin-left: 30%;
    padding: 0;
   margin-top: 3px;
    float: left;
}
#top-bar ul ul
{
    width: 12em;
}
 
#top-bar a, #top-bar li ul li, #top-bar li ul li a
{
    background-color: #E7E9DC;
    text-decoration: none;
    background-color: transparent;
}
#top-bar a:hover
{
    text-decoration: underline;
    background-color: #60757D;
}
 
#top-bar li
{
    position: relative;
}
#top-bar ul ul ul
{
    position: absolute;
    top: 0.0em;
    right: 95%;
}
#top-bar ul ul
{
    position: absolute;
    z-index: 500;
}
 
div#top-bar ul ul {
    display: none;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
        top:300px;
 
        background-repeat: repeat;
    color: #000;
        background-color: #fb0;
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
 
        background-repeat: repeat;
    text-decoration: none;
        color: #000;
 
       background-color: #FFDA75;
}
 
div#top-bar ul li.sfhover ul
{
    display: block;
}
div#top-bar ul ul, div#top-bar ul li.sfhover ul ul, div#top-bar ul ul li.sfhover ul ul
{
    display: none;
}
div#top-bar ul li.sfhover ul, div#top-bar ul ul li.sfhover ul, div#top-bar ul ul ul li.sfhover ul
{
    display: block;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background:url(http://battleground.wdfiles.com/local--files/admin:tabs/tab_cool_unselected.png) repeat-x; /* tab background */
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background:url(http://battleground.wdfiles.com/local--files/admin:tabs/tabs_cool_selected.png) repeat-x;  /* selected tab background */
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background:#525050 url(http://battleground.wikidot.com/local--files/admin:tabs/Tab_cool_hover.png) repeat-x; /* selected tab background */
    color:#ffb;
 
}
 
.owindow{
    background-COLOR:#000;
    width: 50em;
    border: 2px solid red;
    text-align: left;
    position: absolute;
        color: # ffb;
}
.owindow .button-bar a{
    margin: 0.2em 0.2em;
    padding: 0.1em 1em;
    text-decoration: none;
    background-color: #FFBB00;
    border: 1px solid red;
 
}
.owindow .button-bar a:hover{
    background-color: #ff0000;
}
 
.owindow .title{
    cursor: move;
    font-size: 120%;
    font-weight: bold;
    padding: 0.2em 1em;
        background-color:#fb0;
        background-image: url(http://battleground.wdfiles.com/local--files/admin:tabs/table-top.jpg);
        background-repeat: repeat-x;
    height: 1%;
}
 
.odialog-shader{
    position: absolute;
    top: 0; left: 0; right:0;
    width: 100%;
    background-color: #fff;
}    
.preview-message, #page-version-info {
 background: #fb0;
 filter: alpha(opacity=100);
 opacity: 1;
 z-index: 1;
}
 
.owindow.owait .content {
        background-image:url(http://battleground.wdfiles.com/local--files/admin:tabs/site%20load.gif);
        color: # ffb;
}
 
a:hover {
 color: #ffab00;
 background-color: #000;
 text-decoration: overline underline;
}
a:active {
 color:transparent;
 background-color: transparent
}
 
/* forum */
 
.forum-group table tr.head td{
    text-align: center;
    font-size: 85%;
    background-color: #3f3e3f;
        color: #ffb;
}
 
.forum-category-box  .description-block{
    border: 1px solid #000;
    margin: 1em 4em;
    padding: 0.5em;
    background-color: #3f3e3f;
    height: 100%;
    overflow: hidden;
}
 
.forum-category-box table tr.head td{
    text-align: center;
    font-size: 90%;
    background-color: #3f3e3f;
        color: #ffb;
}
 
.forum-new-thread-box  .description{
    border: 1px solid #CCC;
    margin: 1em 4em;
    padding: 0.5em;
    background-color: #3f3e3f;
    overflow: auto;
}
 
.forum-thread-box  .description-block{
    border: 1px solid #CCC;
    margin: 1em 4em;
    padding: 0.5em;
    background-color: #3f3e3f;
    overflow: hidden;
    height: 100%;
}
 
.thread-container .post .head{
    padding: 0.2em 0.5em;
    background-color: #3f3e3f;
}
 
.thread-container .post  .long  .revisions table tr.active td{
    background-color: #3f3e3f;
}
 
.thread-container .post  .short{ display: none;
    background-color: #3f3e3f;
    padding: 0.2em 0.5em;
}
 
div.new-post a{
    border: 1px solid #999;
    background-color: #3f3e3f;
    padding: 5px 10px;
    font-size: 100%;
    font-weight: bold;
}
 
/* Tables*/
 
.table-main{
 
    color:#000;
}
.table-title{
 
    background-image: url(      http://battleground.wikidot.com/local--files/admin:tabs/table-top.jpg)
    background-repeat:repeat-x
}
.table-content{
 
    color:#000;
}
 
.infobox{
 
background-image: url(http://battleground.wikidot.com/local--files/admin:tabs/table-top.jpg); 
background-repeat:repeat-x;
}
 
.site-map {
position:fixed;
right:1px;
top:25px;
z-index:1000;
background:#000 none repeat scroll 0 0;
border:1px solid #fb0;
font-family:Trebuchet MS,Trebuchet,Verdana,Arial,Helvetica;
margin:0;
padding:0;
text-align:center;
color:#000;
}
 
#side-bar
{
    width: 230px;
 
}

Notes

Similar themes Basalt Theme Author: Iopk123451 Rating: 1, Comments: 0 Tags: css3 sidebar topbar Sigma9(Only Search Bottom) Author: Iopk123451 Rating: 0, Comments: 0 Tags: modern sidebar topbar

Browse themes by tag 2.0 3d 3d-buttons 610nm and and/or ardeol articles band base beige black blog bloo blue bmc border boring brown business camo cat chocholate christian christmas city clan claret claus clay clean coffe coke colorful company contest contest-win corperate corporate corporation creative crimson cross css3 css3-buttons curved d14 dark dashed deep

Comments

Still a fan

HobStarCS 12 Oct 2009 01:11

Love your work Rhombus! I can still remember the old header. ;)

---

thanks!

rhombus p 12 Oct 2009 16:07

dont forget to rate it up ;)

i remember that old header to, i think i might even still have a copy of the theme with that header lol.

EDIT: no i dont… i must have dicided to stop making extra themes. you have no idea how many variations of that theme i have, from when it was just shiny with the logo, to when i changed the tabs, to now, the full theme

---

Last edited on 12 Oct 2009 16:12 by rhombus p Show more

Please Help

Philania Patton 23 Dec 2010 06:51

Hello. I am using your Golden Flare theme (thanks a bunch), but I need help. I am VERY new to this, and can't figure out how to change the battleground image at the top of the page. I am creating a Wiki for work (I'm a teacher), and I have selected a new image, but can't seem to get to the code to insert it in place of your image code. Please explain how to do this as I have been working on this for about 10 hours a day the past 2 days :). What can I say? I really need to get this wiki up and running for work. Any help would be GREATLY appreciated.

Re: Please Help

(account deleted) 23 Dec 2010 14:48

What you're looking to change is in this line of code:

background: url(http://battleground.wdfiles.com/local--files/logos/Battle_newlogo.png) no-repeat;  /* LOGO */

Make note of url(link here), that is where the link to your new image goes. You could also upload an image to your wiki, just make sure you get the link to it and replace it!

Also, the author of the wiki has posted a method above as well - appending the #header code should do the same thing. Good luck!

Last edited on 23 Dec 2010 14:50 by (account deleted) Show more

Re: Please Help

Philania Patton 24 Dec 2010 01:26

I know this sounds silly, but exactly how do I access the source page with the codes? I've alead installed the Golden Flare template to my Wiki. When I rt click on it, I see the source code page, but I can't edit it. WHen I click the edit button on the botton of my wiki page, it only shoes me he codes I entered and not the codes from the template. I'm really a newby at this, so I apologize if this seems like a stupid question, but I really don't know. My wiki is at sms-esol.wikidot.com This is a wiki for job, and I really need it to look nice. I apprecate any help you can provide. THank u

Philania

the source of the image id like to use is http://media.photobucket.com/image/multicultural/LionelCantu/multicultural.jpg?o=5

instead of the image at the top of the golden flare template. Thanks in advance for your help.

Re: Please Help

rhombus p 11 Jan 2012 16:02

Sorry for getting back to you so late, its probably of no use now, but it might be able to help other people. In order to Get the code, when you are selecting the theme you want to use, instead of using the "use external theme" option under admincp -> themes -> external theme you have to create a custom theme, admincp -> custom themes -> create new theme and then copy the code in there. Save it and go back to themes and choose this as your theme.

Again, sorry for the late reply, I didn't notice this thread until now when i was going back through all my themes

---

Re: Please Help

Trinity_Elish 24 Jul 2013 10:38

Sorry, Rhombus, but I still can't change the images…it's not that I don't like the theme, I just need it to have that something that makes it different..love the theme, though..=)

---

It's time.

Last edited on 24 Jul 2013 10:43 by Trinity_Elish Show more