كود استايل NewMagazine

مشاهدات الان السلام عليكم

البحث عن

]]></b:skin>

فوقه

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#000" value="#000000">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#999999">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#cc6600">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#cccccc">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#cc6600">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#666666">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#cccccc">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#999999">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#cc6600">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal bold 17px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */
#navbar-iframe{height:0;visibility:hidden;display:none}
body {
background:#E9EAF5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Fmw4_xBUysL7X7-Pcz5OcuphyAqEwImHQoDWOOSBlccp7Gu4RDPW7KaLufURmHQAqiZBTLcV8I74eikItATgBXuFUkZcIBC3Ni1u5o4g8oA3EfK2AkU3mUCfURahLsa9n5q79wUdKCZd/s0/pattern.png);

font:x-small Georgia Serif;
color:#333;
font-size:small;
margin:0;
}

a img {
border-width:0;
}

#headerpic-wrapper {
background:#000;
width:100%;
border-bottom:0 solid #344;
margin:0 auto;
padding:10px 0 0;
}

#header-wrapper {
width:1050px;
border:0 solid #444;
padding-top:12px;
margin:0 auto;
}

#header-inner {
background-position:center;
margin-left:auto;
margin-right:auto;
}

#header {
float:left;
width:550px;
border:0 solid #444;
text-align:left;
color:#ccc;
margin:0 auto;
}

#header2 {
float:right;
width:468px;
text-align:left;
margin:0 auto;
}

.header .widget,.header2 .widget {
margin:0 auto;
padding:0 0 8px;
}

#header h2 {
line-height:1.2em;
color:#fff;
letter-spacing:.01em;
font:normal 48px Impact, sans-serif;
margin:0 auto;
padding: 10px 0 .15em;
}

#header a {
color:#fff;
text-decoration:none;
}

#header a:hover {
color:#fff;
}

#header .description {
max-width:100%;
text-transform:none;
letter-spacing:.01em;
line-height:1.4em;
font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color:#000;
margin:0 auto;
padding:0 0 10px;
}

#header img {
margin-startside:auto;
margin-endside:auto;
filter:alpha(opacity=80);
opacity:0.8px;
}

#crosscol-wrapper {
width:1050px;
float:left;
word-wrap:break-word;
overflow:hidden;
}

#crosscol1-wrapper {
width:1028px;
float:left;
word-wrap:break-word;
overflow:hidden;
}

#crosscol2-wrapper {
width:245px;
float:right;
word-wrap:break-word;
overflow:hidden;
}

.crosscol .widget,.crosscol1 .widget,.crosscol2 .widget {
margin:0;
padding:0 0 8px;
}

h2 {
font:normal bold 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
line-height:1.4em;
text-transform:none;
letter-spacing:.01em;
color:#ccc;
margin:.5em 0 .75em;
}

h2.date-header {
font:normal 12px Arial;
color:#666;
text-transform:none;
margin:.2em 0;
}

.post {
background:#fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Fmw4_xBUysL7X7-Pcz5OcuphyAqEwImHQoDWOOSBlccp7Gu4RDPW7KaLufURmHQAqiZBTLcV8I74eikItATgBXuFUkZcIBC3Ni1u5o4g8oA3EfK2AkU3mUCfURahLsa9n5q79wUdKCZd/s0/pattern.png");
border:5px solid #eee;
margin: 0em 0 .6em;
padding:15px;
}

.post h2 {
text-transform:none;
line-height:1.0em;
margin:.01em 0 0;
letter-spacing:.01em;
padding:0 0 5px;
font-family:impact;
color:#666;
font-size:45px;
}

.post h2 a,.post h2 a:visited,.post h2 strong {
display:block;
text-decoration:none;
color:#555;
}

.post-body {
font-size:14px;
line-height:1.3em;
margin:2em 0 .75em;
}

.post-body blockquote {
line-height:1.3em;
}

.post-footer {
color:#ccc;
text-transform:none;
letter-spacing:.01em;
font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
line-height:1.4em;
margin:.7em 0;
}

.comment-link {
margin-startside:.3em;
}

.post img,table.tr-caption-container {
border:5px solid #eee;
padding:0;
}

.post blockquote {
margin:1em 20px;
}

.post blockquote p {
margin:.75em 0;
}

