MediaWiki:Vector.css

/* CSS placed here will affect users of the Vector skin */ /* Override Vector colour scheme to make it dark (compiled from modified LESS code) */ h1,h2,h3,h4,h5,h6{ color:#ddd; border-bottom-color: #555; } hr{ color:#222; } .editOptions{ background-color:#333; border-color:#444; } input,textarea{ background-color:#000; border-color:#555; color:#ccc; } a,.mw-body a.external,.mw-body a.extiw{ color:hsl(300, 100%, 80%); /* normal link */ } a:visited,.mw-body a.external:visited,.mw-body a.extiw:visited{ color:hsl(250, 100%, 80%); /* visited link */ } a.new,#p-personal a.new{ color:hsl(0, 70%, 60%); /* red links */ } ul{ list-style-image:none; } div.thumbinner,.catlinks{ background-color:#222; border-color:#444; }   background-color:#222; border-color:#444; } code{ border:none; background-color:#000; color:#dbd; } table.mw_metadata td,table.mw_metadata th,table.wikitable,table.wikitable>*>tr>th,table.wikitable>*>tr>td,pre{ color:#ccc; background-color:#222; border-color:#444; } table.mw_metadata th,table.wikitable>*>tr>th{ background-color:#333; } table.diff{ background-color:#111; } td .diffchange{ color:#333; }   background-color:inherit; color:inherit; }   border:0; } ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper{ background-color:rgba(0,0,0,0.8); }   background-image:inherit; background-color:#202; }   background-color:#202; }   background-color:#000; background-image:-moz-linear-gradient(top, #636 0, #000 10%); background-image:-webkit-linear-gradient(top, #636 0, #000 10%); background-image:linear-gradient(#636 0, #000 10%);
 * toc,div.toc,ul#filetoc,li.gallerybox div.thumb{
 * 1) pagehistory li.selected,td.diff-context{
 * 1) pagehistory li{
 * 1) left-navigation div.vectorTabs,#right-navigation div.vectorTabs{
 * 1) left-navigation div.vectorTabs ul,#right-navigation div.vectorTabs ul{
 * 1) left-navigation div.vectorTabs ul li,#right-navigation div.vectorTabs ul li{

}   color:hsl(0, 40%, 60%); /* visited red links */; }   background-color:#424; background-image:-moz-linear-gradient(top, #d4d 0, #424 10%); background-image:-webkit-linear-gradient(top, #d4d 0, #424 10%); background-image:linear-gradient(#d4d 0, #424 10%); }   color:hsl(250, 100%, 80%); /* visited link */ }   color:hsl(300, 100%, 80%); /* normal link */ }   background:transparent; } div#mw-head #right-navigation div.vectorMenu h3{ background:inherit; } div#mw-head div.vectorMenu h3 span{ color:#d4d; } div.vectorMenu h3 a{   background:inherit; } div.vectorMenu ul{ background-color:black; border:solid 1px #000; } div.vectorMenu li a{   color:hsl(300, 100%, 80%); /* normal link */ } div.vectorMenu li.selected a,div.vectorMenu li.selected a:visited{ color:hsl(250, 100%, 80%); /* visited link */ text-decoration:none; } div.vectorMenu#p-cactions div.menu{ border-color:#444; } div.vectorMenu#p-cactions ul{ border:0; background-color:#222; }   background-image:none; border-top:1px solid #444; }   border-top:none; } html{ font-size:100%; } html,body{ height:100%; margin:0; padding:0; font-family:sans-serif; } body{ background-color:#222; } .mw-body{ margin-left:10em; padding:1em; border:1px solid #202; border-right-width:0; margin-top:-1px; background-color:#111; color:#ccc; direction:ltr; } .mw-body .mw-editsection,.mw-body .mw-editsection-like{ font-family:sans-serif; } .mw-body h1,.mw-body h2,.mw-body #firstHeading{ font-family:"Linux Libertine",Georgia,Times,serif; line-height:1.3; margin-bottom:.25em; padding:0; } .mw-body h1,.mw-body #firstHeading{ font-size:1.8em; } .mw-body h2{ font-size:1.5em; margin-top:1em; } .mw-body h3,.mw-body h4,.mw-body h5,.mw-body h6{ line-height:1.6; margin-top:.3em; margin-bottom:0; padding-bottom:0; } .mw-body h3{ font-size:1.17em; } .mw-body h3,.mw-body h4{ font-weight:bold; } .mw-body h4,.mw-body h5,.mw-body h6{ font-size:100%; } .mw-body #toc h2,.mw-body .toc h2{ font-size:100%; font-family:sans-serif; } div.emptyPortlet{ display:none; } ul{ list-style-type:disc; list-style-image: /* @embed */ url('skins/Vector/images/bullet-icon.png'); } pre,.mw-code{ line-height:1.3em; background: #000; color:#dbd; }   font-size:.8em; } .redirectText{ font-size:140%; } .redirectMsg img{ vertical-align:text-bottom; } .mw-body-content{ position:relative; line-height:1.6; font-size:.875em; } body.vector-animateLayout .mw-body,body.vector-animateLayout div#footer,body.vector-animateLayout #left-navigation{ -webkit-transition:margin-left 250ms,padding 250ms; -moz-transition:margin-left 250ms,padding 250ms; -o-transition:margin-left 250ms,padding 250ms; transition:margin-left 250ms,padding 250ms; } body.vector-animateLayout #p-logo{ -webkit-transition:left 250ms; -moz-transition:left 250ms; -o-transition:left 250ms; transition:left 250ms; } body.vector-animateLayout #mw-panel{ -webkit-transition:padding-right 250ms; -moz-transition:padding-right 250ms; -o-transition:padding-right 250ms; transition:padding-right 250ms; } body.vector-animateLayout #p-search{ -webkit-transition:margin-right 250ms; -moz-transition:margin-right 250ms; -o-transition:margin-right 250ms; transition:margin-right 250ms; } body.vector-animateLayout #p-personal{ -webkit-transition:right 250ms; -moz-transition:right 250ms; -o-transition:right 250ms; transition:right 250ms; } body.vector-animateLayout #mw-head-base{ -webkit-transition:margin-left 250ms; -moz-transition:margin-left 250ms; -o-transition:margin-left 250ms; transition:margin-left 250ms; }   position:absolute; top:.33em; right:.75em; z-index:100; }   display:none; }   list-style-type:none; list-style-image:none; margin:0; padding-left:10em; }   line-height:1.125em; float:left; margin-left:.75em; margin-top:.5em; font-size:.75em; white-space:nowrap; }   background-position:left top; background-repeat:no-repeat; background-image:url('skins/Vector/images/user-icon.png'); background-image:-webkit-linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/user-icon.svg'); background-image:linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/user-icon.svg'); padding-left:15px !important; }   float:left; margin-right:.5em; margin-left:.5em; }   display:none; }   margin:0; margin-top:.4em; } div#simpleSearch{ display:block; width:12.6em; padding-right:1.4em; height:1.4em; margin-top:.65em; position:relative; min-height:1px; border:solid 1px #aaa; color:black; background-color:white; background-image: /* @embed */ url('skins/Vector/images/search-fade.png'); background-position:top left; background-repeat:repeat-x; } div#simpleSearch input{ margin:0; padding:0; border:0; background-color:transparent; color:black; } div#simpleSearch #searchInput{ width:100%; padding:.2em 0 .2em .2em; font-size:13px; direction:ltr; -webkit-appearance:textfield; } div#simpleSearch #searchInput:focus{ outline:none; } div#simpleSearch #searchInput.placeholder{ color:#999; } div#simpleSearch #searchInput:-ms-input-placeholder{ color:#999; } div#simpleSearch #searchInput:-moz-placeholder{ color:#999; } div#simpleSearch #searchInput::-webkit-search-decoration,div#simpleSearch #searchInput::-webkit-search-cancel-button,div#simpleSearch #searchInput::-webkit-search-results-button,div#simpleSearch #searchInput::-webkit-search-results-decoration{ -webkit-appearance:textfield; } div#simpleSearch #searchButton,div#simpleSearch #mw-searchButton{ position:absolute; top:0; right:0; width:1.65em; height:100%; cursor:pointer; text-indent:-99999px; line-height:1; direction:ltr; white-space:nowrap; overflow:hidden; background-image:url('skins/Vector/images/search-ltr.png'); background-image:-webkit-linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/search-ltr.svg'); background-image:linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/search-ltr.svg'); background-position:center center; background-repeat:no-repeat; } div#simpleSearch #mw-searchButton{ z-index:1; } div.vectorTabs h3{ display:none; } div.vectorTabs{ float:left; height:2.5em; background-image: /* @embed */ url('skins/Vector/images/tab-break.png'); background-position:bottom left; background-repeat:no-repeat; padding-left:1px; } div.vectorTabs ul{ float:left; height:100%; list-style-type:none; list-style-image:none; margin:0; padding:0; background-image: /* @embed */ url('skins/Vector/images/tab-break.png'); background-position:right bottom; background-repeat:no-repeat; } div.vectorTabs ul li{ float:left; line-height:1.125em; display:inline-block; height:100%; margin:0; padding:0; background-color:#fff; background-image: /* @embed */ url('skins/Vector/images/tab-normal-fade.png'); background-position:bottom left; background-repeat:repeat-x; white-space:nowrap; } div.vectorTabs ul>li{ display:block; } div.vectorTabs li.new a,div.vectorTabs li.new a:visited{ color:hsl(0, 40%, 60%); /* visited red links */; } div.vectorTabs li.selected{ background-image: /* @embed */ url('skins/Vector/images/tab-current-fade.png'); } div.vectorTabs li.selected a,div.vectorTabs li.selected a:visited{ color:#333; text-decoration:none; } div.vectorTabs li.icon a{   background-position:bottom right; background-repeat:no-repeat; } div.vectorTabs li a{   display:inline-block; height:1.9em; padding-left:.5em; padding-right:.5em; color:hsl(300, 100%, 80%); /* normal link */ cursor:pointer; font-size:.8em; } div.vectorTabs li>a{ display:block; } div.vectorTabs span{ display:inline-block; background-image: /* @embed */ url('skins/Vector/images/tab-break.png'); background-position:bottom right; background-repeat:no-repeat; } div.vectorTabs span a{   display:inline-block; padding-top:1.25em; } div.vectorTabs span>a{ float:left; display:block; } div.vectorMenu{ direction:ltr; float:left; cursor:pointer; position:relative; } body.rtl div.vectorMenu{ direction:rtl; } div#mw-head div.vectorMenu h3{ float:left; background-image: /* @embed */ url('skins/Vector/images/tab-break.png'); background-repeat:no-repeat; background-position:bottom right; margin-left:-1px; font-size:1em; height:2.5em; padding-right:1px; margin-right:-1px; } div.vectorMenu h3 span{ display:block; font-size:.8em; padding-left:.7em; padding-top:1.375em; margin-right:20px; font-weight:normal; color:#444; } div.vectorMenu h3 a{   position:absolute; top:0; right:0; width:20px; height:2.5em; background-image:url('skins/Vector/images/arrow-down-icon.png'); background-image:-webkit-linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/arrow-down-icon.svg'); background-image:linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/arrow-down-icon.svg'); background-position:100% 70%; background-repeat:no-repeat; -webkit-transition:background-position 250ms; -moz-transition:background-position 250ms; -o-transition:background-position 250ms; transition:background-position 250ms; } div.vectorMenu.menuForceShow h3 a{   background-position:100% 100%; } div.vectorMenuFocus h3 a{   background-image:url('skins/Vector/images/arrow-down-focus-icon.png'); background-image:-webkit-linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/arrow-down-focus-icon.svg'); background-image:linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/arrow-down-focus-icon.svg'); } div.vectorMenu div.menu{ min-width:100%; position:absolute; top:2.5em; left:-1px; background-color:white; border:solid 1px silver; border-top-width:0; clear:both; text-align:left; display:none; } div.vectorMenu:hover div.menu,div.vectorMenu.menuForceShow div.menu{ display:block; } div.vectorMenu ul{ list-style-type:none; list-style-image:none; padding:0; margin:0; text-align:left; } div.vectorMenu ul,x:-moz-any-link{ min-width:5em; } div.vectorMenu ul,x:-moz-any-link,x:default{ min-width:0; } div.vectorMenu li{ padding:0; margin:0; text-align:left; line-height:1em; } div.vectorMenu li a{   display:inline-block; padding:.5em; white-space:nowrap; color:hsl(300, 100%, 80%); /* normal link */ cursor:pointer; font-size:.8em; } div.vectorMenu li>a{ display:block; } div.vectorMenu li.selected a,div.vectorMenu li.selected a:visited{ color:#333; text-decoration:none; } @-webkit-keyframes rotate{ from{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg) }   to{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg) }; } @-moz-keyframes rotate{ from{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg) }   to{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg) }; } @-o-keyframes rotate{ from{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg) }   to{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg) }; } @keyframes rotate{ from{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg) }   to{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg) }; }   margin:0; padding:0; display:block; width:26px; padding-top:3.1em; margin-top:0; height:0; overflow:hidden; background-position:5px 60%; }   background-image:url('skins/Vector/images/unwatch-icon.png'); background-image:-webkit-linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/unwatch-icon.svg'); background-image:linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/unwatch-icon.svg'); }   background-image:url('skins/Vector/images/watch-icon.png'); background-image:-webkit-linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/watch-icon.svg'); background-image:linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/watch-icon.svg'); }   background-image:url('skins/Vector/images/unwatch-icon-hl.png'); background-image:-webkit-linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/unwatch-icon-hl.svg'); background-image:linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/unwatch-icon-hl.svg'); }   background-image:url('skins/Vector/images/watch-icon-hl.png'); background-image:-webkit-linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/watch-icon-hl.svg'); background-image:linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/watch-icon-hl.svg'); }   background-image:url('skins/Vector/images/watch-icon-loading.png'); background-image:-webkit-linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/watch-icon-loading.svg'); background-image:linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/watch-icon-loading.svg'); -webkit-animation:rotate 700ms infinite linear; -moz-animation:rotate 700ms infinite linear; -o-animation:rotate 700ms infinite linear; animation:rotate 700ms infinite linear; outline:none; cursor:default; pointer-events:none; background-position:50% 60%; -webkit-transform-origin:50% 57%; transform-origin:50% 57%; }   display:none; }   position:absolute; top:-9999px; }   height:5em; background-position:bottom left; background-repeat:repeat-x; background-image:url('skins/Vector/images/page-fade.png'); background-color:#222; background-image:-moz-linear-gradient(top, #333 50%, #222 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #333), color-stop(100%, #222)); background-image:-webkit-linear-gradient(top, #333 50%, #222 100%); background-image:linear-gradient(#333 50%, #222 100%); background-color:#333; }   margin-top:-5em; margin-left:10em; height:5em; } div#mw-head{ position:absolute; top:0; right:0; width:100%; } div#mw-head h3{ margin:0; padding:0; }   float:left; margin-left:10em; margin-top:2.5em; margin-bottom:-2.5em; display:inline; }   float:right; margin-top:2.5em; }   position:absolute; top:-160px; left:0; width:10em; height:160px; }   display:block; width:10em; height:160px; background-repeat:no-repeat; background-position:center center; text-decoration:none; } div#mw-panel{ font-size:inherit; position:absolute; top:160px; padding-top:1em; width:10em; left:0; } div#mw-panel div.portal{ margin:0 .6em 0 .7em; padding:.25em 0; direction:ltr; background-position:top left; background-repeat:no-repeat; background-image: /* @embed */ url('skins/Vector/images/portal-break.png'); } div#mw-panel div.portal h3{ font-size:.75em; color:#444; font-weight:normal; margin:0; padding:.25em 0 .25em .25em; cursor:default; border:none; } div#mw-panel div.portal div.body{ margin:0 0 0 1.25em; padding-top:0; } div#mw-panel div.portal div.body ul{ list-style-type:none; list-style-image:none; margin:0; padding:0; } div#mw-panel div.portal div.body ul li{ line-height:1.125em; margin:0; padding:.25em 0; font-size:.75em; word-wrap:break-word; } div#mw-panel div.portal div.body ul li a{   color:hsl(300, 100%, 80%); /* normal link */ } div#mw-panel div.portal div.body ul li a:visited{ color:hsl(250, 100%, 80%); /* visited link */ } div#mw-panel div.portal.first{ background-image:none; margin-top:0; } div#mw-panel div.portal.first h3{ display:none; } div#mw-panel div.portal.first div.body{ margin-left:.5em; } div#footer{ margin-left:10em; margin-top:0; padding:.75em; direction:ltr; } div#footer ul{ list-style-type:none; list-style-image:none; margin:0; padding:0; } div#footer ul li{ margin:0; padding:0; padding-top:.5em; padding-bottom:.5em; color:#888; font-size:.7em; } div#footer #footer-icons{ float:right; } div#footer #footer-icons li{ float:left; margin-left:.5em; line-height:2em; text-align:right; } div#footer #footer-info li{ line-height:1.4em; } div#footer #footer-places li{ float:left; margin-right:1em; line-height:2em; } body.ltr div#footer #footer-places{ float:left; } .mw-body .external{ background-position:center right; background-repeat:no-repeat; background-image:url('skins/Vector/images/external-link-ltr-icon.png'); background-image:-webkit-linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/external-link-ltr-icon.svg'); background-image:linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/external-link-ltr-icon.svg'); padding-right:13px; }
 * 1) left-navigation div.vectorTabs li.new a,#right-navigation div.vectorTabs li.new a,#left-navigation div.vectorTabs li.new a:visited,#right-navigation div.vectorTabs li.new a:visited{
 * 1) left-navigation div.vectorTabs li.selected,#right-navigation div.vectorTabs li.selected{
 * 1) left-navigation div.vectorTabs li.selected a,#right-navigation div.vectorTabs li.selected a,#left-navigation div.vectorTabs li.selected a:visited,#right-navigation div.vectorTabs li.selected a:visited{
 * 1) left-navigation div.vectorTabs li a,#right-navigation div.vectorTabs li a{
 * 1) left-navigation div.vectorTabs span,#right-navigation div.vectorTabs span{
 * 1) mw-navigation div#mw-panel div.portal{
 * 1) mw-navigation div#mw-panel div.portal#p-logo,#mw-navigation div#mw-panel div.portal#p-navigation{
 * 1) siteNotice{
 * 1) p-personal{
 * 1) p-personal h3{
 * 1) p-personal ul{
 * 1) p-personal li{
 * 1) pt-userpage,#pt-anonuserpage{
 * 1) p-search{
 * 1) p-search h3{
 * 1) p-search form,#p-search input{
 * 1) ca-unwatch.icon a,#ca-watch.icon a{
 * 1) ca-unwatch.icon a{
 * 1) ca-watch.icon a{
 * 1) ca-unwatch.icon a:hover,#ca-unwatch.icon a:focus{
 * 1) ca-watch.icon a:hover,#ca-watch.icon a:focus{
 * 1) ca-unwatch.icon a.loading,#ca-watch.icon a.loading{
 * 1) ca-unwatch.icon a span,#ca-watch.icon a span{
 * 1) mw-navigation h2{
 * 1) mw-page-base{
 * 1) mw-head-base{
 * 1) left-navigation{
 * 1) right-navigation{
 * 1) p-logo{
 * 1) p-logo a{

/* Newmaker fixes */ .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { background: #000 !important; color: #fff !important; border: 1px solid #666 !important; }

.oo-ui-widget-enabled > * { color: #ddf !important; background: #112 !important; border-color: #666 !important; }

.oo-ui-widget-enabled > *:hover, .oo-ui-widget-enabled > *:active, .oo-ui-widget-enabled > *:focus { color: #fff !important; background: #556 !important; border-color: #999 !important; }

.editOptions { color: inherit; }

/* fuck your stupid custom checkboxes */ .oo-ui-checkboxInputWidget [type='checkbox'], .oo-ui-checkboxInputWidget [type='radio'] { opacity: 1; }

/* make sure to redefine every single input's css so that changing the colors becomes a huge pain in the ass */ .mw-ui-input { background: unset !important; color: unset !important; box-shadow: unset !important; }

/* get rid of the stupid line under "tools" in the sidebar */ background-image: none !important; }
 * 1) mw-panel .portal .body {

/* make toc suck less */ .tocnumber { color: #999; } .mw-content-ltr .toc ul ul, .mw-content-rtl .mw-content-ltr .toc ul ul { margin-left: 1em; }

/* fix the ugly light search box */ div#simpleSearch, div#simpleSearch * { background: black !important; color: white !important; }

/* fix side panel header colors */ color: #888; }
 * 1) mw-panel .portal h3 {

/* i like how this is a class AND an id for some reason */ background: #545; }
 * 1) wikiEditor-ui-toolbar {

/* OVERRIDE ALL THE STUPID CUSTOM LINK COLORS (SOME OF WHICH ARE NOT EVEN LINKS WHAT THE HELL) (and also some other things that really want custom colors because who even knows ugh) .wikiEditor-ui-toolbar .booklet .index div, .wikiEditor-ui-toolbar .page-table th { color: unset !important; }
 * 1) wikiEditor-ui-toolbar a,
 * 1) wikiEditor-ui-toolbar a,
 * 1) wikiEditor-ui-toolbar label,

/* extra parts of toolbars */ background: #313; }
 * 1) wikiEditor-section-advanced, .wikiEditor-ui-toolbar .sections .section, .wikiEditor-ui-toolbar .group .tool-select .options .option:hover {

/* hafsdlkaghsdlkhasdlkh */ .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .booklet .pages, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .group .tool-select, .wikiEditor-ui-toolbar .group .tool-select .menu .options { background: black; color: white; }

.wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #666; }

color: #ddf !important; background: #888 !important; }	color: #ddf !important; background: #aaa !important; }
 * 1) wikiEditor-ui-toolbar .oo-ui-buttonElement-button {
 * 1) wikiEditor-ui-toolbar .oo-ui-buttonElement-button:hover, #wikiEditor-ui-toolbar .oo-ui-buttonElement-button:active, #wikiEditor-ui-toolbar .oo-ui-buttonElement-button:focus {

.petscop-ts { font-family: monospace; font-size: 100%; position: relative; top: -.15em; margin: 0 .33em; }