قالب:الصفحة الرئيسية/styles.css

/* ضبط الأعمدة في الجوال */
@media screen and (max-width: 720px) {
  .mp-right,
  .mp-left {
    width: 100% !important;
  }
}
/* العمود الأيمن */
.mp-right {
  float: right;
  width: 64%;
}
/* العمود الأيسر */
.mp-left {
  float: left;
  width: 35%;
  box-sizing: border-box;
  margin: auto;
}
/* المقدمة + قسم المشاريع الشقيقة*/
.mp-intro {
  margin: 0 0 3px 0;
  padding: 5px;
  border: 1px solid #c6c9ff;
  border-radius: 5px;
  color: #000;
  background: #f8f8f8;
  clear: both;
}
/* الأقسام */
.mp-Sec {
  margin: 3px 0 3px 0;
  padding:.5em 1em 1em;
  vertical-align: text-top;
  border: 1px solid #c6c9ff;
  border-radius: 5px;
  color: #000;
  background: #fafaff;
}
/* عناوين الأقسام */
.mp-SecTitle {
  position: relative;
  height: 25px;
  margin:2px 0 8px 0;
  top:4px;
}

.mp-SecCont {
  position: absolute;
  right: 4px;
  top: -5px;
}

.mp-SecBg {
  position: relative;
  right: -8px;
  top: 0;
}

.mp-SecIcon {
  position: absolute;
  right: -3px;
  top: -6px;
}

.mp-h2 {
  position: absolute;
  right: 40px;
  top: 1px;
  font-weight: bold;
  font-size: 130%;
}