MediaWiki:Common.css

From myViewBoard
Revision as of 23:25, 17 September 2020 by Admin (talk | contribs)
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"; 
@import "https://use.fontawesome.com/releases/v5.0.13/css/all.css";
@import "https://use.fontawesome.com/releases/v5.1.0/css/all.css";
@import "https://cdn.materialdesignicons.com/4.4.95/css/materialdesignicons.min.css";
@import url('https://fonts.googleapis.com/css?family=Roboto:light,regular,medium,thin,italic,mediumitalic,bold&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
/* CSS placed here will be applied to all skins */
.kbd {border:1px solid #eee;margin:2px 3px;padding:1px 5px;border-radius: 3px;}
.btn {border:1px solid #eee;margin:2px 3px;padding:5px 5px;border-radius: 3px;font-family:sans-serif,'open sans','arial';color:#990000;}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; 
height: 0; 
overflow: hidden;
pointer-events: none;
max-height: 320px !important;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height_: 100%;
max-width: 560px;
max-height: 320px !important;
z-index: 99;
pointer-events: auto;
}

/* To make images responsive */
.res-img img {
	max-width:100%;
	height:auto;
}

.hiddenfooter, .search-types, .error, #footer-icons, #ca-talk, #mw-searchoptions {display: none;visibility:hidden;}

.DT0 {display:table;}
.DTR {display:table-row;}
.DTC {display:table-cell;vertical-align:top;padding:5px;}
.TAB {display:table; border-collapse:collapse;}
.TAB > .DTR > .DTC { border: solid 1px #eee; }


span.notLatestMsg, span.approvingUser, .notLatestMsg, .approvedAndLatestMsg, .mw-search-createlink, .patrollink {display: none;}

div.mw-htmlform-nolabel::after {content:"Contact roderick.ordonez@tw.viewsonic.com to create an account."}

.page-Main_Page #contentSub, .mw-redirectedfrom, #contentSub, .mw-mmv-source-author, .mw-mmv-image-links-div { display: none; height:0px; width: 0px;}

#t-print, #t-pdfPt a {color:#000000;}

.WikiMat td { background-color:white; vertical-align: top; border-color:#ddd !important; padding:10px !important; }
.WikiMat2 td { background-color:white; vertical-align: top; border-color:#fff !important; padding:10px !important; }





/* Default style for navigation boxes */

.navbox {
    /* Navbox container style */
    box-sizing: border-box;
    border: 1px solid #eee;
    width: 100%;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
    margin: 1em auto 0;
    /* Prevent preceding content from clinging to navboxes */
}

.navbox .navbox {
    margin-top: 0;
    /* No top margin for nested navboxes */
}

.navbox + .navbox {
    margin-top: -1px;
    /* Single pixel border between adjacent navboxes */
}

.navbox-inner, .navbox-subgroup {
    width: 100%;
}

.navbox-group, .navbox-title, .navbox-abovebelow {
    padding: 0.25em 1em;
    /* Title, group and above/below styles */
    line-height: 1.5em;
    text-align: center;
}

th.navbox-group {
    /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}

.navbox, .navbox-subgroup {
    background-color: #fdfdfd;
    /* Background color */
}

.navbox-list {
    line-height: 1.5em;
    border-color: #fdfdfd;
    /* Must match background color */
}

/* cell spacing for navbox cells */

tr + tr > .navbox-abovebelow, tr + tr > .navbox-group, tr + tr > .navbox-image, tr + tr > .navbox-list {
    /* Borders above 2nd, 3rd, etc. rows */
    border-top: 2px solid #fdfdfd;
    /* Must match background color */
}

.navbox th, .navbox-title {
    background-color: #F2F2F2;
    /* Level 1 color */
}

.navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title {
    background-color: #F0F0F0;
    /* Level 2 color */
}

.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background-color: #e6e6ff;
    /* Level 3 color */
}

.navbox-even {
    background-color: #f7f7f7;
    /* Even row striping */
}

.navbox-odd {
    background-color: transparent;
    /* Odd row striping */
}

.navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul {
    padding: 0.125em 0;
    /* Adjust hlist padding in navboxes */
}

.hlist li:after {
    content: " · ";
    font-weight: bold;
}

.navbox-list div ul > li:last-child:after {
    content: "   " ;
}

.navbox-list div ul li, .navbox-title div ul li {
    display: inline;
}

/* NAVBOXES END */



.gallerytext { font-style: italic; font-size: smaller;}
.ocb2 { width:300px;background-color:#eee;vertical-align:top;padding:20px;margin:10px;display:inline-block;list-style-type: none; box-sizing: border-box;}

.OCFilter {
    border: solid 1px silver;
    background-color: white;
    padding: 5px;
    cursor: pointer;
    border-radius: 10px;
    margin-right: 5px;
    box-sizing: border-box;
}

.OC_filter_options { 
display:inline-block; padding:5px; margin: 5px; border:solid 1px #eee; cursor:pointer;
border-radius: 6px; text-align: center; font-family: Roboto,Arial Rounded;
}


.zxcv-anim {
	animation: scale-in-center 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000) alternate forwards; box-sizing: border-box;
}

@keyframes scale-in-center {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.zxcv-no-anim {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
}

#SearchList {
    height: 32px;
    border: solid 1px #eee;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 6px;
}

.pagination li {
    display: inline-block;
    padding: 3px;
    border: solid 1px #eee;
    text-align: center;
    box-sizing: border-box;
    width: 30px;
    border-collapse: initial;
    margin: 2px;
    font-family: Roboto, Arial Rounded;
}

.MobileOnly, [data-ooui*=mw-input-wpFromAddress], [data-ooui*=mw-input-wpCCme], [data-ooui*=answer], [data-ooui*=mw-input-wpFromName], [data-ooui*=mw-input-wpFromName], [data-ooui*=small] {display: none; visibility:hidden;}

.mw-inputbox-centered { max-width: 1250px;}
#RodSearch { max-width: 85%;}
#RodSearch > #searchInput, #RodSearch > .searchboxInput { width: 84%; height: 35px; }
.mw-inputbox-centered {margin-right:0px !important;margin-left:0px !important;text-align:left !important;}
input:focus, textarea:focus, select:focus{ outline: none; }



body.mw-mmv-lightbox-open > .mw-mmv-wrapper {
    animation: scale-in-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    height: 100%;
    background-color: #fff;
    font-size: 10px;
}

.mw-mmv-image, .mw-mmv-title {
    animation: scale-in-center 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000) alternate forwards;
}

@-moz-keyframes scale-in-center {
  0% {
    
    transform: scale(0);
    
    -webkit-opacity: 1;
    
    -webkit-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
  }
  100% {
    
    transform: scale(1);
    
    -webkit-opacity: 1;
    
    -webkit-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
  }
}

@-webkit-keyframes scale-in-center {
  0% {
    
    transform: scale(0);
    
    -webkit-opacity: 1;
    
    -webkit-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
  }
  100% {
    
    transform: scale(1);
    
    -webkit-opacity: 1;
    
    -webkit-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
  }
}

@-ms-keyframes scale-in-center {
  0% {
    
    transform: scale(0);
    
    -webkit-opacity: 1;
    
    -webkit-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
  }
  100% {
    
    transform: scale(1);
    
    -webkit-opacity: 1;
    
    -webkit-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
  }
}

@-o-keyframes scale-in-center {
  0% {
    
    transform: scale(0);
    
    -webkit-opacity: 1;
    
    -webkit-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
  }
  100% {
    
    transform: scale(1);
    
    -webkit-opacity: 1;
    
    -webkit-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
  }
}

@keyframes scale-in-center {
  0% {
    
    transform: scale(0);
    
    -webkit-opacity: 1;
    
    -webkit-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
  }
  100% {
    
    transform: scale(1);
    
    -webkit-opacity: 1;
    
    -webkit-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
  }
}



.mw-mmv-image img.gif, .mw-mmv-image img.png, .mw-mmv-image img.svg, .mw-mmv-image img.tiff, .mw-mmv-image img.tif {
    background-color: #fff;
    background: url('');
    padding: 10px;
}

.mw-mmv-title {
    font-size: 13px;
}

.mw-mmv-title-para.mw-mmv-ttf-normal {
    text-align: center;
}

.mw-mmv-stripe-button-container {
    display: none;
}

.mw-mmv-image {
    padding-top: 5px;
}

.mw-mmv-image-metadata {
    display: none;
}

.mw-mmv-image-wrapper {
    overflow-y: visible;
}

.mw-mmv-post-image {
    background-color: transparent;
}



.portal {  font-family:Roboto; }
.portal > .body > ul > li > a { color: #6f6f6f !important; }


.toc {
    background-color: white;
    border: none 0px;
}

.tocnumber {
    visibility: hidden;
}

.toctitle, .toclevel-2 {
    display: none;
}

li.toclevel-1 {
    background-color: #fdf8fa;
    border: solid 0px #fff;
    border-left: solid 6px #990000;
    display: block;
    font-family: Roboto;
    list-style-type: none;
    margin: 2px;
    padding: 10px 0px 10px 5px;
    vertical-align: middle;
    width: 400px;
    font-size: 100%;
}

li.toclevel-1 a {
    color: darkred;
}


#RodSearch .mw-inputbox-element { position:absolute;right:+10000px; }


.RedButtonOuter {background-color:#9A0000;padding: 1px 10px 1px 10px;width:250px;margin:2px;border-radius: 5px;}
.RedButtonInner, .RedButtonOuter a:hover  {color:#fff;text-decoration:none;}
.RedButtonOuter a:hover {color:#ccc;text-decoration:none;}
#ca-nstab-main, li[id^=ca-nstab-], [id*=ca-nstab-], li[id^="ca-nstab-"], [id*="ca-nstab-"] {display:none !important;}
.page-MyViewBoard_Original_Content #mw-head {width:50%;}



li[data-code="zh-cn"], li[data-code="zh-sg"], li[data-code="zh-hans"], li[data-code="zh-hant"], li[data-code="zh-hk"], li[data-code="wuu"], li[data-code="lzh"], li[data-code="gan"] { display: none; }
.DevMgr { display: none; }
.mvb-mm .DevMgr { display: inline; }
.mvb-mm .OCBG { display: none; }