MediaWiki:Mobile.css: Difference between revisions

Jump to navigation Jump to search

MediaWiki:Mobile.css (view source)

Revision as of 18:44, 4 June 2024

9,877 bytes added ,  4 June
m
no edit summary
No edit summary
mNo edit summary
 
(44 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* All CSS here will be loaded for users of the mobile site */
/* All CSS here will be loaded for users of the mobile site */
/* josefin-sans-regular - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-regular.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-500 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-500.woff') format('woff'), /* Modern Browsers */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-500.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-600 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-600.woff') format('woff'), /* Modern Browsers */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-600.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-700 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-700.woff') format('woff'), /* Modern Browsers */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-700.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-italic - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-italic.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-700italic - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
      url('/resources/dreamlightvalley/fonts/josefin-sans-v25-latin-700italic.svg#JosefinSans') format('svg'); /* Legacy iOS */
}


/* Top Bar */
/* Top Bar */
Line 115: Line 194:
a.minerva__tab.new {
a.minerva__tab.new {
   color: #3366cc !important;
   color: #3366cc !important;
}
/* Color Swatch Template */
div.color-swatch {
    display: inline-block;
    border-radius: 5px;
    width: 17px;
    box-shadow: 0px 1px rgb(0 0 0 / 28%);
    height: 17px;
    border: solid 1px #9393ed;
    padding: 2px;
    margin: 0 2px -6px;
}
/* Linked Gallery Alignment */
ul.linked-gallery {
    text-align: left;
}
li#customgallerybox {
    text-align:center;
}
ul.clothesgallery li.gallerybox div.thumb, ul.furnituregallery li.gallerybox div.thumb, ul.linked-gallery li.gallerybox div.thumb {
    border: 2px solid #a1b3f3;
    background-color: #5359b98a;
    border-radius: 10px;
}
}


Line 120: Line 226:
#navbox {
#navbox {
   margin:auto;
   margin:auto;
   width:80%;
   width:100%;
  display: table;
   border: 1px solid #2a2f8b;
   border: 1px solid #2a2f8b;
   padding: 5px;  
   padding: 5px;  
Line 127: Line 234:
   margin-top: 15px;
   margin-top: 15px;
   font-size:88%;
   font-size:88%;
}
th.furniture-disney {
    width: 150px;
}
}


Line 132: Line 243:
   width: 100%;
   width: 100%;
   margin-top: 1px;
   margin-top: 1px;
  display: table;
   margin-bottom: 1px;
   margin-bottom: 1px;
}
}
Line 199: Line 311:
table#infobox {
table#infobox {
   float:right !important;
   float:right !important;
  margin-left: 20px !important;
  max-width:400px;
}
}


Line 311: Line 425:
   background-color: transparent !important;
   background-color: transparent !important;
   border: none !important;
   border: none !important;
}
td#mainpage_menu p {
  margin: 0.5em 00;
}
td#mainpage_menu dl {
  margin: 0.5em 0 0.5em 1.5em;
}
}


Line 341: Line 463:
td#time-table-inactive {
td#time-table-inactive {
   color: #b1b1b1;
   color: #b1b1b1;
}
span#headericon img {
  margin-top: -7px;
  width:29px;
  height: auto;
}
span#headericon a.image {
  pointer-events: none;
  cursor: default;
}
}


Line 385: Line 518:
table#schedule_table td {
table#schedule_table td {
   white-space: nowrap;
   white-space: nowrap;
}
.itemCount, .dutyVersion, .dutyIcon {
    text-align: center;
}
}


Line 434: Line 571:
div#tag-room {
div#tag-room {
     background: #354569;
     background: #354569;
}
div#tag-collection {
    background: white;
}
div#tag-collection a, div#tag-collection a.visited, div#tag-collection a.new {
    color: #354569;
}
/* Clothing Body Type Widget */
div.infobox-image-wrap {
  max-width:300px;
  margin: auto;
  text-align: center;
  position: relative;
}
div.infobox-image-wrap input { display: none; }
div.infobox-image-wrap input + label { display: inline-block }
div.infobox-image-wrap input ~ .tab { display: none }
#tab1:checked ~ .tab.content1,
#tab2:checked ~ .tab.content2 { display: block; }
label#tab2 {
  margin-top: 41px;
}
div.infobox-image-wrap input + label {
  right: -15px;
  position: absolute;
  cursor: pointer;
}
div.infobox-image-wrap input + label img {
  opacity: 0.3;
}
div.infobox-image-wrap input:checked + label img {
  opacity: 1;
}
}


