הבדלים בין גרסאות בדף "מדיה ויקי:Common.css"
מתוך iNature
| (37 גרסאות ביניים של 2 משתמשים אינן מוצגות) | |||
| שורה 4: | שורה 4: | ||
/* Search styles */ | /* Search styles */ | ||
| − | body.mw-special-RunQuery #mw-content-text { | + | body.mw-special-RunQuery.page-מיוחד_הרצת_שאילתה_SearchByTag .row .thumbnail { |
| + | height: 280px !important; | ||
| + | } | ||
| + | |||
| + | body.mw-special-RunQuery.page-מיוחד_הרצת_שאילתה_Search #mw-content-text { | ||
margin: 0 -15px 0 -15px; | margin: 0 -15px 0 -15px; | ||
} | } | ||
| שורה 309: | שורה 313: | ||
font-size: 150%; | font-size: 150%; | ||
padding: 0; | padding: 0; | ||
| + | } | ||
| + | |||
| + | span.label > a:visited, | ||
| + | span.label > a { | ||
| + | color: white; | ||
| + | } | ||
| + | |||
| + | span.label.label-primary { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | |||
| + | /*.card-images-row { | ||
| + | |||
| + | } | ||
| + | |||
| + | .card-images-row .card-images-col { | ||
| + | float: none; | ||
| + | padding-left: 0; | ||
| + | padding-right: 0; | ||
| + | } | ||
| + | |||
| + | .card-images-row .thumbnail { | ||
| + | |||
| + | }*/ | ||
| + | |||
| + | /*@media screen and (max-width: 480px) { | ||
| + | height: 300px; | ||
| + | }*/ | ||
| + | |||
| + | .cards-list { | ||
| + | display: flex; | ||
| + | justify-content: space-evenly; | ||
| + | flex-wrap: wrap; | ||
| + | } | ||
| + | |||
| + | .cards-list .card-item { | ||
| + | max-width: 210px; | ||
| + | margin-bottom: 25px; | ||
| + | box-shadow: 1px 1px 9px #0000007a; | ||
| + | } | ||
| + | |||
| + | .cards-list .card-item img { | ||
| + | width: 100%; | ||
| + | height: auto; | ||
| + | margin-bottom: 10px; | ||
| + | height: 130px; | ||
| + | } | ||
| + | |||
| + | .cards-list .card-item > a + a { | ||
| + | display: block; | ||
| + | margin-bottom: 8px; | ||
| + | padding: 0 10px; | ||
| + | font-weight: bold; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | |||
| + | .cards-list .card-item span { | ||
| + | display: block; | ||
| + | margin-bottom: 8px; | ||
| + | padding: 0 10px; | ||
| + | color: gray; | ||
| + | } | ||
| + | |||
| + | .cards-list .card-item p { | ||
| + | display: block; | ||
| + | padding: 0 10px 5px 10px; | ||
| + | } | ||
| + | |||
| + | @media screen and (min-width: 768px) { | ||
| + | .resp-columns-wrapper .column-wrapper-item .thumbnail { | ||
| + | height: 310px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* Tags */ | ||
| + | |||
| + | .stag { | ||
| + | padding: 1px 2px 1px 2px; | ||
| + | border-radius: 3px; | ||
| + | background-color: lightgray; | ||
| + | display: inline-block; | ||
| + | margin-right: 3px; | ||
| + | margin-bottom: 3px; | ||
| + | color: black; | ||
| + | } | ||
| + | |||
| + | .stag.stag-עתיקות-והיסטוריה { | ||
| + | background-color: #394545; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-רומנטיקה { | ||
| + | background-color: #7db222; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-דרך-נופית { | ||
| + | background-color: #21a207; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-מדבר { | ||
| + | background-color: #265212; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-מעגלי { | ||
| + | background-color: #26e67f; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-קווי { | ||
| + | background-color: #1d61a5; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-תצפיות { | ||
| + | background-color: #9eb2cd; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-שטפונות { | ||
| + | background-color: #a403dc; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-מערות { | ||
| + | background-color: #1ee91; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-דרגיות { | ||
| + | background-color: #6df8d9; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-אתגרי { | ||
| + | background-color: #baf26a; color #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-פארקים { | ||
| + | background-color: #beaf5f; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-מוזיאון { | ||
| + | background-color: #f6a63; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-נגיש-לנכים { | ||
| + | background-color: #b96b4e; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-טיול-עירוני { | ||
| + | background-color: #4561f1; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-פריחה { | ||
| + | background-color: #db12cb; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-טיול-מים { | ||
| + | background-color: #868818; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-טיול-לצד מים { | ||
| + | background-color: #d32bce; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-תחבורה-ציבורית { | ||
| + | background-color: #bba135; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-משפחות { | ||
| + | background-color: #d0cff9; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-יער-וחורש { | ||
| + | background-color: #86280b; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-חוף-ים { | ||
| + | background-color: #cae78c; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-שביל-ישראל { | ||
| + | background-color: #e6d1b3; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-אטרקציה { | ||
| + | background-color: #6e737c; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-טיול-לילה { | ||
| + | background-color: #bac743; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-בעלי-חיים { | ||
| + | background-color: #ce87cf; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-דת-ותרבות { | ||
| + | background-color: #f8f3e; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-מומלץ-האתר { | ||
| + | background-color: #10d1a5; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-אנדרטאות { | ||
| + | background-color: #755c7; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-טיולי-אופניים { | ||
| + | background-color: #c5d986; color: #ffffff; | ||
| + | } | ||
| + | |||
| + | .stag.stag-טיולי-סנפלינג { | ||
| + | background-color: #6740d9; color: #ffffff; | ||
} | } | ||
גרסה אחרונה מ־11:45, 28 ביולי 2018
/* הסגנונות הנכתבים כאן ישפיעו על כל הרקעים */
/* CSS placed here will be applied to all skins */
/* Search styles */
body.mw-special-RunQuery.page-מיוחד_הרצת_שאילתה_SearchByTag .row .thumbnail {
height: 280px !important;
}
body.mw-special-RunQuery.page-מיוחד_הרצת_שאילתה_Search #mw-content-text {
margin: 0 -15px 0 -15px;
}
body.mw-special-RunQuery #mw-content-text::after {
display: "table";
content: "";
clear: both;
}
#sfForm select[name="Search[Region]"] option[value="North"] {
font-weight: bold;
}
#sfForm select[name="Search[Region]"] option[value="Center"] {
font-weight: bold;
}
#sfForm select[name="Search[Region]"] option[value="South"] {
font-weight: bold;
}
.search-listwidget div.container ul.pagination-container {
margin-left: 0px !important;
margin-right: 0px !important;
}
.search-listwidget div.container ul.pagination-container li {
list-style: none;
}
.search-listwidget .container {
width: auto !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.search-listwidget > .container {
padding-left: 0 !important;
padding-right: 0px !important;
}
.search-result-item-listwidget {
}
.search-result-item-listwidget .search-result-item-listwidget-title {
font-weight: bold;
}
/* Template:Infobox_Trail */
.Infobox_Trail
{
font-family: lucida grande, Helvetica, arial, sans-serif;
color: #565548;
font-size: 12px;
float: right;
clear: right;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
/* padding-right: 5px; */
/* padding-left: 5px; */
border: 0;
/* spacing: 3;*/
/* padding: 2; */
horizontal-align: center;
width: 270px;
}
.Infobox_Trail th
{
height: 1.5em;
font-weight: bold;
background: #D1CEC3;
text-align: right;
}
.Infobox_Trail td
{
background: #F4F2ED;
text-align: left;
}
.Infobox_Trail #weatherlink
{
text-align: center;
}
.Infobox_Trail #maplink
{
text-align: center;
}
.Infobox_Trail #gmap
{
text-align: center;
vertical-align: center;
}
/* TOC float right */
#toc {float:right;}
/* carousel */
.jcarousel {
position: relative;
overflow: hidden;
}
.jcarousel-wrapper {
max-width: 750px;
margin: 0;
position: relative;
}
.jcarousel .jcarousel-list {
width: 20000em;
position: relative;
margin: 0;
padding: 0;
}
.jcarousel .jcarousel-item {
float: left;
}
.jcarousel-item img {
display: block;
max-width: 100%;
height: auto !important;
}
.jcarousel-control-prev,
.jcarousel-control-next {
position: absolute;
top: 45%;
width: 30px;
height: 30px;
text-align: center;
background: #fff;
color: #fff;
text-decoration: none;
text-shadow: 0 0 1px #000;
font: 24px/27px Arial, sans-serif;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 0 2px #999;
-moz-box-shadow: 0 0 2px #999;
box-shadow: 0 0 2px #999;
}
.jcarousel-control-prev {
left: 15px;
}
.jcarousel-control-next {
right: 15px;
}
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
display: block;
}
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
opacity: .5;
cursor: default;
}
.jcarousel-pagination {
position: absolute;
bottom: 10px;
left: 15px;
}
.jcarousel-pagination a {
text-decoration: none;
display: inline-block;
font-size: 11px;
line-height: 14px;
min-width: 14px;
background: #fff;
color: #4E443C;
border-radius: 14px;
padding: 3px;
text-align: center;
margin-right: 2px;
opacity: .75;
}
.jcarousel-pagination a.active {
background: #4E443C;
color: #fff;
opacity: 1;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
.jcarousel #toc { display: none; }
.banner-image {
position: relative;
overflow: hidden;
max-width: 1125px;
height: auto;
margin-bottom: .6em;
}
.banner-image img {
width: 100%;
height: auto;
width: auto\9;
}
.mainpage-shadowbox {
color: white;
background: rgb(16,16,16);
background: rgba(0,0,0,0.3);
border-radius: 4px;
}
.mainpage-shadowbox h2, .mainpage-shadowbox h3 {
color: white;
border:none;
font-family: sans-serif;
line-height: 1.2em;
margin:0;
}
.mainpage-shadowbox h2 {
font-size: 190%;
}
.mainpage-shadowbox h3 {
font-size: 150%;
padding: 0;
}
.banner-box-2 {
position: absolute;
z-index: 2;
margin-top: 2em;
min-width: 20em;
}
.banner-box-2 .quote {
font-size: 80%;
line-height: 1.2em;
}
.banner-box-wide {
width: 80%
}
.banner-box-left,
.banner-box-right {
padding: 8px 7px;
background: rgb(16,16,16);
background: rgba(0,0,0,0.3);
border-radius: 4px;
width: 40%;
}
.banner-box-left {
left: 3%;
text-align: left;
}
.banner-box-right {
right: 3%;
text-align: right;
}
.mf-mobile-only {
display: none;
}
.mainpage-shadowbox {
color: white !important;
background: rgb(16,16,16);
background: rgba(0,0,0,0.3);
border-radius: 4px;
}
.mainpage-shadowbox a, .mainpage-shadowbox span.mw-headline {
color: white !important;
}
.mainpage-shadowbox h3, .mainpage-shadowbox h2 {
background: none !important;
}
.mainpage-shadowbox h2, .mainpage-shadowbox h3 {
color: white !important;
border:none;
font-family: sans-serif;
line-height: 1.2em;
margin:0;
}
.mainpage-shadowbox h2 {
font-size: 190%;
}
.mainpage-shadowbox h3 {
font-size: 150%;
padding: 0;
}
span.label > a:visited,
span.label > a {
color: white;
}
span.label.label-primary {
display: inline-block;
}
/*.card-images-row {
}
.card-images-row .card-images-col {
float: none;
padding-left: 0;
padding-right: 0;
}
.card-images-row .thumbnail {
}*/
/*@media screen and (max-width: 480px) {
height: 300px;
}*/
.cards-list {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
.cards-list .card-item {
max-width: 210px;
margin-bottom: 25px;
box-shadow: 1px 1px 9px #0000007a;
}
.cards-list .card-item img {
width: 100%;
height: auto;
margin-bottom: 10px;
height: 130px;
}
.cards-list .card-item > a + a {
display: block;
margin-bottom: 8px;
padding: 0 10px;
font-weight: bold;
font-size: 16px;
}
.cards-list .card-item span {
display: block;
margin-bottom: 8px;
padding: 0 10px;
color: gray;
}
.cards-list .card-item p {
display: block;
padding: 0 10px 5px 10px;
}
@media screen and (min-width: 768px) {
.resp-columns-wrapper .column-wrapper-item .thumbnail {
height: 310px;
}
}
/* Tags */
.stag {
padding: 1px 2px 1px 2px;
border-radius: 3px;
background-color: lightgray;
display: inline-block;
margin-right: 3px;
margin-bottom: 3px;
color: black;
}
.stag.stag-עתיקות-והיסטוריה {
background-color: #394545; color: #ffffff;
}
.stag.stag-רומנטיקה {
background-color: #7db222; color: #ffffff;
}
.stag.stag-דרך-נופית {
background-color: #21a207; color: #ffffff;
}
.stag.stag-מדבר {
background-color: #265212; color: #ffffff;
}
.stag.stag-מעגלי {
background-color: #26e67f; color: #ffffff;
}
.stag.stag-קווי {
background-color: #1d61a5; color: #ffffff;
}
.stag.stag-תצפיות {
background-color: #9eb2cd; color: #ffffff;
}
.stag.stag-שטפונות {
background-color: #a403dc; color: #ffffff;
}
.stag.stag-מערות {
background-color: #1ee91; color: #ffffff;
}
.stag.stag-דרגיות {
background-color: #6df8d9; color: #ffffff;
}
.stag.stag-אתגרי {
background-color: #baf26a; color #ffffff;
}
.stag.stag-פארקים {
background-color: #beaf5f; color: #ffffff;
}
.stag.stag-מוזיאון {
background-color: #f6a63; color: #ffffff;
}
.stag.stag-נגיש-לנכים {
background-color: #b96b4e; color: #ffffff;
}
.stag.stag-טיול-עירוני {
background-color: #4561f1; color: #ffffff;
}
.stag.stag-פריחה {
background-color: #db12cb; color: #ffffff;
}
.stag.stag-טיול-מים {
background-color: #868818; color: #ffffff;
}
.stag.stag-טיול-לצד מים {
background-color: #d32bce; color: #ffffff;
}
.stag.stag-תחבורה-ציבורית {
background-color: #bba135; color: #ffffff;
}
.stag.stag-משפחות {
background-color: #d0cff9; color: #ffffff;
}
.stag.stag-יער-וחורש {
background-color: #86280b; color: #ffffff;
}
.stag.stag-חוף-ים {
background-color: #cae78c; color: #ffffff;
}
.stag.stag-שביל-ישראל {
background-color: #e6d1b3; color: #ffffff;
}
.stag.stag-אטרקציה {
background-color: #6e737c; color: #ffffff;
}
.stag.stag-טיול-לילה {
background-color: #bac743; color: #ffffff;
}
.stag.stag-בעלי-חיים {
background-color: #ce87cf; color: #ffffff;
}
.stag.stag-דת-ותרבות {
background-color: #f8f3e; color: #ffffff;
}
.stag.stag-מומלץ-האתר {
background-color: #10d1a5; color: #ffffff;
}
.stag.stag-אנדרטאות {
background-color: #755c7; color: #ffffff;
}
.stag.stag-טיולי-אופניים {
background-color: #c5d986; color: #ffffff;
}
.stag.stag-טיולי-סנפלינג {
background-color: #6740d9; color: #ffffff;
}