Dark Pretty Pink

Click to preview

Name: Dark Pretty Pink

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

Tags:

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

Description:

Dark Pretty Pink is a variation of Pretty Pink, with a dark background, monospace font, and a bunch of little differences—it recolors tables and does a lot of other minor things that we thought would look aesthetically pleasing with pink and purple. This uses the wide variation and is ideal when you need all the screen space you can get for your project. It grabs 90% of the screen width, up to 1200 pixels wide.

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/dark-pretty-pink

Code

+ show the code

/*
    Neon City Nights: Dark Pretty Pink fixed-width variation
    Produced by the Wikidot Rainbow Theme Factory, by Pieter Hintjens
    modifications by Celica (celicancn)
 
    Color chart:
    * Primary: #b400b6 
    * Hilite:  #fa11fd
    * Header:  #b537b6
    * BG:      #161616
 
    Rainbow Theme Set by Pieter Hintjens, based on a design by Gabrys
    using elements by James Kanjo and by Steven Heynderickx
    and with help from many others.
    (c) the Authors cc-by-sa
 
    Changelog:
 
    * 2022-11-17 - definitely stole this to recolor it
*/
 
html,body {
    min-height: 101%;
}
 
a {
    text-decoration: none;
}
 
a:hover {
    background-color: transparent;
    text-decoration: underline;
}
 
#container-wrap {
    background: url(/local--files/dark-pretty-pink/body-bg-black.png) repeat-x top;
}
 
/*  Use 950 pixels width for normal screens, 100% for iPhones */
#container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 8px;
    background: url(/local--files/dark-pretty-pink/shadow-left-dark.png) no-repeat 0 89px;
    position: relative;
}
@media only screen and (max-device-width: 480px) {
    #container {
        width: 100%;
    }
}
 
#header {
    height: 118px;
    padding-right: 8px;
    background: url(/local--files/dark-pretty-pink/shadow-right-dark.png) no-repeat right 89px;
}
 
#header h1 {
    float: left;
    padding: 43px 0 0 16px;
}
 
#header h1 span {
    padding-right: 7px;
    text-transform: uppercase;
}
 
/* CSS Competition Easy Logo and Header code */
#header h2, #header h1 a span{
    display: none;
}
 
#header h1 a, #header h1 a:hover{
    font-family: "Ubuntu Mono", "Noto Sans", "Consolas", "Andale Mono", monospace;
    background-color: transparent;
    background-image: url(http://neoncitylights.wikidot.com/local--files/resources/ncn-logo-46-long.png);
    padding-bottom: 8px;
    height: 46px;
    width: 480px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    object-fit: contain;
    /* top: {$logo-top}; */
    /* left: {$logo-left}; */
    position: absolute;
}
 
/* #header{
    background-image: url({$header-image});
    background-position: {$header-position};
    background-repeat: {$header-repeat};
    background-color: {$header-color};
} */
 
#search-top-box{
    top: {$search-top};
    left: {$search-left};
}
 
#search-top-box-input{
    width: {$search-width};
}
 
/*
#header h1 a {
    font-family: "Ubuntu Mono", "Noto Sans", "Consolas", "Andale Mono", monospace;
    display: none;
    font-size: 25px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 26px;
}
 
#header h2 {
    font-family: "Ubuntu Mono", "Noto Sans", "Consolas", "Andale Mono", monospace;
    display: none;
    font-size: 16px;
    padding: 49px 7px 0;
    line-height: 20px;
    color: #fff;
} 
 
#header h2:before {
    content: "|";
} 
 
#header h2 span {
    padding-left: 7px;
    font-size: 12px;
    text-transform: uppercase;
    color: #777;
}
*/
 
#header h3, #header h4, #header h5, #header h6 {
    font-family: "Ubuntu Mono", "Noto Sans", "Consolas", "Andale Mono", monospace;
}
 
#toc {
    background: #200821;
    padding: 20px;
    border-radius: 5px;
}
 
#top-bar {
    width: 100%;
    height: 29px;
    right: 0;
    left: 0;
}
 
#top-bar li, #top-bar ul {
    margin: 0;
    padding: 0;
}
 
#top-bar ul {
    margin-right: 8px;
    height: 29px;
}
 
#top-bar ul ul {
    margin-right: 0;
}
 
#top-bar li a {
    border-right: 1px solid #fff;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 29px;
    padding: 0 15px;
    text-decoration: none;
}
 
#top-bar li a:hover {
    text-decoration: none;
}
 
#top-bar li ul {
    border: none;
}
 
#top-bar li ul li a {
    width: 18em;
    color: #fff;
}
 
