MediaWiki:Vector.css
Jump to navigation
Jump to search
Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* JoJo SS Wiki custom Theme */
::selection {background: #ffcf5f7a;}
::-moz-selection {background: #ffcf5f7a;}
img::selection, .parent {background: #00000000; -webkit-tap-highlight-color: transparent;}
img::-moz-selection, .parent {background: #00000000; -webkit-tap-highlight-color: transparent;}
#OpenGraph {display:none}
table.jquery-tablesorter th.headerSort {
background-image: url(//images.shoutwiki.com/jojoss/1/1e/Sortable_arrows.svg) !IMPORTANT;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(//images.shoutwiki.com/jojoss/e/e1/Sortable_arrow_down.svg) !IMPORTANT;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(//images.shoutwiki.com/jojoss/9/93/Sortable_arrow_up.svg) !IMPORTANT;
}
/* Remove only Main Page title */
body.page-Main_Page h1.firstHeading {display: none;}
.reference {z-index:99;}
.chr .floatright {z-index: -100 !IMPORTANT;}
ol.references li:target, sup.reference:target {background-color: #fff8ea;}
.MainPagesTable {margin:0px auto !IMPORTANT; width:454px !IMPORTANT; background-color: #fcfcfb; text-align: center;}
.MainPagesTablecharacters {text-align:center;border:0;padding:0.5em 0 0.5em 0 !IMPORTANT}
#n-hiddenbutton {
position: absolute;
top: 0px;
left: 0;
}
#n-hiddenbutton a {
height: 140px;
width: 135px;
background: none !IMPORTANT;
color: transparent !IMPORTANT;
font-size: 0 !IMPORTANT;
}
div#mw-panel {position: fixed;}
.mw-wiki-logo {
position: absolute;
background: url(//images.shoutwiki.com/jojoss/4/4c/Coin_logo.png) no-repeat;
-webkit-animation:spin 25s linear infinite;
-moz-animation:spin 25s linear infinite;
animation:spin 25s linear infinite;
transform-origin: 85px 80px;
z-index:-1;
}
#p-logo {background: url(//images.shoutwiki.com/jojoss/c/c9/Logo.png) 0px 10px }
body {background-image: url(//images.shoutwiki.com/jojoss/2/26/Jojobackground.png); background-attachment: fixed;}
.mainheader {font-size:195%;border:none;margin: 0;padding:.1em;color:#FFFFFF}
.mw-body-content h3 {font-size: 1.4em;}
.current {font-weight: bold;}
/* Global color variable */
:root {
--global-main-color: #c5af7f;
--global-secondary-color: #e6ddc8;
--global-tertiary-color: #cab486;
--global-clear-color: #fffcf7;
--global-alt-color: #a99577;
--global-alt2-color: #837259;
--global-user-admin: #a1e44c;
--global-user-trusted: #459cdc;
--global-user-bot: #e44c59;
/* Phantom Blood */
--PB-secondary-color: #deb8b8;
--PB-tertiary-color: #eee6e6;
--PB-alt-color: #a97777;
/* Battle Tendency */
--BT-secondary-color: #d1deb8;
--BT-tertiary-color: #e6eee7;
--BT-alt-color: #77a984;
/* Stardust Crusaders */
--SC-secondary-color:#b8cdde;
--SC-tertiary-color:#e6ebee;
--SC-alt-color:#777fa9;
/* Diamond Is Unbreakable */
--DIU-secondary-color: #c8b8de;
--DIU-tertiary-color:#ece6ee;
--DIU-alt-color: #9d77a9;
}
/* Animations */
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
@keyframes scale { from {transform: scale(1);} to { transform: scale(1.7); }}
@keyframes reversescale { from {transform: scale(1.7);} to { transform: scale(1); }}
@keyframes scaleIcon { from {transform: scale(1);} to { transform: scale(3.5); }}
@keyframes reversescaleIcon { from {transform: scale(3.5);} to { transform: scale(1); }}
@keyframes zoomIn { from {transform: scale(0.5);} to { transform: scale(1); }}
@keyframes zoomOut { from {transform: scale(1);} to { transform: scale(0.5); }}
@keyframes scaleLS { from {transform: scale(0.82);} to { transform: scale(1.7); }}
@keyframes reversescaleLS { from {transform: scale(1.7);} to { transform: scale(0.82); }}
div.header-container {float:left;width:553px}
.mw-body {border:1px solid var(--global-main-color) !important}
.infoboxmedal {
border: 6px !important;
border-color: transparent !important;
border-style: solid !important;
}
.Al {display:inline; margin-left:.5em;}
.Al img {width:3em !IMPORTANT; height:auto !IMPORTANT;}
.borderSSR, .borderSR {
-moz-border-image: url(//images.shoutwiki.com/jojoss/6/6a/FrameBorderStyle.png) 6 fill !important;
-webkit-border-image: url(//images.shoutwiki.com/jojoss/6/6a/FrameBorderStyle.png) 6 fill !important;
-o-border-image: url(//images.shoutwiki.com/jojoss/6/6a/FrameBorderStyle.png) 6 fill !important;
border-image: url(//images.shoutwiki.com/jojoss/6/6a/FrameBorderStyle.png) 6 fill !important;
}
.borderR {
-moz-border-image: url(//images.shoutwiki.com/jojoss/5/53/FrameBorderStyleR.png) 6 fill !important;
-webkit-border-image: url(//images.shoutwiki.com/jojoss/5/53/FrameBorderStyleR.png) 6 fill !important;
-o-border-image: url(//images.shoutwiki.com/jojoss/5/53/FrameBorderStyleR.png) 6 fill !important;
border-image: url(//images.shoutwiki.com/jojoss/5/53/FrameBorderStyleR.png) 6 fill !important;
}
.borderN {
-moz-border-image: url(//images.shoutwiki.com/jojoss/8/8d/FrameBorderStyleN.png) 6 fill !IMPORTANT;
-webkit-border-image: url(//images.shoutwiki.com/jojoss/8/8d/FrameBorderStyleN.png) 6 fill !IMPORTANT;
-o-border-image: url(//images.shoutwiki.com/jojoss/8/8d/FrameBorderStyleN.png) 6 fill !IMPORTANT;
border-image: url(//images.shoutwiki.com/jojoss/8/8d/FrameBorderStyleN.png) 6 fill !IMPORTANT;
}
.centered {width:100%; text-align:center; margin: 20px 3px;}
.centered img {display:block; margin:0 auto}
.schedule {position: relative; font-size: 10px;}
.schedule a.external, strong a.external.text {background-image:none !IMPORTANT; padding-right:0 !IMPORTANT}
.mw-body-content .external {
background-image: url(//images.shoutwiki.com/jojoss/d/dc/Link_icon.svg) !IMPORTANT;
background: no-repeat;
background-position-x: right;
padding-right: 15px;
}
.gachaFrame {
pointer-events: none;
border-image: url(//images.shoutwiki.com/jojoss/9/92/Frame_popup.png) 50 !IMPORTANT;
border: 30px solid transparent;
width: 436px;
height: 241px;
z-index: 9;
position: relative;
top: -287px;
margin: 0 auto;
}
.imgAbi img {
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}
.fieldsetContainer {
-webkit-columns: 6 300px;
-moz-columns: 6 300px;
columns: 6 300px;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
}
.fieldset {
border: 1px solid var(--global-secondary-color);
margin: 0 0 1em;
break-inside: avoid;
top: 1em;
position: relative;
}
.fieldset span {
background-color:#FFF; left:8px; top:-10px; position:relative;padding:0 .5em
}
.fieldset table {margin: .5em 0em 0em .5em;}
.fieldset tr:hover {background-color: var(--global-secondary-color)}
.fieldset td:nth-child(1) {
font-family:'Noto Sans JP'; font-size:16px;
min-width:25px;
text-align:center;
}
.fieldset td:nth-child(2) {
min-width:100px;
padding-left:.75em;
}
.centerCol1 td:nth-child(1), .centerCol2 td:nth-child(2), .centerCol3 td:nth-child(3), .centerCol4 td:nth-child(4) {
text-align:center;
}
.jpn td:nth-child(1) {
font-family:'Noto Sans JP'; font-size:16px;
}
/* List dot color */
.ABC li {list-style:none;}
#content ul {
list-style: none;
padding: 0;
margin: 0;
}
#content li:not([class])::before {
content: "• ";
color: #ac8955;
font-weight: 600;
margin-left: 1em;
}
ul#preftoc li::before {
content: none !IMPORTANT;
}
li#mw-imagepage-reupload-link, .mw-normal-catlinks li::before, .mw-search-results li::before, #filetoc li::before, li#mw-imagepage-reupload-link::before, li#ca-edit::before, #footer li::before, #pt-userpage li::before, #mw-panel li::before, ul.redirectText li:before {content: "" !IMPORTANT}
#content ul li ul li, #content ul li ul li ul li, #content ul li ul li ul li ul li {margin-left: 2em}
.listClear li::before {content: "" !IMPORTANT;}
.tocnumber {color: #ac8955;}
div.vectorTabs, div.vectorTabs span, div.vectorTabs ul li, div.vectorTabs li.selected, #catlinks li::before, #ca-edit li::before, #p-cactions-label, div#mw-head div.vectorMenu h3, div.vectorTabs ul {background-image:none}
.videoContainer {margin:auto;width:420px;position:relative;background-image: url(//images.shoutwiki.com/jojoss/5/58/Phone.png);padding: 100px 30px 75px 30px;}
table.wikitable > tr > th, table.wikitable > * > tr > th {background-color:var(--global-secondary-color)}
table.wikitable, table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {border:1px solid #cec5b3;}
div#content {border:1px solid var(--global-main-color) !important}
table.wikitable th {color:var(--global-alt-color)}
.fixPadding td {padding: 4px !IMPORTANT;}
.mw-body-content .wikitable h3 {
margin: 0 0 0 30px;
padding: 0px;
}
.mw-body-content .wikitable h3 span.mw-editsection {display: none;}
.NavBar td a.selflink {background-color:hsla(42, 37%, 84%, 0.56)}
table.TowerTable {width:100%; border:none !IMPORTANT}
.TowerTable td {height: 60px;}
.TowerTable td {display:flex; align-items:center;}
.TowerTable td a:nth-child(2) {display:block;line-height: 45px;width:100%;z-index:99}
.TowerTable td img {margin-right: 10px;z-index:1;width: 75px !IMPORTANT;}
.floorTab {
margin-bottom:2px;
border-width: 3px !IMPORTANT;
border-top: none !IMPORTANT;
border-right: none !IMPORTANT;
border-bottom: none !IMPORTANT;
cursor: pointer;
}
.floorTab:hover {background-position: 0 0 !IMPORTANT;}
table.ambox {margin: 0px 10%;}
table.wikitable.characters td {padding:0}
table.wikitable.ambox, table.wikitable.ambox > tr > th, table.wikitable.ambox > tr > td, table.wikitable.ambox > * > tr > th, table.wikitable.ambox > * > tr > td {border:1px solid var(--global-clear-color);}
.archive {
float: right;
margin: 4px 0 4px 1em;
width: 300px;
font-size: 88%;
line-height: 1.25em;
clear: right;
}
/* Phantom Blood */
table.wikitable.PB {background-color:var(--PB-tertiary-color)}
table.wikitable.PB > tr > th, table.wikitable.PB > * > tr > th {background-color:var(--PB-secondary-color)}
table.wikitable.PB, table.wikitable.PB > tr > th, table.wikitable.PB > tr > td, table.wikitable.PB > * > tr > th, table.wikitable.PB > * > tr > td {border:1px solid var(--global-clear-color);}
table.wikitable.PB th, table.wikitable.PB th a {color:var(--PB-alt-color) !IMPORTANT}
.NavBoxPB table th span a {color: #a97777 !IMPORTANT;}
.NavBoxPB table div a {color: #a97777 !IMPORTANT;}
.NavBoxPB .navbox-group {color: #a97777 !IMPORTANT;}
/* Battle Tendency */
table.wikitable.BT {background-color:var(--BT-tertiary-color)}
table.wikitable.BT > tr > th, table.wikitable.BT > * > tr > th {background-color:var(--BT-secondary-color)}
table.wikitable.BT, table.wikitable.BT > tr > th, table.wikitable.BT > tr > td, table.wikitable.BT > * > tr > th, table.wikitable.BT > * > tr > td {border:1px solid var(--global-clear-color);}
table.wikitable.BT th, table.wikitable.BT th a {color:var(--BT-alt-color) !IMPORTANT}
.NavBoxBT table th span a {color: #77a984 !IMPORTANT;}
.NavBoxBT table div a {color: #77a987 !IMPORTANT;}
.NavBoxBT .navbox-group {color: #77a97b !IMPORTANT;}
/* Stardust Crusaders */
table.wikitable.SC {background-color:var(--SC-tertiary-color)}
table.wikitable.SC > tr > th, table.wikitable.SC > * > tr > th {background-color:var(--SC-secondary-color)}
table.wikitable.SC, table.wikitable.SC > tr > th, table.wikitable.SC > tr > td, table.wikitable.SC > * > tr > th, table.wikitable.SC > * > tr > td {border:1px solid var(--global-clear-color);}
table.wikitable.SC th, table.wikitable.SC th a {color:var(--SC-alt-color) !IMPORTANT}
.NavBoxSC table th span a {color: #393c64 !IMPORTANT;}
.NavBoxSC table div a {color: #393c64 !IMPORTANT;}
.NavBoxSC .navbox-group {color: #777da9 !IMPORTANT;}
/* Diamond Is Unbreakable */
table.wikitable.DIU {background-color:var(--DIU-tertiary-color)}
table.wikitable.DIU > tr > th, table.wikitable.DIU > * > tr > th {background-color:var(--DIU-secondary-color)}
table.wikitable.DIU, table.wikitable.DIU > tr > th, table.wikitable.DIU > tr > td, table.wikitable.DIU > * > tr > th, table.wikitable.DIU > * > tr > td {border:1px solid var(--global-clear-color);}
table.wikitable.DIU th, table.wikitable.DIU th a {color:var(--DIU-alt-color) !IMPORTANT}
.NavBoxDIU table th span a {color: #393c64 !IMPORTANT;}
.NavBoxDIU table div a {color: #777fa9 !IMPORTANT;}
.NavBoxDIU .navbox-group {color: #6e4ea2 !IMPORTANT;}
/* Vento Aureo */
table.wikitable.VA, table.wikitable.VA > tr > th, table.wikitable.VA > tr > td, table.wikitable.VA > * > tr > th, table.wikitable.VA > * > tr > td {border:1px solid var(--global-clear-color);}
.NavBoxVA table th span a {color: #837259 !IMPORTANT;}
.NavBoxVA .navbox-group {color: var(--global-alt-color) !IMPORTANT;}
.scale {width:100%}
.scale td:nth-child(1) {
width:70px;
padding:10px;
background:var(--global-secondary-color);
text-align:center;
font-weight:bold;
color:var(--global-alt-color);
}
.tierList {width:100%;border: none !IMPORTANT;background: transparent !IMPORTANT;}
.tierList > * > tr > td {border: none !IMPORTANT;}
.tierList td:nth-child(1) {width: 20px;}
.tierList td:nth-child(1), .column1TextCentered td:nth-child(1) {
text-align: center;
}
.tierList tr:nth-child(1):hover {background: linear-gradient(to right, #e2d7bf, transparent);}
.tierList tr:nth-child(2):hover {background: linear-gradient(to right, #e2d9c7, transparent);}
.tierList tr:nth-child(3):hover {background: linear-gradient(to right, #e2dccf, transparent);}
.tierList tr:nth-child(4):hover {background: linear-gradient(to right, #e2ded4, transparent);}
.tierList tr:nth-child(5):hover {background: linear-gradient(to right, #e2dfda, transparent);}
.tierList tr:nth-child(6):hover {background: linear-gradient(to right, #e2e2e2, transparent);}
.tierList > tbody > tr:nth-child(1) > td:first-child {background-color:var(--global-main-color); border-left: solid 3px #af9251 !IMPORTANT;}
.tierList > tbody > tr:nth-child(2) > td:first-child {background-color:#c5b490; border-left: solid 3px #ab9463 !IMPORTANT;}
.tierList > tbody > tr:nth-child(3) > td:first-child {background-color:#c5b99f; border-left: solid 3px #a69773 !IMPORTANT;}
.tierList > tbody > tr:nth-child(4) > td:first-child {background-color:#c5bdaa; border-left: solid 3px #a3997f !IMPORTANT;}
.tierList > tbody > tr:nth-child(5) > td:first-child {background-color:#c5c0b6; border-left: solid 3px #a0998b !IMPORTANT;}
.tierList > tbody > tr:nth-child(6) > td:first-child {background-color:#c5c5c5; border-left: solid 3px #9c9c9c !IMPORTANT;}
/* End Table Style */
.documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #aaa;
background-color: #f9f7f2;
padding: 1em;
}
.references {font-size: 11px;}
#content .references li:not([class])::before {content:none}
.mw-contributions-list li::before {
content: "" !IMPORTANT;
margin-left: 0 !IMPORTANT;
}
.cmd {font:12px Consolas;background-color:#d8d8d8;color:#3e3e3e}
.scroll {
max-height: 280px;
overflow-y: scroll;
overflow-x: auto;
border: 1px solid #DDD;
border-style: solid none;
margin-top: 0;
background-color: #FEFEFE;
}
.rotate {
transform: rotate(-90deg);
-moz-transform: rotate(-90.0deg);
-o-transform: rotate(-90.0deg);
-webkit-transform: rotate(-90.0deg);
}
.zoom {margin:-3%}
.zoom img {float: left;}
.zoom img {animation: zoomOut .2s ease-in-out forwards;}
.zoom:hover img {animation: zoomIn .2s ease-in-out forwards; cursor:none;image-rendering: -webkit-optimize-contrast;}
.zoomMedal img { width: 77px !IMPORTANT; height: 77px !IMPORTANT}
.zoomMedal.SPanimation { width: 77px !IMPORTANT; height: 77px !IMPORTANT}
.zoomIcon img { width: 30px !IMPORTANT; height: auto}
.zoomLinkSkill img { width: 63px !IMPORTANT; height: 63px !IMPORTANT}
.parent:hover {z-index: 2;}
.parent div.zoomMedal img, .parent div.zoomMedal.SPanimation {animation: reversescale .2s ease-in-out forwards, SP 7s steps(4) infinite;}
.parent:hover div.zoomMedal img, .parent:hover div.zoomMedal.SPanimation {
z-index:3;
animation: scale .2s ease-in-out forwards, SP 7s steps(4) infinite;
image-rendering: -webkit-optimize-contrast;
}
.zoomIcon {display: inline;}
.zoomIcon img {animation: reversescaleIcon .2s ease-in-out forwards;}
.zoomIcon:hover img {animation: scaleIcon .2s ease-in-out forwards; cursor:none;image-rendering: -webkit-optimize-contrast;}
.containerMedals {display: flow-root; width: 100%;margin: 3px 0 3px 0;}
.containerMedals:hover {background: transparent}
.Green {border-left: 3px solid #6bd062 !IMPORTANT}
.Red {border-left: 3px solid #d06262 !IMPORTANT}
.Blue {border-left: 3px solid #627cd0 !IMPORTANT}
.White {border-left: 3px solid #d0d062 !IMPORTANT}
.Black {border-left: 3px solid #9962d0 !IMPORTANT}
.Gold {border-left: 3px solid #d0a462 !IMPORTANT}
.Silver {border-left: 3px solid #999999 !IMPORTANT}
.SR {border-left: 3px solid #d0b762 !IMPORTANT}
.R {border-left: 3px solid #b7ccce !IMPORTANT}
.Green:hover {background: linear-gradient(to right, #dcf4da, transparent) !IMPORTANT;}
.Red:hover {background: linear-gradient(to right, #f4dada, transparent) !IMPORTANT;}
.Blue:hover {background: linear-gradient(to right, #dae0f4, transparent) !IMPORTANT;}
.White:hover {background: linear-gradient(to right, #f4f4da, transparent) !IMPORTANT;}
.Black:hover {background: linear-gradient(to right, #e7daf4, transparent) !IMPORTANT;}
.Gold:hover {background: linear-gradient(to right, #f4eada, transparent) !IMPORTANT;}
.Silver:hover {background: linear-gradient(to right, #e7e7e7, transparent) !IMPORTANT;}
.SR:hover {background: linear-gradient(to right, #f4e9da, transparent) !IMPORTANT;}
.R:hover {background: linear-gradient(to right, #e4f0f1, transparent) !IMPORTANT;}
.SPanimation {
background: url('//images.shoutwiki.com/jojoss/9/9f/SPShiny.png') left center;
background-size: cover;
pointer-events: none;
}
.zoomMedal.SPanimation:hover {
animation: SP 7s steps(4) infinite, reversescale .2s ease-in-out forwards !IMPORTANT;
}
@keyframes SP {
from,to { }
90%,95% {background-position:0px 0px}
95%,100%{background-position:-308px 0px}
}
/* Fixes */
div#content {margin-right:15px !IMPORTANT; min-width: 630px !IMPORTANT;}
#mw-page-base {background:rgba(0,0,0,0) !IMPORTANT}
div.floatleft {margin:0}
.ifmobilemedal img {width:100%; height:auto}
/*nonphone*/
.ifmobile {display:none !IMPORTANT}
.clearContent {display:none !IMPORTANT}
.jpnname {width:370px !IMPORTANT;}
div.stand {width:128px;height:128px}
.vector-menu.vector-menu-portal ul.vector-menu-content-list li a:hover {
background-position: 0 0;
color: white !IMPORTANT;
text-decoration: none;
}
.vector-menu.vector-menu-portal ul.vector-menu-content-list li a {
padding: 10px 15px;
background-image: linear-gradient(to left, var(--global-secondary-color), var(--global-secondary-color) 50%, var(--global-main-color) 50%, var(--global-main-color));
display: block;
transition: all .75s ease;
transform-origin: right;
background-position: 97% 0;
background-size: 200% 100%;
}
#ca-nstab-main a:hover, #ca-nstab-project a:hover, #ca-talk a:hover, #ca-view a:hover, #ca-edit a:hover, #ca-history a:hover, #ca-watch span:hover, #ca-unwatch span:hover, #ca-nstab-special a:hover, #ca-nstab-image a:hover, #ca-nstab-category a:hover, #ca-nstab-help a:hover, #ca-nstab-template a:hover, #ca-nstab-mediawiki a:hover, #p-cactions:hover, #p-cactions:hover span, #ca-viewsource a:hover, #ca-nstab-user a:hover, #ca-addsection a:hover, #ca-nstab-module a:hover, #ca-view-foreign a:hover {
background-position: 0 0;
color: white !IMPORTANT;
text-decoration: none;
}
#ca-nstab-main a, #ca-nstab-project a, #ca-talk a, #ca-view a, #ca-edit a, #ca-history a, #ca-watch span, #ca-unwatch span, #ca-nstab-template a, #ca-nstab-special a, #ca-nstab-category a, #ca-nstab-image a, #ca-nstab-help a, #ca-nstab-mediawiki a, #p-cactions, #ca-viewsource a, #ca-nstab-user a, #ca-addsection a, #ca-nstab-module a, #ca-view-foreign a, #ca-ve-edit a, #ca-unwatch {
padding: 8px 12px;
background-image: linear-gradient(to top,var(--global-secondary-color),var(--global-secondary-color) 50%,var(--global-main-color) 50%,var(--global-main-color));
display: block;
transition: all .75s ease;
transform-origin: top;
background-position: 0% 90%;
background-size: 100% 200%;
}
/* Colors */
*:focus {
outline: var(--global-tertiary-color) auto 1px;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
-webkit-text-fill-color: black;
-webkit-box-shadow: 0 0 0px 1000px var(--global-clear-color) inset !IMPORTANT;
transition: background-color 5000s ease-in-out 0s;
}
a, a:visited, div#mw-panel a:visited, div#mw-panel a, .toctogglelabel, .wikiEditor-ui-toolbar .booklet .index div {
color:var(--global-alt-color) !IMPORTANT;
-webkit-tap-highlight-color: transparent;
}
a.new {color:#ad4e4e !IMPORTANT}
.headers {background-color:var(--global-main-color) !IMPORTANT}
fieldset {border: 1px solid var(--global-main-color);}
.infoboxmedal a, .infoboxmedal a:visited {color: #222222 !IMPORTANT}
h3#p-cactions-label {outline: none !IMPORTANT;}
.menu li:hover {background: var(--global-main-color);}
.menu li a:hover {color: white !IMPORTANT; text-decoration: none;}
div.vectorMenu div.menu {
background-color:var(--global-secondary-color) !IMPORTANT;
border: 1px solid var(--global-main-color) !IMPORTANT;
}
.menu ul li {margin-right: 0px !IMPORTANT;}
.mw-userlink[title="User:DioJoestar"], .mw-userlink[title="User:Jack Phoenix"], .mw-userlink[title="User:HysokaQuwrof"] {
color: var(--global-user-admin) !important;
font-weight: bold;
}
.mw-userlink[title="User:Sophie"], .mw-userlink[title="User:Celtaheaven"], .mw-userlink[title="User:Osmos"], .mw-userlink[title="User:Pluck"], .mw-userlink[title="User:Wizen"], .mw-userlink[title="User:JustBarney"], .mw-userlink[title="User:Risotto"], .mw-userlink[title="User:Cazwegian"] {
color: var(--global-user-trusted) !important;
font-weight: bold;
}
.mw-userlink[title="User:Abuse filter"], .mw-userlink[title="User:Sheer Heart Attack"] {
color: var(--global-user-bot) !important;
font-weight: bold;
}
tr.mw-abusefilter-list-throttled, tr.mw-abusefilter-list-throttled td, tr.mw-abusefilter-list-throttled, tr.mw-abusefilter-list-throttled td {
color: #d67777;
}
.wikiEditor-ui .wikiEditor-ui-top {
border-bottom: 1px solid var(--global-secondary-color);
}
.wikiEditor-ui-toolbar {
background-image: linear-gradient(#fdfefe 0,#fef5e0 32px);
}
.wikiEditor-ui-toolbar .sections .section {
border-top: 1px solid var(--global-secondary-color);
background-color: var(--global-clear-color);
}
.UploadtextDiv {
background-color:var(--global-clear-color:);
border:1px solid var(--global-main-color);
}
.positive {color:#90c57f;}
.positive::selection, table td.positive {background:#90c57f30 !IMPORTANT;}
.negative {color:#c57f7f;}
.negative::selection, table td.negative {background:#c57f7f30 !IMPORTANT;}
.neutral {color:#bbb673;}
.neutral::selection, table td.neutral {background:#bbb67330 !IMPORTANT;}
#Main_Info p i {
border-left: 4px solid var(--global-secondary-color);
margin: 0.7em;
padding-left: .5em;
}
#n-Diamond-Records-Wiki a {filter:hue-rotate(215deg);}
.mw-specialpage-summary > div { border:solid 3px var(--global-main-color) !IMPORTANT}
.mw-specialpage-summary div img {filter: hue-rotate(200deg);}
/* Scrollbar */
.tabbox::-webkit-scrollbar {width: 12px;}
/* Track */
.tabbox::-webkit-scrollbar-track { background: var(--global-secondary-color);}
/* Handle */
.tabbox::-webkit-scrollbar-thumb {background: var(--global-tertiary-color);}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive:hover > .oo-ui-buttonElement-button, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.is-on, .mw-ui-button.mw-ui-progressive.mw-ui-checked, .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked + label:before, .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:hover + label:before, .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:active + label:before {
background-color: var(--global-main-color) !IMPORTANT;
border-color: var(--global-main-color) !IMPORTANT;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: var(--global-alt-color) !IMPORTANT;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus, #mw-createaccount-join:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
border-color: var(--global-main-color) !IMPORTANT;
box-shadow: inset 0 0 0 1px var(--global-main-color) !IMPORTANT;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span, .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:hover + label:before, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
border-color: var(--global-main-color) !IMPORTANT;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span {
background-color: var(--global-main-color) !IMPORTANT;
border-color: var(--global-main-color) !IMPORTANT;
box-shadow: inset 0 0 0 1px var(--global-main-color) !IMPORTANT;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus, .mw-ui-input:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
border-color: var(--global-main-color) !IMPORTANT;
box-shadow: inset 0 0 0 1px var(--global-main-color), inset 0 0 0 2px #fff !IMPORTANT;
}
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {color: var (--global-main-color) !IMPORTANT;}
.oo-ui-tabOptionWidget {color:var(--global-alt-color) !IMPORTANT;}
span.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-radioInputWidget {
filter: hue-rotate(185deg) brightness(1.6) saturate(0.25) !IMPORTANT;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--global-clear-color) !IMPORTANT;
color: var(--global-alt-color) !IMPORTANT;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color:rgba(197, 175, 127, 0.1) !IMPORTANT;
color:var (--global-alt-color) !IMPORTANT;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
background-color: var(--global-secondary-color);
border-color: var(--global-secondary-color);
box-shadow: inset 0 0 0 1px var(--global-secondary-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus {
color:var (--global-alt-color) !IMPORTANT;
border-color: var(--global-main-color) !IMPORTANT;
}
input:-internal-autofill-selected {background-color: var(--global-secondary-color) !IMPORTANT;}
#mw-createaccount-join:active {
border-color: var(--global-alt-color) !IMPORTANT;
background-color: #FFF;
}
#mw-createaccount-join:hover {
border-color: var(--global-secondary-color) !IMPORTANT;
}
.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:focus + label:before{border-color:var(--global-main-color);box-shadow:inset 0 0 0 1px var(--global-main-color)}
.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:hover + label:before{border-color:var(--global-main-color)}
.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:active + label:before{background-color:var(--global-main-color);border-color:var(--global-main-color);box-shadow:inset 0 0 0 1px var(--global-main-color)}
.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked + label:before{background-color:var(--global-main-color);border-color:var(--global-main-color)}
.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:focus + label:before{background-color:var(--global-main-color);border-color:var(--global-main-color);box-shadow:inset 0 0 0 1px var(--global-main-color),inset 0 0 0 2px #ffffff}
.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:hover + label:before{background-color:var(--global-main-color);border-color:var(--global-main-color)}
.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:active + label:before{background-color:var(--global-main-color);border-color:var(--global-main-color)}
/* Handle on hover */
.tabbox::-webkit-scrollbar-thumb:hover {background: var(--global-alt-color); }
#left-navigation, #right-navigation {margin-top: 2em}
#left-navigation li, #right-navigation li {
margin-right: 4px;
}
#ca-unwatch span, #ca-watch span {
padding: unset;
}
div#mw-head div.vectorMenu h3 {
height: 1.5em;
padding: 0;
margin: 0;
}
div.vectorMenu h3 span {
display: unset;
padding-left: 0;
margin-right: 0;
color: var(--global-alt-color);
}
div#simpleSearch {border:0;margin-top:0}
#searchform {margin-top: 0 !IMPORTANT;}
div#simpleSearch #searchInput {
background: var(--global-secondary-color);
border-top: 4px solid var(--global-main-color);
padding: 10px;
}
div#simpleSearch #searchButton {
margin-top: 8px;
}
.tabtoc, .tabcontainer {clear: unset !IMPORTANT;}
/* .tabcontainer {min-height: 945px;} */
#Scaling.tabsection {
overflow-y: auto;
max-height: 920px;
padding-right: 20px;
}
.sepia {
filter: sepia(100%) hue-rotate(-8deg) saturate(100%) opacity(.08);
-webkit-mask-image: linear-gradient(to top, transparent 12%, black 35%);
mask-image: linear-gradient(to bottom, transparent 12%, black 35%);
position: fixed;
left: 18%;
top: 180px;
pointer-events:none;
}
.sepia a.new {
color: #ffffff00 !IMPORTANT;
}
/* Clear */
/*
@media screen and (orientation: portrait) {
.clearContent {display:block !IMPORTANT}
div#mw-panel div.portal div.body {margin:0 !IMPORTANT}
}
*/
/* Laptop */
@media screen and (max-width: 1899px) {
div.header-container {width:50% !IMPORTANT; height: 600px !IMPORTANT;}
.header-container.featured_article, .header-container.guides {height: unset !IMPORTANT;}
.infoboxmedal {width:35% !IMPORTANT;}
.tabcontainer {width:56% !IMPORTANT;}
}
@media screen and (max-width: 1410px) {
.tabcontainer {width:56% !IMPORTANT;}
}
@media screen and (max-width: 1360px) {
.clearContent {display:block !IMPORTANT}
.infoboxmedal {width:35% !IMPORTANT;}
.tabcontainer {width:54% !IMPORTANT;}
}
@media screen and (max-width: 1346px) {
div.header-container {width:100% !IMPORTANT}
.tabcontainer {width:55% !IMPORTANT;}
}
@media screen and (max-width: 1346px) and (orientation: landscape) {
div.header-container {width:50% !IMPORTANT; height: 600px !IMPORTANT;}
.header-container.featured_article, .header-container.guides {height: unset !IMPORTANT;}
.infoboxmedal {width:35% !IMPORTANT;}
.tabcontainer {width:54% !IMPORTANT;}
}
@media screen and (max-width: 1024px) {
div.header-container {width:100% !IMPORTANT;}
}
@media mobile and (max-width: 1280px) {
.tabcontainer {width:93% !IMPORTANT;}
}
.NavBar {
text-align: center;
vertical-align: middle;
font-size: 105%;
width: 10em;
}
.NavBar th {width:200px}
.NavBar td {padding: 0px !IMPORTANT;}
.NavBar td a {display:block;line-height: 30px;}
.NavBar.update td a {display: unset !IMPORTANT;}
.NavBar.update td a.selflink {display: block !IMPORTANT;}
table.navbox-hatsnest tr#navbox-colheader-tr,
table.navbox-hatsnest tr#navbox-rowspacing, table.navbox-hatsnest .navbox-miscitem {display: none;}
table.navbox-hatsnest {margin: 0em !important;}
table.navbox {
position: relative;
border: 1px solid #79542B;
background-color:var(--global-clear-color);
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
table.navbox + table.navbox {margin-top: -1px;}
.navbox-title, .navbox-abovebelow, table.navbox th {
text-align: center;
padding-left: 1em;
padding-right: 1em;
}
.navbox-group {
white-space: nowrap;
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
.navbox, .navbox-subgroup {
background: var(--global-clear-color);
}
.navbox-list {
border-color: var(--global-clear-color);
}
.navbox-title,
table.navbox th {
background: var(--global-main-color);
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
background: var(--global-secondary-color);
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background: var(--global-clear-color);
}
.navbox tr {background-color:var(--global-clear-color);}
.navbox-even {background: #FEF5E0;}
.navbox-odd {background: transparent;}
.navbox .collapseButton {width: 6em;}
span.mw-collapsible-toggle {
font-size: 11px;
float:left;
}
table.wikitable > caption {
text-align: left;
padding: 0.5em 1em;
background: #c5af7fa1;
color: var(--global-alt2-color);
}
caption .mw-collapsible-toggle, .mw-content-ltr caption .mw-collapsible-toggle, .mw-content-rtl caption .mw-collapsible-toggle, .mw-content-rtl .mw-content-ltr caption .mw-collapsible-toggle, .mw-content-ltr .mw-content-rtl caption .mw-collapsible-toggle {float:left;}
.mw-collapsible {min-width: 200px}
/* Fix default CSS */
@media screen and (max-width: 720px) {
div#mw-head {position: absolute !IMPORTANT; margin: 0 !IMPORTANT}
div#simpleSearch {margin: 0 !important;width: 55vw}
div#p-search {margin-right: 10px; width: unset !IMPORTANT}
div#mw-navigation div#mw-panel .portal {width: unset}
div#mw-panel li a {
padding: 17px 0 17px 0;
display: block;
background-color: #f8f9fa;
text-align: center;
font-size: 25px;
}
div#mw-panel li a:hover {text-decoration: none;}
div#simpleSearch #searchInput {IMPORTANT;height: 40px;}
#p-search {position: relative !IMPORTANT; float: right !IMPORTANT; top:2.5em !IMPORTANT}
}
/* Mobile M */
@media screen and (max-width: 450px) {
body {zoom:50% !IMPORTANT}
div#content {margin-top: 40px !IMPORTANT; margin-right:-1px !IMPORTANT;}
.ifmobile {display:block !IMPORTANT}
.nomobile {display:none !IMPORTANT}
.ifmobilemedal {width:100% !IMPORTANT;margin: 0 auto !IMPORTANT;float: unset !IMPORTANT;}
#mw-page-base {height:45px !IMPORTANT}
#p-search {margin-left:5px !IMPORTANT}
#mw-navigation {min-width: 620px !IMPORTANT}
div#mw-panel #p-logo + div.portal div.body {margin: 0 !IMPORTANT}
#n-hiddenbutton {display:none}
div#mw-panel div.portal div.body ul li a {padding: 20px; font-size: 34px}
/* Test */
.tabcontainer.jstabs {width: 94% !IMPORTANT;}
.tabtoc, .tabcontainer {clear: both !IMPORTANT;}
}
@media screen and (max-width: 700px) and (orientation: landscape) {
.tabcontainer {width: 49% !IMPORTANT; clear:unset !IMPORTANT}
.ifmobile {display:none !IMPORTANT}
.tabtoc > li.selected {top: 3px !IMPORTANT}
#content {margin-top: 6px !IMPORTANT}
div#mw-panel div.portal div.body ul li a {padding: 20px !IMPORTANT; font-size: 34px !IMPORTANT}
}
.badge {
width: 15%;
height: auto;
z-index:10;
position:absolute;
right:30px;
margin-top:4px;
}
@media screen and (max-width: 720px) and (orientation: portrait) {
.badge {width: 40% !IMPORTANT;}
}
.suggestions {top: 72px !IMPORTANT}
.suggestions-results, .suggestions-special {
background-color: var(--global-secondary-color) !IMPORTANT;
border: 1px solid var(--global-main-color) !IMPORTANT;
color: var(--global-alt-color) !IMPORTANT;
}
.suggestions-result:hover, .suggestions-special:hover, .suggestions-result-current {
color: white !IMPORTANT;
background: var(--global-main-color) !IMPORTANT;
}
/* Tabs */
.tabtoc li {
display: inline-block !IMPORTANT;
float: none !IMPORTANT;
}
ul.tabtoc {
margin-left: 4em !IMPORTANT;
width:calc(100% - 4em);
}
/* On a Phone */
/* Galaxy S5 landscape */
@media screen and (max-width: 640px) and (orientation: landscape) {
body {zoom:50%}
div#content {margin-right: 0 !IMPORTANT;}
.ifmobilemedal {float: right !IMPORTANT; max-width: 580px !IMPORTANT; width: unset !IMPORTANT}
.clearContent {display:none !IMPORTANT}
div.header-container {width:50% !IMPORTANT;}
#n-hiddenbutton {display:none}
}
.chrmedals {width:75% !IMPORTANT}
.chrmedals h3, .chrmedals h4, .chrmedals h5 {padding-left: 0.7em;}
.marquee {
height: 80px; width:100%; padding:25px 0 25px 0; overflow:hidden; position:relative;
}
.marquee > div {
display:block; width:200%; height:80px; position:absolute; overflow:visible; animation: marquee 60s linear infinite;
}
@keyframes marquee {
0% { left: 0; }
100% { left: -100%; }
}
.RadarChart {float:left}
.spanContainer {margin-top:20px;}
.RadarContainerTop {
background-image: url("//images.shoutwiki.com/jojoss/e/e7/Radar_background.svg");
}
span.button {background-color:#c5af7f; border-color: #c5af7f;color:#FFF;padding:.25em; font-size:12px; font-weight:bold; border-style: solid; border-width: 1px; border-radius:2px;}
span.button:hover {background-color: var(--global-tertiary-color);}
span.button::selection, .tabtoc li a::selection {background: #ff000000;}
#ca-unwatch.icon a::before, #ca-watch.icon a::before {background-image:url('//images.shoutwiki.com/jojoss/c/c9/Rst_star.png') !IMPORTANT; background-size:15px !IMPORTANT}
#ca-unwatch.icon a, #ca-unwatch.icon {filter: grayscale(100%) !IMPORTANT}
#ca-unwatch, #ca-unwatch.icon a:hover, #ca-unwatch.icon:hover {filter:saturate(187%) brightness(106%) !IMPORTANT}
#ca-nstab-main.new a, #ca-nstab-project.new a, #ca-talk.new a, #ca-view.new a, #ca-edit.new a, #ca-history.new a, #ca-nstab-template.new a, #ca-nstab-special.new a, #ca-nstab-category.new a, #ca-nstab-image.new a, #ca-nstab-help.new a, #ca-nstab-mediawiki.new a, #ca-viewsource.new a, #ca-nstab-user.new a, #ca-addsection.new a, #ca-nstab-module.new a, #ca-ve-edit.new a {filter: hue-rotate(-66deg);}
#vector-leaderboard-ad, #column-google, #aswift_2_expand, #aswift_1_expand, #aswift_3_expand, #p-ads-left, #google_ads_frame1, #google_ads_frame2, #google_ads_frame3, #aswift_2_anchor, #column-google, #aswift_3_anchor, #aswift_1_anchor, #p-ShoutWiki_messages, div.vectorMenu h3 a, .parent:hover > .hiddeicon {display:none !IMPORTANT}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
background-image: none;
}
#ca-watch, #ca-unwatch, #p-cactions {
padding: 0 10px!IMPORTANT;
}