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

آخر الأخبار

جاري التحميل ...

مذكرة نحو للصف الرابع الابتدائي ترم اول 2017

عن الكاتب

المنهج الجديد المنهج الجديد

التعليقات



إذا أعجبك محتوى مدونتنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...

إتصل بنا

جميع الحقوق محفوظة

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

2016

.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; }