Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 102ba92

Browse files
committed
Component List Item - more simple structure
1 parent 88482d9 commit 102ba92

File tree

4 files changed

+82
-161
lines changed

4 files changed

+82
-161
lines changed

‎css/style.css‎

Lines changed: 27 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -525,7 +525,8 @@ body {
525525
padding: 0;
526526
}
527527
body.ajax .container {
528-
box-shadow: none;
528+
-webkit-box-shadow: none;
529+
box-shadow: none;
529530
}
530531
}
531532
/*
@@ -889,6 +890,7 @@ table.fontSmall th {
889890
}
890891
.unveil {
891892
opacity: 0;
893+
-webkit-transition: opacity 0.5s ease-in;
892894
transition: opacity 0.5s ease-in;
893895
}
894896
.more_info {
@@ -948,7 +950,8 @@ Kontejner layoutu
948950
margin: 0 auto;
949951
margin-bottom: 15px;
950952
position: relative;
951-
box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
953+
-webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
954+
box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
952955
}
953956
/* # Layout
954957
@@ -995,7 +998,8 @@ Nová (od 12/2015)
995998
/* DEPRECATED if newlayout */
996999
}
9971000
.container.ajax {
998-
box-shadow: none;
1001+
-webkit-box-shadow: none;
1002+
box-shadow: none;
9991003
margin: 0;
10001004
}
10011005
.content {
@@ -1206,6 +1210,7 @@ v .list_item neco podobneho) =jeden sloupec: 304x171 (?? TODO)
12061210
background: rgba(0, 0, 0, 0.66);
12071211
color: #fff;
12081212
padding: 1px 9px 9px 9px;
1213+
-webkit-transition: all 0.15s ease-out;
12091214
transition: all 0.15s ease-out;
12101215
}
12111216
.column.as_list_item:hover .text,
@@ -1469,7 +1474,8 @@ Napr. seznamy ubytovatelu, pobytu, last-minute atd.
14691474
padding: 9px 0;
14701475
border: 1px solid transparent;
14711476
color: #66;
1472-
box-sizing: border-box;
1477+
-webkit-box-sizing: border-box;
1478+
box-sizing: border-box;
14731479
}
14741480
@media only screen and (min-width: 768px) {
14751481
.list-item {
@@ -1523,21 +1529,6 @@ Napr. seznamy ubytovatelu, pobytu, last-minute atd.
15231529
.list-item .content p {
15241530
margin-bottom: 0;
15251531
}
1526-
.list-item .content .place em {
1527-
color: #333;
1528-
font-style: normal;
1529-
display: block;
1530-
text-overflow: ellipsis;
1531-
height: 18px;
1532-
overflow: hidden;
1533-
white-space: nowrap;
1534-
}
1535-
.container .list-item .content .place a {
1536-
color: #333;
1537-
}
1538-
.list-item .content .date strong {
1539-
color: #666;
1540-
}
15411532
@media only screen and (min-width: 768px) {
15421533
.list-item .content .price {
15431534
position: absolute;
@@ -1778,6 +1769,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
17781769
left: 0;
17791770
overflow: hidden;
17801771
width: 100%;
1772+
-webkit-transition: max-height 0.1s ease-in-out;
17811773
transition: max-height 0.1s ease-in-out;
17821774
}
17831775
.js .pine.pine-visible {
@@ -2034,7 +2026,8 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
20342026
height: 2px;
20352027
background-color: black;
20362028
border-radius: 1px;
2037-
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2029+
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2030+
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
20382031
}
20392032
.pine-trigger .icon-bar:before,
20402033
.pine-trigger .icon-bar:after {
@@ -2076,6 +2069,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
20762069
.fx-hover-fade .pine-level-2,
20772070
.fx-hover-fade .pine-level-3 {
20782071
opacity: 0;
2072+
-webkit-transition: visibility 0s 0.1s, opacity 0.1s ease-in-out;
20792073
transition: visibility 0s 0.1s, opacity 0.1s ease-in-out;
20802074
}
20812075
.fx-hover-fade .pine-level-2 > li > a,
@@ -2086,14 +2080,17 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
20862080
}
20872081
.fx-hover-fade .pine-level-1 > li > a,
20882082
.fx-hover-fade .pine-level-1 > li > strong {
2083+
-webkit-transition: background .1s;
20892084
transition: background .1s;
20902085
}
20912086
.fx-hover-fade .pine-level-open > .pine-level-2,
20922087
.fx-hover-fade .pine-level-open > .pine-level-3 {
20932088
opacity: 1;
2089+
-webkit-transition: opacity 0.1s ease-in-out;
20942090
transition: opacity 0.1s ease-in-out;
20952091
}
20962092
.fx-hover-fade .noanim {
2093+
-webkit-transition: none !important;
20972094
transition: none !important;
20982095
}
20992096
.fx-right-to-left .pine-level-1 {
@@ -2107,6 +2104,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
21072104
}
21082105
.js .fx-right-to-left ul ul {
21092106
visibility: hidden;
2107+
-webkit-transition: visibility 0s .2s;
21102108
transition: visibility 0s .2s;
21112109
}
21122110
.fx-right-to-left ul li > a,
@@ -2123,6 +2121,7 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
21232121
visibility: visible;
21242122
}
21252123
.fx-right-to-left .pine-level-1 > .pine-level-open > ul {
2124+
-webkit-transition: visibility 0s 0s;
21262125
transition: visibility 0s 0s;
21272126
}
21282127
.fx-right-to-left .pine-back > a {
@@ -2171,6 +2170,8 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
21712170
}
21722171
@media only screen and (min-width: 768px) {
21732172
.site-nav__main .pine-level-1 {
2173+
display: -webkit-box;
2174+
display: -ms-flexbox;
21742175
display: flex;
21752176
}
21762177
}
@@ -2179,7 +2180,9 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
21792180
}
21802181
@media only screen and (min-width: 768px) {
21812182
.site-nav__main .pine-level-1 > li {
2182-
flex: 1;
2183+
-webkit-box-flex: 1;
2184+
-ms-flex: 1;
2185+
flex: 1;
21832186
}
21842187
}
21852188
.site-nav li {
@@ -2234,7 +2237,8 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
22342237
background-color: #9BD04E;
22352238
}
22362239
.container .site-nav a {
2237-
box-sizing: border-box;
2240+
-webkit-box-sizing: border-box;
2241+
box-sizing: border-box;
22382242
display: block;
22392243
padding: 12px 12px 11px;
22402244
color: #fff;
@@ -2380,5 +2384,4 @@ Na velkých displejích vedle sebe, na malých většina schovaná do ikonek.
23802384
padding-left: 300px;
23812385
padding-right: 300px;
23822386
}
2383-
}
2384-
/*# sourceMappingURL=style.css.map */
2387+
}

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /