User:Mepedia-test/common.css: Difference between revisions

From MEpedia, a crowd-sourced encyclopedia of ME and CFS science and history
(dismissable site notice for small screens)
 
(resize, reduce nested bullet)
Line 1: Line 1:
/* Mobiles and tablets - dismissable site notice
/* Mobiles and tablets - dismissable site notice
- should it be 850px?
- remove large gap on left to reduce the space it takes up plus shrink top and bottom margins  
- remove large gap on left to reduce the space it takes up plus shrink top and bottom margins  
and reduce left margin on numbered lists
*/
*/
@media (max-width: 768px) {
@media (max-width: 768px) {
   .sitedir-ltr .mw-dismissable-notice-body {
   .sitedir-ltr .mw-dismissable-notice-body {
   margin: 2px 20% 2px 0.5em;
   margin: 2px 4.5em 2px 0.5em;
}
}
   .mw-dismissable-notice {
   .mw-dismissable-notice {
     font-size: 80%;
     font-size: 90%;
  }
  ol {
    margin-left: 2em;
   }
   }
}
}

Revision as of 20:12, February 23, 2020

/* Mobiles and tablets - dismissable site notice
- remove large gap on left to reduce the space it takes up plus shrink top and bottom margins 
and reduce left margin on numbered lists
*/
@media (max-width: 768px) {
   .sitedir-ltr .mw-dismissable-notice-body {
  margin: 2px 4.5em 2px 0.5em;
}
   .mw-dismissable-notice {
     font-size: 90%;
   }
   ol {
    margin-left: 2em;
   }
}