Shade: Wrath of Angels

style> Type='text/css'> # sidebar-subscribe-box { background: défiler 0 0 transparent; border: 1px solid # aaa; :; border-radius 3px ; 3px 0: padding } sidebar-subscribe-boîte-wrapper {. arrière-plan: défiler 0 0 # F7f7f7; color: # 111; font-size: 14px; line-height: 20px; padding: 10px 1px 20px; text-align: center; text-transform: uppercase; } . sidebar-subscribe-forme de boîte { clear: both; display: block; margin: 10px 0; } Form.sidebar-subscribe-box-forme { clear: both; display: block; margin: 10px 0 0; width: auto; } . sidebar-subscribe-boîte -email-champ { -moz-border-radius: 4px; -le webkit-border-radius: 4px; background: # fff 0-27px; border: 1px solid # ccc; border-radius: 4px; color: # 444; margin: 0 0 15px; padding: 10px 40px; width: 68%; } . sidebar-subscribe-boîte-email-button { background: # 09F; border: 1px solid # 007fff; box-shadow: 1px 0 0 RGBA (255,255,255,0.3) encart, 0 1px 0 transparent; color: # fff; cursor: pointer; font-family: Helvetica; font-weight : 700; font-size: 20px; padding: 5px; text-shadow: 0 1px 1px RGBA (0,0,0, 4); text-transform: uppercase; width: 100%; } . sidebar-subscribe-boîte -email-bouton: hover, sidebar-subscribe-boîte email bouton: focus {. background: # 1ca4ff; } . sidebar-subscribe-boîte email bouton: actif { -moz-box-shadow: 0 1px 4px RGBA (0,0,0,0.5) encart; -le WebKit-box-shadow: 0 1px 4px RGBA (0,0,0,0.5) encart,; box-shadow: 0 1px 4px RGBA (0,0,0,0.5) encart, contour: 0; } iframe, objet, Insérer yt-frontière iframe, objet yt-frontière, yt-frontière embed table {... width: 100%; } {Embed border-radius: 3px; -moz- box-shadow: 0 2px 4px RGBA par (0,0,0,0.2); la -webkit-box-shadow: 0 2px 4px RGBA par (0,0,0,0.2), le background: # fff; marge: 1px solid # DDD , box-shadow: 0 2px 4px RGBA par (0,0,0,0.2), le margin: 0; padding: 4px 4px 4px; } # footer-section { background: # f5f5f5 en haut à gauche; border-top: 1px solid # aaa; box-shadow: encart 0 4px 6px-3px # AAA; font-size: 14px; hauteur: 100px; margin: 5px 10px-30px; padding: 30px 0; text-align : center; width: 100%; }

type="text/css"> .container { margin: 0px auto; width: 270px; text-align: center; float: center; } .btn-sbm { display: inline-block; vertical-align: top; position: relative; margin: 0 5px; padding-top: 40px; width: 75px; font-weight: bold; text-align: center; text-decoration: none; border-radius: 8px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); } .btn-sbm:active { margin-top: 3px; } .btn-sbm:active .btn-sbm-action { padding-bottom: 3px; -webkit-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15); } .btn-sbm:active .btn-sbm-action:after { bottom: 3px; } .btn-sbm-count { position: absolute; top: 0; left: 0; right: 0; line-height: 40px; font-size: 20px; letter-spacing: -1px; color: #555; text-shadow: 0 1px white; background: #e6eff5; border-width: 1px 1px 0; border-style: solid; border-color: #c5c5c5 #bbb; border-radius: 8px 8px 0 0; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.03) 0%, transparent 40%); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.03) 0%, transparent 40%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.03) 0%, transparent 40%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 0%, transparent 40%); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07); } .btn-sbm-count:before, .btn-sbm-count:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -6px; border: 6px solid transparent; border-top-color: #e6eff5; } .btn-sbm-count:before { margin-left: -7px; margin-top: 1px; border-width: 7px; border-top-color: rgba(0, 0, 0, 0.07); } .btn-sbm-action { display: block; position: relative; line-height: 32px; padding: 2px 0 6px; font-size: 18px; color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); border: solid rgba(0, 0, 0, 0.18); border-width: 0 1px; border-radius: 0 0 8px 8px; } .btn-sbm-action:after { content: ''; position: absolute; top: 0; bottom: 6px; left: 0; right: 0; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.25); box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.25); } .btn-sbm-tweet { background: #83cfe8; background-image: -webkit-linear-gradient(top, #83cfe8, #6ebbd4); background-image: -moz-linear-gradient(top, #83cfe8, #6ebbd4); background-image: -o-linear-gradient(top, #83cfe8, #6ebbd4); background-image: linear-gradient(to bottom, #83cfe8, #6ebbd4); -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15); } .btn-sbm-tweet:after { -webkit-box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.5); box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.5); } .btn-sbm-tweet + .btn-sbm-count { -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.04); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.04); } .btn-sbm-like { background: #6480bd; background-image: -webkit-linear-gradient(top, #6480bd, #3c5894); background-image: -moz-linear-gradient(top, #6480bd, #3c5894); background-image: -o-linear-gradient(top, #6480bd, #3c5894); background-image: linear-gradient(to bottom, #6480bd, #3c5894); -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 -6px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.2); } .btn-sbm-plus { background: #626262; background-image: -webkit-linear-gradient(top, #626262, #404040); background-image: -moz-linear-gradient(top, #626262, #404040); background-image: -o-linear-gradient(top, #626262, #404040); background-image: linear-gradient(to bottom, #626262, #404040); -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3); box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3); }

تويتر 15000+ فايسبوك 650000+ جوجل+ 140+

مدونة العالم الالكتروني

الثلاثاء، 29 أكتوبر 2013

Shade: Wrath of Angels

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

إرسال تعليق

Popular Posts

Blogger templates

Blogger news

Blogroll

Blog Archive

Categories

Sample Text

Sample Text

Sample text

إجمالي مرات مشاهدة الصفحة

التسميات

أقسام المدونة

23/05/2013

تطبيقنا على الأندرويد

Test Footer 2

Social Icons

Social Icons

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

نبذة عني

المتابعون

Popular Posts

Featured Posts