1/* load swipe box */ 2@import "lightGallery/css/lightgallery.min.css"; 3@import "lightGallery/css/lg-transitions.min.css"; 4/*@import "lightGallery/css/lg-fb-comment-box.min.css";*/ 5 6/* style overrides */ 7.lg-backdrop.in { 8 //opacity: 0.95; 9} 10 11.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { 12//.lg-outer.lg-pull-caption-up.lg-thumb-open { 13 //bottom: 280px; 14} 15 16/* photogallery styles */ 17.pg-container { 18 display:table; 19 /*background: #ff0;*/ 20 vertical-align:middle; 21 padding-bottom: 10px; 22} 23 24div.pg-container + div.pg-container{ 25 margin-top:20px; 26} 27 28.pg-left { 29 padding:0px 10px 0px 0px; 30} 31 32.pg-right { 33 padding:0px 0px 0px 10px; 34} 35 36.pg-description { 37 /*background: #f0f;*/ 38 display: table-cell; 39 vertical-align:middle; 40} 41 42.pg-show { 43 display:none; 44} 45 46/* Poster styles */ 47.pg-poster { 48 margin-bottom: 15px; 49 display: table-cell; 50 vertical-align:middle; 51} 52 53.pg-poster a { 54 border: 3px solid #000; 55 border-radius: 5px; 56 display: block; 57 overflow: hidden; 58 position: relative; 59 float: left; 60} 61 62.pg-poster a > img { 63 -webkit-transition: -webkit-transform 0.15s ease 0s; 64 -moz-transition: -moz-transform 0.15s ease 0s; 65 -o-transition: -o-transform 0.15s ease 0s; 66 transition: transform 0.15s ease 0s; 67 -webkit-transform: scale3d(1, 1, 1); 68 transform: scale3d(1, 1, 1); 69/* width: 100%;*/ 70} 71 72.pg-poster a:hover > img { 73 -webkit-transform: scale3d(1.1, 1.1, 1.1); 74 transform: scale3d(1.1, 1.1, 1.1); 75} 76 77.pg-poster a:hover .pg-zoom > img { 78 opacity: 1; 79} 80 81.pg-poster a .pg-zoom { 82 background-color: rgba(0, 0, 0, 0.1); 83 bottom: 0; 84 left: 0; 85 /* position: absolute;*/ 86 right: 0; 87 top: 0; 88 -webkit-transition: background-color 0.15s ease 0s; 89 -o-transition: background-color 0.15s ease 0s; 90 transition: background-color 0.15s ease 0s; 91} 92 93.pg-poster a .pg-zoom > img { 94 left: 50%; 95 margin-left: -10px; 96 margin-top: -10px; 97 opacity: 0; 98 position: absolute; 99 top: 50%; 100 -webkit-transition: opacity 0.3s ease 0s; 101 -o-transition: opacity 0.3s ease 0s; 102 transition: opacity 0.3s ease 0s; 103} 104 105.pg-poster a:hover .pg-zoom { 106 background-color: rgba(0, 0, 0, 0.5); 107} 108 109.pg-poster > a > img { 110 -webkit-transition: -webkit-transform 0.15s ease 0s; 111 -moz-transition: -moz-transform 0.15s ease 0s; 112 -o-transition: -o-transform 0.15s ease 0s; 113 transition: transform 0.15s ease 0s; 114 -webkit-transform: scale3d(1, 1, 1); 115 transform: scale3d(1, 1, 1); 116/* height: 100%; 117 width: 100%;*/ 118} 119 120.pg-poster > a:hover > img { 121 -webkit-transform: scale3d(1.1, 1.1, 1.1); 122 transform: scale3d(1.1, 1.1, 1.1); 123} 124 125.pg-poster > a:hover .pg-zoom > img { 126 opacity: 1; 127} 128 129.pg-poster > a .pg-zoom { 130 background-color: rgba(0, 0, 0, 0.1); 131 bottom: 0; 132 left: 0; 133 position: absolute; 134 right: 0; 135 top: 0; 136 -webkit-transition: background-color 0.15s ease 0s; 137 -o-transition: background-color 0.15s ease 0s; 138 transition: background-color 0.15s ease 0s; 139} 140 141.pg-poster > a .pg-zoom > img { 142 left: 50%; 143 margin-left: -10px; 144 margin-top: -10px; 145 opacity: 0; 146 position: absolute; 147 top: 50%; 148 -webkit-transition: opacity 0.3s ease 0s; 149 -o-transition: opacity 0.3s ease 0s; 150 transition: opacity 0.3s ease 0s; 151} 152 153.pg-poster > a:hover .pg-zoom { 154 background-color: rgba(0, 0, 0, 0.5); 155} 156 157.pg-poster .video .pg-zoom img { 158 height: 48px; 159 margin-left: -24px; 160 margin-top: -24px; 161 opacity: 0.8; 162 width: 48px; 163} 164 165.pg-poster.dark > ul > li a { 166 border: 3px solid #04070a; 167} 168 169/*#aniimated-thumbnials .pg-poster a { 170 width: 190px; 171 height: 132px; 172}*/