DarkCurves

Click to preview

Name: DarkCurves

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

Tags: simple topbar

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

Description:

Well… curves (:

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

Code

+ show the code

/* Empty Screen */
#hideall
{
display: none;
}
.hideall
{
display: none
}
#navi-bar {display: none;}
#navi-bar-shadow {display: none;}
 
#header {display: none;}
 
#side-bar {display: none;}
 
#page-title {display: none;}
 
#breadcrumbs {display: none;}
 
#main-content {
    margin:0px;
    padding: 0px;
    width: 100%;
}
 
.page-tags {display: none;}
 
#page-info {display: none;}
 
.page-watch-options {display: none;}
 
.page-options-bottom {display: none;}
 
#footer {display: none; position: absolute; left: -999em;}
 
#license-area {display: none;}
 
#footer-bar {display: none;}
/*
#action-area h1,
#edit-page-form table,
#edit-page-form .change-textarea-size,
#edit-page-form .edit-help-34,
#edit-page-form .edit-page-bottomtable,
#edit-cancel-button,
#edit-diff-button,
#edit-save-continue-button {
    display: none;
}
*/
/* Actual Theme */
@font-face {
    font-family: 'Qlassik';
    src: url('http://bmcenterprises.wdfiles.com/local--files/fonts/Qlassik_TB-webfont.eot');
    src: local('☺'), url('http://bmcenterprises.wdfiles.com/local--files/fonts/Qlassik_TB-webfont.woff') format('woff'), url('http://bmcenterprises.wdfiles.com/local--files/fonts/Qlassik_TB-webfont.ttf') format('truetype'), url('http://bmcenterprises.wdfiles.com/local--files/fonts/Qlassik_TB-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'QlassikBold';
    src: url('QlassikBold_TB-webfont.eot');
    src: local('☺'), url('http://bmcenterprises.wdfiles.com/local--files/fonts/QlassikBold_TB-webfont.woff') format('woff'), url('http://bmcenterprises.wdfiles.com/local--files/fonts/QlassikBold_TB-webfont.ttf') format('truetype'), url('http://bmcenterprises.wdfiles.com/local--files/fonts/QlassikBold_TB-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
#page-content{
margin: 10px;
}
#main-content{
color:#EEE;
}
a{
color:#39C;
}
h1,h2,h3,h4{
font-family: Qlassik, Helvetica;
}
body{
background-color:#212121;
}
#header{
display: block;
}
#header h2,
#header #search-top-box{
display:none;
}
#header #login-status{
top:0px;
font-family: Qlassik, Helvetica;
font-size:18px;
background-color:white;
    border: 4px solid white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    padding:4px;
}
#header #top-bar ul li a{
color: #39C;
}
#header #top-bar ul li a span.a{
background-color:#323232;
}
#header #top-bar{
margin-left:10px;
margin-right:10px;
padding:5px;
color: #39C;
cursor: auto;
display: block;
font-size: 24px;
font-family: Qlassik, Helvetica;
background-color:#323232;
    border: 4px solid #545454;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
#header h1 a{
margin-left:10px;
margin-right:10px;
padding-left:5px;
color: #39C;
cursor: auto;
display: block;
font-family: Qlassik, Helvetica;
font-size: 60px;
font-weight: normal;
opacity: 1;
position: relative;
text-decoration: none;
top: 0px;
width:auto;
background-color:#323232;
    border-bottom: 4px solid #545454;
    border-left: 4px solid #545454;
    border-right: 4px solid #545454;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