.comments {
background:#fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Fmw4_xBUysL7X7-Pcz5OcuphyAqEwImHQoDWOOSBlccp7Gu4RDPW7KaLufURmHQAqiZBTLcV8I74eikItATgBXuFUkZcIBC3Ni1u5o4g8oA3EfK2AkU3mUCfURahLsa9n5q79wUdKCZd/s0/pattern.png");
border:15px solid #eee;
padding:10px 30px;
}

.comment-form {
width:830px;
max-width:830px;
overflow:auto;
clear:both;
}

#comments h4 {
font-weight:700;
line-height:1.4em;
text-transform:none;
letter-spacing:.01em;
font:normal bold 20px forte, sans-serif;
color:#ccc;
margin:1em 0;
}

#comments-block {
line-height:1.3em;
margin:1em 0 1.5em;
}

#comments-block .comment-body {
margin:.25em 0 0;
}

#comments-block .comment-footer {
line-height:1.4em;
text-transform:uppercase;
letter-spacing:.01em;
margin:-0.25em 0 2em;
}

#comments-block .comment-body p {
margin:0 0 .75em;
}

.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float:left;
}

#blog-pager-older-link {
float:right;
}

#blog-pager {
text-align:center;
width:98%;
float:left;
margin:6px 0 1px;
padding:7px 0;
}

.feed-links {
display:none;
}

.main .widget {
clearline-heightmargin:both2.5em0 0 .2em;
padding:0 0 .2em;
}

.main .Blog {
border-bottom-width:0;
}

.sidebar .widget {
background:#fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Fmw4_xBUysL7X7-Pcz5OcuphyAqEwImHQoDWOOSBlccp7Gu4RDPW7KaLufURmHQAqiZBTLcV8I74eikItATgBXuFUkZcIBC3Ni1u5o4g8oA3EfK2AkU3mUCfURahLsa9n5q79wUdKCZd/s0/pattern.png");
border:1px solid #eee;
}

.sidebar h2 {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi482kRWAoV20lUtg6jZ02F0CJMk-Hd716WDXLeBZA4fNb86G0HjaR1sV40JGSAOCPIAudIYuU4hxa-2YIDS4iwwB0rrcyGVYul0VI99TBvnwQWiEJe6m2OelLXECq4Z9UOXDAoRKT_4xvo/s0/header.jpg");
border:0px solid #333;
font: 20px Impact;
line-height:1.2em;
text-transform:none;
letter-spacing:.01em;
color:#fff;
border-width:0px 0px 0;
margin:0;
padding: 9px 9px;
}

.sidebar2 {
color:#333;
line-height:1.5em;
}

.sidebar2 li {
text-indent:0;
line-height:1.5em;
margin:0;
padding:0 0 .25em;
}

.sidebar2 .widget {
margin:0 0 .5em;
padding:0;
}

.sidebar2 .widget-content {
border:1px solid #333;
margin:0;
padding:8px 9px;
}

.footer h2 {
font: 22px Impact, sans-serif;
font-weight:normal;
color:#555;
line-height:1.2em;
text-transform:none;
letter-spacing:.01em;
margin:0 0 5px;
}

.footer {
font:normal 12px Arial;
color:#fff;
line-height:1.3em;
}

.footer li {
text-indent:0;
line-height:1.6em;
margin:0;
padding:0 auto;
}

.footer .widget {
margin:0 0 5px;
padding:0 auto;
}

.footer a:link,.footer a:visited {
font:normal 12px Arial;
color:#fff;
text-decoration:none;
}

.main2 .widget {
border-bottom:1px dotted #444;
margin:0 0 .5em;
padding:0 0 .5em;
}

.profile-img {
float:left;
margin-top:0;
margin-endside:5px;
margin-bottom:5px;
margin-startside:0;
border:1px solid #444;
padding:4px;
}

.profile-data {
text-transform:uppercase;
letter-spacing:.1em;
font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color:#ccc;
font-weight:700;
line-height:1.6em;
margin:0;
}

.profile-textblock {
line-height:1.6em;
margin:.5em 0;
}

.profile-link {
font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}

.picfooter {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi482kRWAoV20lUtg6jZ02F0CJMk-Hd716WDXLeBZA4fNb86G0HjaR1sV40JGSAOCPIAudIYuU4hxa-2YIDS4iwwB0rrcyGVYul0VI99TBvnwQWiEJe6m2OelLXECq4Z9UOXDAoRKT_4xvo/s0/header.jpg);
width:100%;
margin-startside:auto;
margin-endside:auto;
text-align:center;
font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
margin:0 auto;
padding:10px 0;
border-top:0px solid #222;
}

