Difference between revisions of "MediaWiki:Common.css"

From BTAWiki
Jump to navigation Jump to search
m (More testing)
m (More testing)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
  
 +
/** Infobox template **/
 +
.ibox,
 
.infobox {
 
.infobox {
−
     background: #eee;
+
    background-color: #d4d4d4;
−
     border: 1px solid #aaa;
+
    border: 1px solid #CCCCCC;
−
     float: right;
+
    color: #1C1C1C;
−
     margin: 0 0 1em 1em;
+
    float: right;
 +
    font-size: 11px;
 +
    margin: 0px 0px 10px 2em;
 +
    width: 270px;
 +
}
 +
.ibox .name,
 +
.infobox .name {
 +
    background: none repeat scroll 0% 0% #3A3A3A;
 +
    color: #eeeeee;
 +
    font-size: 16px;
 +
    padding: 1em;
 +
    text-align: center;
 +
}
 +
.ibox .image,
 +
.infobox .image {
 +
    height: 200px;
 +
    padding: 0.5em;
 +
    text-align: center;
 +
}
 +
.ibox .category,
 +
.infobox .category {
 +
    background: none repeat scroll 0% 0% #3A3A3A;
 +
    color: #eeeeee;
 +
}
 +
.ibox .category a,
 +
.infobox .category a {
 +
    color:#afd8ff;
 +
}
 +
.ibox .left,
 +
.infobox .left {
 +
    font-weight:700;
 +
    background: none repeat scroll 0% 0% #3A3A3A;
 +
    color: #eeeeee;
 +
    text-align: right;
 +
    padding-right: 5px;
 +
}
 +
.ibox .left a,
 +
.infobox .left a {
 +
    font-weight:700;
 +
    color:#afd8ff;
 +
}
 +
.ibox .right,
 +
.infobox .right {
 +
    padding: 1px 5px;
 +
    text-align: left;
 +
    width: 60%;
 +
}
 +
 +
/** Infobox horizontal**/
 +
.ibox-hori {
 +
    background-color: #d4d4d4;
 +
    border: 1px solid #CCCCCC;
 +
    color: #1C1C1C;
 +
    float: left;
 +
    font-size: 11px;
 +
    margin: 0px 0px 10px 2em;
 +
    width: 660px;
 +
}
 +
 +
.ibox-hori .name {
 +
    background: none repeat scroll 0% 0% #3A3A3A;
 +
    color: #eeeeee;
 +
    font-size: 16px;
 +
    padding: 3px;
 +
    text-align: center;
 +
}
 +
 +
.ibox-hori .image {
 +
    height: 200px;
 +
    padding: 0.5em;
 +
    text-align: center;
 +
}
 +
 +
.ibox-hori .category {
 +
    background: none repeat scroll 0% 0% #3A3A3A;
 +
    color: #eeeeee;
 +
}
 +
 +
.ibox-hori .category a {
 +
    color:#afd8ff;
 +
}
 +
 +
.ibox-hori .left {
 +
    background: none repeat scroll 0% 0% #3A3A3A;
 +
    color: #eeeeee;
 +
    text-align: right;
 +
    padding-right: 5px;
 +
}
 +
 +
.ibox-hori .left a {
 +
    color:#afd8ff;
 +
}
 +
 +
.ibox-hori .right {
 +
    padding: 1px 5px;
 +
    text-align: left;
 +
    width: 110px;
 +
}
 +
 +
/***** Portable Infobox - styles of old class names ******/
 +
/***** (to be removed ones new class names are released) *****/
 +
 +
.portable-infobox {
 +
     background-color: #d4d4d4;
 +
     border: 1px solid #CCCCCC;
 +
    color: #1C1C1C;
 +
    font-size: 11px;
 +
    width: 268px;
 +
    padding: 0px 0px 5px 0px;
 +
}
 +
 +
.portable-infobox .item-type-key-val {
 +
    box-sizing: border-box;
 +
    display:table;
 +
    width: 100%;
 +
}
 +
 +
/* Limiting the width of the image in ModBox portable infobox to 250px */
 +
.pi-theme-ModBox .pi-image-thumbnail {
 +
    max-width: 250px;
 +
    height: auto;
 +
}
 +
 +
.portable-infobox .portable-infobox-item-label,
 +
.portable-infobox .portable-infobox-item-value {
 +
    display: table-cell !important; /* needed for proper handling of tabber */
 +
    padding-left: 7px;
 +
    font-size: 11px;
 +
}
 +
 +
.portable-infobox .portable-infobox-item-value {
 +
    padding-top: 2px;
 +
}
 +
 +
.tabberlive .tabbertab .portable-infobox h3.portable-infobox-item-label {
 +
     display: table-cell !important; /* needed for proper handling of tabber */
 +
}
 +
 +
.portable-infobox .portable-infobox-item-label {
 +
    padding-left: 10px;
 +
    width: 89px;
 +
    background: none repeat scroll 0% 0% #3A3A3A;
 +
    color: #eeeeee;
 +
    text-align: right;
 +
    padding-right: 5px;
 +
    vertical-align: middle;
 +
}
 +
 +
.portable-infobox .portable-infobox-item-label a {
 +
    color: #afd8ff;
 +
}
 +
 +
.portable-infobox .item-type-key-val:not(:last-of-type) {
 +
    border-bottom: 0px;
 +
}
 +
 +
/** Styling section headers **/
 +
 +
.portable-infobox .item-type-header .portable-infobox-secondary-font {
 +
    font-size: 11px;
 +
    padding: 2px;
 +
    color: #eeeeee;
 +
}
 +
 +
.portable-infobox .portable-infobox-item-margins {
 +
    padding: 2px 4px 0px 4px;
 +
    min-height: 26px;
 +
}
 +
 +
.portable-infobox .item-type-header {
 +
    background-color: #3A3A3A;
 +
     margin: 2px 4px 0px 4px;
 +
    height: 24px;
 +
    text-align: center;
 +
    min-height: 0px;
 +
}
 +
 +
.portable-infobox .item-type-title {
 +
    background-color: #3A3A3A;
 +
    color: #eeeeee;
 +
    font-size: 16px;
 
     padding: 1em;
 
     padding: 1em;
−
     width: 400px;
+
    text-align: center;
 +
    margin: 4px;
 +
}
 +
 +
/***** Portable Infobox - styles for new class names *****/
 +
/***** (changes to be announced soon) *****/
 +
 +
.portable-infobox {
 +
    background-color: #d4d4d4;
 +
    border: 1px solid #CCCCCC;
 +
    color: #1C1C1C;
 +
    font-size: 11px;
 +
    width: 268px;
 +
    padding: 0px 0px 5px 0px;
 +
}
 +
 +
.portable-infobox .pi-data {
 +
    box-sizing: border-box;
 +
    display:table;
 +
    width: 100%;
 +
}
 +
 +
.portable-infobox .pi-data-label,
 +
.portable-infobox .pi-data-value {
 +
    display: table-cell !important; /* needed for proper handling of tabber */
 +
    padding-left: 7px;
 +
    font-size: 11px;
 +
    vertical-align: middle;
 +
}
 +
 +
.portable-infobox .pi-data-value {
 +
    padding-top: 2px;
 +
}
 +
 +
.tabberlive .tabbertab .portable-infobox h3.pi-data-label {
 +
    display: table-cell !important; /* needed for proper handling of tabber */
 +
}
 +
 +
.portable-infobox .pi-data-label {
 +
    padding-left: 9px;
 +
    width: 90px;
 +
    background: none repeat scroll 0% 0% #3A3A3A;
 +
    color: #eeeeee;
 +
    text-align: right;
 +
    padding-right: 5px;
 +
    vertical-align: middle;
 +
}
 +
 +
.pi-theme-ModBox .pi-data-label  {
 +
     width: 88px;
 +
}
 +
 +
.portable-infobox .pi-data-label a {
 +
    color: #afd8ff;
 +
}
 +
 +
.portable-infobox .pi-item:not(:last-of-type) {
 +
    border-bottom: 0px;
 +
}
 +
 +
/** Styling Syndicates themes **/
 +
.pi-theme-steel .pi-image {
 +
    background-color:#2C3F46;
 +
}
 +
.pi-theme-hexis .pi-image {
 +
    background-color:#374045;
 +
}
 +
.pi-theme-suda .pi-image {
 +
    background-color:#3D375D;
 +
}
 +
.pi-theme-perrin .pi-image {
 +
    background-color:#3D4963;
 +
}
 +
.pi-theme-redveil .pi-image {
 +
    background-color:#3D1839;
 +
}
 +
.pi-theme-loka .pi-image {
 +
    background-color:#2A3C2E;
 +
}
 +
.pi-theme-conclave .pi-image {
 +
    background-color:black;
 +
}
 +
.pi-theme-simaris .pi-image {
 +
    background-color:#5F3C0D;
 +
}
 +
.pi-theme-ostron .pi-image {
 +
    background-color:#B74624;
 +
}
 +
.pi-theme-quills .pi-image {
 +
    background-color:#F7FACB;
 +
}
 +
 +
/** Styling section headers **/
 +
 +
.portable-infobox .pi-header.pi-secondary-font {
 +
    font-size: 11px;
 +
    padding: 2px;
 +
    color: #eeeeee;
 +
}
 +
 +
.portable-infobox .pi-item-spacing {
 +
    padding: 2px 4px 0px 4px;
 +
    min-height: 26px;
 
}
 
}
−
.infobox-title {
+
−
     font-size: 2em;
+
.portable-infobox .pi-header {
 +
     background-color: #3A3A3A;
 +
    margin: 2px 4px 0px 4px;
 
     text-align: center;
 
     text-align: center;
 +
    min-height: 0px;
 
}
 
}
−
.infobox-image {
+
 +
.portable-infobox .pi-title {
 +
    background-color: #3A3A3A;
 +
    color: #eeeeee;
 +
    font-size: 16px;
 +
    padding: 1em;
 
     text-align: center;
 
     text-align: center;
 +
    margin: 4px;
 
}
 
}
−
.infobox th {
+
−
     text-align: right;
+
/** Styling image tabbers **/
−
     vertical-align: top;
+
−
     width: 120px;
+
.portable-infobox .pi-image-collection-tabs li {
 +
     background: transparent;
 +
    border: 1px solid transparent;
 +
}
 +
.pi-image-collection-tab-content {
 +
    background-color:transparent;
 +
}
 +
ul.pi-image-collection-tabs {
 +
    font-family:Roboto;
 +
     font-weight:300;
 +
     font-size:15px;
 
}
 
}
−
.infobox td {
+
−
     vertical-align: top;
+
ul.pi-image-collection-tabs li.current {
 +
     font-weight:300;
 +
    color:#3366FF;
 +
    background:transparent;
 
}
 
}

