صفحهٔ اصلی: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
/* ========================================================= | |||
WIKIDAD HOME | |||
صفحه اصلی دانشنامه حقوقی | |||
========================================================= */ | |||
.wd-home { | |||
direction:rtl; | |||
text-align:right; | |||
max-width:1180px; | |||
margin:0 auto; | |||
color:#37474f; | |||
} | |||
/* ========================================================= | |||
HERO | |||
========================================================= */ | |||
.wd-home-hero { | |||
margin:0 0 34px; | |||
padding:42px 30px 38px; | |||
border-radius:12px; | |||
background:linear-gradient(135deg,#eef6f3 0%,#f7faf9 55%,#eef5f7 100%); | |||
border:1px solid #d8e6e1; | |||
box-shadow:0 5px 18px rgba(55,80,75,.07); | |||
} | |||
.wd-home-hero-content { | |||
max-width:850px; | |||
margin:0 auto; | |||
width | text-align:center; | ||
} | |||
.wd-home-brand { | |||
font-size:38px; | |||
font-weight:900; | |||
color:#245b55; | |||
line-height:1.5; | |||
} | |||
.wd-home-tagline { | |||
margin-top:3px; | |||
font-size:18px; | |||
font-weight:700; | |||
color:#527d77; | |||
} | |||
.wd-home-description { | |||
max-width:700px; | |||
margin:12px auto 24px; | |||
font-size:14px; | |||
color:#64736f; | |||
line-height:2; | |||
} | |||
.wd-home-search { | |||
max-width:680px; | |||
margin:0 auto; | |||
} | |||
.wd-home-search input { | |||
box-sizing:border-box; | |||
} | |||
.wd-home-search-hint { | |||
margin-top:8px; | |||
font-size:11.5px; | |||
color:#7d8986; | |||
} | |||
/* ========================================================= | |||
SECTION | |||
========================================================= */ | |||
.wd-home-section { | |||
margin:0 0 38px; | |||
} | |||
.wd-home-section-title { | |||
font-size:21px; | |||
font-weight:800; | |||
color:#365f59; | |||
margin-bottom:4px; | |||
} | |||
.wd-home-section-subtitle { | |||
font-size:12.5px; | |||
color:#7a8783; | |||
margin-bottom:16px; | |||
} | |||
/* ========================================================= | |||
RESOURCE CARDS | |||
========================================================= */ | |||
.wd-home-resource-grid { | |||
display:grid; | |||
grid-template-columns:repeat(4,minmax(0,1fr)); | |||
gap:12px; | |||
} | |||
.wd-home-resource-card { | |||
display:flex; | |||
gap:12px; | |||
min-height:145px; | |||
padding:17px; | |||
background:#fff; | |||
border:1px solid #e0e7e4; | |||
border-radius:8px; | |||
box-shadow:0 2px 9px rgba(55,80,75,.045); | |||
transition:transform .15s ease,box-shadow .15s ease; | |||
} | |||
.wd-home-resource-card:hover { | |||
transform:translateY(-2px); | |||
box-shadow:0 5px 16px rgba(55,80,75,.09); | |||
} | |||
.wd-resource-icon { | |||
flex:0 0 38px; | |||
width:38px; | |||
height:38px; | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
border-radius:7px; | |||
background:#eef5f2; | |||
color:#527d77; | |||
font-size:22px; | |||
font-weight:800; | |||
} | |||
.wd-resource-body { | |||
min-width:0; | |||
} | |||
.wd-resource-title { | |||
font-size:16px; | |||
font-weight:800; | |||
color:#405b56; | |||
margin-bottom:7px; | |||
} | |||
.wd-resource-text { | |||
font-size:12.5px; | |||
line-height:1.9; | |||
color:#71807c; | |||
} | |||
.wd-resource-link { | |||
margin-top:11px; | |||
font-size:12px; | |||
font-weight:700; | |||
} | |||
.wd-resource-link a { | |||
color:#527d77; | |||
text-decoration:none; | |||
} | |||
/* ========================================================= | |||
MAIN COLUMNS | |||
========================================================= */ | |||
.wd-home-main-columns { | |||
display:grid; | |||
grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); | |||
gap:18px; | |||
margin-bottom:40px; | |||
} | |||
.wd-home-panel { | |||
background:#fff; | |||
border:1px solid #e0e7e4; | |||
border-radius:9px; | |||
padding:18px; | |||
box-shadow:0 2px 9px rgba(55,80,75,.04); | |||
} | |||
.wd-home-panel-header { | |||
display:flex; | |||
justify-content:space-between; | |||
align-items:flex-start; | |||
gap:15px; | |||
padding-bottom:13px; | |||
margin-bottom:4px; | |||
border-bottom:1px solid #edf1ef; | |||
} | |||
.wd-home-panel-title { | |||
font-size:18px; | |||
font-weight:800; | |||
color:#405f59; | |||
} | |||
.wd-home-panel-subtitle { | |||
margin-top:3px; | |||
font-size:11.5px; | |||
color:#87918e; | |||
} | |||
.wd-home-panel-more { | |||
font-size:11.5px; | |||
font-weight:700; | |||
} | |||
.wd-home-panel-more a { | |||
color:#527d77; | |||
text-decoration:none; | |||
} | |||
/* ========================================================= | |||
POPULAR LAWS | |||
========================================================= */ | |||
.wd-popular-law-list { | |||
display:flex; | |||
flex-direction:column; | |||
} | |||
.wd-popular-law { | |||
display:flex; | |||
align-items:center; | |||
gap:12px; | |||
padding:11px 4px; | |||
border-bottom:1px solid #edf1ef; | |||
} | |||
.wd-popular-law:last-child { | |||
border-bottom:none; | |||
} | |||
.wd-popular-law-number { | |||
width:32px; | |||
height:32px; | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
border-radius:5px; | |||
background:#f3f7f5; | |||
color:#78908a; | |||
font-size:11px; | |||
font-weight:800; | |||
} | |||
.wd-popular-law-content { | |||
min-width:0; | |||
font-size:13.5px; | |||
font-weight:700; | |||
} | |||
.wd-popular-law-content a { | |||
color:#405b56; | |||
text-decoration:none; | |||
} | |||
.wd-popular-law-content span { | |||
display:block; | |||
margin-top:2px; | |||
font-size:11px; | |||
font-weight:400; | |||
color:#87918e; | |||
} | |||
/* ========================================================= | |||
SUBJECTS | |||
========================================================= */ | |||
.wd-subject-grid { | |||
display:grid; | |||
grid-template-columns:repeat(2,minmax(0,1fr)); | |||
gap:8px; | |||
margin-top:13px; | |||
} | |||
.wd-subject-card { | |||
position:relative; | |||
padding:12px 12px 12px 10px; | |||
border:1px solid #e6ebe9; | |||
border-radius:6px; | |||
background:#fafcfb; | |||
font-size:13px; | |||
font-weight:800; | |||
} | |||
.wd-subject-card a { | |||
color:#466761; | |||
text-decoration:none; | |||
} | |||
.wd-subject-card span { | |||
display:block; | |||
margin-top:3px; | |||
font-size:10.5px; | |||
font-weight:400; | |||
color:#87918e; | |||
} | |||
.wd-subject-icon { | |||
float:right; | |||
width:25px; | |||
height:25px; | |||
margin-left:8px; | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
border-radius:4px; | |||
background:#edf4f1; | |||
color:#527d77; | |||
font-size:13px; | |||
} | |||
/* ========================================================= | |||
SPECIAL PATHS | |||
========================================================= */ | |||
.wd-special-grid { | |||
display:grid; | |||
grid-template-columns:repeat(4,minmax(0,1fr)); | |||
gap:10px; | |||
margin-top:16px; | |||
} | |||
.wd-special-card { | |||
padding:17px; | |||
background:#f9fbfa; | |||
border:1px solid #e0e8e4; | |||
border-radius:7px; | |||
} | |||
.wd-special-title { | |||
font-size:14px; | |||
font-weight:800; | |||
color:#405f59; | |||
margin-bottom:7px; | |||
} | |||
.wd-special-text { | |||
min-height:48px; | |||
font-size:11.5px; | |||
line-height:1.9; | |||
color:#74817e; | |||
} | |||
.wd-special-link { | |||
margin-top:12px; | |||
font-size:11.5px; | |||
font-weight:700; | |||
} | |||
.wd-special-link a { | |||
color:#527d77; | |||
text-decoration:none; | |||
} | |||
/* ========================================================= | |||
FEATURE | |||
========================================================= */ | |||
.wd-home-feature { | |||
margin:0 0 34px; | |||
padding:25px; | |||
background:#f3f7f5; | |||
border-right:5px solid #527d77; | |||
border-radius:8px; | |||
} | |||
.wd-home-feature-title { | |||
font-size:20px; | |||
font-weight:800; | |||
color:#315f58; | |||
} | |||
.wd-home-feature-text { | |||
max-width:900px; | |||
margin:9px 0 20px; | |||
font-size:13px; | |||
line-height:2.1; | |||
color:#65736f; | |||
} | |||
.wd-home-feature-grid { | |||
display:grid; | |||
grid-template-columns:repeat(4,minmax(0,1fr)); | |||
gap:10px; | |||
} | |||
.wd-feature-item { | |||
display:flex; | |||
align-items:flex-start; | |||
gap:9px; | |||
padding:12px; | |||
background:#fff; | |||
border:1px solid #e0e8e4; | |||
border-radius:6px; | |||
} | |||
.wd-feature-number { | |||
flex:0 0 27px; | |||
width:27px; | |||
height:27px; | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
border-radius:50%; | |||
background:#527d77; | |||
color:#fff; | |||
font-size:11px; | |||
font-weight:800; | |||
} | |||
.wd-feature-item b { | |||
display:block; | |||
font-size:12.5px; | |||
color:#405b56; | |||
} | |||
.wd-feature-item span { | |||
display:block; | |||
margin-top:2px; | |||
font-size:10.5px; | |||
line-height:1.7; | |||
color:#7b8784; | |||
} | |||
/* ========================================================= | |||
GUIDE | |||
========================================================= */ | |||
.wd-home-guide { | |||
margin-bottom:30px; | |||
padding:20px; | |||
background:#fff; | |||
border:1px solid #e1e7e5; | |||
border-radius:8px; | |||
} | |||
.wd-home-guide-title { | |||
margin-bottom:15px; | |||
font-size:18px; | |||
font-weight:800; | |||
color:#405f59; | |||
} | |||
.wd-home-guide-grid { | |||
display:grid; | |||
grid-template-columns:repeat(3,minmax(0,1fr)); | |||
gap:12px; | |||
} | |||
.wd-guide-item { | |||
display:flex; | |||
gap:10px; | |||
padding:12px; | |||
background:#fafcfb; | |||
border-radius:6px; | |||
} | |||
.wd-guide-step { | |||
flex:0 0 30px; | |||
width:30px; | |||
height:30px; | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
border-radius:50%; | |||
background:#eef5f2; | |||
color:#527d77; | |||
font-size:12px; | |||
font-weight:800; | |||
} | |||
.wd-guide-item b { | |||
font-size:12.5px; | |||
color:#405b56; | |||
} | |||
.wd-guide-item p { | |||
margin:4px 0 0; | |||
font-size:11px; | |||
line-height:1.8; | |||
color:#7a8683; | |||
} | |||
/* ========================================================= | |||
FOOTER NOTE | |||
========================================================= */ | |||
.wd-home-footer-note { | |||
margin-top:25px; | |||
padding:16px; | |||
text-align:center; | |||
border-top:1px solid #e4eae8; | |||
color:#87918e; | |||
font-size:11.5px; | |||
} | |||
/* ========================================================= | |||
RESPONSIVE | |||
========================================================= */ | |||
@media(max-width:900px) { | |||
``` | |||
.wd-home-resource-grid { | |||
grid-template-columns:repeat(2,minmax(0,1fr)); | |||
} | |||
.wd-home-main-columns { | |||
grid-template-columns:1fr; | |||
} | |||
.wd-special-grid { | |||
grid-template-columns:repeat(2,minmax(0,1fr)); | |||
} | |||
.wd-home-feature-grid { | |||
grid-template-columns:repeat(2,minmax(0,1fr)); | |||
} | |||
``` | |||
} | |||
@media(max-width:600px) { | |||
``` | |||
.wd-home-hero { | |||
padding:30px 16px; | |||
border-radius:8px; | |||
} | |||
.wd-home-brand { | |||
font-size:30px; | |||
} | |||
.wd-home-tagline { | |||
font-size:15px; | |||
} | |||
.wd-home-description { | |||
font-size:12.5px; | |||
} | |||
.wd-home-resource-grid { | |||
grid-template-columns:1fr; | |||
} | |||
.wd-subject-grid { | |||
grid-template-columns:1fr; | |||
} | |||
.wd-special-grid { | |||
grid-template-columns:1fr; | |||
} | |||
.wd-home-feature-grid { | |||
grid-template-columns:1fr; | |||
} | |||
.wd-home-guide-grid { | |||
grid-template-columns:1fr; | |||
} | |||
``` | |||
} | |||
نسخهٔ ۲۵ سپتامبر ۲۰۲۶، ساعت ۱۳:۱۸
/* ========================================================= WIKIDAD HOME صفحه اصلی دانشنامه حقوقی ========================================================= */
.wd-home { direction:rtl; text-align:right; max-width:1180px; margin:0 auto; color:#37474f; }
/* ========================================================= HERO ========================================================= */
.wd-home-hero { margin:0 0 34px; padding:42px 30px 38px; border-radius:12px; background:linear-gradient(135deg,#eef6f3 0%,#f7faf9 55%,#eef5f7 100%); border:1px solid #d8e6e1; box-shadow:0 5px 18px rgba(55,80,75,.07); }
.wd-home-hero-content { max-width:850px; margin:0 auto; text-align:center; }
.wd-home-brand { font-size:38px; font-weight:900; color:#245b55; line-height:1.5; }
.wd-home-tagline { margin-top:3px; font-size:18px; font-weight:700; color:#527d77; }
.wd-home-description { max-width:700px; margin:12px auto 24px; font-size:14px; color:#64736f; line-height:2; }
.wd-home-search { max-width:680px; margin:0 auto; }
.wd-home-search input { box-sizing:border-box; }
.wd-home-search-hint { margin-top:8px; font-size:11.5px; color:#7d8986; }
/* ========================================================= SECTION ========================================================= */
.wd-home-section { margin:0 0 38px; }
.wd-home-section-title { font-size:21px; font-weight:800; color:#365f59; margin-bottom:4px; }
.wd-home-section-subtitle { font-size:12.5px; color:#7a8783; margin-bottom:16px; }
/* ========================================================= RESOURCE CARDS ========================================================= */
.wd-home-resource-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.wd-home-resource-card { display:flex; gap:12px; min-height:145px; padding:17px; background:#fff; border:1px solid #e0e7e4; border-radius:8px; box-shadow:0 2px 9px rgba(55,80,75,.045); transition:transform .15s ease,box-shadow .15s ease; }
.wd-home-resource-card:hover { transform:translateY(-2px); box-shadow:0 5px 16px rgba(55,80,75,.09); }
.wd-resource-icon { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:7px; background:#eef5f2; color:#527d77; font-size:22px; font-weight:800; }
.wd-resource-body { min-width:0; }
.wd-resource-title { font-size:16px; font-weight:800; color:#405b56; margin-bottom:7px; }
.wd-resource-text { font-size:12.5px; line-height:1.9; color:#71807c; }
.wd-resource-link { margin-top:11px; font-size:12px; font-weight:700; }
.wd-resource-link a { color:#527d77; text-decoration:none; }
/* ========================================================= MAIN COLUMNS ========================================================= */
.wd-home-main-columns { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:18px; margin-bottom:40px; }
.wd-home-panel { background:#fff; border:1px solid #e0e7e4; border-radius:9px; padding:18px; box-shadow:0 2px 9px rgba(55,80,75,.04); }
.wd-home-panel-header { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; padding-bottom:13px; margin-bottom:4px; border-bottom:1px solid #edf1ef; }
.wd-home-panel-title { font-size:18px; font-weight:800; color:#405f59; }
.wd-home-panel-subtitle { margin-top:3px; font-size:11.5px; color:#87918e; }
.wd-home-panel-more { font-size:11.5px; font-weight:700; }
.wd-home-panel-more a { color:#527d77; text-decoration:none; }
/* ========================================================= POPULAR LAWS ========================================================= */
.wd-popular-law-list { display:flex; flex-direction:column; }
.wd-popular-law { display:flex; align-items:center; gap:12px; padding:11px 4px; border-bottom:1px solid #edf1ef; }
.wd-popular-law:last-child { border-bottom:none; }
.wd-popular-law-number { width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:5px; background:#f3f7f5; color:#78908a; font-size:11px; font-weight:800; }
.wd-popular-law-content { min-width:0; font-size:13.5px; font-weight:700; }
.wd-popular-law-content a { color:#405b56; text-decoration:none; }
.wd-popular-law-content span { display:block; margin-top:2px; font-size:11px; font-weight:400; color:#87918e; }
/* ========================================================= SUBJECTS ========================================================= */
.wd-subject-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:13px; }
.wd-subject-card { position:relative; padding:12px 12px 12px 10px; border:1px solid #e6ebe9; border-radius:6px; background:#fafcfb; font-size:13px; font-weight:800; }
.wd-subject-card a { color:#466761; text-decoration:none; }
.wd-subject-card span { display:block; margin-top:3px; font-size:10.5px; font-weight:400; color:#87918e; }
.wd-subject-icon { float:right; width:25px; height:25px; margin-left:8px; display:flex; align-items:center; justify-content:center; border-radius:4px; background:#edf4f1; color:#527d77; font-size:13px; }
/* ========================================================= SPECIAL PATHS ========================================================= */
.wd-special-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:16px; }
.wd-special-card { padding:17px; background:#f9fbfa; border:1px solid #e0e8e4; border-radius:7px; }
.wd-special-title { font-size:14px; font-weight:800; color:#405f59; margin-bottom:7px; }
.wd-special-text { min-height:48px; font-size:11.5px; line-height:1.9; color:#74817e; }
.wd-special-link { margin-top:12px; font-size:11.5px; font-weight:700; }
.wd-special-link a { color:#527d77; text-decoration:none; }
/* ========================================================= FEATURE ========================================================= */
.wd-home-feature { margin:0 0 34px; padding:25px; background:#f3f7f5; border-right:5px solid #527d77; border-radius:8px; }
.wd-home-feature-title { font-size:20px; font-weight:800; color:#315f58; }
.wd-home-feature-text { max-width:900px; margin:9px 0 20px; font-size:13px; line-height:2.1; color:#65736f; }
.wd-home-feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.wd-feature-item { display:flex; align-items:flex-start; gap:9px; padding:12px; background:#fff; border:1px solid #e0e8e4; border-radius:6px; }
.wd-feature-number { flex:0 0 27px; width:27px; height:27px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#527d77; color:#fff; font-size:11px; font-weight:800; }
.wd-feature-item b { display:block; font-size:12.5px; color:#405b56; }
.wd-feature-item span { display:block; margin-top:2px; font-size:10.5px; line-height:1.7; color:#7b8784; }
/* ========================================================= GUIDE ========================================================= */
.wd-home-guide { margin-bottom:30px; padding:20px; background:#fff; border:1px solid #e1e7e5; border-radius:8px; }
.wd-home-guide-title { margin-bottom:15px; font-size:18px; font-weight:800; color:#405f59; }
.wd-home-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.wd-guide-item { display:flex; gap:10px; padding:12px; background:#fafcfb; border-radius:6px; }
.wd-guide-step { flex:0 0 30px; width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#eef5f2; color:#527d77; font-size:12px; font-weight:800; }
.wd-guide-item b { font-size:12.5px; color:#405b56; }
.wd-guide-item p { margin:4px 0 0; font-size:11px; line-height:1.8; color:#7a8683; }
/* ========================================================= FOOTER NOTE ========================================================= */
.wd-home-footer-note { margin-top:25px; padding:16px; text-align:center; border-top:1px solid #e4eae8; color:#87918e; font-size:11.5px; }
/* ========================================================= RESPONSIVE ========================================================= */
@media(max-width:900px) {
``` .wd-home-resource-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
}
.wd-home-main-columns {
grid-template-columns:1fr;
}
.wd-special-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
}
.wd-home-feature-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
} ```
}
@media(max-width:600px) {
``` .wd-home-hero {
padding:30px 16px; border-radius:8px;
}
.wd-home-brand {
font-size:30px;
}
.wd-home-tagline {
font-size:15px;
}
.wd-home-description {
font-size:12.5px;
}
.wd-home-resource-grid {
grid-template-columns:1fr;
}
.wd-subject-grid {
grid-template-columns:1fr;
}
.wd-special-grid {
grid-template-columns:1fr;
}
.wd-home-feature-grid {
grid-template-columns:1fr;
}
.wd-home-guide-grid {
grid-template-columns:1fr;
} ```
}