#footer4-wrapper {
width:300px;
float:left;
word-wrap:break-word;
overflow:hidden;
}

#footer5-wrapper {
width:285px;
float:right;
word-wrap:break-word;
overflow:hidden;
}

.menubottompic {
background:#222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtCC2Lz45fAxgdPtOFqTc-JKXKXQ37AGupmX9zb61NXgMptaZ5RTPCrg6MeMx6GWMdsa7ylifhY4sehTSbAq_mNgItN_YEAam1Xmm4TVdnQ2iinWShxbsbrxiTHeJl61OS1NnBE4CnsyUt/s0/menu.gif) repeat-x top left;
width:100%;
height:42px;
margin:0 auto;
padding:0 auto;
}

.menubottom {
width:1050px;
height:20px;
margin:0 auto;
padding:14px 0;
}

.menubottom ul {
padding-left:0;
color:#fff;
text-transform:none;
list-style-type:none;
font:normal 11px Arial,sans-serif;
margin:0;
}

.menubottom li {
display:inline;
margin:0;
}

.menubottom li a {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0dxetbFc-wHnmii91L_wPy4WlI9PJgP6mHJsaiarqApbgo8A229pGylhaLMnmkdRq4xiRtx4G0K-goA8rb5dMLRWHY1YF6QC_GVzkQxJ2IbR4f9CTB27x3WIMhzIycEXw-vof8hA5inq3/s0/chip.gif) no-repeat center right;
float:left;
display:block;
text-decoration:none;
color:#eee;
line-height:1.2em;
padding:1px 8px;
}

.menubottom li a:visited {
color:#eee;
}

.creditpic {
background:#fff;
width:100%;
margin:0 auto;
padding:0 auto;
}

.credit {
width:100%;
line-height:1.8em;
text-align:center;
font-family:Arial;
font-size:11px;
color:#666;
overflow:hidden;
clear:both;
margin:0 auto;
padding:10px 0 8px;
}

.credit1 {
float:left;
width:770px;
text-align:left;
margin:0 auto;
}

.credit2 {
float:right;
width:200px;
text-align:right;
margin:0 auto;
}

.credit img {
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
margin:5px 0 0;
padding:0;
}

#menuwrapper {
height:44px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpKPnvGvZrmgucR0ae6LnqQU8lt0XtuvThr6f6m0kfNRCpIV1WSSfXZCn5s72GbTrfIfmHZHwSIuTlUF8flG_BMhXAEIQ0x2mHxrWfqB3atZAi-hqcHieOO8hqdJWehTB8egEdwmF_6GsM/s0/pattern.png) repeat;
width:100%;
margin:0 auto;
padding:0 auto;
border-top:0px solid #ccc;
border-bottom:1px solid #ccc;
}

#menupic {
width:1050px;
margin:0 auto;
padding:0 auto;
}

.clearit {
height:0;
line-height:.0;
font-size:0;
clear:both;
margin:0;
padding:0;
}

#menubar {
width:1000px;
float:left;
}

#menusearch {
width:200px;
float:right;
text-align:left;
display:inline;
margin:0;
padding:0;
}

#search {display:none;}{
overflow:hidden;
position:relative;
border:0;
height:22px;
width:192px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivlVo24RKxm3IvmlaMa4x-avzjk7lWsAeiK3qie7fZr2cL77P1E31MqCiQ5Kj_q5m0J6ZpHIVxzck-BR0L1kv-Ft9JhJSZSubLvnu8aIqXpFWzKXW5pF_8XKpJN1xd_c8base6EncgVKvw/s0/search.png) no-repeat;
margin:12px 0 12px 10px;
padding:0 5px;
}

#search input {
border:0;
background:0;
color:#666;
}

#s {
font:normal 12px Arial;
width:160px;
background:0;
margin:0;
padding:3px 0;
}

#menubar a {
display:block;
text-decoration:none;
font-size:15px;
font-weight:400;
text-transform:uppercase;
color:#555;
font-family: Oswald;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiapXj7BL7IgHsZ0wMI7W_mnZHEpu5_c_NQfPt5db_Ss2Wnpz-vRGIIyVhEDNUvxCYgnuxYXaR3dhMH4Ke-LDYFFyCjKOGoA_GxJ9x-JDXaA3DfmfExB-Gf0-lrREebzn55pzME56y6bbdI/s0/stickybar.png) no-repeat center right;
padding:14px 16px;
}

