كود استايل 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(http://4.bp.blogspot.com/-tMrjYvzvJhM/UQm9wv2UowI/AAAAAAAABR8/ZjhE35XD-7g/s000/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("http://4.bp.blogspot.com/-tMrjYvzvJhM/UQm9wv2UowI/AAAAAAAABR8/ZjhE35XD-7g/s000/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("http://4.bp.blogspot.com/-tMrjYvzvJhM/UQm9wv2UowI/AAAAAAAABR8/ZjhE35XD-7g/s000/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("http://4.bp.blogspot.com/-tMrjYvzvJhM/UQm9wv2UowI/AAAAAAAABR8/ZjhE35XD-7g/s000/pattern.png");

border:1px solid #eee;

}


.sidebar h2 {

background:url("http://3.bp.blogspot.com/-GzmmPRgqO3k/UQm9w4xFlaI/AAAAAAAABSE/dXhOjmeQ8TQ/s000/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(http://3.bp.blogspot.com/-GzmmPRgqO3k/UQm9w4xFlaI/AAAAAAAABSE/dXhOjmeQ8TQ/s000/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(http://2.bp.blogspot.com/-HpTZEidItXc/UQm9xW4e8_I/AAAAAAAABSM/W0Ts1qjDY6c/s000/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(http://4.bp.blogspot.com/-rGOmfnSSHeg/UQm9x0IeicI/AAAAAAAABSU/TA6bisT46ds/s000/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(http://4.bp.blogspot.com/-mT5oi3qz-7E/UQm9yM9VAuI/AAAAAAAABSc/b3TjaDRVdN4/s000/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(http://2.bp.blogspot.com/-PPwPyJwTB7w/UQm9ybMSxgI/AAAAAAAABSk/wlBWXvAjoKQ/s000/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(http://3.bp.blogspot.com/-WMrnKGXYF7U/UQm9yrnx9MI/AAAAAAAABSs/uRHltTH7aXY/s000/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(http://4.bp.blogspot.com/-r9sSQFzomak/UQm9y8QfREI/AAAAAAAABS0/DMOYBpBidGo/s000/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("http://3.bp.blogspot.com/-GzmmPRgqO3k/UQm9w4xFlaI/AAAAAAAABSE/dXhOjmeQ8TQ/s000/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(http://2.bp.blogspot.com/--v7G1iS3oEA/UQm9zf1mPGI/AAAAAAAABS8/MZ3KLR3ZhoI/s000/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(http://4.bp.blogspot.com/-tMrjYvzvJhM/UQm9wv2UowI/AAAAAAAABR8/ZjhE35XD-7g/s000/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(http://4.bp.blogspot.com/-tMrjYvzvJhM/UQm9wv2UowI/AAAAAAAABR8/ZjhE35XD-7g/s000/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(http://3.bp.blogspot.com/-7T4KbRMxqa0/UQm9z6dxVQI/AAAAAAAABTE/_ecxNlOWzNQ/s000/demo.gif) left bottom no-repeat scroll transparent; display:block; height:30px; text-indent:-9999px; width:266px}

a.livedemo:hover{background:url(http://3.bp.blogspot.com/-7T4KbRMxqa0/UQm9z6dxVQI/AAAAAAAABTE/_ecxNlOWzNQ/s000/demo.gif) left top no-repeat scroll transparent}

a.download{background:url(http://4.bp.blogspot.com/-M60clBx9SAs/UQm90KjOrBI/AAAAAAAABTM/Y2I6WYhg52c/s000/download.gif) right bottom no-repeat scroll transparent; display:block; height:30px; text-indent:-9999px; width:266px}

a.download:hover{background:url(http://4.bp.blogspot.com/-M60clBx9SAs/UQm90KjOrBI/AAAAAAAABTM/Y2I6WYhg52c/s000/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(http://3.bp.blogspot.com/-gaaBLXshwls/UQm90phOF0I/AAAAAAAABTU/wy6FlDCzF2c/s000/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(http://4.bp.blogspot.com/-xXRyzRKawzg/UQm91Ua-jNI/AAAAAAAABTc/jfld4kMIxxw/s000/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;}

وسلامتكم

كود استايل NewMagazine كود استايل NewMagazine Reviewed by صفحات هايف on فبراير 08, 2024 Rating: 5

ليست هناك تعليقات:

يتم التشغيل بواسطة Blogger.