مدونه ملزمة التعليمية

.post ol{ counter-reset: li; list-style: none; *list-style: decimal; border: 1px dashed #ea7e1c; padding: 0; margin-bottom: 4em; text-shadow: 0 1px 0 rgba(255,255,255,.5); } .post ol li{ position: relative; display: block; padding: .4em .4em .4em .8em; *padding: .4em; margin: .5em 0 .5em .5em; text-decoration: none; } .post ol li:before{ content: counter(li); counter-increment: li; position: absolute; top: 50%; display: block; margin-top: -1em; margin-left: .5em; background: #ea7e1c; /* background color of the numbers */ color: #ffffff; font-family: monospace; height: 2em; width: 2em; line-height: 2em; text-align: center; font-weight: bold; } .ol-list-title { font-size: large; font-family: Droid Arabic Kufi; background: #ea7e1c; color: white; padding: 25px; margin-top: 21px; display: block; } /* Custom Button */ .whitebutton { margin: 20px auto; padding: 20px 0; width: 200px; } .whitebutton a { background: #ea7e1c; color: #fff; display: block; font-size: 17px; font-weight: 700; font-family: 'Droid Arabic Kufi',Verdana,sans-serif; height: 50px; line-height: 50px; text-align: center; text-decoration: none; text-transform: uppercase; width: 200px; position: relative; z-index: 2; } .whitebutton a:before { content: '\f019'; font-family: FontAwesome; font-weight: normal; padding: 8px; margin-left: -90px; margin-right: 30px; } .whitebutton span { background: #444; color: #fff; display: block; font-size: 12px; font-family: 'Droid Arabic Kufi', Verdana,sans-serif; height: 40px; line-height: 40px; text-align: center; width: 200px; z-index: 1; text-transform: uppercase; font-weight: bold; } .whitebutton .up { background: #e25734; margin: -25px auto; opacity: 0; border-radius: 0 0 5px 5px; transform: translate(0,-50px); transition: 350ms; } .whitebutton .down { margin: -30px auto; opacity: 0; border-radius: 5px 5px 0 0; transform: translate(0,-50px); transition: 350ms; } .whitebutton .down:before { content:'\f14a'; font-family: FontAwesome; font-weight: normal; margin-left: -6px; color: #aaa; } .whitebutton:hover .up { opacity: 1; transform: translate(0,0); } .whitebutton:hover .down { opacity: 1; transform: translate(0,-90px); } .whitebuttondemo { margin: 20px auto; padding: 20px 0; width: 200px; } .whitebuttondemo a { background: #e25734; color: #fff; display: block; font-size: 17px; font-weight: 700; font-family:'Droid Arabic Kufi',Verdana,sans-serif; height: 50px; line-height: 50px; text-align: center; text-decoration: none; text-transform: uppercase; width: 200px; position: relative; z-index: 2; transition: 350ms; } .whitebuttondemo a:before { content:'\f002'; font-family: FontAwesome; font-weight: normal; padding: 8px; margin-left: -90px; margin-right: 30px; } .whitebuttondemo a:hover { color: #fff; } .whitebuttondemo span { background: #444; color: #fff; display: block; font-size: 12px; font-family: 'Droid Arabic Kufi', Verdana,sans-serif; height: 40px; line-height: 40px; text-align: center; width: 200px; z-index: 1; text-transform: uppercase; font-weight: bold; } .whitebuttondemo .up { background: #444; margin: -25px auto; opacity: 0; border-radius: 0 0 5px 5px; transform: translate(0,-50px); transition: 350ms; } .whitebuttondemo:hover .up { opacity: 1; transform: translate(0,0); } blockquote,q { background: #f9f9f9; border-right: 6px solid #ea7e1c; font-family: 'Droid Arabic Naskh', serif; margin: 1.5em 10px; padding: 1.5em 25px; quotes: "\201C""\201D""\2018""\2019"; } blockquote:before,q:before,blockquote:after,q:after, { color:#ccc; content:open-quote; font-family: cambria, Georgia; font-size:4em; line-height:.1em; margin-right:.25em; vertical-align:-.4em; }

مدونه ملزمة التعليمية

آخر الأخبار

حاسب الي للصف الثالث الاعدادي 2017

ظهرت الأن وتم أعلان نتيجة الشهادة الابتدائية والاعدادية الترم الاول نصف العام 2016-2017 برقم الجلوس والأسم في محافظات مصر