دروس التربية المدنية سنة سابعة أساسي. كل دروس سنة 7 اساسي في التربية المدنية يمكنكم تحميلها بصيغة pdf . 📘 دروس التربية المدنية سنة 7 اساسي 📚 دروس الثلاثي الاول 📚 دروس الثلاثي الثاني ⬅️ العودة لصفحة السنة الثامنة أساسي .subjects-box { max-width: 700px; margin: 20px auto; padding: 20px; background: #f9fafc; border-radius: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); font-family: "Cairo", sans-serif; direction: rtl; text-align: right; } .subjects-box h2 { margin-bottom: 20px; font-size: 22px; color: #1e3a8a; line-height: 1.6; text-align: center; } .subjects-box h2 span { display: block; font-size: 18px; color: #2563eb; font-weight: normal; margin-top: 5px; } /* القائمة البسيطة */ .simple-list { list-style: none; padding: 0; margin: 0; } .simple-list li { margin: 12px 0; border-radius: 12px; overflow: hidden; transition: transform 0.3s ease; background: linear-gradient(135deg,#3b82f6,#1e40af); } .simple-list li a { display: block; padding: 14px; font-size: 18px; font-weight: bold; text-decoration: none; color: #fff; transition: all 0.3s ease; } .simple-list li:hover { transform: translateY(-5px); } .simple-list li a:hover { opacity: 0.9; } .simple-list li a:visited { background: #4b5563 !important; color: #f9fafc; position: relative; } .simple-list li a:visited::after { content: " ✅"; font-size: 16px; margin-right: 6px; } /* زر العودة */ .back-btn { margin-top: 25px; text-align: center; } .back-btn a { display: inline-block; padding: 12px 20px; font-size: 18px; font-weight: bold; color: #fff; background: linear-gradient(135deg,#2563eb,#1e3a8a); border-radius: 12px; text-decoration: none; transition: background 0.3s ease; } .back-btn a:hover { background: linear-gradient(135deg,#1e40af,#1e3a8a); } /* القائمة المنسدلة */ .dropdown { position: relative; display: inline-block; margin: 10px 0 20px; } .dropbtn { background: linear-gradient(135deg,#16a34a,#065f46); color: white; padding: 12px 20px; font-size: 18px; font-weight: bold; border: none; border-radius: 12px; cursor: pointer; transition: background 0.3s; } .dropbtn:hover { background: linear-gradient(135deg,#15803d,#064e3b); } .dropdown-content { display: none; position: absolute; right: 0; background: #f1f5f9; min-width: 250px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); border-radius: 12px; z-index: 1; overflow: hidden; } .dropdown-content a { color: #333; padding: 12px 16px; text-decoration: none; display: block; transition: background 0.3s; } .dropdown-content a:hover { background: #1e3a8a; color: #fff; } .dropdown:hover .dropdown-content { display: block; }
