قالب:واجهة أرابيكا/styles.css

/* [[أرابيكا:واجهة أرابيكا العربية|أرابيكا:واجهة أرابيكا]] */
/* المقدمة */
#intro {
	border: solid 1px #000000;
	padding: 0.5em;
	background: #F2F3F4;
	text-align: center;

}

/* تنسيق أساسي */
#main {
	display: flex;
	width: 100%;
	max-width: 100%;
}

/* العمود الأيمن والأيسر*/
#rightCol,
#leftCol {
	display: flex;
	flex-direction: column;
	width: 50%;
}

#rightCol {
	float: right; /* للتنسيق على الإصدارات القديمة */
}

#leftCol {
	float: left; /* للتنسيق على الإصدارات القديمة */
}


/* الأقسام */
.sec {
	border: solid 1px #000000;
	margin: 0.1em;
	padding: 0.2em;
}
.sec li {
	list-style-position: inside;
}
.secTitle {
	margin: 0;
	background: #b2eaff;
	text-align: center;
        font-weight: bold;
}
.sectionEdit {
	float: left;
	font-size: 60%;
	margin: 5px;
}
/* تنسيق الأقسام */
#rightCol .sec:nth-child(1) {
	flex-grow: 1;
}


#leftCol .sec:nth-child(1) {
	flex-grow: 1;
}


/* التنسيق على الشاشات الأقل من 720 بكسل */
@media screen and (max-width: 720px) {
	#intro .floatright {
		float: none;
		clear: none;
	}

	#intro .floatleft {
		display: none;
	}

	#main {
    	flex-direction: column;
    	min-width: 100%;
	}
	#rightCol,
	#leftCol {
		float: none;
		min-width: 100%;
	}
}