MediaWiki:Wikia.css

From Don't Starve Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Imports must go at the top of Common.css */

/* Notifications */
#WallNotifications .bubbles {
    background-image: url("https://images.wikia.nocookie.net/__cb20130809184047/dont-starve/ru/images/1/1f/%D0%A1%D1%83%D0%BD%D0%B4%D1%83%D0%BA_%D0%BF%D0%B0%D0%BD%D0%B4%D0%BE%D1%80%D1%8B.png");
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-top: -3px;
    margin-left: -8px;
}
 
#WallNotifications .bubbles:hover {
    background-image: url("https://images.wikia.nocookie.net/dont-starve/ru/images/e/e9/%D0%A1%D1%83%D0%BD%D0%B4%D1%83%D0%BA_%D0%9F%D0%B0%D0%BD%D0%B4%D0%BE%D1%80%D1%8B2.png");
    background-repeat: no-repeat;
    width: 38px;
    height: 35px;
    margin-top: -11px;
    margin-left: -10px;
}

/* User profile header */
.UserProfileMasthead .masthead-info hgroup {
	padding-top: 10px;
    padding-bottom: 15px;
	background: #482D37;
}

/* User right group icons */
.tag.usergroup-bureaucrat {
	background-color: darkorange !important;
	color: white !important;
    font-weight: bolder;
}
.tag.usergroup-sysop {
	background-color: red !important;
    color: white !important;
    font-weight: bolder;
}
.tag.usergroup-bot {
	background-color: brown !important;
    color: white !important;
    font-weight: bolder;
}
.tag.usergroup-chatmoderator {
	background-color: maroon !important;
    color: white !important;
    font-weight: bolder;
}
.tag.usergroup-content-moderator {
	background-color: green !important;
	color: yellow !important;
    font-weight: bolder;
}
.tag.usergroup-rollback {
	background-color: blue !important;
	color: white !important;
    font-weight: bolder;
}
.tag.usergroup-threadmoderator {
	background-color: purple !important;
	color: white !important;
    font-weight: bolder;

}
#UserProfileMasthead .tag-container .autoconfirmed-user {
    display: none !important;
}

/* Tabber style. Street cred to Hedgeg*/
.tabberlive { /*tabs container*/
    border:none !important;
}
.tabbertab { /*content container*/
    border:none !important;
}
ul.tabbernav { /*tabs row+general parameters*/
    background-color: #EDEBDC;
    font-size: 22px;
    text-align:center;
}
ul.tabbernav li a /*tabs*/ {
    color:#3A3A3A !important;
    background: none !important;
    border:none !important;
}
ul.tabbernav li a:hover /*hover tab*/ {
    color:#3A3A3A !important;
    background-color: #B8939F !important;
}
ul.tabbernav li.tabberactive a { /*active tab*/
    color:#C3B3A3 !important;
    background-color: #482D37 !important;
}

/** A few hover classes to allow mouse over behavior without javascript. 
These are from Don't Starve Wiki, so prefixed with DSW to avoid potential conflicts.
DSWHoverTabContainer - is to be applied to the top container which contains all tabs.
DSWHoverTab - is to be applied to a single tab of data, contained by the DSWHoverTabContainer
DSWHoverTabDefault - is to be applied to only one of the elements that has DSWHoverTab class to make it the default tab
DSWHoverTabSelector - is to be applied to selectors of tabs. This must be inside a DSWHoverTab, and must not be paret or child of DSWHoverTabContent
DSWHoverTabContent - is to be applied to content of tabs. This must be inside a DSWHoverTab, and must not be paret or child of DSWHoverTabSelector
**/

/*Hide the top container, only used for linking css styles*/
.DSWHoverTabContainer{
    visibility:hidden;
}

/*Content is not displayed by default, but it overrides the parent so that it would be visible*/
.DSWHoverTabContent{
    display:none;
    visibility:visible;
}

/*Selectors are by default transparent*/
.DSWHoverTabSelector{
    -webkit-filter: opacity(40%); /* Chrome, Safari, Opera */
    filter: opacity(40%); /* standard */
    visibility:visible;
}
 
/*When the tab is hovered, or 
when the container isn't hovered, but the tab is default
make the selector opaque*/
.DSWHoverTab:Hover .DSWHoverTabSelector, 
.DSWHoverTabContainer:not(:Hover) .DSWHoverTabDefault .DSWHoverTabSelector{
    -webkit-filter: opacity(100%); /* Chrome, Safari, Opera */
    filter: opacity(100%); /* standard */
}

/*When the tab is hovered, or 
when the container isn't hovered, but the tab is default
make the content display*/
.DSWHoverTab:Hover .DSWHoverTabContent, 
.DSWHoverTabContainer:not(:Hover) .DSWHoverTabDefault .DSWHoverTabContent{
    pointer-events: none; /* The newly displayed container should not block infobox tabbers */
    display:block;
}

/** Styling for the warning message when attempting to reply old comments **/
.DSWOldCommentWarning{
    color:red;
}

