mymirror/WebContent/inc/css/cssMirror.css
2018-06-03 11:34:09 +02:00

287 lines
4.0 KiB
CSS

body{
overflow:hidden;
}
/* ------------------------ */
/* LOGO */
/* ------------------------ */
#LogoMyMirrorId {
display: none;
position: absolute;
top: 381.8px;
left: 250.8px;
padding: 0.5em;
float: left;
margin: 0 10px 10px 0;
background-color: #000000;
}
/* ------------------------ */
/* MESSAGE */
/* ------------------------ */
#WelcomeDrawId {
/*border-style: solid;
border-color: red;*/
display : none;
position:absolute;
padding: 0em;
margin: 0 0 0 0;
}
#Message {
font-size: 50px;
}
/* ------------------------ */
/* DATE & HOUR */
/* ------------------------ */
#HorlogeDrawId {
display : none;
position: absolute;
padding: 0em;
margin: 0 0 0 0;
text-align: center;
}
#div_date {
position: relative;
height: 50%;
font-size: 30px;
}
#div_horloge {
position: relative;
height: 50%;
font-size: 35px;
}
/* ------------------------ */
/* TRAFFIC */
/* ------------------------ */
#TrafficDrawId {
display : none;
position: absolute;
padding: 0em;
margin: 0 0 0 0;
}
/* ------------------------ */
/* WEATHER */
/* ------------------------ */
#WeatherDrawId {
display : none;
position: absolute;
padding: 0em;
margin: 0 0 0 0;
}
#WeatherDrawId p {
margin: 0 0 0 0;
}
#cityTemp {
text-align: center;
margin: 0 0 0 0;
font-size: 30px;
}
#degree {
font-size: 30px;
}
#wind {
font-size: 15px;
}
#rain {
font-size: 15px;
}
/* ------------------------ */
/* NEWS */
/* ------------------------ */
#NewsDrawId{
display: none;
position: absolute;
margin: 0 0 0 0;
padding: 0em;
width: 1366px;
overflow:hidden;
}
#News {
font-size:20px;
position: absolute;
margin: 0 0 0 0;
padding: 0;
left:0;
top:0;
width: 100%;
height: 100;
}
/*
#NewsDrawId .mask{
height: 100%;
top: 0;
}
#News {
font-size: 20px;
}
#NewsDrawId2 {
display: none;
position: absolute;
height: 30px;
width: 1340px;
top: 735px;
left: 0px;
}
#ticker01{
width: 100%;
}
.tickercontainer{
position: relative !important;
height:100% !important;
}
*/
/* ------------------------ */
/* INSIDE TEMP */
/* ------------------------ */
#HouseDrawId {
display: none;
position: absolute;
height: 100%;
background-image: url(/images/koTest.svg);
background-repeat: no-repeat;
margin: 0 0 0 0;
text-align: center;
}
#tempKotNew {
position: absolute;
width: 100%;
font-size: 30px;
/*text-align: center;*/
color: black;
margin: 0 0 0 0;
padding: 0;
}
/* ------------------------ */
/* AGENDA */
/* ------------------------ */
#AgendaDrawId {
display: none;
position:absolute;
padding: 0em;
margin: 0 0 0 0;
}
#AgendaDrawId table {
width: 300px;
}
#AgendaDrawId tr {
width: 300px;
border-bottom: 1px solid white;
}
#AgendaDrawId p {
color: white;
}
#TitreAgenda {
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
}
#CellTitreAgenda {
background-color: white;
}
#DayAgenda {
text-align: right;
width: 30%;
height: auto;
border-right: solid white;
padding-right: 10px
}
#ToDoAgenda {
text-align: left;
width: 70%;
height: auto;
}
#AgendaDrawId p {
margin: 0 0 0 0;
}
/* ------------------------ */
/* CRYPTO */
/* ------------------------ */
#CryptoDrawId {
display: none;
position: absolute;
width: fit-content;
height: fit-content;
background-color: black;
text-align: right;
margin: 0 0 0 0;
padding: 0em;
top: 200px;
}
#CryptoDrawId p {
font-size: 100%;
font-weight: bold;
margin: 0px 5px 0px 5px;
color: white;
}
#CurrencyName {
text-align: left;
}
#CryptoDrawId img {
width: 25px;
height: auto;
vertical-align: middle;
margin-right: 2%;
}
/* ------------------------ */
/* RADIO */
/* ------------------------ */
#RadioLogoId {
display: none;
position: absolute;
top: 290px;
left: 20px;
}
/* ------------------------ */
/* HEALTH */
/* ------------------------ */
#HealthDrawId {
display: none;
position : absolute;
width: fit-content;
height: fit-content;
background-color: black;
text-align: left;
}
#HealthDrawId img {
width: 25px;
height: auto;
}
#HealthDrawId p {
font-size: 100%;
font-weight: bold;
margin: 0px 5px 0px 5px;
color: white;
}