Revision as of 02:20, 16 November 2020

/* CSS placed here will be applied to all skins */

/** Infobox template **/
.ibox,
.infobox {
     background-color: #d4d4d4;
     border: 1px solid #CCCCCC;
     color: #1C1C1C;
     float: right;
     font-size: 11px;
     margin: 0px 0px 10px 2em;
     width: 270px;
}
.ibox .name,
.infobox .name {
     background: none repeat scroll 0% 0% #3A3A3A;
     color: #eeeeee;
     font-size: 16px;
     padding: 1em;
     text-align: center;
}
.ibox .image,
.infobox .image {
     height: 200px;
     padding: 0.5em;
     text-align: center;
}
.ibox .category,
.infobox .category {
     background: none repeat scroll 0% 0% #3A3A3A;
     color: #eeeeee;
}
.ibox .category a,
.infobox .category a {
     color:#afd8ff;
}
.ibox .left,
.infobox .left {
     font-weight:700;
     background: none repeat scroll 0% 0% #3A3A3A;
     color: #eeeeee;
     text-align: right;
     padding-right: 5px;
}
.ibox .left a,
.infobox .left a {
     font-weight:700;
     color:#afd8ff;
}
.ibox .right,
.infobox .right {
     padding: 1px 5px;
     text-align: left;
     width: 60%;
}
 