Line 444: Line 622:
ul.clothesgallery, ul.furnituregallery {
ul.clothesgallery, ul.furnituregallery {
     text-align:center;
     text-align:center;
    margin: 10px 0;
}
}


ul.clothesgallery li.gallerybox div.thumb, ul.furnituregallery li.gallerybox div.thumb {
    border: 2px solid #a1b3f3;
    background-color: #5359b98a;
    border-radius: 10px;
}


ul.clothesgallery li.gallerybox {
ul.clothesgallery li.gallerybox, ul.furnituregallery li.gallerybox, ul.linked-gallery li.gallerybox {
     max-width: 150px;
     max-width: 150px;
    margin: auto;
}
}


ul.clothesgallery {
ul.clothesgallery, ul.furnituregallery, ul.linked-gallery {
     padding-left: 0px;
     padding-left: 0px;
}
/* Custom Gallery Template */
div#customgallery img {
  display:inline-block;
}
div#customgalleryimg {
  margin:auto;
  height: 150px;
  position: relative;
}
div.gallerycorner {
  position:absolute;
  top: 0px;
  left: 0px;
  width: 47px !important;
  height: 47px;
  background: linear-gradient(to bottom right, #a1b3f3 50%, transparent 50%);
  border-top-left-radius: 8px;
  z-index: 1;
}
div.galleryicon {
  height: 22px;
  width: 22px;
  margin-top: 2px;
  text-align:left;
}
div#gallerypremium {
  background: url("/images/thumb/f/f8/Premium_Shop.png/22px-Premium_Shop.png");
}
div#galleryevent {
  background: url("/images/thumb/3/36/Menu_Icon_Events.png/22px-Menu_Icon_Events.png");
}
div.gallerycorner {
  margin:auto;
  height: 150px;
  position: relative;
}
li#customgallerybox {
  width: 155px;
  vertical-align: top;
  display: inline-block;
}
span#galleryhelper {
  display:inline-block;
  height: 100%;
  vertical-align:middle;
}
@media screen and (max-width: 864px) {
    body.page-Premium_Shop div.floatright {
        float: none;
        text-align:center;
    }
}
}


Line 463: Line 700:
     table#infobox {
     table#infobox {
         display: inline-table;
         display: inline-table;
        max-width: none;
     }
     }
}
}
Line 477: Line 715:
.header-container, .header-container.header-chrome {
.header-container, .header-container.header-chrome {
     background: #a0a4ff;
     background: #a0a4ff;
}
/* Ads Styling */
div#siteNotice {
  font-size:0;
}
div.responsiveadtop {
  width: 100%;
  text-align: center;
  height: 100%;
  margin: auto;
  background-color: rgb(255 255 255 / 32%);
}
div.responsiveadbottom {
  width: 100%;
  text-align:center;
  height: 100%;
  margin: auto;
  background-color: rgb(255 255 255 / 12%);
}
/* Infobox Language Table */
span.languagetitle {
  color: white;
  text-shadow: 0px 2px black;
}
table.languagetable {
  margin:auto;
  text-align: left;
  font-size:75%;
  line-height: 1.5em;
  border-spacing: 0px;
}
div.languagecell {
  border: 1px solid #8f93dd;
  padding: 0.2em;
  background-color: #dfdff8;
  color: black;
  text-shadow: none;
}
td.languagesection {
  text-align: center;
  background-color: #5c62b8 !important;
  border-color: #2a2f8b !important;
  vertical-align: top;
  padding:5px;
}
div.flag {
  width: 14px;
  height: 9px;
  float: left;
  margin: 3px 3px 0 15px;
}
div#flag-fr {
  background-image: url("/resources/dreamlightvalley/flags/french.png");
}
div#flag-it {
  background-image: url("/resources/dreamlightvalley/flags/italian.png");
}
div#flag-de {
  background-image: url("/resources/dreamlightvalley/flags/german.png");
}
div#flag-es {
  background-image: url("/resources/dreamlightvalley/flags/spanish.png");
}
div#flag-ja {
  background-image: url("/resources/dreamlightvalley/flags/japanese.png");
}
div#flag-zh {
  background-image: url("/resources/dreamlightvalley/flags/simplified-chinese.png");
}
@media screen and (max-width: 1000px) {
    div#siteNotice {
      margin:0 -8px;
    }
}
}


Retrieved from "https://dreamlightvalleywiki.com/Special:MobileDiff/15436...93513"

Navigation menu