#top-bar li ul li a:hover {
    color: #000;
}
 
#content-wrap {
    padding-right: 8px;
    background: url(/local--files/dark-pretty-pink/shadow-right-dark.png) no-repeat right -29px;
    overflow: hidden;
}
 
#side-bar {
    border-left:1px dashed #161616;
    float:right;
    margin-top:10px;
    overflow:hidden;
    padding:0 15px 0;
    width:200px;
}
 
#main-content {
    margin: 20px 0 20px 0;
    padding: 0 15px;
    min-height: 150px;
    overflow: hidden;
}
 
h1, h2, h3, #page-title {
    padding: 0;
    margin: 15px 0;
    font-family: "Ubuntu Mono", "Noto Sans", "Consolas", "Andale Mono", monospace;
}
 
h4, h5, h6 {
    font-family: "Ubuntu Mono", "Noto Sans", "Consolas", "Andale Mono", monospace;
}
 
#page-content > *:first-child {
    margin-top: 0;
}
 
#page-title {
    padding-bottom: 2px;
    border-bottom: 1px solid #eee;
    margin-top: 0;
    font-size: 180%;
}
 
#login-status {
    right: 8px;
    top: 8px;
}
 
#top-bar li a:hover {
    background: white;
}
 
#search-top-box {
    right:-53px;
    top:50px;
}
 
#search-top-box .button {
    visibility: hidden;
}
 
#search-top-box input.empty {
    background-color:#EEEEEE;
    color:#999999;
}
 
#search-top-box .text {
    padding:2px 2px 2px 5px;
    width:220px;
}
 
#login-status a {
    text-decoration: none;
}
 
#login-status #account-topbutton, #account-options li a:hover, .change-textarea-size a {
    color: #fff;
}
 
#login-status #account-topbutton:hover, .change-textarea-size a:hover {
    color: #000;
}
 
div.buttons input, input.button, button, file, a.button {
    background: #161616 url(http://themes.wikidot.com/local--files/rainbow-base/button_2.png) repeat-x;
    border: 1px solid #DDD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 26px;
}
 
div.buttons input:hover, input.button:hover, button:hover, a.button:hover {
    background-color: #DDD;
    background-position: 0 -26px;
    border: 1px solid #DDD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    height: 26px;
}
 
div.page-calendar-box {
    padding: 0;
}
 
/* Quotes in Blockquotes by James Kanjo */
/* http://snippets.wikidot.com/code:quotes-in-blockquotes */
 
