FHEM Cobraball

@import url("ios7Common.css");

/*
Edit: fhainz
*/

body     { background: #e5e5e5;
           font-family:Helvetica; font-weight:300; font-size:16px; }

input    { font-family:Helvetica; font-weight:300; font-size:16px; }
input[type="submit"] { background: transparent; color:#147bff; border:0px; cursor: pointer; }
input[type="text"] { background: #fff; 1px solid #cbcbcb; }

select   { font-family:Helvetica; font-weight:300; font-size:16px; }

#menuScrollArea { }

#menu    { margin: 20px 0 20px 12px; width:200px; left: 20px; }
#menu a { color: #151515; }
#console { width:100%; top:2em; bottom:0px; position:absolute; overflow-y:auto;}

#errmsg { background-color: #e5e5e5; color: #151515; text-align: center; font-weight: bold;
               position:fixed; top:0px; left:0px; z-index: 10; width:100%; padding-top: 2px;
}

.maininput { font-family: monospace; outline: none; }

#hdr     { position:absolute; top:20px; left:250px; }

/* hdr alternate */
/* to reactive old hdr delete the last 2 chars --> */
#hdr {
  background: none repeat scroll 0 0 #e5e5e5;
  left: 0;
  padding: 10px 250px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}

.room.roomBlock1 {
  padding: 10px;
  position: fixed;
  top: 5px;
  z-index: 999;
}
.room.roomBlock2 {
  margin-top: 30px;
}

.maininput { 
  width: 74%;
  padding-right: 20px; 
}

#errmsg { 
  top:0px; 
  left:0px; 
  z-index: 99999;
  padding: 17px;
}
/*hdr alternate end */

#content { position:absolute; top:50px; left:250px; bottom:20px; right:20px;				 
}

.devType { padding-top:20px; }
.devType table.block { padding-bottom:20px; }

a { color: #147bff; text-decoration:none; cursor: pointer; }

img {  border-style: none; }

.wide { width: 100%; }

table { border-radius:2px; margin: 0; padding: 0px; border-spacing: 0px; border-collapse:collapse; width: 100%; }

table.room { width:210px; margin-bottom:10px; }
table.room tr { background:#fff; border-bottom: 1px solid #cbcbcb;}
table.room tr:last-child { border: 0; }
table.room tr.sel { background: #d9d9d9; }
table.room td div { height: 36px; }
table.room td:hover { background: #d9d9d9; }

table.roomBlock1 tr { border: 0; }

table.room a { display: block; padding: 6px 0 6px 50px; }
table.block a { width: 100%; height: 100%; }

table.block { width:100%; background: #fff; }
table.block a { color: #151515; }
table.block tr { width: 100%; border-bottom: 1px solid #cbcbcb;  }
table.block tr:last-child { border: 0; }
table.block tr.odd { background: #fff;}
table.block tr.sel { background: #d9d9d9; }
table.block td { padding:3px; }

table.readings tr td:nth-child(3) { min-width: 150px; }

/* Bugfix fuer readingsGroup, Spalten Link überall klickbar */
table.block table.block, table.fileList table.fileList, table table {
width: 100%;
}

table.assoc a { color: #147bff; }

table.fileList { width:100% }
table.fileList td { padding:5px; padding-left: 7px; } 
table.fileList td:hover { background: #d9d9d9; }
table.fileList a { width:100%; height:100%; display:block; }

table.FileLog td { border: none; }

table.internals a { color: #147bff }

table.attributes a { display: inline; }

#right { position:absolute; top:20px; left:180px; }

textarea { width: 100%; }

h2,h3,h4 { color:#52865D; line-height:1.3;
           margin-top:1.5em; font-family:Arial,Sans-serif; }

div#block { border:1px solid gray; background: #F8F8E0; padding:0.7em; }
div.dist { padding-top:0.3em; }
div.dval a { color: #147bff; }

button.dist { margin:10px; background:transparent; border:0px; cursor:pointer; }

a img { border-style:none; }
tr.column td { padding:0; vertical-align:top;}

/* detail-selector & slider */
.makeTable { display:inline; float:left; clear:left;
             margin-top:10px; margin-bottom:20px;}
.makeSelect { display:inline; float:left; clear:left; }

select {  margin-left:5px; margin-right:5px; background: #fff; border:0px; }
.get,.set,.attr { margin-bottom:5px; float:left; }
.slider { float:left; width:250px; height:26px; }
.get .slider,.set .slider,.attr .slider {
                background:#F0F0D8; border-radius:8px; }
/* timepicker */
.set .set { margin-bottom:2px; margin-top:3px; }

/* sortable Widget */
ul.sortable-src, ul.sortable-dest {
min-width: 130px; min-height:1.8em;
list-style-type: none; border: 2px solid black;
vertical-align:middle; border-radius: 3px;
margin: 3px; background: #aaa;
padding: 2px;
} 
ul.sortable-src li, ul.sortable-dest li {
  color: black!important; font-size: 0.8em;
  line-height: 1.6em; vertical-align:middle;
  text-align:left; border-radius:3px;
  margin: 3px; padding: 2px;
  padding-left:4px;  min-width: 120px; 
} 
ul.sortable-dest { background:  #147bff; } 
span.sort-item-delete-link {
  float:right; margin:0px;vertical-align:middle;
  margin-left:3px; padding:0px;
 } 
.ui-state-highlight { height: 1.1em; line-height: 1.1em; }

/* save button */
.changed a, .changed { color:#fc3e39!important; }
#saveCheck { position: absolute; top: 10px; right: 10px; padding: 0; }

.handle { position:relative; cursor:pointer; width:50px;
          height:20px; line-height:20px; 
          -webkit-user-select:none; -moz-user-select:none; -user-select:none;
          border:3px solid; color:#1c7efb; text-align:center; } 
.downText { margin-top:2px; }

pre { white-space: pre-wrap; }

/* ==============     SVG      ============== */

svg      { height:32px; width:32px; fill:#1c7efb; vertical-align:middle; margin:2px 0; }
table.room svg.icon { margin-left: -43px; margin-right:20px; }

svg.icon { margin-left: 7px; margin-right:20px; }

g.on { fill:#53d769; }

table.room svg      { height:20px; width:20px; fill:#147bff; }
table.room svg.it_raspberry_logo { height: 26px; width: 26px; }

/*--------------     Samsung Remote Control     -------------------*/
table#TYPE_remotecontrol { width: 250px; }
table#TYPE_remotecontrol tr { border: 0; }
table#TYPE_remotecontrol td { padding: 5px 7px; }
.rc_body { border-style: solid; border-color: black; border-width: 1px; padding: 5px;
                background: #e5e5e5; font-size:6px;}
.rc_button            { padding: 5px 7px;}
.rc_button img        { border-style: solid; border-width: 1px; border-color: transparent; }
.rc_button img:active { border-color: gray; }