Corp-Clan-Guild-v2.0

Name: Corp-Clan-Guild-v2.0

Author: Taram Caldar
License: Creative Commons Attribution-ShareAlike 3.0 License

Tags: clan corporation forums guild hover professional sidebar topbar transparent

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

Description:

So when I first built the Guild, Clan, Corp Website theme with Kera we were just learning Wikidot. Over time I've modified and tweaked the theme pretty drastically, bringing in parts from other themes like Phantom, thanks Rhombus! Combining the corporation's favorite parts from our old theme and new themes we finally settled on this version. This version supports topbar, sidebar and also has code that will style the forums. We are considering tweaking the color scheme of the forums later on down the road but it's fairly easy to see where to do that in this cleaned up version of the CSS.

There are two images that are part of this theme. One is the banner, the other is the background. To change them simply find the image file calls in the code and replace them with links to your own images. The lines you need to find are:

background-image:url(http://rbwh.wdfiles.com/local--files/system%3Ajoin/RBWHTransBanner.png);

and

background-image:url(http://rbwh.wdfiles.com/local--files/start/eve-online-32150-2880x1800.jpg);

To host your own files just go to your wiki and upload whatever images you want to be the banner and the background for your site and then replace the URL in the code lines with your own URL. It's best if you use a banner that is a transparent .PNG file so that it looks nice against whatever background you are using. Though, of course, that is entirely up to you.

Preferred method of installation

Expand the CODE section, below.
Copy/Paste the CSS from the code section into notepad, notepad++ or an editor of your choice.
In your editor change the background and banner image paths to use your own files. (See note above about the images)
Go to the Admin Management panel for your Wiki
Go to the Appearance link
Go to Custom Themes
Create a custom theme
Create a new custom theme and name it whatever you like
Copy the code from your editor and paste it into the window provided.
Save it.
Select Themes in the navigation bar.
Set your new theme.

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/corp-clan-guild-v2-0

Code

+ show the code

- hide the code

body {
margin:0;
}
#container {
margin:0 auto;
padding:0;
width:90%;
}
#header {
height:170px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color:black;
background-image:url(http://rbwh.wdfiles.com/local--files/system%3Ajoin/RBWHTransBanner.png);
background-repeat: no-repeat;
background-position:left;
background-attachment: scroll;
background-repeat:no-repeat;
background-size:contain;
opacity:0.80;
filter:alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
position:relative;  /* possibly put an image here */
z-index:30;
margin:0px 10px 0px 10px;
}
#header h1 {
display: none;
}
#header h2 {
display: none;
}
#content-wrap {
min-height:1px;
padding:10px 0 1px;
}
#side-bar {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
background-color:black;
clear:left;
float:right;
margin:0 10px;
opacity:0.80;
filter:alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
padding:10px;
width:200px;
}
#page-title {
border-bottom:1px solid #666666;
font-size:200%;
margin:0 0 0.5em;
padding-top:0;
}
#main-content {
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin:0 240px 10px 10px;
opacity:0.80;
filter:alpha(opacity=80) !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=25)";
padding:10px;
}
#license-area {
color:#555555;
padding:0.5em 0;
}
#account-options li {
display:block;
margin:0;
padding:0;
width:100%;
}
#account-options li a {
-moz-box-sizing:border-box;
display:block;
padding:2px 5px;
width:100%;
z-index:40;
}
#account-options li a:hover {
color:white;
}
#account-topbutton {
font-size:80%;
font-weight:bold;
padding:0 5px;
}
#top-bar {
background:transparent none repeat scroll 0 0;
bottom:0;
left:40px;
opacity:0.80;
filter:alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
position:absolute;
width:98%;
z-index:90;
-webkit-border-radius: 6px;
-moz-border-radius:6px;
}
#top-bar li ul {
display:block;
margin:0;
text-align:center;
text-decoration:none;
border:none;
background:#222;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}
body {
background-color:black;
background-image:url(http://rbwh.wdfiles.com/local--files/start/eve-online-32150-2880x1800.jpg);
background-position:center top;
background-attachment: fixed;
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
color:#e6e6e6;
}
#content-wrap {
background-position:center top;
background-repeat:repeat-x;
border:0 solid black;
}
#main-content {
background-color:black;
color:#e6e6e6;
margin-top:0;
}
#header h1 {
left:20px;
position:absolute;
top:53px;
}
#header h1 a {
color:#E38800;
font-size:40px;
font-stretch:expanded;
font-weight:bold;
text-decoration:none;
}
#header h1 a:hover {
background-color:transparent;
color:#E38800;
text-decoration:none;
}
#header h2 {
color:#9A0003;
}
#top-bar li {
-moz-border-radius:10px;
-webkit-border-radius: 10px
background-color:black;
}
#top-bar li a {
color:#e6e6e6;
text-decoration:none;
}
#top-bar a:hover {
-moz-border-radius:5px;
-webkit-border-radius: 5px;
background-color:black;
}
#top-bar li a:hover {
text-decoration:none;
 
}
#top-bar a:hover{
background-color: black; 
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}
 
