Skip to Content

CSS File

URL: https://geocams.pl/templates/tc/css/responsive.css?ver=1.0.3
HTTP Status: 200 OK
MIME Type: text/css
Last Modified: Thu, 20 Jan 2022 05:47:32 GMT
Download Time: Less than a second
Cookies: None
Size: 18 KB
Rules: 188 style rules
Imports: 0 stylesheets
HTTP Headers:  4 headers
Links In:  1 pages
Links Out:  0 links
Images:  0 images
CSS:  0 files
JavaScript:  0 files
  
OK Issues: No issues found

1@media all and (max-width: 1500px) {

2 .tc_boxed {

3 -webkit-box-sizing: border-box;

4 -moz-box-sizing: border-box;

5 box-sizing: border-box;

6 margin: 0 24px !important

7 }

8 .tc_col_lmr .content_list.tiled .tile{width:50%}

9 .tc_col_lmr .content_list.tiled .tile:nth-child(even) {padding-right:0}

10 .tc_col_lmr .content_list.tiled .tile:nth-child(3n) {padding-right:10px}

11 .tc_col_lmr .content_list.tiled .tile:nth-child(5n) {padding-right:0}

12 .tc_col_lmr .content_list.tiled .info_bar .bi_user, .tc_col_lm .content_list.tiled .info_bar .bi_user{display:none}

13 .tc_col_lmr .widget_content_list.tiles-big .item{width: calc(33% - 15px);}

14 .tc_col_lmr .widget_content_list.tiles-big .item{clear:none !important}

15 .tc_col_lmr .widget_content_list.tiles-big .item:nth-child(3n){margin-right:0}

16 .tc_col_lmr .field_movie_list .iwrap{width:50%}

17 .tc_col_lmr .iwrap:nth-child(3n+3) .player_wrap{margin-right:5px}

18 .tc_col_lmr .photo_filter{margin:-10px -20px 15px;padding:0 10px}

19 .tc_col_lmr .photo_filter .box_menu{margin-right:20px}

20 .tc_col_lm .default_list_two, .tc_col_rm .default_list_two{

grid-template-columns:repeat(auto-fill, minmax(32%, 1fr));}

21 .tc_col_m .default_list_two{

grid-template-columns:repeat(auto-fill, minmax(24%, 1fr));}

22 .tc_col_m .default_list_two .my_default_list_item .my_item_wrap .miw_photo_block .miw_photo{width:100% !important}

23}

24

25@media (min-width:881px) and (max-width: 1500px) {

26 .tc_col_lmr .box_menu_dd:last-child{left:auto !important;right:5px;}

27}

28

29@media all and (max-width: 1366px) {

30 nav#main_menu.menu_fix .menu{margin:0 0 0 10px}

31 header .widget_user_avatar.menu_fix{right:5px}

32 .tc_col_lmr .default_list_two{

grid-template-columns:repeat(auto-fill, minmax(32%, 1fr));}

33 #breadcrumbs{margin:0 24px !important}

34}

35

36@media (min-width:992px) and (max-width: 1300px) {

37 .tc_col_lmr .photo_filter .box_menu{margin-right: 35px;}

38 .tc_col_lmr .box_menu_dd:nth-child(n+8){top:88px;}

39 .tc_col_lmr .box_menu_dd:last-child{right: auto;left: 160px !important;}

40}

41

42@media all and (max-width: 1280px) {

43 .sc_good_box .sc_good_image .sc_good_img{width:296px !important}

44}

45

46@media (min-width:991px) and (max-width: 1200px) {

47 .tc_col_lmr .widget_content_slider .items .item .title{display:none}

48 .tc_col_lmr .widget_content_slider .items {width:50px}

49 .tc_col_lmr .widget_content_slider .slide {width: 90%}

50 .tc_col_lmr .widget_content_slider .items .item .image{margin-right:0}

51 .tc_col_lmr .widget_content_list.featured .item-first{width: 100%;float: none;margin-right: 0;}

52 .tc_col_lmr .widget_content_list.tiles-big .item {width: calc(50% - 15px);}

53 .tc_col_lmr .widget_content_list.tiles-big .item:nth-child(3n){margin-right:15px}

54 .tc_col_lmr .widget_content_list.tiles-big .item:nth-child(2n){margin-right:0}

55 .sc_good_box .sc_good_image .sc_good_img{width:276px !important}

56}

57

58@media (min-width:991px) and (max-width: 1152px) {

59 .tc_col_lmr .default_list_two{

grid-template-columns:1fr;}

60 .default_list_two .my_default_list_item .my_item_wrap .miw_photo_block .miw_photo{width:100% !important}

61}

