1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

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

Discussion in 'XenForo Development Discussions' started by Jaxel, Feb 21, 2014.

  1. Jaxel

    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; }
    }
     
    Ingenious likes this.
  2. imthebest

    imthebest Formerly Super120

    I hate maths... that's why I'm never going to be a good programmer :(
     
  3. Aayush

    Aayush Well-Known Member

    LOL, way too much math here! :p
     

Share This Page