/** Replacing the default frames on the leaderboard with the custom ones for this wiki **/
#about-achievements ul .bronze span {
    background-image: url("https://vignette.wikia.nocookie.net/dont-starve-game/images/2/27/Achievements_Leaderboard_Frame_Bronze.png/revision/latest?cb=20190518213939");
}

#about-achievements ul .silver span {
    background-image: url("https://vignette.wikia.nocookie.net/dont-starve-game/images/5/5c/Achievements_Leaderboard_Frame_Silver.png/revision/latest?cb=20190518213913");
}

#about-achievements ul .gold span {
    background-image: url("https://vignette.wikia.nocookie.net/dont-starve-game/images/0/01/Achievements_Leaderboard_Frame_Gold.png/revision/latest?cb=20190518213902");
}

/** Administrator Style
You may refer to the following links:
http://community.wikia.com/wiki/Forum:Completely_Styling_Admin_Comments
http://dev.wikia.com/wiki/Admins_%26_Bureaucrats_Highlight
**/

/* User:Anemicne */
/*a[href$="/wiki/User:Anemicne"],
a[href="/wiki/Message_Wall:Anemicne"],
a[href="/wiki/User_blog:Anemicne"],
a[href="/wiki/Special:Contributions/Anemicne"]{color: #fff;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; 
	font-family: ChunkFiveRegular, Century Gothic Light;}

.comments li[data-user="Anemicne"] blockquote {background-color: rgba(255,255,255,0.3) !important;}
.comments li[data-user="Anemicne"] blockquote:after {border-color: transparent #fff #fff transparent !important;}*/

