الفرق بين المراجعتين لصفحة: «قالب:ص.م/styles.css»
من مرصد الاقتصاد الأردني
لا ملخص تعديل |
لا ملخص تعديل |
||
سطر ١٦٧: | سطر ١٦٧: | ||
} | } | ||
} | } | ||
/* Container Box */ | |||
/* | |||
.featured-article-box { | .featured-article-box { | ||
background: #f8f9fa; | background: #f8f9fa; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
padding: 8px; | |||
padding: | |||
margin: 15px auto; | margin: 15px auto; | ||
max-width: 90%; | max-width: 90%; | ||
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); | |||
border-radius: 5px; | |||
direction: rtl; | direction: rtl; | ||
text-align: right; | text-align: right; | ||
} | } | ||
/* Header Box */ | /* Header Box */ | ||
.featured-header { | .featured-header { | ||
background: # | background: #cedff2; | ||
padding: 8px; | padding: 8px; | ||
font-size: 1. | font-size: 1.2em; | ||
font-weight: bold; | font-weight: bold; | ||
text-align: | text-align: right; | ||
border-bottom: 1px solid #a2a9b1; | |||
margin-bottom: 8px; | |||
margin- | } | ||
/* Featured Article Body */ | |||
.featured-body { | |||
display: flex; | |||
align-items: flex-start; | |||
} | |||
/* Image */ | |||
.featured-image { | |||
flex-shrink: 0; | |||
margin-left: 10px; | |||
} | } | ||
/* Title | /* Article Title */ | ||
.featured-title { | .featured-title { | ||
font-size: 1. | font-size: 1.2em; | ||
font-weight: bold; | font-weight: bold; | ||
color: #0645ad; | color: #0645ad; | ||
سطر ٢٠١: | سطر ٢١١: | ||
} | } | ||
/* Article | /* Article Content */ | ||
.featured-text { | .featured-text { | ||
flex-grow: 1; | |||
font-size: 1em; | font-size: 1em; | ||
color: #000; | color: #000; | ||
} | } | ||
/* Read More Link */ | /* Read More Link */ | ||
.featured-read-more { | .featured-read-more { | ||
margin-top: | margin-top: 5px; | ||
font-size: | font-size: 0.9em; | ||
} | } |
المراجعة الحالية بتاريخ ٢٠:١٥، ٦ مارس ٢٠٢٥
.infobox2 { font-size: 90%; clear: left; float: left; width: 280px !important; margin: 1px 1em 1px 0 !important; line-height: 1.6em; border-radius: 1px; } .entete { background-position: right center; background-repeat: no-repeat; background-size: 45px 45px; } .infobox2 .entete { vertical-align: middle; text-align: center; font-size: 150%; font-weight: bolder; line-height: 1.6em } .infobox2 .media { height: 35px; vertical-align: middle; text-align: center; font-weight: bolder; } .infobox2 td { width: auto; vertical-align: top; padding-right: 2px; } .infobox2 th { vertical-align: top; } .infobox2 th[scope="col"] { text-align: center; word-wrap: normal; } .infobox2 th[scope="row"] { text-align: right; word-wrap: normal; vertical-align: top; padding-right: 2px; max-width: 30%; width: 30%; } .infobox2 caption { font-size: larger; margin-left: inherit; } .infobox2.bordered { border-collapse: collapse; } .infobox2.bordered td, .infobox2.bordered th { border: solid 1px #c8ccd1; } .infobox2.bordered .borderless td, .infobox2.bordered .borderless th { border: 0; } .infobox2 { background-color: #f8f9fa; border: solid 1px #c8ccd1; color: #202122; } .infobox2 .entete { background-color: #E1E1E1; color: #000000 } .infobox2 th[scope="col"] { background-color: #E1E1E1; } .infobox2 th[scope="row"] { background-color: #F3F3F3; } /* من المفترض أن تكون الأنماط في هذا الجزء والجزء الذي يليه متطابقة */ @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .infobox2 { background-color: #212529 !important; border: solid 1px #4b5156 !important; color: #ffffff !important; } html.skin-theme-clientpref-os .infobox2 .entete { background-color: #303540 !important; color: #ffffff !important; } html.skin-theme-clientpref-os .infobox2 td { background-color: #212529 !important; color: #ffffff !important; } html.skin-theme-clientpref-os .infobox2 th[scope="col"]:not(.entete) { background-color: #343a40 !important; color: #ffffff !important; } html.skin-theme-clientpref-os .infobox2 th[scope="row"] { background-color: #2c3034 !important; color: #ffffff !important; } html.skin-theme-clientpref-os .infobox2 .navigation-only { border-top: 2px #E1E1E1 dotted !important; } html.skin-theme-clientpref-os .infobox2 a:link { text-decoration: initial !important; color: var(--color-progressive) !important } } /* من المفترض أن تكون الأنماط في هذا الجزء والجزء السابق متطابقة */ @media screen { html.skin-theme-clientpref-night .infobox2 { background-color: #212529 !important; border: solid 1px #4b5156 !important; color: #ffffff !important; } html.skin-theme-clientpref-night .infobox2 .entete { background-color: #303540 !important; color: #ffffff !important; } html.skin-theme-clientpref-night .infobox2 td { background-color: #212529 !important; color: #ffffff !important; } html.skin-theme-clientpref-night .infobox2 th[scope="col"]:not(.entete) { background-color: #343a40 !important; color: #ffffff !important; } html.skin-theme-clientpref-night .infobox2 th[scope="row"] { background-color: #2c3034 !important; color: #ffffff !important; } html.skin-theme-clientpref-night .infobox2 .navigation-only { border-top: 2px #E1E1E1 dotted !important; } html.skin-theme-clientpref-night .infobox2 a:link { text-decoration: initial !important; color: var(--color-progressive) !important } } /* Container Box */ .featured-article-box { background: #f8f9fa; border: 1px solid #a2a9b1; padding: 8px; margin: 15px auto; max-width: 90%; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); border-radius: 5px; direction: rtl; text-align: right; } /* Header Box */ .featured-header { background: #cedff2; padding: 8px; font-size: 1.2em; font-weight: bold; text-align: right; border-bottom: 1px solid #a2a9b1; margin-bottom: 8px; } /* Featured Article Body */ .featured-body { display: flex; align-items: flex-start; } /* Image */ .featured-image { flex-shrink: 0; margin-left: 10px; } /* Article Title */ .featured-title { font-size: 1.2em; font-weight: bold; color: #0645ad; margin-bottom: 5px; } /* Article Content */ .featured-text { flex-grow: 1; font-size: 1em; color: #000; } /* Read More Link */ .featured-read-more { margin-top: 5px; font-size: 0.9em; }