blockquote {
    [!-- background-image: url(http://snippets.wikidot.com/local--files/code:quotes-in-blockquotes/quote-right.gif); --]
    background-repeat: no-repeat;
    background-color: #200821;
    background-position: bottom right;
}
 
blockquote p {
    [!-- background-image: url(http://snippets.wikidot.com/local--files/code:quotes-in-blockquotes/quote-left.gif); --]
    background-repeat: no-repeat;
    background-color: #200821;
    margin-top: 0;
    padding: 1em 60px 0;
    min-height: 37px;
}
 
blockquote p + p {
    padding-top: 0;
    background-image: none;
}
 
#breadcrumbs {
    margin-bottom: 1em;
}
 
.odate, .like-odate {
    font-size: 85%;
    font-weight: bold;
    color: #666;
    background: transparent;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}
 
#membership-by-password-box error-block,
#membership-apply-box error-block,
.member .error-block {
    display:none;
}
 
/*  Pop-up hover text over images or links, based on James Kanjo's design, improved & simplified by Pieter Hintjens */
/*  Use: [[span class="hover"]]Image or link[[span]]Hover text[[/span]][[/span]] */
 
.hover {
    color: #D50BA6;
    text-decoration: underline;
    border-bottom: none;
}
 
.hover:hover {
    color: #D50BA6;
    background-color: transparent;
    text-decoration: none;
    border-bottom: none;
}
 
.hover span {
    display: none;
}
 
.hover:hover span {
    position: absolute;
    display: inline;
    margin: 20px -20px 0 0;
    height: auto;
    width: auto;
    background: #200821;
    border: 3px solid #D50BA6;
    color: #D4D4D4;
    padding: 1em;
    /* font-size: 12px; */
}
 
.hover:hover span span {
    position: relative;
    margin: auto;
    height: auto;
    width: auto;
    border: none;
    padding: 0;
}
 
/*  Text-only Join link by Ken Tsang */
 
.join-text a {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 100%;
    background: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    text-decoration: none; 
}
 
.join-text a:hover {
    text-decoration: underline; 
}
 
/*  Use elegant code brackets from Wikidot Community */
.code {
     -moz-box-shadow: 10px -5px 15px #ddd;
     background-color:#242424;
     [!-- background-image:url(http://community.wikidot.com/local--files/admin:css/brackets.png); --]
     background-repeat:no-repeat;
     border:2px dotted darkgrey;
     font-family: "Ubuntu Mono", "Noto Sans", "Consolas", "Andale Mono", monospace;
     font-size:12px;
     margin:0.4em 0 0.4em 40px;
     min-height:65px;
     overflow:auto;
     padding: 0 1em 0 40px;
     width:85%;
}
 
/*  For PageManager module (http://modules.wikidot.com) */
/*  Table style is layout, header/footer are top & bottom rows */
.layout {
    border-collapse:collapse;
    color:#3B485F;
    width: 100%;
    table-layout:fixed;
}
 
.layout tr {
    background: #200821;
    border-bottom:1px solid #200821;
}
 
.layout td {
    padding-left: 1em;
}
 
.layout th {
    background: #b400b6;
    padding-left: 1em;
}
 
table.wiki-content-table th {
    background: #b400b6;
    border: 2px solid #b400b6;
}
 
table.wiki-content-table td {
    border: 2px solid #161616;
    background: #190019;
}
 
table.wiki-content-table tr:nth-child(odd) {
    background: #190019;
}
 
table.wiki-content-table tr:nth-child(even) {
    background: #4A194D;
}
 
.layout .truncate {
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}
 
.layout .header {
    height: 2em;
    background: #AFCCFF;
    border-bottom: 1px solid #9F9F9F;
    font-weight: bold;
    font-size: 13px;
}
 
.layout .footer {
    background: #FCFFDF;
    border-top: 1px solid #9F9F9F;
    border-bottom: 1px solid #9F9F9F;
    font-weight: bold;
}
 
body {
    font-family: "Ubuntu Mono", "Noto Sans", "Consolas", "Andale Mono", monospace;
    background: #161616 url(http://themes.wdfiles.com/local--files/dark-pretty-pink/footer-bg-black.png) repeat-x bottom;
    color: #D4D4D4;
}
 
a {
    color: #b400b6;
}
 
a:hover {
    color: #b400b6;
}
 
a.newpage {
    color: #fa11fd;
}
 
h1, h2, h3, #page-title {
    color: #b400b6;
}
 
#header h1 a {
    color: #b537b6;
}
 
#top-bar ul {
    background: url(http://themes.wdfiles.com/local--files/dark-pretty-pink/menu-bg.png) repeat-x top;
}
 
#top-bar li a:hover {
    background: url(http://themes.wdfiles.com/local--files/dark-pretty-pink/menu-hover.png);
}
 
#top-bar li ul li a {
    background: #b400b6;
}
 
#top-bar li ul li a:hover {
    background: #fa11fd;
}
 
#login-status a {
    color: #b400b6;
}
 
#login-status #account-topbutton, #account-options li a:hover, .change-textarea-size a {
    background: #b400b6;
}
 
#login-status #account-topbutton:hover, .change-textarea-size a:hover {
    background: #fa11fd;
}
 
input.text, textarea {
    border-color: #b400b6;
}
 
/*  Classes for tab views, by Steven Heynderickx  */
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border:solid #b400b6; /* color of the line between tab list and content old: #161616;*/
    border-width:0 0 3px; /*thickness of the line between tab list and content */
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    margin:0 1px 0 0; /* space between tabs */
}
 
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    margin:0 1px -1px 0; /* for overlap */
}
 
/* Settings for unselected tabs */
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background:#b537b6 url(http://themes.wikidot.com/local--files/rainbow-base/tabcolor.png) repeat-x -3px;
    border-top:solid #b400b6 1px;
    border-left:solid #b400b6 1px;
    border-right:solid #b400b6 1px;
    font-weight:600;
    font-size:80%;
    color:#000;/*tab text color*/
}
 
/* Settings for unselected tabs */
.yui-navset .yui-nav a:hover,
.yui-navset .yui-navset-top .yui-nav a:hover {
    background:#fa11fd;
}
 
/* Settings for unselected tabs */
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
    border:solid #f00 0px;
}
 
.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:#b400b6 url(http://themes.wikidot.com/local--files/rainbow-base/tabcolor.png) repeat-x -3px;
    color:#fff;border:1px solid #b400b6;
}
 
/* Settings for main wrapper area */
.yui-navset .yui-content {
    background:#222222; /* content background color */
}
 
/* Blinking cursor code */
.blink {
  animation: blinker 1s step-start infinite;
}
 
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

Notes

Similar themes

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