/* User:Deiaa2002 */
a[href$="/wiki/User:Deiaa2002"],
a[href="/wiki/Message_Wall:Deiaa2002"],
a[href="/wiki/User_blog:Deiaa2002"],
a[href="/wiki/Special:Contributions/Deiaa2002"]{
    color: #0000FF;
    font-weight: bold ;
    font-family: Times New Roman;
    text-shadow: 0.3em 0.2em 0.2em #A79D89;}

.comments li[data-user="Deiaa2002"] blockquote {background-color: rgba(135,185,255,0.5) !important;}
.comments li[data-user="Deiaa2002"] blockquote:after {border-color: transparent #87B9FF #87B9FF transparent !important;}

/* User:Mentalistpro */

/*a[href$="/wiki/User:Mentalistpro"],
a[href="/wiki/Message_Wall:Mentalistpro"],
a[href="/wiki/User_blog:Mentalistpro"],
a[href="/wiki/Special:Contributions/Mentalistpro"]{
  background: -webkit-linear-gradient(bottom, #911AAB, #DA5751, #DA5751);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background: -moz-linear-gradient(bottom, #911AAB, #DA5751, #DA5751);
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  background: -msie-linear-gradient(bottom, #911AAB, #DA5751, #DA5751);
  -msie-background-clip: text;
  -msie-text-fill-color: transparent;
  font-family: Century Gothic Light; 
  font-weight:bold; 
  text-shadow: 0.03em 0.03em 0.03em rgba(0, 0, 0, 0.3);}

.comments li[data-user="Mentalistpro"] blockquote {background-color: rgba(247,195,127,0.3) !important;}
.comments li[data-user="Mentalistpro"] blockquote:after {border-color: transparent #F7C37F #F7C37F transparent !important;}*/

/* User:Stl1234 */

/*a[href$="/wiki/User:Stl1234"],
a[href="/wiki/Message_Wall:Stl1234"],
a[href="/wiki/User_blog:Stl1234"],
a[href="/wiki/Special:Contributions/Stl1234"]{
    color: #524C41;
    font-weight: bold ;
    font-family: Times New Roman;
    text-shadow: 0.15em 0.15em 0.15em #A79D89;}

.comments li[data-user="Stl1234"] blockquote {background-color: rgba(105,103,103,0.3) !important;}
.comments li[data-user="Stl1234"] blockquote:after {border-color: transparent #696767 #696767 transparent !important;}*/

/* User:TeoSS69 */
/*a[href$="/wiki/User:TeoSS69"],
a[href="/wiki/Message_Wall:TeoSS69"],
a[href="/wiki/User_blog:TeoSS69"],
a[href="/wiki/Special:Contributions/TeoSS69"]{
    color: #5A8C9D;
    font-weight: bold ;
    font-family: Times New Roman;
    text-shadow: 0.15em 0.15em 0.15em #A79D89;}

.comments li[data-user="TeoSS69"] blockquote {background-color: rgba(202,221,228,0.3) !important;}
.comments li[data-user="TeoSS69"] blockquote:after {border-color: transparent #CADDE4 #CADDE4 transparent !important;}*/

/* User:TimothyofSilver */

/*a[href$="/wiki/User:TimothyofSilver"],
a[href="/wiki/Message_Wall:TimothyofSilver"],
a[href="/wiki/User_blog:TimothyofSilver"],
a[href="/wiki/Special:Contributions/TimothyofSilver"]{
    color: #6D914D;
    font-weight: bold ;
    font-family: Century Gothic Light;
    text-shadow: 0.03em 0.03em 0.03em #A79D89;}

.comments li[data-user="TimothyofSilver"] blockquote {background-color: rgba(109,145,77,0.3) !important;}
.comments li[data-user="TimothyofSilver"] blockquote:after {border-color: transparent #6D914D #6D914D transparent !important;}*/

/* User:MMueck */

a[href$="/wiki/User:MMueck"],
a[href="/wiki/Message_Wall:MMueck"],
a[href="/wiki/User_blog:MMueck"],
a[href="/wiki/Special:Contributions/MMueck"]{
    color: #449696;
    font-weight: bold ;
    font-family: Century Gothic Light;
    text-shadow: 0.15em 0.15em 0.15em #A79D89;}

.comments li[data-user="MMueck"] blockquote {background-color: rgba(68,150,150,0.3) !important;}
.comments li[data-user="MMueck"] blockquote:after {border-color: transparent #449696 #449696 transparent !important;}

/* User:Luvian22 */

a[href$="/wiki/User:Luvian22"],
a[href="/wiki/Message_Wall:Luvian22"],
a[href="/wiki/User_blog:Luvian22"],
a[href="/wiki/Special:Contributions/Luvian22"]{
    color: #861087;
    font-weight: bold ;
    font-family: Century Gothic Light;
    text-shadow: 0.05em 0.05em 0.05em #A79D89;}

.comments li[data-user="Luvian22"] blockquote {background-color: rgba(145,26,146,0.3) !important;}
.comments li[data-user="Luvian22"] blockquote:after {border-color: transparent #911a92 #911a92 transparent !important;}

/* User:Bluegeist */

a[href$="/wiki/User:Bluegeist"],
a[href="/wiki/Message_Wall:Bluegeist"],
a[href="/wiki/User_blog:Bluegeist"],
a[href="/wiki/Special:Contributions/Bluegeist"]{
    color: #33427a;
    font-weight: bold;
    font-family: Century Gothic;
    text-shadow: 0.1em 0.1em 0.1em #ffffff;}

.comments li[data-user="Bluegeist"] blockquote {background-color: rgba(51,66,122,0.3) !important;}
.comments li[data-user="Bluegeist"] blockquote:after {border-color: transparent #33427a #33427a transparent !important;}

/* Adjusting padding on wikitables */
.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
    padding: 0.2em 0.2em;
}

/* imagewidth for infoboxes fix per queron */
.portable-infobox.pi-theme-64x .pi-image-thumbnail {
  max-width: 64px;
  height: auto;
}

.portable-infobox.pi-theme-80px .pi-image-thumbnail {
  max-width: 80px;
  height: auto;
}

.portable-infobox.pi-theme-90px .pi-image-thumbnail {
  max-width: 90px;
  height: auto;
}

.portable-infobox.pi-theme-100px .pi-image-thumbnail {
  max-width: 100px;
  height: auto;
}

.portable-infobox.pi-theme-110px .pi-image-thumbnail {
  max-width: 110px;
  height: auto;
}

.portable-infobox.pi-theme-120px .pi-image-thumbnail {
  max-width: 120px;
  height: auto;
}

.portable-infobox.pi-theme-130px .pi-image-thumbnail {
  max-width: 130px;
  height: auto;
}

.portable-infobox.pi-theme-140px .pi-image-thumbnail {
  max-width: 140px;
  height: auto;
}

.portable-infobox.pi-theme-150px .pi-image-thumbnail {
  max-width: 150px;
  height: auto;
}

.portable-infobox.pi-theme-160px .pi-image-thumbnail {
  max-width: 160px;
  height: auto;
}

.portable-infobox.pi-theme-170px .pi-image-thumbnail {
  max-width: 170px;
  height: auto;
}

.portable-infobox.pi-theme-180px .pi-image-thumbnail {
  max-width: 180px;
  height: auto;
}

.portable-infobox.pi-theme-190px .pi-image-thumbnail {
  max-width: 190px;
  height: auto;
}

.portable-infobox.pi-theme-200px .pi-image-thumbnail {
  max-width: 200px;
  height: auto;
}

.portable-infobox.pi-theme-210px .pi-image-thumbnail {
  max-width: 210px;
  height: auto;
}

.portable-infobox.pi-theme-220px .pi-image-thumbnail {
  max-width: 220px;
  height: auto;
}

.portable-infobox.pi-theme-230px .pi-image-thumbnail {
  max-width: 230px;
  height: auto;
}

.portable-infobox.pi-theme-240px .pi-image-thumbnail {
  max-width: 240px;
  height: auto;
}
/* end of imagewidth for infoboxes fix per queron */

/* The following code was copied from the Templates Wiki to allow for collapsible navboxes - Bluegeist */
/* For [show]/[hide] link of javascript collapsible tables */
.collapseButton {         /* 'show'/'hide' buttons created dynamically by the        */
    float: right;         /* CollapsibleTables javascript in [[MediaWiki:Common.js]] */
    font-weight: normal;  /* are styled here so they can be customised.              */
    text-align: right;
    width: auto;
}
/* End of collapsible code */