Difference between revisions of "Team:Greece/human practices"

Line 245: Line 245:
  
 
         #c_t1{ cx: -210 }
 
         #c_t1{ cx: -210 }
−
        #f_circle_textA{ x: -210; dy: 1em; }
 
 
         #c_t2{ cx: 200 }
 
         #c_t2{ cx: 200 }
−
        #c_t2 tspan{ x: 200; dy: 0em; }
 
 
         #c_t3{ cx: 615 }
 
         #c_t3{ cx: 615 }
−
        #c_t3 tspan{ x: 615; dy: 0em; }
 
−
       
 
−
        #c_t4 tspan{ dy: 0em; }
 
 
}
 
}
  
Line 293: Line 288:
 
}
 
}
 
</style>
 
</style>
 +
 +
<!-- Styling script -->
 +
 +
<!-- This script exists due to the innability of changing the <x> attribute of <tspan> in circles -->
 +
<script>
 +
/* Media Queries in JavaScript using nested if statements */
 +
if(window.innerWidth > 1025){
 +
  if(window.innerWidth < 1367){
 +
    $('#f_circle_textA').attr({ 'x': '-210', 'dy': '1em' });
 +
 +
    $('#s_circle_textA').attr({ 'x': '200', 'dy': '0em' });
 +
 +
    $('#t_circle_textA').attr({ 'x': '615', 'dy': '1em' });
 +
 +
    $('#fo_circle_textA').attr({ 'dy': '0em' });
 +
  }
 +
}
 +
</script>
  
 
<!--Styling script-->
 
<!--Styling script-->

Revision as of 12:10, 6 September 2017

Loading...