/** Infobox horizontal**/
.ibox-hori {
     background-color: #d4d4d4;
     border: 1px solid #CCCCCC;
     color: #1C1C1C;
     float: left;
     font-size: 11px;
     margin: 0px 0px 10px 2em;
     width: 660px;
}
 
.ibox-hori .name {
     background: none repeat scroll 0% 0% #3A3A3A;
     color: #eeeeee;
     font-size: 16px;
     padding: 3px;
     text-align: center;
}
 
.ibox-hori .image {
     height: 200px;
     padding: 0.5em;
     text-align: center;
}
 
.ibox-hori .category {
     background: none repeat scroll 0% 0% #3A3A3A;
     color: #eeeeee;
}
 
.ibox-hori .category a {
     color:#afd8ff;
}
 
.ibox-hori .left {
     background: none repeat scroll 0% 0% #3A3A3A;
     color: #eeeeee;
     text-align: right;
     padding-right: 5px;
}
 
.ibox-hori .left a {
     color:#afd8ff;
}
 
.ibox-hori .right {
     padding: 1px 5px;
     text-align: left;
     width: 110px;
}
 
/***** Portable Infobox - styles of old class names ******/
/***** (to be removed ones new class names are released) *****/
 
.portable-infobox {
    background-color: #d4d4d4;
    border: 1px solid #CCCCCC;
    color: #1C1C1C;
    font-size: 11px;
    width: 268px;
    padding: 0px 0px 5px 0px;
}
 
.portable-infobox .item-type-key-val {
    box-sizing: border-box;
    display:table;
    width: 100%;
}
 
/* Limiting the width of the image in ModBox portable infobox to 250px */
.pi-theme-ModBox .pi-image-thumbnail {
    max-width: 250px;
    height: auto;
}
 
.portable-infobox .portable-infobox-item-label,
.portable-infobox .portable-infobox-item-value {
    display: table-cell !important; /* needed for proper handling of tabber */
    padding-left: 7px;
    font-size: 11px;
}
 
.portable-infobox .portable-infobox-item-value {
    padding-top: 2px;
}
 