62

63@media all and (max-width: 1140px) {

64 .sc_good_box .sc_good_image .sc_good_img{width:351px !important}

65}

66

67@media (min-width:991px) and (max-width: 1024px) {

68 .widget-photolist li img{width:60px}

69 #tc_bottom_header .menu li a,#tc_top_header .tc_boxed > div .widget_html_block{font-size:13px}

70 #tc_top_header .menu li a{font-size:14px}

71 .tc_col_lmr .widget_content_slider .items {width:60px}

72 .tc_col_lmr .widget_content_slider .slide {width: 89%}

73 .sc_good_box .sc_good_image .sc_good_img{width:313px !important}

74}

75

76@media all and (max-width: 991px) {

77 .tc_col_lmr {

78 padding-left: 31%;

79 padding-right: 1%;

80 }

81 #body .tc_col_lmr aside#tc_right_sidebar {

82 width: calc(100% + 44%);

83 float: left;

84 margin: 10px 0 0 56%;

85 position: relative;

86 left: -100%;

87 }

88 #body .tc_col_lmr aside {

89 float: left !important;

90 clear: left;

91 overflow: visible;

92 }

93 header .widget_user_avatar .user_info .avatar{display:none}

94 header .widget_user_avatar .user_info .name{margin-right:0}

95 .sc_good_box .sc_good_image .sc_good_img{width:303px !important}

96}

97@media (min-width:881px) and (max-width: 991px) {

98 .tc_col_lmr #tc_right_sidebar .widget_user_avatar .menu li ul {

99 visibility: visible !important;

100 position: static !important;

101 width: 100% !important;

102 box-shadow: none !important;

103 border: none !important;

104 background: transparent !important;

105 display: none;

106 padding-left: 0 !important;

107 }

108 .tc_col_lmr #tc_right_sidebar .widget_user_avatar .menu li ul li {padding-left:10px!important;}

109 .tc_col_lmr #tc_right_sidebar .widget_user_avatar .menu .folder:hover,.tc_col_lmr #tc_right_sidebar .widget_user_avatar .menu li ul li:hover {background: transparent !important;}

110 .tc_col_lm {padding-left: 34%}

111 #body .tc_col_lm aside#tc_left_sidebar {

112 width: 48%;

113 margin-left: -51%;

114 float: left !important;

115 clear: left;

116 overflow: visible;

117 }

118 .tc_col_rm {padding-right: 34%}

119 #body .tc_col_rm aside#tc_right_sidebar {

120 width: 48%;

121 margin-right: -51%;

122 float: right !important;

123 clear: left;

124 overflow: visible;

125 }

126}

127

128@media (min-width:881px) and (max-width: 960px) {

129 .tc_col_lmr .photo_filter .box_menu{margin-right: 20px;}

130 .tc_col_lmr .box_menu_dd:last-child{right: auto;top:88px;left:0 !important;}

131}

132

133@media (min-width:881px) and (max-width: 920px) {

134 .widget_content_slider .items .item .title{display:none}

135 .widget_content_slider .items {width:50px}

136 .widget_content_slider .slide {width: 90%}

137 .widget_content_slider .items .item .image{margin-right:0}

138 .tc_col_lmr .widget_content_list.featured .item-first{width: 100%;float: none;margin-right: 0;}

139 .tc_col_lmr .widget_content_list.tiles-big .item {width: calc(50% - 15px);}

140 .tc_col_lmr .widget_content_list.tiles-big .item:nth-child(3n){margin-right:15px}

141 .tc_col_lmr .widget_content_list.tiles-big .item:nth-child(2n){margin-right:0}

142 .tc_col_lmr .widget_content_list.tiles-big .item .title a {display: inline-block;height: 40px;overflow: hidden;}

143 footer #widget_pos_footers > div{width:30%}

144 .tc_col_lm .default_list_two,.tc_col_rm .default_list_two{

grid-template-columns:1fr;}

145 .default_list_two .my_default_list_item .my_item_wrap .miw_photo_block .miw_photo{width:100% !important}

146}

147

148@media all and (max-width: 920px) {

149 .tc_col_lm .field_movie_list .iwrap,.tc_col_rm .field_movie_list .iwrap{width:50%}

150 .tc_col_lm .iwrap:nth-child(3n+3) .player_wrap,.tc_col_rm .iwrap:nth-child(3n+3) .player_wrap{margin-right:5px}

151 .sc_good_box .sc_good_image .sc_good_img{width:278px !important}

152}

