كود استايل Gallery Blue

مشاهدات الان

التطبيق لقوالب الرسمية بمسح الموجود واضافه هذ

البحث عن

]]></b:skin>

فوقه

body {
background:#fff url(http://2.bp.blogspot.com/--A7_Y0IirBI/T0Nr3r_V9CI/AAAAAAAAAmw/VrqsMewPQcQ/s000/bg1.png) repeat;
color: #858a8f;
font: 12px Verdana;
margin:0;
text-align:center;
}
a {
color: #28a2cb;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
color: #096482;
}

/* Header
-----------------------------------------------
*/
#navbar-iframe {
display:none;
}
#header-wrapper {
height:190px;
margin:0 auto;
width:970px;
border-bottom:1px dotted #bbb;
}
#header {
color:#FFFFFF;
text-align:left;
width:220px;
float:left;
height:135px;
overflow:hidden;
}
#header h1 {
margin:5px 5px 0;
padding:30px 5px 5px;
line-height:1.2em;
text-transform:Normal;
font-size:2.7em;
color:#00bfff;
font-family:'Abel',Verdana;
font-weight:bold;
}
#header a {
text-decoration:none;
color:#000000;
}
#header .description {
margin:0 0 5px;
line-height: 1.4em;
color: #28a2cb;
font-size: 13px;
font-weight:bold;
text-transform: Normal;
padding-left:13px;
font-family:'Abel',Verdana;
}
#header img {
margin-left:auto;
margin-right:auto;
margin-top:25px;
}

/* Top Banner
-----------------------------------------------
*/
.ad {
margin:0;
padding:0;
text-align:center;
}
#top-widget {
float:right;
margin-top:23px;
margin-right:0px;
width:728px;
height:90px;
background:#fff;
border:1px solid #bbb;
padding:0px;
}

/* Menu Links
#Topnav {
height:35px;
margin-left:-18px;
width: 999px;
list-style: none;
color: #787c70;
font-family :Tahoma,Helvetica,serif;
line-height:35px;
font-size:11px;
font-weight: bold;
text-transform: uppercase;
background:#000 url(http://4.bp.blogspot.com/--0LdXgY7MHU/T0Nr3-5JfEI/AAAAAAAAAm4/84yGP4vXM2g/s000/nav_bg.png) repeat;
height:50px;
padding-left:15px;
}

#Topnav ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}

#Topnav a {
display: block;
line-height: 58px;
line-height: 16px;
padding: 17px 17px 11px;
color: #fff;
}

#Topnav li:hover, #Topnav li.sfhover1 {
cursor: pointer;
}

#Topnav li:hover span, #Topnav li.sfhover1 span {
color: #fff;
}

#Topnav li {
float: left;
}

/* Style drop down list */

#Topnav li ul {
position: absolute;
width: 1em;
width: 150px;
left: -999em;
z-index: 10;
border: 1px solid #2aa0c6;
border-width:0px 1px 1px;
background:#31b0d9;
margin-top:4px;
}

#Topnav li li {
}

#Topnav li:hover ul, #Topnav li.sfhover1 ul {
left: auto;
}

#Topnav li ul li a {
color: #fff;
font-family :Tahoma,Helvetica,serif;
line-height:35px;
font-size:11px;
font-weight: bold;
text-transform: uppercase;
width: 110px;
padding: 0 20px;
}

#Topnav li ul li a {
}

#Topnav li ul li a:hover {
background: #2aa0c6;
color:#fff;
}

#Topnav li ul ul {
margin: -35px 0 0 188px;
border-width:1px;
}

#Topnav li:hover ul ul, #Topnav li.sfhover1 ul ul {
left: -999em;
}

#Topnav li:hover ul, #Topnav li li:hover ul, #Topnav li.sfhover1 ul, #Topnav li li.sfhover1 ul {
left: auto;
}

/* IE Fix */

#Topnav li:hover, #Topnav li.hover {
position: static;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 970px;
margin: 0 auto;
text-align:left;
}
#cwrapper {
width: 970px;
margin-top:35px;
}
#main-wrapper {
width: 640px;
float: left;
word-wrap: break-word;
overflow: hidden;
}

