مشوار

/*********************/ /* S T R U C T U R E */ /*********************/ #container { width: 955px; margin: 0 auto; text-align: justify; } #headerarea { width: 955px; height: 190px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyEM6LMJ04mPdenssq9OBFgYQEg_ZOC5U_M8Kjp4zIgg6gNj_NuKe59-I2uiSa0zj39RYTJi9rVtzXpOkovYPxFbOUwkczK3Q0IN-TQo7xqatX8Db5hXoUHQjYMELo2fKAHDMykfEPE82o/s1600/header.jpg) no-repeat; } /*wraps content and sidebar*/ #wrapper { float: left; width: 100%; position: relative; } #sidebar { float: left; width: 260px; height: auto; padding: 20px 0 0px 0px; display: inline; } #content { float: right; width: 675px; height: auto; padding:20px 0 20px 0; } /*********************/ /* H E A D E R */ /*********************/ .logo { float: left; width: 250px; height: 40px; margin: 20px 0 0px 0px; display: inline; background-color: yellow; } /*top menu*/ ul#nav { float: right; width: 670px; height: 33px; list-style: none; margin: 10px 0 0 0; height: 33px; font-size: 12px; font-weight: normal; text-transform: uppercase; } ul#nav li { float: right; /*background: #CCE7F7; */ padding: 8px 0 8px 12px; margin-right: 1px; } ul#nav li a { text-shadow:0 1px 0 #477e8b; /*background: #CCE7F7 ; */ padding: 8px 12px 8px 0; color: #f0efbe; } ul#nav li:hover, ul#nav li.current_page_item { text-shadow:0 1px 0 #477e8b; } ul#nav li:hover, ul#nav li.current_page_item { color: #f0efbe; text-shadow:0 1px 0 #477e8b;} ul#nav li a:hover, ul#nav li.current_page_item a {text-shadow:0 1px 0 #477e8b;} ul#nav li a:hover, ul#nav li.current_page_item a {text-shadow:0 1px 0 #477e8b; color: #f0efbe; } /*bottom menu*/ ul#cat { float: right; width: 670px; height: 35px; line-height:35px; list-style: none; margin: 23px 0 0 15px; font-size: 12px; font-weight: normal; text-transform: uppercase;text-shadow:0 1px 0 #2c2f35; } ul#cat li { margin:0 15px 0 0; display:inline; } ul#cat li a { color: #E1F0E9;text-shadow:0 1px 0 #4a4e55; } ul#cat li:hover, ul#cat li.current-cat { color: #E1F0E9; text-shadow:0 1px 0 #4a4e55;} /*bloginfo*/ .bloginfo{float:right; width:750px; height:70px; margin:5px 0 0 10px;} .bloginfo h1{font-family:traditional arabic, arial; font-size:40px; font-weight:bold; text-transform:uppercase; color:#E1F0E9;color:#000} .bloginfo p{ font-size:13px; color:#D0E580;} /*rss*/ a.rss{float:left; width:130px; height:70px; margin:50px 0 0 0; padding:0 60px 0 0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVoM6nYg6jueqylZt2l6VlBLODZBoeyO4bidvb786rJIvCdBd-vtiRiblmYUznAudW83Lq5A2e8IaG4GQU6WS9ZNHM10XiO3c-AmVu77kyKFzhLFjZRFuRdwVxSZhB0gYsgJkZrKyl4OlX/s1600/rss.png) no-repeat right top; line-height:70px; font-size:14px; color:#D0E580; text-shadow:0 1px 0 #4a4e55;text-align:right;} /*********************/ /* S I D E B A R */ /*********************/ .widgetsidebar { width: 260px; height:auto; margin: 0px 0 10px 0; text-align: left; overflow: hidden; } .widgetsidebar h2 { width: 256px; height:30px; text-align: center; font-family: traditional arabic, arial; font-size: 18px; line-height:30px; color: white; text-transform:lowercase; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8t5GTyfPps6Vw4ipGlvv8u4woe4-jWGHoIoV2c_P5GkMCFpFW-fMoCcbMgNtf66mp_UmK-Ql4KmPqMVTGVZ5kve_971RPW46Mxe6oeg7G0SfzwBHt5uLcT-3uHY3F8zTZAO0_ojMZKuVu/s1600/widget-h2.png) no-repeat right top;} .widgetsidebar .widget-content { width:226px; margin: 15px 0 10px 0; padding:15px 15px 15px 11px; list-style-type: none; font-size:12px; color: black; text-align: left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8fRMnNnCBU4HqoHlIKO20RrqV_PlJHM6rkFlaYJv2rsLIr3qbcDpaIRm93vHiy5XbFaQ71hG6Auy6aWd-K0ur04omecCw_c4u5uyRJC3dxaZEoisNTLVAz4tfcMSV8VDrVwoC1L1ZF3fr/s1600/widget-bg.png) no-repeat top; background-color:white; -moz-border-radius:12px;-moz-box-shadow:0 0 5px #cacaca;} .widgetsidebar ul { margin:0px; } .widgetsidebar ul li, .widgetsidebar li { padding:5px; text-decoration: none; font-weight: normal; color: #4c829f; line-height: 18px;list-style-type: none; color: black; margin-left: 10px; } .widgetsidebar ul li a:hover, .widgetsidebar ul li a:active, .widgetsidebar li a:hover, .widgetsidebar li a:active { background:#dfdfdf; } /*********************/ /* P O S T */ /*********************/ .post-content { width: 630px; margin: 0px 0px 10px 0px; padding:15px 15px 15px 15px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivpFraX4Su-cYtispPHHhGinT2kC3FWsDyZnVI9J0DP3UtLb7gRwjanz5rxxWlfEaUieJknrvQ6s13CdXbmpyfSue8wKVItTh3BUorU0ZguUCIjL18BqzTnPOtOQPea_BWA_gM7XLQXK2w/s1600/bg-post.png) repeat-x top; background-color:white; } .post-content h1{ font-family: traditional arabic, arial; font-size: 24px; font-weight:bold; } .post-content .meta{display:block; margin:5px 0 0 0; font-size:12px; color:#4c829f; } .post-entry { margin:10px 0 0 0; font-size: 13px; line-height:20px; } .post-entry p{ padding: 5px 0 5px 0; } .post-entry ul { padding: 5px 0 .5px 20px; } .post-entry ol { padding: 5px 0 .5px 20px; } .post-entry img { margin: 5px 5px 5px 5px; padding: 0 0 0 0; } .navpages { font-size: 14px; width: 630px; height:30px; line-height:30px; margin: 0px 0px 10px 0px; padding:15px 15px 15px 15px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivpFraX4Su-cYtispPHHhGinT2kC3FWsDyZnVI9J0DP3UtLb7gRwjanz5rxxWlfEaUieJknrvQ6s13CdXbmpyfSue8wKVItTh3BUorU0ZguUCIjL18BqzTnPOtOQPea_BWA_gM7XLQXK2w/s1600/bg-post.png) repeat-x top; background-color:white; /*fixes nav bottom in IE*/ } /* S E A R C H */ #searchform { float:left; width: 254px; height: 55px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiKdzkDdauZdGmGxL_MdWaB0mvYoIfDx17uucxbU52NYrEDzcc5JSSja_2_sIsNQDmDJuJf9DdvgjRhutp_QMoMZQzTnddW9IQIP1E20fZe8lp18Kec-VxxloMSgl_LPKPvuLzKxVEty3L/s1600/searchbox.png) no-repeat;} #searchfield { float: right; width: 192px; height: 15px; margin: 10px 70px 0px 0px; padding: 2px 2px 0px 2px; font-size: 12px; background: none; border: none; display: inline; color:white;} #searchsubmit { float: right; height: 35px; width: 35px; margin: 2px 10px 0 0px; color: #FFFFFF; background: transparent; border: 0px none; cursor: pointer;} h3.search{font-size: 14px; width: 630px; height:30px; line-height:30px; margin: 0px 0px 10px 0px; padding:15px 15px 15px 15px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivpFraX4Su-cYtispPHHhGinT2kC3FWsDyZnVI9J0DP3UtLb7gRwjanz5rxxWlfEaUieJknrvQ6s13CdXbmpyfSue8wKVItTh3BUorU0ZguUCIjL18BqzTnPOtOQPea_BWA_gM7XLQXK2w/s1600/bg-post.png) repeat-x top; background-color:white; /*fixes nav bottom in IE*/ color:#4c829f;} /*********************/ /* F O O T E R */ /*********************/ .footer-links{ display:block; width:896px; height:25px; margin:0px auto 0 auto; padding:25px 15px 0 15px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmo6cAqWgUzJmcmaSy8Py1-uF6i-AhGrOwWA61HiZH3YyARRQ0WZHKl9Z0L7gpBk1YkFub2Larz_zj5Sy2V5sz0uNLmQPsaN70y8rUeqT1LH9PttVKu6lUT1bnLJIB51207QEIlOZVtTrP/s1600/footer-line.png) no-repeat 0 15px; font-size:11px; color:#6F8FA6; clear:both;} .footer-links a { color:#6F8FA6;} .footer-links a:hover, .footer-links a:active{ text-decoration:underline;} /*********************/ /* C O M M E N T S */ /*********************/ ol.commentlist { list-style:none; margin:0 20px 0 20px; padding:0; } ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 10px; position:relative; } ol.commentlist li.pingback comment-author { padding:0 170px 0 0; } ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; } ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; } ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; } ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; } ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; } ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; } ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; } ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 20px; font-family: tahoma,arial,sans-serif; margin:5px 0 12px; } ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; } ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px; text-align:center; width:36px; } ol.commentlist li div.reply:hover { background:#3A515F; border:1px solid #004080;; } ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; } ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; } ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; } ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; } ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; } ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; } ol.commentlist ul.children li.odd { background:#fff; } ol.commentlist ul.children li.even { background:#f6f6f6; } ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; } #commentform { margin:0 0 0 30px; font-size:12px;} #commentform p { line-height:30px;} #commentform #comment{width:450px; margin:10px 0 0 0; } h3#comments, #respond h3{font-size:18px; font-weight:normal; margin:5px 0 5px 20px;} /*********************/ /* H O M E P A G E */ /*********************/ .home-featured{ display:block; width:670px; height:270px; margin:0px auto 20px auto; background-color:#3A515F; border:1px solid #0062c4;} .home-post{float:right; width:303px; height:211px; margin:0 0 15px 0; padding:15px 12px 15px 22px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRBVduY1tCEkhuViW2VxIk0eXz_LX_v9Y-1Wic4P6BxwXdhbyl603TgNBFPaOfxqo__sgBPb1ImgaFKUxDL48HMoWcNgVYAF8cG09y5zVaoxUy_RI2IS2JOD0FxCFrIJPdGNfj_LRir8p3/s1600/home-post.png) no-repeat;overflow:hidden;} .home-post h1 a{text-shadow:0 1px 0 #fff;display:block; font-family: traditional arabic, arial; font-size:20px; font-weight:700; line-height:26px; color:#2B4659; text-decoration:none;} .home-post .meta{display:block; margin:5px 0 0 0; font-size:11px; color:#585858; text-shadow:0 1px 0 #fff;} .home-post .content { font-family:tahoma; display:block; margin:10px 0px 0 5px; width:282px; height:125px; font-size:13px; line-height:15.5px; color:#2B4659; clear:both;overflow:hidden;} .home-post .readmore a{float:right; position:relative; width:96px; height: 25px; right:5px; top:23px; bottom:-5px; line-height:25px; text-align:center; font-size:11px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik4b7ZRCX5gEJZaxZszRBD057CY-CJHrh4FzPfBeZLUey49nFttKFSKylYmj1BSmH_uaA4mruMnSHD9XVGrHkbwUIV01R9yNyIlysNkkeAGRx8HbLpcSJREAtPHIxxGQCw4l-e_Mh9WwTD/s1600/bg-readmore.png) no-repeat; color:#2B4659;} /* clearfix */ .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear { min-width: 0; display: inline-block; /* \*/ display: block; } * html .clear { /* \*/ height: 1%; } .avatar-image-container avatar-stock img,.avatar-image-container img{float:left;width:40px;height:40px;} .avatar-image-container{background:#FFF;padding:5px;float:left;width:40px;height:40px;margin-right:10px;} #blog-pager-newer-link{float:left;margin-top:10px;} #blog-pager-older-link{float:right;margin-top:10px;} #blog-pager{float:left;width:100%;} .quickedit{display:none} -->

مشوار

جديد القوالب المعربة

أرشيف المدونة

0 التعليقات:

إرسال تعليق