153

154@media all and (max-width: 899px) {

155 .sc_good_box .sc_good_image .sc_good_img{width:410px !important}

156}

157

158@media all and (max-width: 880px) {

159 #tc_top_header .tc_boxed > div > .menu li a{background:none;padding:11px 14px 9px}

160 #tc_top_header .tc_boxed > div > .menu li a:after{content:none}

161 footer #widget_pos_footers > div{width:47%}

162 footer #widget_pos_footers > div:nth-child(3n){clear:both}

163 .widget-photolist li img{width:60px}

164

165 .tc_col_lmr, .tc_col_lm, .tc_col_rm{

166 padding-left: 2px;

167 padding-right: 2px;

168 }

169 #body .tc_col_lmr section#tc_main_content {

170 float: none;

171 }

172 #body .tc_col_lmr aside#tc_left_sidebar {

173 width: 49%;

174 margin-left: 0;

175 }

176 #body .tc_col_lm aside#tc_left_sidebar {

177 width: 100%;

178 margin: 0;

179 padding: 1px;

180 }

181 #body .tc_col_rm aside#tc_right_sidebar {

182 width: 100%;

183 margin: 0;

184 padding: 1px;

185 right: 0;

186 }

187 #body .tc_col_lmr aside#tc_right_sidebar {

188 width: 49%;

189 float: right !important;

190 margin: 0;

191 position: relative;

192 left: auto;

193 right: auto;

194 clear: right;

195 }

196 #tc_top_header{height:85px}

197 .tc_th_left,.tc_th_right{float:none;width:100%;max-width:none;display: inline-block;border: 1px solid rgba(0, 0, 0, 0.10);}

198 .tc_th_right{margin-top: -5px;border-top: none;border-bottom: none;text-align: right;}

199 .topbar_search_form fieldset input[type="search"],.topbar_search_close{height:85px;line-height:82px}

200 .topbar_search_form fieldset:after {top: 10px;left: -10px}

201

202

203 .tc_col_lmr .field_movie_list .iwrap{width:33%}

204 .tc_col_lmr .iwrap:nth-child(3n+3) .player_wrap{margin-right:0}

205 nav#main_menu {display: inline-block}

206

207 .tc_boxed {margin: 0 14px !important;}

208

209 header .tc_th_right .wd_notices_icons li .wd_open_block{left: 0;right: auto;}

210 header .tc_th_right .wd_notices_icons li .wd_open_block:after {right: auto;left: 11px;}

211

212 #body aside .widget_content_list.tiles-big {margin-right: -15px;}

213 #body aside .widget_content_list.tiles-big .item{float: left;width: calc(25% - 15px)}

214

215 .tc_col_lm aside .widget_user_avatar .menu li ul,.tc_col_rm aside .widget_user_avatar .menu li ul {

216 visibility: visible !important;

217 position: static !important;

218 width: 100% !important;

219 box-shadow: none !important;

220 border: none !important;

221 background: transparent !important;

222 display: none;

223 padding-left: 0 !important;

224 }

225 .tc_col_lm aside .widget_user_avatar .menu li ul li ,.tc_col_rm aside .widget_user_avatar .menu li ul li {padding-left:10px!important;}

226 .tc_col_lm aside .widget_user_avatar .menu .folder:hover,.tc_col_lm aside .widget_user_avatar .menu li ul li:hover,.tc_col_rm aside .widget_user_avatar .menu .folder:hover,.tc_col_rm aside .widget_user_avatar .menu li ul li:hover {background: transparent !important;}

227 .tc_col_lmr .default_list_two{

grid-template-columns:repeat(auto-fill, minmax(31%, 1fr));}

228 .default_list_two .my_default_list_item .my_item_wrap .miw_photo_block .miw_photo{width:100% !important}

229}

230

231@media all and (max-width: 800px) {

232 .tc_col_lmr .iwrap:nth-child(2n+2) .player_wrap{margin-right:5px}

233 footer #widget_pos_footers > div{width:46%}

234 .tc_col_lmr .box_menu_dd:last-child{left:auto !important;right:5px;}

235 .sc_good_box .sc_good_image .sc_good_img{width:370px !important}

236}

