Difference between revisions of "Common.css"
Line 24: | Line 24: | ||
padding-right: 8px; | padding-right: 8px; | ||
padding-left: 3px; | padding-left: 3px; | ||
+ | } | ||
+ | |||
+ | /* Style the tab */ | ||
+ | .tab { | ||
+ | overflow: hidden; | ||
+ | border: 1px solid #ccc; | ||
+ | background-color: #f1f1f1; | ||
+ | } | ||
+ | |||
+ | /* Style the buttons that are used to open the tab content */ | ||
+ | .tab button { | ||
+ | background-color: inherit; | ||
+ | float: left; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | cursor: pointer; | ||
+ | padding: 14px 16px; | ||
+ | transition: 0.3s; | ||
+ | } | ||
+ | |||
+ | /* Change background color of buttons on hover */ | ||
+ | .tab button:hover { | ||
+ | background-color: #ddd; | ||
+ | } | ||
+ | |||
+ | /* Create an active/current tablink class */ | ||
+ | .tab button.active { | ||
+ | background-color: #ccc; | ||
+ | } | ||
+ | |||
+ | /* Style the tab content */ | ||
+ | .tabcontent { | ||
+ | display: none; | ||
+ | padding: 6px 12px; | ||
+ | border: 1px solid #ccc; | ||
+ | border-top: none; | ||
} | } |
Revision as of 11:25, 3 October 2019
/* CSS placed here will be applied to all skins */
@import url(https://fonts.googleapis.com/css?family=Cinzel+Decorative);
@import url(https://fonts.googleapis.com/css?family=Cinzel);
@import url('https://use.fontawesome.com/releases/v5.6.3/css/all.css');
/* Header Data changes. */
h1, h2, h3, h4, h5, h6,.mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
border-bottom: none !important;
color: #FFF !important;
font-family: 'Cinzel Decorative' !important;
text-shadow: 0px 2px 2px #000000;
line-height: 1.2 !important;
margin-top: 0 !important;
}
.drop {
color: white;
float: left;
font-family: 'Cinzel Decorative';
font-size: 45px;
line-height: 45px;
padding-right: 8px;
padding-left: 3px;
}
/* Style the tab */
.tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;
}
/* Style the buttons that are used to open the tab content */
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}
/* Create an active/current tablink class */
.tab button.active {
background-color: #ccc;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}