CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
Line 112: | Line 112: | ||
<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))"> | <a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))"> | ||
− | <circle class='circlez' cx="-230" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t1' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | + | <circle class='circlez' id='f_circle' cx="-230" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t1' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> |
<text class='animate_text' id='t1' x='0' y='335' text-anchor='middle' fill='#000000'> | <text class='animate_text' id='t1' x='0' y='335' text-anchor='middle' fill='#000000'> | ||
<tspan x="-230" dy="1.5em" onclick="displayMe('c_t1')">DESCRIPTION</tspan> | <tspan x="-230" dy="1.5em" onclick="displayMe('c_t1')">DESCRIPTION</tspan> | ||
Line 118: | Line 118: | ||
<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))"> | <a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))"> | ||
− | <circle class='circlez' cx="190" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t2' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | + | <circle class='circlez' id='s_circle' cx="190" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t2' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> |
<text class='animate_text' id='t2' x='0' y='335' text-anchor='middle' fill='#000000'> | <text class='animate_text' id='t2' x='0' y='335' text-anchor='middle' fill='#000000'> | ||
<tspan x="193" dy="1.5em" onclick="displayMe('c_t2')">RESULTS</tspan> | <tspan x="193" dy="1.5em" onclick="displayMe('c_t2')">RESULTS</tspan> | ||
Line 124: | Line 124: | ||
<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))"> | <a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))"> | ||
− | <circle class='circlez' cx="610" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | + | <circle class='circlez' id='t_circle' cx="610" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> |
<text class='animate_text' id='t3' x='0' y='335' text-anchor='middle' fill='#000000'> | <text class='animate_text' id='t3' x='0' y='335' text-anchor='middle' fill='#000000'> | ||
<tspan x="610" dy="1.5em" onclick="displayMe('c_t3')">NOTEBOOK</tspan> | <tspan x="610" dy="1.5em" onclick="displayMe('c_t3')">NOTEBOOK</tspan> | ||
Line 130: | Line 130: | ||
<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))"> | <a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))"> | ||
− | <circle class='circlez' cx="1020" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t4' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | + | <circle class='circlez' id='f_circle' cx="1020" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t4' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> |
<text class='animate_text' id='t4' x='0' y='335' text-anchor='middle' fill='#000000'> | <text class='animate_text' id='t4' x='0' y='335' text-anchor='middle' fill='#000000'> | ||
<tspan x="1025" dy="1.5em" onclick="displayMe('c_t4')">SAFETY</tspan> | <tspan x="1025" dy="1.5em" onclick="displayMe('c_t4')">SAFETY</tspan> | ||
Line 236: | Line 236: | ||
margin: -21px 0px 0px -52px; | margin: -21px 0px 0px -52px; | ||
} | } | ||
+ | |||
+ | #f_circle{ cx: -210 } | ||
+ | #s_circle{ cx: 195 } | ||
+ | #t_circle{ cx: 615 } | ||
+ | #f_circle{ cx: 1020 } | ||
} | } | ||
Revision as of 19:25, 5 September 2017