/* 2nd MENU ELEMENT */
 
#top-bar ul li ul {
background-color: black;
border: 0px;
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}
#top-bar ul li ul a {
background-color: black;
-moz-border-radius: 0px;
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}
#top-bar ul li ul a:hover {
background-color: black; 
color: #ECA832;
-moz-border-radius: 0px;
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}
#side-bar {
background-color:black;
margin-top:0;
}
body {
font-family:Verdana,Arial,Helvetica;
}
h1, h2, h3, h4, h5, h6 {
font-family:"Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica;
color:#FFFFFF;
}
h1 {
font-size:190%;
font-weight:normal;
text-decoration:none;
}
h2 {
font-size:150%;
font-weight:normal;
text-decoration:none;
}
h3 {
font-size:130%;
font-weight:normal;
text-decoration:none;
}
h4 {
font-size:120%;
font-weight:bold;
text-decoration:none;
}
h5 {
font-size:100%;
font-weight:bold;
text-decoration:none;
}
h6 {
font-size:90%;
font-weight:bold;
text-decoration:none;
}
a {
color:#E38800;
}
a:hover {
color:#E38800;
background-color:transparent;
}
a:visited {
color:#E38800;
}
a.newpage {
color:#00FFF7;
}
a.newpage:hover {
color:#FF8A8C;
text-decoration:underline;
}
#page-title {
border-bottom:1px solid #666666;
font-family:Verdana,Arial,Helvetica;
font-size:200%;
margin:0 0 0.5em;
padding-top:0;
}
#footer {
background-color:black;
border-bottom:1px solid #888888;
border-top:1px solid #888888;
color:#e6e6e6;
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
}
#footer a {
color:#e6e6e6;
text-decoration:none;
}
#license-area {
color:#e6e6e6;
}
#license-area a {
color:#e6e6e6;
text-decoration:none;
}
#license-area a:hover {
background-color:transparent;
color:#e6e6e6;
text-decoration:underline;
}
#login-status {
color:#e6e6e6;
}
#side-bar:hover {
opacity:0.8 !important;
filter:alpha(opacity=80)  !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
}
#main-content:hover {
opacity:1 !important;
filter:alpha(opacity=100)  !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
}
#top-bar:hover {
opacity:1;
filter:alpha(opacity=100)  !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}
 
#footer {
opacity:0.80;
filter:alpha(opacity=80)  !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
}
 
#footer:hover{
opacity:0.8 !important;
filter:alpha(opacity=80)  !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
}
 
#lock-info {
    background-color: #ddd;
    color: #333;
}
 
blockquote {
background-color: #303030;
}
 
table.wiki-content-table{
    border-collapse: collapse;
    min-width: 300px;
}
table.wiki-content-table th{
    color: #000000;
    border-bottom: 1px solid #cecece;
    background-color: #cecece;
    text-align: center;
    font-weight: bold;
    padding: 1px 3px 1px 3px;
}
table.wiki-content-table td{
    border-bottom: 1px solid #cecece;
    color: #cecece;
    font-size: 90%;
    background: transparent;
    padding: 1px 3px 1px 3px;
}
 
.hovertip {
  background-color:black;
  color:#e6e6e6;
}
 
.owindow {
    background-color: #ddd;
    border: 2px solid #333;
    border-radius: 10px 10px;
    color: #000;
}
 
/* forum */
 
.forum-group table tr.head td{
    text-align: center;
    font-size: 110%;
    background-color: #272727;
        color: #DDD9D9;
}
 
.forum-category-box  .description-block{
    border: 1px solid #000;
    margin: 1em 4em;
    padding: 0.5em;
    background-color: #272727;
    height: 120%;
    overflow: hidden;
}
 
.forum-category-box table tr.head td{
    text-align: center;
    font-size: 110%;
    background-color: #272727;
        color: #DDD9D9;
}
 
.forum-new-thread-box  .description{
    border: 1px solid #CCC;
    margin: 1em 4em;
    padding: 0.5em;
    background-color: #272727;
    overflow: auto;
}
 
.forum-thread-box  .description-block{
    border: 1px solid #CCC;
    margin: 1em 4em;
    padding: 0.5em;
    background-color: #272727;
    overflow: hidden;
    height: 100%;
}
 
.thread-container .post .head{
    padding: 0.2em 0.5em;
    background-color: #272727;
}
 
.thread-container .post  .long  .revisions table tr.active td{
    background-color: #272727;
}
 
.thread-container .post  .short{ display: none;
    background-color: #272727;
    padding: 0.2em 0.5em;
}
 
div.new-post a{
    border: 1px solid #999;
    background-color: #272727;
    padding: 5px 10px;
    font-size: 100%;
    font-weight: normal;
}