Plantilla:Stock
Blue Obsession, based on Wikia's Obsession
To test this theme on any wiki:
- copy the Main CSS code to your User:MYname/monaco.css
To use this Theme:
- copy the images to your wiki
- replace the 3 http links with links from your wiki(also remove the "__cb*******/" part)
- copy the Main CSS to your MediaWiki:Monaco.css
- also add the Half Width code to your MediaWiki:Monaco.css for a Half Width Main Page
Required Images:
- File:Blue Obsession background.png
- File:Blue Obsession external.png
- File:Blue Obsession wikia logo.png
Main CSS[]
/* @group Main Colors */
.color1 {
background-color: #080872;
color: #DDD;
}
.color1 a {
color: #DDD;
}
.color2 {
background: #000 repeat-x;
background-image: url(http://images2.wikia.nocookie.net/logocreation/images/c/cd/Blue_Obsession_background.png);
}
.accent {
background-color: #06002E;
border-color: #0B005C;
color: #DDD;
}
.accent a {
color: #7120F3;
}
.neutral {
background-color: #222;
border-color: #444;
color: #DDD;
}
.neutral a {
color: #DDD;
}
.dark_text_1 {
color: #7120F3;
}
.dark_text_2 {
color: #BF3131;
}
#background_strip {
background: transparent;
border: none;
margin-bottom: 1px;
}
/* @end */
/* @group Header and Footer */
#wikia_header {
background: transparent;
border: none;
margin-bottom: 1px;
}
#wikia_logo {
background-image: url(http://images2.wikia.nocookie.net/logocreation/images/e/ed/Blue_Obsession_wikia_logo.png);
}
.header-button {
background-color: #080872;
color: #FFF;
}
#userData a, #wikiaBranding a {
color: #DDD;
}
#header_username a {
color: #7120F3;
}
#wikia_footer, #wikia_footer a {
color: #DDD;
}
/* @end */
/* @group Widgets */
.widget {
background: #0B005C;
border-color: #06002E;
}
.widget dd {
color: #CCC;
background: #06002E;
}
.widget dt {
background-color: #00007A;
background-image: -moz-linear-gradient(top, #00007A 0%, #0000D1 33%, #0000D1 42%, #00007A 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #00007A), color-stop(0.33, #0000D1), color-stop(0.42, #0000D1), color-stop(1.0, #00007A));
color: #CCC;
}
/* Navigation */
#search_box {
background-color: #00007A;
background-image: -moz-linear-gradient(top, #00007A 0%, #0000D1 33%, #0000D1 42%, #00007A 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #00007A), color-stop(0.33, #0000D1), color-stop(0.42, #0000D1), color-stop(1.0, #00007A));
}
#navigation .menu-item {
border-color: #04001A;
}
#navigation a {
background: #06002E;
color: #CCC;
}
#navigation .navigation-hover>a {
background: #0B0D7F;
}
#link_box, #link_box_dynamic {
background: #04001A;
}
#link_box_table a {
color: #7120F3;
}
/* Latest Activity widget */
.WidgetCommunity .community_header {
color: #CCC;
background: transparent;
border-bottom: #333;
}
.WidgetCommunity .toolbar {
background: transparent;
border-top: none;
}
/* @end */
/* @group Page */
a, table.gallery td a, div.thumbinner a {
color: #7120F3;
}
a:visited, table.gallery td a:visited {
color: #9233FF;
}
a.new {
color: #ED1901 !important;
}
#bodyContent a.external, #bodyContent a.extiw {
color: #7120F3;
}
#bodyContent a.external:visited, #bodyContent a.extiw:visited {
color: #7120F3;
}
#bodyContent a.external, #bodyContent a[href ^="gopher://"] {
background: center right no-repeat;
background-image: url(http://images4.wikia.nocookie.net/logocreation/images/8/8a/Blue_Obsession_external.png);
}
#page_bar {
background-color: #00007A;
background-image: -moz-linear-gradient(top, #00007A 0%, #0000D1 33%, #0000D1 42%, #00007A 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #00007A), color-stop(0.33, #0000D1), color-stop(0.42, #0000D1), color-stop(1.0, #00007A));
border-bottom: none;
}
#page_bar a:visited {
color: #DDD;
}
#page_tabs li {
background: #0E0647;
border: none;
}
#page_tabs li.selected {
background: #111;
color: #EEE;
border: none;
}
#page_tabs li a, #page_tabs li.selected a {
color: #EEE;
}
#page_tabs li a.new {
color: #E01700;
}
#wikia_page {
background: #030017;
border-color: #222;
color: #DDD;
}
#articleFooter {
background: #111;
border-top: 1px dashed #555;
}
#articleFooter td.col2 {
border-left: 1px dashed #555;
}
#articleFooter strong {
color: #EEE;
}
#toc,
.toc,
#catlinks,
#userloginForm form,
.forumheader,
ul#filetoc
{
color: #FFF;
background-color: #222;
border: 1px solid #555;
}
code {
background-color: #191919;
color: #FFF;
}
pre {
border: 1px dashed #444;
background-color: #222;
color: #FFF;
}
/* @end */
/* @group Main Page */
body.mainpage .firstHeading {
display: none;
}
/* @end */
/* @group Masthead */
#user_masthead {
background: #000;
}
#user_masthead h2 {
color: #EEE;
}
#user_masthead ul.nav_links li, #user_masthead ul.nav_links li a {
background: #080872;
color: #EEE;
}
#user_masthead ul.nav_links li.selected, #user_masthead ul.nav_links li.selected a {
background: #07008F;
border-color: #555;
color: #EEE;
}
body.masthead-regular #page_bar, body.masthead-special #page_bar,
body.masthead-regular #page_bar a, body.masthead-special #page_bar a {
background: #07008F;
border-color: #555;
color: #EEE;
}
.dark_text_1 {
color: #7120F3;
}
/* @end */
/* @group Blog */
#blogPostForm, #blogInfo {
color: #EEE;
}
div.blog-comm-input {
background: #222;
border: 1px solid #777;
}
h2.wikia_header {
background: #303030;
border: none;
color: #BA68FD;
}
div.wk_blogs_post .wk_blogs_summary {
color:#FFF !important;
}
/* @end */
/* @group History */
#pagehistory li {
border: 1px solid #000;
}
#pagehistory li.selected {
background-color: #06002E;
border: 1px dashed #404040;
color: #FFF;
}
table.diff {
background: #191919;
}
td.diff-otitle, td.diff-ntitle {
background: transparent;
}
td.diff-context {
background-color: #000;
}
td.diff-deletedline {
background-color: #331100;
}
td.diff-addedline {
background-color: #002E06;
}
/* @end */
/* @group Preferences */
.ns-special #preferences, .prefsection table, .prefsection legend {
background-color: #202020;
border-color: #606060;
color: #FFF;
}
#preftoc li {
border-color: #606060;
background-color: #151515;
}
#preftoc li.selected {
background-color: #202020;
border-color: #606060;
color: #FFF;
}
#preftoc li a {
color: #FFF;
}
/* @end */
/* @group Gallery */
table.gallery {
background-color: #111;
border: none;
}
table.gallery td {
background-color: #111;
border: none;
color: #FFF;
}
div.gallerybox {
border-color: #606060;
}
div.gallerybox div.thumb {
border: 1px solid #777;
background-color: #1F1F1F;
}
div.gallerybox div.thumb:hover,
div.gallerybox div.thumb div:hover {
background-color: #2A2A2A;
}
/* @end */
/* @group Thumb */
div.thumb div {
background-color: #202020;
border-color: #606060;
color: #FDF8E2;
}
div.thumb div a img {
border-color: #444;
}
/* @end */
/* @group Special Pages */
h4.mw-specialpagesgroup {
background-color: #222;
color: #CCC;
}
.not-patrolled {
background-color: #111;
}
/* @end */
/* @group Problem Reports */
.problemReportsList thead tr {
background: #06002E !important;
color: #FFF !important;
}
.problemReportsList .odd {
background-color: #06002E !important;
color: #FFF !important;
}
/* @end */
/* @group Recent Changes */
.mw-plusminus-pos {
color: #009800;
}
.mw-plusminus-neg {
color: #CC2200;
}
/* @end */
/* @group Misc */
.wikia-tabs .selected {
background: #000;
color: #DDD;
}
div.noarticletext {
background: transparent;
border: 1px solid #333;
color: #EEE;
}
.forumlist td.forum_edited a {
color: #FFF;
}
.TablePager, .TablePager td, .TablePager th {
background: #222222 !important;
border: 1px solid #555555;
color: #FFFFFF !important;
}
.usermessage {
background-color: #FFCE7B;
border: 1px solid #FFA500;
color: #000;
}
/* @end */
/* @group BUTTONS */
a.wikia-button,
a.wikia-button:visited,
span.wikia-button a,
span.wikia-button a:visited,
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
background-color: #0A0C71;
background-image: -moz-linear-gradient(top, #0D0F91 20%, #0A0C71 70%);
background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(#0D0F91), to(#0A0C71));
border-color: #FFFFFF;
box-shadow: 0 1px 0 #0A0C6B, 0 -1px 0 #0A0C6B, 1px 0 0 #0A0C6B, -1px 0 0 #0A0C6B;
color: #FFFFFF;
-moz-box-shadow: 0 0 0 1px #0A0C6B;
-webkit-box-shadow: 0 1px 0 #0A0C6B, 0 -1px 0 #0A0C6B, 1px 0 0 #0A0C6B, -1px 0 0 #0A0C6B;
}
/* IE Styles */
a.wikia-button,
span.wikia-button a,
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#FF0D0F91", EndColorStr="#FF0A0C71");
outline: 1px solid #0A0C6B\9;
}
/* Hover and Active states */
a.wikia-button:hover,
span.wikia-button a:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
text-shadow: #000 0 1px 1px;
}
a.wikia-button:active,
span.wikia-button a:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:active {
color: #FFF;
background-image: -moz-linear-gradient(top, #0A0C71 20%, #0D0F91 70%);
background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(#0A0C71), to(#0D0F91));
}
/* @end */
Half Width Main Page[]
Add this to the "@group Main Page" section for 50% width main page
body.mainpage div.monaco_shrinkwrap {
width: 972px;
}
body.mainpage.ltr div.monaco_shrinkwrap {
left: 50%;
margin-left: -486px;
}
body.mainpage.rtl div.monaco_shrinkwrap {
right: 50%;
margin-right: -486px;
}