#menubar a.trigger {
background-position:right center;
padding:14px 16px;
}

#menubar li {
float:left;
position:static;
width:auto;
}

#menubar li ul,#menubar ul li {
width:220px;
}

#menubar ul li a {
text-align:left;
color:#aaa;
font-size:13px;
font-weight:400;
text-transform:none;
font-family:Arial;
border:0;
line-height:1.2em;
border-bottom:solid 1px #333;
background:0;
margin:0;
padding:9px 16px;
}

#menubar li ul {
border:0;
margin-left:-1px;
background:#222;
z-index:100;
position:absolute;
display:none;
color:#ccc;
padding:0;
}

#menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a {
background-color:none;
color:#0000ff;
text-decoration:none;
-moz-transition:color .25s linear;
-webkit-transition:color .25s linear;
transition:color .25s linear;
}

#menubar li:hover ul,#menubar li.hvr ul {
display:block;
}

#menubar li:hover ul a,#menubar li.hvr ul a {
color:#aaa;
background-color:transparent;
text-decoration:none;
}

#menubar ul a:hover {
background-color:#000 !important;
color:#666 !important;
text-decoration:none !important;
border-right:0 solid #dadcde;
}

#menubar li.home a,#menubar li.home a:visited {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtg4QzOr2ewN85h8PmxEeeMKPta-wlgRRXns2lIaflGop9YVZZ7DrBBM7Q__LYyiQk4YdgrQJ3W0RNOUD58Hu0PMTANxbVqeaTfdnwCNABontUCIjBCR5OWcIXr2zQFLy21BvbwBLE1avW/s0/orange.gif) repeat-x center left;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
color:#fff;
margin:9px 0;
padding:5px 18px;
}

#menubar li.home a:hover {
color:#000;
}

#slideshowpic-wrapper {
background:#222;
width:100%;
text-align:left;
font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
display:none;
margin:0 auto;
padding:12px 0;
}

#slideshow-wrapper {
width:1200px;
word-wrap:break-word;
overflow:hidden;
text-align:left;
margin:0 auto;
}

.img400 {
width:1200px;
height:250px;
margin:0;
padding:0;
}

.img400 img {
width:290px;
height:230px;
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
padding:10px 0;
}

.cursor {
cursor:pointer;
}

.h250 {
height:250px;
}

.min250 {
margin-top:-250px;
}

.bottom {
top:0;
margin-left:290px;
width:690px;
background:transparent;
height:250px;
z-index:990;
padding:0;
}

.topic {
line-height:1.2em;
padding:10px 20px 5px;
}

.topic a:link,.topic a:visited {
color:#999;
font:bold 36px Calibri,Helvetica Neue,Liberation Sans,sans-serif;
font-style:italic;
text-decoration:none;
text-transform:none;
line-height:1em;
}

.topic a:hover {
color:#444;
text-decoration:none;
-moz-transition:color .25s linear;
-webkit-transition:color .25s linear;
transition:color .25s linear;
}

.summary {
overflow:hidden;
font:normal 13px Arial;
color:#999;
line-height:1.3em;
padding:5px 20px;
}

.summary a:link,.summary a:visited {
color:#fff;
font:bold 13px Arial,sans-serif;
text-decoration:none;
text-transform:none;
}

.summary a:hover {
color:#555;
text-decoration:none;
-moz-transition:color .25s linear;
-webkit-transition:color .25s linear;
transition:color .25s linear;
}

.demo {
text-align:right;
overflow:hidden;
line-height:1.3em;
margin:10px 0 0;
}

.pagecount {
height:50px;
margin-top:-50px;
margin-left:290px;
padding:0 20px;
}

.page_hl a {
font:bold 20px arial;
color:#FFF;
text-decoration:none;
display:inline;
background:#777;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
padding:2px 9px;
}

.page_hl a:hover {
color:#fff;
background:#ea6500;
text-decoration:none;
}

.pd_5 {
padding:5px 5px 5px 0;
}

.pb_10 {
padding-bottom:0;
}

.cloud-label-widget-content {
text-align:center;
font-size:18px;
letter-spacing:.01px;
font-family:Arial;
font-weight:400;
}