/* Posts
h2.date-header {
margin:1.5em 0 .5em;
display:none;
}
.post {
width: 255px;
height:228px;
float: left;
padding-bottom:15px;
padding-left:21px;
padding-right:15px;
padding-top:10px;
background:none;
margin-right:13px;
margin-left:10px;
background:url(http://3.bp.blogspot.com/-Cy5PWGach2g/T0Nr4C7TtiI/AAAAAAAAAnA/k_eJC1staQM/s000/postbg.png) no-repeat;
}
.post h3 {
background:none;
margin:5px 0 0 0px;
font-size: 14px;
text-align:left;
padding:5px;
padding-left:5px;
overflow:hidden;
height:25px;
width:230px;
font-family: Abel,Georgia;
}
.post h3 a {
color: #666;
text-decoration: none;
}
.post img {
padding:2px;
border: 1px solid #0c0d0f;
width:240px;
background:#fff;
margin-left:2px;
margin-top:0px;
}
.post-body {
font-size: 0px;
overflow:hidden;
height:198px;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
line-height: 1.4em;
font-size: 0.9em;
border-top:2px solid #bbb;
}

/* Comments
#comments {
background: #fff;
margin-right:10px;
margin-bottom: 10px;
padding:25px;
width:570px;
border:1px solid #ccc;
}
#comments a {
text-decoration: none;
}
#comments h4 {
color:#858a8f;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
padding-top:3px;
padding-bottom:3px;
padding-left:10px;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
background:#fff;
border:1px solid #bbb;
}
#comments-block .comment-author {
font-weight:bold;
margin:0.5em 0;
padding-bottom:4px;
padding-left:8px;
padding-top:4px;
}
#comments-block .comment-body {
margin-top:-6px;
padding-left:10px;
padding-top:10px;
}
#comments-block .comment-footer {
font-size:11px;
line-height:1.4em;
margin:-0.25em 0 2em;
padding-bottom:5px;
padding-left:10px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0;
padding-bottom:15px;
font-size:13px;
}
.comment-timestamp {
float: right;font-weight:bold;margin-top:-15px;
}
.avatar-image-container {
background: url(http://3.bp.blogspot.com/-uQhPFpQLgAQ/T0Nr4auKajI/AAAAAAAAAnI/-jurd_QpGv8/s000/avatar.jpg) no-repeat scroll center center;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float:left;
background:#fff;
border:1px solid #aaa;
padding:5px;
}
#blog-pager-older-link {
float:right;
background:#fff;
border:1px solid #aaa;
padding:5px;
}
#blog-pager-Home-link {
float:right;
background:#c0c2c4;
border:1px solid #fff;
padding:5px;
}
#blog-pager {
text-align:center;
height:20px;
padding:10px;
background:none;
}
.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content

#sidebar-wrapper {
margin: -10px 15px 0 0;
padding:0px;
width: 300px;
display:inline;
overflow:hidden;
float:right;
border-bottom:1px dotted #bbb;
}

#sidebar-wrapper a { }

#sidebar {
margin: 0 auto;
position:relative;
padding:0;
}

.sidebar h2 {
height:32px;
color: #067296;
font-family :Tahoma,Helvetica,serif;
line-height:35px;
font-size:13px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 3px;
background:#fff;
border-bottom:3px double #00bfff;
border-top:3px double #00bfff;
padding-left:15px;
margin-bottom:20px;
}

.sidebar .widget {
position: relative;
width: 300px;
padding-bottom:15px;
}

.sidebar .widget-content {
margin:0;
}

.sidebar ul {
list-style-type: none;
margin: 0 0 0 0px ;
padding: 0;
}

.sidebar li {
color:#000;
text-decoration: none;
margin-bottom:5px;
line-height:15px;
border-bottom: 1px dotted #bbb;
background:transparent url(http://4.bp.blogspot.com/-9xSIaOKwqWQ/T0Nr4eFvLKI/AAAAAAAAAnQ/u-hBlhuK8gs/s000/bulled.png) no-repeat scroll left center;
padding:0 0 10px 15px;
font-family: Abel,Arial;
font-size: 13px;
}

.sidebar li a:link, .sidebar li a:visited {
color:#000;
text-decoration: none;
font-weight:500;
}

.sidebar li a:hover {
color: #39b3e6;
}

.sidebar img {
border:1px solid #282a2d;
padding:3px;
}

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

/* Footer
#footer {
clear: both;
padding: 20px 0;
height: 15px;
font-size: 0.9em;
}
#footer .wrapper {
width: 984px;
margin: auto 129px;
text-align: left;
color: #999;
border-top:1px dotted #282a2d;
padding:15px;
background:#000;
}
#footer p {
color: #ffffff;
}
#footer a {
color: #fff;
}
#footer p.l {
float: left;
color:#3bc0eb;
}
#footer p.r {
float: right;
}

/* Post page

.single {
background: #fff;
margin-bottom: 10px;
margin-right:10px;
padding:25px;
width:570px;
color: #777;
font-family:Arial,verdana;
font-size:14px;
border: 1px solid #ccc;
}
.single .post-body-2 {
font-size:11.5px;
line-height:20px;
border-top:1px solid #bbb;
margin-top:15px;
padding-top:10px;
}
.single img {
margin:5px;
max-width:550px;
border:1px solid #ccc;
padding:2px;
background:#fff;
}
.single h3 {
font-size: 20px;
font-family:Abel,Arial;
margin-top:-10px;
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid #bbb;
}
.single h3 a {
color: #666;
text-decoration: none;
}
.single ul, .single ol {
list-style-position: inside;
margin-bottom: 10px;
}
.single li {
line-height: 1.5em;
padding: 2px 0;
}
.single blockquote {
padding: 10px 10px 5px;
margin-bottom: 10px;
background-color: #eeeeee;
border-width: 1px 0;
border-style: solid;
border-color: #e0e0e0;
}

/* Navigation
.navigation {
background:#F7F6F6;
float:left;
width:600px;
}
.navigation a {
text-decoration:none;
}
.navigation a:hover {
text-decoration:underline;
}
body#layout .box {display:none;}
body#layout .search {display:none;}

.podn {
height:18px;
}
.category1 {
padding-left:20px;
background: url("http://1.bp.blogspot.com/-nhP3qFMab58/T0Nr4lCyaGI/AAAAAAAAAnY/-zs6F-UzQ3c/s000/tag.png") no-repeat scroll left;
margin-left:15px;
font-size:11px;
}
.category1 a {
color:#ef9237;
}
.subs {
padding-left:20px;
background: url("http://2.bp.blogspot.com/-xAI4Ll-nGyM/T0Nr4kzGYuI/AAAAAAAAAng/XpSMreNDyI4/s000/tweet.png") no-repeat scroll left;
margin-left:20px;
font-size:12px;
}
.subs a {
color:#86c3e7;
}
.subs1 {
padding-left:20px;
background: url("http://4.bp.blogspot.com/-bVD3rzo9vYI/T0Nr47wHz3I/AAAAAAAAAno/kkKwNNjKkWY/s000/delicious_16x16.gif") no-repeat scroll left;
margin-left:20px;
font-size:12px;
}
.subs1 a {
color:#3b5998;
}

/* Page Navigation
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
color:#888;
font-weight: bold;
border:1px solid #bbb;
border-radius:2px;
background:#fff;
}
.showpageOf {
margin:0 8px 0 0;
color:#999;
}
.showpageNum a:hover {
border:1px solid #bbb;
border-radius:2px;
color:#888;
font-weight: bold;
text-decoration: none;
background:#fff;
}
.showpagePoint {
color:#888;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
border:1px solid #bbb;
background:#fff;
border-radius:2px;
text-decoration: none;
}

#subscribes {
float: right;
margin-right:5px;
margin-top: -38px;
position: relative;
border-radius:0px;
}

#subscribes a {
padding-left:5px;
}

/* search*/
#search input,#searchform input{border:none;background:none;margin-left:30px;margin-top:-7px;color:#858a8f;}
#search label,#searchform label {
margin:5px 0 5px 0;
padding:4px 0 4px 0;
font:bold 13px Verdana;
text-transform:uppercase;
color:#858a8f;
display:block
}

#s {
width:226px;
padding:6px;
height:35px;
}

#searchsubmit{height:32px;
border:0 none;cursor:pointer;width:32px;
margin-top:0px;}

#topsearch{background:url(http://2.bp.blogspot.com/-HyYGHkvW7QU/T0Nr5CC5-6I/AAAAAAAAAnw/74FuuhoDVT4/s000/search.png) no-repeat;padding:5px;overflow:hidden;margin:6px 0px;margin-bottom:20px; }
#topsearch input{}
#topsearch label{display:none}
#topsearch #s{width:185px;padding:4px}