Drawn to Life Wiki

Changes

MediaWiki:Timeless.css (view source)

Revision as of 19:42, 2 June 2021

2,313 bytes added ,  19:42, 2 June 2021
no edit summary
Line 272: Line 272:  
     padding: 5px;
 
     padding: 5px;
 
}
 
}
−
 
+
@media screen and (max-width: 850px){
 +
#p-views li, #p-more li {
 +
    margin-left: 1em;
 +
    background: #5aa7e2;
 +
    border-bottom: 0.3rem solid #254a8f;
 +
    box-shadow: none;
 +
    margin: 5px 2px 0;
 +
    border-radius: 5px;
 +
    transition: 0.3s;
 +
    padding: 5px;
 +
}
 +
}
 
/* Talk */
 
/* Talk */
 
#ca-talk {
 
#ca-talk {
Line 282: Line 293:  
     box-shadow: inset 3.65em 0px 0px -1.9em #b2440861;
 
     box-shadow: inset 3.65em 0px 0px -1.9em #b2440861;
 
     transition: 0.3s;
 
     transition: 0.3s;
−
   
}
 
}
−
 
+
@media screen and (max-width: 850px){
 +
#ca-talk {
 +
    background: #e49202;
 +
    margin: 5px 2px 0;
 +
    border-radius: 5px;
 +
    padding: 5px;
 +
    border-bottom: 0.3rem solid #b24408;
 +
    box-shadow: none;
 +
    transition: 0.3s;
 +
}
 +
}
 
/* Icon replacements */
 
/* Icon replacements */
 
#ca-edit a {
 
#ca-edit a {
Line 290: Line 310:  
     background-size: 1.15em;
 
     background-size: 1.15em;
 
     background-position: left center;
 
     background-position: left center;
 +
}
 +
@media screen and (max-width: 850px){
 +
#ca-edit a {
 +
    background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/editicon.png);
 +
    background-size: 1.15em;
 +
    background-position: center center;
 +
}
 
}
 
}
 
#ca-history a {
 
#ca-history a {
Line 295: Line 322:  
     background-size: 1.15em;
 
     background-size: 1.15em;
 
     background-position: left center;
 
     background-position: left center;
 +
}
 +
@media screen and (max-width: 850px){
 +
#ca-history a {
 +
    background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/historyicon.png);
 +
    background-size: 1.15em;
 +
    background-position: center center;
 +
}
 
}
 
}
 
#ca-talk a {
 
#ca-talk a {
Line 300: Line 334:  
     background-size: 1.15em;
 
     background-size: 1.15em;
 
     background-position: left center;
 
     background-position: left center;
 +
}
 +
@media screen and (max-width: 850px){
 +
#ca-talk a {
 +
    background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/discussionicon.png);
 +
    background-size: 1.15em;
 +
    background-position: center center;
 +
}
 
}
 
}
 
.tools-inline li[id^="ca-nstab-"] a {
 
.tools-inline li[id^="ca-nstab-"] a {
Line 305: Line 346:  
     background-size: 1.15em;
 
     background-size: 1.15em;
 
     background-position: left center;
 
     background-position: left center;
 +
}
 +
@media screen and (max-width: 850px){
 +
.tools-inline li[id^="ca-nstab-"] a {
 +
    background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/pageicon.png);
 +
    background-size: 1.15em;
 +
    background-position: center center;
 +
}
 
}
 
}
 
#ca-watch a {
 
#ca-watch a {
Line 321: Line 369:  
     background-size: 1.23em;
 
     background-size: 1.23em;
 
     background-position: left center;
 
     background-position: left center;
 +
}
 +
@media screen and (max-width: 850px){
 +
#t-contributions a {
 +
    background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/contributionsicon.png);
 +
    background-size: 1.23em;
 +
    background-position: center center;
 +
}
 
}
 
}
 
#ca-more span {
 
#ca-more span {
Line 326: Line 381:  
     background-size: 1.15em;
 
     background-size: 1.15em;
 
     background-position: left center;
 
     background-position: left center;
 +
}
 +
@media screen and (max-width: 850px){
 +
#ca-more span {
 +
    background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/settingsicon.png);
 +
    background-size: 1.15em;
 +
    background-position: center center;
 +
}
 
}
 
}
 
#ca-languages span {
 
#ca-languages span {
Line 331: Line 393:  
     background-size: 1.15em;
 
     background-size: 1.15em;
 
     background-position: left center;
 
     background-position: left center;
 +
}
 +
@media screen and (max-width: 850px){
 +
#ca-languages span {
 +
    background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/dtlicons/languageicon.png);
 +
    background-size: 1.15em;
 +
    background-position: center center;
 +
}
 
}
 
}
 
/* Big Logo on large display */
 
/* Big Logo on large display */
Retrieved from "https://drawntolife.wiki/en/Special:MobileDiff/11500"