הבדלים בין גרסאות בדף "מדיה ויקי:Common.css"
מתוך יומן 770
מ |
מ |
||
(4 גרסאות ביניים של אותו משתמש אינן מוצגות) | |||
שורה 44: | שורה 44: | ||
} | } | ||
+ | div.row { | ||
+ | display: grid; | ||
+ | grid-template-columns: repeat(3, auto); | ||
+ | grid-gap: 30px; | ||
+ | } | ||
@media only screen and (max-width: 600px) { | @media only screen and (max-width: 600px) { | ||
שורה 52: | שורה 57: | ||
line-height: 18px; | line-height: 18px; | ||
} | } | ||
+ | div.row { | ||
+ | grid-template-columns: auto; | ||
+ | } | ||
+ | |||
} | } | ||
+ | .panel { | ||
+ | margin-bottom: 20px; | ||
+ | background-color: #fff; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 4px; | ||
+ | -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); | ||
+ | box-shadow: 0 1px 1px rgba(0,0,0,.05); | ||
+ | } | ||
+ | .panel-primary { | ||
+ | border-color: #337ab7; | ||
+ | } | ||
+ | .panel-success { | ||
+ | border-color: #d6e9c6; | ||
+ | } | ||
+ | .panel-info { | ||
+ | border-color: #bce8f1; | ||
+ | } | ||
+ | .panel-warning { | ||
+ | border-color: #faebcc; | ||
+ | } | ||
+ | .panel-danger { | ||
+ | border-color: #ebccd1; | ||
+ | } | ||
+ | .panel-primary>.panel-heading { | ||
+ | color: #fff; | ||
+ | background-color: #337ab7; | ||
+ | border-color: #337ab7; | ||
+ | } | ||
+ | .panel-info>.panel-heading { | ||
+ | color: #31708f; | ||
+ | background-color: #d9edf7; | ||
+ | border-color: #bce8f1; | ||
+ | } | ||
+ | .panel-success>.panel-heading { | ||
+ | color: #3c763d; | ||
+ | background-color: #dff0d8; | ||
+ | border-color: #d6e9c6; | ||
+ | } | ||
+ | .panel-warning>.panel-heading { | ||
+ | color: #8a6d3b; | ||
+ | background-color: #fcf8e3; | ||
+ | border-color: #faebcc; | ||
+ | } | ||
+ | .panel-danger>.panel-heading { | ||
+ | color: #a94442; | ||
+ | background-color: #f2dede; | ||
+ | border-color: #ebccd1; | ||
+ | } | ||
+ | h3.panel-heading { | ||
+ | margin-top: 0; | ||
+ | padding: 10px 15px; | ||
+ | border-bottom: 1px solid transparent; | ||
+ | border-top-left-radius: 3px; | ||
+ | border-top-right-radius: 3px; | ||
+ | } | ||
+ | .panel-title { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | font-size: 16px; | ||
+ | color: inherit; | ||
+ | } | ||
.panel .panel-body | .panel .panel-body | ||
{ | { | ||
שורה 68: | שורה 138: | ||
display: block; | display: block; | ||
background-color: #FAEBCC; | background-color: #FAEBCC; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
גרסה אחרונה מ־23:35, 24 בינואר 2021
/* הסגנונות הנכתבים כאן ישפיעו על כל העיצובים */ #firstHeading {display:none;} .mainImage { width: 100%; height: auto; } .years { display: grid; grid-template-columns: repeat(3, auto); } .year { position: relative; display: grid; } .year p { padding: 0; margin: 0; } .year img { width: 100%; height: auto; } .year .yearLinks { position: absolute; top: 0; /* width: 20%; */ font-size: 15px; height: 100%; left: 0; display: grid; width: 40%; } .year .yearLinks ul { overflow: auto; margin: 43% 0 16% 18.5%; } .year .yearLinks li { margin-bottom: 0px; line-height: 20px; } div.row { display: grid; grid-template-columns: repeat(3, auto); grid-gap: 30px; } @media only screen and (max-width: 600px) { .years { grid-template-columns: auto; } .year .yearLinks li { line-height: 18px; } div.row { grid-template-columns: auto; } } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); } .panel-primary { border-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-primary>.panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-info>.panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-success>.panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-warning>.panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-danger>.panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } h3.panel-heading { margin-top: 0; padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel .panel-body { padding: 0px 15px; } .panel p { margin: 10px 0px 0px 0px; } .panel p a { text-align: center; display: block; background-color: #FAEBCC; }