الكاريكاتير
استطلاع
الارشيف
*{
margin: 0;
padding: 0;
}
ol, ul, li{
list-style: none;
}
body
{
padding: 5px;
direction: rtl;
text-align: justify;
font: bold 96% "Times New Roman";
}
img{
border: 1px ridge #0C61A0;
background: none;
}
.story{
line-height: 1.5em;
}
.source{
color: #900;
}
.timestamp{
float: right;
font: bold 100% "times new roman";
}
.printLogo{
float: left;
}
.printLogo img{
margin-right: 5px;
padding: 0;
border: 0;
}
.sectionsTitleList{
clear: right;
margin: 1em 0;
width: 250px;
_width: auto;
*width: auto;
}
.sectionsTitleList li{
list-style: inside url(http://static.alrayy.com/alrayy/static/circle.gif);
}
.section{
margin-top: 12px;
}
h3{
font-size: 130%;
line-height: 1.4em;
text-align: center;
color: #0C61A0;
}
h4{
text-align: center;
}
h4, h4 a, h5{
clear: both;
color: #903;
font-size: 120%;
}
h5{
clear: right;
}
p{
margin: 9px 0;
}
a{
text-decoration: none;
}
#footer{
margin: 0 24px;
padding-top: 5px;
border-top: 1px ridge #999;
text-align: center;
}
#footer, #Footer a{
color: #666;
}
.big img{
padding: 4px;
width: 210px;
height: 140px;
}
.storyMainPicture{
clear: left;
width: 314px;
}
.storyMainPicture img{
width: 300px;
height: 200px;
}
.picture{
display: inline;
float: left;
margin: 5px;
text-align: center;
}
.pictureWithComment{
padding: 5px;
overflow: hidden;
background: #E9ECC5;
}
.pictureWithComment img{
margin: 0 0 5px;
}
.fulled img{
padding: 5px;
width: 300px;
height: 200px;
}
.big .pictureWithComment{
width: 222px;
}
.pictureWithComment span, .blockquote span{
display: block;
clear: both;
margin: 0 12px;
}
.blockquote{
float: left;
margin: 5px;
padding: 5px;
width: 250px;
background: #E8F6F6;
}
.hasBlockquoteSource .blockquoteSource{
margin-top: 5px;
color: #083984;
text-align: left;
}
.pictureComment, .blockquote .text{
font: 80% tahoma;
}
.isBlockquote .pictureComment, .blockquote .text{
text-align: right;
text-indent: 30px;
background: right top url(http://static.alrayy.com/alrayy/static/quote-start.gif) no-repeat;
}
#story .pictureComment, .blockquote .text{
font-size: 90%;
}
.blockEnd{
display: none;
width: 25px;
height: 20px;
overflow: hidden;
font-size: 20px;
line-height: 20px;
background: left bottom url(http://static.alrayy.com/alrayy/static/quote-end.gif) no-repeat;
}
.isBlockquote .blockEnd, .blockquote .blockEnd{
display: inline;
}
اقرأ أيضاً
