Difference between revisions of "MediaWiki:Common.css"

From Isleward Wiki
Jump to navigation Jump to search
(loot table styles)
 
(50 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
body {
 
body {
  background: url('http://blog.isleward.com/images/bg.png');
+
  background-color: #2d2136;
 +
image-rendering: -moz-crisp-edges;
 +
image-rendering: pixelated;
 
}
 
}
  
 
#content {
 
#content {
 
  margin-top: 150px;
 
  margin-top: 150px;
 +
margin-right: 20px;
 
}
 
}
  
 
div#mw-head {
 
div#mw-head {
 
  margin-top: 150px;
 
  margin-top: 150px;
 +
}
 +
 +
#right-navigation {
 +
margin-right: 20px;
 +
}
 +
 +
#pt-anonuserpage {
 +
color: #929398;
 +
filter:
 +
  drop-shadow(0px -2px 0px #2d2136)
 +
  drop-shadow(0px 2px 0px #2d2136)
 +
  drop-shadow(2px 0px 0px #2d2136)
 +
  drop-shadow(-2px 0px 0px #2d2136);
 
}
 
}
  
Line 18: Line 34:
 
   drop-shadow(2px 0px 0px #2d2136)  
 
   drop-shadow(2px 0px 0px #2d2136)  
 
   drop-shadow(-2px 0px 0px #2d2136);
 
   drop-shadow(-2px 0px 0px #2d2136);
 +
}
 +
 +
div#p-search form {
 +
margin-top: 0px;
 +
}
 +
 +
div#simpleSearch{
 +
border: none;
 +
margin-top: 0px;
 +
height: 26px;
 +
padding-top: 14px;
 +
padding-left: 0.5em;
 +
margin-right: -5px;
 +
background-color: white;
 +
}
 +
 +
div#simpleSearch input{
 +
border: none;
 +
}
 +
 +
div#simpleSearch #searchButton {
 +
margin-top: -4px;
 +
margin-right: 0.5em;
 
}
 
}
  
Line 26: Line 65:
 
#p-cactions {
 
#p-cactions {
 
  float: right;
 
  float: right;
 +
margin-left: 10px;
 +
}
 +
 +
#p-cactions span {
 +
color: #44cb95;
 +
}
 +
 +
.vectorMenu:not(.menuForceShow) #p-cactions a {
 +
display: none;
 +
}
 +
 +
div#mw-head div.vectorMenu h3 {
 +
background-image: none;
 
}
 
}
  
Line 33: Line 85:
  
 
div#mw-panel {
 
div#mw-panel {
background-color: #3c3f4c;
 
top: 190px;
 
 
  width: 136px;
 
  width: 136px;
 
  padding-left: 0px;
 
  padding-left: 0px;
Line 41: Line 91:
 
}
 
}
  
div#mw-panel div.portal {
+
div#mw-panel nav.portal {
 
  background-image: none;
 
  background-image: none;
 +
background-color: #3c3f4c;
 +
margin-left: 0px;
 +
width: 136px
 
}
 
}
  
div#mw-panel div.portal h3 {
+
div#mw-panel nav.portal h3 {
 
  display: none;
 
  display: none;
 
}
 
}
  
div#mw-panel div.portal div.body {
+
div#mw-panel nav.portal div.body {
 
  margin-left: 8px;
 
  margin-left: 8px;
 
  margin-bottom: 10px;
 
  margin-bottom: 10px;
 
}
 
}
  
div#mw-panel div.portal div.body ul li a:visited {
+
div#mw-panel nav.portal div.body ul li a:visited {
 
  color: #3fa7dd;
 
  color: #3fa7dd;
 
}
 
}
  
div#mw-panel div.portal div.body ul li a {
+
div#mw-panel nav.portal div.body ul li a {
 
  color: #3fa7dd;
 
  color: #3fa7dd;
 
}
 
}
  
div#mw-panel div.portal div.body ul li a:visited {
+
div#mw-panel nav.portal div.body ul li a:visited {
 
  color: #3fa7dd;
 
  color: #3fa7dd;
 
}
 
}
  
div#mw-panel div.portal div.body ul li a {
+
div#mw-panel nav.portal div.body ul li a {
 
  color: #3fa7dd;
 
  color: #3fa7dd;
 
}
 
}
  
div#mw-panel div.portal:nth-child(3) div.body ul li a:visited {
+
div#mw-panel nav.portal:nth-child(3) div.body ul li a:visited {
 
  color: #44cb95;
 
  color: #44cb95;
 
}
 
}
  
div#mw-panel div.portal:nth-child(3) div.body ul li a {
+
div#mw-panel nav.portal:nth-child(3) div.body ul li a {
 
  color: #44cb95;
 
  color: #44cb95;
 
}
 
}
Line 88: Line 141:
 
#mw-head:after {
 
#mw-head:after {
 
  display: block;
 
  display: block;
  content: url('http://blog.isleward.com/images/logo.png');
+
  content: url(/skins/common/images/logo_0.png);
 
  position: absolute;
 
  position: absolute;
 
  top: -150px;
 
  top: -150px;
