|
|
| (187 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* | | /* Monobook Skin :: Wiki3 Additions |
| ** CSS Additions for Monobook skin
| |
| */ | | */ |
| @import url('//cdn.jsdelivr.net/font-hack/2.020/css/hack-extended.min.css');
| |
| @import url('//fonts.googleapis.com/css?family=Titillium+Web');
| |
|
| |
| /*
| |
| ** General CSS
| |
| */
| |
| a:link, a:active, a:visited { color: #07b !important; }
| |
| a:hover { color: #666 !important; }
| |
| a.new:link, a.new:active, a.new:visited { color: #a00 !important; }
| |
| a.new:hover { color: #666 !important; }
| |
| a.extiw:link, a.extiw:active, a.extiw:visited { color: #07b !important; }
| |
| a.extiw:hover { color: #666 !important; }
| |
| a.external:link, a.external:active, a.external:visited { color: #07b !important; }
| |
| a.external:hover { color: #666 !important; }
| |
| /*
| |
| a:link, a:visited { color: #0645ad !important; }
| |
| a.new:link, a.new:visited { color: #cc2200 !important; }
| |
| a.extiw:link, a.extiw:visited { color: #3366bb !important; }
| |
| a.external:link, a.external:visited { color: #3366bb !important; }
| |
| */
| |
|
| |
| body {
| |
| background: #f1f1f1;
| |
| background-attachment: fixed;
| |
| color: #313131;
| |
| font-family: 'Titillium Web',Tahoma,Geneva,sans-serif;
| |
| font-size: 8pt;
| |
| line-height: 100%; }
| |
|
| |
| h1, h2, h3, h4, h5, h6 { font-weight: normal; }
| |
| h5 { font-weight: bold; }
| |
|
| |
| input {
| |
| font-family: 'Titillium Web',Tahoma,Geneva,sans-serif;
| |
| font-size: 8pt;
| |
| line-height: 100%;
| |
| }
| |
|
| |
| pre,textarea {
| |
| font-family: 'Hack','Lucida Console',Monaco,monospace;
| |
| font-size: 10pt;
| |
| line-height: 100%;
| |
| }
| |
|
| |
| /*
| |
| * Wiki Read-Only Mode
| |
| */
| |
| #mw-read-only-warning { color: #a00; }
| |
| #mw-read-only-warning > p > strong { display: block; }
| |
|
| |
| /*
| |
| ** Left Sidepanel Containers
| |
| */
| |
| #p-nav,#p-search,#p-tb,#footer { opacity: 0.8; }
| |
| #p-cactions ul li,#p-cactions ul li a {
| |
| border-radius: 0.4em 0.4em 0 0;
| |
| -moz-border-radius: 0.4em 0.4em 0 0;
| |
| -webkit-border-radius: 0.4em 0.4em 0 0;
| |
| /*border-radius-topleft: 0.4em;
| |
| border-radius-topright: 0.4em;
| |
| -moz-border-radius-topleft: 0.4em;
| |
| -moz-border-radius-topright: 0.4em;
| |
| -webkit-border-radius-topleft: 0.4em;
| |
| -webkit-border-radius-topright: 0.4em;*/
| |
| }
| |
| #content {
| |
| border-radius: 0.6em 0 0 0.6em;
| |
| -moz-border-radius: 0.6em 0 0 0.6em;
| |
| -webkit-border-radius: 0.6em 0 0 0.6em;
| |
| /*border-radius-topleft: 0.6em;
| |
| border-radius-bottomleft: 0.6em;
| |
| -moz-border-radius-topleft: 0.6em;
| |
| -moz-border-radius-bottomleft: 0.6em;
| |
| -webkit-border-radius-topleft: 0.6em;
| |
| -webkit-border-radius-bottomleft: 0.6em;*/
| |
| }
| |
| div.pBody {
| |
| border-radius: 0 0.4em 0.4em 0;
| |
| -moz-border-radius: 0 0.4em 0.4em 0;
| |
| -webkit-border-radius: 0 0.4em 0.4em 0;
| |
| /*border-radius-topright: 0.4em;
| |
| border-radius-bottomright: 0.4em;
| |
| -moz-border-radius-topright: 0.4em;
| |
| -moz-border-radius-bottomright: 0.4em;
| |
| -webkit-border-radius-topright: 0.4em;
| |
| -webkit-border-radius-bottomright: 0.4em;*/
| |
| }
| |
| .portlet h3 { display: none; }
| |
| #p-search.portlet { position: relative; top: 16px; }
| |
| #p-tb.portlet { position: relative; top: 32px; }
| |
|
| |
| /*
| |
| ** Fixed Sidebar
| |
| */
| |
| div[id=column-one] {
| |
| position: fixed;
| |
| top: 0;
| |
| height: 100%;
| |
| overflow: auto;
| |
| z-index: 2;
| |
| }
| |
| div#p-lang .pBody ul{ height: 10em; overflow: auto; }
| |
| div#footer {
| |
| margin-left: 13.6em;
| |
| border-left: solid 1px rgb(250, 189, 35);
| |
| border-radius: 1em 0 0 1em;
| |
| -moz-border-radius: 1em 0 0 1em;
| |
| -webkit-border-radius: 1em 0 0 1em;
| |
| /*border-radius-topleft: 1em;
| |
| border-radius-bottomleft: 1em;
| |
| -moz-border-radius-topleft: 1em;
| |
| -moz-border-radius-bottomleft: 1em;
| |
| -webkit-border-radius-topleft: 1em;
| |
| -webkit-border-radius-bottomleft: 1em;*/
| |
| }
| |
| /* Fix toolbar */
| |
| #p-personal {
| |
| width: 50%;
| |
| white-space: nowrap;
| |
| padding: 0;
| |
| margin: 0;
| |
| position: absolute;
| |
| left: 0;
| |
| top: 20px;
| |
| z-index: 5;
| |
| border: none;
| |
| background: none;
| |
| overflow: visible !important;
| |
| line-height: 18px;
| |
| }
| |
| #p-personal h5 { display: none; }
| |
| #p-personal .portlet,
| |
| #p-personal .pBody {
| |
| padding: 0;
| |
| margin: 0;
| |
| border: none;
| |
| z-index: 5;
| |
| overflow: visible;
| |
| background: none;
| |
| }
| |
| /* this is the ul contained in the portlet */
| |
| #p-personal ul {
| |
| border: none;
| |
| line-height: 18px;
| |
| color: #2f6fab;
| |
| padding: 0em 2em 0 3em;
| |
| margin: 0;
| |
| text-align: right;
| |
| text-transform: lowercase;
| |
| list-style: none;
| |
| z-index: 5;
| |
| background: none;
| |
| }
| |
| #p-personal li {
| |
| z-index: 5;
| |
| border: none;
| |
| padding: 0;
| |
| display: inline;
| |
| color: #2f6fab;
| |
| margin-left: 1em;
| |
| line-height: 18px;
| |
| background: none;
| |
| }
| |
| #p-personal li a {
| |
| z-index: 5;
| |
| text-decoration: none;
| |
| color: #005896;
| |
| padding: 0 4px;
| |
| padding-bottom: 0.2em;
| |
| border-top: 1px solid #f1f1f1;
| |
| border-left: 1px solid #f1f1f1;
| |
| border-right: 1px solid #f1f1f1;
| |
| background: none;
| |
| }
| |
| #p-personal li a:hover {
| |
| background-color: #fff;
| |
| border-top: 1px solid #000;
| |
| border-left: 1px solid #000;
| |
| border-right: 1px solid #000;
| |
| padding-bottom: 0.2em;
| |
| text-decoration: none;
| |
| }
| |
| li#pt-userpage,
| |
| li#pt-anonuserpage,
| |
| li#pt-login {
| |
| /* @embed */
| |
| background: url(/img/icons-shadowless/user-worker-boss.png) top left no-repeat;
| |
| padding-left: 20px;
| |
| text-transform: none;
| |
| }
| |
|
| |
|
| |
| #footer #f-list { position: relative; top: 7px; }
| |
| #footer #f-poweredbyico { position: relative; top: -1px; }
| |
|
| |
| /*
| |
| ** Highlight Clicked References
| |
| */
| |
| ol.references > li:target { background-color: #ddeeff; }
| |
| sup.reference:target { background-color: #ddeeff; }
| |
|
| |
| /*
| |
| ** Right Aligned TOC
| |
| */
| |
| div#tocalign { float: right; margin-left: 25px; }
| |
|
| |
| /*
| |
| ** Sortable TABLE
| |
| */
| |
| table.sortable { border-collapse: collapse; border-spacing: 0; border-top: solid 1px #96aac8; border-bottom: solid 1px #96aac8; margin: 0 auto; }
| |
| table.sortable tr { border: none; }
| |
| table.sortable td, table.sortable th { border-right: solid 1px #96aac8; border-left: solid 1px #96aac8; padding: 5px 10px; vertical-align: center; }
| |
| table.sortable th { border-bottom: solid 1px #96aac8; }
| |
|
| |
| /*
| |
| ** {{Template:Code}}
| |
| */
| |
| .template-code {
| |
| background-color: #ffe0e0;
| |
| border: 1px solid #cc6666;
| |
| border-left: 10px solid #cc6666;
| |
| font-family: 'Hack','Lucida Console',Monaco,monospace;
| |
| font-size: 10pt;
| |
| line-height: 100%;
| |
| margin: 0 4px;
| |
| padding: 2px 6px;
| |
| white-space: pre;
| |
| }
| |
|
| |
| /*
| |
| ** {{Template:BBS}} & {{Template:BBSright}}
| |
| */
| |
| .template-bbs {
| |
| background-color: #090c19;
| |
| border: 1px solid #313b65;
| |
| color: #aeaeae;
| |
| font-family: 'Hack','Lucida Console',Monaco,monospace;
| |
| font-size: 10pt;
| |
| line-height: 100%;
| |
| margin: 0 4px;
| |
| padding: 4px 8px;
| |
| white-space: pre;
| |
| }
| |
|
| |
| /*
| |
| ** {{Template:Console}} & {{Template:ConsoleRight}}
| |
| */
| |
| .template-console {
| |
| background-color: #131313;
| |
| border: 1px solid #434343;
| |
| color: #a8a8a8;
| |
| font-family: 'Hack','Lucida Console',Monaco,monospace;
| |
| font-size: 10pt;
| |
| line-height: 100%;
| |
| margin: 0 4px;
| |
| padding: 4px 8px;
| |
| white-space: pre;
| |
| }
| |
|
| |
| /*
| |
| ** {{Template:Output}}
| |
| */
| |
| .template-output {
| |
| background-color: #c1ffc1;
| |
| border: 1px solid #00B000;
| |
| font-family: 'Hack','Lucida Console',Monaco,monospace;
| |
| font-size: 10pt;
| |
| line-height: 100%;
| |
| margin: 0 4px;
| |
| padding: 4px 8px;
| |
| white-space: pre;
| |
| }
| |
|
| |
| /*
| |
| ** {{Template:Note}}
| |
| */
| |
| .template-note {
| |
| background-color: #f9f9f9;
| |
| border: 1px dashed #2f6fab;
| |
| font-family: 'Hack','Lucida Console',Monaco,monospace;
| |
| font-size: 10pt;
| |
| line-height: 100%;
| |
| margin: 0 4px;
| |
| padding: 4px 8px;
| |
| white-space: pre;
| |
| }
| |
|
| |
| /*
| |
| ** {{Template:Mono}}
| |
| */
| |
| .template-mono {
| |
| color: #007a00;
| |
| font-family: 'Hack','Lucida Console',Monaco,monospace;
| |
| font-size: 10pt;
| |
| line-height: 100%;
| |
| }
| |
|
| |
| /*
| |
| ** {{Template:Icon}}
| |
| */
| |
| .template-icon { position: relative; top: -1px; }
| |
|
| |
| /*
| |
| ** {{Template:IconFix}}
| |
| */
| |
| .template-iconfix { position: relative; top: -3px; }
| |
|
| |
| /*
| |
| ** {{Template:Infobox}}
| |
| */
| |
| .template-infobox {
| |
| background-color: #f1f1f1;
| |
| border: 1px solid #666;
| |
| float: right;
| |
| padding: 4px;
| |
| }
| |
|
| |
| /*
| |
| ** {{Template:Hardware}}
| |
| */
| |
| .template-hardware td { border-bottom: 1px solid #ccc; padding: 2px 6px; }
| |
| .template-hardware th { background-color: #ccc; }
| |
|
| |
| /*
| |
| ** Path of Exile
| |
| */
| |
| .inventoryBG {
| |
| background-image: url(//webcdn.pathofexile.com/image/gen/inventory/MainInventory.png);
| |
| width: 600px;
| |
| height: 781px;
| |
| }
| |
| .itemBG { background-image: url(//webcdn.pathofexile.com/image/game_ui/inventory_item_background.png); }
| |
|
| |
| /*
| |
| ** DIY Images
| |
| */
| |
| .diy {
| |
| -webkit-box-shadow: 0 0 6px rgba(0,0,0,1);
| |
| box-shadow: 0 0 6px rgba(0,0,0,1);
| |
| margin: 4px 2px;
| |
| }
| |
