Arkite

Click to preview

Name: Arkite

Author: Cyrem
License: Creative Commons Attribution-ShareAlike 3.0 License

Tags: black business clean company corperate dark light modern no-sidebar professional simple topbar white

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

Description:

Arkite is designed to be a clean dark theme. Arkit is the perfect design for businesses and product displays since it doesn't look like a wiki at all. This theme is a fixed size design but has the ability to be expanded with some modification. This version of the theme does not support a sidebar and does not show a search bar. It's compatible with all major browsers and admin section. A sidebar version of the theme which will show the search bar will come out soon which will be more aimed at blogs.

I hope you like it.

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/arkite

Code

+ show the code

/* ==================== ARKITE THEME ==================== */
/* ============ Designed By Cyrem ~ www.vexgfx.com ========== */
 
body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
background:none repeat scroll 0 0 #252525;
}
 
h1, h2, h3, h4, h5, h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
 
#header
{
background:url("/local--files/arkite/Header.png") repeat-x transparent;
height:84px;
}
 
#header h1
{
background:url("/local--files/arkite/Logo.png") no-repeat scroll right center transparent;
height:103px;
margin-left:auto;
margin-right:auto;
width:1000px;
}
 
#header h2
{
display: none;
}
 
#container-wrap-wrap  {
background:none repeat scroll 0 0 #f2f2f2;
}
 
#header h1 a{
color: transparent;
font-size:0;
}
 
#header h1 a:hover{
background:transparent;
}
 
#footer {
background:url("/local--files/arkite/Footer.png") repeat-x scroll 0 0 #252525;
color:#A6A6A6;
float:right;
min-height:37px;
padding-right:10px;
padding-top:32px;
right:0;
text-align:center;
width:100%;
margin-top:0px
}
 
#footer a {
color:#EEEEEE;
text-decoration:none;
background:transparent;
}
 
#footer a:hover {
text-shadow:0 0 8px #FFFFFF;
border-bottom: 1px dotted #EEEEEE;
}
 
#footer .options {
float:none;
font-size:10px;
}
 
.printuser {
color:#000000;
font-weight:bold;
}
 
.printuser img.small {
display:none;
}
 
#main-content  {
margin-left:0px;
padding:30px 60px 20px;
background:url("/local--files/arkite/ContentBG.png") repeat-y transparent;
}
 
#content-wrap  {
margin-left:auto;
margin-right:auto;
width:1000px;
}
 
#top-bar  {
height:84px;
margin-left:auto;
margin-right:auto;
margin-top:-70px;
width:1000px;
position:relative;
right:0;
z-index:0;
}
 
#top-bar  li a {
color:#FFFFFF;
}
 
#top-bar li a:hover {
background-color:#353535;
height:45px;
margin-top:-33px;
padding-top:33px;
text-decoration:none;
border-bottom:0px;
text-shadow:0 0 8px #FFFFFF;
}
 
#top-bar ul li ul li a {
background-color:#C7C7C7;
color:#444444;
height:17px;
margin-top:0;
padding-top:0;
}
 
#top-bar ul li ul li a:hover {
height:17px;
margin-top:0;
padding-top:0;
background-color:#CFCFCF;
}
 
#top-bar li ul {
position:absolute;
top:46px;
visibility:hidden;
border-color: #C7C7C7;
}
 
#login-status {
font-size:11px;
margin-left:auto;
margin-right:auto;
margin-top:15px;
overflow:visible;
position:relative;
text-align:right;
text-decoration:none;
width:880px;
z-index:25;
}
 
a {
color:#888888;
text-decoration:none;
}
 
a:hover {
background-color:transparent;
border-bottom:1px dotted #999999;
color:#BBBBBB;
}
 
#license-area {
background:none repeat scroll 0 0 #252525;
color:#555555;
text-align:center;
}
 
#page-options-bottom  {
border-bottom:1px dotted #BBBBBB;
border-top:1px dotted #BBBBBB;
height:1%;
line-height:150%;
text-align:center;
width:100%;
}
 
#page-options-bottom-2
{
border-bottom:1px dotted #BBBBBB;
border-top:1px dotted #BBBBBB;
text-align:center;
width:100%;
}
 
#account-options {
background-color:#F0F0F0;
border:1px solid #DDDDDD;
padding:0;
position:absolute;
right:0;
text-align:center;
width:15em;
z-index:40;
}
 
#account-topbutton {
background-color:#FFFFFF;
border:0 none;
color:#000000;
font-size:80%;
font-weight:bold;
margin-left:5px;
padding:0 5px;
text-decoration:none;
}
 
#page-title  {
border-bottom:1px solid #DDDDDD;
}
 
.page-watch-options {
color:#333333;
font-size:10px;
text-align:right;
}
 
#page-info {
clear:both;
color:#333333;
font-size:10px;
margin:2px;
text-align:right;
}
 
#search-top-box  {
display:none;
}

Notes

Logo

A PSD file has been provided in the files for changing the logo text. If you don't have photoshop, just tell me what you'd like it to say and I'll change the text for you. Alternatively, you can find a blank version of the logo also in the files, if you want to do it yourself.

Similar themes RoundBox Author: HelloOSMe Rating: 4, Comments: 0 Tags: sidebar topbar CDB Theme (Modified from Tsade Theme) Author: Allen3723 Rating: 0, Comments: 0 Tags: 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 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 deposit

Comments

Whane The Whip 26 May 2010 16:53

I like it… simple, clean.

Uploading a new logo

shannonbomar 02 Sep 2010 17:16

I have edited the logo file but I cannot figure out how to get the page code to use my logo file instead of the one that says "Arkite" that came in the theme. Can you provide further instruction please?

Thank you!

Re: Uploading a new logo

Ed Johnson 02 Sep 2010 18:47

The images that make up the header section are located here in your CSS:

#header
{
background:url("/local--files/arkite/Header.png") repeat-x transparent;
height:84px;
}
 
#header h1
{
background:url("/local--files/arkite/Logo.png") no-repeat scroll right center transparent;
height:103px;
margin-left:auto;
margin-right:auto;
width:1000px;
}

How you use this information depends on how you installed your theme. If you called it through the external URL method, you will find it easier to tweak to your liking if you copy the code and paste it into your own CSS page. To do this, create a page on your site to hold your CSS and the logo file. I recommend using something like admin:theme to hold your custom CSS.

Copy the Arkite code and paste it into a [[code type="css]] ... [[/code]] block like this:

[[code type="css"]]
 ----------------------- paste the full CSS code here... ----------------------------
[[/code]]

Download all of the support files for this theme so you can upload them to your new page. They are all available through the files link at the bottom the page. Upload the files along with your new logo to that page. Then edit the reference to the logo file so points to your new logo:

background:url("/local—files/admin:theme/NewLogo.png") no-repeat scroll right center transparent;

Finally, go to your site manager and change the external URL for your css to:

/admin:theme/code/1

Clear your browser's cache, visit your home page and your new logo should be working if everything is set right.

-Ed

---

Community Admin

Last edited on 02 Sep 2010 18:56 by Ed Johnson Show more

Re: Uploading a new logo

shannonbomar 02 Sep 2010 20:48

Thank you! I will try this!

stvk2013 17 Apr 2013 20:43

f