#header h1 a:hover{
background-color:#292929;
color:#EEE;
}
.slider-container {
    width: 1000px;
    height: 236px;
    position: relative;
    padding: 10px 0px;
    overflow: hidden;
    margin: 10px auto;
}
.slider-box {
    width: 300px;
    height: 220px;
    margin: 0 0px 0 0px;
    padding: 4px 5px;
    position: absolute;
    border: 4px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.15)));
    display: block;
    overflow: hidden;
    -webkit-transition: border-color 200ms ease-out;
    -moz-transition: border-color 200ms ease-out;
    color:#000;
}
.slider-box:hover {
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.4);
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
    border: 4px solid #37abe5;
}
.slider-box h3 a {
    position: relative;
    height: 36px;
    width: 300px;
    display: block;
    margin-top: -66px;
    padding: 13px 2px 0px 8px;
    margin-left: -5px;
    color: #424242;
    font-family: 'Qlassik', Helvetica;
    font-size: 26px;
    line-height: 24px;
    z-index: 90;
    bottom: 6px;
    background-color: yellow;
    background-color: rgba(254,255,0,0.9);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.15)));
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-shadow: 0 -1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 -1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 -1px 2px rgba(0,0,0,0.2);
}
.slider-box h3 a:hover, .slider-box h3 a:focus {
    border: none;
    text-decoration: none;
}
.slider-box .image {
    position: relative;    
    height: 228px;
    width: 310px;
    margin: -5px 0 0 -5px;
    z-index: 10;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
 
@-webkit-keyframes slider {
0% {
    -webkit-transform: translate(0px, 0);
} 
45% {
    -webkit-transform: translate(0px, 0);
}
55% {
    -webkit-transform: translate(-1020px, 0);
}
100% {
    -webkit-transform: translate(-1020px, 0);
}
}
.slider-box {
    -webkit-animation-name: slider; 
    -webkit-animation-duration: 15s;
     -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 10s;
}
.slider-box.one {
    left: 0px;   
}.slider-box.two {
    left: 340px;
}.slider-box.three {
    left: 680px;
}.slider-box.four {
    left: 1020px;
}.slider-box.five {
    left: 1360px;
}.slider-box.six {
    left: 1700px;
}
 
.slider-box.one h3 a {
    background-color: #3198dd;
    color: #ebebeb;
    text-shadow: #1d6fa5 0 1px 0;
}
.slider-box.two h3 a {
    background-color: #87ee00;
}
.slider-box.five h3 a {
    background-color: #87ee00;
}
.slider-box.six h3 a {
    background-color: #3198dd;
    color: #ebebeb;
    text-shadow: #1d6fa5 0 1px 0;
}
/** Lightbox **/
.gallery-box {
    padding: 20px;
}
.gallery-item.thumbnail {
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eef1f1));
    background-image: -moz-linear-gradient(top,#fff, #eef1f1);
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    -webkit-transition: all 350ms ease-out;
    -moz-transition: all 350ms ease-out;
}
.gallery-item.thumbnail table tbody tr td {
    border: none !important;
}
.gallery-item.thumbnail:hover {
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.18);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.18);
    box-shadow: 0 0 7px rgba(0,0,0,0.18);
    -webkit-transform: scale(1.15) rotate(-3deg);
    -moz-transform: scale(1.15) rotate(-3deg);
}
.gallery-item.thumbnail:hover:nth-child(odd) {
    -webkit-transform: scale(1.2) rotate(3deg);
    -moz-transform: scale(1.2) rotate(3deg);
}
#lightbox-container-image-box {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.8);
    box-shadow: 0 0 7px rgba(0,0,0,0.8);
    position: relative;
    z-index: 20;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eef1f9));
    background-image: -moz-linear-gradient(top,#fff, #eef1f9);
}
#lightbox-container-image-data-box {
    padding-top: 10px;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fefef1));
    background-image: -moz-linear-gradient(top,#fff, #eef1f1);
    position: relative;
    z-index: 10;
    top: -45px;
    opacity: 0;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
#jquery-lightbox:hover #lightbox-container-image-data-box {
    top: -5px;
    opacity: 1;
}
a#lightbox-nav-btnPrev, a#lightbox-nav-btnNext {
    opacity: 0;
    -webkit-transition: opacity 600ms ease;
    -moz-transition: opacity 600ms ease;
}
a#lightbox-nav-btnPrev:hover, a#lightbox-nav-btnNext:hover {
    opacity: 1;
}
a#lightbox-secNav-btnClose {
    border-bottom: 7px solid transparent;
    padding-bottom: 0;
    -webkit-transition: border-color 300ms ease;
    -moz-transition: border-color 300ms ease;
}
a#lightbox-secNav-btnClose:hover {
    border-bottom: 7px solid #39c;
}
#top-bar li a {
padding: 1px 8px !important;
}

Notes

Generated Code