.label-size-1 a,.label-size-2 a,.label-size-3 a,.label-size-4 a,.label-size-5 a {
color:#eee;
border-bottom:0 dotted #555;
}

.label-size-1 a:hover,.label-size-2 a:hover,.label-size-3 a:hover,.label-size-4 a:hover,.label-size-5 a:hover {
color:#666;
text-decoration:none;
-moz-transition:color .45s linear;
-webkit-transition:color .45s linear;
transition:color .45s linear;
}

.showpageArea a {
font:bold 14px Arial;
text-decoration:none;
}

.showpageNum a:hover {
border:1px solid #fff;
background-color:#6E6CF6;
color:#eee;
}

.showpagePoint {
font:bold 14px Arial;
color:#fff;
text-decoration:none;
border:1px solid #fff;
background:#C1C1F6;
margin:0 2px;
padding:6px 10px;
}

.showpage a {
background:#fff;
font:bold 14px Arial;
text-decoration:none;
border:1px solid #fff;
color:#000;
padding:6px;
}

.showpage a:hover {
color:#eee;
border:1px solid #666;
background-color:#6E6CF6;
text-decoration:none;
}

.toppic {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi482kRWAoV20lUtg6jZ02F0CJMk-Hd716WDXLeBZA4fNb86G0HjaR1sV40JGSAOCPIAudIYuU4hxa-2YIDS4iwwB0rrcyGVYul0VI99TBvnwQWiEJe6m2OelLXECq4Z9UOXDAoRKT_4xvo/s0/header.jpg");
width:100%;
border-bottom: 0px solid #222;
margin:0 auto;
}

.topnav {
width:1050px;
height:95px;
overflow:hidden;
color:#444;
font:normal 12px Arial;
margin:0 auto;
padding-bottom:10px;
}

.toppic a:link,.toppic a:visited {
color:#222;
text-decoration:none;
}

.toppic a:hover {
color:#FFF;
text-decoration:underline;
}

.rmlink {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIOs2XhDOfDIY8DE_ktkUlBQeQ8TTeTcSWMugEJSXBVIQ6pVrtIO8waoaIFC8N2I5Y85lmVdpiUggf9wXW0p6IQRt2S8wcEUiZlDEOonCV2Pbbx1GNMo3bqzZbc3fRJvhDf5J-h5BlA4bi/s0/view.png) no-repeat center left;
margin:0;
padding:0 0 0 20px;
}

.rmlink a:link,.rmlink a:visited {
color:#888;
text-decoration:none;
}

#viewers {
float:left;
width:100%;
font:normal 12px Arial;
margin:0;
padding:0;
}

a:hover,.post h3 strong,.post h3 a:hover {
color:#fff;
text-decoration:underline;
}

#mainpage-wrapper,#main-wrapper {
width:740px;
float:left;
word-wrap:break-word;
overflow:hidden;
}

#sidebar-wrapper,#sidebar2-wrapper {
width:300px;
float:right;
word-wrap:break-word;
overflow:hidden;
}

#comments-block .comment-author,.profile-datablock {
margin:.5em 0;
}

.sidebar,.main2 {
color:#999;
line-height:1.4em;
}

.sidebar ul,.sidebar2 ul,.footer ul,.main2 ul,.PopularPosts ul {
list-style:none;
margin:0;
padding:0;
}

.sidebar li,.main2 li {
text-indent:0;
line-height:1.4em;
margin:0;
padding:0 0 .25em;
}

.footer a:hover,.credit a:link,.credit a:visited,.rmlink a:hover {
color:#000;
text-decoration:none;
}

.menubottom li a:hover,.credit a:hover,.PopularPosts a:hover {
color:#666;
text-decoration:none;
-moz-transition:color .25s linear;
-webkit-transition:color .25s linear;
transition:color .25s linear;
}

#menubar,#menubar ul,#menusearch ul,#menusearch,#menusearch ul {
list-style:none;
font-family:Arial,'Sans Serif';
margin:0;
padding:0;
}

.page_hl a.selected,.page_hl span a {
color:#fff;
text-decoration:none;
background:#ea6500;
}

#advertise {
background:#333;
border:1px solid #444;
margin:0;
padding:0;
}

#advertise .ads {
margin:0;
padding:15px 20px;
}

.ads li {
float:left;
margin-bottom:5px;
margin-right:15px;
width:125px;
}

