@charset "utf-8";
/* CSS Document */
html {
padding: 0px;
margin: 0px;
height: 100%;
min-height: 100%;
cursor: default;
}
body {
padding: 0px;
margin: 0px;
height: 100%;
min-height: 100%;
font-size: 90%;
font-family: Tahoma, Geneva, sans-serif;
color: #333;
background-color: #FFF;
cursor: default;
}
* {
font-family: Tahoma, Geneva, sans-serif;
font-size: 100%;
outline: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:disabled, input:not([type="submit"]):read-only, textarea:read-only {
color: #AAA;
}
hr {
background-color: #DDD;
border: 1px solid #DDD;
}
p {
text-align: left;
margin: 0px 0px 5px 0px;
}
a {
color: #069;
text-decoration: none;
}
a:visited {
color: #069;
text-decoration: none;
}
a:hover {
color: #036;
text-decoration: underline;
}
a.aanchor {
color: #333;
text-decoration: none;
cursor: default;
}
a.aanchor:hover {
color: #333;
text-decoration: none;
cursor: default;
}
h1 {
font-size: 150%;
font-weight: normal;
}
h2 {
font-size: 130%;
font-weight: normal;
}
h3 {
font-size: 115%;
font-weight: bold;
margin: 5px 0px;
}
table {
border: none;
border-collapse: collapse;
border-spacing: 0px;
}
th, td {
border: none;
border-collapse: collapse;
}
img {
border: none;
}
.clown {
top: 0px;
left: 0px;
width: 100%;
height: 100%;
padding: 40px;
z-index: 10000;
position: fixed;
background-color: black;
background-image: url('../images/monster_clown.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.logo-img {
position: absolute;
background-color: transparent;
left: 10px;
top: 10px;
z-index: 1;
}
.rotate {
-moz-animation: turn 31.5s linear 2s infinite;
-moz-transform-origin: 50% 50%;
-webkit-animation: turn 31.5s linear 2s infinite;
-webkit-transform-origin: 50% 50%;
-o-animation: turn 31.5s linear 2s infinite;
-o-transform-origin: 50% 50%;
animation: turn 31.5s linear 2s infinite;
transform-origin: 50% 50%;
}
@-moz-keyframes turn {
0% { transform: perspective(200px) rotateY(0deg); }
4.7619% { transform: perspective(200px) rotateY(360deg); }
100% { transform: perspective(200px) rotateY(360deg); }
}
@-webkit-keyframes turn {
0% { transform: perspective(200px) rotateY(0deg); }
4.7619% { transform: perspective(200px) rotateY(360deg); }
100% { transform: perspective(200px) rotateY(360deg); }
}
@-o-keyframes turn {
0% { transform: perspective(200px) rotateY(0deg); }
4.7619% { transform: perspective(200px) rotateY(360deg); }
100% { transform: perspective(200px) rotateY(360deg); }
}
@keyframes turn {
0% { transform: perspective(200px) rotateY(0deg); }
4.7619% { transform: perspective(200px) rotateY(360deg); }
100% { transform: perspective(200px) rotateY(360deg); }
}
header, .menu, .charts {
text-align: center;
padding: 10px 5%;
margin: 0px;
}
.data {
text-align: left;
padding: 10px 5%;
margin: 0px 0px 30px 0px;
}
.charts {
overflow: auto;
}
.charts #piechart {
margin-left: auto;
margin-right: auto;
}
footer {
display: none;
position: fixed;
bottom: 0px;
text-align: left;
padding: 5px;
}
footer img {
margin-right: 2px;
}
header h1 {
margin: 0px;
}
.menu {
background-color: #DCDCDC;
display: inline-block;
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
}
.menu .main {
margin: 0px;
padding: 5px 0px;
list-style: none;
}
.menu .main li {
list-style: none;
display: inline-block;
margin: 3px 30px;
}
.menu .main li a {
padding: 3px;
}
.menu .main li.link-home {
margin: 3px 40px 3px 20px;
}
.menu .main li.link-home img {
position: absolute;
}
.menu .main .menu-select {
color: #999;
}
.menu .main li:hover .menu-dropdown {
display: block;
}
.menu .menu-dropdown {
display: none;
position: absolute;
border: 1px solid #999;
background-color: #FFF;
margin: 2px 0px 0px 0px;
padding: 8px 3px;
z-index: 1;
}
.menu .menu-dropdown li {
float: left;
clear: both;
padding: 3px 10px;
margin: 0px;
display: block;
}
.auth {
padding: 20px 0px;
}
.auth table {
margin: 0px auto;
}
.auth th {
padding: 5px;
font-weight: normal;
background-color: #F90;
}
.auth td {
padding: 10px 0px 0px 0px;
}
.auth input[type="text"], .auth input[type="password"] {
width: 250px;
}
.auth input[type="submit"] {
width: 100%;
padding: 5px 10px;
}
.user-auth {
padding: 10px 0px 0px 0px;
}
.user-auth table {
margin: 0px;
}
.votes-list {
float: left;
clear: none;
width: 20%;
}
.votes-list h2 {
text-align: left;
}
.votes-list li {
text-align: left;
margin-bottom: 5px;
}
.votes-list .groups-list {
list-style: none;
margin-left: 0px;
padding-left: 0px;
}
.votes-list .groups-list .groups-item {
list-style: none;
margin-left: 0px;
padding: 0px 0px 15px 0px;
}
.votes-list .groups-list .groups-item .groups-item-title {
cursor: pointer;
}
.votes-list .groups-list .groups-item .spacer {
float: left;
clear: none;
width: 20px;
height: 100%;
}
.votes-list .groups-list .groups-item .vote-select {
color: #F90;
}
.votes-list .groups-list .groups-item .vote-is {
list-style-image: url(../images/flag_red.png);
}
.votes-list .groups-list .groups-show:before {
content: '';
position: absolute;
margin-left: -30px;
margin-top: -3px;
font-style: normal;
background-image: url(../images/folder_open.png);
background-repeat: no-repeat;
width: 24px;
height: 24px;
}
.votes-list .groups-list .groups-hide:before {
content: '';
position: absolute;
margin-left: -30px;
margin-top: -3px;
font-style: normal;
background-image: url(../images/folder_close.png);
background-repeat: no-repeat;
width: 24px;
height: 24px;
}
.votes-list .groups-list .vote-active-exists {
padding-left: 15px;
}
.votes-list .groups-list .vote-active-exists:before {
content: '';
position: absolute;
margin-left: -15px;
margin-top: -2px;
font-style: normal;
background-image: url(../images/flag_red.png);
background-repeat: no-repeat;
width: 8px;
height: 16px;
}
.votes-list .groups-list .items-more {
list-style: none;
list-style-image: none;
text-align: center;
white-space: nowrap;
padding-left: 0px;
margin-left: 0px;
}
.votes-list .groups-list .items-more span {
font-size: 90%;
font-style: italic;
color: red;
cursor: pointer;
white-space: nowrap;
}
.votes-list ol {
margin: 5px 0px 5px 5px;
list-style-type: circle;
padding-left: 15px;
}
.vote {
margin-left: 23%;
}
.vote .vote-item-user-header {
padding: 0px 15px;
}
.vote .report-link {
padding: 5px 0px 10px 0px;
}
.vote .report-link img {
float: left;
clear: none;
margin-right: 5px;
}
.vote .report-link a {
line-height: 32px;
}
.vote .vote-info {
float: left;
clear: none;
padding: 0px 30px 5px 0px;
font-size: 90%;
vertical-align: middle;
}
.vote .vote-like {
float: none;
clear: both;
padding: 0px 30px 5px 0px;
font-size: 90%;
display: table;
}
.vote .vote-like img {
display: table-cell;
padding: 0px;
}
.vote .vote-like span {
display: table-cell;
vertical-align: middle;
padding: 3px 0px 0px 15px;
}
.vote .vote-value {
display: block;
float: none;
clear: both;
padding-top: 10px;
}
.vote .vote-items-import {
color: #444;
font-size: 80%;
text-align: left;
}
.vote .vote-items-import span {
color: #999;
}
.authors-guess {
font-size: 80%;
text-align: left;
margin: 10px 0px;
}
.authors-guess .guess-link {
display: inline-block;
padding: 10px 20px;
border: 2px dotted #EEE;
text-decoration: underline;
color: #069;
cursor: pointer;
}
.authors-guess textarea {
display: none;
}
.user-average-val {
text-align: left;
padding-top: 15px;
color: #90C;
}
.vote-vote-form {
border-top: 1px solid #EEE;
}
.vote-vote-form input[type="submit"] {
margin-top: 30px;
font-size: 110%;
padding: 5px 10px;
margin: 10px;
}
.vote-vote-form .vote-item-user {
margin: 0px;
padding: 15px;
width: 100%;
text-align: left;
display: inline-block;
border-bottom: 1px solid #EEE;
}
.vote-vote-form .vote-item-user:hover {
background-color: #EEE;
}
.vote-vote-form .vote-item-user label {
display: inline-block;
margin-right: 25px;
margin-bottom: 5px;
font-size: 130%;
padding: 2px 10px 4px 2px;
border-radius: 30px;
border: 2px solid;
color: #999;
background-color: #EEE;
}
.vote-vote-form .vote-item-user label:hover {
color: #F90;
}
.vote-vote-form .vote-item-user select {
font-size: 130%;
padding: 2px 6px;
}
.vote-vote-form .vote-key {
clear: both;
margin: 20px 0px 10px 0px;
padding: 10px 20px;
background-color: #FC3;
text-align: center;
}
.vote-vote-form .user-vote-key {
width: 75%;
}
.vote-vote-form .vote-btns {
clear: both;
margin: 10px 0px;
padding: 10px 0px;
}
.new-vote button {
width: 100%;
padding: 5px 10px;
margin-bottom: 10px;
}
.vote-edit-form {
text-align: left;
}
.vote-edit-form .vote-edit-table {
width: 100%;
}
.vote-edit-form .vote-edit-table td {
padding: 5px 0px;
}
.vote-edit-form .vote-edit-table .tr-separate td {
padding: 10px;
}
.vote-edit-form .vote-edit-table .tr-vote-items {
background-color: #E3EBAB;
}
.vote-edit-form input[type="text"], .vote-edit-form textarea {
width: 100%;
}
.vote-edit-form input[type="submit"] {
margin-top: 10px;
font-size: 110%;
padding: 5px 10px;
}
.vote-edit-form input[type="date"] {
width: 150px;
}
.vote-edit-form input[type="time"] {
width: 83px;
}
.vote-edit-form input[type="range"] {
float: left;
clear: none;
margin-right: 30px;
width: 230px;
}
.vote-edit-form #range_val {
font-size: 130%;
}
.vote-edit-form .vote-item {
width: 100%;
margin: 5px 0px;
}
.vote-edit-form .vote-item td {
padding: 2px 10px 2px 0px;
text-align: left;
vertical-align: middle;
}
.vote-edit-form .vote-item-del {
cursor: pointer;
}
.vote-edit-form .vote-item-add {
cursor: pointer;
color: #069;
text-align: center;
padding: 10px;
}
.vote-edit-form .vote-item-add:hover {
color: #036;
text-decoration: underline;
}
.vote-edit-form .vote-item-guessing-game {
text-align: center;
padding: 10px;
background-color: transparent !important;
}
.vote-edit-form .groups-list optgroup {
background-color: #EEE;
color: #F30;
}
.vote-edit-form .groups-list option {
background-color: #FFF;
color: #000;
}
/*.settings-form {
}*/
.settings-table {
width: 80%;
margin: 10px auto;
}
.settings-table input[type="text"], .settings-table textarea {
width: 100%;
}
.data {
overflow: auto;
}
.data .vote-result {
margin: 0px auto;
}
.data .vote-result th, .data .vote-result td {
border: 1px solid #DDD;
padding: 5px 10px;
vertical-align: middle;
font-weight: normal;
}
.data .vote-result th {
background-color: #EEE;
text-align: center;
font-size: 90%;
font-weight: bold;
}
.data-list {
overflow: auto;
}
.data-list table.table-ufilter {
margin: 0px auto 10px auto;
}
.data-list table.table-ufilter td {
padding: 2px 4px;
border: none;
}
.data-list table.table-list {
margin: 0px auto 10px auto;
border-collapse: collapse;
}
.data-list table.table-list th {
padding: 3px 6px;
border-collapse: collapse;
text-align: center;
vertical-align: middle;
border: 1px solid #69F;
background-color: #69F;
color: #FFF;
font-weight: normal;
font-size: 90%;
}
.data-list table.table-list td {
padding: 3px 6px;
border-collapse: collapse;
text-align: left;
vertical-align: middle;
border: 1px solid #69F;
}
.data-list table.table-list tr:nth-child(even) {
background-color: #E3ECFF;
}
.data-list table.table-list tr:hover {
/*background-color: #E0FCE9;*/
background-color: #EE9;
}
.data-list .hide {
color: #AAA;
}
.data-list .order {
color: #FFF;
cursor: pointer;
}
.pages {
display: inline-block;
clear: both;
padding-bottom: 10px;
}
.pages ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
.pages li {
float: left;
clear: none;
padding: 0px 3px;
margin: 0px 3px;
}
.go-up {
display: none;
position: fixed;
height: 32px;
width: 32px;
left: 5px;
top: 30%;
background-image: url(../images/arrow_up.png);
background-position: left top;
background-repeat: no-repeat;
z-index: 10;
cursor: pointer;
}
.go-down {
display: none;
position: fixed;
height: 32px;
width: 32px;
right: 5px;
bottom: 30%;
background-image: url(../images/arrow_down.png);
background-position: right bottom;
background-repeat: no-repeat;
z-index: 10;
cursor: pointer;
}
#watch {
position: absolute;
left: 10px;
margin-top: 2px;
font-size: 75%;
color: #999;
}
#overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
min-width: 100%;
height: 100%;
min-height: 100%;
background-color: #000;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
z-index: 10000;
}
.flb {
margin: 20px 0px;
overflow: hidden;
text-align: center;
}
.wpopup {
position: absolute;
display: none;
background-color: #D0F5A9;
border: 1px solid #5FB404;
padding: 15px;
margin: -40px 0px 0px -8px;
width: 65%;
background-image: url(../images/close.png);
background-repeat: no-repeat;
background-position: right top;
}
.tab-lbl {
text-align: right !important;
width: 20px !important;
color: #090 !important;
}
.overflow-hidden {
overflow: hidden;
text-overflow: ellipsis;
}
.padding-0 {
padding: 0px !important;
}
.padding-20 {
padding: 20px !important;
}
.padding-right-20 {
padding-right: 20px !important;
}
.padding-left-20 {
padding-left: 20px !important;
}
.padding-left-40 {
padding-left: 40px !important;
}
.padding-top-10 {
padding-top: 10px !important;
}
.padding-top-20 {
padding-top: 20px !important;
}
.padding-bottom-10 {
padding-bottom: 10px !important;
}
.margin-top-5 {
margin-top: 5px !important;
}
.margin-right-20 {
margin-right: 20px !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-top {
vertical-align: top !important;
}
.text-small {
font-size: 90%;
}
.text-big {
font-size: 130%;
}
.text-orange {
color: #F60;
}
.text-red {
color: #F00 !important;
}
.text-purple {
color: #C06 !important;
}
.text-green {
color: #060 !important;
}
.text-gray {
color: #999 !important;
}
.text-silver {
color: #CCC !important;
}
.a-no-underline {
text-decoration: none;
}
.a-no-underline:hover {
text-decoration: none;
}
.white-space-normal {
white-space: normal !important;
}
.clear {
display: block !important;
float: none !important;
clear: both !important;
}
.width100pr {
width: 100% !important;
}
.display-block {
display: block !important;
padding: 0px !important;
margin: 0px !important;
}
.btn-password-reset-user {
color: #666 !important;
margin: 0px 10px;
}
.btn-password-reset-user:hover {
color: #000 !important;
}
.container-data-xml {
text-align: center;
}
.data-xml {
padding: 0px 5% 20px 5%;
display: inline-block;
margin: auto;
text-align: left;
}
.table-xml {
display: table;
border-collapse: collapse;
border-spacing: 0px;
margin: auto;
}
.tr-xml {
display: table-row;
}
.tr-xml:hover div:not(.th-xml):not(.empty-val-xml):not(.select-row-xml) {
background-color: #CFC;
}
.th-xml {
display: table-cell;
padding: 3px 6px;
border: 1px solid #CCC;
background-color: #EEE;
text-align: center;
vertical-align: middle;
font-weight: bold;
font-size: 90%;
}
.td-xml {
display: table-cell;
padding: 3px 6px;
border: 1px solid #CCC;
vertical-align: middle;
}
.tr-xml:nth-child(even) .td-xml {
background-color: #FBF8E1;
}
.tr-xml:nth-child(odd) .td-xml {
background-color: #F9F2CC;
}
.select-row-xml, .select-col-xml {
background-color: #ADFF2F !important;
}
.empty-val-xml {
background-color: #FFE599 !important;
}
@media screen and (max-width: 800px) {
header h1 {
margin: 0px 80px;
}
.menu {
padding-top: 5px;
padding-bottom: 5px;
}
.menu .main li {
margin: 0px 15px;
padding: 3px 0px;
display: block;
}
.menu .menu-dropdown {
margin-left: 35%;
}
header, .menu, .data, .charts {
margin-left: 0px;
margin-right: 0px;
padding-left: 10px;
padding-right: 10px;
}
.votes-list {
float: none;
clear: both;
width: auto;
}
.votes-list ul {
margin-left: 30px !important;
}
.vote {
margin-left: 0px;
margin-right: 0px;
}
.auth input[type="text"], .auth input[type="password"] {
width: 200px;
}
.settings-table {
width: 100%;
}
footer {
position: static;
}
}
@media screen and (max-width: 500px) {
.flb {
display: none;
}
.vote-vote-form .user-vote-key {
width: 100%;
clear: both;
margin-top: 3px;
}
}