Oh god... math. I think I overdid it...

Jaxel

Well-known member
Lol... http://8wayrun.tv/

Code:
@media (max-width: {xen:calc '@ewrcanal_mainwide + 600+15 + (@ewrcanal_marginwide*3) + (@ewrcanal_paddingwide*4)'}px)
{
    .main { width: {xen:calc '@ewrcanal_mainwide + (@ewrcanal_paddingwide*2)'}px; }
    .chat .outer { left: {xen:calc '@ewrcanal_mainwide + (@ewrcanal_marginwide*2) + (@ewrcanal_paddingwide*2)'}px; }
    .chat .inner { width: auto; }
}

@media (max-width: {xen:calc '@ewrcanal_mainwide + 500+15 + (@ewrcanal_marginwide*3) + (@ewrcanal_paddingwide*4)'}px)
{
    .main { width: auto; margin-right: {xen:calc '500 + (@ewrcanal_marginwide*2) + (@ewrcanal_paddingwide*2)'}px; }
    .chat .outer { left: auto; }
    .chat .inner { width: 500px; }
}

@media (max-width: {xen:calc '@ewrcanal_mainmedium + 500+15 + (@ewrcanal_marginwide*3) + (@ewrcanal_paddingwide*4)'}px)
{
    .main { width: {xen:calc '@ewrcanal_mainmedium + (@ewrcanal_paddingwide*2)'}px; }
    .chat .outer { left: {xen:calc '@ewrcanal_mainmedium + (@ewrcanal_marginwide*2) + (@ewrcanal_paddingwide*2)'}px; }
    .chat .inner { width: auto; }
}

@media (max-width: {xen:calc '@ewrcanal_mainmedium + 400+15 + (@ewrcanal_marginwide*3) + (@ewrcanal_paddingwide*4)'}px)
{
    .main { width: auto; margin-right: {xen:calc '400 + (@ewrcanal_marginwide*2) + (@ewrcanal_paddingwide*2)'}px; }
    .chat .outer { left: auto; }
    .chat .inner { width: 400px; }
}

@media (max-width: {xen:calc '@ewrcanal_mainnarrow + 400+15 + (@ewrcanal_marginwide*3) + (@ewrcanal_paddingwide*4)'}px)
{
    .main { width: {xen:calc '@ewrcanal_mainnarrow + (@ewrcanal_paddingwide*2)'}px; }
    .chat .outer { left: {xen:calc '@ewrcanal_mainnarrow + (@ewrcanal_marginwide*2) + (@ewrcanal_paddingwide*2)'}px; }
    .chat .inner { width: auto; }
}

@media (max-width: {xen:calc '@ewrcanal_mainnarrow + 300+15 + (@ewrcanal_marginwide*3) + (@ewrcanal_paddingwide*4)'}px)
{
    .main { margin: @ewrcanal_marginnarrow @ewrcanal_marginnarrow 0; width: auto; }
    .main .outer { padding: @ewrcanal_paddingnarrow; }

    .foot .mason { margin: 0 auto -@ewrcanal_marginnarrow; }
    .foot .outer { margin-bottom: @ewrcanal_marginnarrow; }
  
    .chat .outer { position: relative; top: 0; right: 0; bottom: 0; left: 0; }
    .chat .inner { width: auto; height: 350px; }
  
    .copy { margin-bottom: @ewrcanal_marginnarrow; }
}
 
Top Bottom