Line 95: Line 148:
 
}
 
}
  
div.vectorTabs ul li {
+
nav.vectorTabs ul, nav.vectorTabs ul li,nav.vectorTabs ul li.selected  {
 
  background-image: none;
 
  background-image: none;
 
}
 
}
  
div.vectorTabs {
+
nav.vectorTabs, div.vectorTabs ul li.selected {
  background-color: white;
+
  background-color: #F3F3F3;
 +
}
 +
 
 +
nav.vectorTabs, nav.vectorTabs span {
 +
background-image: none;
 
}
 
}
  
div.vectorTabs, div.vectorTabs span {
+
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
 
  background-image: none;
 
  background-image: none;
 
}
 
}
  
div#footer {
+
footer#footer {
 
  margin-left: 156px;
 
  margin-left: 156px;
 
}
 
}
  
div#footer #footer-info li {
+
footer#footer #footer-info li {
 
  color: rgb(242, 245, 245);
 
  color: rgb(242, 245, 245);
 
  filter:  
 
  filter:  
Line 127: Line 184:
 
   drop-shadow(2px 0px 0px #2d2136)  
 
   drop-shadow(2px 0px 0px #2d2136)  
 
   drop-shadow(-2px 0px 0px #2d2136);
 
   drop-shadow(-2px 0px 0px #2d2136);
 +
}
 +
 +
.mw-customtoggle {
 +
color: #7a3ad3;
 +
}
 +
 +
.mw-customtoggle:hover {
 +
color: #a24eff;
 +
text-decoration: underline;
 +
}
 +
 +
#footer-icons {
 +
display: none;
 +
}
 +
 +
 +
@media screen and (min-width: 982px) {
 +
#p-personal {
 +
  right: 25px;
 +
}
 +
 +
#left-navigation {
 +
  margin-left: 176px;
 +
}
 +
 +
#p-search {
 +
  margin-right: 5px;
 +
}
 +
}
 +
 +
/* VENDOR TABLES */
 +
 +
.vendor-table td {
 +
text-align: center;
 +
}
 +
.vendor-table td:first-child {
 +
text-align: left;
 +
}
 +
 +
/* LOOT TABLES */
 +
 +
.loot-table td {
 +
text-align: center;
 +
}
 +
.loot-table td:first-child {
 +
text-align: left;
 +
}
 +
 +
/* INFOBOXES */
 +
 +
div.infobox {
 +
  float: right;
 +
  position: relative;
 +
  width: 250px;
 +
  background: #f8f9fa;
 +
  font-size: 0.923em;
 +
  border: 1px solid #aaa;
 +
  border-top: 0px;
 +
  margin: 0 0 1em 1em;
 +
  padding: 0;
 +
  display: flex;
 +
  flex-direction: column;
 +
}
 +
 +
div.infobox .icon {
 +
  width: 100%;
 +
  display: flex;
 +
  justify-content: center;
 +
  background-color: #2d2136;
 +
  padding: 0px;
 +
}
 +
 +
div.infobox .icon a {
 +
  height: 100px;
 +
}
 +
 +
div.infobox .heading {
 +
  font-weight: bold;
 +
  text-align: center;
 +
  font-size: 1.2em !important;
 +
  background-color: #eaecf0;
 +
  padding: 0.3em !important;
 +
  border-top: 1px solid #aaa;
 +
}
 +
 +
div.infobox dt {
 +
  float: left;
 +
  text-align: right;
 +
  width: 78px;
 +
  line-height: 1em;
 +
  font-weight: 700;
 +
  clear: left;
 +
  border-right: 2px solid #aaa;
 +
  margin: 0 -2px 0 0;
 +
  padding: 2px 8px 2px 3px;
 +
}
 +
 +
div.infobox dl {
 +
  float: left;
 +
  margin: 0.5em 0;
 +
}
 +
 +
div.infobox dd {
 +
  float: left;
 +
  width: 125px;
 +
  border-left: 2px solid #aaa;
 +
  margin: 0;
 +
  padding: 2px 7px;
 +
}
 +
 +
div.infobox dt,
 +
div.infobox dd {
 +
  line-height: 1.5em;
 
}
 
}

Latest revision as of 22:50, 30 October 2022

body {
 background-color: #2d2136;
 image-rendering: -moz-crisp-edges;
 image-rendering: pixelated;
}

#content {
 margin-top: 150px;
 margin-right: 20px;
}

div#mw-head {
 margin-top: 150px;
}

#right-navigation {
 margin-right: 20px;
}

#pt-anonuserpage {
 color: #929398;
 filter: 
  drop-shadow(0px -2px 0px #2d2136) 
  drop-shadow(0px 2px 0px #2d2136)
  drop-shadow(2px 0px 0px #2d2136) 
  drop-shadow(-2px 0px 0px #2d2136);
}

div#mw-head #p-personal ul li a {
 color: #51fc9a;
 filter: 
  drop-shadow(0px -2px 0px #2d2136) 
  drop-shadow(0px 2px 0px #2d2136)
  drop-shadow(2px 0px 0px #2d2136) 
  drop-shadow(-2px 0px 0px #2d2136);
}

div#p-search form {
 margin-top: 0px;
}

div#simpleSearch{
 border: none;
 margin-top: 0px;
 height: 26px;
 padding-top: 14px;
 padding-left: 0.5em;
 margin-right: -5px;
 background-color: white;
}

div#simpleSearch input{
 border: none;
}

div#simpleSearch #searchButton {
 margin-top: -4px;
 margin-right: 0.5em;
}

#p-views {
 float: right;
}

#p-cactions {
 float: right;
 margin-left: 10px;
}

