كود استايل Gallery Blue

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

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

البحث عن

]]></b:skin>

فوقه

body {

background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2m9kZ-7v-eSQDcyv9mbYNrgwge0N1mvJBqTnKZharwV-cystfEziqBdv8E9P0mAmRaLXZgmDttnaRlsWrJhbegR0o-9w1i9WALNkykQu9PD4yyXAX5OnIAH7NXyVuOQrzRbr8qpLiRuk/s0/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNHX6KvH4X_YXkiLqoiFQCZETtasukcUVOe9HBk3k5I69YweIght1y8DGX1rOfHEu_RqGj8Jc5tEUFg2BNlOYnY2AF2B2yipbxo0WNeKmxI3Ec_xWBt2MfklPJpItEMT1TX99cBM96aWY/s0/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiQzaxGXs1mh0VC814CbLM4NOXguU09TV6y4I44nGiftBjZqd81KSi0jIwJEMqSkaEUKkLhrn9pd9J4mgcCqvHNRLetlSF564QM6seZ2cVwnqnbM8BxZNVEeemV74QwbVEPKZ9ovPl3U/s0/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG2SiTqa4278I8ydRP8chSU0hFyrqt3mRIfMzKW0NtlO4tmQ_lG37aGAVyIPZUKBDTIKE_Rs4o4Jh-32UA-JD4o28-seWNdn3HQZzKDYa1zHH3sNXX5sCTiNlf1YZ3zrUr31p_zPsIdK4/s0/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBR2wB5qWjRtDf82V7j5IxF02DiCiIf0CikgAwD3KyG52pa70ouEOI0dOV1iYsGibPEVaNeU8NYLtEIvhXhvTjI00Y2e4IH5qLsooWYtCrD4v9pasaQkw6WVK6vRAbgHyeUvAJtlBqepk/s0/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJmSBZ6RMDLbZxlzFLmxSEZzNNCQCFTvtQqGbcAeG2VrITQQSDXnBhz0AuOO62kQ39xtysOz-lZ_CL2qMnq-Kx4ed1zO5vNoCV9wuUsdcx0tW53CsqVSi3L8jpF9osVcg-0jmtzuNTD2A/s0/tag.png") no-repeat scroll left;

margin-left:15px;

font-size:11px;

}

.category1 a {

color:#ef9237;

}

.subs {

padding-left:20px;

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2EB6ij6EEP0V8Fc2j2gMDozNi7ZMxYUlIqAdYkzFc4Mct8WZKw3PO881iY-Bf9VVOzpjbbuHgdMbmOBO3VgeM9ZoKjJZSgfZbyzR23Z-COFiYY9mLyzfB67EO0wgxmldn_4u9zHzaQ2g/s0/tweet.png") no-repeat scroll left;

margin-left:20px;

font-size:12px;

}

.subs a {

color:#86c3e7;

}

.subs1 {

padding-left:20px;

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKO9QpavQTV-_VAbduw4hJQG2t3wKHu2mgMAV_9xKZGV93jlER7kn19LMPk_a1LdUqH9CzaZGrOpRWVWkh4JWzwGV4ule-5hhtbxIGz0wcHSxK7558tCqLUfHL-kZ0rqTl-0T-hjhy0WY/s0/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC_8DVvP2fqWqcwbj75wsCx2ipq0jaKrzxFhX5HG2HRO05b6O5ahItU5e-mlClaXNWdA2av8B7KrVkfQAiUV7nLv8US4V2k2xUlEx59n0jPwS_IxMmQhyphenhyphentR7YZHC38dlz1zeMUpIBRc1U/s0/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}

وسلامتكم

Share on Google Plus

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

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

0 التعليقات :

إرسال تعليق