237@media all and (max-width: 768px) {

238 #body .field_movie_list .iwrap{width:50%}

239 .tc_col_lmr .iwrap:nth-child(2n+2) .player_wrap{margin-right:0}

240 .tc_col_lmr .iwrap:nth-child(odd) .player_wrap{margin-right:5px}

241 .widget_content_slider .slide{width:92%}

242 footer .tc_copyrights .tc_copyright_blocks{display:block}

243 footer .tc_copyrights .tc_left_copyright {width: 100%}

244 footer .tc_copyrights .tc_right_copyright {width: 100%;display: inline-block;text-align:left;padding: 8px 0;border-top: 1px dashed rgba(255, 255, 255, 0.18);}

245 footer .tc_copyrights .tc_right_copyright .menu {float: left}

246 .tc_col_lmr .default_list_two{

grid-template-columns:repeat(auto-fill, minmax(32%, 1fr));}

247 .tc_col_lmr .default_list_two .my_default_list_item .my_item_wrap .miw_photo_block .miw_photo{width:100% !important}

248 .tc_col_m .default_list_two{

grid-template-columns:repeat(auto-fill, minmax(32%, 1fr));}

249}

250

251@media all and (max-width: 640px) {

252 #body .tc_col_lmr aside#tc_left_sidebar,#body .tc_col_lmr aside#tc_right_sidebar,footer #widget_pos_footers > div{

253 width: 100%;

254 margin:0;

255 padding:0;

256 float:none;

257 }

258 #widget_pos_footers{padding:10px}

259 .tc_col_lmr aside .widget_user_avatar .menu li ul {

260 visibility: visible !important;

261 position: static !important;

262 width: 100% !important;

263 box-shadow: none !important;

264 border: none !important;

265 background: transparent !important;

266 display: none;

267 padding-left: 0 !important;

268 }

269 .tc_col_lmr aside .widget_user_avatar .menu li ul li {padding-left:10px!important;}

270 .tc_col_lmr aside .widget_user_avatar .menu .folder:hover,.tc_col_lmr aside .widget_user_avatar .menu li ul li:hover {background: transparent !important;}

271 .widget_content_slider .slide{width:90%}

272 #tc_cp_widgets{display:none}

273 header #tc_cp_logo{width:100%}

274 .tc_col_lmr .photo_filter{margin:-10px 0 15px;padding:0 20px}

275 .tc_col_lmr .photo_filter .box_menu{margin-right:0}

276 .sc_good_box .sc_good_image .sc_good_img{width:290px !important}

277}

278

279@media all and (max-width: 599px) {

280 .sc_good_box .sc_good_image .sc_good_img{width:100% !important}

281 .default_list_two{

grid-template-columns:1fr !important;}

282}

283@media all and (max-width: 500px) {

284 #body .field_movie_list .iwrap{width:100%}

285 .field_movie_list .iwrap .player_wrap{margin-right:0 !important}

286 .widget_content_list.tiles-big,#body aside .widget_content_list.tiles-big{margin:0}

287 .widget_content_list.tiles-big .item,#body aside .widget_content_list.tiles-big .item{width: calc(50% - 15px);}

288 .widget_content_slider .slide {width: 88%}

289 .tc_col_lmr .content_list.tiled .tile{width: 100% !important;padding:0}

290}

291

292@media all and (max-width: 480px) {

293

294 .tc_boxed {margin: 0 6px !important;}

295

296 #tc_bottom_header .tc_boxed {margin: 0 !important;}

297 #layout nav#main_menu{display:none}

298 a.menu_mobile {

299 color: #fff;

300 display: block !important;

301 text-decoration: none;

302 padding: 12px;

303 font-size: 20px;

304 line-height: 26px;

305 }

306 #tc_bottom_header.lm_variant a.menu_mobile{color:#444}

307 #layout #main_menu, #layout #menu_mobile > ul, #layout #menu_mobile > ul ul {

308 clear: both;

309

display: flex;

310 flex-flow: column;

311 margin: 0;

312 }

313 #layout #menu_mobile.is_mm_open {

314 margin: 0;

315 max-height: 100%;

316 width: 100%;

317 display: block !important;

318 }

319

320 #layout #menu_mobile > ul ul.is_mi_open {

321 margin: 0;

322 max-height: 55em;

323 padding: 0;

324 position: relative;

325 width: 100%;

326 visibility: visible;

327 background: rgba(0, 0, 0, 0.25);

328 left: 0 !important;

329 top: 0 !important;

330 box-shadow: none;

331 }

332

333 #layout #tc_bottom_header.lm_variant #menu_mobile > ul ul.is_mi_open {background:rgba(167, 167, 167, 0.25)}

334

335 #layout #menu_mobile ul ul.is_mi_open ul {

336 background: rgba(0, 0, 0, 0.15);

