OpenSlides/openslides/projector/static/styles/dashboard.css

/**
 * OpenSlides projector control style
 *
 * :copyright: 2011, 2012 by OpenSlides team, see AUTHORS.
 * :license: GNU GPL, see LICENSE for more details.
 */

/** Widgets **/
.column {
    width: 50%;
    float: left;
    padding-bottom: 100px;
}
.widget {
    margin: 0 10px 10px 0;
}
.widget-header {
    height: 30px;
    background: #E9E9E9;
    background:-moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Opera11.10+ */
    background:-ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* IE10+ */
    background:linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
    border: 1px solid #D5D5D5;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;

}
.widget-header h3 {
    padding-left: 7px;
    margin: 7px 0;
    display: inline-block;
    font-size: 14px;
    color: #555;
    line-height: 18px;
}

.widget-header [class^="icon-"], .widget-header [class*=" icon-"] {
    display: inline-block;
    margin: -2px 0 0 13px;
    color: #555;
    vertical-align: middle;
}
.widget-content {
    padding: 20px 15px 15px 13px;
    background: #FFF;
    border: 1px solid #D5D5D5;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
.widget-content li{
    padding: 4px 0;
}
.widget-content ul {
    list-style: none inside none;
    margin: 0;
}
.widget-content hr {
    margin: 5px 0;
}

.ui-sortable-placeholder {
    border: 2px dashed #555555;
    visibility: visible !important;
    height: 50px !important;
}
.ui-sortable-placeholder * {
    visibility: hidden;
}

/*.projector_countdown_spinval {*/

#countdown_time {
    width: 40px;
}
#overlay_message_text {
    width: 90%;
    height: 12px;
}

/* iframe */
#iframe {
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -moz-transform: scale(0.25);
    -webkit-transform: scale(0.25);
    -o-transform: scale(0.25);
    width: 1024px;
    height: 768px;
}

#iframewrapper {
    width: 256px;/*100%;*/
    height: 192px;/*230px;*/
    position: relative;
    overflow: hidden;
    border: 1px solid #D5D5D5;
}

#iframeoverlay {
    width: 256px;
    height: 192px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    z-index: 1;
}

/* activate link */
a.activate_link div {
    background-image: url(../images/icons/accept-grey.png);
    background-repeat: no-repeat;
    float: left;
    width: 16px;
    height: 16px;
    padding-right: 12px;
    position: relative;
    top: 4px;
    left: 4px;
}
a.activate_link.active div {
    background-image: url(../images/icons/accept.png);
}

a.overlay div {
    background-image: url(../images/icons/accept-grey.png);
    background-repeat: no-repeat;
    float: left;
    width: 16px;
    height: 16px;
    padding-right: 16px;
    position: relative;
    top: 4px;
    left: 4px;
}

a.overlay.active div {
    background-image: url(../images/icons/accept.png);
}