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

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

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

آخر الأخبار

شيتات مناهج اللغة الانجليزية للمرحلة الابتدائية الترم الاول والثانى للغات والمدارس الخاصة وابنائنا فى الخارج

شيتات مناهج اللغة الانجليزية للمرحلة الابتدائية الترم الاول والثانى 2015 للغات والمدارس الخاصة وابنائنا فى الخارج