Difference between revisions of "MediaWiki:Mobile.css"
Jump to navigation
Jump to search
Dustin Loup (talk | contribs) |
Tag: Undo |
||
(18 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | /* | + | /* Box at the top of the main page layout */ |
− | . | + | .icannwiki-top-box { |
− | + | display: grid; | |
− | + | grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); | |
− | + | gap: 4px; | |
− | + | background-color: #61a376; | |
− | + | border-radius: 4px; | |
− | + | margin-bottom: 4px; | |
− | + | padding: 4px; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | /* Hides bullet points */ |
− | + | .icannwiki-top-box ul { | |
+ | list-style: none; | ||
+ | list-style-type: none; | ||
} | } | ||
− | + | /* List stylings */ | |
− | + | .icannwiki-top-box ul li { | |
− | + | font-size: 100%; | |
+ | margin-bottom: 2px; /* Adjusts the spacing between list items */ | ||
} | } | ||
− | . | + | .icannwiki-top-box a { |
− | + | color: white; | |
− | + | font-weight: bold; | |
− | + | text-decoration: none; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .icannwiki-top-box a:hover { | |
− | + | color: #68d62c; | |
− | + | text-decoration: none; | |
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | # | + | /* Header for featured article, news, about us, and so on */ |
− | + | .icannwiki-section-header { | |
− | + | background: #62a376; | |
− | + | font-family: sans-serif; | |
− | + | font-weight: bold; | |
− | + | text-align: left; | |
− | + | color: #ebfcef; | |
+ | height: 1.5em; | ||
+ | padding: .5em; | ||
+ | border-radius: 5px; | ||
} | } | ||
− | + | /* Colored bounding box */ | |
− | + | .icannwiki-colored-box { | |
− | + | background: #f1f6f3; | |
− | + | padding-left: 1%; | |
− | + | padding-right: 1%; | |
− | + | text-align: left; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | . | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | padding | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | padding | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /* Separator */ | |
− | + | .icannwiki-clearfix { | |
− | + | clear: both; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | /* | ||
− | . | ||
− | |||
− | |||
} | } | ||
− | . | + | /* Main page content box: left */ |
− | + | .icannwiki-half-width-left { | |
− | + | display: inline; | |
} | } | ||
− | /* | + | /* Mobile-only rule for sponsors display */ |
− | + | .icannwiki-mobile-sponsors{ | |
− | + | width:25%; | |
− | + | height: auto; | |
− | |||
− | |||
− | |||
} | } | ||
− | /* | + | /* Main page content box: right */ |
− | + | .icannwiki-half-width-right { | |
− | + | display: inline; | |
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | /* | + | /* Justified text */ |
− | . | + | .icannwiki-justified { |
− | + | text-align: justify; | |
} | } | ||
− | + | /* Highlighted text */ | |
− | + | .icannwiki-highlight { | |
− | + | color: #61a376; | |
− | + | font-weight: bold; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | /* Font with darker shade of greenish white */ | |
− | + | .icannwiki-text-white { | |
− | + | color: #ebfcef; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | color: # | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | /* Larger text */ | |
− | + | .icannwiki-font-large { | |
− | + | font-size: 125%; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | /* | ||
− | |||
− | . | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | font-size: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
Revision as of 19:46, 16 April 2024
/* Box at the top of the main page layout */
.icannwiki-top-box {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 4px;
background-color: #61a376;
border-radius: 4px;
margin-bottom: 4px;
padding: 4px;
}
/* Hides bullet points */
.icannwiki-top-box ul {
list-style: none;
list-style-type: none;
}
/* List stylings */
.icannwiki-top-box ul li {
font-size: 100%;
margin-bottom: 2px; /* Adjusts the spacing between list items */
}
.icannwiki-top-box a {
color: white;
font-weight: bold;
text-decoration: none;
}
.icannwiki-top-box a:hover {
color: #68d62c;
text-decoration: none;
}
/* Header for featured article, news, about us, and so on */
.icannwiki-section-header {
background: #62a376;
font-family: sans-serif;
font-weight: bold;
text-align: left;
color: #ebfcef;
height: 1.5em;
padding: .5em;
border-radius: 5px;
}
/* Colored bounding box */
.icannwiki-colored-box {
background: #f1f6f3;
padding-left: 1%;
padding-right: 1%;
text-align: left;
}
/* Separator */
.icannwiki-clearfix {
clear: both;
}
/* Main page content box: left */
.icannwiki-half-width-left {
display: inline;
}
/* Mobile-only rule for sponsors display */
.icannwiki-mobile-sponsors{
width:25%;
height: auto;
}
/* Main page content box: right */
.icannwiki-half-width-right {
display: inline;
}
/* Justified text */
.icannwiki-justified {
text-align: justify;
}
/* Highlighted text */
.icannwiki-highlight {
color: #61a376;
font-weight: bold;
}
/* Font with darker shade of greenish white */
.icannwiki-text-white {
color: #ebfcef;
}
/* Larger text */
.icannwiki-font-large {
font-size: 125%;
}