quartz-developer: "Quartz Developer"
topaz-developer: "Topaz Developer"
sapphire-developer: "Sapphire Developer"
diamond-developer: "Diamond Developer"
ruby-developer: "Ruby Developer"
onyx-developer: "Onyx Developer"
peridot-developer: "Peridot Developer"
generic-developer: "Generic Developer"
goodnight: "Goodnight"
slightly-blue: "slightly blue"
green-flower: "Green Flower"
pink-flower: "Pink Flower"
freshly-squeezed-apple: "Freshly Squeezed Apple"
freshly-squeezed-orange: "Freshly Squeezed Orange"
freshly-squeezed: "Freshly Squeezed"
woodcut-plus: "Woodcut plus"
darkcurves-blue: "DarkCurves - Blue"
blue-heaven: "Blue Heaven"
darkcurves: "DarkCurves"
natural: "Natural wonders"
forest: "Forest"
strangebutfunny: "StrangeButFunny"
worksheet: "Worksheet"
microgreen: "MicroGreen"
microblue: "MicroBlue"
fire-toffi: "Fire Toffi"
macco: "Macco"
a-corner-game: "A Corner Game"
arkite: "Arkite"
orange-metal: "Orange Metal"
battlefield: "battlefield"
wurve-sidebar: "Wurve SideBar"
wurve: "Wurve"
dark-blue-club-penguin: "Dark Blue Club Penguin"
outlines: "outlines"
theme-1: "Theme 1"
paradiso: "Paradiso"
crimson-light: "crimson-light"
purp: "purp"
ecclesiastic: "ecclesiastic"
orange-black-improved: "Orange Black Improved"
organic: "organic"
semi-trans: "Semi-Trans v. 1.0"
kv1: "kv1"
folder: "Folder"
phantom: "Phantom"
modern-simplicity: "Modern Simplicity (beta)"
spacedoutwide: "Wide Spaced Out"
spacedout: "Spaced Out"
clean-simple: "clean & simple"
golden-flare: "Golden Flare"
shiny-blue: "shiny blue"
the-elite: "The Elite"
minimalist-base: "Minimalist Base"
summer-minimalist: "Summer Minimalist"
fresh-minimalist: "Fresh Minimalist"
ginger-minimalist: "Ginger Minimalist"
golden-minimalist: "Golden Minimalist"
lonely-minimalist: "Lonely Minimalist"
precious-minimalist: "Precious Minimalist"
pretty-minimalist: "Pretty Minimalist"
queen-minimalist: "Queen Minimalist"
radical-minimalist: "Radical Minimalist"
sunrise-minimalist: "Sunrise Minimalist"
silent-minimalist: "Silent Minimalist"
midnight-minimalist: "Midnight Minimalist"
tropical-minimalist: "Tropical Minimalist"
eco-minimalist: "Eco Minimalist"
discrete-minimalist: "Discrete Minimalist"
classic-minimalist: "Classic Minimalist"
bloody-minimalist: "Bloody Minimalist"
techno-minimalist: "Techno Minimalist"
cape-verde: "Cape Verde"
wheat: "Wheat"
green-tea: "Green Tea"
abc: "Abc"
alice-blue: "Alice blue"
rainbow-base: "Rainbow Base"
midnightonyxwide: "Wide Midnight Onyx"
midnightonyx: "Midnight Onyx"
curvature-mirrored: "Curvature (mirrored)"
primitiveelement: "Primitiveelement"
dark-blue: "Dark Blue"
timelinez: "Timelinez"
northernlights: "Northern Lights"
pale-snow: "Pale Snow"
midnight-coal: "Midnight Coal"
silent-silver: "Silent Silver"
orange2: "Orange2"
orange-juice: "Orange Juice"
sky-blue: "Sky Blue"
tropical-seas: "Tropical Seas"
pretty-pink: "Pretty Pink"
late-harvest: "Late Harvest"
green-grass: "Green Grass"
royal-purple: "Royal Purple"
deep-blue: "Deep Blue"
cherry-red: "Cherry Red"
monodot: "MonoDot"
monobook: "Monobook"
boring-green-stripes: "Boring green stripes"
ia-theme: "IA Theme"
contest-notepad: "Notepad"
woodcut: "Woodcut"
contest-xp-wikidot: "XP-Wikidot"
articles-n-more: "Articles n' More"
php-wiki: "PHP Wiki"
game-maker-too-shiny: "Game Maker Too Shiny"
curvature: "Curvature"
solar: "Solar"
words: "Words"
ffii: "FFII"
ocean: "Ocean"
x-mas: "X Mas"
urban-style: "Urban Style"
underwater: "Underwater"
rainbow-flower: "Rainbow Flower"
os: "Os"
office: "Office"
music: "Music"
modern-black: "Modern Black"
metamorph: "Metamorph"
celestial: "Celestial"
orange-black: "Orange Black"
highway: "Highway"
too-shiny: "Too Shiny"
orange-fresh: "Orange Fresh"
2point0: "2point0"
green-fresh: "Green Fresh"
floral: "Floral"
glass: "Glass"
metallic-love-child: "Metallic Love Child"
sahara: "Sahara"
booze: "Booze"

page 2 of 2« previous12

Similar themes fake-wikidot-standard Author: Liurd Rating: 1, Comments: 0 Tags: sidebar topbar Gnl 109557431160 Author: Mukapogx 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 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