div{ backgroundcolor: #f9f8f8; display: block !important; } @media screen and (maxwidth:990px){ .alraimediafullad{ display: none !important; } } ]]> .layoutratio > img{ objectfit: contain; } @media screen and (maxwidth:768px){ .alraimediaarticledetails .sectionnewscarousel .owlthumbitem{ width: calc(33% 10px); } .alraimediaarticledetails .image_body img{ maxwidth: 100% !important; } } @media (maxwidth: 575px){ .alraimediaarticledetails .media_pdf_files a{ width: 100%; display: block; marginbottom: 10px; } } /*case of author*/ .alraimediaarticledetails .authorBox{ display: flex; margin: 20px 0px; } .alraimediaarticledetails .authorBox .authorimg{ display: flex; width: 150px; alignitems: center; } .alraimediaarticledetails .authorBox .authorimg img{ width: 150px; height: 150px; objectfit: cover; objectposition: top; borderradius: 100%; } .alraimediaarticledetails .authorBox .authorinfo1{ display: flex; flexflow: column; justifycontent: center; padding: 0px 20px; width:calc(100% 150px); } .alraimediaarticledetails .authorBox .authorinfo1 .titleauthor{ fontfamily: AlmaraiBold; fontsize: 24px; } .alraimediaarticledetails .authorBox .infoinner1{ display: flex; margintop: 20px; } .alraimediaarticledetails .authorBox .authoremail{ fontsize: 14px; } .alraimediaarticledetails .fontSize{ height: 34px; position: absolute; top: 30px; left: 0px; } .alraimediaarticledetails .fontSize .fontIcon{ marginright: 10px; display: inlineblock; width: 34px; } .alraimediaarticledetailscontainerinfo{ padding: 20px 0px ; } .alraimediaarticledetails.authorArticle .alraimediaarticledetailscontainerinfo{ padding: 10px 0px 20px ; } .alraimediaarticledetails .articlebylinedate{ display: flex; padding: 20px 0px; width: calc(100% 78px); fontsize: 14px; } .alraimediaarticledetails .articlebyline{ float: right; paddingleft: 15px; borderleft: 2px solid #D8D8D7; fontfamily: AlmaraiRegular; } .alraimediaarticledetails .articledate{ float: right; padding: 0px 15px; borderleft: 2px solid #D8D8D7; fontfamily: AlmaraiRegular; } .alraimediaarticledetails .articletime{ float: right; paddingright: 15px; paddingleft: 15px; fontfamily: AlmaraiRegular; } .alraimediaarticledetails .articlevisits{ float: right; paddingright: 15px; borderright: 2px solid #D8D8D7; fontfamily: AlmaraiRegular; } .alraimediaarticledetails .articledesc{ fontfamily: AlmaraiRegular; fontsize: 14px; lineheight: 24px; letterspacing: 0.3px; } .alraimediaarticledetails .articledesc p{ marginbottom: 0px; } .alraimediaarticledetails .articledesc a{ color:#3b73af; } .alraimediaarticledetails .image_body{ marginbottom: 20px; } .relatedarticleinsidebody{ display: flex; margin:20px 0px; backgroundcolor: #D8D8D7; padding: 0px 0px 0px 20px; flexwrap: wrap; } .relatedarticleinsidebody .coldiv{ display: flex; width: 50%; } .relatedarticleinsidebody .coldiv>.articlebox, .relatedarticleinsidebody .coldiv>.imagebox{ width: 50%; display: flex; } .relatedarticleinsidebody .coldiv>.articlebox{ display: flex; flexflow: column; paddingright: 10px; justifycontent: center; } .relatedarticleinsidebody .coldiv>.imagebox>a{ display: block; width: 100%; } .relatedarticleinsidebody .title1{ fontsize: 14px; margintop: 5px; fontfamily: AlmaraiBold; lineheight: 20px; height: 40px; overflow: hidden; } .relatedarticleinsidebody .coldiv .articledatebyline { padding: 7px 0px; fontsize: 12px; fontfamily: AlmaraiRegular; display: flex; } @media(minwidth: 992px){ .relatedarticleinsidebody .coldiv .byline{ paddingleft: 12px; lineheight: 22px; position: relative; color: #2f2722 ; /*marginleft: 15px;*/ } .relatedarticleinsidebody .coldiv .byline:after{ content: ''; position: absolute; width: 2px; height: 12px; top: 50%; left: 4px; backgroundcolor: #f58220; margintop: 7px; marginright: 5px; } .relatedarticleinsidebody .coldiv .date{ marginright: 1px; } } @media (maxwidth:991px) { .relatedarticleinsidebody .coldiv .articledatebyline { padding: 7px 0; fontsize: 12px; fontfamily: AlmaraiRegular; display: block; } .relatedarticleinsidebody .coldiv .byline { marginbottom: 1px; } .relatedarticleinsidebody .coldiv .date { marginright: 0px; paddingtop: 0px; } } @media(maxwidth: 990px){ .relatedarticleinsidebody .coldiv .byline{ paddingleft: 15px; lineheight: 14px; position: relative; color: #2f2722 ; } .relatedarticleinsidebody .coldiv .byline:after{ width: 0px; } .relatedarticleinsidebody .coldiv .date{ marginright: 10px; } } .relatedarticleinsidebody .coldiv .layoutratio{ paddingbottom: 55%; } .relatedarticleinsidebody .coldiv:nthchild(1)>.articlebox{ paddingleft: 10px; } .alraimediaarticledetails .tags_outer{ padding: 20px 0px; marginbottom: 20px; display: flex; flexwrap: wrap; } .alraimediaarticledetails .tags_outer .tagslist{ height: 30px; padding: 0px 15px; lineheight: 28px; fontfamily: 'AlmaraiRegular'; fontsize: 14px; color: #6F6F6E; border: 1px solid #6F6F6E; borderradius: 15px; marginleft: 20px; } .alraimediaarticledetails .socialsharing{ position: relative; height: 46px; } .alraimediaarticledetails .printicon{ borderradius: 5px; height: 30px; border: solid 1px #cfd1d2; color: #cfd1d2; fontsize: 19px; padding: 4px; lineheight: 33px; } .alraimediaarticledetails .socialsharing .socialinner{ display: flex; float: left; border: solid 3px #d2d2d2; borderradius: 5px; } .alraimediaarticledetails .socialsharing .socialitem{ margin: 4px 5px; height: 32px; } .alraimediaarticledetails .socialsharing .socialitem:firstchild{ backgroundcolor: #d2d2d2; color: #fff; lineheight: 28px; height: 28px; margin: 6px 5px; fontfamily: AlmaraiRegular; padding: 0px 5px 0px 12px; borderradius: 5px; } .alraimediaarticledetails .socialsharing .socialitem img{ borderradius: 5px; margin: 1px 0px; height: 30px; border:solid 1px #cfd1d2; } @media screen and (maxwidth:990px) { .alraimediaarticledetails .articletitle { fontsize: 20px; marginbottom: 20px; } .relatedarticleinsidebody{ padding: 10px; } .relatedarticleinsidebody .coldiv{ width: 100%; } .relatedarticleinsidebody .coldiv:nthchild(1){ marginbottom: 10px; } .relatedarticleinsidebody .coldiv .articledatebyline{ fontsize: 11px; } .alraimediaarticledetails .authorBox { flexwrap: wrap; } .alraimediaarticledetails .authorBox .authorimg{ width: 120px; } .alraimediaarticledetails .authorBox .authorimg img{ width: 120px; height: 120px; } .alraimediaarticledetails .authorBox .authorinfo1{ width:calc(100% 120px); } .alraimediaarticledetails .articlebylinedate { padding: 0px 0 15px; } .alraimediaarticledetails .fontSize{ top: 10px; } .alraimediaarticledetails iframe{ width: 100% !important; } .relatedarticleinsidebody .coldiv>.articlebox{ width: calc(100% 150px); } .relatedarticleinsidebody .coldiv>.imagebox { width: 150px; } .alraimediaarticledetails .socialsharing{ height: 40px; } .alraimediaarticledetails .printicon{ fontsize: 14px; lineheight: 30px; } .alraimediaarticledetails .socialsharing .socialinner{ border: solid 2px #d2d2d2; } .alraimediaarticledetails .socialsharing .socialitem{ margin: 0px 3px 3px; height: 28px; } .alraimediaarticledetails .socialsharing .socialitem:firstchild{ lineheight: 26px; padding: 0px 5px; margin: 2px; } .alraimediaarticledetails .socialsharing .socialitem img{ margin: 3px 0px; width: 24px; height: unset; } } @media screen and (maxwidth:768px) { .alraimediaarticledetails .articlebylinedate { width: 100%; display: block; } .alraimediaarticledetails .articlebyline{ float: none; display: block; border: 0px; paddingbottom: 10px; } .alraimediaarticledetails .articledate{ float: none; display: block; border: 0px; padding: 0 0 10px; } .alraimediaarticledetails .articletime { float: none; padding: 0 0 10px; display: block; } .alraimediaarticledetails .articlevisits { float: none; padding: 0 0 10px; display: block; border: 0px; } .alraimediaarticledetails .fontSize{ display: none; } .relatedarticleinsidebody .coldiv>.articlebox{ width: calc(100% 100px); } .relatedarticleinsidebody .coldiv>.imagebox { width: 100px; } } .alraimediaarticledetails .link{color:#9f1110;} .alraimediaarticledetails .delimiter{textalign:center;} .alraimediaarticledetails .twoColumns td{width:50%;} /* START table list style */ .alraimediaarticledetails .articlelist table{border:0;bordercollapse:collapse;margin:10px 0;padding:0;width:100%;tablelayout:fixed} .alraimediaarticledetails .articlelist table thead tr{backgroundcolor:#9f1110;;color:#FFF} .alraimediaarticledetails .articlelist table tr{backgroundcolor:#f7f7f7;borderbottom:2px solid #FFF;color:#000} .alraimediaarticledetails .articlelist table th,.alraimediaarticledetails .articlelist table td{paddingright:0;textalign:center;borderright:2px solid #dce9ea} .alraimediaarticledetails .articlelist table th{padding:10px;textalign:center;fontsize:18px;} .alraimediaarticledetails .articlelist table td{padding:10px;textalign:center;fontsize:16px} /* end table list style */ ]]> 24 مايو 2025 11:07 م 11 تُوج شتوتغارت بكأس ألمانيا للمرة الرابعة بعد 28 عاما. div{ backgroundcolor: #f9f8f8; display: block !important; } @media screen and (maxwidth:767px){ .alraimediasquaread{ marginbottom: 15px; } } ]]> div{ backgroundcolor: #f9f8f8; display: block !important; } @media screen and (maxwidth:767px){ .alraimediaverticalad{ marginbottom: 15px; } } ]]> المصدر: الراي
