Creador de Logos Wiki
Advertisement

Plantilla:Stock

Brown Obsession Screenshot.jpg

Brown 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:Brown Obsession background.png
  • File:Brown Obsession external.png
  • File:Brown Obsession wikia logo.png

Main CSS[]

/* @group Main Colors */

.color1 {
	background-color: #727208;
	color: #DDD;
}
.color1 a {
	color: #DDD;
}
.color2 {
	background: #000 repeat-x;
	background-image: url(http://images2.wikia.nocookie.net/logocreation/images/f/f4/Brown_Obsession_background.png);
}
.accent {
	background-color: #282E00;
	border-color: #515C00;
	color: #DDD;
}
.accent a {
	color: #A2F320;
}
.neutral {
	background-color: #222;
	border-color: #444;
	color: #DDD;
}
.neutral a {
	color: #DDD;
}
.dark_text_1 {
	color: #A2F320;
}
.dark_text_2 {
	color: #31BFBF;
}
#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://images1.wikia.nocookie.net/logocreation/images/e/e7/Brown_Obsession_wikia_logo.png);
}
.header-button {
	background-color: #727208;
}
#userData a, #wikiaBranding a {
	color: #DDD;
}
#header_username a {
	color: #A2F320;
}
#wikia_footer, #wikia_footer a {
	color: #DDD;
}

/* @end */

/* @group Widgets */

.widget {
	background: #515C00;
	border-color: #282E00;
}
.widget dd {
	color: #CCC;
	background: #282E00;
}
.widget dt {
	background-color: #7A7A00;
	background-image: -moz-linear-gradient(top, #7A7A00 0%, #D1D100 33%, #D1D100 42%, #7A7A00 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #7A7A00), color-stop(0.33, #D1D100), color-stop(0.42, #D1D100), color-stop(1.0, #7A7A00));
	color: #CCC;
}

/* Navigation */
#search_box {
	background-color: #7A7A00;
	background-image: -moz-linear-gradient(top, #7A7A00 0%, #D1D100 33%, #D1D100 42%, #7A7A00 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #7A7A00), color-stop(0.33, #D1D100), color-stop(0.42, #D1D100), color-stop(1.0, #7A7A00));
}
#navigation .menu-item {
	border-color: #161A00;
}
#navigation a {
	background: #282E00;
	color: #CCC;
}
#navigation .navigation-hover>a {
	background: #7F7D0B;
}
#link_box, #link_box_dynamic {
	background: #161A00;
}
#link_box_table a {
	color: #A2F320;
}

/* 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: #A2F320;
}
a:visited, table.gallery td a:visited {
	color: #A0FF33;
}
a.new {
	color: #ED1901 !important;
}
#bodyContent a.external, #bodyContent a.extiw {
	color: #A2F320;
}
#bodyContent a.external:visited, #bodyContent a.extiw:visited {
	color: #A2F320;
}
#bodyContent a.external, #bodyContent a[href ^="gopher://"] {
	background: center right no-repeat;
	background-image: url(http://images2.wikia.nocookie.net/logocreation/images/8/8f/Brown_Obsession_external.png);
}
#page_bar {
	background-color: #7A7A00;
	background-image: -moz-linear-gradient(top, #7A7A00 0%, #D1D100 33%, #D1D100 42%, #7A7A00 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #7A7A00), color-stop(0.33, #D1D100), color-stop(0.42, #D1D100), color-stop(1.0, #7A7A00));
	border-bottom: none;
}
#page_bar a:visited {
	color: #DDD;
}
#page_tabs li {
	background: #3E4706;
	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: #141700;
	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: #727208;
	color: #EEE;
}
#user_masthead ul.nav_links li.selected, #user_masthead ul.nav_links li.selected a {
	background: #888F00;
	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: #888F00;
	border-color: #555;
	color: #EEE;
}
.dark_text_1 {
	color: #A2F320;
}

/* @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: #ABFD68;
}
div.wk_blogs_post .wk_blogs_summary {
	color:#FFF !important;
}

/* @end */

/* @group History */

#pagehistory li {
	border: 1px solid #000;
}
#pagehistory li.selected {
	background-color: #282E00;
	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: #E7FDE2;
}
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: #282E00 !important;
	color: #FFF !important;
}
.problemReportsList .odd {
	background-color: #282E00 !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: #716F0A;
	background-image: -moz-linear-gradient(top, #918F0D 20%, #716F0A 70%);
	background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(#918F0D), to(#716F0A));
	border-color: #FFFFFF;
	box-shadow: 0 1px 0 #6B6A0A, 0 -1px 0 #6B6A0A, 1px 0 0 #6B6A0A, -1px 0 0 #6B6A0A;
	color: #FFFFFF;
	-moz-box-shadow: 0 0 0 1px #6B6A0A;
	-webkit-box-shadow: 0 1px 0 #6B6A0A, 0 -1px 0 #6B6A0A, 1px 0 0 #6B6A0A, -1px 0 0 #6B6A0A;
}

/* 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="#FF918F0D", EndColorStr="#FF716F0A");
	outline: 1px solid #6B6A0A\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, #716F0A 20%, #918F0D 70%);
	background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(#716F0A), to(#918F0D));
}

/* @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;
}
Advertisement