337 }

338

339 #layout #menu_mobile > ul {

340 padding: 0;

341 height: auto;

342 line-height: normal;

343 float: none;

344 background:#444

345 }

346

347 #layout #tc_bottom_header.lm_variant #menu_mobile > ul{background:#f3f3f3}

348

349 #layout nav#menu_mobile li {

350 display: inline-block;

351 margin: 0;

352 position: relative;

353 float: none;

354 background: transparent;

355 border-bottom: 1px solid rgba(0, 0, 0, 0.14);

356 }

357

358 #layout #tc_bottom_header.lm_variant nav#menu_mobile li{border-bottom:1px solid rgba(0, 0, 0, 0.08)}

359

360 #layout #menu_mobile li a {

361 display: inline-block;

362 font-size: 14px;

363 letter-spacing: .0px;

364 line-height: 21px;

365 text-decoration: none;

366 height:auto

367 }

368

369 #layout #menu_mobile,#layout #menu_mobile > ul ul {

370 margin: 0;

371 max-height: 0;

372 overflow: hidden;

373 padding: 0;

374 }

375

376 #layout #menu_mobile li a {

377 display: block;

378 padding: 8px 0 6px 15px !important;

379 color: #ddd !important;

380 }

381

382 #layout #tc_bottom_header.lm_variant #menu_mobile li a{color:#444 !important}

383

384 #layout #menu_mobile .menu > li.active > a {

385 background: rgba(0, 0, 0, 0.42) !important;

386 color: #fff !important;

387 }

388

389 #layout #menu_mobile li li a {

390 padding-left: 25px !important;

391 }

392

393 #layout #menu_mobile li li li a {

394 padding-left: 30px !important;

395 }

396

397 #layout #menu_mobile .menu > .folder > a > .wrap:after {

398 float: right;

399 margin: -6px 10px;

400 padding: 13px;

401 }

402

403 #layout #menu_mobile .menu ul .folder > a:after {

404 content: "\f0d7";

405 float: right;

406 margin: -6px 16px;

407 padding: 13px

408 }

409

410 body #maps-map-block #map-canvas {

411 height: 240px !important

412 }

413 footer .tc_footer_text{padding:0 10px}

414 header.tc_header #tc_top_header .menu{z-index:5}

415 header.tc_header #tc_top_header .tc_th_left .menu{z-index:6}

416 .content_item .info_bar .bar_item, .content_list_item .info_bar .bar_item {padding-top: 7px;}

417 .content_item .info_bar .bi_share, .content_list_item .info_bar .bi_share{padding:0 0 12px}

418}

419

420@media all and (max-width: 440px) {

421 .widget_content_slider .slide {width: 100%;height: 160px;}

422 .widget_content_slider .items .item{padding:0}

423 .content_item.albums_item .info_bar > div{width: 100%;

display: flex;padding: 8px 0;height: auto;line-height: normal;}

424 .content_item.albums_item .info_bar > div > div{margin:auto}

425}

426

427@media all and (max-width: 400px) {

428 header .tc_th_right .wd_notices_icons li #pm_notices_window{left: -45px;right: auto;}

429 header .tc_th_right .wd_notices_icons li #pm_notices_window:after {right: auto;left:57px;}

430 .share .ya-share2__container_size_s .ya-share2__item {margin:6px;}

431 .pagebar_notice{display:none}

432}

433

434@media all and (max-width: 376px) {

435

436 .widget_content_list.featured .details{display:none}

437 #tc_top_header .tc_boxed > div > ul{width:42px}

438 #tc_top_header .tc_boxed > div > ul .flexMenu-popup{right:auto}

439 #tc_top_header .tc_boxed > div > div + ul .flexMenu-popup{right: 0;}

440 #tc_top_header .tc_boxed > div > ul .flexMenu-popup li{background: #f7f5f5}

441 #tc_top_header .tc_boxed > div > ul .flexMenu-popup li a{padding: 5px 10px}

442 .login_form h3{font-size:14px}

443 header #tc_cp_logo{width:99%}

444 #tc_cp_widgets{display:none}

445}

446

447@media all and (max-width: 360px) {

448

449 .tc_boxed {margin: 0 2px !important;}

450

451}

452

453@media all and (max-width: 340px) {

454

455 .tc_boxed {margin: 0 !important;}

456 .tc_th_left, .tc_th_right{width:99%}

457 .widget-photolist li img {

458 width: 58px;

459 }

460

461 footer .tc_boxed{min-width: 290px;}

462

463}