#p-cactions span {
 color: #44cb95;
}

.vectorMenu:not(.menuForceShow) #p-cactions a {
 display: none;
}

div#mw-head div.vectorMenu h3 {
 background-image: none;
}

#mw-page-base {
 background: transparent;
}

div#mw-panel {
 width: 136px;
 padding-left: 0px;
 margin-left: 20px;
 padding-top: 10px;
}

div#mw-panel nav.portal {
 background-image: none;
 background-color: #3c3f4c;
 margin-left: 0px;
 width: 136px
}

div#mw-panel nav.portal h3 {
 display: none;
}

div#mw-panel nav.portal div.body {
 margin-left: 8px;
 margin-bottom: 10px;
}

div#mw-panel nav.portal div.body ul li a:visited {
 color: #3fa7dd;
}

div#mw-panel nav.portal div.body ul li a {
 color: #3fa7dd;
}

div#mw-panel nav.portal div.body ul li a:visited {
 color: #3fa7dd;
}

div#mw-panel nav.portal div.body ul li a {
 color: #3fa7dd;
}

div#mw-panel nav.portal:nth-child(3) div.body ul li a:visited {
 color: #44cb95;
}

div#mw-panel nav.portal:nth-child(3) div.body ul li a {
 color: #44cb95;
}

.mw-body {
 border: none;
}

#firstHeading {
 display: none;
}

#mw-head:after {
 display: block;
 content: url(/skins/common/images/logo_0.png);
 position: absolute;
 top: -150px;
 left: 50%;
 transform: translateX(-50%);
}

nav.vectorTabs ul, nav.vectorTabs ul li,nav.vectorTabs ul li.selected  {
 background-image: none;
}

nav.vectorTabs, div.vectorTabs ul li.selected {
 background-color: #F3F3F3;
}

nav.vectorTabs, nav.vectorTabs span {
 background-image: none;
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
 background-image: none;
}

footer#footer {
 margin-left: 156px;
}

footer#footer #footer-info li {
 color: rgb(242, 245, 245);
 filter: 
  drop-shadow(0px -2px 0px #2d2136) 
  drop-shadow(0px 2px 0px #2d2136)
  drop-shadow(2px 0px 0px #2d2136) 
  drop-shadow(-2px 0px 0px #2d2136);
}

#footer #footer-places li a {
 color: #51fc9a;
 filter: 
  drop-shadow(0px -2px 0px #2d2136) 
  drop-shadow(0px 2px 0px #2d2136)
  drop-shadow(2px 0px 0px #2d2136) 
  drop-shadow(-2px 0px 0px #2d2136);
}

.mw-customtoggle {
 color: #7a3ad3;
}

.mw-customtoggle:hover {
 color: #a24eff;
 text-decoration: underline;
}

#footer-icons {
 display: none;
}


@media screen and (min-width: 982px) {
 #p-personal {
  right: 25px;
 }

 #left-navigation {
  margin-left: 176px;
 }

 #p-search {
  margin-right: 5px;
 }
}

/* VENDOR TABLES */

.vendor-table td {
 text-align: center;
}
.vendor-table td:first-child {
 text-align: left;
}

/* LOOT TABLES */

.loot-table td {
 text-align: center;
}
.loot-table td:first-child {
 text-align: left;
}

/* INFOBOXES */

div.infobox {
  float: right;
  position: relative;
  width: 250px;
  background: #f8f9fa;
  font-size: 0.923em;
  border: 1px solid #aaa;
  border-top: 0px;
  margin: 0 0 1em 1em;
  padding: 0;
  display: flex;
  flex-direction: column;
}

div.infobox .icon {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #2d2136;
  padding: 0px;
}

div.infobox .icon a {
  height: 100px;
}

div.infobox .heading {
  font-weight: bold;
  text-align: center;
  font-size: 1.2em !important;
  background-color: #eaecf0;
  padding: 0.3em !important;
  border-top: 1px solid #aaa;
}

div.infobox dt {
  float: left;
  text-align: right;
  width: 78px;
  line-height: 1em;
  font-weight: 700;
  clear: left;
  border-right: 2px solid #aaa;
  margin: 0 -2px 0 0;
  padding: 2px 8px 2px 3px;
}

div.infobox dl {
  float: left;
  margin: 0.5em 0;
}

div.infobox dd {
  float: left;
  width: 125px;
  border-left: 2px solid #aaa;
  margin: 0;
  padding: 2px 7px;
}

div.infobox dt,
div.infobox dd {
  line-height: 1.5em;
}