Changeset 2643764
- Timestamp:
- 12/14/2021 09:29:08 AM (4 years ago)
- Location:
- rays-grid/trunk
- Files:
-
- 3 edited
-
assets/admin/css/admin.css (modified) (39 diffs)
-
rays-grid.php (modified) (5 diffs)
-
readme.txt (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
rays-grid/trunk/assets/admin/css/admin.css
r2057751 r2643764 490 490 } 491 491 .raysgrid-form .rsgd_data_table>tbody>tr:nth-of-type(odd) { 492 background-color: #f9f9f9;492 background-color: #f9f9f9; 493 493 } 494 494 .raysgrid-form .dataTables_info { … … 655 655 } 656 656 .raysgrid-form label.opt-lbl { 657 padding: 0;658 font-weight: 600;659 color: #222;660 font-size: 13px;661 display: block;662 text-transform: uppercase;657 padding: 0; 658 font-weight: 600; 659 color: #222; 660 font-size: 13px; 661 display: block; 662 text-transform: uppercase; 663 663 } 664 664 .raysgrid-form small.description { 665 font-size: 11px;666 color: #555;667 font-style: normal;668 display: block;669 line-height: 1.4;670 position: static;671 background-color: transparent;672 text-align: left;673 padding: 0;665 font-size: 11px; 666 color: #555; 667 font-style: normal; 668 display: block; 669 line-height: 1.4; 670 position: static; 671 background-color: transparent; 672 text-align: left; 673 padding: 0; 674 674 } 675 675 .raysgrid-form .control-input { … … 685 685 } 686 686 .raysgrid-form .form-group:nth-child(even) { 687 background-color: #fbfbfb;687 background-color: #fbfbfb; 688 688 } 689 689 .raysgrid-form .tab-pane .form-group:first-child { … … 730 730 text-align: center; 731 731 } 732 .raysgrid-form input[type=number]::-webkit-inner-spin-button, 733 .raysgrid-form input[type=number]::-webkit-outer-spin-button { 732 .raysgrid-form input[type=number]::-webkit-inner-spin-button, 733 .raysgrid-form input[type=number]::-webkit-outer-spin-button { 734 734 -webkit-appearance: none; 735 735 -moz-appearance: none; … … 777 777 } 778 778 .screen-item a.upload_image_button,.screen-item a.upload_button{ 779 780 padding: 10px 17px;781 782 font-size: 11px;783 784 font-weight: 700;785 786 text-transform: uppercase;787 788 margin-left: 10px !important;779 780 padding: 10px 17px; 781 782 font-size: 11px; 783 784 font-weight: 700; 785 786 text-transform: uppercase; 787 788 margin-left: 10px !important; 789 789 } 790 790 .add_new_sc { … … 981 981 .dis_opt{ 982 982 background-color: #f1f1f1; 983 padding: 4px 7px;984 margin: 4px 0;983 padding: 4px 7px; 984 margin: 4px 0; 985 985 } 986 986 #rsgd_skins > .item:first-child .lbl{ … … 1003 1003 } 1004 1004 .edit-sk .lbl { 1005 width: 30%;1005 width: 30%; 1006 1006 } 1007 1007 .edit-sk .control-input { 1008 width: 70%;1008 width: 70%; 1009 1009 } 1010 1010 .edit-sk .form-group{ … … 1012 1012 } 1013 1013 .edit-sk h3.titl,.rsgd_popup_settings h3.titl { 1014 padding: 15px;1015 margin: -15px 0 0;1016 background-color: #7da600;1017 color: #fff;1014 padding: 15px; 1015 margin: -15px 0 0; 1016 background-color: #7da600; 1017 color: #fff; 1018 1018 } 1019 1019 #boo-overlay { 1020 position: fixed;1021 z-index: 100000;1022 top: 0;1023 left: 0;1024 height: 100%;1025 min-height: 100%;1026 width: 100%;1027 background: #000;1028 opacity: 0.7;1029 display: none;1030 z-index: 9999;1020 position: fixed; 1021 z-index: 100000; 1022 top: 0; 1023 left: 0; 1024 height: 100%; 1025 min-height: 100%; 1026 width: 100%; 1027 background: #000; 1028 opacity: 0.7; 1029 display: none; 1030 z-index: 9999; 1031 1031 } 1032 1032 … … 1034 1034 .port-container, .port-captions *, .ov-div,.portfolio-item .port-img:before,.portfolio-item .icon-links a,.portfolio-item .port-captions,.resort .port-captions h4:after,.portfolio-item .icon-links, 1035 1035 .portfolio-item .por-hover,.marbele .port-captions:before,.filter-by ul li a span b.popup{ 1036 -webkit-transition: all 0.3s ease;1037 transition: all 0.3s ease;1036 -webkit-transition: all 0.3s ease; 1037 transition: all 0.3s ease; 1038 1038 } 1039 1039 .ov-div{ 1040 position: absolute;1041 left: 0;1042 top: 0;1043 width: 100%;1044 background-position: 50% 50%;1045 height: 270px;1046 background-size: cover;1047 background-image: url('../images/port-img.jpg');1040 position: absolute; 1041 left: 0; 1042 top: 0; 1043 width: 100%; 1044 background-position: 50% 50%; 1045 height: 270px; 1046 background-size: cover; 1047 background-image: url('../images/port-img.jpg'); 1048 1048 } 1049 1049 .portfolio-item:nth-child(2n) .ov-div{ … … 1057 1057 } 1058 1058 .portfolio-item .port-img:before{ 1059 position: absolute;1060 background-color: rgba(0,0,0,.65);1061 width: 100%;1062 height: 100%;1063 content: "";1064 display: block;1065 opacity: 0;1066 z-index: 21059 position: absolute; 1060 background-color: rgba(0,0,0,.65); 1061 width: 100%; 1062 height: 100%; 1063 content: ""; 1064 display: block; 1065 opacity: 0; 1066 z-index: 2 1067 1067 } 1068 1068 .portfolio-item .icon-links{ … … 1070 1070 } 1071 1071 .portfolio-item .icon-links a{ 1072 display: inline-block;1073 opacity: 0;1074 position: absolute;1075 z-index: 5;1076 width: 50px;1077 height: 50px;1078 text-align: center;1079 line-height: 50px1072 display: inline-block; 1073 opacity: 0; 1074 position: absolute; 1075 z-index: 5; 1076 width: 50px; 1077 height: 50px; 1078 text-align: center; 1079 line-height: 50px 1080 1080 } 1081 1081 .port-container,.portfolio-item .port-img{ 1082 overflow: hidden;1083 position: relative;1082 overflow: hidden; 1083 position: relative; 1084 1084 } 1085 1085 .portfolio-item .port-img{ 1086 height: 270px;1086 height: 270px; 1087 1087 } 1088 1088 .port-captions h4{ … … 1101 1101 } 1102 1102 .portfolio-item:hover .port-img:before,.portfolio-item:hover .icon-links a{ 1103 opacity:1;1103 opacity:1; 1104 1104 } 1105 1105 .portfolio .description a{ 1106 display: inline-block !important1106 display: inline-block !important 1107 1107 } 1108 1108 /* style 0 */ 1109 1109 .kara .port-img::before{ 1110 width: 94%;1111 height: 94%;1112 position: absolute;1113 top: 3%;1114 left: 3%;1115 z-index: 2;1116 display: block;1117 content: "";1118 -webkit-transform-origin: right;1119 transform-origin: right;1120 transition: visibility .6s,-webkit-transform .7s cubic-bezier(.19,1,.22,1);1121 transition: transform .7s cubic-bezier(.19,1,.22,1),visibility .6s;1122 transition: transform .7s cubic-bezier(.19,1,.22,1),visibility .6s,-webkit-transform .7s cubic-bezier(.19,1,.22,1);1123 -webkit-transform: scaleX(0);1124 transform: scaleX(0);1125 visibility: hidden;1110 width: 94%; 1111 height: 94%; 1112 position: absolute; 1113 top: 3%; 1114 left: 3%; 1115 z-index: 2; 1116 display: block; 1117 content: ""; 1118 -webkit-transform-origin: right; 1119 transform-origin: right; 1120 transition: visibility .6s,-webkit-transform .7s cubic-bezier(.19,1,.22,1); 1121 transition: transform .7s cubic-bezier(.19,1,.22,1),visibility .6s; 1122 transition: transform .7s cubic-bezier(.19,1,.22,1),visibility .6s,-webkit-transform .7s cubic-bezier(.19,1,.22,1); 1123 -webkit-transform: scaleX(0); 1124 transform: scaleX(0); 1125 visibility: hidden; 1126 1126 } 1127 1127 .kara:hover .port-img::before { 1128 -webkit-transform: scaleX(1);1129 transform: scaleX(1);1130 -webkit-transform-origin: left;1131 transform-origin: left;1132 transition: -webkit-transform .5s cubic-bezier(1,0,0,1);1133 transition: transform .5s cubic-bezier(1,0,0,1);1134 transition: transform .5s cubic-bezier(1,0,0,1),-webkit-transform .5s cubic-bezier(1,0,0,1);1135 visibility: visible;1128 -webkit-transform: scaleX(1); 1129 transform: scaleX(1); 1130 -webkit-transform-origin: left; 1131 transform-origin: left; 1132 transition: -webkit-transform .5s cubic-bezier(1,0,0,1); 1133 transition: transform .5s cubic-bezier(1,0,0,1); 1134 transition: transform .5s cubic-bezier(1,0,0,1),-webkit-transform .5s cubic-bezier(1,0,0,1); 1135 visibility: visible; 1136 1136 } 1137 1137 .kara .port-captions{ 1138 transition-delay: 0.3s !important;1139 color: #fff;1140 padding: 0 15px;1141 opacity: 0;1142 transition: none;1143 text-align: center;1144 -webkit-transition: all 0.35s ease;1145 transition: all 0.35s ease;1146 -webkit-transition-delay: 0.1s;1147 transition-delay: 0.1s;1148 opacity: 0;1149 -webkit-transform: translate3d(0,40px,0);1150 transform: translate3d(0,40px,0);1151 position: absolute;1152 top: 0;1153 left: 0;1154 width: 100%;1155 z-index: 5;1156 margin-top: 18%;1138 transition-delay: 0.3s !important; 1139 color: #fff; 1140 padding: 0 15px; 1141 opacity: 0; 1142 transition: none; 1143 text-align: center; 1144 -webkit-transition: all 0.35s ease; 1145 transition: all 0.35s ease; 1146 -webkit-transition-delay: 0.1s; 1147 transition-delay: 0.1s; 1148 opacity: 0; 1149 -webkit-transform: translate3d(0,40px,0); 1150 transform: translate3d(0,40px,0); 1151 position: absolute; 1152 top: 0; 1153 left: 0; 1154 width: 100%; 1155 z-index: 5; 1156 margin-top: 18%; 1157 1157 } 1158 1158 .kara .port-captions a{ 1159 color: #fff1159 color: #fff 1160 1160 } 1161 1161 .kara:hover .port-captions{ 1162 opacity: 1;1162 opacity: 1; 1163 1163 } 1164 1164 .kara .portfolio-item .port-captions h4{ 1165 transform: scaleY(0);1166 transition-delay: 0.5s;1165 transform: scaleY(0); 1166 transition-delay: 0.5s; 1167 1167 } 1168 1168 .kara .port-captions .description{ 1169 transform: scaleY(0);1170 transition-delay: 0.6s;1169 transform: scaleY(0); 1170 transition-delay: 0.6s; 1171 1171 } 1172 1172 .kara:hover .port-captions h4,.kara:hover .port-captions .description{ 1173 transform: scaleY(1);1173 transform: scaleY(1); 1174 1174 } 1175 1175 .kara .icon-links{ 1176 bottom: 65px;1177 width: 100%;1178 opacity: 0;1176 bottom: 65px; 1177 width: 100%; 1178 opacity: 0; 1179 1179 } 1180 1180 .kara:hover .icon-links{ 1181 opacity: 11181 opacity: 1 1182 1182 } 1183 1183 .kara .icon-links a{ 1184 background-color: transparent !important;1185 color: #fff;1186 font-size: 20px;1187 transition-delay: 0.7s;1188 bottom: 12px;1184 background-color: transparent !important; 1185 color: #fff; 1186 font-size: 20px; 1187 transition-delay: 0.7s; 1188 bottom: 12px; 1189 1189 } 1190 1190 .kara .icon-links a.rsgd_link{ 1191 left: -20px;1191 left: -20px; 1192 1192 } 1193 1193 .kara .icon-links a.rsgd_zoom{ 1194 right: -20px;1194 right: -20px; 1195 1195 } 1196 1196 .kara:hover .icon-links a.rsgd_link{ 1197 left: 20px;1197 left: 20px; 1198 1198 } 1199 1199 .kara:hover .icon-links a.rsgd_zoom{ 1200 right: 20px;1200 right: 20px; 1201 1201 } 1202 1202 /* style 1 */ 1203 1203 .paleo .port-captions h4,.sublime .port-captions h4,.gemini .port-captions h4,.focus .port-captions h4,.agent .port-captions h4,.mass .port-captions h4,.astro .port-captions h4,.zilla .port-captions h4{ 1204 margin: 15px 0 0;1205 font-size: 16px;1206 line-height: 22px;1207 overflow: hidden;1208 text-overflow: ellipsis;1209 white-space: nowrap;1204 margin: 15px 0 0; 1205 font-size: 16px; 1206 line-height: 22px; 1207 overflow: hidden; 1208 text-overflow: ellipsis; 1209 white-space: nowrap; 1210 1210 } 1211 1211 .paleo p.description,.sublime p.description,.gemini p.description,.zilla p.description{ 1212 font-size: 13px1212 font-size: 13px 1213 1213 } 1214 1214 .paleo .icon-links{ 1215 bottom: 0;1216 width: 100%;1217 left: 0;1215 bottom: 0; 1216 width: 100%; 1217 left: 0; 1218 1218 } 1219 1219 .paleo .icon-links a,.sublime .icon-links a{ 1220 width: 50%;1221 text-align: center;1222 margin: 0 !important;1223 top: 0;1224 position: relative;1220 width: 50%; 1221 text-align: center; 1222 margin: 0 !important; 1223 top: 0; 1224 position: relative; 1225 1225 } 1226 1226 .paleo .port-captions { 1227 position: relative;1227 position: relative; 1228 1228 } 1229 1229 .paleo a.rsgd_zoom{ 1230 right: -300px;1230 right: -300px; 1231 1231 } 1232 1232 .paleo a.rsgd_link{ 1233 left: -300px;1233 left: -300px; 1234 1234 } 1235 1235 .paleo:hover a.rsgd_zoom{ 1236 right: 0;1237 opacity: 11236 right: 0; 1237 opacity: 1 1238 1238 } 1239 1239 .paleo:hover a.rsgd_link{ 1240 left: 0;1240 left: 0; 1241 1241 } 1242 1242 1243 1243 /* 2 */ 1244 1244 .hub .port-container img,.ivy .port-container img,.hub .ov-div,.ivy .ov-div,.kara .port-container img,.kara .ov-div{ 1245 position: relative;1246 width:100%;1247 z-index:1;1248 -webkit-transform: scale(1);1249 transform: scale(1);1245 position: relative; 1246 width:100%; 1247 z-index:1; 1248 -webkit-transform: scale(1); 1249 transform: scale(1); 1250 1250 } 1251 1251 .hub .port-container:after,.ivy .port-container:after{ 1252 position:absolute;1253 content:"";1254 width:100%;1255 height:100%;1256 top:0;1257 left:0;1258 display:inline-block1252 position:absolute; 1253 content:""; 1254 width:100%; 1255 height:100%; 1256 top:0; 1257 left:0; 1258 display:inline-block 1259 1259 } 1260 1260 .hub .port-container:hover .ov-div,.ivy .port-container:hover .ov-div,.kara .port-container:hover .ov-div{ 1261 -webkit-transform: scale(1.5);1262 transform: scale(1.5);1261 -webkit-transform: scale(1.5); 1262 transform: scale(1.5); 1263 1263 } 1264 1264 .portfolio-item .port-container:after{ 1265 background-color:rgba(0,0,0,.5);1266 opacity:0;1267 z-index:1;1268 -webkit-transition: opacity 0.35s;1269 transition: opacity 0.35s;1265 background-color:rgba(0,0,0,.5); 1266 opacity:0; 1267 z-index:1; 1268 -webkit-transition: opacity 0.35s; 1269 transition: opacity 0.35s; 1270 1270 } 1271 1271 .hub .icon-links,.ivy .icon-links,.neuron .icon-links,.focus .icon-links,.kara .icon-links{ … … 1276 1276 } 1277 1277 .hub .icon-links a { 1278 left:-60px;1279 top:50%;1280 margin-top:-20px;1278 left:-60px; 1279 top:50%; 1280 margin-top:-20px; 1281 1281 } 1282 1282 .hub .port-container:hover .icon-links a{ 1283 left:01283 left:0 1284 1284 } 1285 1285 .hub a.rsgd_zoom{ 1286 left:auto;1287 right:-60px1286 left:auto; 1287 right:-60px 1288 1288 } 1289 1289 .hub .port-container:hover a.rsgd_zoom{ 1290 right:0;1291 left: auto;1290 right:0; 1291 left: auto; 1292 1292 } 1293 1293 .hub .port-captions,.kara .port-captions{ 1294 position:absolute;1295 width:100%;1296 bottom:0;1297 left:0;1298 z-index: 91294 position:absolute; 1295 width:100%; 1296 bottom:0; 1297 left:0; 1298 z-index: 9 1299 1299 } 1300 1300 .hub h4,.hub .port-captions h4 { 1301 color:#fff;1302 text-align:center;1303 -webkit-transition-delay: 0.2s !important;1304 transition-delay: 0.2s !important;1305 -webkit-transform: translate3d(0,120px,0);1306 transform: translate3d(0,120px,0);1301 color:#fff; 1302 text-align:center; 1303 -webkit-transition-delay: 0.2s !important; 1304 transition-delay: 0.2s !important; 1305 -webkit-transform: translate3d(0,120px,0); 1306 transform: translate3d(0,120px,0); 1307 1307 } 1308 1308 .hub h4 a,.hub .port-captions h4 a{ 1309 color:#fff1309 color:#fff 1310 1310 } 1311 1311 .hub .port-captions p.description { 1312 font-size: 11px;1313 text-align:center;1314 display:block;1315 color:#ccc;1316 -webkit-transition-delay: 0.3s !important;1317 transition-delay: 0.3s !important;1318 -webkit-transform: translate3d(0,120px,0);1319 transform: translate3d(0,120px,0);1320 margin-bottom: 10px1312 font-size: 11px; 1313 text-align:center; 1314 display:block; 1315 color:#ccc; 1316 -webkit-transition-delay: 0.3s !important; 1317 transition-delay: 0.3s !important; 1318 -webkit-transform: translate3d(0,120px,0); 1319 transform: translate3d(0,120px,0); 1320 margin-bottom: 10px 1321 1321 } 1322 1322 .hub .port-container .description a,.hub .port-captions .description a{ 1323 color:#fff1323 color:#fff 1324 1324 } 1325 1325 .hub .port-container:hover h4,.hub .port-container:hover .description,.hub:hover .port-captions h4,.hub:hover .port-captions .description { 1326 -webkit-transform: translate3d(0,0,0);1327 transform: translate3d(0,0,0);1326 -webkit-transform: translate3d(0,0,0); 1327 transform: translate3d(0,0,0); 1328 1328 } 1329 1329 1330 1330 /* 3 */ 1331 1331 .ivy .port-container .icon-links a{ 1332 width: 40px;1333 height: 40px;1334 line-height: 40px;1335 text-align: center;1336 z-index: 5;1337 color: #fff;1332 width: 40px; 1333 height: 40px; 1334 line-height: 40px; 1335 text-align: center; 1336 z-index: 5; 1337 color: #fff; 1338 1338 background-color: transparent !important; 1339 1339 } 1340 1340 .ivy .port-container .icon-links a:after{ 1341 position: absolute;1342 width: 0;1343 height: 0;1344 top: 0;1345 left: 0;1346 display: inline-block;1347 content: "";1348 border-style: solid;1349 border-width: 60px 60px 0 0;1350 z-index: -11341 position: absolute; 1342 width: 0; 1343 height: 0; 1344 top: 0; 1345 left: 0; 1346 display: inline-block; 1347 content: ""; 1348 border-style: solid; 1349 border-width: 60px 60px 0 0; 1350 z-index: -1 1351 1351 } 1352 1352 .ivy .port-container a.rsgd_zoom:after{ 1353 border-width: 0 0 60px 60px;1354 top: auto;1355 left: auto;1356 bottom: 0;1357 right: 01353 border-width: 0 0 60px 60px; 1354 top: auto; 1355 left: auto; 1356 bottom: 0; 1357 right: 0 1358 1358 } 1359 1359 .ivy .port-container a.rsgd_link{ 1360 top: -60px;1361 left: -60px;1360 top: -60px; 1361 left: -60px; 1362 1362 } 1363 1363 .ivy .port-container a.rsgd_zoom{ 1364 bottom: -60px;1365 right: -60px;1364 bottom: -60px; 1365 right: -60px; 1366 1366 } 1367 1367 .ivy:hover a.rsgd_link{ 1368 top: 0;1369 left: 0;1368 top: 0; 1369 left: 0; 1370 1370 } 1371 1371 .ivy.portfolio-item:hover a.rsgd_zoom{ 1372 bottom: 0;1373 right: 0;1372 bottom: 0; 1373 right: 0; 1374 1374 } 1375 1375 .ivy .port-captions{ 1376 text-align: center;1377 -webkit-transition: all 0.35s ease;1378 transition: all 0.35s ease;1379 -webkit-transition-delay: 0.1s;1380 transition-delay: 0.1s;1381 opacity: 0;1382 -webkit-transform: translate3d(0,40px,0);1383 transform: translate3d(0,40px,0);1384 position: absolute;1385 top: 0;1386 left: 0;1387 width: 100%;1388 z-index: 5;1389 margin-top: 33%;1376 text-align: center; 1377 -webkit-transition: all 0.35s ease; 1378 transition: all 0.35s ease; 1379 -webkit-transition-delay: 0.1s; 1380 transition-delay: 0.1s; 1381 opacity: 0; 1382 -webkit-transform: translate3d(0,40px,0); 1383 transform: translate3d(0,40px,0); 1384 position: absolute; 1385 top: 0; 1386 left: 0; 1387 width: 100%; 1388 z-index: 5; 1389 margin-top: 33%; 1390 1390 } 1391 1391 .ivy .port-container:hover .port-captions,.onair .port-container:hover .port-captions{ 1392 -webkit-transform: translate3d(0,0,0);1393 transform: translate3d(0,0,0);1394 opacity: 11392 -webkit-transform: translate3d(0,0,0); 1393 transform: translate3d(0,0,0); 1394 opacity: 1 1395 1395 } 1396 1396 .ivy .port-captions h4 a,.onair .port-captions h4 a{ 1397 color:#fff;1397 color:#fff; 1398 1398 } 1399 1399 .ivy .port-captions p a,.ivy .port-captions p { 1400 color:#ccc;1400 color:#ccc; 1401 1401 } 1402 1402 1403 1403 /* 4 */ 1404 1404 .sublime .port-captions{ 1405 background-color: rgba(0,0,0,.05);1406 padding: 5px 15px 15px;1407 text-align: center;1405 background-color: rgba(0,0,0,.05); 1406 padding: 5px 15px 15px; 1407 text-align: center; 1408 1408 } 1409 1409 .sublime .icon-links{ 1410 bottom: 0;1411 left: 0;1412 width: 100%1410 bottom: 0; 1411 left: 0; 1412 width: 100% 1413 1413 } 1414 1414 .sublime .icon-links a{ 1415 -webkit-transform: translate3d(0,50px,0);1416 transform: translate3d(0,50px,0);1415 -webkit-transform: translate3d(0,50px,0); 1416 transform: translate3d(0,50px,0); 1417 1417 } 1418 1418 .sublime .icon-links a.rsgd_zoom{ 1419 -webkit-transform: translate3d(0,-50px,0);1420 transform: translate3d(0,-50px,0);1419 -webkit-transform: translate3d(0,-50px,0); 1420 transform: translate3d(0,-50px,0); 1421 1421 } 1422 1422 .sublime:hover .icon-links a{ 1423 -webkit-transform: translate3d(0,0,0);1424 transform: translate3d(0,0,0);1423 -webkit-transform: translate3d(0,0,0); 1424 transform: translate3d(0,0,0); 1425 1425 } 1426 1426 .sublime a.rsgd_zoom,.krosh a.rsgd_zoom{ 1427 bottom: 100px;1428 right: 01427 bottom: 100px; 1428 right: 0 1429 1429 } 1430 1430 .sublime a.rsgd_link,.krosh a.rsgd_link{ 1431 bottom: -100px1431 bottom: -100px 1432 1432 } 1433 1433 .sublime:hover .icon-links a,.krosh:hover .icon-links a{ 1434 bottom: 0;1434 bottom: 0; 1435 1435 } 1436 1436 1437 1437 /* 5 */ 1438 1438 .krosh{ 1439 position: relative;1440 overflow: hidden;1439 position: relative; 1440 overflow: hidden; 1441 1441 } 1442 1442 .krosh .port-captions{ 1443 text-align: center;1444 padding: 5px 15px 15px;1445 -webkit-transition: all 0.3s ease-out;1446 transition: all 0.3s ease-out;1447 opacity: 0;1448 position: absolute;1449 width: 100%;1450 z-index: 99;1451 bottom: -100px;1452 left: 0;1453 background-color: #fff;1443 text-align: center; 1444 padding: 5px 15px 15px; 1445 -webkit-transition: all 0.3s ease-out; 1446 transition: all 0.3s ease-out; 1447 opacity: 0; 1448 position: absolute; 1449 width: 100%; 1450 z-index: 99; 1451 bottom: -100px; 1452 left: 0; 1453 background-color: #fff; 1454 1454 } 1455 1455 .krosh .port-captions h4{ 1456 font-size:15px1456 font-size:15px 1457 1457 } 1458 1458 .krosh .icon-links{ 1459 width: 102px;1460 height: 50px;1461 left: 50%;1462 margin-left: -51px;1463 top: 50%;1464 margin-top: -25px1459 width: 102px; 1460 height: 50px; 1461 left: 50%; 1462 margin-left: -51px; 1463 top: 50%; 1464 margin-top: -25px 1465 1465 } 1466 1466 .krosh .icon-links a.rsgd_zoom{ 1467 margin-left: 1px1467 margin-left: 1px 1468 1468 } 1469 1469 .krosh .port-container:hover .port-captions{ 1470 bottom: 0;1471 opacity: 11470 bottom: 0; 1471 opacity: 1 1472 1472 } 1473 1473 .krosh .port-img,.krosh .media-cont{ 1474 position: relative;1475 -webkit-transition: all 0.4s ease;1476 transition: all 0.4s ease;1477 top: 01474 position: relative; 1475 -webkit-transition: all 0.4s ease; 1476 transition: all 0.4s ease; 1477 top: 0 1478 1478 } 1479 1479 .krosh:hover .port-img,.krosh:hover .media-cont{ 1480 top: -20px1480 top: -20px 1481 1481 } 1482 1482 1483 1483 /* 6 */ 1484 1484 .impress .port-img:before{ 1485 background-color: rgba(0,0,0,.75);1485 background-color: rgba(0,0,0,.75); 1486 1486 } 1487 1487 .impress .icon-links,.marbele .icon-links{ 1488 height: 56px;1489 width: 117px;1490 top: 38%;1491 left: 50%;1492 margin-left: -50px;1493 margin-top: -28px;1494 overflow: visible;1495 z-index: 99;1488 height: 56px; 1489 width: 117px; 1490 top: 38%; 1491 left: 50%; 1492 margin-left: -50px; 1493 margin-top: -28px; 1494 overflow: visible; 1495 z-index: 99; 1496 1496 } 1497 1497 .impress .icon-links a,.marbele .icon-links a{ 1498 position: static;1499 width: 56px;1500 height: 56px;1501 text-align: center;1502 line-height: 56px;1503 background-color: rgba(255,255,255,0.35);1504 border-radius: 50%;1505 font-size: 18px;1506 color: #fff;1507 transform: translate3d(0px, -150px, 0px);1508 -webkit-animation-delay: 0.4s !important;1509 animation-delay: 0.4s !important;1498 position: static; 1499 width: 56px; 1500 height: 56px; 1501 text-align: center; 1502 line-height: 56px; 1503 background-color: rgba(255,255,255,0.35); 1504 border-radius: 50%; 1505 font-size: 18px; 1506 color: #fff; 1507 transform: translate3d(0px, -150px, 0px); 1508 -webkit-animation-delay: 0.4s !important; 1509 animation-delay: 0.4s !important; 1510 1510 } 1511 1511 .impress .icon-links a:first-child,.marbele .icon-links a:first-child{ 1512 margin-right: 5px;1512 margin-right: 5px; 1513 1513 } 1514 1514 .impress .icon-links a:last-child,.marbele .icon-links a:last-child{ 1515 -webkit-transition: all 0.7s ease;1516 transition: all 0.7s ease;1515 -webkit-transition: all 0.7s ease; 1516 transition: all 0.7s ease; 1517 1517 } 1518 1518 .impress:hover .icon-links a,.marbele:hover .icon-links a,.impress:hover .port-container:before{ 1519 opacity: 11519 opacity: 1 1520 1520 } 1521 1521 .impress:hover .icon-links a,.marbele:hover .icon-links a { 1522 transform: translate3d(0px, 0px, 0px);1522 transform: translate3d(0px, 0px, 0px); 1523 1523 } 1524 1524 .impress:hover .icon-links a:hover,.marbele:hover .icon-links a:hover{ 1525 background-color: rgba(0,0,0,.7);1525 background-color: rgba(0,0,0,.7); 1526 1526 } 1527 1527 .impress .port-captions{ 1528 position: absolute;1529 bottom: 0;1530 left: 0;1531 width: 100%;1532 z-index: 4;1533 transform: translate3d(0px, 100px, 0px);1534 -webkit-animation-delay: 0.4s !important;1535 animation-delay: 0.4s !important;1528 position: absolute; 1529 bottom: 0; 1530 left: 0; 1531 width: 100%; 1532 z-index: 4; 1533 transform: translate3d(0px, 100px, 0px); 1534 -webkit-animation-delay: 0.4s !important; 1535 animation-delay: 0.4s !important; 1536 1536 } 1537 1537 .impress:hover .port-captions { 1538 transform: translate3d(0px, 0px, 0px);1538 transform: translate3d(0px, 0px, 0px); 1539 1539 } 1540 1540 .impress .port-captions h4{ 1541 background-color: rgba(255,255,255,0.35);1542 color: #fff;1543 padding: 15px;1544 font-weight: 300;1545 text-align: center;1541 background-color: rgba(255,255,255,0.35); 1542 color: #fff; 1543 padding: 15px; 1544 font-weight: 300; 1545 text-align: center; 1546 1546 } 1547 1547 .impress .port-captions a{ 1548 color: #fff1548 color: #fff 1549 1549 } 1550 1550 .impress .port-captions p.description{ 1551 text-align: center;1552 padding: 10px 10px 13px;1551 text-align: center; 1552 padding: 10px 10px 13px; 1553 1553 } 1554 1554 1555 1555 /* 7 */ 1556 1556 .transit .port-img:before{ 1557 background-color: rgba(255, 255, 255, 0.7);1557 background-color: rgba(255, 255, 255, 0.7); 1558 1558 } 1559 1559 .transit .icon-links{ 1560 height: 56px;1561 width: 117px;1562 bottom: 24px;1563 left: 50%;1564 margin-left: -50px;1565 overflow: visible;1566 z-index: 991560 height: 56px; 1561 width: 117px; 1562 bottom: 24px; 1563 left: 50%; 1564 margin-left: -50px; 1565 overflow: visible; 1566 z-index: 99 1567 1567 } 1568 1568 .transit .icon-links a,.solo .icon-links a{ 1569 position: static;1570 width: 50px;1571 height: 50px;1572 text-align: center;1573 line-height: 50px;1574 background-color: rgba(0, 0, 0, 0.4);1575 font-size: 18px;1576 color: #fff;1577 transform: translate3d(0px, 50px, 0px);1569 position: static; 1570 width: 50px; 1571 height: 50px; 1572 text-align: center; 1573 line-height: 50px; 1574 background-color: rgba(0, 0, 0, 0.4); 1575 font-size: 18px; 1576 color: #fff; 1577 transform: translate3d(0px, 50px, 0px); 1578 1578 } 1579 1579 .transit .icon-links a:first-child{ 1580 margin-right: 1px;1580 margin-right: 1px; 1581 1581 } 1582 1582 .transit .icon-links a{ 1583 -webkit-transition: transform 0.7s ;1584 transition: transform 0.7s ;1583 -webkit-transition: transform 0.7s ; 1584 transition: transform 0.7s ; 1585 1585 } 1586 1586 .transit:hover .icon-links a,.transit:hover .port-container:before{ 1587 opacity: 11587 opacity: 1 1588 1588 } 1589 1589 .transit .port-img:before{ 1590 display:none !important;1590 display:none !important; 1591 1591 } 1592 1592 .transit:hover .icon-links a { 1593 transform: translate3d(0px, 0px, 0px);1593 transform: translate3d(0px, 0px, 0px); 1594 1594 } 1595 1595 .transit:hover .icon-links a:hover{ 1596 background-color: rgba(0,0,0,.7);1596 background-color: rgba(0,0,0,.7); 1597 1597 } 1598 1598 .transit .port-captions{ 1599 position: absolute;1600 bottom: 0;1601 left: 0;1602 width: 100%;1603 top: 0%;1604 z-index: 4;1605 -webkit-transform: translateY(-100%);1606 transform: translateY(-100%);1607 background-color: #333;1608 -webkit-transition: -webkit-transform .5s;1609 transition: transform .5s;1610 padding-top: 20%;1599 position: absolute; 1600 bottom: 0; 1601 left: 0; 1602 width: 100%; 1603 top: 0%; 1604 z-index: 4; 1605 -webkit-transform: translateY(-100%); 1606 transform: translateY(-100%); 1607 background-color: #333; 1608 -webkit-transition: -webkit-transform .5s; 1609 transition: transform .5s; 1610 padding-top: 20%; 1611 1611 } 1612 1612 .transit .ov-div { 1613 -webkit-transition: -webkit-transform .5s;1614 transition: transform .5s;1615 -webkit-transform: translateY(0);1616 transform: translateY(0);1613 -webkit-transition: -webkit-transform .5s; 1614 transition: transform .5s; 1615 -webkit-transform: translateY(0); 1616 transform: translateY(0); 1617 1617 } 1618 1618 .transit:hover .port-captions { 1619 -webkit-transform: translateY(0);1620 transform: translateY(0);1619 -webkit-transform: translateY(0); 1620 transform: translateY(0); 1621 1621 1622 1622 } 1623 1623 .transit:hover .ov-div { 1624 -webkit-transform: translateY(100%);1625 transform: translateY(100%);1624 -webkit-transform: translateY(100%); 1625 transform: translateY(100%); 1626 1626 } 1627 1627 .transit .port-captions h4{ 1628 color: #292929;1629 font-weight: 600;1630 text-align: center;1631 position: relative;1628 color: #292929; 1629 font-weight: 600; 1630 text-align: center; 1631 position: relative; 1632 1632 } 1633 1633 .transit .port-captions h4:after,.resort .port-captions h4:after{ 1634 position: absolute;1635 width: 40px;1636 height: 2px;1637 background-color: #656565;1638 content: "";1639 display: inline-block;1640 left: 50%;1641 margin-left: -20px;1642 bottom: -9px;1634 position: absolute; 1635 width: 40px; 1636 height: 2px; 1637 background-color: #656565; 1638 content: ""; 1639 display: inline-block; 1640 left: 50%; 1641 margin-left: -20px; 1642 bottom: -9px; 1643 1643 } 1644 1644 .transit .port-captions a{ 1645 color: #fff;1645 color: #fff; 1646 1646 } 1647 1647 .transit .port-captions p.description{ 1648 text-align: center;1649 padding-top: 8px1648 text-align: center; 1649 padding-top: 8px 1650 1650 } 1651 1651 .transit .figcaption{ 1652 position: relative;1653 z-index: 51652 position: relative; 1653 z-index: 5 1654 1654 } 1655 1655 1656 1656 /* 8 */ 1657 1657 .resort .port-container{ 1658 background-color: #ececec;1659 padding: 15px;1660 border:1px transparent solid;1658 background-color: #ececec; 1659 padding: 15px; 1660 border:1px transparent solid; 1661 1661 } 1662 1662 .resort .port-img{ 1663 max-height: 200px;1664 overflow: hidden;1665 border-width: 5px;1666 border-style: solid;1667 margin-bottom: 20px;1668 border-color: #fff;1663 max-height: 200px; 1664 overflow: hidden; 1665 border-width: 5px; 1666 border-style: solid; 1667 margin-bottom: 20px; 1668 border-color: #fff; 1669 1669 } 1670 1670 .resort .icon-links{ 1671 height: auto;1672 width: 100%;1673 top: auto;1674 z-index: 99;1675 bottom: 01671 height: auto; 1672 width: 100%; 1673 top: auto; 1674 z-index: 99; 1675 bottom: 0 1676 1676 } 1677 1677 .resort .icon-links a{ 1678 position: static;1679 width: 50%;1680 text-align: center;1681 transform: translate3d(-30px, 0px, 0px);1682 -webkit-transform: translate3d(-30px, 0px, 0px);1678 position: static; 1679 width: 50%; 1680 text-align: center; 1681 transform: translate3d(-30px, 0px, 0px); 1682 -webkit-transform: translate3d(-30px, 0px, 0px); 1683 1683 } 1684 1684 .resort .icon-links a:last-child{ 1685 transform: translate3d(30px, 0px, 0px);1686 -webkit-transform: translate3d(30px, 0px, 0px);1685 transform: translate3d(30px, 0px, 0px); 1686 -webkit-transform: translate3d(30px, 0px, 0px); 1687 1687 } 1688 1688 .resort .port-captions { 1689 text-align: center;1689 text-align: center; 1690 1690 } 1691 1691 .resort .port-captions h4{ 1692 text-transform: none;1693 position: relative;1694 margin-bottom: 25px1692 text-transform: none; 1693 position: relative; 1694 margin-bottom: 25px 1695 1695 } 1696 1696 .resort .port-captions h4:after{ 1697 bottom: -14px1697 bottom: -14px 1698 1698 } 1699 1699 .resort:hover .port-captions h4:after{ 1700 width: 100px;1701 margin-left: -50px;1700 width: 100px; 1701 margin-left: -50px; 1702 1702 } 1703 1703 .resort .port-img img{ 1704 transform: scale(1);1705 -webkit-transform: scale(1);1704 transform: scale(1); 1705 -webkit-transform: scale(1); 1706 1706 } 1707 1707 .resort:hover .port-img img{ 1708 transform: scale(1.1);1709 -webkit-transform: scale(1.1);1708 transform: scale(1.1); 1709 -webkit-transform: scale(1.1); 1710 1710 } 1711 1711 .resort:hover .port-container{ 1712 background-color: #fff;1713 border-color: #ddd1712 background-color: #fff; 1713 border-color: #ddd 1714 1714 } 1715 1715 .resort:hover .port-img{ 1716 border-color:#ddd;1716 border-color:#ddd; 1717 1717 } 1718 1718 .resort:hover .icon-links a{ 1719 transform: translate3d(0px, 0px, 0px);1720 -webkit-transform: translate3d(0px, 0px, 0px);1719 transform: translate3d(0px, 0px, 0px); 1720 -webkit-transform: translate3d(0px, 0px, 0px); 1721 1721 } 1722 1722 1723 1723 /* 9 */ 1724 1724 .gemini .port-img:before,.onair .port-img:before{ 1725 display: none;1725 display: none; 1726 1726 } 1727 1727 .portfolio-item .por-hover{ 1728 position: absolute;1729 width: 100%;1730 height: 100%;1731 left: -100%;1732 top: 0;1733 background-color: rgba(0,0,0,.6);1728 position: absolute; 1729 width: 100%; 1730 height: 100%; 1731 left: -100%; 1732 top: 0; 1733 background-color: rgba(0,0,0,.6); 1734 1734 } 1735 1735 .gemini .icon-links,.onair .icon-links{ 1736 position: relative;1737 width: 100%;1738 height: 100%;1739 top: 0;1736 position: relative; 1737 width: 100%; 1738 height: 100%; 1739 top: 0; 1740 1740 } 1741 1741 .gemini .icon-links a{ 1742 width: 50px;1743 height: 50px;1744 text-align: center;1745 line-height: 50px;1746 top: 50%;1747 margin-top: -25px;1748 left: 50%;1749 margin-left: -52px;1750 transform: scale(0);1751 -webkit-transform: scale(0);1752 opacity: 0;1753 -webkit-transition-delay: 0.3s;1754 transition-delay: 0.3s;1742 width: 50px; 1743 height: 50px; 1744 text-align: center; 1745 line-height: 50px; 1746 top: 50%; 1747 margin-top: -25px; 1748 left: 50%; 1749 margin-left: -52px; 1750 transform: scale(0); 1751 -webkit-transform: scale(0); 1752 opacity: 0; 1753 -webkit-transition-delay: 0.3s; 1754 transition-delay: 0.3s; 1755 1755 } 1756 1756 1757 1757 /* 11 */ 1758 1758 .onair .port-captions{ 1759 text-align: center;1760 -webkit-transition: all 0.35s ease;1761 transition: all 0.35s ease;1762 -webkit-transition-delay: 0.1s;1763 transition-delay: 0.1s;1764 opacity: 0;1765 -webkit-transform: translate3d(0,-40px,0);1766 transform: translate3d(0,-40px,0);1767 position: absolute;1768 top: 0;1769 left: 0;1770 width: 100%;1771 z-index: 5;1759 text-align: center; 1760 -webkit-transition: all 0.35s ease; 1761 transition: all 0.35s ease; 1762 -webkit-transition-delay: 0.1s; 1763 transition-delay: 0.1s; 1764 opacity: 0; 1765 -webkit-transform: translate3d(0,-40px,0); 1766 transform: translate3d(0,-40px,0); 1767 position: absolute; 1768 top: 0; 1769 left: 0; 1770 width: 100%; 1771 z-index: 5; 1772 1772 } 1773 1773 .onair .port-captions{ 1774 padding-top: 10%1774 padding-top: 10% 1775 1775 } 1776 1776 .onair .port-captions p{ 1777 display: table;1778 margin: 5px auto 0;1779 padding: 3px 6px;1780 font-size: 13px;1781 color: #fff1777 display: table; 1778 margin: 5px auto 0; 1779 padding: 3px 6px; 1780 font-size: 13px; 1781 color: #fff 1782 1782 } 1783 1783 .onair .port-captions p a{ 1784 color: #fff1784 color: #fff 1785 1785 } 1786 1786 .onair .icon-links a{ 1787 width: 50px;1788 height: 50px;1789 text-align: center;1790 line-height: 50px;1791 bottom: 5px;1792 left: 50%;1793 margin-left: -52px;1794 opacity: 0;1795 transform: scale(0);1796 -webkit-transform: scale(0);1797 background-color: rgba(255,255,255,0.3) !important;1798 color: #fff;1799 -webkit-transition-delay: 0.3s;1800 transition-delay: 0.3s;1787 width: 50px; 1788 height: 50px; 1789 text-align: center; 1790 line-height: 50px; 1791 bottom: 5px; 1792 left: 50%; 1793 margin-left: -52px; 1794 opacity: 0; 1795 transform: scale(0); 1796 -webkit-transform: scale(0); 1797 background-color: rgba(255,255,255,0.3) !important; 1798 color: #fff; 1799 -webkit-transition-delay: 0.3s; 1800 transition-delay: 0.3s; 1801 1801 } 1802 1802 .onair .icon-links a:hover{ 1803 background-color: rgba(0,0,0,0.5) !important;1804 color: #fff1803 background-color: rgba(0,0,0,0.5) !important; 1804 color: #fff 1805 1805 } 1806 1806 .gemini .icon-links a.rsgd_zoom,.onair .icon-links a.rsgd_zoom{ 1807 -webkit-transition-delay: 0.4s;1808 transition-delay: 0.4s;1809 left: auto;1810 margin-left: 0;1811 right: 50%;1812 margin-right: -52px;1807 -webkit-transition-delay: 0.4s; 1808 transition-delay: 0.4s; 1809 left: auto; 1810 margin-left: 0; 1811 right: 50%; 1812 margin-right: -52px; 1813 1813 } 1814 1814 .gemini:hover .icon-links a,.onair:hover .icon-links a{ 1815 opacity: 1;1816 transform: scale(1);1817 -webkit-transform: scale(1);1815 opacity: 1; 1816 transform: scale(1); 1817 -webkit-transform: scale(1); 1818 1818 } 1819 1819 1820 1820 /* 10 */ 1821 1821 .neuron .port-captions,.agent .port-captions{ 1822 position: absolute;1823 width: 100%;1824 bottom: 0;1825 left: 0;1826 text-align: center;1827 z-index: 91822 position: absolute; 1823 width: 100%; 1824 bottom: 0; 1825 left: 0; 1826 text-align: center; 1827 z-index: 9 1828 1828 } 1829 1829 .neuron .port-captions h4,.rotato .port-captions h4{ 1830 padding:3px 6px;1831 background-color: rgba(0, 0, 0, 0.63);1832 display: table;1833 margin:0 auto;1834 font-size: 14px;1835 -webkit-transition: all 0.5s ease;1836 transition: all 0.5s ease;1837 transform: translate3d(0px,-20px, 0px);1838 -webkit-transform: translate3d(0px,-20px, 0px);1839 opacity: 0;1830 padding:3px 6px; 1831 background-color: rgba(0, 0, 0, 0.63); 1832 display: table; 1833 margin:0 auto; 1834 font-size: 14px; 1835 -webkit-transition: all 0.5s ease; 1836 transition: all 0.5s ease; 1837 transform: translate3d(0px,-20px, 0px); 1838 -webkit-transform: translate3d(0px,-20px, 0px); 1839 opacity: 0; 1840 1840 } 1841 1841 .neuron .port-captions h4 a,.neuron .port-captions p,.neuron .port-captions p a,.rotato .port-captions h4 a,.rotato .port-captions p,.rotato .port-captions p a{ 1842 color: #fff1842 color: #fff 1843 1843 } 1844 1844 .neuron .port-captions p,.rotato .port-captions p{ 1845 margin-bottom: 8px;1846 -webkit-transition: all 0.5s ease;1847 transition: all 0.5s ease;1848 transform: translate3d(0px,50px, 0px);1849 -webkit-transform: translate3d(0px,50px, 0px);1850 opacity: 01845 margin-bottom: 8px; 1846 -webkit-transition: all 0.5s ease; 1847 transition: all 0.5s ease; 1848 transform: translate3d(0px,50px, 0px); 1849 -webkit-transform: translate3d(0px,50px, 0px); 1850 opacity: 0 1851 1851 } 1852 1852 .neuron:hover .port-captions h4,.neuron:hover .port-captions p,.rotato:hover .port-captions h4,.rotato:hover .port-captions p{ 1853 transform: translate3d(0px, 0px, 0px);1854 -webkit-transform: translate3d(0px, 0px, 0px);1855 opacity: 11853 transform: translate3d(0px, 0px, 0px); 1854 -webkit-transform: translate3d(0px, 0px, 0px); 1855 opacity: 1 1856 1856 } 1857 1857 .neuron .icon-links a,.rotato .icon-links a{ 1858 width: 50px;1859 height: 50px;1860 text-align: center;1861 line-height: 50px;1862 background-color: rgba(255,255,255,0.35);1863 border-radius: 50%;1864 font-size: 16px;1865 color: #fff;1866 transform: translate3d(-50px,0px, 0px);1867 -webkit-transition: all 0.7s ease;1868 transition: all 0.7s ease;1869 top: 35%;1870 left: 50%;1871 margin-left: -52px;1858 width: 50px; 1859 height: 50px; 1860 text-align: center; 1861 line-height: 50px; 1862 background-color: rgba(255,255,255,0.35); 1863 border-radius: 50%; 1864 font-size: 16px; 1865 color: #fff; 1866 transform: translate3d(-50px,0px, 0px); 1867 -webkit-transition: all 0.7s ease; 1868 transition: all 0.7s ease; 1869 top: 35%; 1870 left: 50%; 1871 margin-left: -52px; 1872 1872 } 1873 1873 .neuron .icon-links a:first-child,.rotato .icon-links a:first-child{ 1874 margin-right: 5px;1874 margin-right: 5px; 1875 1875 } 1876 1876 .neuron .icon-links a:last-child,.rotato .icon-links a:last-child{ 1877 left: auto;1878 right: 50%;1879 margin-right: -52px;1880 transform: translate3d(50px,0px, 0px);1877 left: auto; 1878 right: 50%; 1879 margin-right: -52px; 1880 transform: translate3d(50px,0px, 0px); 1881 1881 } 1882 1882 .neuron:hover .icon-links a,.rotato:hover .icon-links a{ 1883 opacity: 11883 opacity: 1 1884 1884 } 1885 1885 .neuron:hover .icon-links a,.rotato:hover .icon-links a{ 1886 transform: translate3d(0px, 0px, 0px);1886 transform: translate3d(0px, 0px, 0px); 1887 1887 } 1888 1888 .neuron:hover .icon-links a:hover,.rotato:hover .icon-links a:hover{ 1889 background-color: rgba(0,0,0,.7);1889 background-color: rgba(0,0,0,.7); 1890 1890 } 1891 1891 1892 1892 /* 12 */ 1893 1893 .solo { 1894 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.26);1895 background: #fff;1894 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.26); 1895 background: #fff; 1896 1896 } 1897 1897 .solo .port-container{ … … 1899 1899 } 1900 1900 .solo .port-captions h4,.zilla .port-captions h4{ 1901 margin: 15px 0 10px;1902 border-bottom : 1px #e8e8e8 solid;1903 padding-bottom: 10px;1904 font-size: 16px1901 margin: 15px 0 10px; 1902 border-bottom : 1px #e8e8e8 solid; 1903 padding-bottom: 10px; 1904 font-size: 16px 1905 1905 } 1906 1906 .solo .port-captions p{ 1907 font-size: 12px1907 font-size: 12px 1908 1908 } 1909 1909 .solo .icon-links { 1910 z-index: 9;1911 position: relative;1910 z-index: 9; 1911 position: relative; 1912 1912 } 1913 1913 .solo .port-img:before{ 1914 -webkit-transition: all 0.5s ease;1915 transition: all 0.5s ease;1916 transform: translateX(380px);1917 -webkit-transform: translateX(380px);1914 -webkit-transition: all 0.5s ease; 1915 transition: all 0.5s ease; 1916 transform: translateX(380px); 1917 -webkit-transform: translateX(380px); 1918 1918 } 1919 1919 .solo:hover .port-img:before{ 1920 transform: translateX(0px);1921 -webkit-transform: translateX(0px);1920 transform: translateX(0px); 1921 -webkit-transform: translateX(0px); 1922 1922 } 1923 1923 .solo .icon-links a{ 1924 background-color: rgba(0,0,0,0.2);1925 font-size: 16px;1926 color: #fff;1927 transform: translate3d(-50px,0px, 0px);1928 -webkit-transition: all 0.5s ease;1929 transition: all 0.5s ease;1924 background-color: rgba(0,0,0,0.2); 1925 font-size: 16px; 1926 color: #fff; 1927 transform: translate3d(-50px,0px, 0px); 1928 -webkit-transition: all 0.5s ease; 1929 transition: all 0.5s ease; 1930 1930 } 1931 1931 .solo .icon-links a:first-child{ 1932 margin-right: 1px;1933 -webkit-transition: all 0.7s ease;1934 transition: all 0.7s ease;1932 margin-right: 1px; 1933 -webkit-transition: all 0.7s ease; 1934 transition: all 0.7s ease; 1935 1935 } 1936 1936 .solo:hover .icon-links a,.focus:hover .icon-links a{ 1937 opacity: 1;1938 transform: translate3d(0px, 0px, 0px);1937 opacity: 1; 1938 transform: translate3d(0px, 0px, 0px); 1939 1939 } 1940 1940 .solo:hover .icon-links a:hover{ 1941 background-color: rgba(0,0,0,.7);1941 background-color: rgba(0,0,0,.7); 1942 1942 } 1943 1943 … … 1952 1952 .rotato .port-img,.rotato .port-container{ 1953 1953 transform-style: preserve-3d; 1954 -webkit-transition: all 0.6s ease;1955 transition: all 0.6s ease;1956 overflow: visible;1954 -webkit-transition: all 0.6s ease; 1955 transition: all 0.6s ease; 1956 overflow: visible; 1957 1957 } 1958 1958 .rotato .icon-links{ … … 1968 1968 .rotato:hover .icon-links{ 1969 1969 transform: rotateY(0deg); 1970 -webkit-transform: rotateY(0deg);1971 opacity: 11970 -webkit-transform: rotateY(0deg); 1971 opacity: 1 1972 1972 } 1973 1973 .rotato .ov-div{ … … 1976 1976 .rotato:hover .ov-div{ 1977 1977 transform: rotateY(-180deg); 1978 -webkit-transform: rotateY(-180deg);1978 -webkit-transform: rotateY(-180deg); 1979 1979 } 1980 1980 .rotato .port-captions{ … … 1995 1995 } 1996 1996 .solo .icon-links a,.focus .icon-links a{ 1997 font-size: 16px;1998 transform: translate3d(-50px,0px, 0px);1999 -webkit-transition: all 0.5s ease;2000 transition: all 0.5s ease;1997 font-size: 16px; 1998 transform: translate3d(-50px,0px, 0px); 1999 -webkit-transition: all 0.5s ease; 2000 transition: all 0.5s ease; 2001 2001 } 2002 2002 .focus a.rsgd_zoom{ … … 2011 2011 } 2012 2012 .focus:hover .icon-links a{ 2013 opacity: 1;2014 transform: translate3d(0px, 0px, 0px);2013 opacity: 1; 2014 transform: translate3d(0px, 0px, 0px); 2015 2015 } 2016 2016 .focus .port-captions{ … … 2020 2020 position: relative; 2021 2021 -webkit-transition: all 0.4s ease; 2022 transition: all 0.4s ease;2022 transition: all 0.4s ease; 2023 2023 } 2024 2024 .focus:hover .port-captions{ … … 2036 2036 color:#fff; 2037 2037 -webkit-transition: all 0.5s ease; 2038 transition: all 0.5s ease;2039 -webkit-transition-delay: 0.3s;2040 transition-delay: 0.3s;2038 transition: all 0.5s ease; 2039 -webkit-transition-delay: 0.3s; 2040 transition-delay: 0.3s; 2041 2041 } 2042 2042 .agent .port-captions a{ 2043 color:#fff2043 color:#fff 2044 2044 } 2045 2045 .agent:hover .port-captions{ … … 2049 2049 .agent .port-img:before{ 2050 2050 -webkit-transition: all 0.5s ease; 2051 transition: all 0.5s ease;2051 transition: all 0.5s ease; 2052 2052 transform:translate3d(0,600px,0); 2053 2053 -webkit-transform:translate3d(0,600px,0); … … 2069 2069 -webkit-transform:translate3d(600px,0,0); 2070 2070 -webkit-transition: all 0.5s ease-in-out; 2071 transition: all 0.5s ease-in-out;2071 transition: all 0.5s ease-in-out; 2072 2072 -webkit-transition-delay: 0.3s; 2073 transition-delay: 0.3s;2073 transition-delay: 0.3s; 2074 2074 } 2075 2075 .agent .icon-links a.rsgd_zoom{ 2076 2076 -webkit-transition-delay: 0.4s; 2077 transition-delay: 0.4s;2077 transition-delay: 0.4s; 2078 2078 } 2079 2079 .agent:hover .icon-links a{ … … 2124 2124 color: #fff; 2125 2125 -webkit-transition-delay: 0.3s; 2126 transition-delay: 0.3s;2126 transition-delay: 0.3s; 2127 2127 } 2128 2128 .rolly:hover .port-captions p{ … … 2144 2144 color: #fff; 2145 2145 transform: translate3d(-50px,0px, 0px); 2146 -webkit-transition: all 0.4s ease;2147 transition: all 0.4s ease;2148 -webkit-transition-delay: 0.5s;2149 transition-delay: 0.5s;2146 -webkit-transition: all 0.4s ease; 2147 transition: all 0.4s ease; 2148 -webkit-transition-delay: 0.5s; 2149 transition-delay: 0.5s; 2150 2150 } 2151 2151 .rolly .icon-links a.rsgd_zoom{ … … 2158 2158 /* 17 */ 2159 2159 .mass .port-captions{ 2160 text-align: center;2161 opacity: 0;2162 z-index: 9;2163 padding: 15px;2164 position: absolute;2165 width: 100%;2166 transform: translateY(-45px);2167 height: 0;2160 text-align: center; 2161 opacity: 0; 2162 z-index: 9; 2163 padding: 15px; 2164 position: absolute; 2165 width: 100%; 2166 transform: translateY(-45px); 2167 height: 0; 2168 2168 } 2169 2169 .mass .icon-links{ 2170 width: auto;2171 bottom: 0;2172 z-index: 99;2173 transform: translateX(-50%);2174 left: 50%;2170 width: auto; 2171 bottom: 0; 2172 z-index: 99; 2173 transform: translateX(-50%); 2174 left: 50%; 2175 2175 } 2176 2176 .mass .icon-links a{ 2177 position: static;2178 margin: 0 1px;2179 transform: translate3d(0px,-20px,0px);2180 height: 40px;2181 line-height: 45px;2177 position: static; 2178 margin: 0 1px; 2179 transform: translate3d(0px,-20px,0px); 2180 height: 40px; 2181 line-height: 45px; 2182 2182 } 2183 2183 .mass .icon-links a:hover{ 2184 background-color: #333;2185 color: #fff2184 background-color: #333; 2185 color: #fff 2186 2186 } 2187 2187 .mass .icon-links a.rsgd_zoom{ 2188 float: right;2189 transform: translate3d(0px,-20px,0px);2188 float: right; 2189 transform: translate3d(0px,-20px,0px); 2190 2190 } 2191 2191 .mass:hover .icon-links a{ 2192 transform: translate3d(0px,0px,0px);2192 transform: translate3d(0px,0px,0px); 2193 2193 } 2194 2194 .mass:hover .port-captions{ 2195 opacity: 1;2196 transform: translateY(-30px);2197 height: auto;2198 width: 92%;2195 opacity: 1; 2196 transform: translateY(-30px); 2197 height: auto; 2198 width: 92%; 2199 2199 } 2200 2200 .mass,.mass .port-container,.mass .port-img{ 2201 overflow: visible;2201 overflow: visible; 2202 2202 } 2203 2203 .mass:hover .port-img:before{ 2204 background-color: transparent;2205 opacity: 0 !important;2204 background-color: transparent; 2205 opacity: 0 !important; 2206 2206 } 2207 2207 .mass .port-img{ 2208 transition:transform 0.4s;2209 -webkit-transition:transform 0.4s;2208 transition:transform 0.4s; 2209 -webkit-transition:transform 0.4s; 2210 2210 } 2211 2211 .mass:hover .port-img{ 2212 transform:translateY(-30px);2213 -webkit-transform:translateY(-30px);2212 transform:translateY(-30px); 2213 -webkit-transform:translateY(-30px); 2214 2214 } 2215 2215 … … 2287 2287 .astro:hover .ov-div{ 2288 2288 -webkit-transform: translate3d(0,-80px,0); 2289 transform: translate3d(0,-80px,0);2289 transform: translate3d(0,-80px,0); 2290 2290 } 2291 2291 .astro:hover .icon-links{ … … 2295 2295 transform: translate3d(-50px,0px, 0px); 2296 2296 -webkit-transition-delay: 0.3s; 2297 transition-delay: 0.3s;2297 transition-delay: 0.3s; 2298 2298 opacity: 0 2299 2299 } … … 2328 2328 transform: translate3d(-50px,50px,0px); 2329 2329 -webkit-transition-delay: 0.3s; 2330 transition-delay: 0.3s;2330 transition-delay: 0.3s; 2331 2331 } 2332 2332 .zilla { … … 2344 2344 } 2345 2345 .ivy .icon-links a:after{ 2346 border-color: #7da600 transparent transparent transparent;2346 border-color: #7da600 transparent transparent transparent; 2347 2347 } 2348 2348 .ivy .icon-links a.rsgd_zoom:after{ 2349 border-color: transparent transparent #7da600 transparent;2349 border-color: transparent transparent #7da600 transparent; 2350 2350 } 2351 2351 .white-bg{ … … 2367 2367 .portfolio-meta-cont select#portfolio_layout{ 2368 2368 width: 30em; 2369 padding: 8px 10px;2370 background-color: #f5f5f5;2371 color: #333;2372 height: auto;2369 padding: 8px 10px; 2370 background-color: #f5f5f5; 2371 color: #333; 2372 height: auto; 2373 2373 } 2374 2374 2375 2375 .filter-by{ 2376 margin: 0;2377 clear:both;2378 position:relative;2376 margin: 0; 2377 clear:both; 2378 position:relative; 2379 2379 } 2380 2380 .filter-by ul{ 2381 display:table;2382 margin:auto;2383 padding: 0;2384 list-style: none;2381 display:table; 2382 margin:auto; 2383 padding: 0; 2384 list-style: none; 2385 2385 } 2386 2386 .filter-by ul li{ 2387 float: left;2388 position:relative;2389 margin: 0 3px;2390 padding-bottom: 0;2391 list-style: none;2387 float: left; 2388 position:relative; 2389 margin: 0 3px; 2390 padding-bottom: 0; 2391 list-style: none; 2392 2392 } 2393 2393 .filter-by ul li a{ 2394 display:block;2395 position:relative;2396 z-index:3;2397 font-size: 13px;2398 font-weight: bold;2399 text-transform: uppercase;2400 color: #555;2401 padding: 12px 25px;2402 margin: 0 !important;2403 background-color: #fff;2404 border-radius: 4px;2405 box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.17);2406 -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.17);2394 display:block; 2395 position:relative; 2396 z-index:3; 2397 font-size: 13px; 2398 font-weight: bold; 2399 text-transform: uppercase; 2400 color: #555; 2401 padding: 12px 25px; 2402 margin: 0 !important; 2403 background-color: #fff; 2404 border-radius: 4px; 2405 box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.17); 2406 -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.17); 2407 2407 } 2408 2408 .filter-by ul li.selected a{ … … 2545 2545 } 2546 2546 .wp-picker-container .wp-color-result.button { 2547 height: 40px !important;2548 border-color: #ececec !important;2549 background: #eee;2550 padding-left: 39px;2551 margin: 0 !important;2552 box-shadow: none;2553 padding-right: 0;2554 font-size: 12px;2547 height: 40px !important; 2548 border-color: #ececec !important; 2549 background: #eee; 2550 padding-left: 39px; 2551 margin: 0 !important; 2552 box-shadow: none; 2553 padding-right: 0; 2554 font-size: 12px; 2555 2555 } 2556 2556 .wp-picker-container .wp-color-result.button span.color-alpha{ … … 2570 2570 } 2571 2571 .wp-color-result:after { 2572 line-height: 40px;2573 padding: 0 15px;2574 border-radius: 0 0;2575 white-space: nowrap;2576 border-color: #ececec !important;2572 line-height: 40px; 2573 padding: 0 15px; 2574 border-radius: 0 0; 2575 white-space: nowrap; 2576 border-color: #ececec !important; 2577 2577 } 2578 2578 .wp-color-result.wp-picker-open .wp-color-result-text{ … … 2580 2580 } 2581 2581 .wp-picker-container input[type=text].wp-color-picker { 2582 width: 90px !important;2583 line-height: 38px;2584 padding: 0 15px;2585 box-shadow: none;2586 margin-left: -1px;2587 border-color: #ececec;2582 width: 90px !important; 2583 line-height: 38px; 2584 padding: 0 15px; 2585 box-shadow: none; 2586 margin-left: -1px; 2587 border-color: #ececec; 2588 2588 } 2589 2589 .wp-picker-container .button.button-small { 2590 height: 39px;2591 line-height: 38px;2592 border-radius: 0;2593 box-shadow: none;2594 padding: 0 15px;2595 color: #fff;2596 background-color: #444;2597 border-color: #444;2598 margin: 0px 0 0 -1px;2590 height: 39px; 2591 line-height: 38px; 2592 border-radius: 0; 2593 box-shadow: none; 2594 padding: 0 15px; 2595 color: #fff; 2596 background-color: #444; 2597 border-color: #444; 2598 margin: 0px 0 0 -1px; 2599 2599 } 2600 2600 .rsgd_select_boxes{display: none;} … … 2678 2678 cursor: e-resize 2679 2679 } 2680 .raysgrid-form input[type=number]::-webkit-inner-spin-button, 2681 .raysgrid-form input[type=number]::-webkit-outer-spin-button { 2680 .raysgrid-form input[type=number]::-webkit-inner-spin-button, 2681 .raysgrid-form input[type=number]::-webkit-outer-spin-button { 2682 2682 -webkit-appearance: none; 2683 2683 -moz-appearance: none; 2684 2684 appearance: none; 2685 margin: 0; 2685 margin: 0; 2686 2686 } 2687 2687 .iris-alpha-slider + .iris-alpha-slider{ … … 2745 2745 left: 0 2746 2746 } 2747 body.rtl .rsgd_form_title h2,body.rtl .rsgd_sel_opts li,body.rtl .portfolio-item,body.rtl .raysgrid-form .dataTables_length,body.rtl .raysgrid-form .dataTables_filter{ 2747 body.rtl .rsgd_form_title h2, 2748 body.rtl .rsgd_sel_opts li, 2749 body.rtl .portfolio-item, 2750 body.rtl .raysgrid-form .dataTables_length, 2751 body.rtl .raysgrid-form .dataTables_filter{ 2748 2752 float: right; 2749 2753 } … … 2755 2759 margin: 6px 10px 0px 0; 2756 2760 } 2757 body.rtl .rsgd_form_title h2 i,ul.rsgd_tabs > li a i{ 2761 body.rtl .rsgd_form_title h2 i, 2762 body.rtl ul.rsgd_tabs > li a i{ 2758 2763 margin-right: 0; 2759 2764 margin-left: 12px; … … 2768 2773 body.rtl .raysgrid-form .dataTables_filter label { 2769 2774 margin-right: 0; 2770 margin-left: 20px; 2775 margin-left: 20px; 2771 2776 } 2772 2777 body.rtl .raysgrid-form .dataTables_length{ … … 2774 2779 } 2775 2780 body.rtl .raysgrid-form .dataTables_length label { 2776 margin-left: 0;2777 margin-right: 20px;2781 margin-left: 0; 2782 margin-right: 20px; 2778 2783 } 2779 2784 body.rtl .raysgrid-form .dataTables_info { 2780 float: right;2785 float: right; 2781 2786 } 2782 2787 body.rtl .raysgrid-form .dataTables_paginate{ -
rays-grid/trunk/rays-grid.php
r2572600 r2643764 4 4 Plugin URI: https://www.it-rays.org/raysgrid 5 5 Description: WordPress Plugin for showing Grids with Custom Styles. 6 <<<<<<< .mine 7 Version: 1.3.0 8 ||||||| .r2057751 9 Version: 1.2.0 10 ======= 6 11 Version: 1.2.3 12 >>>>>>> .r2643762 7 13 Author: IT-RAYS 8 14 Author URI: https://themeforest.net/user/it-rays/portfolio … … 13 19 if (!defined('WPINC')) { die; } 14 20 15 class raysgrid_globals { 16 21 class Rays_Grid 22 { 23 24 private static $instance = null; 25 17 26 public $rsgd_name = 'RAYS Grid'; 18 27 public $rsgd_slug = 'raysgrid'; 19 28 public $rsgd_prefix = 'raysgrid'; 20 29 public $rsgd_table = 'raysgrid_setting'; 21 30 31 public static function get_instance() 32 { 33 if ( null === self::$instance ) { 34 self::$instance = new self(); 35 } 36 return self::$instance; 37 } 38 22 39 public function __construct() { 23 40 … … 27 44 28 45 } 29 46 47 public function rsgd_constants () { 48 49 global $table_prefix; 50 $rsgd_settings_tbl = $table_prefix . $this->rsgd_table; 51 52 defined( 'RSGD_DIR' ) or define ( 'RSGD_DIR', plugin_dir_path(__FILE__) ); 53 defined( 'RSGD_URI' ) or define ( 'RSGD_URI', plugin_dir_url(__FILE__) ); 54 define ( 'RSGD_NAME', $this->rsgd_name ); 55 define ( 'RSGD_SLUG', $this->rsgd_slug ); 56 define ( 'RSGD_PFX', $this->rsgd_prefix ); 57 define ( 'RSGD_TBL', $rsgd_settings_tbl ); 58 59 } 60 61 public function rsgd_include_files () { 62 63 require_once( RSGD_DIR . '/includes/class-db.php' ); 64 require_once( RSGD_DIR . '/includes/config.php' ); 65 require_once( RSGD_DIR . '/includes/class-base.php' ); 66 require_once( RSGD_DIR . '/includes/display-field.php' ); 67 require_once( RSGD_DIR . '/includes/global-functions.php' ); 68 require_once( RSGD_DIR . '/includes/admin/vc/raysgrid.php' ); 69 require_once( RSGD_DIR . '/includes/public/shortcode.php' ); 70 71 /*if ( !function_exists('array_column') ) { 72 require_once( RSGD_DIR . '/includes/array_column.php' ); 73 }*/ 74 75 } 76 30 77 public function rsgd_init () { 31 78 … … 37 84 } 38 85 39 public function rsgd_constants () {40 41 global $table_prefix;42 $rsgd_settings_tbl = $table_prefix . $this->rsgd_table;43 44 defined( 'RSGD_DIR' ) or define ( 'RSGD_DIR', plugin_dir_path(__FILE__) );45 defined( 'RSGD_URI' ) or define ( 'RSGD_URI', plugin_dir_url(__FILE__) );46 define ( 'RSGD_NAME', $this->rsgd_name );47 define ( 'RSGD_SLUG', $this->rsgd_slug );48 define ( 'RSGD_PFX', $this->rsgd_prefix );49 define ( 'RSGD_TBL', $rsgd_settings_tbl );50 51 }52 53 public function rsgd_include_files () {54 55 require_once( RSGD_DIR . '/includes/class-db.php' );56 require_once( RSGD_DIR . '/includes/config.php' );57 require_once( RSGD_DIR . '/includes/class-base.php' );58 require_once( RSGD_DIR . '/includes/display-field.php' );59 require_once( RSGD_DIR . '/includes/global-functions.php' );60 require_once( RSGD_DIR . '/includes/admin/vc/raysgrid.php' );61 require_once( RSGD_DIR . '/includes/public/shortcode.php' );62 63 if ( !function_exists('array_column') ) {64 require_once( RSGD_DIR . '/includes/array_column.php' );65 }66 67 }68 69 86 public function rsgd_localize_plugin () { 70 87 … … 74 91 75 92 } 76 new raysgrid_globals(); 93 94 function rays_grid() { 95 return Rays_Grid::get_instance(); 96 } 97 98 rays_grid(); -
rays-grid/trunk/readme.txt
r2572600 r2643764 3 3 Donate link: https://themeforest.net/user/it-rays/portfolio 4 4 Tags: rays grid, grid, custom post grid, post type grid, portfolio grid, portfolio masonry, grid display, category filter, custom post, isotope, filter, filtering, grid, layout, list, masonry, post, post filter, post layout 5 <<<<<<< .mine 6 Requires at least: 5.8 7 Tested up to: 5.8 8 Requires PHP: 7.4 or later 9 Stable tag: 1.3.0 10 ||||||| .r2057751 11 Requires at least: 5.1 12 Tested up to: 5.1 13 Requires PHP: 5.6 or later 14 Stable tag: 1.2.0 15 ======= 5 16 Requires at least: 5.7 6 17 Tested up to: 5.8 7 18 Requires PHP: 5.6 or later 8 19 Stable tag: 1.2.3 20 >>>>>>> .r2643762 9 21 License: GPLv2 or later 10 22 License URI: http://www.gnu.org/licenses/gpl-2.0.html
Note: See TracChangeset
for help on using the changeset viewer.