Файл: adultscript-2.0.3-pro/files/templates/defboot/css/responsive.css
Строк: 454
@media (max-width: 1200px) and (min-width: 810px) {
.hiddem-m {display:
none;}
.category-count {display: none;}
}
@media (max-width: 960px)
{
#video .left, #album .left, #photo .left, #channel .left {width: 100%;
margin-right:0;}
#video .right, #album .right, #photo .right, #channel
.right {width: 0; display: none;}
.ads-responsive img, .ads-responsive
iframe {max-width: 100%; height: auto;}
#album .content-container, #photo
.content-container {max-height:
none;}
div#share-container.content-container {max-height:
none;}
}
@media (max-width: 767px) {
.logo {width: 100%; text-align:
center; display: block; float: none; height: 60px; }
.logo img {width:
auto; max-height: 60px;}
.search {margin: 0 70px 10px 0; float: left;
}
#menu-main {
margin-top: 10px;
position: absolute;
width: 130px;
top: 90px;
right: 5px;
border-radius: 4px;
}
#menu-main ul.navbar-nav li {text-align:
center;}
#menu-main .navbar-menu {color: #ffffff; font-weight: bold;
padding: 7px 5px; border: 0;}
#menu-main .navbar-menu:hover {background:
none;}
ul.videos li {width: 48%; margin: 0 0 0 6px;}
ul.playlists li
{width: 48%; margin: 0 0 0 6px;}
ul.thumbs li {width: 48%; margin: 5px 0
5px 6px;}
ul.users li {width: 32.2%; margin: 5px 5px 5px
6px;}
ul.users-profile li {width: 32.5%; margin: 5px 6px 5px
6px;}
ul.albums li {width: 31%; margin: 5px 2px 5px 6px;}
ul.photos li
{width: 32%; margin: 5px 2px 5px 4px;}
ul.models li {width: 48%; margin:
5px 4px 5px 6px;}
ul.channels li {width: 47.5%; margin: 5px 4px 5px
6px;}
ul.categories li {width: 46%; margin: 0 6px 0 6px;}
ul.links li
{width: 33%;}
.content-left {margin-left: 0;}
.video-title,
.playlist-title {width: 100%; font-weight: bold; text-align: center;
overflow: hidden;}
.video-rating {position: absolute; bottom: 45px;
right: 10px;}
.navbar-brand img {max-height: 40px;}
.btn-float {float:
none; margin: 0 0 10px 10px;}
.padding-mobile {padding-top:
10px;}
#video .left {width: 100%; margin-right:0;}
#video .right {width:
0; display: none;}
.btn-mb,
.btn-group-mb > .btn {
padding: 5px
10px;
font-size: 12px;
line-height: 1.5;
border-radius:
3px;
}
#rating {height: 30px; padding-top: 0; padding-bottom:
0;}
.progress {height: 7px;}
}
@media (max-width: 1024px) {
.no-text
{display: none;}
}
@media (max-width: 481px) {
header .nav-top {height:
60px;}
header .nav-top .container {text-align: center;}
header .nav-top
ul {float: none; width: 100%; text-align: center;}
header .nav-top ul li
{
float:none;
display:inline-block;
*display:inline; /* ie7 fix
*/
zoom:1; /* hasLayout ie7 trigger */
}
header .logo {width: 50%;
text-align: left;}
header .search {width: 100%;}
header #menu-main {top:
58px; z-index: 100;}
ul.models li {width: 48%; margin: 5px 4px 5px
6px;}
ul.albums li {width: 47.8%; margin: 5px 2px 5px 4px;}
ul.photos li
{width: 47.5%; margin: 5px 2px 5px 6px;}
ul.categories li {width: 47%;
margin: 0 6px 0 6px;}
ul.channels li {width: 47%; margin: 5px 4px 5px
6px;}
ul.users li {width: 47%; margin: 5px 3px 5px 6px;}
ul.links li
{width: 49%;}
img.channel-thumb {float: none; margin: 0 auto; width:
100%;}
.content-left, .content-right {width: 100%; float:
none;}
}
@media (max-width: 321px) {
header .nav-top {height:
60px;}
#menu-main {width: 110px;}
ul.videos li {width: 96%; margin: 5px
0 0 6px;}
ul.playlists li {width: 96%; margin: 5px 4px 5px
6px;}
ul.thumbs li {width: 18%; margin: 5px 6px 5px 6px;}
ul.users li
{width: 47%; margin: 5px 3px 5px 6px;}
ul.albums li {width: 97%; margin:
5px 2px 5px 6px;}
ul.photos li {width: 98%; margin: 5px 4px 5px 4px;}
ul.models li {width: 98%; margin: 5px 4px 5px 6px;}
ul.categories li
{width: 96%; margin: 0 6px 0 6px;}
ul.channels li {width: 97%; margin: 5px
4px 5px 4px;}
ul.links li {width: 49%;}
img.channel-thumb {float:
none; margin: 0 auto; width: 100%;}
.content-left, .content-right {width:
100%; float: none;}
}
@media (min-width: 768px) {
.container {
width: 758px;
}
.navbar-nav > li > a {padding-left: 10px;
padding-right: 10px; margin-left: 0; margin-right: 0;}
ul.videos li
{width: 23%; margin: 0 8px 0 6px;}
ul.playlists li {width: 23%; margin: 0
8px 0 6px;}
ul.videos-profile li {width: 47%; margin: 0 6px 0
6px;}
ul.thumbs li {width: 21%; margin: 5px 2px 5px 6px;}
ul.users li
{width: 15%; margin: 5px 5px 5px 6px;}
ul.users-profile li {width: 22%;
margin: 5px 6px 5px 6px;}
ul.albums li {width: 32.2%; margin: 5px 2px 5px
4px;}
ul.albums-profile li {width: 218px; margin: 5px 6px 5px
6px;}
ul.photos li {width: 32%; margin: 5px 2px 5px 6px;}
ul.models li
{width: 172px; height: 270px; margin: 5px 4px 5px 6px;}
ul.channels li
{width: 32%; margin: 5px 4px 5px 4px;}
ul.categories li {width: 31.8%;
margin: 0 6px 0 4px;}
ul.links li {width: 33%;}
.video-title {width:
75%;}
.dl-horizontal dt {
width: 120px;
text-align:
left;
}
.dl-horizontal dd {
margin-left:
130px;
}
.btn-mb,
.btn-group-mb > .btn {
padding: 10px
16px;
font-size: 18px;
line-height: 1.3333333;
border-radius:
6px;
}
}
@media (min-width: 800px) {
.container {
width:
790px;
}
.navbar-nav > li > a {padding-left: 10px; padding-right:
10px; margin-left: 0; margin-right: 0;}
ul.videos li {width: 20%; margin:
0 6px 0 6px;}
ul.playlists li {width: 20%; margin: 0 6px 0
6px;}
ul.videos-profile li {margin: 0 6px 0 6px;}
ul.thumbs li {width:
21%; margin: 5px 2px 5px 6px;}
ul.users li {width: 15%; margin: 5px 5px
5px 6px;}
ul.users-profile li {margin: 5px 4px 5px 6px;}
ul.albums li
{width: 32%; margin: 5px 2px 5px 4px;}
ul.albums-profile li {width: 164px;
margin: 5px 3px 5px 6px;}
ul.photos li {width: 18.7%; margin: 5px 6px 5px
6px;}
ul.photos li {width: 23.4%; margin: 5px 6px 5px 6px;}
ul.models li
{width: 182px; height: 290px; margin: 5px 2px 5px 6px;}
ul.channels li
{width: 32.2%; margin: 5px 4px 5px 4px;}
ul.categories li {width: 32%;
margin: 0 6px 0 4px;}
ul.links li {width: 20%;}
}
@media (min-width:
890px) {
.container {
width: 880px;
}
.navbar-nav > li > a
{padding-left: 20px; padding-right: 20px; }
ul.videos li {width: 23%;
margin: 0 10px 0 6px;}
ul.playlists li {width: 23%; margin: 0 10px 0
6px;}
ul.thumbs li {width: 19%; margin: 5px 6px 5px 6px;}
ul.users li
{width: 15%; margin: 5px 5px 5px 6px;}
ul.albums li {width: 24%; margin:
5px 2px 5px 4px;}
ul.albums-profile li {width: 164px; margin: 5px 3px 5px
6px;}
ul.photos li {width: 23.5%; margin: 5px 6px 5px 6px;}
ul.models li
{width: 182px; height: 290px; margin: 5px 2px 5px 6px;}
ul.channels li
{width: 24%; margin: 5px 4px 5px 6px;}
ul.categories li {width: 23%;
margin: 0 6px 0 4px;}
ul.links li {width: 20%;}
}
@media (min-width:
992px) {
.container {
width: 982px;
}
ul.videos li {width: 23%;
margin: 0 8px 0 6px;}
ul.playlists li {width: 23%; margin: 0 8px 0
6px;}
ul.videos-profile li {width: 31%; margin: 0 10px 0
6px;}
ul.thumbs li {width: 19%; margin: 5px 3px 5px 6px;}
ul.users li
{width: 15%; margin: 5px 8px 5px 6px;}
ul.users-profile li {margin: 5px
4px 5px 6px;}
ul.albums li {width: 24%; margin: 5px 2px 5px
4px;}
ul.albums-profile li {width: 164px; margin: 5px 3px 5px
6px;}
ul.photos li {width: 18.7%; margin: 5px 6px 5px
6px;}
ul.photos-profile li {width: 23.2%; margin: 5px 6px 5px
6px;}
ul.models li {width: 182px; height: 290px; margin: 5px 2px 5px
6px;}
ul.channels li {width: 19.3%; margin: 5px 4px 5px
4px;}
ul.categories li {width: 23.4%; margin: 0 6px 0 6px;}
ul.links li
{width: 20%;}
.ads-square {width: 360px; height: 410px;}
}
@media
(min-width: 1024px) {
.container {
width: 990px;
}
ul.videos li
{width: 23%; margin: 0 6px 0 6px;}
ul.playlists li {width: 23%; margin:
0 6px 0 6px;}
ul.thumbs li {width: 19%; margin: 5px 3px 5px
6px;}
ul.users li {width: 12%; margin: 5px 3px 5px 6px;}
ul.albums li
{width: 24%; margin: 5px 2px 5px 4px;}
ul.photos li {width: 23.5%; margin:
5px 6px 5px 6px;}
ul.photos-profile li {width: 23.4%; margin: 5px 6px 5px
6px;}
ul.models li {width: 184px; height: 300px; margin: 5px 3px 5px
6px;}
ul.channels li {width: 24%; margin: 5px 4px 5px
4px;}
ul.categories li {width: 23.6%; margin: 0 6px 0 4px;}
ul.links li
{width: 20%;}
#album.row div#share-container.content-container
{max-height: 120px !important; overflow: none;}
#video.row
div#share-container.content-container {max-height: 220px !important;
overflow: none;}
.ads-square {width: 480px; height: 520px;}
}
@media
(min-width: 1150px) {
.container {width: 1140px;}
ul.videos li
{width: 23%; margin: 0 6px 0 6px;}
ul.playlists li {width: 23%; margin:
0 6px 0 6px;}
ul.thumbs li {width: 18%; margin: 5px 6px 5px
6px;}
ul.users li {width: 12%; margin: 5px 3px 5px 6px;}
ul.albums li
{width: 19%; margin: 5px 2px 5px 4px;}
ul.photos li {width: 15.8%; margin:
5px 6px 5px 4px;}
ul.photos-profile li {width: 23.4%; margin: 5px 6px 5px
6px;}
ul.models li {width: 184px; height: 300px; margin: 5px 3px 5px
6px;}
ul.channels li {width: 19.3%; margin: 5px 4px 5px
4px;}
ul.categories li {width: 23.8%; margin: 0 6px 0 4px;}
ul.links li
{width: 20%;}
.ads-square {width: 480px; height: 468px;}
}
@media
(min-width: 1200px) {
.container {width: 1190px;}
.container-item
{width: 1190px !important;}
ul.videos li {width: 23%; margin: 0 12px 0
6px;}
ul.playlists li {width: 23%; margin: 0 12px 0
6px;}
ul.videos-profile li {width: 24%; margin: 0 2px 0 6px;}
ul.thumbs
li {width: 19%; margin: 5px 3px 5px 6px;}
ul.users li {width: 11.5%;
margin: 5px 4px 5px 6px;}
ul.users-profile li {margin: 5px 2px 5px
6px;}
ul.albums li {width: 19%; margin: 5px 2px 5px
4px;}
ul.albums-profile li {width: 200px; margin: 5px 3px 5px
6px;}
ul.photos li {width: 15.8%; margin: 5px 6px 5px
4px;}
ul.photos-profile li {width: 23.4%; margin: 5px 6px 5px
6px;}
ul.models li {width: 184px; height: 300px; margin: 5px 3px 5px
6px;}
ul.channels li {width: 19.3%; margin: 5px 4px 5px
4px;}
ul.categories li {width: 23.8%; margin: 0 6px 0 4px;}
ul.links li
{width: 20%;}
.navigation li a {font-weight: bold;}
.ads-square {width:
480px; height: 368px;}
}
@media (min-width: 1280px) {
.container {width:
1280px;}
.container-item {width: 1232px !important;}
ul.videos li
{width: 23%; margin: 0 14px 0 6px;}
ul.playlists li {width: 23%; margin: 0
14px 0 6px;}
ul.videos-profile li {width: 24%; margin: 0 2px 0
6px;}
ul.thumbs li {width: 19%; margin: 5px 3px 5px 6px;}
ul.users li
{width: 11.5%; margin: 5px 6px 5px 6px;}
ul.users-profile li {margin: 5px
2px 5px 6px;}
ul.albums li {width: 19%; margin: 5px 4px 5px
4px;}
ul.albums-profile li {width: 220px; margin: 5px 3px 5px
6px;}
ul.photos li {width: 15.8%; margin: 5px 6px 5px
4px;}
ul.photos-profile li {width: 23.6%; margin: 5px 6px 5px
6px;}
ul.models li {width: 193px; height: 300px; margin: 5px 10px 5px
6px;}
ul.channels li {width: 19.3%; margin: 5px 4px 5px
4px;}
ul.categories li {width: 23.8%; margin: 0 6px 0 4px;}
.ads-square
{width: 500px; height: 494px; }
ul.links li {width: 14%;}
}
@media
(min-width: 1366px) {
.container {width: 1340px;}
.container-item {width:
1232px !important;}
ul.videos li {width: 23.7%; margin: 0 6px 0
8px;}
ul.playlists li {width: 16%; margin: 0 6px 0
6px;}
ul.videos-profile li {margin: 0 2px 0 6px;}
ul.related li {width:
19%; margin: 0 3px 0 6px;}
ul.thumbs li {width: 19%; margin: 5px 3px 5px
6px;}
ul.users li {width: 11.5%; margin: 5px 10px 5px
6px;}
ul.users-profile li {margin: 5px 6px 5px 6px;}
ul.albums li {width:
19.2%; margin: 5px 3px 5px 4px;}
ul.albums-profile li {width: 224px;
margin: 5px 3px 5px 6px;}
ul.photos li {width: 15.8%; margin: 5px 6px 5px
4px;}
ul.photos-profile li {width: 11.7%; margin: 5px 2px 5px
6px;}
ul.models li {width: 190px; height: 300px; margin: 5px 8px 5px
6px;}
ul.channels li {width: 19.3%; margin: 5px 4px 5px
4px;}
ul.categories li {width: 24%; margin: 0 6px 0 4px;}
.ads-square
{width: 500px; height: 524px;}
ul.links li {width: 14%;}
}
@media
(min-width: 1430px) {
.container {width: 1400px;}
.container-item {width:
1232px !important;}
ul.videos li {width: 29%; margin: 0 3px 0
6px;}
ul.playlists li {width: 29%; margin: 0 3px 0 6px;}
ul.related
li {width: 19%; margin: 0 3px 0 6px;}
ul.thumbs li {width: 19%; margin:
5px 3px 5px 6px;}
ul.users li {width: 11.5%; margin: 5px 7px 5px
6px;}
ul.photos li {width: 11.7%; margin: 5px 6px 5px 6px;}
ul.models li
{width: 190px; height: 300px; margin: 5px 8px 5px 6px;}
ul.channels li
{width: 19.5%; margin: 5px 4px 5px 4px;}
ul.links li {width:
14%;}
ul.categories li {width: 19%; margin: 0 6px 0 6px;}
}
@media
(min-width: 1600px) {
.container {width: 1580px;}
.container-item {width:
1232px !important;}
ul.videos li {width: 19%; margin: 0 6px 0
6px;}
ul.playlists li {width: 19%; margin: 0 6px 0 6px;}
ul.related li
{width: 19%; margin: 0 3px 0 6px;}
ul.thumbs li {width: 19%; margin: 5px
3px 5px 6px;}
ul.users li {width: 11.5%; margin: 5px 10px 5px
6px;}
ul.photos li {width: 11.7%; margin: 5px 6px 5px 6px;}
ul.models li
{width: 190px; height: 300px; margin: 5px 8px 5px 6px;}
ul.channels li
{width: 19.5%; margin: 5px 4px 5px 4px;}
ul.links li {width:
14%;}
ul.categories li {width: 19%; margin: 0 6px 0 6px;}
}
@media
(min-width: 1680px) {
.container {width: 1660px
!important;}
.container-item {width: 1232px !important;}
ul.videos li
{width: 19%; margin: 0 6px 0 6px;}
ul.playlists li {width: 19%; margin: 0
6px 0 6px;}
ul.videos-profile li {width: 18.9%; margin: 0 7px 0
6px;}
ul.related li {width: 19%; margin: 0 3px 0 6px;}
ul.categories li
{width: 19%; margin: 0 6px 0 6px;}
ul.thumbs li {width: 19%; margin: 5px
3px 5px 6px;}
ul.users li {width: 11.5%; margin: 5px 10px 5px
6px;}
ul.users-profile li {margin: 5px 4px 5px 6px;}
ul.albums li {width:
214px; margin: 5px 6px 5px 6px;}
ul.albums-profile li {width: 190px;
margin: 5px 4px 5px 6px;}
ul.photos li {width: 11.7%; margin: 5px 6px 5px
6px;}
ul.photos-profile li {width: 11.7%; margin: 5px 2px 5px
6px;}
ul.models li {width: 190px; height: 300px; margin: 5px 8px 5px
6px;}
ul.channels li {width: 19.5%; margin: 5px 4px 5px 4px;}
ul.links li
{width: 14%;}
.ads-square {width: 500px; height: 522px;}
}