.ads li.last {
margin-right:0;
}

.ads li a {
filter:alpha(opacity=80);
opacity:0.8px;
}

.bloggertipsandtricks {
border:solid 1px #ccc;
background:#E9EAF5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Fmw4_xBUysL7X7-Pcz5OcuphyAqEwImHQoDWOOSBlccp7Gu4RDPW7KaLufURmHQAqiZBTLcV8I74eikItATgBXuFUkZcIBC3Ni1u5o4g8oA3EfK2AkU3mUCfURahLsa9n5q79wUdKCZd/s0/pattern.png);
color:#666;
width:auto;
font-size:13px;
text-align:left;
margin-bottom:10px;
margin-top:10px;
-moz-border-radius:5px;
-khtml-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
padding:8px;
}

.bloggertipsandtricks1 {
border:solid 1px #ccc;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Fmw4_xBUysL7X7-Pcz5OcuphyAqEwImHQoDWOOSBlccp7Gu4RDPW7KaLufURmHQAqiZBTLcV8I74eikItATgBXuFUkZcIBC3Ni1u5o4g8oA3EfK2AkU3mUCfURahLsa9n5q79wUdKCZd/s0/pattern.png);
color:#666;
width:920px;
font-size:13px;
text-align:left;
margin-bottom:10px;
margin-top:10px;
-moz-border-radius:5px;
-khtml-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
padding:8px;
}

a:link,a:visited {
color:#b45f06;
text-decoration:none;
}

#header img:hover,.ads li a:hover {
color:#666;
filter:alpha(opacity=100);
opacity:1px;
text-decoration:none;
}

#outer-wrapper,#footer-wrapper {
width:1050px;
text-align:left;
font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
margin:0 auto;
padding:10px 0;
}

#footer1-wrapper,#footer2-wrapper,#footer3-wrapper {
width:185px;
float:left;
margin-right:15px;
word-wrap:break-word;
overflow:hidden;
}

.credit img:hover,.img400 img:hover {
filter:alpha(opacity=100);
-moz-opacity:1px;
opacity:1px;
}

.showpageNum a,.showpageOf {
font:bold 14px Arial;
background:#f4f4f4;
text-decoration:none;
border:1px solid #f4f4f4;
color:#666;
margin:0 2px;
padding:6px 10px;
}

.showpageNum a:link,.showpage a:link,.popular-posts ul li a:hover,#btt_bar a:hover {
text-decoration:none;
}

share-post {
background:#202020;
-moz-border-radius:6px 6px 6px 6px;
-webkit-border-radius:6px 6px 6px 6px;
-goog-ms-border-radius:6px 6px 6px 6px;
border-radius:6px 6px 6px 6px;
border:1px solid #000;
border-bottom:1px solid #333;
border-right:1px solid #333;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:75px;
padding-top:30px;
padding-bottom:60px;
margin:15px 0px
}

