198 lines
3.6 KiB
CSS
198 lines
3.6 KiB
CSS
/**
|
|
* OpenSlides projector view style
|
|
*
|
|
* :copyright: 2011, 2012 by OpenSlides team, see AUTHORS.
|
|
* :license: GNU GPL, see LICENSE for more details.
|
|
*/
|
|
|
|
body{
|
|
margin : 0px;
|
|
padding-top: 0px;
|
|
padding-left : 0px;
|
|
font-family: 'Lucida Grande',"Trebuchet MS",Verdana,sans-serif;
|
|
font-size : 20px;
|
|
background-color: #FAFAFB;
|
|
}
|
|
|
|
/*** HEADER ***/
|
|
#header {
|
|
position:relative;
|
|
background:url("../images/presentation-header-bg.png") repeat-x scroll center top #3D3020;
|
|
height:100px;
|
|
}
|
|
#logo {
|
|
position:absolute;
|
|
top: 15px;
|
|
left: 100px;
|
|
}
|
|
.event_name {
|
|
position:absolute;
|
|
text-align:right;
|
|
top: 10px;
|
|
right: 40px;
|
|
font-size:42px;
|
|
font-weight:bold;
|
|
color: #ffffff;
|
|
}
|
|
.event_description {
|
|
position:absolute;
|
|
text-align:right;
|
|
top:60px;
|
|
right:40px;
|
|
font-size:17px;
|
|
color: #cfcfcf;
|
|
}
|
|
#ajaxswitcher {
|
|
height: 20px;
|
|
padding: 5px;
|
|
position: fixed;
|
|
z-index: 100;
|
|
display: none;
|
|
}
|
|
#currentTime {
|
|
border:0 solid #000000;
|
|
font-size:24px;
|
|
position:absolute;
|
|
text-align:right;
|
|
top:110px;
|
|
right:40px;
|
|
padding-left:30px;
|
|
background: url(../images/icons/clock.png) no-repeat scroll 0px 4px;
|
|
}
|
|
|
|
#currentTime.ajax_error {
|
|
border-bottom: 4px solid red;
|
|
}
|
|
#overlay_transparent {
|
|
background-color: #777777;
|
|
opacity: 0.6;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
#overlays div {
|
|
}
|
|
|
|
#overlay_Countdown {
|
|
position: absolute;
|
|
right: 40px;
|
|
top: 0;
|
|
font-size: 4em;
|
|
font-weight: bold;
|
|
border-bottom-left-radius: 0.5em;
|
|
border-bottom-right-radius: 0.5em;
|
|
background: #DDD9D9;
|
|
padding: 0 1em;
|
|
}
|
|
|
|
#overlay_Message {
|
|
position: absolute;
|
|
top: 25%;
|
|
left: 10%;
|
|
width: 80%;
|
|
text-align: center;
|
|
border-radius: 0.2em;
|
|
background: #FFFFFF;
|
|
font-size: 3.75em;
|
|
padding: 0.2em 0;
|
|
}
|
|
|
|
/*** CONTENT ***/
|
|
#contentwrapper {
|
|
position:absolute;
|
|
left:100px;
|
|
top:150px;
|
|
right:40px;
|
|
z-index: -1;
|
|
}
|
|
#scrollcontentcontainer {
|
|
position: relative;
|
|
margin-top: -11px;
|
|
overflow: hidden;
|
|
}
|
|
.title
|
|
{
|
|
position: absolute;
|
|
top: 58px;
|
|
left: 100px;
|
|
font-size: 30px;
|
|
letter-spacing:4px;
|
|
color: #FAFAFB;
|
|
}
|
|
#sidebar {
|
|
width: 255px;
|
|
float: right;
|
|
margin: 0 0 20px 10px;
|
|
}
|
|
.box {
|
|
border:1px solid #808080;
|
|
padding: 0px 10px 10px 10px;
|
|
}
|
|
.box h4 {
|
|
margin-bottom: 5px;
|
|
margin-top: 10px;
|
|
color: #333333;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
/*** Items *** /
|
|
/* item title centered */
|
|
.item_fullscreen
|
|
{
|
|
position: relative;
|
|
top: 110px;
|
|
right:30px;
|
|
font-size:230%;
|
|
font-weight:bold;
|
|
text-align: center;
|
|
}
|
|
|
|
/* items in a list*/
|
|
.itemlist li
|
|
{
|
|
font-size:130%;
|
|
padding-bottom: 15px;
|
|
list-style-type: none;
|
|
}
|
|
.itemlist .closed
|
|
{
|
|
color: #9FA9B7;
|
|
list-style-type: none;
|
|
}
|
|
|
|
|
|
/* Table */
|
|
table {
|
|
border-collapse:collapse;
|
|
border-color:#CCCCCC -moz-use-text-color #CCCCCC #CCCCCC;
|
|
border-style:solid none solid solid;
|
|
border-width:1px medium 1px 1px;
|
|
margin:0;
|
|
border-spacing:0px;
|
|
}
|
|
table th {
|
|
border-right:1px solid #CCCCCC;
|
|
color:#333333;
|
|
font-weight:normal;
|
|
padding:10px 10px 10px 10px;
|
|
text-align:left;
|
|
text-transform:uppercase;
|
|
}
|
|
table tr.odd td {
|
|
background:none repeat scroll 0 0 #F1F1F1;
|
|
}
|
|
table td {
|
|
background:none repeat scroll 0 0 #F7F7F7;
|
|
border-right:1px solid #CCCCCC;
|
|
line-height:120%;
|
|
padding: 10px 10px;
|
|
vertical-align:middle;
|
|
}
|
|
tr.total td {
|
|
border-top: 1px solid #333333;
|
|
background-color: #e3e3e3;
|
|
}
|