قالب:ص.م/styles.css
من مرصد الاقتصاد الأردني
.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 } } /* Featured Article Box */ .featured-article-box { background: #f8f9fa; /* Light grey */ border: 1px solid #a2a9b1; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); padding: 10px; margin: 15px auto; max-width: 90%; direction: rtl; text-align: right; border-radius: 8px; } /* Header Box */ .featured-header { background: #dbeafe; /* Light blue */ padding: 8px; font-size: 1.3em; font-weight: bold; text-align: center; color: #0645ad; border-radius: 8px; margin-bottom: 10px; } /* Title Formatting */ .featured-title { font-size: 1.4em; font-weight: bold; color: #0645ad; margin-bottom: 5px; } /* Article Blurb */ .featured-text { font-size: 1em; color: #000; padding: 5px; } /* Read More Link */ .featured-read-more { margin-top: 10px; font-size: 1.1em; text-align: left; }