ul.postbuttons{list-style-image:none; list-style-position:outside; list-style-type:none; padding-left:95px; padding-top:15px; padding-bottom:95px}
ul.postbuttons li{background:none 0 0 repeat scroll transparent; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 5px 0 0; padding:0}
a.livedemo{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvFlFKuj9lvoQ4oYmz1SyJeVtwFdsYNW4qURi0m8xEhGy_T0B_8rih4HoQx_S8urCb3CxLjVFu56M8ZKQ-sm6rh1c5rPxZ-lWgGdYe9yKYazlTbLhs30mYAtzws9dk8FpNgZj9YFjR5JWk/s0/demo.gif) left bottom no-repeat scroll transparent; display:block; height:30px; text-indent:-9999px; width:266px}
a.livedemo:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvFlFKuj9lvoQ4oYmz1SyJeVtwFdsYNW4qURi0m8xEhGy_T0B_8rih4HoQx_S8urCb3CxLjVFu56M8ZKQ-sm6rh1c5rPxZ-lWgGdYe9yKYazlTbLhs30mYAtzws9dk8FpNgZj9YFjR5JWk/s0/demo.gif) left top no-repeat scroll transparent}
a.download{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhyphenhyphen8Kb8FOG0Q3MBh7AnrRMV_1OXiPwblkPwOZSjm6JhkNwMoAQ5zj2GBQRrXH_zjUxpQkqv2HUxMEssgsKtN-4Xtx1-Hb_2sGqq1avE8MrBNR7diQb6jNDM2AvafeHkD8_pM_r6VDNDkOS/s0/download.gif) right bottom no-repeat scroll transparent; display:block; height:30px; text-indent:-9999px; width:266px}
a.download:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhyphenhyphen8Kb8FOG0Q3MBh7AnrRMV_1OXiPwblkPwOZSjm6JhkNwMoAQ5zj2GBQRrXH_zjUxpQkqv2HUxMEssgsKtN-4Xtx1-Hb_2sGqq1avE8MrBNR7diQb6jNDM2AvafeHkD8_pM_r6VDNDkOS/s0/download.gif) right top no-repeat scroll transparent}
.tempdownload a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#0920d0 none repeat scroll 0 0;
color:#FFFFFF;
font-weight:bold;
padding:10px 15px;
text-decoration:none;
font-size:15px;
}
.tempdownload a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#d17f1e none repeat scroll 0 0;
border:2px solid #000000;
color:#000000;
text-decoration:none;
font-size:15px;
}
.demoButtons {
margin-top:11px;
}
.demoButtons a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
border:2px solid #000000;
border-radius:6px 6px; -moz-border-radius:6px 6px 6px 6px; -khtml-border-radius:6px 6px 6px 6px; -webkit-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px;
background:#0920d0 none repeat scroll 0 0;
color:#FFFFFF;
font-weight:bold;
padding:10px 15px;
text-decoration:none;
font-size:15px;
}
.demoButtons a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
border:2px solid #000000;
border-radius:6px 6px; -moz-border-radius:6px 6px 6px 6px; -khtml-border-radius:6px 6px 6px 6px; -webkit-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px;
background:#d17f1e none repeat scroll 0 0;
color:#000000;
text-decoration:none;
font-size:15px;
}

.comment-bubble {display:none;}{
float:right;
width:32px;
height:32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_hA3SC0opTNnyLJBrPdNfZeP3p9Odq31auEaHXxoazWYUf_lFn5VnCrjD0VH8YhX_szlqg3H3mmU8Ct3AzhdRcKPziuZvZXhv3H2xlsco4RJA509PGMUCw46Qxkvg9pK0Rod0wC8WRObB/s0/comments-icon%25252Bcopy.png) no-repeat;
font-size:14px;
margin-top:0;
margin-right:5px;
text-align:center;
}

#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#1e05d8}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #1e05d8;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#1e05d8}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsZs54EvogGR4Q6ywX_MUz1hyphenhyphenzzrSt5LKN9MQEa9OgxfTcUvS9K15kYtefuiVcS-6TdiNHSMzo-_Z58cGukjUDezqidIzQT5jgFYw7rvXuAzs3aHvgCXWfqcLubefAZFHnfZcZw7VhfFeq/s0/picresized_1338990142_comment-author-blue.gif);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}

.PopularPosts .item-title {
display:none;
}
.PopularPosts .widget-content ul li {
background: none repeat scroll 0 0 transparent;
float: left;
list-style: none outside none;
margin: 10px 0 0 !important;
padding: 0 !important;
}
.PopularPosts .item-thumbnail {
margin: 0 8px !important;
}
.item-thumbnail img {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 5px solid #333;
height: 93px;
padding: 3px;
width: 93px;
}
.PopularPosts .item-title {
display:none;
}
.PopularPosts .widget-content ul li {
background: none repeat scroll 0 0 transparent;
float: left;
list-style: none outside none;
margin: 10px 0 0 !important;
padding: 0 !important;
}
.PopularPosts .item-thumbnail {
margin: 0 8px !important;
}
.item-thumbnail img {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 5px solid #E9EAF5;
height: 115px;
padding: 3px;
width: 115px;
}
.item-thumbnail img:hover {
border:5px solid #0000ff;
-webkit-border-radius:55px;
-moz-border-radius:55px;
-o-border-radius:55px;
border-radius:55px;
}
#btt_like_and_read{display:none;}

وسلامتكم

صاحب المدونه : صفحات هايف

اهلا وسهلا فيكم معنا بالمدونه البسيطه ""

HaYeF صفحات

كود استايل NewMagazine

صاحب المدونه : صفحات هايف

0 التعليقات :

إرسال تعليق

كود استايل NewMagazine

صاحب المدونه : صفحات هايف

مواضيع مشابهة

0 التعليقات :

إرسال تعليق