אונטערשייד צווישן ווערסיעס פון "מוסטער:MainPage/styles.css"

פון המכלול
קפיצה לניווט קפיצה לחיפוש
(שנעלע פראבע)
צייכן: צוריקגעשטעלט
(פראבע דערווייל)
 
(3 מיטלסטע ווערסיעס פון 2 באַניצער נישט געוויזן.)
שורה 1: שורה 1:
/* [[קטגוריה:עמוד ראשי]] */
/* [[קאטעגאריע:הויפט בלאט]] */
 
.newfont {
font-family: -apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Lato','Helvetica','Arial',sans-serif;
}
 
.desktopmainpagecolumn {
.desktopmainpagecolumn {
float: right;
float: right;
width: 48%;
width: 48%;
/* padding: 1%; */
padding: 1%;
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
margin: 0 -5px 0 -5px;
}
}


.frontpage_box {
.desktopmainpagebox {
flex: 1;
flex: 1;
margin: 5px;
margin: 5px;
שורה 18: שורה 17:
border: 1px solid #CCC;
border: 1px solid #CCC;
padding: 0 10px 10px 10px;
padding: 0 10px 10px 10px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
}


@media screen and (min-width: 768px) {
@media screen and (min-width: 880px) {
.mobilemainpagecolumn {
.mobilemainpagecolumn {
display: none;
display: none;
}
}
}
}


@media screen and (max-width: 768px) {
@media screen and (max-width: 880px) {
.mobilemainpagecolumn {
.mobilemainpagecolumn {
/* display: block; */
display: block;
float: right;
float: right;
        width: 100%;
width: 100%;
        display: flex;
    flex-direction: row;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0 -5px 0 -5px;
}
}
.desktopmainpagecolumn {
 
display: none;
.desktopmainpagecolumn {
display: none;
}
}
}
}

יעצטיגע רעוויזיע זינט 10:59, 11 יוני 2023

/* [[קאטעגאריע:הויפט בלאט]] */

.newfont {
	font-family: -apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Lato','Helvetica','Arial',sans-serif;
}

.desktopmainpagecolumn {
	float: right;
	width: 48%;
	padding: 1%;
}

.desktopmainpagebox {
	flex: 1;
	margin: 5px;
	min-width: 240px;
	border: 1px solid #CCC;
	padding: 0 10px 10px 10px;
}

@media screen and (min-width: 880px) {
.mobilemainpagecolumn {
	display: none;
	}
}

@media screen and (max-width: 880px) {
.mobilemainpagecolumn {
	display: block;
	float: right;
	width: 100%;
	}

.desktopmainpagecolumn {
	display: none;
	}
}