tabalinas
jsGrid control button not show up
For unknow reason when I use this the jsgrid icon is not show up
==============> /* latin-ext / @font-face { font-family: 'Damion'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/damion/v15/hv-XlzJ3KEUe_YZkZGw2ATE.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } / latin / @font-face { font-family: 'Damion'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/damion/v15/hv-XlzJ3KEUe_YZkamw2.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } / cyrillic-ext / @font-face { font-family: 'Istok Web'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/istokweb/v24/3qTvojGmgSyUukBzKslpC2t_xkI.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } / cyrillic / @font-face { font-family: 'Istok Web'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/istokweb/v24/3qTvojGmgSyUukBzKslpAmt_xkI.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } / latin-ext / @font-face { font-family: 'Istok Web'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/istokweb/v24/3qTvojGmgSyUukBzKslpCGt_xkI.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } / latin / @font-face { font-family: 'Istok Web'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/istokweb/v24/3qTvojGmgSyUukBzKslpBmt_.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } / cyrillic-ext / @font-face { font-family: 'Istok Web'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/istokweb/v24/3qTqojGmgSyUukBzKslhvU5q9GMVUBc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } / cyrillic / @font-face { font-family: 'Istok Web'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/istokweb/v24/3qTqojGmgSyUukBzKslhvU5q_WMVUBc.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } / latin-ext / @font-face { font-family: 'Istok Web'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/istokweb/v24/3qTqojGmgSyUukBzKslhvU5q92MVUBc.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } / latin */ @font-face { font-family: 'Istok Web'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/istokweb/v24/3qTqojGmgSyUukBzKslhvU5q-WMV.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* latin-ext / @font-face { font-family: 'Clicker Script'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/clickerscript/v13/raxkHiKPvt8CMH6ZWP8PdlEq71rR0TukKQ.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } / latin / @font-face { font-family: 'Clicker Script'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/clickerscript/v13/raxkHiKPvt8CMH6ZWP8PdlEq71rf0Ts.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } / latin / @font-face { font-family: 'Finger Paint'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/fingerpaint/v19/0QInMXVJ-o-oRn_7dron8YW-9JzT.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } / latin-ext / @font-face { font-family: 'Oleo Script Swash Caps'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/oleoscriptswashcaps/v13/Noaj6Vb-w5SFbTTAsZP_7JkCS08K-jCzDn_HAXOkSL0H.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } / latin */ @font-face { font-family: 'Oleo Script Swash Caps'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/oleoscriptswashcaps/v13/Noaj6Vb-w5SFbTTAsZP_7JkCS08K-jCzDn_HAX2kSA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
body { background: #eee; font-family: sans-serif; margin: 0; padding: 0; }
#uniform { display:block; text-align: right; background: black; color: white; position: absolute; bottom: 0; height: 50px; letter-spacing: 1px; line-height: 50px; font-size: 10px; right: 0; left: 0; } #uniform a { color: white; border: 1px solid white; padding: 5px 7px; border-radius: 2px; text-decoration: none; text-transform: uppercase; height: 40px; margin: 0 10px; } #uniform a:hover { background: white; color: black; }
#center { display:block; position: absolute; margin: auto; top: 0; bottom: 50px; left: 0; right: 0; height: 163px; width: 430px; overflow: visible; }
header { font-family: Finger Paint; font-size: 80px; opacity: .85; cursor: default; margin-bottom: 15px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; }
input[type="button"] { /* border: 1px solid #0f988e; / border: 1px solid #808080; font-family: Istok Web; letter-spacing: 1px; padding: 0; text-align: center; width: 100px; display: block; height: 30px; line-height: 30px; font-size: 14px; text-transform: uppercase; font-weight: normal; border-radius: 3px; outline: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; top: -3px; transform: translateY(0px); position: relative; / box-shadow: inset 0 30px 30px -15px rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,255,255,.3), inset 0 1px 20px rgba(0,0,0,0), 0 3px 0 #0f988e, 0 3px 2px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.1), 0 10px 20px rgba(0,0,0,.1); / box-shadow: inset 0 30px 30px -15px rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,255,255,.3), inset 0 1px 20px rgba(0,0,0,0), 0 3px 0 #606060, 0 3px 2px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.1), 0 10px 20px rgba(0,0,0,.1); / background: #15ccbe; / background: #A0A0A0; / color: white; */ color: black; text-shadow: 0 1px 0 rgba(0,0,0,.3); transition: 150ms all; -webkit-transition 150ms all; -moz-transition: 150ms all; -o-transition: 150ms all; -ms-transition: 150ms all; }
input[type="button"]:active { transform: translateY(3px); box-shadow: inset 0 16px 2px -15px rgba(0,0,0,0), inset 0 0 0 1px rgba(255,255,255,.15), inset 0 1px 20px rgba(0,0,0,.1), 0 0 0 #0f988e, 0 0 0 2px rgba(255,255,255,.5), 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0); }
input[type="submit"] { /* border: 1px solid #0f988e; / border: 1px solid #606060; font-family: Istok Web; letter-spacing: 1px; padding: 0; text-align: center; width: 100px; display: block; height: 30px; line-height: 30px; font-size: 14px; text-transform: uppercase; font-weight: normal; border-radius: 3px; outline: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; top: -3px; transform: translateY(0px); position: relative; box-shadow: inset 0 30px 30px -15px rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,255,255,.3), inset 0 1px 20px rgba(0,0,0,0), 0 3px 0 #808080, 0 3px 2px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.1), 0 10px 20px rgba(0,0,0,.1); background: #A0A0A0; color: black; / box-shadow: inset 0 30px 30px -15px rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,255,255,.3), inset 0 1px 20px rgba(0,0,0,0), 0 3px 0 #0f988e, 0 3px 2px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.1), 0 10px 20px rgba(0,0,0,.1); background: #15ccbe; color: white; */ text-shadow: 0 1px 0 rgba(0,0,0,.3); transition: 150ms all; -webkit-transition 150ms all; -moz-transition: 150ms all; -o-transition: 150ms all; -ms-transition: 150ms all; }
input[type="submit"]:active { transform: translateY(3px); box-shadow: inset 0 16px 2px -15px rgba(0,0,0,0), inset 0 0 0 1px rgba(255,255,255,.15), inset 0 1px 20px rgba(0,0,0,.1), 0 0 0 #0f988e, 0 0 0 2px rgba(255,255,255,.5), 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0); }
input[type="button"][disabled] { cursor: default; background: #eee; color: #bbb; border-color: #bbb; text-shadow: 0 1px 0 white; box-shadow: inset 0 0 0 1px rgba(255,255,255,1), inset 0 1px 20px rgba(0,0,0,0), 0 3px 0 #bbb, 0 0 0 1px white, 0 3px 0 1px white, 0 10px 20px rgba(0,0,0,0); top: -3px; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
input[type="button"][disabled]:active { top: -2px; box-shadow: inset 0 0 0 1px rgba(255,255,255,1), inset 0 1px 20px rgba(0,0,0,0), 0 2px 0 #bbb, 0 0 0 1px white, 0 2px 0 1px white, 0 10px 20px rgba(0,0,0,0); }