1290 lines
26 KiB
CSS
1290 lines
26 KiB
CSS
/* Table of Content
|
|
=====================================
|
|
# 1. RESET
|
|
# 2. BASIC DIVISION PAGES
|
|
# 3. BASIC SETTINGS
|
|
# 4. LINKS
|
|
# 5. MAIN MENU
|
|
# 6. SUBNAV
|
|
# 7. TABLE
|
|
- STATUS
|
|
- CONFIG
|
|
- READERS
|
|
- USERS
|
|
- SERVICES
|
|
- FAILBAN
|
|
- CACHEEX
|
|
- OTHER TABLES
|
|
# 8. TABLE TR
|
|
# 9. TABLE TH
|
|
# 10. TABLE TD
|
|
# 11. DIV
|
|
# 12. TEXTAREA,SELECT,INPUT
|
|
# 13. IMAGE
|
|
# 14. SPAN
|
|
# 15. GRAPH
|
|
# 16. SORTING IN TABLE
|
|
# 17. POLLING
|
|
# 18. ECM BAR HISTORY
|
|
# 19. FILE MENU
|
|
# 20. OTHER SETTINGS
|
|
===================================== */
|
|
/* **************** 1. RESET */
|
|
* {margin:0;padding:0}
|
|
/* **************** 2. BASIC DIVISION PAGES */
|
|
html,body,* html #wrapper {height:100%}
|
|
#wrapper {position:relative;min-height:100%}
|
|
#content {margin-bottom:0;padding:0 8px 115px}
|
|
#footer {position:absolute;bottom:0;width:100%}
|
|
|
|
/* **************** 3. BASIC SETTINGS - BODY,P,H4,LI,B */
|
|
body {
|
|
font-family:Arial;
|
|
font-size:11px;
|
|
text-align:center;
|
|
background-color:#FFF;
|
|
color:#000;
|
|
text-decoration:none
|
|
}
|
|
/* pre_shutdown.html */
|
|
h4 {
|
|
font-size:18px;
|
|
line-height:9px;
|
|
margin:20px 0;
|
|
color:#F00
|
|
}
|
|
/* shutdown.html, autoconf.html */
|
|
p.text-large-red {
|
|
font-weight:700;
|
|
font-size:large;
|
|
color:#F00
|
|
}
|
|
/* file.html, script.html */
|
|
#filename,#filesubmit {
|
|
font-weight:700;
|
|
font-size:14px
|
|
}
|
|
#filesubmit {
|
|
height:20px
|
|
}
|
|
li {
|
|
list-style:none
|
|
}
|
|
/* readerstats.html for P */
|
|
#text_totalecm {
|
|
font-weight:bold;
|
|
margin-top:5px
|
|
}
|
|
/* footer.html */
|
|
li.styleauthor:after {
|
|
content:"Streamboard Team"
|
|
}
|
|
/* Solution for vertical align in tbody.statusecminfo */
|
|
tbody.statusecminfo tr:nth-child(5) td:last-child b {
|
|
position:relative;
|
|
top:1px
|
|
}
|
|
/* **************** 4. LINKS */
|
|
a {
|
|
text-decoration:none;
|
|
}
|
|
a:link, a:visited, a:active {
|
|
color:#000
|
|
}
|
|
a:hover {
|
|
color:#FF9E5F
|
|
}
|
|
/* logpage_debugmenu.html */
|
|
a.debugl:link, a.sizeml:link {
|
|
margin:0 1px
|
|
}
|
|
a.debugl:hover, a.debugs:hover, a.sizeml:hover, a.sizems:hover {
|
|
background-color:#A00;
|
|
color:#FFF
|
|
}
|
|
/* module-webif.c */
|
|
a.debugls:link, a.sizemls:link {
|
|
padding:1px 2px 2px
|
|
}
|
|
a.debugls:link, a.debugls:visited, a.sizemls:link, a.sizemls:visited {
|
|
background-color:#A00;
|
|
color:#FFF
|
|
}
|
|
/* cccamentitletooltip.html, foundentitlements.html, noentitlements.html and module-webif.c */
|
|
a.tooltip,
|
|
a.tooltip1 {
|
|
position:relative;
|
|
cursor:default
|
|
}
|
|
a.tooltip span,
|
|
a.tooltip1 span {
|
|
display:none;
|
|
z-index:99;
|
|
white-space:nowrap
|
|
}
|
|
a.tooltip1 {
|
|
color:#F00
|
|
}
|
|
a:hover span {
|
|
display:block;
|
|
position:absolute;
|
|
top:1em;
|
|
right:1em;
|
|
padding:4px;
|
|
font-weight:normal;
|
|
text-align:left;
|
|
background-color:#FFF;
|
|
border:1px solid #000;
|
|
color:#000
|
|
}
|
|
a img.icon {
|
|
background-color:#A00
|
|
}
|
|
a:hover img.icon {
|
|
background-color:#F00
|
|
}
|
|
td.statuscol14 a, td.statuscol16 a, td.subheadline a {
|
|
text-decoration:none
|
|
}
|
|
span a {
|
|
text-align:center
|
|
}
|
|
td.statuscol4 a,
|
|
td.statuscol9 a,
|
|
td.statuscol13 a {
|
|
text-align:center
|
|
}
|
|
/* module-webif.c class for services.html */
|
|
div.sidlistclose a {
|
|
padding:0 3px;
|
|
color:#FFF
|
|
}
|
|
/* help link readers/servicesedit/useredit/config.html */
|
|
form table a {
|
|
cursor:pointer
|
|
}
|
|
/* **************** 5. MAIN MENU */
|
|
#main {}
|
|
#mainmenu {
|
|
height:27px;
|
|
padding-top:6px;
|
|
white-space:nowrap;
|
|
display:inline-block;
|
|
position:relative;
|
|
background-color:#FFF
|
|
}
|
|
#mainmenu li {
|
|
display:inline;
|
|
margin:0 2px;
|
|
padding:4px 3px 3px;
|
|
font-size:18px;
|
|
font-weight:700
|
|
}
|
|
li.menu a,li.menu a:hover,
|
|
li.menu_selected a,li.menu_selected a:hover {
|
|
color:#000
|
|
}
|
|
li.menu:hover, li.menu_selected,
|
|
li.configmenu:hover, li.configmenu_selected {
|
|
background-color:#e8e8e8;
|
|
}
|
|
/* **************** 6. SUBNAV */
|
|
#subnav {}
|
|
#nav {
|
|
height:22px;
|
|
white-space:nowrap
|
|
}
|
|
#nav li {
|
|
display:inline-block;
|
|
position:relative;
|
|
margin:0 2px;
|
|
padding:0 3px;
|
|
font-size:14px
|
|
}
|
|
li.configmenu a, li.configmenu a:hover,
|
|
li.configmenu_selected a, li.configmenu_selected a:hover {
|
|
color:#000
|
|
}
|
|
/* entitlements.html, readerconfig.html and user_edit.html */
|
|
li.text_entitle {
|
|
font-weight:700
|
|
}
|
|
/* **************** 7. TABLE */
|
|
table {
|
|
border-spacing:1px;
|
|
border:0;
|
|
margin:0 auto
|
|
}
|
|
/* ------- STATUS ------- */
|
|
/* status.html */
|
|
table.status {
|
|
width:100%;
|
|
empty-cells:show;
|
|
background-color:#FFF
|
|
}
|
|
/* Table statusmeminfo - in status_systeminfo.html
|
|
* Table statususerinfo - in status_userinfo.html
|
|
* Table statuscacheexinfo - in status_cacheexinfo.html
|
|
*/
|
|
table.infotable {
|
|
width:60%;
|
|
white-space:nowrap
|
|
}
|
|
/* ------- CONFIG ------- */
|
|
/* for all part in CONFIGURATION item */
|
|
/* include readerconfig.html & user_edit.html */
|
|
table.config, table.configreader,table.configuser {
|
|
width:80%;
|
|
margin-bottom:-1px;
|
|
max-width:610px;
|
|
white-space:nowrap
|
|
}
|
|
/* ------- READERS ------- */
|
|
/* readers.html */
|
|
table.readers {
|
|
width:100%
|
|
}
|
|
#newinsert table.readers, #searchTable table.readers {
|
|
border-spacing:1px 0px;
|
|
margin-top:1px
|
|
}
|
|
/* entitlements_bit.html, entitlements_cccambit.html */
|
|
table.stats {}
|
|
/* emm.html */
|
|
table.writeemm {
|
|
width:750px
|
|
}
|
|
/* emm_running.html */
|
|
table.emmrunning {
|
|
width:750px
|
|
}
|
|
/* readerstats.html */
|
|
table.statsbalance td:last-child {
|
|
line-height:20px;
|
|
width:125px
|
|
}
|
|
table.statsbalance td:last-child a {
|
|
float:right;
|
|
margin-left:10px
|
|
}
|
|
/* scanusb.html */
|
|
table.scanusb {}
|
|
/* On/Off button for readers and users in readers.html and userconfig.html*/
|
|
td.readercol0 a img.icon,
|
|
td.usercol0 a img.icon {
|
|
background-color:#0A0
|
|
}
|
|
td.readercol0 a:hover img.icon,
|
|
td.usercol0 a:hover img.icon {
|
|
background-color:#F00
|
|
}
|
|
|
|
/* ------- USERS ------- */
|
|
/* userconfig.html */
|
|
table.users {
|
|
width:100%
|
|
}
|
|
#newinsert table.users, #searchTable table.users {
|
|
border-spacing:1px 0px;
|
|
margin-top:1px
|
|
}
|
|
/* ------- SERVICES ------- */
|
|
/* services.html */
|
|
#addnewservice,#servicesedit,table.configservices {
|
|
width:40%;
|
|
max-width:510px;
|
|
text-align:center
|
|
}
|
|
#addnewservice {
|
|
border-spacing:1px 0px;
|
|
margin-top:1px
|
|
}
|
|
/* services_edit.html */
|
|
table.configservices {
|
|
margin-bottom:-1px;
|
|
text-align:left
|
|
}
|
|
/* ------- FAILBAN ------- */
|
|
/* failban.html */
|
|
table.failban {}
|
|
|
|
/* ------- CACHEEX ------- */
|
|
/* cacheex.html */
|
|
table.cacheex, table#dataTable.stats {
|
|
width:80%
|
|
}
|
|
table#cachexstats {
|
|
width:50%;
|
|
max-width:1300px;
|
|
white-space:nowrap;
|
|
margin:20px auto 0
|
|
}
|
|
/* ------- OTHER TABLES ------- */
|
|
.invisible table {
|
|
border-spacing:0;
|
|
margin-left:0
|
|
}
|
|
td.subservice {}
|
|
table.subservicetable {
|
|
width:100%;
|
|
background-color:#FFF
|
|
}
|
|
.invisible table tr,
|
|
.invisible table td {
|
|
background-color: transparent;
|
|
}
|
|
table.configreader > tbody > tr:not(.subservicetable):hover > td,
|
|
table.configuser > tbody > tr:not(.subservicetable):hover > td {
|
|
background-color: #DDD;
|
|
color: #000;
|
|
}
|
|
table.subservicetable tr:hover td {
|
|
background-color: #DDD;
|
|
color: #000
|
|
}
|
|
tr.online:hover td,
|
|
tr.offline:hover td,
|
|
tr.disabled:hover td,
|
|
tr.connected:hover td,
|
|
tr.expired:hover td,
|
|
tr.statuscacheex:hover td,
|
|
tr.disabledreader:hover td,
|
|
tr.enabledreader:hover td,
|
|
tr.r_undefined:hover td,
|
|
tr.r_connected:hover td,
|
|
tr.a:hover td,
|
|
tr.c:hover td,
|
|
tr.h:hover td,
|
|
tr.s:hover td,
|
|
tr.n:hover td,
|
|
#servicesedit tr:hover td,
|
|
table.statususericon tr:hover td,
|
|
table.failban tr:hover td,
|
|
table.statsbalance tr:hover td,
|
|
table.stats tr:hover td,
|
|
table.config tr:hover td,
|
|
#statuscacheex tr:hover td,
|
|
table.scanusb tr.scanusbsubhead:hover td {
|
|
filter: brightness(95%);
|
|
color: #000
|
|
}
|
|
table.scanusb tr:hover td {
|
|
filter: brightness(95%);
|
|
color: #000;
|
|
}
|
|
.scanusb td b {
|
|
color: red;
|
|
}
|
|
tr.r:hover td {
|
|
background-color:#faecdb;
|
|
color: #000
|
|
}
|
|
tr.p:hover td {
|
|
background-color:#f4f2de;
|
|
color: #000
|
|
}
|
|
/* **************** 8. TABLE TR */
|
|
/* for entitlement of readers */
|
|
tr.e_valid td, tr.e_expired td, tr.e_header td {
|
|
font-family:"Courier New", monospace
|
|
}
|
|
/* hiding formatline for width of firstrow in config, readers and users / width in info */
|
|
tr.configfirstrow, tr.configfirstrow td,
|
|
tr.infocolswidth, tr.infocolswidth td, tr.infocolswidth th {
|
|
border:0;
|
|
height:0;
|
|
padding:0
|
|
}
|
|
/* rowcolors for cacheex rows in cachex depend on status */
|
|
tr.e_valid td {background-color:#E6FEBF}
|
|
tr.e_expired td {background-color:#FFF3E7}
|
|
/* rowcolors for users rows in unserconfig.html depend on status */
|
|
tr.online td.usercol6 {background-color:#BFA}
|
|
tr.online td {background-color:#BFA}
|
|
tr.offline td {}
|
|
tr.expired td {background-color:#FBA}
|
|
tr.connected td {background-color:#FFA}
|
|
tr.r_undefined td {background-color:#FFA}
|
|
tr.r_connected td {background-color:#BFA}
|
|
/* color of button for readers and user row in readers.html and userconfig.html*/
|
|
tr.disabled td {}
|
|
tr.disabled td:first-child img.icon,
|
|
tr.disabledreader td:first-child img.icon {background-color:#B0B0B0}
|
|
tr.disabled td:first-child a:hover img.icon,
|
|
tr.disabledreader td:first-child a:hover img.icon {background-color:#CECECE}
|
|
/* colors for status rows in status.html depend on status */
|
|
tr.a td {background-color:#3F0}
|
|
tr.c td {background-color:#F1F5E6}
|
|
tr.s td, tr.l td,
|
|
tr.n td,tr.h td {background-color:#E1E1EF}
|
|
tr.r td {background-color:#FFF3E7}
|
|
tr.p td {background-color:#FDFBE1}
|
|
tr.scanusbsubhead td {background-color:#EEE}
|
|
/* scanusb.html */
|
|
tr.scanusbsubhead {}
|
|
table.scanusb th {
|
|
background-color: #DDD;
|
|
color: #000;
|
|
text-align: left;
|
|
border-spacing:1px;
|
|
}
|
|
/* **************** 9. TABLE TH */
|
|
th {
|
|
height:10px;
|
|
padding:5px;
|
|
background-color:#CCC
|
|
}
|
|
th.right {
|
|
text-align:right
|
|
}
|
|
/* status_cacheexinfo.html, status_systeminfo.html, status_userinfo.html */
|
|
th.nameinfo {
|
|
text-transform:uppercase;
|
|
text-align:left;
|
|
background-color:#AAA
|
|
}
|
|
th .nameinfo_second {
|
|
text-transform:none;
|
|
font-weight:normal
|
|
}
|
|
table.infotable th:first-child {
|
|
width:100px
|
|
}
|
|
/* status.html */
|
|
th.statuscol0 {
|
|
width:0
|
|
}
|
|
/* readerconfig.html */
|
|
th.withservices, th.notservices, th.lbservices {}
|
|
/* **************** 10. TABLE TD */
|
|
td {
|
|
height:10px;
|
|
text-align:left;
|
|
padding:5px;
|
|
background-color:#EEE
|
|
}
|
|
/* width of firstrow in config, readers and users */
|
|
.configfirstrow td:first-child {
|
|
width:140px
|
|
}
|
|
/* height config, readers and users */
|
|
.config td, .configreader td, .configuser td {
|
|
height:22px
|
|
}
|
|
/* for inline table in config, user_edit.html, readerconfig.html */
|
|
td.subservice, td.invisible {
|
|
padding:0px
|
|
}
|
|
/* services.html */
|
|
#servicesedit td {
|
|
text-align:center
|
|
}
|
|
/* readerstatsnotfound.html, readerstatstimeoutbit.html
|
|
* status_*headline.html */
|
|
td.subheadline {
|
|
height:10px;
|
|
padding:5px;
|
|
background-color:#CCC;
|
|
text-align:center
|
|
}
|
|
td.subheadline p {
|
|
float:left;
|
|
text-align:left;
|
|
font-weight:bold;
|
|
margin-top:4px
|
|
}
|
|
/* default alignment for all rows status.html/userconfig.html/readers.html */
|
|
td.centered,
|
|
td[class*="statuscol"], /* shorthand notation td[class*='statuscol'] for td.statuscol0 - td.statuscol16 */
|
|
td[class*="usercol"], /* shorthand notation td[class*='usercol'] for td.usercol0 - td.usercol25 */
|
|
td[class*="readercol"] { /* shorthand notation td[class*='readercol'] for td.readercol0 - td.readercol18 */
|
|
text-align:center
|
|
}
|
|
td.statuscol0 {
|
|
width:10px
|
|
}
|
|
td.statuscol1 {
|
|
width:0
|
|
}
|
|
.usercol1 img{
|
|
vertical-align:middle
|
|
}
|
|
/* readerconfig_sidokbit.html */
|
|
td.servicescol1, td.servicescol2, td.servicescol3 {
|
|
width:30%
|
|
}
|
|
/* Actionbutton readers.html */
|
|
td.readercol14,td.readercol15,
|
|
td.readercol16 {
|
|
min-width:22px
|
|
}
|
|
/* cols width info status and users.html */
|
|
.infocolswidth td {
|
|
width:7.5%
|
|
}
|
|
/* **************** 11. DIV */
|
|
/* Log status.html, livelog.html, file.html */
|
|
div.log, div#livelog, textarea.editor, div.sidlist {
|
|
font-family:"Courier New", monospace;
|
|
text-align:left;
|
|
border:1px dotted #AAA;
|
|
background-color:#FAFAFA;
|
|
color:#666
|
|
}
|
|
div.log {
|
|
margin:4px 0 0;
|
|
padding:4px;
|
|
max-height:300px;
|
|
overflow:scroll;
|
|
}
|
|
/* module-webif.c class for services.html */
|
|
div.sidlist {
|
|
padding:2px;
|
|
background-color:#FFF;
|
|
}
|
|
div.sidlistclose {
|
|
float:right;
|
|
background-color:#F00;
|
|
color:#FFF
|
|
}
|
|
/* message.html */
|
|
div.message {
|
|
font-size:12px;
|
|
font-weight:700;
|
|
margin:5px 0
|
|
}
|
|
/* file.html */
|
|
div.filterform {
|
|
margin:5px 0
|
|
}
|
|
/* pre_autoconf.html, pre_shutdown.html */
|
|
div.warning {
|
|
margin:42px 0 14px
|
|
}
|
|
/* logobit.html - Logo for Oscam */
|
|
div.logo {
|
|
position:absolute;
|
|
top:6px;
|
|
left:9px;
|
|
z-index:0
|
|
}
|
|
/* READERS and USERS items */
|
|
div.groups {
|
|
cursor:default;
|
|
overflow:hidden;
|
|
margin:0 auto;
|
|
text-align:center;
|
|
word-wrap:normal;
|
|
width:40px
|
|
}
|
|
/* footer.html */
|
|
div.footer {
|
|
background-color:#EEE;
|
|
border-top:3px solid #CCC
|
|
}
|
|
div.footer .top_link {
|
|
position:absolute;
|
|
bottom:5px;
|
|
right:10px;
|
|
font-weight:bold
|
|
}
|
|
div.footer .top_link a:after {
|
|
content:" \25B2"
|
|
}
|
|
DIV.bottom_link {
|
|
position:absolute;
|
|
top:6px;
|
|
right:10px;
|
|
font-weight:bold
|
|
}
|
|
DIV.bottom_link a:after {
|
|
content:" \25BC"
|
|
}
|
|
div.footer li {
|
|
margin:5px
|
|
}
|
|
/* status.html, main DIV for statistics info */
|
|
div.info {
|
|
max-width:1300px;
|
|
white-space:nowrap;
|
|
margin:14px auto 0
|
|
}
|
|
/* debugmenu - status_sdebug.html
|
|
* logmenu - file.html
|
|
*/
|
|
div.debugmenu, div.logmenu, div.logsizemenu {
|
|
font-size:12px;
|
|
line-height:16px;
|
|
margin-top:10px
|
|
}
|
|
#regexdatainput {
|
|
margin-top:10px
|
|
}
|
|
/* entitlements_cccambit.html */
|
|
div.cccamentitlementtotals,
|
|
div.cccamentitlementcontrols {
|
|
font-weight:bold;
|
|
margin-top:5px
|
|
}
|
|
/* definition only for show or hide columns or DIV
|
|
* #newinsert - in userconfig.html, readers.html
|
|
* #exp, #cwc, #acasc - only in module-webif.c for show/hide columns in userconfig.html
|
|
*/
|
|
#newinsert,
|
|
.exp, .cwc, .acas, .grp, .hidden {
|
|
display:none
|
|
}
|
|
/* **************** 12. TEXTAREA,SELECT,INPUT */
|
|
/* texteditor on file.html */
|
|
textarea.editor {
|
|
font-size:11px;
|
|
width:100%;
|
|
max-width:1500px;
|
|
height:556px;
|
|
margin:0 auto 10px;
|
|
padding:4px
|
|
}
|
|
/* textarea for config */
|
|
textarea.bt {
|
|
width:380px;
|
|
font-size:12px
|
|
}
|
|
/* textarea for emm.html */
|
|
table.writeemm textarea {
|
|
width:597px
|
|
}
|
|
/* generaly settings for all select */
|
|
select {
|
|
padding:2px
|
|
}
|
|
/* settings for select in script.html */
|
|
#scriptselect {
|
|
height: 22px
|
|
}
|
|
/* generaly settings for all input */
|
|
input,textarea {
|
|
-moz-box-sizing:border-box;
|
|
box-sizing:border-box
|
|
}
|
|
/* generaly settings for all checkbox input */
|
|
input[type=checkbox] {
|
|
cursor:pointer
|
|
}
|
|
/* generaly settings for all text input */
|
|
input[type=text] {
|
|
padding:2px;
|
|
width:380px
|
|
}
|
|
input.short[type=text] {
|
|
width:52px
|
|
}
|
|
input.colorinput[type=text] {
|
|
width:60px
|
|
}
|
|
input.medium[type=text] {
|
|
width:125px
|
|
}
|
|
input.longer[type=text] {
|
|
width:250px
|
|
}
|
|
.readers input[type=text],
|
|
#addnewservice input[type=text],
|
|
.users input[type=text],
|
|
.cacheex input[type=text] {
|
|
text-align:center;
|
|
background-color:#F8F8F8;
|
|
width:180px
|
|
}
|
|
/* all config input they are with units e.g. sec or min in config.html */
|
|
input.withunit {
|
|
text-align:left
|
|
}
|
|
/* solution for align vertical checkbox with text */
|
|
input[type=checkbox] {
|
|
vertical-align:text-bottom;
|
|
_vertical-align:middle;
|
|
margin-right:5px
|
|
}
|
|
/* generaly settings for all buttons/submits */
|
|
input[type=button], input[type=submit] {
|
|
-webkit-appearance:none;
|
|
border-radius:3px;
|
|
border:1px solid #AAA;
|
|
cursor:pointer;
|
|
text-align:center;
|
|
padding:0 2px;
|
|
margin:0 3px;
|
|
display:inline-block;
|
|
width:70px;
|
|
height:20px;
|
|
color:#333;
|
|
background-color:#F8F8F8
|
|
}
|
|
/* generaly hover settings for all buttons/submits */
|
|
input[type=button]:hover, input[type=submit]:hover {
|
|
background-color:#F2F2F2;
|
|
box-shadow:inset 1px 1px #555;
|
|
padding:0px 1px 0px 3px
|
|
}
|
|
/* only for statusheadline button in status.html */
|
|
td.subheadline input[type=button] {
|
|
float:right;
|
|
margin:0 0 0 2px;
|
|
width:95px;
|
|
font-weight:normal
|
|
}
|
|
/* only for save button lb/cccam control in config.html */
|
|
.configcontrol input[type=submit] {
|
|
width:115px
|
|
}
|
|
/* only for button in readers.html/userconfig.html/services.html for addnew */
|
|
.users input[type=submit], .readers input[type=submit], #addnewservice input[type=submit] {
|
|
margin-left:10px
|
|
}
|
|
/* only for diasabled button in file.html*/
|
|
#filesubmit input[type=submit]:disabled {
|
|
display:none
|
|
}
|
|
/* only save button in config.html/readerconfig.html/services.html */
|
|
td.configcolsave {
|
|
text-align:center
|
|
}
|
|
/* settings for first option in select
|
|
* otherdropdown - in script.html, menu.html
|
|
*/
|
|
#otherdropdown {
|
|
margin:5px
|
|
}
|
|
#otherdropdown option:first-child {
|
|
display:none
|
|
}
|
|
/* for extract in script.html and emm.html */
|
|
div.extract {
|
|
width:750px;
|
|
margin:10px auto;
|
|
text-align:left
|
|
}
|
|
div.extract p {
|
|
font-weight:700;
|
|
margin:10px 6px 0 6px
|
|
}
|
|
div.extract p.emmhead {
|
|
font-size:13px;
|
|
text-align:center
|
|
}
|
|
div.extract p .emminfo {
|
|
font-weight:normal
|
|
}
|
|
div.extract pre {
|
|
overflow:auto;
|
|
margin:5px 0;
|
|
padding:5px;
|
|
font-family:courier,monospace;
|
|
border:1px dotted #AAA;
|
|
white-space:pre
|
|
}
|
|
div.extract pre.script {
|
|
min-height: 100px
|
|
}
|
|
/* **************** 13. IMAGE */
|
|
/* generaly settings for images */
|
|
img {
|
|
border:0 solid
|
|
}
|
|
/* for icons with following Action */
|
|
img.icon {
|
|
border-radius:4px;
|
|
width:22px;
|
|
height:22px;
|
|
max-height:22px;
|
|
background-color:#A00
|
|
}
|
|
/* statususericon - in STATUS item
|
|
* protoicon - in STATUS, READERS item
|
|
* usericon - in USERS item
|
|
* readericon - in READERS item
|
|
*/
|
|
img.statususericon, img.protoicon,
|
|
img.usericon, img.readericon {
|
|
min-height:15px;
|
|
height:auto;
|
|
max-height:22px;
|
|
max-width:150px
|
|
}
|
|
/* ECM Restarticon */
|
|
.statusecminfo img {
|
|
vertical-align:middle
|
|
}
|
|
/* logo IC_LOGO.tpL */
|
|
div.logo img {
|
|
max-height:44px
|
|
}
|
|
div.logo svg.OSCam_logo {
|
|
fill:#111111
|
|
}
|
|
td#out.centered img,
|
|
td#in.centered img {
|
|
margin:0 10px -2px
|
|
}
|
|
/* **************** 14. SPAN */
|
|
/* module-webif.c and userconfig_notify.html */
|
|
span.span_notifier {
|
|
margin-left:2px;
|
|
padding:1px 3px;
|
|
color:#FFF;
|
|
background-color:#F00
|
|
}
|
|
/* module-webif.c value for STATUS item ( more info in Changeset 6668 by alno )
|
|
* Class for formating values in statusview column "Idle"
|
|
* In new WebIf column Idle is not used. Info about Idle is in title */
|
|
span.idlesec_normal, span.idlesec_alert {
|
|
font-size:9px;
|
|
color:#F00
|
|
}
|
|
/* readerconfig_cccambit.html, user_edit_anticasc.html and user_edit_cccam.html */
|
|
span.global_conf {
|
|
font-size:12px;
|
|
cursor:default;
|
|
padding:4px;
|
|
color:blue
|
|
}
|
|
/* cachex status */
|
|
span.e_expired {background-color:#FFF3E7}
|
|
.span, span {
|
|
text-align:center
|
|
}
|
|
/* **************** 15. GRAPH */
|
|
svg.graph {background-color:#F0F0F0;font-family:Arial;font-size:9px}
|
|
rect.graph_bg {fill:white}
|
|
rect.graph_button {fill:#A9D0F5}
|
|
text.graph_error {text-anchor:middle;fill:#F00}
|
|
text.graph_top_txt {text-anchor:end}
|
|
text.graph_grid_txt {text-anchor:end;fill:gray}
|
|
path.graph_grid {stroke-opacity:0.5;stroke-width:0.7px;stroke:gray}
|
|
path.graph_curve {stroke-opacity:0.8;stroke-width:0.7px;fill:none}
|
|
/* **************** 16. SORTING IN TABLE */
|
|
.users th {
|
|
font-size:11px
|
|
}
|
|
.sortable {
|
|
background-image: url(data:image/gif;base64,R0lGODlhBQAIAJEAAAAAAP///yMtMP///yH5BAEAAAMALAAAAAAFAAgAAAIL3GQnuJ2f2lLI1AIAOw==);
|
|
background-repeat:no-repeat;
|
|
background-position:4px center;
|
|
cursor:pointer;
|
|
padding-left:12px;
|
|
padding-right:8px
|
|
}
|
|
.sorting-desc {
|
|
background-image: url(data:image/gif;base64,R0lGODlhBQADAJEAAAAAAP///yMtMP///yH5BAEAAAMALAAAAAAFAAMAAAIFlD03K1sAOw==);
|
|
background-repeat:no-repeat;
|
|
background-position:4px center;
|
|
cursor:pointer;
|
|
padding-left:10px;
|
|
padding-right:8px
|
|
}
|
|
.sorting-asc {
|
|
background-image: url(data:image/gif;base64,R0lGODlhBQADAJEAAAAAAP///yMtMP///yH5BAEAAAMALAAAAAAFAAMAAAIF3GQnuF0AOw==);
|
|
background-repeat:no-repeat;
|
|
background-position:4px center;
|
|
cursor:pointer;
|
|
padding-left:10px;
|
|
padding-right:8px
|
|
}
|
|
.sorting-asc, .sorting-desc {background-color:#AAA}
|
|
.readers .td-sorting,
|
|
.readers tr.r_undefined .td-sorting {background-color: #EAEA95}
|
|
.readers tr.r_connected .td-sorting {background-color: #A6EA95}
|
|
.readers tr.enabledreader .td-sorting {background-color: #D9D9D9}
|
|
.readers tr.disabledreader .td-sorting {background-color: #D9D9D9}
|
|
.users tr.offline .td-sorting,
|
|
.users tr.disabled .td-sorting,
|
|
.statsbalance .td-sorting {background-color: #D9D9D9}
|
|
.users tr.connected .td-sorting {background-color: #EAEA95}
|
|
.users tr.online .td-sorting {background-color: #BFA}
|
|
.users tr.expired .td-sorting {background-color: #EAA69F}
|
|
/* **************** 17. POLLING */
|
|
/* for UL in logpoll.html */
|
|
#livelog {
|
|
resize:vertical;
|
|
height:574px;
|
|
max-width:1500px;
|
|
overflow-y:auto;
|
|
margin:1px auto 15px;
|
|
padding:0px 4px
|
|
}
|
|
#livelogdata {
|
|
white-space:pre
|
|
}
|
|
li.regex, li.regexdata_nav, li.regexdata_save{
|
|
white-space:nowrap
|
|
}
|
|
input.regexinput {
|
|
cursor:text;
|
|
padding:2px;
|
|
margin:3px 15px 1px 3px;
|
|
width:400px
|
|
}
|
|
.regexdata_nav input {
|
|
width:100px
|
|
}
|
|
.regexdata_save input {
|
|
width:90px;
|
|
margin-top:10px
|
|
}
|
|
.colorPicker_def_color {
|
|
color:#DDD
|
|
}
|
|
.colorPicker_def_fcolor {
|
|
color:#00F
|
|
}
|
|
div.colorPicker-picker {
|
|
height:16px;
|
|
width:16px;
|
|
display:inline;
|
|
margin:3px;
|
|
padding:4px 8px;
|
|
border:1px solid #CCC;
|
|
cursor:pointer;
|
|
line-height:16px;
|
|
font-size:0.75em;
|
|
font-weight:bold;
|
|
text-align:center
|
|
}
|
|
div.colorPicker-palette {
|
|
width:110px;
|
|
position:absolute;
|
|
border:1px solid #598FEF;
|
|
background-color:#EFEFEF;
|
|
padding:2px;
|
|
z-index:9999
|
|
}
|
|
div.colorPicker_hexWrap {width:100%;float:left}
|
|
div.colorPicker_hexWrap label {font-size:95%;color:#2F2F2F;margin:5px 2px;width:25%}
|
|
div.colorPicker_hexWrap input {margin:5px 2px;padding:0;font-size:95%;border:1px solid #000;width:65%}
|
|
div.colorPicker-swatch {
|
|
height:12px;
|
|
width:12px;
|
|
border:1px solid #000;
|
|
margin:2px;
|
|
float:left;
|
|
cursor:pointer;
|
|
line-height:12px
|
|
}
|
|
/* User-Page polling */
|
|
#inc,#polling,#dec,.regexbutton {
|
|
margin:-3px 2px;
|
|
border:none;
|
|
color:#FFF;
|
|
cursor:pointer;
|
|
border-radius:4px;
|
|
font-size:14px;
|
|
font-weight:700;
|
|
width:22px;
|
|
height:22px;
|
|
line-height:0px
|
|
}
|
|
#inc,#dec,.regexbutton {
|
|
background-color:#A00
|
|
}
|
|
#inc:hover,#dec:hover,.regexbutton:hover {
|
|
background-color:#F00
|
|
}
|
|
#inc[disabled],
|
|
#dec[disabled] {
|
|
color: #6D6C6D;
|
|
cursor: inherit;
|
|
background-color: #DDD;
|
|
}
|
|
.pollingenabled {
|
|
background-image:url(image?i=ICSTOP);
|
|
background-repeat:no-repeat;
|
|
background-position:center;
|
|
background-color:#A00
|
|
}
|
|
.pollingdisabled {
|
|
background-image:url(image?i=ICSTART);
|
|
background-repeat:no-repeat;
|
|
background-position:center;
|
|
background-color:#A00
|
|
}
|
|
.pollingenabled:hover {
|
|
background-color:#F00
|
|
}
|
|
.pollingdisabled:hover {
|
|
background-color:#F00
|
|
}
|
|
#poll button {
|
|
margin-bottom:1px;
|
|
vertical-align:middle
|
|
}
|
|
#nav li.pollselect {
|
|
position:absolute;
|
|
right:10px
|
|
}
|
|
input.pintervall {
|
|
font-size:14px;
|
|
font-weight:500;
|
|
width:18px;
|
|
height:18px;
|
|
color:#000;
|
|
background-color:transparent;
|
|
border:none;
|
|
border-radius:4px;
|
|
text-align:center;
|
|
margin:0 4px;
|
|
padding:0
|
|
}
|
|
/* polling heartbeat */
|
|
#picolor {
|
|
background-color:#A00
|
|
}
|
|
/* **************** 18. ECM BAR HISTORY */
|
|
#chart {
|
|
position:absolute;
|
|
width: 150px;
|
|
height: 90px;
|
|
border: 1px dotted #F00;
|
|
background-color: #EAEAEA;
|
|
padding:3px;
|
|
z-index:1000
|
|
}
|
|
#charthead {
|
|
background-color:transparent;
|
|
width:100%;
|
|
height:5px
|
|
}
|
|
#graph {
|
|
width:98%;
|
|
bottom:0;
|
|
position:absolute
|
|
}
|
|
.disabledtable {
|
|
opacity:0.5
|
|
}
|
|
/* Statuspage Functions: Generate a Bar for Barchart */
|
|
div.bar {
|
|
width:5px;
|
|
margin:2px;
|
|
display:inline-block;
|
|
position:relative;
|
|
background-color:green;
|
|
vertical-align:baseline
|
|
}
|
|
/* **************** 19. FILE MENU */
|
|
/* For filemenu - change dropdown menu */
|
|
.drop .subcaret {
|
|
margin-top:7px;
|
|
margin-left:7px
|
|
}
|
|
.subcaret {
|
|
display:inline-block;
|
|
width:0;
|
|
height:0;
|
|
vertical-align:top;
|
|
border-top:4px solid #606060;
|
|
border-right:4px solid transparent;
|
|
border-left:4px solid transparent;
|
|
content:"";
|
|
opacity:1;
|
|
filter:alpha(opacity=100)
|
|
}
|
|
#nav ul.dropdown_nav li {
|
|
margin:0;
|
|
padding:1px 0;
|
|
width:100%
|
|
}
|
|
#nav li ul.dropdown_nav li a {
|
|
color:#000;
|
|
padding:0 5px;
|
|
display:block
|
|
}
|
|
#nav li ul.dropdown_nav {
|
|
display:none;
|
|
white-space:normal;
|
|
position:absolute;
|
|
text-align:left;
|
|
top:16px;
|
|
right:0;
|
|
width:auto;
|
|
background-color:#FFF;
|
|
border:1px solid #DDD
|
|
}
|
|
#nav li:hover ul.dropdown_nav {
|
|
display:block
|
|
}
|
|
a[title*="expdate"] {
|
|
color: red;
|
|
}
|
|
/* **************** 20. OTHER SETTINGS */
|
|
/* iPhone */
|
|
@media
|
|
only screen and (min-device-width : 320px) and (max-device-width : 480px),
|
|
only screen and (min-device-width : 320px) and (max-device-width : 568px){
|
|
div.footer {
|
|
height:92px
|
|
}
|
|
}
|
|
/* iPhone Landscape */
|
|
@media
|
|
only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape),
|
|
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
|
|
#livelog {
|
|
height:382px
|
|
}
|
|
textarea.editor {
|
|
height:400px
|
|
}
|
|
}
|
|
/* iPad Landscape */
|
|
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
|
|
#livelog {
|
|
height:494px
|
|
}
|
|
textarea.editor {
|
|
height:508px
|
|
}
|
|
}
|
|
/* **************** WIKI HELP POPUP */
|
|
#wikiPopup {
|
|
display:none;
|
|
position:absolute;
|
|
z-index:10;
|
|
width:400px;
|
|
background-color:#FFF;
|
|
border:2px solid #AAA;
|
|
border-radius:5px;
|
|
box-shadow:0 4px 12px rgba(0,0,0,0.3);
|
|
font-size:12px;
|
|
resize:both;
|
|
overflow:auto;
|
|
min-width:250px;
|
|
min-height:150px
|
|
}
|
|
.wiki-popup-header {
|
|
background-color:#CCC;
|
|
color:#000;
|
|
padding:8px 12px;
|
|
font-weight:bold;
|
|
font-size:13px;
|
|
border-radius:3px 3px 0 0;
|
|
display:flex;
|
|
justify-content:space-between;
|
|
align-items:center
|
|
}
|
|
.wiki-popup-title {
|
|
font-family:Arial;
|
|
color:#000;
|
|
text-decoration:none;
|
|
cursor:pointer
|
|
}
|
|
.wiki-popup-title:hover {
|
|
color:#FF9E5F;
|
|
text-decoration:underline
|
|
}
|
|
.wiki-popup-close {
|
|
cursor:pointer;
|
|
font-size:18px;
|
|
font-weight:bold;
|
|
line-height:1;
|
|
padding:0 4px
|
|
}
|
|
.wiki-popup-close:hover {
|
|
color:#FF9E5F
|
|
}
|
|
.wiki-popup-reset {
|
|
cursor:pointer;
|
|
font-size:16px;
|
|
line-height:1;
|
|
padding:0 4px;
|
|
margin-left:auto
|
|
}
|
|
.wiki-popup-reset:hover {
|
|
color:#FF9E5F
|
|
}
|
|
.wiki-popup-content {
|
|
padding:12px;
|
|
overflow-y:auto;
|
|
line-height:1.5;
|
|
color:#333
|
|
}
|
|
.wiki-popup-content h3,
|
|
.wiki-popup-content h4 {
|
|
margin:10px 0 5px 0;
|
|
color:#000
|
|
}
|
|
.wiki-popup-content h3 {
|
|
font-size:14px
|
|
}
|
|
.wiki-popup-content h4 {
|
|
font-size:12px
|
|
}
|
|
.wiki-popup-content pre.wiki-code {
|
|
background-color:#f4f4f4;
|
|
border:1px solid #ddd;
|
|
border-radius:3px;
|
|
padding:8px;
|
|
margin:8px 0;
|
|
overflow-x:auto;
|
|
font-family:'Courier New',monospace;
|
|
font-size:11px;
|
|
white-space:pre;
|
|
line-height:1.4
|
|
}
|
|
.wiki-popup-content code {
|
|
background-color:#f4f4f4;
|
|
padding:1px 4px;
|
|
border-radius:2px;
|
|
font-family:'Courier New',monospace;
|
|
font-size:11px
|
|
}
|
|
.wiki-popup-content strong {
|
|
color:#000
|
|
}
|
|
.wiki-text {
|
|
word-wrap:break-word
|
|
}
|
|
.wiki-loading {
|
|
text-align:center;
|
|
padding:20px;
|
|
color:#666;
|
|
font-style:italic
|
|
}
|
|
.wiki-nohelp,
|
|
.wiki-error {
|
|
text-align:center;
|
|
padding:20px;
|
|
color:#666
|
|
}
|
|
.wiki-nohelp a,
|
|
.wiki-error a {
|
|
color:#000;
|
|
text-decoration:underline
|
|
}
|
|
.wiki-nohelp a:hover,
|
|
.wiki-error a:hover {
|
|
color:#FF9E5F
|
|
}
|
|
/* Wiki status icons - keep inline on hover */
|
|
.wiki-status-icon {
|
|
margin-right:2px;
|
|
display:none !important
|
|
}
|
|
.wiki-status-icon.visible {
|
|
display:inline !important
|
|
}
|
|
a:hover .wiki-status-icon {
|
|
position:static !important;
|
|
top:auto !important;
|
|
right:auto !important;
|
|
padding:0 !important;
|
|
background-color:transparent !important;
|
|
border:none !important
|
|
}
|
|
/* Wiki active link highlight */
|
|
a.wiki-active {
|
|
background-color:#ffffcc !important;
|
|
outline:2px solid #ffcc00;
|
|
position:relative;
|
|
z-index:2
|
|
}
|