| Server IP : 208.122.213.31 / Your IP : 216.73.216.45 Web Server : Apache System : Linux msd6191.mjhst.com 4.18.0-553.137.1.el8_10.x86_64 #1 SMP Wed Jun 24 11:40:24 UTC 2026 x86_64 User : WHMCS_MIA_382 ( 1001) PHP Version : 7.4.33 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/httpd/html/hotbabes4k.com/public_html/cancel/css/ |
Upload File : |
@charset "utf-8";
.chromeframe { margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0; }
/*For desktops*/
@media only screen and (min-width:1920px){
.page_body {width:960px;
margin:auto;
background-color:#000000; }
.contentwrapper { background-color:#000000;
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
vertical-align: middle;}
.grid-container { display: grid;
grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6%;
grid-template-areas:
'header header header header header header'
'leadin leadin leadin leadin leadin leadin'
'left left left right right right'
'midpoint midpoint midpoint midpoint midpoint midpoint'
'info info info option option option'
'leadout leadout leadout leadout leadout leadout'
'footer footer footer footer footer footer';
grid-gap: 10px;
background-color: #000000;
padding: 10px;}
.grid-container > div {text-align: center;
padding: 20px 0;
font-size: 18px;}
.item1 { grid-area: header; }
.item2 { grid-area: leadin; }
.item3 { grid-area: left;}
.item4 { grid-area: right; }
.item5 { grid-area: midpoint;}
.item6 { grid-area: info;}
.item7 { grid-area: option; }
.item8 { grid-area: leadout; }
.item9 { grid-area: footer;
background-color: #dd0066;
line-height: 40px;
word-spacing: 5px;
font-size: 15px;}
.sectioninfo { padding-inline: 100px;}
}
/* Tablet Portrait size to standard 960 */
@media only screen and (max-width: 959px) {
.page_body {width: 950px;
/*margin:auto;*/
background-color:#000000; }
.contentwrapper { background-color:#000000;
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
vertical-align: middle;}
.grid-container {display: gird;
grid-template-columns: 100%;
grid-template-areas: 'header header'
'leadin leadin'
'left left'
'right right'
'midpoint midpoint'
'info info'
'option option'
'leadout leadin'
'footer footer';
grid-gap: 10px;
background-color: #000000;
padding: 10px;} }
.grid-container > div {text-align: center;
padding: 20px 0;
font-size: 18px;}
.item1 { grid-area: header; }
.item2 { grid-area: leadin; }
.item3 { grid-area: left;}
.item4 { grid-area: right; }
.item5 { grid-area: midpoint;}
.item6 { grid-area: info;}
.item7 { grid-area: option; }
.item8 { grid-area: leadout; }
.item9 { grid-area: footer;
background-color: #dd0066;
text-align: center;
line-height: 40px;
word-spacing: 5px;
font-size: 15px;}
.sectioninifo { padding-inline: 100px;}
}
/* Mobile Landscape */
@media only screen and (max-width: 812px) {
.page_body {width:812px;
/*margin:auto;*/
background-color:#000000; }
.contentwrapper { background-color:#000000;
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
vertical-align: middle;}
.grid-container {display: gird;
grid-template-columns: 100%;
grid-template-areas: 'header'
'leadin'
'left'
'right'
'midpoint'
'info'
'option'
'leadout'
'footer';
grid-gap: 10px;
background-color: #000000;
padding: 10px;} }
.grid-container > div {text-align: center;
padding: 20px 0;
font-size: 18px;}
.item1 { grid-area: header; }
.item2 { grid-area: leadin; }
.item3 { grid-area: left;}
.item4 { grid-area: right; }
.item5 { grid-area: midpoint;}
.item6 { grid-area: info;}
.item7 { grid-area: option; }
.item8 { grid-area: leadout; }
.item9 { grid-area: footer;
background-color: #dd0066;
text-align: center;
line-height: 40px;}
}
/* Mobile Portrait */
@media only screen and (max-width: 374px) {
.page_body {width:374px;
/*margin:auto;*/
background-color:#000000; }
.contentwrapper { background-color:#000000;
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
vertical-align: middle;}
.grid-container {display: gird;
grid-template-columns: 100%;
grid-template-areas: 'header'
'leadin'
'left'
'right'
'midpoint'
'info'
'option'
'leadout'
'footer';
grid-gap: 10px;
background-color: #000000;
padding: 10px;} }
.grid-container > div {text-align: center;
padding: 20px 0;
font-size: 18px;}
.item1 { grid-area: header; }
.item2 { grid-area: leadin; }
.item3 { grid-area: left;}
.item4 { grid-area: right; }
.item5 { grid-area: midpoint;}
.item6 { grid-area: info;}
.item7 { grid-area: option; }
.item8 { grid-area: leadout; }
.item9 { grid-area: footer;
background-color: #dd0066;
text-align: center;
line-height: 40px;}
}