HavokRP Official

Click to preview

Name: HavokRP Official

Author: Reverend Fox
License: Creative Commons Attribution-ShareAlike 3.0 License

Tags: dark easy purple sidebar simple topbar

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

Description:

This is the official CSS theme for the Havok Role Playing Group. It's derived from neon by miffysora and functions to provide an easy-on-the-eyes reading experience. Feel free to take it and remix it! I'd love to see what you guys can come up with!

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/havokrp-official

Code

+ show the code

@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700);
body {
  background-color: black;
  color: #9612f3;
  font-style: normal;
  font-family: "Times New Roman", Times, serif;
  font-size: 11pt; }
 
#header {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #9612f3; }
 
#page-content {
  background-color: black;
  border-style: solid;
  border-color: #9612f3;
  border-width: 1pt;
  padding-left: 10px; }
 
#page-title {
  margin-top: 40px;
  vertical-align: middle;
  text-shadow: 0px 0px 5px $textshadow;
  background-color: black;
  border: none;
  padding-left: 40px;
  color: #2612f3;
  text-shadow: 0px 0px 20px #9612f3; }
 
hr {
  background-color: black; }
 
a {
  color: white;
  text-decoration: none;
  text-shadow: 0px 0px 5px #9612f3; }
  a:hover {
    color: #126ff3;
    text-decoration: underline;
    text-shadow: 0px 0px 10px #9612f3;
    background-color: black; }
  a.newpage {
    color: #f312e0;
    text-shadow: 0px 0px 10px #9612f3; }
 
h1, h2, h3, h4, h5, h6 {
  color: #ff0000;
  text-shadow: 0px 0px 2px #ff0000; }
 
p {
}
 
blockquote {
  background-color: #232323;
  color: #b056f1}
 
table.wiki-content-table th {
  background-color: black; }
 
.owindow {
  background-color: #232323; }
 
#top-bar a:hover {
  background-color: black; }
#top-bar li ul li a {
  background-color: black; }
 
#side-bar {
    border-left:1px dashed black;
    border-right:1px dashed black;
    background: #00001F;
    float:left;
    margin-top:10px;
    overflow:hidden;
    padding:0 15px 0;
    width:200px;
}
 
#toc {
  background-color: #232323;
  color: #b056f1; }
 
#code {
  font-family: 'Ubuntu Mono', sans-serif; }
 
.code {
  color: white;
  font-family: 'Ubuntu Mono', sans-serif;
  background-color: #232323; }
 
/*Sidebar Links*/
ul {
  list-style-image: url("http://havokrpg-wiki.wikidot.com/local--files/h1:media/star.png"); }
  ul ul {
    list-style-image: url("http://havokrpg-wiki.wikidot.com/local--files/h1:media/level2.png"); }
    ul ul ul {
      list-style-image: url("http://havokrpg-wiki.wikidot.com/local--files/h1:media/level3.png"); }
 
ol ul {
  list-style-image: url("http://havokrpg-wiki.wikidot.com/local--files/h1:media/level2.png"); }
 
menu, dir {
  list-style-image: url("http://havokrpg-wiki.wikidot.com/local--files/h1:media/star.png"); }
 
/*TABS*/
.yui-navset {
  /*Tab Content*/ }
  .yui-navset .yui-nav {
    border: none;
    background-color: transparent; }
    .yui-navset .yui-nav a {
      background: none;
      border-style: solid;
      border-color: black; }
      .yui-navset .yui-nav a em {
        /*Non-Selected Tabs*/
        border-color: #243356;
        border-top-color: #243356;
        border-radius: 0.5em;
        color: white;
        background-color: #036973;
        /* fallback/image non-cover color */
        background-image: -moz-linear-gradient(#036973, #243356);
        /* Firefox 3.6+ */
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#036973), to(#243356));
        /* Safari 4+, Chrome 1+ */
        background-image: -webkit-linear-gradient(#036973, #243356);
        /* Safari 5.1+, Chrome 10+ */
        background-image: -o-linear-gradient(#036973, #243356);
        /* Opera 11.10+ */ }
      .yui-navset .yui-nav a:hover {
        /*Tab Hover*/
        background-color: #015C63;
        color: white;
        border-radius: 0.5em;
        border-color: #243356;
        background-color: #036973;
        /* fallback/image non-cover color */
        background-image: -moz-linear-gradient(#036973, #243356);
        /* Firefox 3.6+ */
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#036973), to(#243356));
        /* Safari 4+, Chrome 1+ */
        background-image: -webkit-linear-gradient(#036973, #243356);
        /* Safari 5.1+, Chrome 10+ */
        background-image: -o-linear-gradient(#036973, #243356);
        /* Opera 11.10+ */ }
      .yui-navset .yui-nav a:focus {
        /*Tab Hover*/
        background-color: #015C63;
        color: white;
        border-radius: 0.5em;
        border-color: #243356;
        background-color: #036973;
        /* fallback/image non-cover color */
        background-image: -moz-linear-gradient(#036973, #243356);
        /* Firefox 3.6+ */
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#036973), to(#243356));
        /* Safari 4+, Chrome 1+ */
        background-image: -webkit-linear-gradient(#036973, #243356);
        /* Safari 5.1+, Chrome 10+ */
        background-image: -o-linear-gradient(#036973, #243356);
        /* Opera 11.10+ */ }
    .yui-navset .yui-nav .selected a {
      /*Selected Tab*/
      background-color: #018b93;
      color: white;
      text-shadow: 0px 0px 5px #52A298;
      border-radius: 0.5em;
      background-color: #0ac0ce;
      /* fallback/image non-cover color */
      background-image: -moz-linear-gradient(#0ac0ce, #018b93);
      /* Firefox 3.6+ */
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0ac0ce), to(#018b93));
      /* Safari 4+, Chrome 1+ */
      background-image: -webkit-linear-gradient(#0ac0ce, #018b93);
      /* Safari 5.1+, Chrome 10+ */
      background-image: -o-linear-gradient(#0ac0ce, #018b93);
      /* Opera 11.10+ */ }
      .yui-navset .yui-nav .selected a:hover {
        /*Tab Hover*/
        background-color: #015C63;
        color: white;
        border-radius: 0.5em;
        border-color: #243356;
        background-color: #036973;
        /* fallback/image non-cover color */
        background-image: -moz-linear-gradient(#036973, #243356);
        /* Firefox 3.6+ */
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#036973), to(#243356));
        /* Safari 4+, Chrome 1+ */
        background-image: -webkit-linear-gradient(#036973, #243356);
        /* Safari 5.1+, Chrome 10+ */
        background-image: -o-linear-gradient(#036973, #243356);
        /* Opera 11.10+ */ }
      .yui-navset .yui-nav .selected a:focus {
        /*Tab Hover*/
        background-color: #015C63;
        color: white;
        border-radius: 0.5em;
        border-color: #243356;
        background-color: #0ac0ce;
        /* fallback/image non-cover color */
        background-image: -moz-linear-gradient(#0ac0ce, #018b93);
        /* Firefox 3.6+ */
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0ac0ce), to(#018b93));
        /* Safari 4+, Chrome 1+ */
        background-image: -webkit-linear-gradient(#0ac0ce, #018b93);
        /* Safari 5.1+, Chrome 10+ */
        background-image: -o-linear-gradient(#0ac0ce, #018b93);
        /* Opera 11.10+ */ }
      .yui-navset .yui-nav .selected a em {
        /*Selected Tab*/
        background-color: #018b93;
        color: white;
        text-shadow: 0px 0px 5px #52A298;
        border-radius: 0.5em;
        background-color: #0ac0ce;
        /* fallback/image non-cover color */
        background-image: -moz-linear-gradient(#0ac0ce, #018b93);
        /* Firefox 3.6+ */
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0ac0ce), to(#018b93));
        /* Safari 4+, Chrome 1+ */
        background-image: -webkit-linear-gradient(#0ac0ce, #018b93);
        /* Safari 5.1+, Chrome 10+ */
        background-image: -o-linear-gradient(#0ac0ce, #018b93);
        /* Opera 11.10+ */ }
  .yui-navset .yui-navset-top .yui-nav {
    border: none;
    background-color: black; }
    .yui-navset .yui-navset-top .yui-nav a em {
      /*Non-Selected Tab*/
      background-color: #036973;
      /* fallback/image non-cover color */
      background-image: -moz-linear-gradient(#036973, #243356);
      /* Firefox 3.6+ */
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#036973), to(#243356));
      /* Safari 4+, Chrome 1+ */
      background-image: -webkit-linear-gradient(#036973, #243356);
      /* Safari 5.1+, Chrome 10+ */
      background-image: -o-linear-gradient(#036973, #243356);
      /* Opera 11.10+ */
      border-color: #243356;
      border-top-color: #243356;
      border-radius: 0.5em;
      color: white; }
  .yui-navset .yui-content {
    background: #232323;
    color: #b056f1;
    border-radius: 0.5em; }
 
input[type="button"], input[type="submit"] {
  background-color: #018b93;
  color: white;
  text-shadow: 0px 0px 5px #52A298;
  border-radius: 0.5em;
  background-color: #0ac0ce;
  /* fallback/image non-cover color */
  background-image: -moz-linear-gradient(#0ac0ce, #018b93);
  /* Firefox 3.6+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0ac0ce), to(#018b93));
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-linear-gradient(#0ac0ce, #018b93);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(#0ac0ce, #018b93);
  /* Opera 11.10+ */ }
 
.owindow .button-bar a {
  background-color: #018b93;
  color: white;
  text-shadow: 0px 0px 5px #52A298;
  border-radius: 0.5em;
  background-color: #0ac0ce;
  /* fallback/image non-cover color */
  background-image: -moz-linear-gradient(#0ac0ce, #018b93);
  /* Firefox 3.6+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0ac0ce), to(#018b93));
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-linear-gradient(#0ac0ce, #018b93);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(#0ac0ce, #018b93);
  /* Opera 11.10+ */ }
 
/*Syntax Highlighter*/
.syntaxhighlighter a {
  font-style: normal;
  font-size: 10pt;
  font-family: "Ubuntu Mono", sans-serif; }
.syntaxhighlighter div {
  font-style: normal;
  font-size: 10pt;
  font-family: "Ubuntu Mono", sans-serif; }
.syntaxhighlighter code {
  font-style: normal;
  font-size: 10pt;
  font-family: "Ubuntu Mono", sans-serif; }
.syntaxhighlighter table {
  font-style: normal;
  font-size: 10pt;
  font-family: "Ubuntu Mono", sans-serif; }
  .syntaxhighlighter table td {
    font-style: normal;
    font-size: 10pt;
    font-family: "Ubuntu Mono", sans-serif; }
  .syntaxhighlighter table tr {
    font-style: normal;
    font-size: 10pt;
    font-family: "Ubuntu Mono", sans-serif; }
  .syntaxhighlighter table tbody {
    font-style: normal;
    font-size: 10pt;
    font-family: "Ubuntu Mono", sans-serif; }
  .syntaxhighlighter table thread {
    font-style: normal;
    font-size: 10pt;
    font-family: "Ubuntu Mono", sans-serif; }
  .syntaxhighlighter table caption {
    font-style: normal;
    font-size: 10pt;
    font-family: "Ubuntu Mono", sans-serif; }
.syntaxhighlighter textarea {
  font-style: normal;
  font-size: 10pt;
  font-family: "Ubuntu Mono", sans-serif; }
 
#account-options li a {
  background-color: black; }
  #account-options li a:hover {
    color: #47d8c0; }

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

I like it!

ExistentialGrey89 21 Oct 2016 16:28

As a member of Reverend Fox's primary site, I'm quite happy that he made his theme publically available. It's a dark but clean theme which is very easy to read.

---

"And nothing of value was lost."
— Dr. Jack Bright.