Difference between pages "Agoda.com" and "MediaWiki:Common.css"
(Difference between pages)
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
− | + | /* CSS placed here will be applied to all skins */ | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | body { | |
− | + | background-color: #ffffff; | |
− | + | background-image: none; | |
− | + | font-family: Verdana,Geneva,sans-serif !important; | |
− | + | min-height: 400px; | |
− | + | color: #112a49; | |
+ | } | ||
− | + | .mw-body h1, .mw-body-content h1, .mw-body-content h2 { | |
+ | font-family: Verdana,Geneva,sans-serif !important; | ||
+ | } | ||
− | + | #p-logo { | |
− | + | left: 25px; | |
+ | } | ||
− | + | #p-logo { | |
− | + | height: 80px !important; | |
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | #toc, .toc, .mw-warning, .toccolours { | |
+ | background-color: transparent; | ||
+ | font-size: 100%; | ||
+ | border: none; | ||
+ | width: 100%; | ||
+ | } | ||
− | + | #toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle { | |
− | + | text-align: left; | |
− | + | font-size: 1.5em; | |
− | + | } | |
− | |||
− | |||
− | + | h1, h2, h3, h4, h5, h6 { | |
+ | color: #112a49; | ||
+ | font-weight: bold; | ||
+ | border-bottom: none; | ||
+ | } | ||
− | + | pre { | |
+ | white-space: pre-wrap; /* css-3 */ | ||
+ | white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ | ||
+ | white-space: -pre-wrap; /* Opera 4-6 */ | ||
+ | white-space: -o-pre-wrap; /* Opera 7 */ | ||
+ | word-wrap: break-word; /* Internet Explorer 5.5+ */ | ||
+ | background-color: #b8e3f5; | ||
+ | border-color: #53889f; | ||
+ | font-family: Verdana,Geneva,sans-serif !important; | ||
+ | } | ||
− | + | .catlinks { | |
+ | border: none; | ||
+ | background-color: transparent; | ||
+ | } | ||
− | |||
− | + | .circle { | |
− | * | + | /*width: 45px; |
− | * | + | height: 45px; |
− | + | padding: 8px; | |
− | + | border-radius: 50%;*/ | |
− | + | padding: 3px 10px 3px 10px; | |
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | background: #fe746c; | ||
+ | color: #ffffff; | ||
+ | } | ||
− | + | .mw-content-ltr { | |
− | + | padding: 0 10px 0 10px; | |
− | + | } | |
− | |||
− | + | img { | |
+ | height: auto !important; | ||
+ | max-width: 100% !important; | ||
+ | } | ||
− | + | .thumbimage { | |
− | + | border: none; | |
− | + | } | |
− | |||
− | |||
− | + | .firstHeading { display: none } | |
− | + | /* link to page where redirected from | |
− | + | #contentSub { | |
+ | display: none } | ||
− | + | */ | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | #p-tb, .mw-search-formheader, #p-namespaces, #footer-places-about { | |
+ | display: none } | ||
− | |||
− | + | body.page-Main_Page h1.firstHeading { display:none; } | |
+ | #mw-indicator-mw-helplink a { | ||
+ | display: none; | ||
+ | } | ||
− | |||
− | + | #mw-pages p { display: none; } | |
− | |||
− | |||
− | + | a { | |
+ | color: #008ACC !important; | ||
+ | } | ||
− | + | a:visited { | |
− | + | color: #008ACC !important; | |
+ | } | ||
+ | #bodyContent a:link, a:visited, a:active { | ||
+ | color: #019cde; | ||
+ | text-decoration: none; | ||
+ | font-weight: normal; | ||
+ | } | ||
− | |||
− | + | #bodyContent a:hover a:focus { | |
+ | color: #019cde; | ||
+ | text-decoration: underline; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | + | div#mw-panel div.portal div.body ul li a:link, a:visited, a:active { | |
− | + | color: #112a49; | |
− | + | } | |
− | + | div#mw-panel div.portal div.body ul li a:hover { | |
− | + | text-decoration: underline; | |
+ | } | ||
− | |||
− | + | div.vectorTabs li a:link, a:visited, a:active { | |
− | + | color: #019cde; | |
+ | } | ||
− | + | div.vectorTabs li a:hover { | |
+ | text-decoration: underline; | ||
+ | } | ||
+ | div#mw-panel div.portal div.body ul li a:hover { | ||
+ | text-decoration: none !important; | ||
+ | } | ||
− | |||
− | + | div.vectorTabs li a:link, a:visited, a:active { | |
− | + | color: #019cde; | |
+ | } | ||
+ | div#mw-panel div.portal div.body ul li a:link, a:visited, a:active { | ||
+ | color: #112a49; | ||
+ | } | ||
+ | #bodyContent a:link, a:visited, a:active { | ||
+ | color: #019cde; | ||
+ | text-decoration: none; | ||
+ | font-weight: normal; | ||
+ | } | ||
− | + | .jumbotron { | |
− | + | background-color: #fff; | |
+ | box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25) !important; | ||
+ | padding: 20px; | ||
+ | } | ||
− | + | div#mw-panel { | |
− | + | padding-top: 0; | |
+ | margin-top: 0; | ||
+ | } | ||
− | + | #mw-panel .portal { | |
+ | padding-top: 0; | ||
+ | margin-top: 0; | ||
+ | } | ||
− | |||
− | |||
− | + | #p-navigation { | |
− | + | padding-top: 0; | |
+ | margin-top: 0; | ||
+ | } | ||
− | + | #p-navigation li{ | |
− | + | padding: 6px !important; | |
+ | margin-bottom: 5px !important; | ||
+ | /*background-color: #f4f4f4;*/ | ||
+ | transition: color 0.2s linear 0s; | ||
+ | border-bottom: 1px solid #cccccc; | ||
+ | } | ||
− | + | #p-navigation li:hover{ | |
− | + | text-decoration: none !important; | |
+ | border-left: 3px solid #019cde; | ||
+ | cursor: pointer; | ||
+ | } | ||
− | + | #p-navigation a{ | |
− | + | color: #112a49!important; | |
+ | } | ||
− | + | #p-navigation a:hover { | |
− | + | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; | |
+ | filter: alpha(opacity=70); | ||
+ | -moz-opacity: 0.7; | ||
+ | -khtml-opacity: 0.7; | ||
+ | opacity: 0.7; | ||
+ | text-decoration:none; | ||
+ | } | ||
− | + | div#mw-panel { | |
− | + | width: 12em; | |
+ | } | ||
− | + | div#content, div#footer { | |
− | + | margin-left: 12em; | |
+ | } | ||
− | |||
− | |||
− | + | input {font-weight: bold; font-size: 120%} | |
− | |||
− | |||
− | |||
− | + | div#content { | |
− | + | background-image: none; | |
+ | clear: both; | ||
+ | border: none; | ||
+ | } | ||
− | + | #mw-page-base { | |
− | + | background-color: #F3F3F3; | |
+ | background-color: #ffffff; | ||
+ | background-image: none; | ||
+ | } | ||
− | + | div.vectorTabs { | |
− | + | background-color: #F3F3F3; | |
+ | background-color: #ffffff; | ||
+ | background-image: none; | ||
+ | } | ||
− | + | div.selected { | |
− | + | background-color: #ffffff; | |
+ | background-image: none; | ||
+ | } | ||
− | + | #mw-head-base { | |
− | + | background-color: #F3F3F3; | |
+ | background-color: #ffffff; | ||
+ | background-image: none; | ||
+ | } | ||
− | + | div.vectorTabs ul li { | |
− | + | background-color: #F3F3F3; | |
− | * | + | background-color: #ffffff; |
+ | background-image: none; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs span { | ||
+ | background-color: #F3F3F3; | ||
+ | background-color: #ffffff; | ||
+ | background-image: none; | ||
+ | } | ||
+ | |||
+ | div#mw-head div.vectorMenu h5{ | ||
+ | background-color: #F3F3F3; | ||
+ | background-color: #ffffff; | ||
+ | background-image: none; | ||
+ | } | ||
+ | |||
+ | div#mw-head div.vectorMenu h5 a{ | ||
+ | background-color: #F3F3F3; | ||
+ | background-color: #ffffff; | ||
+ | background-image: none; | ||
+ | } | ||
+ | |||
+ | .mw-normal-catlinks a !important { | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | .mw-normal-catlinks a:link, a:visited, a:active !important{ | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | table.wikitable { | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #footer a { | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | div#footer { | ||
+ | background-color: #F3F3F3; | ||
+ | background-color: #ffffff; | ||
+ | background-image: none; | ||
+ | border-top: 1px solid; | ||
+ | } | ||
+ | |||
+ | #footer-info { display: none; } | ||
+ | |||
+ | |||
+ | /*responsive*/ | ||
+ | |||
+ | |||
+ | .col-1, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { | ||
+ | position: relative; | ||
+ | min-height: 1px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .col-12 { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .col-6 { | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | .col-4 { | ||
+ | width: 33.33333333%; | ||
+ | } | ||
+ | .col-3 { | ||
+ | width: 25%; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 768px) { | ||
+ | .col-6 { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .col-4 { | ||
+ | width: 100%; | ||
+ | } | ||
+ | } |
Revision as of 17:01, 20 October 2019
/* CSS placed here will be applied to all skins */ body { background-color: #ffffff; background-image: none; font-family: Verdana,Geneva,sans-serif !important; min-height: 400px; color: #112a49; } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: Verdana,Geneva,sans-serif !important; } #p-logo { left: 25px; } #p-logo { height: 80px !important; } #toc, .toc, .mw-warning, .toccolours { background-color: transparent; font-size: 100%; border: none; width: 100%; } #toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle { text-align: left; font-size: 1.5em; } h1, h2, h3, h4, h5, h6 { color: #112a49; font-weight: bold; border-bottom: none; } pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ background-color: #b8e3f5; border-color: #53889f; font-family: Verdana,Geneva,sans-serif !important; } .catlinks { border: none; background-color: transparent; } .circle { /*width: 45px; height: 45px; padding: 8px; border-radius: 50%;*/ padding: 3px 10px 3px 10px; text-align: center; font-weight: bold; background: #fe746c; color: #ffffff; } .mw-content-ltr { padding: 0 10px 0 10px; } img { height: auto !important; max-width: 100% !important; } .thumbimage { border: none; } .firstHeading { display: none } /* link to page where redirected from #contentSub { display: none } */ #p-tb, .mw-search-formheader, #p-namespaces, #footer-places-about { display: none } body.page-Main_Page h1.firstHeading { display:none; } #mw-indicator-mw-helplink a { display: none; } #mw-pages p { display: none; } a { color: #008ACC !important; } a:visited { color: #008ACC !important; } #bodyContent a:link, a:visited, a:active { color: #019cde; text-decoration: none; font-weight: normal; } #bodyContent a:hover a:focus { color: #019cde; text-decoration: underline; } div#mw-panel div.portal div.body ul li a:link, a:visited, a:active { color: #112a49; } div#mw-panel div.portal div.body ul li a:hover { text-decoration: underline; } div.vectorTabs li a:link, a:visited, a:active { color: #019cde; } div.vectorTabs li a:hover { text-decoration: underline; } div#mw-panel div.portal div.body ul li a:hover { text-decoration: none !important; } div.vectorTabs li a:link, a:visited, a:active { color: #019cde; } div#mw-panel div.portal div.body ul li a:link, a:visited, a:active { color: #112a49; } #bodyContent a:link, a:visited, a:active { color: #019cde; text-decoration: none; font-weight: normal; } .jumbotron { background-color: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25) !important; padding: 20px; } div#mw-panel { padding-top: 0; margin-top: 0; } #mw-panel .portal { padding-top: 0; margin-top: 0; } #p-navigation { padding-top: 0; margin-top: 0; } #p-navigation li{ padding: 6px !important; margin-bottom: 5px !important; /*background-color: #f4f4f4;*/ transition: color 0.2s linear 0s; border-bottom: 1px solid #cccccc; } #p-navigation li:hover{ text-decoration: none !important; border-left: 3px solid #019cde; cursor: pointer; } #p-navigation a{ color: #112a49!important; } #p-navigation a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; text-decoration:none; } div#mw-panel { width: 12em; } div#content, div#footer { margin-left: 12em; } input {font-weight: bold; font-size: 120%} div#content { background-image: none; clear: both; border: none; } #mw-page-base { background-color: #F3F3F3; background-color: #ffffff; background-image: none; } div.vectorTabs { background-color: #F3F3F3; background-color: #ffffff; background-image: none; } div.selected { background-color: #ffffff; background-image: none; } #mw-head-base { background-color: #F3F3F3; background-color: #ffffff; background-image: none; } div.vectorTabs ul li { background-color: #F3F3F3; background-color: #ffffff; background-image: none; } div.vectorTabs span { background-color: #F3F3F3; background-color: #ffffff; background-image: none; } div#mw-head div.vectorMenu h5{ background-color: #F3F3F3; background-color: #ffffff; background-image: none; } div#mw-head div.vectorMenu h5 a{ background-color: #F3F3F3; background-color: #ffffff; background-image: none; } .mw-normal-catlinks a !important { color: black; } .mw-normal-catlinks a:link, a:visited, a:active !important{ color: black; } table.wikitable { background-color: #ffffff; } #footer a { color: black; } div#footer { background-color: #F3F3F3; background-color: #ffffff; background-image: none; border-top: 1px solid; } #footer-info { display: none; } /*responsive*/ .col-1, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { position: relative; min-height: 1px; float: left; } .col-12 { width: 100%; } .col-6 { width: 50%; } .col-4 { width: 33.33333333%; } .col-3 { width: 25%; } @media (max-width: 768px) { .col-6 { width: 100%; } .col-4 { width: 100%; } }