@font-face { font-family: 'audiowide'; src: url('dir/file/fonts/Audiowide/Audiowide-Regular.ttf'); } @font-face { font-family: 'exo'; src: url('dir/file/fonts/Exo/Exo-Regular.ttf'); } @font-face { font-family: 'hind'; src: url('dir/file/fonts/Hind/Hind-Regular.ttf'); } body { background-image:url('dir/img/back.jpg'); background-attachment: fixed; font-family:hind; background-size: cover; background-repeat: no-repeat; align:center; text-align:center; color: #110066 } a { color: #ffffff; text-decoration:none } .cimsor { color: white; font-family:audiowide } .userdiv { height: 30px; top: 18px; right:30px; background: rgba(255,255,255,1); position: absolute; border-radius: 10px; padding: 6px; } .userdiv2 { height: 26px; top:52px; right:30px; background:rgba(255,255,255,1); position: absolute; border-radius: 5px; padding: 2px; } .hint { top: 66px; right:30px; background: rgba(255,255,64,1); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(255,255,64,1) 0%, rgba(255,200,64,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,64,1)), color-stop(100%, rgba(255,200,64,1))); background: -webkit-linear-gradient(top, rgba(255,255,64,1) 0%, rgba(255,200,64,1) 100%); background: -o-linear-gradient(top, rgba(255,255,64,1) 0%, rgba(255,200,64,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,64,1) 0%, rgba(255,200,64,1) 100%); background: linear-gradient(to bottom, rgba(255,255,64,1) 0%, rgba(255,200,64,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,64,1)', endColorstr='rgba(255,200,64,1)', GradientType=0 ); position: absolute; width:300px;border-radius: 10px; padding: 6px; filter: alpha(opacity=0); opacity: 0; z-index:-1 } .fire { background: rgba(255,255,64,1); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(255,255,64,1) 0%, rgba(255,200,64,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,64,1)), color-stop(100%, rgba(255,200,64,1))); background: -webkit-linear-gradient(top, rgba(255,255,64,1) 0%, rgba(255,200,64,1) 100%); background: -o-linear-gradient(top, rgba(255,255,64,1) 0%, rgba(255,200,64,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,64,1) 0%, rgba(255,200,64,1) 100%); background: linear-gradient(to bottom, rgba(255,255,64,1) 0%, rgba(255,200,64,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,64,1)', endColorstr='rgba(255,200,64,1)', GradientType=0 ); border-radius: 10px; padding: 6px; } .error { top: 86px; right:30px; background: rgba(240,100,0,1); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(240,100,0,1) 0%, rgba(240,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,100,0,1)), color-stop(100%, rgba(240,0,0,1))); background: -webkit-linear-gradient(top, rgba(240,100,0,1) 0%, rgba(240,0,0,1) 100%); background: -o-linear-gradient(top, rgba(240,100,0,1) 0%, rgba(240,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(240,100,0,1) 0%, rgba(240,0,0,1) 100%); background: linear-gradient(to bottom, rgba(240,100,0,1) 0%, rgba(240,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(240,100,0,1)', endColorstr='rgba(240,0,0,1)', GradientType=0 ); position: absolute; color:black; border-radius: 10px; padding: 6px; filter: alpha(opacity=100); opacity: 1; } #mk { background: rgba(250,140,80,1); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(250,140,80,1) 0%, rgba(250,200,60,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,140,80,1)), color-stop(100%, rgba(250,200,60,1))); background: -webkit-linear-gradient(top, rgba(250,140,80,1) 0%, rgba(250,200,60,1) 100%); background: -o-linear-gradient(top, rgba(250,140,80,1) 0%, rgba(250,200,60,1) 100%); background: -ms-linear-gradient(top, rgba(250,140,80,1) 0%, rgba(250,200,60,1) 100%); background: linear-gradient(to bottom, rgba(250,140,80,1) 0%, rgba(250,200,60,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(250,140,80,1)', endColorstr='rgba(250,200,60,1)', GradientType=0 ); padding:18px;border-radius:12px } .mkclass { background: rgba(200,60,40,1); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(200,60,40,1) 0%, rgba(250,140,80,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(200,60,40,1)), color-stop(100%, rgba(250,140,80,1))); background: -webkit-linear-gradient(top, rgba(200,60,40,1) 0%, rgba(250,140,80,1) 100%); background: -o-linear-gradient(top, rgba(200,60,40,1) 0%, rgba(250,140,80,1) 100%); background: -ms-linear-gradient(top, rgba(200,60,40,1) 0%, rgba(250,140,80,1) 100%); background: linear-gradient(to bottom, rgba(200,60,40,1) 0%, rgba(250,140,80,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(200,60,40,1)', endColorstr='rgba(250,140,80,1)', GradientType=0 ); padding:8px;border-radius:6px } .btnimg { cursor:pointer } .controller { width:1100px; height:380px; bottom:18px; right:30px; background:#555; color:#bbb; position: absolute; border-radius: 10px; padding: 6px; display:none; overflow:auto } .menudiv { color: yellow; align:center; height: 60px; background: rgba(50,50,150,1); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(50,50,150,1) 0%, rgba(0,0,60,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50,50,150,1)), color-stop(100%, rgba(0,0,60,1))); background: -webkit-linear-gradient(top, rgba(50,50,150,1) 0%, rgba(0,0,60,1) 100%); background: -o-linear-gradient(top, rgba(50,50,150,1) 0%, rgba(0,0,60,1) 100%); background: -ms-linear-gradient(top, rgba(50,50,150,1) 0%, rgba(0,0,60,1) 100%); background: linear-gradient(to bottom, rgba(50,50,150,1) 0%, rgba(0,0,60,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(50,50,150,1)', endColorstr='rgba(0,0,60,1)', GradientType=0 ); } .fading { filter: alpha(opacity=70); opacity: 0.7; } .maindiv { width:98%; align:center; text-align:center; background: rgba(255,255,255,0.0); padding:0px; color: #110066 } .linkdiv { color: #ffffff; background: rgba(255,255,255,0.1); float:left; border-radius:5px; padding:5px; font-family:audiowide } .linkdiv:hover { background: rgba(255,255,255,0.1); float:left; border-radius:5px; padding:5px; } .transparent5 { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; } .transparent3 { zoom: 1; filter: alpha(opacity=30); opacity: 0.3; } #dlg { background: rgba(250,200,60,1); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(250,200,60,1) 0%, rgba(250,140,80,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,200,60,1)), color-stop(100%, rgba(250,140,80,1))); background: -webkit-linear-gradient(top, rgba(250,200,60,1) 0%, rgba(250,140,80,1) 100%); background: -o-linear-gradient(top, rgba(250,200,60,1) 0%, rgba(250,140,80,1) 100%); background: -ms-linear-gradient(top, rgba(250,200,60,1) 0%, rgba(250,140,80,1) 100%); background: linear-gradient(to bottom, rgba(250,200,60,1) 0%, rgba(250,140,80,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(250,200,60,1)', endColorstr='rgba(250,140,80,1)', GradientType=0 ); border: 3px solid; border-radius: 6px; border-color:#400; position: absolute; overflow:auto; top: 20%; right:20%; width:60%; height:60%; color:#400; border-radius: 6px; padding: 6px; z-index:1000 } #mini { background: rgba(250,200,60,1); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(250,200,60,1) 0%, rgba(250,140,80,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,200,60,1)), color-stop(100%, rgba(250,140,80,1))); background: -webkit-linear-gradient(top, rgba(250,200,60,1) 0%, rgba(250,140,80,1) 100%); background: -o-linear-gradient(top, rgba(250,200,60,1) 0%, rgba(250,140,80,1) 100%); background: -ms-linear-gradient(top, rgba(250,200,60,1) 0%, rgba(250,140,80,1) 100%); background: linear-gradient(to bottom, rgba(250,200,60,1) 0%, rgba(250,140,80,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(250,200,60,1)', endColorstr='rgba(250,140,80,1)', GradientType=0 ); border: 3px solid; border-radius: 6px; border-color:#400; position: absolute; overflow:auto; top: 40%; right:39%; width:22%; height:20%; color:#400; border-radius: 6px; padding: 6px; z-index:1000 } .ctrlbtn { filter: alpha(opacity=70); opacity: 0.7; } .ctrlbtn:hover { filter: alpha(opacity=100); opacity: 1.0; } .modul { align:center; border-radius: 12px; margin-top:16px; background: rgba(255,255,255,0.7); padding: 6px; } .dark { color:#400 } .tabla { margin:auto } table.tabla td { background: rgba(100,0,0,0.5); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(100,0,0,0.5) 0%, rgba(100,0,0,0.7) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(100,0,0,0.5)), color-stop(100%, rgba(100,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(100,0,0,0.5) 0%, rgba(100,0,0,0.7) 100%); background: -o-linear-gradient(top, rgba(100,0,0,0.5) 0%, rgba(100,0,0,0.7) 100%); background: -ms-linear-gradient(top, rgba(100,0,0,0.5) 0%, rgba(100,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(100,0,0,0.5) 0%, rgba(100,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(100,0,0,0.5)', endColorstr='rgba(100,0,0,0.7)', GradientType=0 ); color: #ffffff; padding-left:6px; padding-right:6px; align:center; text-align:center } table.table3 td { align:center; text-align:center } button { cursor:pointer; font-family:exo; color:#ffffff; background: rgba(220,80,80,1); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(220,80,80,1) 0%, rgba(120,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,80,80,1)), color-stop(100%, rgba(120,0,0,1))); background: -webkit-linear-gradient(top, rgba(220,80,80,1) 0%, rgba(120,0,0,1) 100%); background: -o-linear-gradient(top, rgba(220,80,80,1) 0%, rgba(120,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(220,80,80,1) 0%, rgba(120,0,0,1) 100%); background: linear-gradient(to bottom, rgba(220,80,80,1) 0%, rgba(120,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(220,80,80,1)', endColorstr='rgba(120,0,0,1)', GradientType=0 ); } button2:hover { cursor:pointer; font-family:exo; color:#ffffff; background: rgba(230,110,110,1); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(230,110,110,1) 0%, rgba(150,10,10,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,110,110,1)), color-stop(100%, rgba(150,10,10,1))); background: -webkit-linear-gradient(top, rgba(230,110,110,1) 0%, rgba(150,10,10,1) 100%); background: -o-linear-gradient(top, rgba(230,110,110,1) 0%, rgba(150,10,10,1) 100%); background: -ms-linear-gradient(top, rgba(230,110,110,1) 0%, rgba(150,10,10,1) 100%); background: linear-gradient(to bottom, rgba(230,110,110,1) 0%, rgba(150,10,10,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(230,110,110,1)', endColorstr='rgba(150,10,10,1)', GradientType=0 ); } .btn-income { background: rgba(255,255,64,1); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(255,255,64,1) 0%, rgba(255,200,64,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,64,1)), color-stop(100%, rgba(255,200,64,1))); background: -webkit-linear-gradient(top, rgba(255,255,64,1) 0%, rgba(255,200,64,1) 100%); background: -o-linear-gradient(top, rgba(255,255,64,1) 0%, rgba(255,200,64,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,64,1) 0%, rgba(255,200,64,1) 100%); background: linear-gradient(to bottom, rgba(255,255,64,1) 0%, rgba(255,200,64,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,64,1)', endColorstr='rgba(255,200,64,1)', GradientType=0 ); ; color:black } .btn-income:hover { background: rgba(185,185,34,1); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(185,185,34,1) 0%, rgba(185,140,34,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(185,185,34,1)), color-stop(100%, rgba(185,140,34,1))); background: -webkit-linear-gradient(top, rgba(185,185,34,1) 0%, rgba(185,140,34,1) 100%); background: -o-linear-gradient(top, rgba(185,185,34,1) 0%, rgba(185,140,34,1) 100%); background: -ms-linear-gradient(top, rgba(185,185,34,1) 0%, rgba(185,140,34,1) 100%); background: linear-gradient(to bottom, rgba(185,185,34,1) 0%, rgba(185,140,34,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(185,185,34,1)', endColorstr='rgba(185,140,34,1)', GradientType=0 ); ; color:black } .btn-inactive { background: rgba(220,80,80,0.5); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(220,80,80,0.5) 0%, rgba(120,0,0,0.5) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,80,80,0.5)), color-stop(100%, rgba(120,0,0,0.5))); background: -webkit-linear-gradient(top, rgba(220,80,80,0.5) 0%, rgba(120,0,0,0.5) 100%); background: -o-linear-gradient(top, rgba(220,80,80,0.5) 0%, rgba(120,0,0,0.5) 100%); background: -ms-linear-gradient(top, rgba(220,80,80,0.5) 0%, rgba(120,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(220,80,80,0.5) 0%, rgba(120,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(220,80,80,0.5)', endColorstr='rgba(120,0,0,0.5)', GradientType=0 ); } .btn-unselected { background: rgba(150,150,150,0.4); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(150,150,150,0.4) 0%, rgba(70,70,70,0.4) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(150,150,150,0.4)), color-stop(100%, rgba(70,70,70,0.4))); background: -webkit-linear-gradient(top, rgba(150,150,150,0.4) 0%, rgba(70,70,70,0.4) 100%); background: -o-linear-gradient(top, rgba(150,150,150,0.4) 0%, rgba(70,70,70,0.4) 100%); background: -ms-linear-gradient(top, rgba(150,150,150,0.4) 0%, rgba(70,70,70,0.4) 100%); background: linear-gradient(to bottom, rgba(150,150,150,0.4) 0%, rgba(70,70,70,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(150,150,150,0.4)', endColorstr='rgba(70,70,70,0.4)', GradientType=0 ); } .btn-selected { background: rgba(130,130,130,0.9); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(130,130,130,0.9) 0%, rgba(60,60,60,0.9) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130,130,130,0.9)), color-stop(100%, rgba(60,60,60,0.9))); background: -webkit-linear-gradient(top, rgba(130,130,130,0.9) 0%, rgba(60,60,60,0.9) 100%); background: -o-linear-gradient(top, rgba(130,130,130,0.9) 0%, rgba(60,60,60,0.9) 100%); background: -ms-linear-gradient(top, rgba(130,130,130,0.9) 0%, rgba(60,60,60,0.9) 100%); background: linear-gradient(to bottom, rgba(130,130,130,0.9) 0%, rgba(60,60,60,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(130,130,130,0.9)', endColorstr='rgba(60,60,60,0.9)', GradientType=0 ); } .btn-invalid { background: rgba(160,160,160,0.2); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(160,160,160,0.2) 0%, rgba(120,120,120,0.2) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(160,160,160,0.2)), color-stop(100%, rgba(120,120,120,0.2))); background: -webkit-linear-gradient(top, rgba(160,160,160,0.2) 0%, rgba(120,120,120,0.2) 100%); background: -o-linear-gradient(top, rgba(160,160,160,0.2) 0%, rgba(120,120,120,0.2) 100%); background: -ms-linear-gradient(top, rgba(160,160,160,0.2) 0%, rgba(120,120,120,0.2) 100%); background: linear-gradient(to bottom, rgba(160,160,160,0.2) 0%, rgba(120,120,120,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(160,160,160,0.2)', endColorstr='rgba(120,120,120,0.2)', GradientType=0 ); } .control-panel { background: rgba(30,30,30,0.8); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(30,30,30,0.8) 0%, rgba(110,110,110,0.5) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30,30,30,0.8)), color-stop(100%, rgba(110,110,110,0.5))); background: -webkit-linear-gradient(top, rgba(30,30,30,0.8) 0%, rgba(110,110,110,0.5) 100%); background: -o-linear-gradient(top, rgba(30,30,30,0.8) 0%, rgba(110,110,110,0.5) 100%); background: -ms-linear-gradient(top, rgba(30,30,30,0.8) 0%, rgba(110,110,110,0.5) 100%); background: linear-gradient(to bottom, rgba(30,30,30,0.8) 0%, rgba(110,110,110,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30,30,30,0.8)', endColorstr='rgba(110,110,110,0.5)', GradientType=0 ); ;color:white } input,select { background:#ffff66; align:center; text-align:center; padding-left:2px; padding-right:2px; font-family:hind } .grayscale {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%); } .imgright { float:right;padding:5px } .imgleft { float:left;padding:5px } textarea { background: rgba(240,240,240,1); border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(130,130,130,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,240,240,1)), color-stop(100%, rgba(130,130,130,1))); background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(130,130,130,1) 100%); background: -o-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(130,130,130,1) 100%); background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(130,130,130,1) 100%); background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(130,130,130,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(240,240,240,1)', endColorstr='rgba(130,130,130,1)', GradientType=0 ); } .be {cursor:pointer;background:green;font-size:0.8em;color:white;border-radius:8px;border:1px solid black;padding:0px} .ki {cursor:pointer;background:red;font-size:0.8em;color:white;border-radius:8px;border:1px solid black;padding:0px} .be2 {cursor:pointer;background:yellow;font-size:0.8em;color:black;border-radius:8px;border:1px solid black;padding:0px} .ki2 {cursor:pointer;background:orange;font-size:0.8em;color:black;border-radius:8px;border:1px solid black;padding:0px} .beki {cursor:pointer; background: yellow; border-radius: 4px; padding:3px; background: -moz-linear-gradient(top, yellow 0%, orange 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, yellow), color-stop(100%, orange)); background: -webkit-linear-gradient(top, yellow 0%, orange 100%); background: -o-linear-gradient(top, yellow 0%, orange 100%); background: -ms-linear-gradient(top, yellow 0%, orange 100%); background: linear-gradient(to bottom, yellow 0%, orange 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='yellow', endColorstr='orange', GradientType=0 ); ;font-size:0.8em;color:black;border-radius:8px;border:1px solid black;padding:0px} .terv {cursor:pointer;background:#888;font-size:0.8em;color:#ddd;border-radius:8px;border:1px solid black;padding:0px} .bal1 {border-radius:5px;background:#ff9;text-align:right;padding-right:6px} .jobb1 {border-radius:5px;background:white;text-align:left} .bal2 {border-radius:5px;background:#dd6;text-align:right;padding-right:6px;font-weight:bold} .jobb2 {border-radius:5px;background:#ccc;text-align:left} .bal3 {border-radius:5px;background:#ccc;text-align:right;padding-right:6px} .jobb3 {border-radius:5px;background:#aea;text-align:left} .bal4 {border-radius:5px;background:#ccc;text-align:right;padding-right:6px} .jobb4 {border-radius:5px;background:#eae;text-align:left} #input {border-radius:15px;background:orange;padding:3px}