.tabberlive .tabbertab .portable-infobox h3.portable-infobox-item-label {
    display: table-cell !important; /* needed for proper handling of tabber */
}
 
.portable-infobox .portable-infobox-item-label {
    padding-left: 10px;
    width: 89px;
    background: none repeat scroll 0% 0% #3A3A3A;
    color: #eeeeee;
    text-align: right;
    padding-right: 5px;
    vertical-align: middle;
}
 
.portable-infobox .portable-infobox-item-label a {
    color: #afd8ff;
}
 
.portable-infobox .item-type-key-val:not(:last-of-type) {
    border-bottom: 0px;
}
 
/** Styling section headers **/
 
.portable-infobox .item-type-header .portable-infobox-secondary-font {
    font-size: 11px;
    padding: 2px;
    color: #eeeeee;
}
 
.portable-infobox .portable-infobox-item-margins {
    padding: 2px 4px 0px 4px;
    min-height: 26px;
}
 
.portable-infobox .item-type-header {
    background-color: #3A3A3A;
    margin: 2px 4px 0px 4px;
    height: 24px;
    text-align: center;
    min-height: 0px;
}
 
.portable-infobox .item-type-title {
    background-color: #3A3A3A;
    color: #eeeeee;
    font-size: 16px;
    padding: 1em;
    text-align: center;
    margin: 4px;
}
 
/***** Portable Infobox - styles for new class names *****/
/***** (changes to be announced soon) *****/
 
.portable-infobox {
    background-color: #d4d4d4;
    border: 1px solid #CCCCCC;
    color: #1C1C1C;
    font-size: 11px;
    width: 268px;
    padding: 0px 0px 5px 0px;
}
 
.portable-infobox .pi-data {
    box-sizing: border-box;
    display:table;
    width: 100%;
}
 
.portable-infobox .pi-data-label,
.portable-infobox .pi-data-value {
    display: table-cell !important; /* needed for proper handling of tabber */
    padding-left: 7px;
    font-size: 11px;
    vertical-align: middle;
}
 
.portable-infobox .pi-data-value {
    padding-top: 2px;
}
 
.tabberlive .tabbertab .portable-infobox h3.pi-data-label {
    display: table-cell !important; /* needed for proper handling of tabber */
}
 
.portable-infobox .pi-data-label {
    padding-left: 9px;
    width: 90px;
    background: none repeat scroll 0% 0% #3A3A3A;
    color: #eeeeee;
    text-align: right;
    padding-right: 5px;
    vertical-align: middle;
}
 
.pi-theme-ModBox .pi-data-label  {
    width: 88px;
}
 
.portable-infobox .pi-data-label a {
    color: #afd8ff;
}
 
.portable-infobox .pi-item:not(:last-of-type) {
    border-bottom: 0px;
}
 
/** Styling Syndicates themes **/
.pi-theme-steel .pi-image {
    background-color:#2C3F46;
}
.pi-theme-hexis .pi-image {
    background-color:#374045;
}
.pi-theme-suda .pi-image {
    background-color:#3D375D;
}
.pi-theme-perrin .pi-image {
    background-color:#3D4963;
}
.pi-theme-redveil .pi-image {
    background-color:#3D1839;
}
.pi-theme-loka .pi-image {
    background-color:#2A3C2E;
}
.pi-theme-conclave .pi-image {
    background-color:black;
}
.pi-theme-simaris .pi-image {
    background-color:#5F3C0D;
}
.pi-theme-ostron .pi-image {
    background-color:#B74624;
}
.pi-theme-quills .pi-image {
    background-color:#F7FACB;
}
 
/** Styling section headers **/
 
.portable-infobox .pi-header.pi-secondary-font {
    font-size: 11px;
    padding: 2px;
    color: #eeeeee;
}
 
.portable-infobox .pi-item-spacing {
    padding: 2px 4px 0px 4px;
    min-height: 26px;
}
 
.portable-infobox .pi-header {
    background-color: #3A3A3A;
    margin: 2px 4px 0px 4px;
    text-align: center;
    min-height: 0px;
}
 
.portable-infobox .pi-title {
    background-color: #3A3A3A;
    color: #eeeeee;
    font-size: 16px;
    padding: 1em;
    text-align: center;
    margin: 4px;
}
 
/** Styling image tabbers **/
 
.portable-infobox .pi-image-collection-tabs li {
    background: transparent;
    border: 1px solid transparent;
}
.pi-image-collection-tab-content {
    background-color:transparent;
}
ul.pi-image-collection-tabs {
    font-family:Roboto;
    font-weight:300;
    font-size:15px;
}
 
ul.pi-image-collection-tabs li.current {
    font-weight:300;
    color:#3366FF;
    background:transparent;
}
Retrieved from "https://www.bta3062.com/index.php?title=MediaWiki:Common.css&oldid=4057"