مجموعة هامة من دروس وملخصات التربية المدنية السنة الثانية متوسط. يمكنكم تحميل الملفات بروابط مباشرة من موقعنا. دروس وملخصات التربية المدنية السنة الثانية متوسط 📚 ملخص دروس الفصل الثاني .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; } ↩️ العودة لصفحة التربية المدنية 2 متوسط /* تنسيقات زر العودة */ #back-button { display: block; margin: 30px auto; padding: 12px 25px; background: white; color: #3498db; border-radius: 12px; text-align: center; font-weight: bold; text-decoration: none; width: fit-content; font-size: 16px; border: 2px solid #3498db; animation: pulse 2s infinite; } #back-button:hover { background: #3498db; color: white; transform: scale(1.05); } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(52, 152, 219, 0); } 100% { box-shadow: 0 0 0 0 rgba(52, 152, 219, 0); } }
