Anonymousprnt::Y
Find:

   |


 
 
Click on images to see them in full screen

Theme CSS

The following lists the Default Door Tablet Theme CSS.

Note the following:

  1. We also use a Jquery CSS and Jquery Mobile CSS before adding our own
  2. Door Tablet use the Base CSS (Database 'Door Tablet HELP', View 'Help Documents', Document 'Base CSS') first, then the Theme CSS and finally your own CSS, in that order.

To see where each element is used, we recommend that you open the client in a browser and use an inspector for each element you are interested in. This will show you the name of the element, the selectors and how the styles are made up.


.blackGrad {

	background: rgb(69,72,77);

	background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */

	background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}



.bookingBar td { height: 46px; }



.busyTime { background-color: #f10439; }



.current { border: solid 1px #9acd32; }



.doorBut {

	color: black;

	background: #b5bdc8;

	background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(100%,#828c95));

	background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 100%);

	background: -o-linear-gradient(top,  #b5bdc8 0%,#828c95 100%);

	background: -ms-linear-gradient(top,  #b5bdc8 0%,#828c95 100%);

	background: linear-gradient(to bottom,  #b5bdc8 0%,#828c95 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#828c95',GradientType=0 );

}



.doorBut:active {

	color: black;

	background: #828c95;

	background: -moz-linear-gradient(top,  #828c95 0%, #b5bdc8 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828c95), color-stop(100%,#b5bdc8));

	background: -webkit-linear-gradient(top,  #828c95 0%,#b5bdc8 100%);

	background: -o-linear-gradient(top,  #828c95 0%,#b5bdc8 100%);

	background: -ms-linear-gradient(top,  #828c95 0%,#b5bdc8 100%);

	background: linear-gradient(to bottom,  #828c95 0%,#b5bdc8 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828c95', endColorstr='#b5bdc8',GradientType=0 );

}



.freeTime { background: #EAF9F1; }



.freeTimeBox, .doorBut { background: none; }



.greenTxt { color: #299a0b; text-shadow: 0px 0px 6px #fff; }



.greenTxt, .freeTimeBox span { color: #9acd32; }



.lightGray {

	background: rgb(178,178,178); /* Old browsers */

	background: -moz-linear-gradient(top,  rgba(178,178,178,1) 0%, rgba(140,140,140,1) 74%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,178,178,1)), color-stop(74%,rgba(140,140,140,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  rgba(178,178,178,1) 0%,rgba(140,140,140,1) 74%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  rgba(178,178,178,1) 0%,rgba(140,140,140,1) 74%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  rgba(178,178,178,1) 0%,rgba(140,140,140,1) 74%); /* IE10+ */

	background: linear-gradient(to bottom,  rgba(178,178,178,1) 0%,rgba(140,140,140,1) 74%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#8c8c8c',GradientType=0 ); /* IE6-9 */

}



.meetingBox {

	color: white;

	background: #0382a9; /* Old browsers */

	background: -moz-linear-gradient(top,  #0382a9 0%, #026f90 44%, #00546e 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0382a9), color-stop(44%,#026f90), color-stop(100%,#00546e)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #0382a9 0%,#026f90 44%,#00546e 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #0382a9 0%,#026f90 44%,#00546e 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #0382a9 0%,#026f90 44%,#00546e 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #0382a9 0%,#026f90 44%,#00546e 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0382a9', endColorstr='#00546e',GradientType=0 ); /* IE6-9 */

}



.meetingBox {

	margin: 10px;

	border: solid 1px white;

	width: 93%;

	background: none;

}



.redTxt { color: #8F0222; text-shadow: 0px 0px 6px #fff; }



.redTxt { color: #f10439; }



.redTxt, .greenTxt {

	text-shadow: none;

	text-align: center;

	font-size: 148px;

}



.schRoomInfo { color: white; }



.sDay, .sHours, .sMins, .sSecs { color: #EFEFEF; }



.timeMarker { border-left: 2px solid #F2B50F; }



.ui-body-c, .ui-overlay-c {

	background: rgb(255,255,255); /* Old browsers */

	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */

	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}



#curMeetProgress { color: gray; }



#curMeetProgress { text-shadow: none; }



#curMeetProgress, #times, #meetingChair { color: #b1b1b1; }



#curMeetTime { color: #8F0222; }



#curMeetTime { text-shadow: 1px 1px black; font-size: 110px; }



#curMeetTime.meetCurrent { color: #f10439; }



#curMeetTime.meetNext { color: #b1b1b1; }



#lightStatus { width: 100%; float: none; right: 0; }



#meetingChair { color: #00546e; }



#meetingOwners, #curMeetTime, #welcome, #meetingSubject { border-bottom: solid #F2F2F2 1px; }



#meetingOwners, #curMeetTime, #welcome, #meetingSubject {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #787878;

}



#meetingSubject { color: #00546e; }



#meetingSubject {

	color: black;

	font-size: 100px;

	line-height: 90px;

	max-height: 180px;

}



#otherMeets { background-color: #e5e5e5; }



#reservedBy { color: gray; }



#reservedBy, #light, #roomFacil { display: none; visibility: hidden; }



#roomBar { border-left: solid black; }



#roomBar { border-width: 0; }



#roomDisp, #freeDisp, #clusterDisp, #wcDisp, #schedDisp {

	background-image: url('images/dark-metal.png');

	background-repeat: no-repeat;

	background-size: 100% 100%;

}



#roomDisp.busy { /* add CSS here when the room is */ }



#roomName {

	color: #b1b1b1;

	font-size: 78px;

	line-height: 88px;

	border-bottom: 1px solid #666666;

}



#roomName, #nbrName, #schedName, #wcHeader, #clusterName, #airportName { color: white; }



#roomStatus { background-color: #fff; }



#roomStatus, #roomBar,#roomName, #otherMeets, .lightGray, .blackGrad { background-color: transparent; background-image: none; }



#times { color: #e5e5e5; }



#times { text-shadow: 1px 1px black; }



#upcoming { color: white; }



#upcoming {

	vertical-align: top;

	padding-right: 10px;

	line-height: 30px;

}