Difference between revisions of "MediaWiki:Common.css"
From DDO Compendium
MNDeveloper (talk | contribs) |
MNDeveloper (talk | contribs) |
||
Line 147: | Line 147: | ||
{ | { | ||
width: 130px; | width: 130px; | ||
height: 95px; | |||
text-align: center; | text-align: center; | ||
margin-bottom:5px; | margin-bottom:5px; |
Revision as of 19:15, 14 June 2018
/* CSS placed here will be applied to all skins */
.compendiumtable
{
color: white;
background-color:#3a3f44;
margin: 1em 0;
border: 1px solid #a2a9b1;
border-collapse: collapse;
}
.compendiumtablecolor
{
color: white;
background-color:#3a3f44;
}
.compendiumtableborder
{
border-bottom: 1px solid #a2a9b1;
border-collapse: collapse;
}
.compendiumtable .header
{
border:1px solid #a2a9b1;
padding:0.2em 0.4em;
text-align:center;
background-color: gray;
}
.compendiumtable .centerdata
{
text-align:center;
}
.compendiumtable > tbody > tr > td
{
border:1px solid #a2a9b1;
padding:0.2em 0.4em;
vertical-align: top;
}
.compendiumtable > tbody > tr > th
{
border:1px solid #a2a9b1;
padding:0.2em 0.4em;
text-align:center;
background-color: gray;
vertical-align: bottom;
}
.compendiumtable > thead > tr > th
{
border:1px solid #a2a9b1;
padding:0.2em 0.4em;
text-align:center;
background-color: gray;
}
@media screen and (max-width: 760px) {
.compendiumtable
{
border: none;
}
.compendiumtable .header {
display:none;
}
.compendiumtable .centerdata
{
text-align:left;
}
.compendiumtable > thead {
display:none;
}
.compendiumtable > tbody >tr:nth-child(1) {
display:none;
}
.compendiumtable > tbody > tr > td
{
border:none;
padding:0.2em 0.4em;
margin-left:1em;
width:90%;
}
.compendiumtable > tbody > tr
{
border:1px solid #a2a9b1;
border-collapse: collapse;
}
.compendiumtable > tbody > tr > td:before
{
content: attr(data-th);
display: block;
font-weight: 700;
margin-left:-0.8em;
}
}
.ddoheader
{
background-color:black;
border: 1px solid white;
}
.ddoheader .headerlist
{
margin-bottom: 0;
padding-left: 0;
padding-bottom:5px;
list-style: none
}
.ddoheader .selected
{
background-color: #3a3f44;
}
.ddoheader .classicon
{
text-align: center;
height: 95px;
width: 76px;
margin-bottom:5px;
margin-top: 5px;
float: left;
}
.ddoheader .featicon
{
width: 80px;
text-align: center;
margin-bottom:5px;
margin-top: 5px;
float: left;
}
.ddoheader .raceicon
{
width: 95px;
text-align: center;
margin-bottom:5px;
margin-top: 5px;
float: left;
}
.ddoheader .spellicon
{
width: 130px;
height: 95px;
text-align: center;
margin-bottom:5px;
margin-top: 5px;
float: left;
}
.ddoheader .iconicicon
{
width: 120px;
text-align: center;
margin-bottom:5px;
margin-top: 5px;
float: left;
}
a {
color: #E9E2BA;
}
a:visited {
color: #C2B87E;
}
select, table a.external:link, #categoryselectmaster {
color: #444 !important;
}
a.external:visited {
color: #777 !important;
}
body, nav {
overflow-anchor: none !important;
}
#toc {
float: right;
border: 1px #ccc solid;
padding: 5px 15px 15px 15px;
margin: 5px;
}
/* File history and other tables bg color */
table.wikitable > tr > th, table.wikitable > * > tr > th {
background-color: rgb(0, 0, 0, 0);
}
.navbar-default {
background-image: none;
}
.btn-default {
background-image: none;
}
.navbar-default .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a {
border-left: none;
}
#pagehistory li.selected {
background-color: #000000;
}
#filetoc {
background-color: #000000;
}
th {
text-align: center;
}
/* Editing box button text color */
.wikiEditor-ui-buttons {
color: #000;
}
/* License link in Special:Version */
.mw-version-ext > td > a, div.search-types > ul li a {
color: #000;
}
.mw-version-ext > td > a:visited, div.search-types > ul li a:visited {
color: #555 !important;
}
div.search-types > ul li.current a {
font-weight: bold;
}
/* For the server status widget */
.row.ss-widget-text-center > div {
display: inline-block;
float: none;
}
.quest {
padding-top:5px
}
.quest .box
{
border: 1px solid rgba(39,43,46,0.6);
}
.quest .outer-box
{
float: right;
margin-left:10px;
max-width:300px;
font-size:14px;
background-color:#3a3f44
}
.quest .inner-box
{
padding:5px;
}
.quest .box-header
{
font-size:20px;
text-align:center;
}
.quest .paragraph-body
{
font-size: 14px;
margin-bottom:5px;
}
.quest .sub-paragraph-header
{
font-size: 26px;
}
.quest .paragraph-header
{
font-size: 32px;
}
.quest .flavor-text
{
font-style:italic;
}
@media screen and (max-width: 500px)
{
.quest .outer-box
{
float: none;
width: 100%;
max-width:500px;
margin-left:0px;
}
.quest .inner-box
{
width: 100%;
}
}
.item-table
{
border: 1px solid #B0B5B8;
background-color: black;
width:100%;
}
.item-table .background-color
{
background-color: black;
}
.item-table .item-info-side
{
padding-left:20px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
width:50%;
vertical-align: top;
}
.item-table .item-info-full
{
padding-left:20px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
width:100%;
vertical-align: top;
}
.item-table .icon
{
width:50px;
}
.item-table .title
{
font-size: 20px;
text-align: center;
width:100%;
}
.item-table .subtitle
{
font-size: 16px;
text-align: center;
width:100%;
}
.item-table .item-image-side
{
border-left: solid 1px white;
width:100%;
vertical-align: top;
}
.item-table .item-image-side .extra-details
{
padding: 10px;
}
.item-table .item-image-table
{
width:100%;
padding-left:20px;
padding-right:10px;
}
.item-table .item-image
{
width:100%;
padding-left:20px;
padding-right:10px;
padding-top: 10px;
}
.item-table .full
{
width:100%;
}
.item-image img
{
height: auto;
width: auto;
max-width: 300px;
}
.item-table .item-image-table .item-image
{
text-align:center;
border-bottom: solid 1px white;
padding-bottom:15px;
margin-bottom:10px;
}
.item-table .item-image-table .item-image-notext
{
text-align:center;
padding-top:15px;
padding-bottom:15px;
margin-bottom:10px;
}
@media screen and (max-width: 750px)
{
.item-table .item-info-side
{
padding-left:10px;
padding-right:5px;
width:100%
}
.item-table .item-image-table
{
width:100%;
padding-left:0px;
padding-right:0px;
padding-top:10px;
}
.item-table .item-image-side
{
width:100%;
border-top: 1px solid #B0B5B8;
border-left: none;
vertical-align: top;
}
.item-table .icon
{
text-align: center;
width:100%;
padding-top:10px;
}
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
background-color: gray;
}
/* Playing with mobile resolutions, should make all tables mobile responsive */
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
table, thead, tbody, th, td, tr {
text-align: left;
display: block;
}
/* this is the class of all link images for the header of the navigational table */
#navigational_header_images {
display: none !important;
}
#sidebar {
display: none !important;
}
}