MediaWiki:Mobile.css

/* Box at the top of the main page */
.icannwiki-top-box {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 4px;
    background-color: #61a376;
    background-image: url('images/b/bd/ICANNWiki-Background-2024-A.svg');
    background-size: cover;
    border-radius: 4px;
    margin-bottom: 4px;
    padding: 4px;
}

/* Hides bullet points */
.icannwiki-top-box ul {
	list-style: none;
    list-style-type: none;
}

/* Box's elements styling */
.icannwiki-top-box ul li {
    font-size: 1.0em;
    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 other boxes in the main page */
.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 for text */
.icannwiki-colored-box {
	background: #f1f6f3;
	padding-left: 1%;
	padding-right: 1%;
	text-align: left;
}

/* Separator (blank) */
.icannwiki-clearfix {
    clear: both;
}

/* Main page content box: left */
.icannwiki-half-width-left {
	display: inline;
}

/* Main page content box: right */
.icannwiki-half-width-right {
	display: inline;
}

/* Sponsors template */
.icannwiki-sponsors {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 4px;
    border-radius: 4px;
    margin-bottom: 4px;
    padding: 4px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.icannwiki-sponsors li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0px;
    border-radius: 4px;
    padding: 8px;
    height: 140px; /* Adjust as needed */
    box-sizing: border-box;
}

.icannwiki-sponsors img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.icannwiki-sponsors ul {
    list-style: none;
    list-style-type: none;
}

/* Warning template */
.icannwiki-warning {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: auto;
    width: 60%;
    margin: 0 auto;
    padding: 10px;
    background-color: #FFFDF4;
    border: 2px solid #d48900;
    border-left: 16px solid #d48900;
}

.icannwiki-warning a {
    font-weight: bold;
    color: #d48900;
}

/* Signaling template */
.icannwiki-signal {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: auto;
    width: 60%;
    margin: 0 auto;
    padding: 10px;
    background-color: #f4fcff;
    border: 2px solid #0092D4;
    border-left: 16px solid #0092D4;
}

.icannwiki-signal a {
    font-weight: bold;
    color: #0092D4;
}

/* Danger template */
.icannwiki-danger {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: auto;
    width: 60%;
    margin: 0 auto;
    padding: 10px;
    background-color: #fff4f4;
    border: 2px solid #D40000;
    border-left: 16px solid #D40000
}

.icannwiki-danger a {
    font-weight: bold;
    color: #D40000;
}

/* 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%;
}