diff --git a/installer/resources/themes/console/classic/default.css b/installer/resources/themes/console/classic/default.css index c6feba50ca451d601994a733ffc65051a7df6b5c..621f9be2d26d69d472f12db70c022076726c9231 100644 --- a/installer/resources/themes/console/classic/default.css +++ b/installer/resources/themes/console/classic/default.css @@ -1,219 +1,219 @@ -body { - margin: 0px; - padding: 0px; - text-align: center; - font: 10pt/140% "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; - background: #bbf; - color: #000; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -body.iframed { - background: transparent url('../dark/images/transparent.gif') !important; - padding-top: 5px; -} - -div { - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -h4, label { - margin: 0px; - padding: 2px; - float: left; - width: 150px; - height: 24px; - font-weight: normal; - text-align: right; - font-size: 8.5pt; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -h4 { - font-size: 10.5pt; - text-align: left !important; - font-weight: bold; - border: 1px solid #77f; - border-top: 2px solid #77f; - margin: -6px 0 5px -10px !important; - padding: 5px 10px 25px 10px; - background: #fff; - text-shadow: 0px 0px 1px rgba(32, 32, 192, 0.3); - text-transform: uppercase; - white-space: nowrap; - width: 782px; - letter-spacing: 0.09em; - background: #fff url("/themes/console/classic/images/titlebg.png") no-repeat right center !important; -} - -label { - font-style: italic; - margin: 0 3px 0 -3px; -} - -a { - text-decoration: none; -} - -form { - margin: 0px; -} - -textarea, input, select, button, a { - -moz-box-sizing: border-box; - box-sizing: border-box; - font: 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; - float: left; - margin: 2px 0 5px 0; -} - -button { - float: none; - height: 20px !important; -} - -textarea { - border: 1px solid #aaf; - min-height: 40px; -} - -br { - clear: left; -} - -div.statusNotRunning { - float: left; - width: 82px; - height: 24px; - color: #d00; -} - -div.statusRunning { - float: left; - width: 82px; - height: 24px; - color: #0d0; -} - -div.statusStarting { - float: left; - width: 82px; - height: 24px; - color: #393; -} - -hr { - display: none; -} - -.separator, .subdivider { - clear: both; - height: 1px; - margin: 5px -8px 5px -8px; - border-bottom: 1px solid #aaf; -} - -.subdivider { - border-bottom: 1px dotted #aaf; - margin: 0 0 10px 0; -} - -.freetext { - width: 150px; - height: 22px; - border: 1px solid #aaf; -} - -.control { - margin: 2px; - padding: 1px 2px 2px 2px; - overflow: hidden; - height: 20px; - width: 60px; - font-weight: bold; - background: #ddd; - color: #000; - border: 1px outset #ddddc0; - text-align: center; - vertical-align: middle; - white-space: nowrap; -} - -.control:hover { - background: #229; - color: #fff; -} - -.control:active { - border: 2px inset; -} - -.panel { - width: 790px; - margin: 16px auto 16px auto; - padding: 5px 10px; - overflow: hidden; - text-align: left; - font-size: 8pt; - background: #eef; - border: 4px solid #77f; - -moz-box-shadow: inset 0px 0px 0px 1px #99f; -} - -.iframed .panel { - margin: 16px auto -8px auto !important; -} - -.iframed .panel.iframed { - margin: 0 auto -8px auto !important; -} - -.panel .footer { - - padding: 4px; -} - -.toolbox { - width: 100%; -} - -.rowItem { - width: 750px; - float: left; - margin: 0px; -} - -.comment { - font-style: italic; - white-space: nowrap; -} - -.text { - height: 24px; - width: 150px; - padding: 2px 0 0 2px; - float: left; - margin: 0; - font-weight: bold; -} - -.accessKey { - text-decoration: underline; -} - -#globalOperationsPanel { - background: #eef; - border: 4px solid #77f; - -moz-box-shadow: inset 0px 0px 0px 1px #900; - padding: 5px 5px 10px 5px; - text-align: right; -} - -#globalOperationsPanel .control { - width: 100px !important; - margin-top: 3px; - float: right; -} +body { + margin: 0px; + padding: 0px; + text-align: center; + font: 10pt/140% "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; + background: #bbf; + color: #000; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +body.iframed { + background: transparent url('../dark/images/transparent.gif') !important; + padding-top: 5px; +} + +div { + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +h4, label { + margin: 0px; + padding: 2px; + float: left; + width: 150px; + height: 24px; + font-weight: normal; + text-align: right; + font-size: 8.5pt; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +h4 { + font-size: 10.5pt; + text-align: left !important; + font-weight: bold; + border: 1px solid #77f; + border-top: 2px solid #77f; + margin: -6px 0 5px -10px !important; + padding: 5px 10px 25px 10px; + background: #fff; + text-shadow: 0px 0px 1px rgba(32, 32, 192, 0.3); + text-transform: uppercase; + white-space: nowrap; + width: 782px; + letter-spacing: 0.09em; + background: #fff url("/themes/console/classic/images/titlebg.png") no-repeat right center !important; +} + +label { + font-style: italic; + margin: 0 3px 0 -3px; +} + +a { + text-decoration: none; +} + +form { + margin: 0px; +} + +textarea, input, select, button, a { + -moz-box-sizing: border-box; + box-sizing: border-box; + font: 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; + float: left; + margin: 2px 0 5px 0; +} + +button { + float: none; + height: 20px !important; +} + +textarea { + border: 1px solid #aaf; + min-height: 40px; +} + +br { + clear: left; +} + +div.statusNotRunning { + float: left; + width: 82px; + height: 24px; + color: #d00; +} + +div.statusRunning { + float: left; + width: 82px; + height: 24px; + color: #0d0; +} + +div.statusStarting { + float: left; + width: 82px; + height: 24px; + color: #393; +} + +hr { + display: none; +} + +.separator, .subdivider { + clear: both; + height: 1px; + margin: 5px -8px 5px -8px; + border-bottom: 1px solid #aaf; +} + +.subdivider { + border-bottom: 1px dotted #aaf; + margin: 0 0 10px 0; +} + +.freetext { + width: 150px; + height: 22px; + border: 1px solid #aaf; +} + +.control { + margin: 2px; + padding: 1px 2px 2px 2px; + overflow: hidden; + height: 20px; + width: 60px; + font-weight: bold; + background: #ddd; + color: #000; + border: 1px outset #ddddc0; + text-align: center; + vertical-align: middle; + white-space: nowrap; +} + +.control:hover { + background: #229; + color: #fff; +} + +.control:active { + border: 2px inset; +} + +.panel { + width: 790px; + margin: 16px auto 16px auto; + padding: 5px 10px; + overflow: hidden; + text-align: left; + font-size: 8pt; + background: #eef; + border: 4px solid #77f; + -moz-box-shadow: inset 0px 0px 0px 1px #99f; +} + +.iframed .panel { + margin: 16px auto -8px auto !important; +} + +.iframed .panel.iframed { + margin: 0 auto -8px auto !important; +} + +.panel .footer { + + padding: 4px; +} + +.toolbox { + width: 100%; +} + +.rowItem { + width: 750px; + float: left; + margin: 0px; +} + +.comment { + font-style: italic; + white-space: nowrap; +} + +.text { + height: 24px; + width: 150px; + padding: 2px 0 0 2px; + float: left; + margin: 0; + font-weight: bold; +} + +.accessKey { + text-decoration: underline; +} + +#globalOperationsPanel { + background: #eef; + border: 4px solid #77f; + -moz-box-shadow: inset 0px 0px 0px 1px #900; + padding: 5px 5px 10px 5px; + text-align: right; +} + +#globalOperationsPanel .control { + width: 100px !important; + margin-top: 3px; + float: right; +} diff --git a/installer/resources/themes/console/classic/i2ptunnel.css b/installer/resources/themes/console/classic/i2ptunnel.css index 72cd003ae9cdb4f7c5000702c730b02fa1432f53..2e46f2cd377f8dd3dacf3176a5d397f96233007c 100644 --- a/installer/resources/themes/console/classic/i2ptunnel.css +++ b/installer/resources/themes/console/classic/i2ptunnel.css @@ -1,180 +1,180 @@ -/* I2P Tunnel Edit Page -*/ - -#tunnelEditPage input { - width: 458px; -} - -#tunnelEditPage select { - width: 308px; -} - -#tunnelEditPage option[selected] { - color: green; -} - -#tunnelEditPage #targetField, -#tunnelEditPage #accessField, -#tunnelEditPage #optionsField { - height: 48px; - width: 150px; -} -#tunnelEditPage #tunnelOptionsField { - height: 96px; - width: 150px; -} - -#tunnelEditPage #targetField label, -#tunnelEditPage #accessField label, -#tunnelEditPage #tunnelOptionsField label, -#tunnelEditPage #optionsField label{ - height: 48px; - width: 150px; -} - -#tunnelEditPage #reachField, -#tunnelEditPage #hostField, -#tunnelEditPage #depthField, -#tunnelEditPage #countField, -#tunnelEditPage #optionsHostField { - width: 304px; - margin-right: 4px; -} - -#tunnelEditPage #portField, -#tunnelEditPage #optionsPortField, -#tunnelEditPage #backupField, -#tunnelEditPage #varianceField { - width: 150px; - -} - -#tunnelEditPage #reachField label, -#tunnelEditPage #hostField label, -#tunnelEditPage #portField label, -#tunnelEditPage #optionsHostField label, -#tunnelEditPage #optionsPortField label, -#tunnelEditPage #depthField label, -#tunnelEditPage #countField label, -#tunnelEditPage #backupField label, -#tunnelEditPage #varianceField label { - text-align: left; - -} - -#tunnelEditPage #otherField label { - width: 300px; -} - -#tunnelEditPage #reachableByOther, -#tunnelEditPage #tunnelDepth, -#tunnelEditPage #tunnelQuantity, -#tunnelEditPage #targetHost, -#tunnelEditPage #clientHost { - width: 306px; -} - -#tunnelEditPage #port { - width: 80px; -} - -#tunnelEditPage #targetPort, -#tunnelEditPage #clientPort, -#tunnelEditPage #tunnelBackupQuantity, -#tunnelEditPage #tunnelVariance { - width: 150px; -} - -#tunnelEditPage #shared, -#tunnelEditPage #connectDelay, -#tunnelEditPage #startOnLoad { - width: 16px; -} - -#tunnelEditPage label { - width: 150px; - font-weight: bold; - text-align: right; - float: left; -} - -/* I2P Tunnel List Page -*/ - -#tunnelListPage .rowItem { - width: 150px; -} - -#tunnelListPage select { - width: 150px; -} - -#tunnelListPage textarea { - width: 100%; - height: 88px; - padding: 0 0 0 4px; - color: green; - margin-bottom: 7px; -} - -#tunnelListPage .footer .control { - margin-left: 2px; -} - -#tunnelListPage .footer label { - text-align: right; - height: 24px; - width: 360px; - float: left; - -} - -/* Use Leary and Langridge content replacement methods (LIR) -** to embed accessibility information into the document. -** Should allow the lists to be rendered nicely by -** screen readers. (and lynx!) -*/ - -#tunnelListPage label { - height: 0; - width: 0; - overflow: hidden; -} - -#tunnelListPage .nameHeaderField label, -#tunnelListPage .portHeaderField label, -#tunnelListPage .typeHeaderField label, -#tunnelListPage .interfaceHeaderField label, -#tunnelListPage .targetHeaderField label, -#tunnelListPage .previewHeaderField label, -#tunnelListPage .statusHeaderField label { - text-align: left; - width: 150px; - height: 24px; - float: left; -} - -#tunnelListPage .targetField, -#tunnelListPage .targetField .text, -#tunnelListPage .targetHeaderField, -#tunnelListPage .targetHeaderField label { - width: 300px; -} - -#tunnelListPage .descriptionField, -#tunnelListPage .destinationField { - width: 750px; -} - -#tunnelListPage .descriptionField .text, -#tunnelListPage .destinationField .text { - width: 450px; -} - -#tunnelListPage .descriptionField label, -#tunnelListPage .destinationField label { - text-align: right; - width: 150px; - height: 24px; - float: left; -} +/* I2P Tunnel Edit Page +*/ + +#tunnelEditPage input { + width: 458px; +} + +#tunnelEditPage select { + width: 308px; +} + +#tunnelEditPage option[selected] { + color: green; +} + +#tunnelEditPage #targetField, +#tunnelEditPage #accessField, +#tunnelEditPage #optionsField { + height: 48px; + width: 150px; +} +#tunnelEditPage #tunnelOptionsField { + height: 96px; + width: 150px; +} + +#tunnelEditPage #targetField label, +#tunnelEditPage #accessField label, +#tunnelEditPage #tunnelOptionsField label, +#tunnelEditPage #optionsField label{ + height: 48px; + width: 150px; +} + +#tunnelEditPage #reachField, +#tunnelEditPage #hostField, +#tunnelEditPage #depthField, +#tunnelEditPage #countField, +#tunnelEditPage #optionsHostField { + width: 304px; + margin-right: 4px; +} + +#tunnelEditPage #portField, +#tunnelEditPage #optionsPortField, +#tunnelEditPage #backupField, +#tunnelEditPage #varianceField { + width: 150px; + +} + +#tunnelEditPage #reachField label, +#tunnelEditPage #hostField label, +#tunnelEditPage #portField label, +#tunnelEditPage #optionsHostField label, +#tunnelEditPage #optionsPortField label, +#tunnelEditPage #depthField label, +#tunnelEditPage #countField label, +#tunnelEditPage #backupField label, +#tunnelEditPage #varianceField label { + text-align: left; + +} + +#tunnelEditPage #otherField label { + width: 300px; +} + +#tunnelEditPage #reachableByOther, +#tunnelEditPage #tunnelDepth, +#tunnelEditPage #tunnelQuantity, +#tunnelEditPage #targetHost, +#tunnelEditPage #clientHost { + width: 306px; +} + +#tunnelEditPage #port { + width: 80px; +} + +#tunnelEditPage #targetPort, +#tunnelEditPage #clientPort, +#tunnelEditPage #tunnelBackupQuantity, +#tunnelEditPage #tunnelVariance { + width: 150px; +} + +#tunnelEditPage #shared, +#tunnelEditPage #connectDelay, +#tunnelEditPage #startOnLoad { + width: 16px; +} + +#tunnelEditPage label { + width: 150px; + font-weight: bold; + text-align: right; + float: left; +} + +/* I2P Tunnel List Page +*/ + +#tunnelListPage .rowItem { + width: 150px; +} + +#tunnelListPage select { + width: 150px; +} + +#tunnelListPage textarea { + width: 100%; + height: 88px; + padding: 0 0 0 4px; + color: green; + margin-bottom: 7px; +} + +#tunnelListPage .footer .control { + margin-left: 2px; +} + +#tunnelListPage .footer label { + text-align: right; + height: 24px; + width: 360px; + float: left; + +} + +/* Use Leary and Langridge content replacement methods (LIR) +** to embed accessibility information into the document. +** Should allow the lists to be rendered nicely by +** screen readers. (and lynx!) +*/ + +#tunnelListPage label { + height: 0; + width: 0; + overflow: hidden; +} + +#tunnelListPage .nameHeaderField label, +#tunnelListPage .portHeaderField label, +#tunnelListPage .typeHeaderField label, +#tunnelListPage .interfaceHeaderField label, +#tunnelListPage .targetHeaderField label, +#tunnelListPage .previewHeaderField label, +#tunnelListPage .statusHeaderField label { + text-align: left; + width: 150px; + height: 24px; + float: left; +} + +#tunnelListPage .targetField, +#tunnelListPage .targetField .text, +#tunnelListPage .targetHeaderField, +#tunnelListPage .targetHeaderField label { + width: 300px; +} + +#tunnelListPage .descriptionField, +#tunnelListPage .destinationField { + width: 750px; +} + +#tunnelListPage .descriptionField .text, +#tunnelListPage .destinationField .text { + width: 450px; +} + +#tunnelListPage .descriptionField label, +#tunnelListPage .destinationField label { + text-align: right; + width: 150px; + height: 24px; + float: left; +} diff --git a/installer/resources/themes/console/classic/ieshim.css b/installer/resources/themes/console/classic/ieshim.css index 56ff120f79042736c3d5be67fc37ac52d10af9bf..0c3212f8473df3c60b99206541c000005640ed46 100644 --- a/installer/resources/themes/console/classic/ieshim.css +++ b/installer/resources/themes/console/classic/ieshim.css @@ -1,299 +1,299 @@ -/* I2P Console IE theme override for Classic */ -/* Comment: Welcome to the wonderful world of kludgey IE fixes (for best results use another browser) */ -/* Author: dr|z3d */ - -.wideload { - overflow: auto; - width: 100%; -} - -.formaction, form { - text-align: left !important; - margin: 0px 0 10px 0; -} - -div.configure { - text-align: center; -} - -div.configure hr { -/* display: none; */ - margin-bottom: 10px !important; -} - -div.configure p, div.configure table { - text-align: justify; - margin: 10px 0; -} - -div.main ul { - margin: 0 20px 0 40px; -} - -div.configure textarea { - width: 450px !important; -} - -div.configure input { - margin-left: 5px; -} - -div.configure table { - width: auto !important; - text-align: left !important; -} - -h1 { - padding: 24px 10px 23px 20px !important; - margin: 0 px 0 195px !important; - margin: 0 2px 0 200px !important; - color: #001; - border: 1px solid #89f !important; - border-left: 1px solid #89f !important; - text-align: left; -} - -h2 { - padding: 12px !important; - text-align: left !important; - margin: 0 0 15px 0 !important; -} - -h3 { - margin-top: 10px; - text-align: left !important -} - -div.confignav { - padding: 15px 0 15px 0; - border-left: 0px; - margin-left: -15px; - border-top: 1px solid #89f; - margin-bottom: 10px !important; -} - -div.messages { - border-left: 0; - border-right: 0; - margin: -10px -15px 0px -15px; -} - -div.main { - margin: -5px 2px 10px 200px; - border: 1px solid #89f !important; -} - -div.main hr, div.news hr { - margin: 0 10px !important; -} - -div.news { - margin-left: 197px !important; - margin-right: 100px !important; - border-left: 1px solid #89f !important; -} - -div.news hr { - height: 1px !important; - color: #ffffc0 !important; /* fixes immovable hr issue by making it invisible */ -} - -div.main { - border-top: 5px solid #bbf; -} - -div.news { - border-left: 5px solid #bbf; - margin: 0px 5px 0 193px; - padding-bottom: 8px; -} - -div.news hr { - color: #bbf; - background: #bbf; - height: 3px; - border: 0px; - margin: 0 -10px 0 -13px !important; -} - -div.routersummaryouter { - left: 5px; - top: 5px; -} - -div.routersummary { - color: #001; - padding-left: 0px; -/* border-left: 1px solid #bbf; */ - text-align: center !important; - overflow: hidden; /* prevents IE from borking the sidepanel */ - width: 195px !important; - padding-bottom: 20px !important; -} - -div.routersummary submit { - padding: 0; - margin-bottom: 5px; -} - -div.routersummary input[type=text] { - text-align: right !important; -} - -div.routersummary hr { - color: #89f; - background: #89f; - height: 1px; - border-bottom: 1px solid #89f; - margin: 8px -2px 7px -1px; -} - -div.routersummary h3 { - border: 0px solid #f00; - text-align: center !important; - font-size: 9pt; - letter-spacing: 0.05em; - margin: -14px 0px -15px 1px; - padding: 3px 0px !important; - background: #c5d5fb; - text-transform: uppercase; -} - -div.routersummary h4 { - border: 0px solid #f00; - border-bottom: 0 !important; - font-size: 8.5pt; - letter-spacing: 0.05em; - margin: -14px 0px -15px 1px !important; - padding: 7px 3px 5px 3px; - background: #fff; - text-transform: capitalize; - text-decoration: none !important; - color: #2b2; - text-align: center !important; - line-height: 135%; -} - -div.routersummary table { - border: 0; - text-align: center !important; - margin: -5px 5px !important; - width: 182px !important; - overflow: hidden; - font-size: 8pt; - padding: 0px -10px; - background-image: none !important; - background-color: transparent !important; -} - -div.routersummary tr, div.routersummary td { - background-image: none !important; - background-color: transparent !important; - border: 0 !important; - line-height: 120% !important; - padding: 0 1px !important; -} - -div.routersummary form { - margin-top: -25px !important; - margin-bottom: -25px !important; - text-align: center !important; -} - -div.routersummary p { - padding: 0; -} - -div.routersummary a:link, div.routersummary a:visited { - line-height: 120%; -} - -div.routersummary a:hover { - color: #f60; -} - -div.routersummary td { - padding: 2px 4px; - background-image: none !important; - border: 0 !important; -} - -div.routersummary form { - margin: -20px 0 !important; -} - -div.news li { - padding-top: 0px !important; - margin-bottom: -23px !important; -} - -div.logo { -} - -div.warning { - padding: 0px 20px 20px 80px; - margin-top: -20px; - margin-left: -10px !important; -} - -.langbox { - margin: 7px -18px 0px 5px; -} - -th { - text-align: left; - padding-left: 3px; - padding-right: 1px; -} - -div.configure hr{ - margin: 10px 0 15px 0; -} - -input { - padding: 0; -} - -div.graphspanel img { - border: 1px solid #99f; - margin: 6px 0 !important; - background: #ddf; - -moz-box-shadow: inset 0px 0px 1px 1px #99f; -} - -div.graphspanel hr { - margin: 20px 0 10px !important; -} - -table { - width: auto !important; -} - -.links li { - list-style-image: url("images/link.png") !important; - list-style-image: none !important; - margin: 2px 15px 10px 0px !important; - padding-right: 5px; - list-style-position: outside; - display:list-item; -} - - -div.news { - margin: -1px 2px 0 200px !important; - padding: -10px 0px 8px 0px; - background: #ffffc0; - border: 1px solid #89f; - border-bottom: 1px solid #89f; - border-right: 1px solid #89f; - text-align: right; - color: #770; - min-width: 500px; - padding-bottom: 8px; - padding-left: 10px; - padding-right: 10px; - font-size: 7pt; -} - -.routersummary h2, .routersummary h3 { - background: #fff url(images/tinytitle.png) center right tile-x !important; +/* I2P Console IE theme override for Classic */ +/* Comment: Welcome to the wonderful world of kludgey IE fixes (for best results use another browser) */ +/* Author: dr|z3d */ + +.wideload { + overflow: auto; + width: 100%; +} + +.formaction, form { + text-align: left !important; + margin: 0px 0 10px 0; +} + +div.configure { + text-align: center; +} + +div.configure hr { +/* display: none; */ + margin-bottom: 10px !important; +} + +div.configure p, div.configure table { + text-align: justify; + margin: 10px 0; +} + +div.main ul { + margin: 0 20px 0 40px; +} + +div.configure textarea { + width: 450px !important; +} + +div.configure input { + margin-left: 5px; +} + +div.configure table { + width: auto !important; + text-align: left !important; +} + +h1 { + padding: 24px 10px 23px 20px !important; + margin: 0 px 0 195px !important; + margin: 0 2px 0 200px !important; + color: #001; + border: 1px solid #89f !important; + border-left: 1px solid #89f !important; + text-align: left; +} + +h2 { + padding: 12px !important; + text-align: left !important; + margin: 0 0 15px 0 !important; +} + +h3 { + margin-top: 10px; + text-align: left !important +} + +div.confignav { + padding: 15px 0 15px 0; + border-left: 0px; + margin-left: -15px; + border-top: 1px solid #89f; + margin-bottom: 10px !important; +} + +div.messages { + border-left: 0; + border-right: 0; + margin: -10px -15px 0px -15px; +} + +div.main { + margin: -5px 2px 10px 200px; + border: 1px solid #89f !important; +} + +div.main hr, div.news hr { + margin: 0 10px !important; +} + +div.news { + margin-left: 197px !important; + margin-right: 100px !important; + border-left: 1px solid #89f !important; +} + +div.news hr { + height: 1px !important; + color: #ffffc0 !important; /* fixes immovable hr issue by making it invisible */ +} + +div.main { + border-top: 5px solid #bbf; +} + +div.news { + border-left: 5px solid #bbf; + margin: 0px 5px 0 193px; + padding-bottom: 8px; +} + +div.news hr { + color: #bbf; + background: #bbf; + height: 3px; + border: 0px; + margin: 0 -10px 0 -13px !important; +} + +div.routersummaryouter { + left: 5px; + top: 5px; +} + +div.routersummary { + color: #001; + padding-left: 0px; +/* border-left: 1px solid #bbf; */ + text-align: center !important; + overflow: hidden; /* prevents IE from borking the sidepanel */ + width: 195px !important; + padding-bottom: 20px !important; +} + +div.routersummary submit { + padding: 0; + margin-bottom: 5px; +} + +div.routersummary input[type=text] { + text-align: right !important; +} + +div.routersummary hr { + color: #89f; + background: #89f; + height: 1px; + border-bottom: 1px solid #89f; + margin: 8px -2px 7px -1px; +} + +div.routersummary h3 { + border: 0px solid #f00; + text-align: center !important; + font-size: 9pt; + letter-spacing: 0.05em; + margin: -14px 0px -15px 1px; + padding: 3px 0px !important; + background: #c5d5fb; + text-transform: uppercase; +} + +div.routersummary h4 { + border: 0px solid #f00; + border-bottom: 0 !important; + font-size: 8.5pt; + letter-spacing: 0.05em; + margin: -14px 0px -15px 1px !important; + padding: 7px 3px 5px 3px; + background: #fff; + text-transform: capitalize; + text-decoration: none !important; + color: #2b2; + text-align: center !important; + line-height: 135%; +} + +div.routersummary table { + border: 0; + text-align: center !important; + margin: -5px 5px !important; + width: 182px !important; + overflow: hidden; + font-size: 8pt; + padding: 0px -10px; + background-image: none !important; + background-color: transparent !important; +} + +div.routersummary tr, div.routersummary td { + background-image: none !important; + background-color: transparent !important; + border: 0 !important; + line-height: 120% !important; + padding: 0 1px !important; +} + +div.routersummary form { + margin-top: -25px !important; + margin-bottom: -25px !important; + text-align: center !important; +} + +div.routersummary p { + padding: 0; +} + +div.routersummary a:link, div.routersummary a:visited { + line-height: 120%; +} + +div.routersummary a:hover { + color: #f60; +} + +div.routersummary td { + padding: 2px 4px; + background-image: none !important; + border: 0 !important; +} + +div.routersummary form { + margin: -20px 0 !important; +} + +div.news li { + padding-top: 0px !important; + margin-bottom: -23px !important; +} + +div.logo { +} + +div.warning { + padding: 0px 20px 20px 80px; + margin-top: -20px; + margin-left: -10px !important; +} + +.langbox { + margin: 7px -18px 0px 5px; +} + +th { + text-align: left; + padding-left: 3px; + padding-right: 1px; +} + +div.configure hr{ + margin: 10px 0 15px 0; +} + +input { + padding: 0; +} + +div.graphspanel img { + border: 1px solid #99f; + margin: 6px 0 !important; + background: #ddf; + -moz-box-shadow: inset 0px 0px 1px 1px #99f; +} + +div.graphspanel hr { + margin: 20px 0 10px !important; +} + +table { + width: auto !important; +} + +.links li { + list-style-image: url("images/link.png") !important; + list-style-image: none !important; + margin: 2px 15px 10px 0px !important; + padding-right: 5px; + list-style-position: outside; + display:list-item; +} + + +div.news { + margin: -1px 2px 0 200px !important; + padding: -10px 0px 8px 0px; + background: #ffffc0; + border: 1px solid #89f; + border-bottom: 1px solid #89f; + border-right: 1px solid #89f; + text-align: right; + color: #770; + min-width: 500px; + padding-bottom: 8px; + padding-left: 10px; + padding-right: 10px; + font-size: 7pt; +} + +.routersummary h2, .routersummary h3 { + background: #fff url(images/tinytitle.png) center right tile-x !important; diff --git a/installer/resources/themes/console/dark/console_big.css b/installer/resources/themes/console/dark/console_big.css index 66076bc4644449caf2d0634e521a32359217b108..547fdd6ef4adbdc938d9f0eb3d6a2f8a05f3e72d 100644 --- a/installer/resources/themes/console/dark/console_big.css +++ b/installer/resources/themes/console/dark/console_big.css @@ -1,71 +1,71 @@ -/* I2P Theme Override: Dark */ -/* Comment: Larger text (and other tweaks) for Chinese & other doublebyte charactersets */ -/* Author: dr|z3d */ - -body { - font: 9pt/130% Verdana, "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif; -} - -div.news { - font-size: 9.5pt; - font-style: normal !important; -} - -div.routersummary table { - font-size: 8.5pt; -} - -div.routersummary h3, div.routersummary h4, div.routersummary p, div.routersummary h3 a, div.routersummary a { - text-shadow: 0 0 0 0 !important; -} - -div.routersummary h4 { - font-size: 10pt; - font-weight: normal; -} - -div.routersummary b { - font-size: 9pt; - font-weight: normal; -} - -div.routersummary a { - font-size: 10pt; - font-weight: normal; -} - -b, a, a:link, a:hover, a:visited { - font-weight: normal; -} - -h2 { - font-size: 15pt; - text-shadow: none; - font-weight: normal; -} - -p { - font-size: 9.5pt; -} - -button, button:visited { - font: normal 10pt Verdana,"Bitstream Vera Sans",Tahoma,Helvetica,sans-serif !important; -} - -code, pre, tt { - font-size: 10pt; - font-weight: normal; -} - -.smallhead, th { - font-size: 8.5pt; - font-weight: normal; -} - -table { - font: 8.5pt/130% Verdana, "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif; -} - -div.applabel { - font-size: 8.5pt; -} +/* I2P Theme Override: Dark */ +/* Comment: Larger text (and other tweaks) for Chinese & other doublebyte charactersets */ +/* Author: dr|z3d */ + +body { + font: 9pt/130% Verdana, "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif; +} + +div.news { + font-size: 9.5pt; + font-style: normal !important; +} + +div.routersummary table { + font-size: 8.5pt; +} + +div.routersummary h3, div.routersummary h4, div.routersummary p, div.routersummary h3 a, div.routersummary a { + text-shadow: 0 0 0 0 !important; +} + +div.routersummary h4 { + font-size: 10pt; + font-weight: normal; +} + +div.routersummary b { + font-size: 9pt; + font-weight: normal; +} + +div.routersummary a { + font-size: 10pt; + font-weight: normal; +} + +b, a, a:link, a:hover, a:visited { + font-weight: normal; +} + +h2 { + font-size: 15pt; + text-shadow: none; + font-weight: normal; +} + +p { + font-size: 9.5pt; +} + +button, button:visited { + font: normal 10pt Verdana,"Bitstream Vera Sans",Tahoma,Helvetica,sans-serif !important; +} + +code, pre, tt { + font-size: 10pt; + font-weight: normal; +} + +.smallhead, th { + font-size: 8.5pt; + font-weight: normal; +} + +table { + font: 8.5pt/130% Verdana, "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif; +} + +div.applabel { + font-size: 8.5pt; +} diff --git a/installer/resources/themes/console/dark/default.css b/installer/resources/themes/console/dark/default.css index bb3ceb5e3b51c159ab328a5ceca7b1c9ddc53df9..5473cb5f4474720d3b4636bdc63628509fb8091f 100644 --- a/installer/resources/themes/console/dark/default.css +++ b/installer/resources/themes/console/dark/default.css @@ -1,234 +1,234 @@ -/* I2P Console theme: "Camo" by dr|z3d. Aka "dark". As in ops. */ - -body { - margin: 0px; - padding: 0px; - text-align: center; - font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; - background: #010 url('images/camotile.png') center bottom; - color: #000000; - font-size: 8.5pt; - /* we've avoided Tantek Hacks so far, - ** but we can't avoid using the non-w3c method of - ** box rendering. (and therefore one of mozilla's - ** proprietry -moz properties (which hopefully they'll - ** drop soon). - */ - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -body.iframed { +/* I2P Console theme: "Camo" by dr|z3d. Aka "dark". As in ops. */ + +body { + margin: 0px; + padding: 0px; + text-align: center; + font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; + background: #010 url('images/camotile.png') center bottom; + color: #000000; + font-size: 8.5pt; + /* we've avoided Tantek Hacks so far, + ** but we can't avoid using the non-w3c method of + ** box rendering. (and therefore one of mozilla's + ** proprietry -moz properties (which hopefully they'll + ** drop soon). + */ + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +body.iframed { background: transparent url('images/transparent.gif') !important; - padding-top: 5px; -} - -div { - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -label { - margin: 0; - padding: 5px 4px 4px 4px; - float: left; - width: 120px; -/* height: 24px; */ - font-weight: normal; - text-align: right; - font-size: 8pt; - font-style: italic; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -h4 { - font-size: 14px; - font-weight: bold !important; - text-align: left; - border: 1px solid #494; - margin: 5px 0 15px 0; - padding: 5px 10px; - background: #000 url('images/header.png') center center repeat-x ; - text-transform: uppercase; - text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); - letter-spacing: 0.08em; - -moz-box-shadow: inset 0px 0px 4px 0px #090; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; -} - -a { - text-decoration: none; -} - -form { - margin: 0px; -} - -textarea, input, select, button, a { - font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; - -moz-box-sizing: border-box; - box-sizing: border-box; - font-size: 8.5pt; - float: left; - background: #020; - border-radius: 4px; - color: #EEEE99; -} - -button { - float: none; -} - -textarea { + padding-top: 5px; +} + +div { + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +label { + margin: 0; + padding: 5px 4px 4px 4px; + float: left; + width: 120px; +/* height: 24px; */ + font-weight: normal; + text-align: right; + font-size: 8pt; + font-style: italic; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +h4 { + font-size: 14px; + font-weight: bold !important; + text-align: left; + border: 1px solid #494; + margin: 5px 0 15px 0; + padding: 5px 10px; + background: #000 url('images/header.png') center center repeat-x ; + text-transform: uppercase; + text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); + letter-spacing: 0.08em; + -moz-box-shadow: inset 0px 0px 4px 0px #090; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; +} + +a { + text-decoration: none; +} + +form { + margin: 0px; +} + +textarea, input, select, button, a { + font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; + -moz-box-sizing: border-box; + box-sizing: border-box; + font-size: 8.5pt; + float: left; + background: #020; + border-radius: 4px; + color: #EEEE99; +} + +button { + float: none; +} + +textarea { border: 1px solid #494; background: #000; margin-left: 4px; - width: 458px; -} - -br { - clear: left; -} - -div.statusNotRunning { - float: left; - width: 78px; - height: 24px; - overflow: hidden; - color: #dd0000; - padding-top: 24px; - margin-top: 6px; - background: url('images/console_status_stopped.png') 0 0 no-repeat; -} - -div.statusRunning { - float: left; - width: 78px; - height: 24px; - overflow: hidden; - color: #00dd00; - padding-top: 24px; - margin-top: 6px; - background: url('images/console_status_running.png') 0 0 no-repeat; -} - -div.statusStarting { - float: left; - width: 78px; - height: 24px; - overflow: hidden; - color: #339933; - padding-top: 24px; - margin-top: 6px; - background: url('images/console_status_starting.png') 0 0 no-repeat; -} - -hr { - display: none; -} - -.separator, .subdivider { - clear: both; - height: 1px; - margin: 3px 0px 3px 0px; - border-bottom: 1px solid #494; -} - -.subdivider { - border-bottom: 1px solid #494; - padding: 5px 0px 0px 0px; -} - -.freetext { - width: 150px; - height : 22px; - border: 1px solid #494; - padding: 2px; - margin: 4px 0 2px 4px; - background-color: #000; - font-size: 8.5pt; -} - -.control { - margin: 6px 0 0 2px !important; - padding: 2px 0; - overflow: hidden; - min-width: 60px; - max-height: 24px; - font-size: 8pt; - font-weight: bold; - background-color: #000; - color: #494 !important; - border: 1px outset #ddddc0; - text-align: center; - white-space: nowrap; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - margin-top: 8px; - background: url(images/tabletitlelight.png) repeat: x; - vertical-align: middle; - text-decoration: none; - border: 1px outset #5f5; - -moz-box-shadow: inset 0px 1px 1px 0px #373; - -khtml-box-shadow: inset 0px 1px 1px 0px #373; - box-shadow: inset 0px 1px 1px 0px #373; -} - -.control:link { - color: #494 !important; + width: 458px; +} + +br { + clear: left; +} + +div.statusNotRunning { + float: left; + width: 78px; + height: 24px; + overflow: hidden; + color: #dd0000; + padding-top: 24px; + margin-top: 6px; + background: url('images/console_status_stopped.png') 0 0 no-repeat; +} + +div.statusRunning { + float: left; + width: 78px; + height: 24px; + overflow: hidden; + color: #00dd00; + padding-top: 24px; + margin-top: 6px; + background: url('images/console_status_running.png') 0 0 no-repeat; +} + +div.statusStarting { + float: left; + width: 78px; + height: 24px; + overflow: hidden; + color: #339933; + padding-top: 24px; + margin-top: 6px; + background: url('images/console_status_starting.png') 0 0 no-repeat; +} + +hr { + display: none; +} + +.separator, .subdivider { + clear: both; + height: 1px; + margin: 3px 0px 3px 0px; + border-bottom: 1px solid #494; +} + +.subdivider { + border-bottom: 1px solid #494; + padding: 5px 0px 0px 0px; +} + +.freetext { + width: 150px; + height : 22px; + border: 1px solid #494; + padding: 2px; + margin: 4px 0 2px 4px; + background-color: #000; + font-size: 8.5pt; +} + +.control { + margin: 6px 0 0 2px !important; + padding: 2px 0; + overflow: hidden; + min-width: 60px; + max-height: 24px; + font-size: 8pt; + font-weight: bold; + background-color: #000; + color: #494 !important; + border: 1px outset #ddddc0; + text-align: center; + white-space: nowrap; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + margin-top: 8px; + background: url(images/tabletitlelight.png) repeat: x; + vertical-align: middle; text-decoration: none; - background: #000 !important; -} - -.control:hover { - border: 1px solid #f60; - background-color: #000; - color: #f60 !important; - text-decoration: none; - -moz-box-shadow: inset 0px 1px 1px 0px #fff; - -khtml-box-shadow: inset 0px 1px 1px 0px #fff; - box-shadow: inset 0px 1px 1px 0px #fff; -} - -.control:active { - border: 1px inset; - background-color: #f60 !important; - color: #EE9 !important; - text-decoration: none; -} - -.control:visited { - color: #494 !important; - text-decoration: none; -} - -.panel { - width: 800px; - margin: 16px auto 16px auto; - overflow: hidden; - text-align: left; - font-size: 8.5pt; - color: #EEEE99; - background-color: #020; - background: #000 url(images/camotile2.png); - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - border: 1px solid #494; - padding: 10px 20px; -} - -.iframed .panel { - margin: 16px auto -8px auto !important; -} - -.iframed .panel.iframed { - margin: 0 auto -8px auto !important; -} + border: 1px outset #5f5; + -moz-box-shadow: inset 0px 1px 1px 0px #373; + -khtml-box-shadow: inset 0px 1px 1px 0px #373; + box-shadow: inset 0px 1px 1px 0px #373; +} + +.control:link { + color: #494 !important; + text-decoration: none; + background: #000 !important; +} + +.control:hover { + border: 1px solid #f60; + background-color: #000; + color: #f60 !important; + text-decoration: none; + -moz-box-shadow: inset 0px 1px 1px 0px #fff; + -khtml-box-shadow: inset 0px 1px 1px 0px #fff; + box-shadow: inset 0px 1px 1px 0px #fff; +} + +.control:active { + border: 1px inset; + background-color: #f60 !important; + color: #EE9 !important; + text-decoration: none; +} + +.control:visited { + color: #494 !important; + text-decoration: none; +} + +.panel { + width: 800px; + margin: 16px auto 16px auto; + overflow: hidden; + text-align: left; + font-size: 8.5pt; + color: #EEEE99; + background-color: #020; + background: #000 url(images/camotile2.png); + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + border: 1px solid #494; + padding: 10px 20px; +} + +.iframed .panel { + margin: 16px auto -8px auto !important; +} + +.iframed .panel.iframed { + margin: 0 auto -8px auto !important; +} .panel td:first-child { font-weight: bold; @@ -241,125 +241,125 @@ hr { .panel td:last-child { border-bottom: 1px dotted #494; } - -.panel .footer { - float: right; - padding: 4px; -} - -.toolbox { - float: right; -} - -.rowItem { - width: 750px; - float: left; - margin: 0px; -} - -.comment { - font-style: italic; -} - -.text { -/* height: 24px;*/ - width: 150px; - padding: 4px 0 0 2px; - float: left; - margin: 0; - font-size: 8pt !important; - font-weight: bold; -} - -.accessKey { - text-decoration: underline; -} - -#globalOperationsPanel { - background-color: #000; - border: 1px solid #494; - -moz-box-shadow: inset 0px 0px 0px 1px #932; - padding: 5px 20px 11px 10px !important; -/* background: #000 url(images/scarface.jpg) right center no-repeat !important;*/ -} - -#globalOperationsPanel .control { + +.panel .footer { + float: right; + padding: 4px; +} + +.toolbox { + float: right; +} + +.rowItem { + width: 750px; + float: left; + margin: 0px; +} + +.comment { + font-style: italic; +} + +.text { +/* height: 24px;*/ + width: 150px; + padding: 4px 0 0 2px; + float: left; + margin: 0; + font-size: 8pt !important; + font-weight: bold; +} + +.accessKey { + text-decoration: underline; +} + +#globalOperationsPanel { + background-color: #000; + border: 1px solid #494; + -moz-box-shadow: inset 0px 0px 0px 1px #932; + padding: 5px 20px 11px 10px !important; +/* background: #000 url(images/scarface.jpg) right center no-repeat !important;*/ +} + +#globalOperationsPanel .control { width: 120px; - color: #494 !important; -} + color: #494 !important; +} #globalOperationsPanel .control:hover { - color: #F60 !important; -} + color: #F60 !important; +} #globalOperationsPanel .control:active { - color: #EE9 !important; -} - -.header { - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - border: 0; -} - -a:link{ - color: #494; - text-decoration: none; - background: none; -} - -a:visited{ - color: #7b7; - text-decoration: none; - background: none; -} - -a:hover{ - color: #ff6600; - text-decoration: underline; - background: none; -} - -a:active{ - color: #900; - text-decoration: underline; - background: none; -} - -input { - background-color: #020; - color: #EEEE99; - margin: 0 2px 0 2px; - font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif; - border: 1px solid #494; -/* - padding: 0px 2px 1px 2px; -*/ - text-decoration: none; -} - -input hover { - background-color: #f00; - color: #EEEE99; - margin: 0 2px 0 2px; - font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif; - font-weight: bold; - border: 1px solid #494; - padding: 2px; - text-decoration: none; -} - -select { - background-color: #020; - color: #EEEE99; - margin: 6px 2px 0 2px; - font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif; - border: 1px solid #494; - padding: 2px 2px 2px 4px; - max-height: 24px; - background: #000; - border-radius: 4px; -} - -form {} + color: #EE9 !important; +} + +.header { + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + border: 0; +} + +a:link{ + color: #494; + text-decoration: none; + background: none; +} + +a:visited{ + color: #7b7; + text-decoration: none; + background: none; +} + +a:hover{ + color: #ff6600; + text-decoration: underline; + background: none; +} + +a:active{ + color: #900; + text-decoration: underline; + background: none; +} + +input { + background-color: #020; + color: #EEEE99; + margin: 0 2px 0 2px; + font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif; + border: 1px solid #494; +/* + padding: 0px 2px 1px 2px; +*/ + text-decoration: none; +} + +input hover { + background-color: #f00; + color: #EEEE99; + margin: 0 2px 0 2px; + font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif; + font-weight: bold; + border: 1px solid #494; + padding: 2px; + text-decoration: none; +} + +select { + background-color: #020; + color: #EEEE99; + margin: 6px 2px 0 2px; + font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif; + border: 1px solid #494; + padding: 2px 2px 2px 4px; + max-height: 24px; + background: #000; + border-radius: 4px; +} + +form {} diff --git a/installer/resources/themes/console/dark/i2ptunnel.css b/installer/resources/themes/console/dark/i2ptunnel.css index 6d7e8e5c9749925e1d342330c8fcb30b332aca5e..0bd513aeb89ea8ed5b9c3e6700bb751330af096d 100644 --- a/installer/resources/themes/console/dark/i2ptunnel.css +++ b/installer/resources/themes/console/dark/i2ptunnel.css @@ -1,153 +1,153 @@ -/* I2P Console theme: "Camo" by dr|z3d. Aka "dark". As in ops. */ -/* I2P Tunnel Edit Page */ - -#tunnelEditPage input { - width: 458px; -} - -#tunnelEditPage select { - width: 308px; -} - -#tunnelEditPage option [ selected ] { - color: green; -} - -#tunnelEditPage #targetField, #tunnelEditPage #accessField, #tunnelEditPage #optionsField { - height: 48px; - width: 150px; -} - -#tunnelEditPage #tunnelOptionsField { - height: 96px; - width: 150px; -} - -#tunnelEditPage #targetField label, #tunnelEditPage #accessField label, #tunnelEditPage #tunnelOptionsField label, #tunnelEditPage #optionsField label{ - height: 48px; - width: 150px; -} - -#tunnelEditPage #reachField, #tunnelEditPage #hostField, #tunnelEditPage #depthField, #tunnelEditPage #countField, #tunnelEditPage #optionsHostField { - width: 304px; - margin-right: 4px; -} - -#tunnelEditPage #portField, #tunnelEditPage #optionsPortField, #tunnelEditPage #backupField, #tunnelEditPage #varianceField { - width: 150px; -} - -#tunnelEditPage #reachField label, #tunnelEditPage #hostField label, #tunnelEditPage #portField label, #tunnelEditPage #optionsHostField label, #tunnelEditPage #optionsPortField label, #tunnelEditPage #depthField label, #tunnelEditPage #countField label, #tunnelEditPage #backupField label, #tunnelEditPage #varianceField label { - text-align: left; -} - -#tunnelEditPage #otherField label { - width: 300px; -} - -#tunnelEditPage #reachableByOther, #tunnelEditPage #tunnelDepth, #tunnelEditPage #tunnelQuantity, #tunnelEditPage #targetHost, #tunnelEditPage #clientHost { - width: 306px; -} - -#tunnelEditPage #port { - width: 80px; -} - -#tunnelEditPage #targetPort, #tunnelEditPage #clientPort, #tunnelEditPage #tunnelBackupQuantity, #tunnelEditPage #tunnelVariance { - width: 150px; -} - -#tunnelEditPage #shared, #tunnelEditPage #connectDelay, #tunnelEditPage #startOnLoad { - width: 16px; -} - -#tunnelEditPage label { - width: 150px; - font-weight: bold; - text-align: right; - float: left; -} -/* I2P Tunnel List Page -*/ - -#tunnelListPage .rowItem { - width: 150px; -} - -#tunnelListPage select { - width: 150px; -} - -#tunnelListPage textarea { - width: 100%; - height: 100px; - padding: 4px; - margin: 0 0 3px 0; - background-color: #040; -/* background: #000 url("images/helitile.png")no-repeat scroll right top;*/ - color: #ee9; - font-family: "Lucida Console", "Andale Mono", "Courier New", Courier, mono; - border: 1px inset #002; -} - -#tunnelListPage .footer .control { +/* I2P Console theme: "Camo" by dr|z3d. Aka "dark". As in ops. */ +/* I2P Tunnel Edit Page */ + +#tunnelEditPage input { + width: 458px; +} + +#tunnelEditPage select { + width: 308px; +} + +#tunnelEditPage option [ selected ] { + color: green; +} + +#tunnelEditPage #targetField, #tunnelEditPage #accessField, #tunnelEditPage #optionsField { + height: 48px; + width: 150px; +} + +#tunnelEditPage #tunnelOptionsField { + height: 96px; + width: 150px; +} + +#tunnelEditPage #targetField label, #tunnelEditPage #accessField label, #tunnelEditPage #tunnelOptionsField label, #tunnelEditPage #optionsField label{ + height: 48px; + width: 150px; +} + +#tunnelEditPage #reachField, #tunnelEditPage #hostField, #tunnelEditPage #depthField, #tunnelEditPage #countField, #tunnelEditPage #optionsHostField { + width: 304px; + margin-right: 4px; +} + +#tunnelEditPage #portField, #tunnelEditPage #optionsPortField, #tunnelEditPage #backupField, #tunnelEditPage #varianceField { + width: 150px; +} + +#tunnelEditPage #reachField label, #tunnelEditPage #hostField label, #tunnelEditPage #portField label, #tunnelEditPage #optionsHostField label, #tunnelEditPage #optionsPortField label, #tunnelEditPage #depthField label, #tunnelEditPage #countField label, #tunnelEditPage #backupField label, #tunnelEditPage #varianceField label { + text-align: left; +} + +#tunnelEditPage #otherField label { + width: 300px; +} + +#tunnelEditPage #reachableByOther, #tunnelEditPage #tunnelDepth, #tunnelEditPage #tunnelQuantity, #tunnelEditPage #targetHost, #tunnelEditPage #clientHost { + width: 306px; +} + +#tunnelEditPage #port { + width: 80px; +} + +#tunnelEditPage #targetPort, #tunnelEditPage #clientPort, #tunnelEditPage #tunnelBackupQuantity, #tunnelEditPage #tunnelVariance { + width: 150px; +} + +#tunnelEditPage #shared, #tunnelEditPage #connectDelay, #tunnelEditPage #startOnLoad { + width: 16px; +} + +#tunnelEditPage label { + width: 150px; + font-weight: bold; + text-align: right; + float: left; +} +/* I2P Tunnel List Page +*/ + +#tunnelListPage .rowItem { + width: 150px; +} + +#tunnelListPage select { + width: 150px; +} + +#tunnelListPage textarea { + width: 100%; + height: 100px; + padding: 4px; + margin: 0 0 3px 0; + background-color: #040; +/* background: #000 url("images/helitile.png")no-repeat scroll right top;*/ + color: #ee9; + font-family: "Lucida Console", "Andale Mono", "Courier New", Courier, mono; + border: 1px inset #002; +} + +#tunnelListPage .footer .control { margin-left: 2px; color: #494 !important; - background: #000 !important; -} + background: #000 !important; +} #tunnelListPage .footer .control:hover { - color: #F60 !important; + color: #F60 !important; } #tunnelListPage .footer .control:active { color: #EE9 !important; background: #F60 !important; } - -#tunnelListPage .footer label { - text-align: right; - height: 24px; - width: 360px; - float: left; - margin-top: 6px; - margin-right: 5px; -} - -/* Use Leary and Langridge content replacement methods (LIR) -** to embed accessibility information into the document. -** Should allow the lists to be rendered nicely by -** screen readers. (and lynx!) -*/ - -#tunnelListPage label { - height: 0; - width: 0; - overflow: hidden; -} - -#tunnelListPage .nameHeaderField label, #tunnelListPage .portHeaderField label, #tunnelListPage .typeHeaderField label, #tunnelListPage .interfaceHeaderField label, #tunnelListPage .targetHeaderField label, #tunnelListPage .previewHeaderField label, #tunnelListPage .statusHeaderField label { - text-align: left; - width: 150px; - height: 28px; - float: left; -} - -#tunnelListPage .targetField, #tunnelListPage .targetField .text, #tunnelListPage .targetHeaderField, #tunnelListPage .targetHeaderField label { - width: 300px; -} - -#tunnelListPage .descriptionField, #tunnelListPage .destinationField { - width: 750px; -} - -#tunnelListPage .descriptionField .text, #tunnelListPage .destinationField input { - width: 590px; -} - -#tunnelListPage .descriptionField label, #tunnelListPage .destinationField label { - text-align: right; - width: 150px; - height: 24px; - float: left; + +#tunnelListPage .footer label { + text-align: right; + height: 24px; + width: 360px; + float: left; + margin-top: 6px; + margin-right: 5px; +} + +/* Use Leary and Langridge content replacement methods (LIR) +** to embed accessibility information into the document. +** Should allow the lists to be rendered nicely by +** screen readers. (and lynx!) +*/ + +#tunnelListPage label { + height: 0; + width: 0; + overflow: hidden; +} + +#tunnelListPage .nameHeaderField label, #tunnelListPage .portHeaderField label, #tunnelListPage .typeHeaderField label, #tunnelListPage .interfaceHeaderField label, #tunnelListPage .targetHeaderField label, #tunnelListPage .previewHeaderField label, #tunnelListPage .statusHeaderField label { + text-align: left; + width: 150px; + height: 28px; + float: left; +} + +#tunnelListPage .targetField, #tunnelListPage .targetField .text, #tunnelListPage .targetHeaderField, #tunnelListPage .targetHeaderField label { + width: 300px; +} + +#tunnelListPage .descriptionField, #tunnelListPage .destinationField { + width: 750px; +} + +#tunnelListPage .descriptionField .text, #tunnelListPage .destinationField input { + width: 590px; +} + +#tunnelListPage .descriptionField label, #tunnelListPage .destinationField label { + text-align: right; + width: 150px; + height: 24px; + float: left; } diff --git a/installer/resources/themes/console/light/console_big.css b/installer/resources/themes/console/light/console_big.css index f1eccc81cc5d8e8c7825e902b81b63f9b9779cc2..44c46c83d50b1d7fbf6e9f6aa1672bb556c9814e 100644 --- a/installer/resources/themes/console/light/console_big.css +++ b/installer/resources/themes/console/light/console_big.css @@ -1,93 +1,93 @@ -/* I2P Theme Override: Light */ -/* Comment: Larger text & other optimizations for Chinese & other doublebyte charactersets */ -/* Author: dr|z3d */ - -div.routersummary table { - font-size: 8.5pt; -} - -div.routersummary a { - font-size: 10pt; -} - -div.routersummary h3, div.routersummary h4, div.routersummary p, div.routersummary h3 a, div.routersummary a { - text-shadow: 0 0 0 0 !important; -} - - -div.routersummary h4, div.routersummary h4 a { - font-size: 11pt !important; - letter-spacing: 0.1em; - -moz-box-shadow: inset 0px 0px 1px 15px #dfd; -} -div.routersummary b { - font-size: 9.5pt; - font-weight: normal !important; -} - -div.routersummary a { - word-spacing: 0.1em !important; - letter-spacing: 0.05em !important; - font-size: 10.5pt; - line-height: 150%; -} - -h1, h2,h3,h4 { - font-weight: normal !important; - text-shadow: 0 0 0; - word-spacing: 0.1em; -} - -b, a, input, button, submit, i, th, thead, tfoot{ - font-weight: normal !important; - font-style: normal !important; -} - -button, button:visited { - font-size: 10.5pt; - font-family: Verdana, "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif; -} - -b { - color: #152 !important; -} - -div.news { - font-size: 9pt; -} - -input, input:visited { - font-size: 10pt !Important; -} - -.smallhead { - font-size: 8.5pt -} - -table { - font: 8.5pt/130% Verdana, "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif; -} - -td { - font-size: 9pt; -} - -.statusnotes { - font-size: 10pt; - letter-spacing: 0.2em !important; - text-shadow: none !important; -} - -.tablefooter tr, .tablefooter td { - font-size: 10pt !important; -} - -div.tunnels a { - font-size: 9.5pt !important; - letter-spacing: 0 !important; - word-spacing: 0 !important; -} - -code, tt { - font-size: 10pt !important; -} +/* I2P Theme Override: Light */ +/* Comment: Larger text & other optimizations for Chinese & other doublebyte charactersets */ +/* Author: dr|z3d */ + +div.routersummary table { + font-size: 8.5pt; +} + +div.routersummary a { + font-size: 10pt; +} + +div.routersummary h3, div.routersummary h4, div.routersummary p, div.routersummary h3 a, div.routersummary a { + text-shadow: 0 0 0 0 !important; +} + + +div.routersummary h4, div.routersummary h4 a { + font-size: 11pt !important; + letter-spacing: 0.1em; + -moz-box-shadow: inset 0px 0px 1px 15px #dfd; +} +div.routersummary b { + font-size: 9.5pt; + font-weight: normal !important; +} + +div.routersummary a { + word-spacing: 0.1em !important; + letter-spacing: 0.05em !important; + font-size: 10.5pt; + line-height: 150%; +} + +h1, h2,h3,h4 { + font-weight: normal !important; + text-shadow: 0 0 0; + word-spacing: 0.1em; +} + +b, a, input, button, submit, i, th, thead, tfoot{ + font-weight: normal !important; + font-style: normal !important; +} + +button, button:visited { + font-size: 10.5pt; + font-family: Verdana, "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif; +} + +b { + color: #152 !important; +} + +div.news { + font-size: 9pt; +} + +input, input:visited { + font-size: 10pt !Important; +} + +.smallhead { + font-size: 8.5pt +} + +table { + font: 8.5pt/130% Verdana, "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif; +} + +td { + font-size: 9pt; +} + +.statusnotes { + font-size: 10pt; + letter-spacing: 0.2em !important; + text-shadow: none !important; +} + +.tablefooter tr, .tablefooter td { + font-size: 10pt !important; +} + +div.tunnels a { + font-size: 9.5pt !important; + letter-spacing: 0 !important; + word-spacing: 0 !important; +} + +code, tt { + font-size: 10pt !important; +} diff --git a/installer/resources/themes/console/light/i2ptunnel.css b/installer/resources/themes/console/light/i2ptunnel.css index 8c6988f1dfa234c4f7ff4b086eac276496a42538..72a55c737165609ec3d90967c79e5ef7b1564243 100644 --- a/installer/resources/themes/console/light/i2ptunnel.css +++ b/installer/resources/themes/console/light/i2ptunnel.css @@ -1,156 +1,156 @@ -/* I2P Tunnel Edit Page -*/ - -#tunnelEditPage input { - width: 560px; -} - -#tunnelEditPage select { - width: 300px; -} - -#tunnelEditPage option [ selected ] { - color: green; -} - -#tunnelEditPage #targetField, #tunnelEditPage #accessField, #tunnelEditPage #optionsField { - height: 48px; - width: 150px; -} - -#tunnelEditPage #tunnelOptionsField { - height: 96px; - width: 150px; -} - -#tunnelEditPage #targetField label, #tunnelEditPage #accessField label, #tunnelEditPage #tunnelOptionsField label, #tunnelEditPage #optionsField label{ - height: 48px; - width: 150px; -} - -#tunnelEditPage #reachField, #tunnelEditPage #hostField, #tunnelEditPage #depthField, #tunnelEditPage #countField, #tunnelEditPage #optionsHostField { - width: 304px; - margin-right: 4px; -} - -#tunnelEditPage #portField, #tunnelEditPage #optionsPortField, #tunnelEditPage #backupField, #tunnelEditPage #varianceField { - width: 150px; -} - -#tunnelEditPage #reachField label, #tunnelEditPage #hostField label, #tunnelEditPage #portField label, #tunnelEditPage #optionsHostField label, #tunnelEditPage #optionsPortField label, #tunnelEditPage #depthField label, #tunnelEditPage #countField label, #tunnelEditPage #backupField label, #tunnelEditPage #varianceField label { - text-align: left; -} - -#tunnelEditPage #otherField label { - width: 300px; -} - -#tunnelEditPage #reachableByOther, #tunnelEditPage #tunnelDepth, #tunnelEditPage #tunnelQuantity, #tunnelEditPage #targetHost, #tunnelEditPage #clientHost { - width: 300px; -} - -#tunnelEditPage #port { - width: 80px; -} - -#tunnelEditPage #targetPort, #tunnelEditPage #clientPort, #tunnelEditPage #tunnelBackupQuantity, #tunnelEditPage #tunnelVariance { - width: 150px; -} - -#tunnelEditPage #shared, #tunnelEditPage #connectDelay, #tunnelEditPage #startOnLoad { - width: 16px; -} - -#tunnelEditPage label { - width: 150px; - font-weight: bold; - text-align: right; - float: left; -} -/* I2P Tunnel List Page -*/ - -#tunnelListPage .rowItem { - width: 150px; -} - -#tunnelListPage select { - min-width: 120px; -} - -#tunnelListPage textarea { - width: 100%; - height: 100px; - padding: 4px; - margin: 2px 0 12px 0; - background-color: #005; - color: #292; - font-family: "Lucida Console", "DejaVu Sans Mono", "Andale Mono", "Courier New", Courier, mono; - border: 1px solid #225; - font-size: 8pt !important; - font-weight: bold; - text-align: justify !important; - background: #efe url(images/magic.png); - -moz-box-shadow: 0 0 0px 1px #7f7; - -khtml-box-shadow: 0 0 0px 1px #7f7; - box-shadow: 0 0 0px 1px #7f7; - opacity: 0.9; -} - -#tunnelListPage .footer .control { - margin-left: 2px; - font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; - font-weight: bold; - color: #001 !important; -} - -#tunnelListPage .footer .control:hover { - color: white !important; -} - -#tunnelListPage .footer label { - text-align: right; - height: 24px; - width: 360px; - float: left; - margin-top: 6px; - margin-right: 5px; -} -/* Use Leary and Langridge content replacement methods (LIR) -** to embed accessibility information into the document. -** Should allow the lists to be rendered nicely by -** screen readers. (and lynx!) -*/ - -#tunnelListPage label { - height: 0; - width: 0; - overflow: hidden; -} - -#tunnelListPage .nameHeaderField label, #tunnelListPage .portHeaderField label, #tunnelListPage .typeHeaderField label, #tunnelListPage .interfaceHeaderField label, #tunnelListPage .targetHeaderField label, #tunnelListPage .previewHeaderField label, #tunnelListPage .statusHeaderField label { - text-align: left; - width: 150px; - height: 28px; - float: left; - padding-top: 4px; -} - -#tunnelListPage .targetField, #tunnelListPage .targetField .text, #tunnelListPage .targetHeaderField, #tunnelListPage .targetHeaderField label { - width: 300px; -} - -#tunnelListPage .descriptionField, #tunnelListPage .destinationField { - width: 800px; -} - -#tunnelListPage .descriptionField .text, #tunnelListPage .destinationField .text { - width: 580px; -} - -#tunnelListPage .descriptionField label, #tunnelListPage .destinationField label { - text-align: right; - width: 150px; - height: 28px; - float: left; -} +/* I2P Tunnel Edit Page +*/ + +#tunnelEditPage input { + width: 560px; +} + +#tunnelEditPage select { + width: 300px; +} + +#tunnelEditPage option [ selected ] { + color: green; +} + +#tunnelEditPage #targetField, #tunnelEditPage #accessField, #tunnelEditPage #optionsField { + height: 48px; + width: 150px; +} + +#tunnelEditPage #tunnelOptionsField { + height: 96px; + width: 150px; +} + +#tunnelEditPage #targetField label, #tunnelEditPage #accessField label, #tunnelEditPage #tunnelOptionsField label, #tunnelEditPage #optionsField label{ + height: 48px; + width: 150px; +} + +#tunnelEditPage #reachField, #tunnelEditPage #hostField, #tunnelEditPage #depthField, #tunnelEditPage #countField, #tunnelEditPage #optionsHostField { + width: 304px; + margin-right: 4px; +} + +#tunnelEditPage #portField, #tunnelEditPage #optionsPortField, #tunnelEditPage #backupField, #tunnelEditPage #varianceField { + width: 150px; +} + +#tunnelEditPage #reachField label, #tunnelEditPage #hostField label, #tunnelEditPage #portField label, #tunnelEditPage #optionsHostField label, #tunnelEditPage #optionsPortField label, #tunnelEditPage #depthField label, #tunnelEditPage #countField label, #tunnelEditPage #backupField label, #tunnelEditPage #varianceField label { + text-align: left; +} + +#tunnelEditPage #otherField label { + width: 300px; +} + +#tunnelEditPage #reachableByOther, #tunnelEditPage #tunnelDepth, #tunnelEditPage #tunnelQuantity, #tunnelEditPage #targetHost, #tunnelEditPage #clientHost { + width: 300px; +} + +#tunnelEditPage #port { + width: 80px; +} + +#tunnelEditPage #targetPort, #tunnelEditPage #clientPort, #tunnelEditPage #tunnelBackupQuantity, #tunnelEditPage #tunnelVariance { + width: 150px; +} + +#tunnelEditPage #shared, #tunnelEditPage #connectDelay, #tunnelEditPage #startOnLoad { + width: 16px; +} + +#tunnelEditPage label { + width: 150px; + font-weight: bold; + text-align: right; + float: left; +} +/* I2P Tunnel List Page +*/ + +#tunnelListPage .rowItem { + width: 150px; +} + +#tunnelListPage select { + min-width: 120px; +} + +#tunnelListPage textarea { + width: 100%; + height: 100px; + padding: 4px; + margin: 2px 0 12px 0; + background-color: #005; + color: #292; + font-family: "Lucida Console", "DejaVu Sans Mono", "Andale Mono", "Courier New", Courier, mono; + border: 1px solid #225; + font-size: 8pt !important; + font-weight: bold; + text-align: justify !important; + background: #efe url(images/magic.png); + -moz-box-shadow: 0 0 0px 1px #7f7; + -khtml-box-shadow: 0 0 0px 1px #7f7; + box-shadow: 0 0 0px 1px #7f7; + opacity: 0.9; +} + +#tunnelListPage .footer .control { + margin-left: 2px; + font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; + font-weight: bold; + color: #001 !important; +} + +#tunnelListPage .footer .control:hover { + color: white !important; +} + +#tunnelListPage .footer label { + text-align: right; + height: 24px; + width: 360px; + float: left; + margin-top: 6px; + margin-right: 5px; +} +/* Use Leary and Langridge content replacement methods (LIR) +** to embed accessibility information into the document. +** Should allow the lists to be rendered nicely by +** screen readers. (and lynx!) +*/ + +#tunnelListPage label { + height: 0; + width: 0; + overflow: hidden; +} + +#tunnelListPage .nameHeaderField label, #tunnelListPage .portHeaderField label, #tunnelListPage .typeHeaderField label, #tunnelListPage .interfaceHeaderField label, #tunnelListPage .targetHeaderField label, #tunnelListPage .previewHeaderField label, #tunnelListPage .statusHeaderField label { + text-align: left; + width: 150px; + height: 28px; + float: left; + padding-top: 4px; +} + +#tunnelListPage .targetField, #tunnelListPage .targetField .text, #tunnelListPage .targetHeaderField, #tunnelListPage .targetHeaderField label { + width: 300px; +} + +#tunnelListPage .descriptionField, #tunnelListPage .destinationField { + width: 800px; +} + +#tunnelListPage .descriptionField .text, #tunnelListPage .destinationField .text { + width: 580px; +} + +#tunnelListPage .descriptionField label, #tunnelListPage .destinationField label { + text-align: right; + width: 150px; + height: 28px; + float: left; +} diff --git a/installer/resources/themes/console/midnight/default.css b/installer/resources/themes/console/midnight/default.css index e9e92c9846621a6f6cb85a04ee0061f28fd121c8..3af94480bf8fe48628f815b531b7d2d681788c73 100644 --- a/installer/resources/themes/console/midnight/default.css +++ b/installer/resources/themes/console/midnight/default.css @@ -1,253 +1,253 @@ -/* I2P Theme: Midnight - I2P Tunnel Manager */ -/* Description: Minimalist Midnight Blue, based on Classic theme.*/ -/* Author: Dr|Z3d */ - -body { - margin: 0px; - padding: 0px; - text-align: center; - font: 10pt/140% "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; - background: #000; - color: #eef; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -body.iframed { - background: transparent url('../dark/images/transparent.gif') !important; - padding-top: 5px; -} - -div { - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -h4, label { - margin: 0px; - padding: 2px; - float: left; - width: 150px; - height: 24px; - font-weight: normal; - text-align: right; - font-size: 8.5pt; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -h4 { - font-size: 10.5pt; - text-align: center !important; - font-weight: bold; - border: 1px solid #99f; - border-top: 2px solid #99f; - margin: -6px 0 5px -10px !important; - padding: 5px 10px 25px 10px; - background: #001; - text-shadow: 0px 0px 1px rgba(32, 32, 192, 0.3); - text-transform: uppercase; - white-space: nowrap; - width: 782px; - letter-spacing: 0.09em; - background: #001 url("/themes/console/midnight/images/tinytitles.png") repeat-x center center !important; -} - -label { - font-style: italic; - margin: 0 3px 0 -3px; -} - -a { - text-decoration: none; -} - -form { - margin: 0px; -} - -textarea, input, select, button, a { - -moz-box-sizing: border-box; - box-sizing: border-box; - font: 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; - float: left; - margin: 2px 0 5px 0; - background: #001; - color: #eef; -} - -button { - float: none; - height: 20px !important; -} - -textarea { - border: 1px solid #99f; - background: #000; - color: #eef; -} - -br { - clear: left; -} - -div.statusNotRunning { - float: left; - width: 82px; - height: 24px; - color: #d00; -} - -div.statusRunning { - float: left; - width: 82px; - height: 24px; - color: #0d0; -} - -div.statusStarting { - float: left; - width: 82px; - height: 24px; - color: #393; -} - -hr { - display: none; -} - -.separator, .subdivider { - clear: both; - height: 1px; - margin: 5px -8px 5px -8px; - border-bottom: 1px solid #99f; -} - -.subdivider { - border-bottom: 1px dotted #99f; - margin: 0 0 10px 0; -} - -.freetext { - width: 150px; - height: 22px; - border: 1px solid #99f; -} - -.control { - margin: 2px; - padding: 1px 2px 2px 2px; - overflow: hidden; - height: 20px; - width: 60px; - font-weight: bold; - background: #ddd; - color: #001 !important; - border: 1px outset #ddddc0; - text-align: center; - vertical-align: middle; - white-space: nowrap; - text-decoration: none; -} - -.control:hover { - background: #229; - color: #fff; - text-decoration: none; -} - -.control:active { - border: 2px inset; -} - -.panel { - width: 790px; - margin: 16px auto 16px auto; - padding: 5px 10px; - overflow: hidden; - text-align: left; - font-size: 8pt; - background: #001; - border: 4px solid #99f; - -moz-box-shadow: inset 0px 0px 0px 1px #99f; -} - -.iframed .panel { - margin: 16px auto -8px auto !important; -} - -.iframed .panel.iframed { - margin: 0 auto -8px auto !important; -} - -.panel .footer { - - padding: 4px; -} - -.toolbox { - width: 100%; -} - -.rowItem { - width: 750px; - float: left; - margin: 0px; -} - -.comment { - font-style: italic; - white-space: nowrap; -} - -.text { - height: 24px; - width: 150px; - padding: 2px 0 0 2px; - float: left; - margin: 0; - font-weight: bold; -} - -.accessKey { - text-decoration: underline; -} - -#globalOperationsPanel { - background: #001; - border: 4px solid #99f; - -moz-box-shadow: inset 0px 0px 0px 1px #900; - padding: 5px 5px 10px 5px; - text-align: right; -} - -#globalOperationsPanel .control { - width: 100px !important; - margin-top: 3px; - float: right; -} - -a:link { - color: #bbf; - text-decoration: none; - font-weight: bold; - word-wrap: break-word; -} - -a:visited { - color: #aaf; - text-decoration: none; - font-weight: bold; -} - -a:hover { - color: #f60; - text-decoration: underline; - font-weight: bold; -} - -a:active { - color: #f93; - text-decoration: underline; - font-weight: bold; -} +/* I2P Theme: Midnight - I2P Tunnel Manager */ +/* Description: Minimalist Midnight Blue, based on Classic theme.*/ +/* Author: Dr|Z3d */ + +body { + margin: 0px; + padding: 0px; + text-align: center; + font: 10pt/140% "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; + background: #000; + color: #eef; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +body.iframed { + background: transparent url('../dark/images/transparent.gif') !important; + padding-top: 5px; +} + +div { + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +h4, label { + margin: 0px; + padding: 2px; + float: left; + width: 150px; + height: 24px; + font-weight: normal; + text-align: right; + font-size: 8.5pt; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +h4 { + font-size: 10.5pt; + text-align: center !important; + font-weight: bold; + border: 1px solid #99f; + border-top: 2px solid #99f; + margin: -6px 0 5px -10px !important; + padding: 5px 10px 25px 10px; + background: #001; + text-shadow: 0px 0px 1px rgba(32, 32, 192, 0.3); + text-transform: uppercase; + white-space: nowrap; + width: 782px; + letter-spacing: 0.09em; + background: #001 url("/themes/console/midnight/images/tinytitles.png") repeat-x center center !important; +} + +label { + font-style: italic; + margin: 0 3px 0 -3px; +} + +a { + text-decoration: none; +} + +form { + margin: 0px; +} + +textarea, input, select, button, a { + -moz-box-sizing: border-box; + box-sizing: border-box; + font: 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; + float: left; + margin: 2px 0 5px 0; + background: #001; + color: #eef; +} + +button { + float: none; + height: 20px !important; +} + +textarea { + border: 1px solid #99f; + background: #000; + color: #eef; +} + +br { + clear: left; +} + +div.statusNotRunning { + float: left; + width: 82px; + height: 24px; + color: #d00; +} + +div.statusRunning { + float: left; + width: 82px; + height: 24px; + color: #0d0; +} + +div.statusStarting { + float: left; + width: 82px; + height: 24px; + color: #393; +} + +hr { + display: none; +} + +.separator, .subdivider { + clear: both; + height: 1px; + margin: 5px -8px 5px -8px; + border-bottom: 1px solid #99f; +} + +.subdivider { + border-bottom: 1px dotted #99f; + margin: 0 0 10px 0; +} + +.freetext { + width: 150px; + height: 22px; + border: 1px solid #99f; +} + +.control { + margin: 2px; + padding: 1px 2px 2px 2px; + overflow: hidden; + height: 20px; + width: 60px; + font-weight: bold; + background: #ddd; + color: #001 !important; + border: 1px outset #ddddc0; + text-align: center; + vertical-align: middle; + white-space: nowrap; + text-decoration: none; +} + +.control:hover { + background: #229; + color: #fff; + text-decoration: none; +} + +.control:active { + border: 2px inset; +} + +.panel { + width: 790px; + margin: 16px auto 16px auto; + padding: 5px 10px; + overflow: hidden; + text-align: left; + font-size: 8pt; + background: #001; + border: 4px solid #99f; + -moz-box-shadow: inset 0px 0px 0px 1px #99f; +} + +.iframed .panel { + margin: 16px auto -8px auto !important; +} + +.iframed .panel.iframed { + margin: 0 auto -8px auto !important; +} + +.panel .footer { + + padding: 4px; +} + +.toolbox { + width: 100%; +} + +.rowItem { + width: 750px; + float: left; + margin: 0px; +} + +.comment { + font-style: italic; + white-space: nowrap; +} + +.text { + height: 24px; + width: 150px; + padding: 2px 0 0 2px; + float: left; + margin: 0; + font-weight: bold; +} + +.accessKey { + text-decoration: underline; +} + +#globalOperationsPanel { + background: #001; + border: 4px solid #99f; + -moz-box-shadow: inset 0px 0px 0px 1px #900; + padding: 5px 5px 10px 5px; + text-align: right; +} + +#globalOperationsPanel .control { + width: 100px !important; + margin-top: 3px; + float: right; +} + +a:link { + color: #bbf; + text-decoration: none; + font-weight: bold; + word-wrap: break-word; +} + +a:visited { + color: #aaf; + text-decoration: none; + font-weight: bold; +} + +a:hover { + color: #f60; + text-decoration: underline; + font-weight: bold; +} + +a:active { + color: #f93; + text-decoration: underline; + font-weight: bold; +} diff --git a/installer/resources/themes/console/midnight/i2ptunnel.css b/installer/resources/themes/console/midnight/i2ptunnel.css index 72cd003ae9cdb4f7c5000702c730b02fa1432f53..2e46f2cd377f8dd3dacf3176a5d397f96233007c 100644 --- a/installer/resources/themes/console/midnight/i2ptunnel.css +++ b/installer/resources/themes/console/midnight/i2ptunnel.css @@ -1,180 +1,180 @@ -/* I2P Tunnel Edit Page -*/ - -#tunnelEditPage input { - width: 458px; -} - -#tunnelEditPage select { - width: 308px; -} - -#tunnelEditPage option[selected] { - color: green; -} - -#tunnelEditPage #targetField, -#tunnelEditPage #accessField, -#tunnelEditPage #optionsField { - height: 48px; - width: 150px; -} -#tunnelEditPage #tunnelOptionsField { - height: 96px; - width: 150px; -} - -#tunnelEditPage #targetField label, -#tunnelEditPage #accessField label, -#tunnelEditPage #tunnelOptionsField label, -#tunnelEditPage #optionsField label{ - height: 48px; - width: 150px; -} - -#tunnelEditPage #reachField, -#tunnelEditPage #hostField, -#tunnelEditPage #depthField, -#tunnelEditPage #countField, -#tunnelEditPage #optionsHostField { - width: 304px; - margin-right: 4px; -} - -#tunnelEditPage #portField, -#tunnelEditPage #optionsPortField, -#tunnelEditPage #backupField, -#tunnelEditPage #varianceField { - width: 150px; - -} - -#tunnelEditPage #reachField label, -#tunnelEditPage #hostField label, -#tunnelEditPage #portField label, -#tunnelEditPage #optionsHostField label, -#tunnelEditPage #optionsPortField label, -#tunnelEditPage #depthField label, -#tunnelEditPage #countField label, -#tunnelEditPage #backupField label, -#tunnelEditPage #varianceField label { - text-align: left; - -} - -#tunnelEditPage #otherField label { - width: 300px; -} - -#tunnelEditPage #reachableByOther, -#tunnelEditPage #tunnelDepth, -#tunnelEditPage #tunnelQuantity, -#tunnelEditPage #targetHost, -#tunnelEditPage #clientHost { - width: 306px; -} - -#tunnelEditPage #port { - width: 80px; -} - -#tunnelEditPage #targetPort, -#tunnelEditPage #clientPort, -#tunnelEditPage #tunnelBackupQuantity, -#tunnelEditPage #tunnelVariance { - width: 150px; -} - -#tunnelEditPage #shared, -#tunnelEditPage #connectDelay, -#tunnelEditPage #startOnLoad { - width: 16px; -} - -#tunnelEditPage label { - width: 150px; - font-weight: bold; - text-align: right; - float: left; -} - -/* I2P Tunnel List Page -*/ - -#tunnelListPage .rowItem { - width: 150px; -} - -#tunnelListPage select { - width: 150px; -} - -#tunnelListPage textarea { - width: 100%; - height: 88px; - padding: 0 0 0 4px; - color: green; - margin-bottom: 7px; -} - -#tunnelListPage .footer .control { - margin-left: 2px; -} - -#tunnelListPage .footer label { - text-align: right; - height: 24px; - width: 360px; - float: left; - -} - -/* Use Leary and Langridge content replacement methods (LIR) -** to embed accessibility information into the document. -** Should allow the lists to be rendered nicely by -** screen readers. (and lynx!) -*/ - -#tunnelListPage label { - height: 0; - width: 0; - overflow: hidden; -} - -#tunnelListPage .nameHeaderField label, -#tunnelListPage .portHeaderField label, -#tunnelListPage .typeHeaderField label, -#tunnelListPage .interfaceHeaderField label, -#tunnelListPage .targetHeaderField label, -#tunnelListPage .previewHeaderField label, -#tunnelListPage .statusHeaderField label { - text-align: left; - width: 150px; - height: 24px; - float: left; -} - -#tunnelListPage .targetField, -#tunnelListPage .targetField .text, -#tunnelListPage .targetHeaderField, -#tunnelListPage .targetHeaderField label { - width: 300px; -} - -#tunnelListPage .descriptionField, -#tunnelListPage .destinationField { - width: 750px; -} - -#tunnelListPage .descriptionField .text, -#tunnelListPage .destinationField .text { - width: 450px; -} - -#tunnelListPage .descriptionField label, -#tunnelListPage .destinationField label { - text-align: right; - width: 150px; - height: 24px; - float: left; -} +/* I2P Tunnel Edit Page +*/ + +#tunnelEditPage input { + width: 458px; +} + +#tunnelEditPage select { + width: 308px; +} + +#tunnelEditPage option[selected] { + color: green; +} + +#tunnelEditPage #targetField, +#tunnelEditPage #accessField, +#tunnelEditPage #optionsField { + height: 48px; + width: 150px; +} +#tunnelEditPage #tunnelOptionsField { + height: 96px; + width: 150px; +} + +#tunnelEditPage #targetField label, +#tunnelEditPage #accessField label, +#tunnelEditPage #tunnelOptionsField label, +#tunnelEditPage #optionsField label{ + height: 48px; + width: 150px; +} + +#tunnelEditPage #reachField, +#tunnelEditPage #hostField, +#tunnelEditPage #depthField, +#tunnelEditPage #countField, +#tunnelEditPage #optionsHostField { + width: 304px; + margin-right: 4px; +} + +#tunnelEditPage #portField, +#tunnelEditPage #optionsPortField, +#tunnelEditPage #backupField, +#tunnelEditPage #varianceField { + width: 150px; + +} + +#tunnelEditPage #reachField label, +#tunnelEditPage #hostField label, +#tunnelEditPage #portField label, +#tunnelEditPage #optionsHostField label, +#tunnelEditPage #optionsPortField label, +#tunnelEditPage #depthField label, +#tunnelEditPage #countField label, +#tunnelEditPage #backupField label, +#tunnelEditPage #varianceField label { + text-align: left; + +} + +#tunnelEditPage #otherField label { + width: 300px; +} + +#tunnelEditPage #reachableByOther, +#tunnelEditPage #tunnelDepth, +#tunnelEditPage #tunnelQuantity, +#tunnelEditPage #targetHost, +#tunnelEditPage #clientHost { + width: 306px; +} + +#tunnelEditPage #port { + width: 80px; +} + +#tunnelEditPage #targetPort, +#tunnelEditPage #clientPort, +#tunnelEditPage #tunnelBackupQuantity, +#tunnelEditPage #tunnelVariance { + width: 150px; +} + +#tunnelEditPage #shared, +#tunnelEditPage #connectDelay, +#tunnelEditPage #startOnLoad { + width: 16px; +} + +#tunnelEditPage label { + width: 150px; + font-weight: bold; + text-align: right; + float: left; +} + +/* I2P Tunnel List Page +*/ + +#tunnelListPage .rowItem { + width: 150px; +} + +#tunnelListPage select { + width: 150px; +} + +#tunnelListPage textarea { + width: 100%; + height: 88px; + padding: 0 0 0 4px; + color: green; + margin-bottom: 7px; +} + +#tunnelListPage .footer .control { + margin-left: 2px; +} + +#tunnelListPage .footer label { + text-align: right; + height: 24px; + width: 360px; + float: left; + +} + +/* Use Leary and Langridge content replacement methods (LIR) +** to embed accessibility information into the document. +** Should allow the lists to be rendered nicely by +** screen readers. (and lynx!) +*/ + +#tunnelListPage label { + height: 0; + width: 0; + overflow: hidden; +} + +#tunnelListPage .nameHeaderField label, +#tunnelListPage .portHeaderField label, +#tunnelListPage .typeHeaderField label, +#tunnelListPage .interfaceHeaderField label, +#tunnelListPage .targetHeaderField label, +#tunnelListPage .previewHeaderField label, +#tunnelListPage .statusHeaderField label { + text-align: left; + width: 150px; + height: 24px; + float: left; +} + +#tunnelListPage .targetField, +#tunnelListPage .targetField .text, +#tunnelListPage .targetHeaderField, +#tunnelListPage .targetHeaderField label { + width: 300px; +} + +#tunnelListPage .descriptionField, +#tunnelListPage .destinationField { + width: 750px; +} + +#tunnelListPage .descriptionField .text, +#tunnelListPage .destinationField .text { + width: 450px; +} + +#tunnelListPage .descriptionField label, +#tunnelListPage .destinationField label { + text-align: right; + width: 150px; + height: 24px; + float: left; +} diff --git a/installer/resources/themes/console/midnight/ieshim.css b/installer/resources/themes/console/midnight/ieshim.css index 4481cf33a6b468cccf71f48203af62cc1a0973fb..9fe4974348fdc4aee727cf5ef6ac00206befa6e9 100644 --- a/installer/resources/themes/console/midnight/ieshim.css +++ b/installer/resources/themes/console/midnight/ieshim.css @@ -1,227 +1,227 @@ -/* I2P Theme: Midnight - IE Override */ -/* Description: Minimalist Midnight Blue, based on Classic theme.*/ -/* Author: Dr|Z3d */ - -/* Welcome to the wonderful world of kludgey IE fixes */ -/* Note not fully tested with Midnight theme */ - -.wideload { - overflow: auto; - width: 100%; -} - -.formaction { - text-align: left !important; - margin: -10px 0 10px 0; -} - -div.configure { - text-align: center; -} - -div.configure p, div.configure table { - text-align: justify; -} - -div.main ul { - margin-right: 20px; -} - -div.configure textarea { - width: 450px !important; -} - -div.configure input { - margin-left: 5px; -} - -div.configure table { - width: 550px !important; - text-align: center; -} - -h1 { - padding: 15px 10px 16px 10px !important; - margin: 0 0px 0 17 5px !important; - background-color: #000 !important; /* background page color to fix overflow issue */ - color: #eef; -} - -h2 { - padding-top: 0; - text-align: left !important; -} - -h3 { - margin-top: 10px; - text-align: left !important -} - -div.confignav { - padding: 15px 0 15px 0; - border-left: 0px; - margin-left: -15px; - border-top: 5px solid #000; - margin-bottom: 10px !important; -} - -div.messages { - border-left: 0; - border-right: 0; - margin: -10px -15px 0px -15px; -} - -div.main, div.news { - margin: -5px 0px 10px 185px; - border: 5px solid #000; -} - -div.main hr, div.news hr { - margin: 0; -} - -div.main { - border-top: 5px solid #000; -} - -div.news { - border-left: 5px solid #000; - margin: -5px 0px 0 185px; - padding-bottom: 8px; -} - -div.news hr { - color: #99f; - background: #99f; - height: 1px; - border: 0px; - margin: 0 -10px 0 -13px !important; -} - -div.routersummary { - color: #001; - padding-left: 0px; - border-left: 5px solid #000; - text-align: center !important; - overflow: hidden; /* prevents IE from borking the sidepanel */ -} - -div.routersummary submit { - padding: 0; - margin-bottom: 5px; -} - -div.routersummary input[type=text] { - text-align: right !important; -} - -div.routersummary hr { - color: #99f; - background: #99f; - height: 1px; - border-bottom: 1px solid #99f; - margin: 8px 1px 7px 1px; -} - -div.routersummary h3 { - border: 0; - text-align: center !important; - font-size: 9pt; - letter-spacing: 0.05em; - margin: -14px 0px -15px 1px; - padding: 5px 0px 5px 0px; - text-transform: uppercase; -} - -div.routersummary h4 { - border: 0; - border-bottom: 0 !important; - font-size: 8.5pt; - letter-spacing: 0.05em; - margin: -14px 0px -15px 1px !important; - padding: 2px 3px 3px 3px; - text-transform: capitalize; - text-decoration: none !important; - text-align: center !important; -} - -div.routersummary table { - border: 0; - text-align: center !important; - margin: -5px 5px; - width: 175px !important; - overflow: hidden; - font-size: 8pt; - padding: 0px -10px; - background-image: none !important; - background-color: transparent !important; - text-align: center !important; -} - -div.routersummary tr { - background-image: none !important; - background-color: transparent !important; - border: 0 !important; -} - -div.routersummary form { - margin-top: -25px !important; - margin-bottom: -25px !important; - text-align: center !important; -} - -div.routersummary p { - padding: 0; -} - -div.routersummary td { - padding: 2px 4px; - background-image: none !important; - border: 0 !important; -} - -div.news li { - padding-top: 0px 0px !important; - margin-bottom: -23px !important; -} - -div.logo { -} - -div.warning { - padding: 0px 20px 20px 80px; - margin-top: -20px; - margin-left: -10px !important; -} - -.langbox { - margin: 9px -20px 0px 5px; -} - -td { - text-align: left; -} - -th { - text-align: left; - padding-left: 3px; - padding-right: 1px; -} - -div.configure hr{ - margin: 10px 0 15px 0; -} - -input { - padding: 0; -} - -div.graphspanel img { - border: 1px solid #99f; - margin: 6px 0 !important; - background: #001; -} - -div.graphspanel hr { - margin: 20px 0; -} +/* I2P Theme: Midnight - IE Override */ +/* Description: Minimalist Midnight Blue, based on Classic theme.*/ +/* Author: Dr|Z3d */ + +/* Welcome to the wonderful world of kludgey IE fixes */ +/* Note not fully tested with Midnight theme */ + +.wideload { + overflow: auto; + width: 100%; +} + +.formaction { + text-align: left !important; + margin: -10px 0 10px 0; +} + +div.configure { + text-align: center; +} + +div.configure p, div.configure table { + text-align: justify; +} + +div.main ul { + margin-right: 20px; +} + +div.configure textarea { + width: 450px !important; +} + +div.configure input { + margin-left: 5px; +} + +div.configure table { + width: 550px !important; + text-align: center; +} + +h1 { + padding: 15px 10px 16px 10px !important; + margin: 0 0px 0 17 5px !important; + background-color: #000 !important; /* background page color to fix overflow issue */ + color: #eef; +} + +h2 { + padding-top: 0; + text-align: left !important; +} + +h3 { + margin-top: 10px; + text-align: left !important +} + +div.confignav { + padding: 15px 0 15px 0; + border-left: 0px; + margin-left: -15px; + border-top: 5px solid #000; + margin-bottom: 10px !important; +} + +div.messages { + border-left: 0; + border-right: 0; + margin: -10px -15px 0px -15px; +} + +div.main, div.news { + margin: -5px 0px 10px 185px; + border: 5px solid #000; +} + +div.main hr, div.news hr { + margin: 0; +} + +div.main { + border-top: 5px solid #000; +} + +div.news { + border-left: 5px solid #000; + margin: -5px 0px 0 185px; + padding-bottom: 8px; +} + +div.news hr { + color: #99f; + background: #99f; + height: 1px; + border: 0px; + margin: 0 -10px 0 -13px !important; +} + +div.routersummary { + color: #001; + padding-left: 0px; + border-left: 5px solid #000; + text-align: center !important; + overflow: hidden; /* prevents IE from borking the sidepanel */ +} + +div.routersummary submit { + padding: 0; + margin-bottom: 5px; +} + +div.routersummary input[type=text] { + text-align: right !important; +} + +div.routersummary hr { + color: #99f; + background: #99f; + height: 1px; + border-bottom: 1px solid #99f; + margin: 8px 1px 7px 1px; +} + +div.routersummary h3 { + border: 0; + text-align: center !important; + font-size: 9pt; + letter-spacing: 0.05em; + margin: -14px 0px -15px 1px; + padding: 5px 0px 5px 0px; + text-transform: uppercase; +} + +div.routersummary h4 { + border: 0; + border-bottom: 0 !important; + font-size: 8.5pt; + letter-spacing: 0.05em; + margin: -14px 0px -15px 1px !important; + padding: 2px 3px 3px 3px; + text-transform: capitalize; + text-decoration: none !important; + text-align: center !important; +} + +div.routersummary table { + border: 0; + text-align: center !important; + margin: -5px 5px; + width: 175px !important; + overflow: hidden; + font-size: 8pt; + padding: 0px -10px; + background-image: none !important; + background-color: transparent !important; + text-align: center !important; +} + +div.routersummary tr { + background-image: none !important; + background-color: transparent !important; + border: 0 !important; +} + +div.routersummary form { + margin-top: -25px !important; + margin-bottom: -25px !important; + text-align: center !important; +} + +div.routersummary p { + padding: 0; +} + +div.routersummary td { + padding: 2px 4px; + background-image: none !important; + border: 0 !important; +} + +div.news li { + padding-top: 0px 0px !important; + margin-bottom: -23px !important; +} + +div.logo { +} + +div.warning { + padding: 0px 20px 20px 80px; + margin-top: -20px; + margin-left: -10px !important; +} + +.langbox { + margin: 9px -20px 0px 5px; +} + +td { + text-align: left; +} + +th { + text-align: left; + padding-left: 3px; + padding-right: 1px; +} + +div.configure hr{ + margin: 10px 0 15px 0; +} + +input { + padding: 0; +} + +div.graphspanel img { + border: 1px solid #99f; + margin: 6px 0 !important; + background: #001; +} + +div.graphspanel hr { + margin: 20px 0; +} diff --git a/installer/resources/themes/snark/light/snark.css b/installer/resources/themes/snark/light/snark.css index 2dc340e58484740abaa6705dd523c9a920c0b61b..3c5c9b2d7ae5d6cf9fd4ee48245e199790396598 100644 --- a/installer/resources/themes/snark/light/snark.css +++ b/installer/resources/themes/snark/light/snark.css @@ -1,237 +1,237 @@ /* I2PSnark theme "Light" by dr|z3d, 2012 */ /* Cat That Got The Cream Edition */ -/* Thanks to http://www.luxphile.com/2011/01/creative-commons-cat.html for the kitty image */ - -body { - color: #000; +/* Thanks to http://www.luxphile.com/2011/01/creative-commons-cat.html for the kitty image */ + +body { + color: #000; font: 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; background: #fff; - background: #fff; -} - -body.iframed { + background: #fff; +} + +body.iframed { background: transparent url('../../console/dark/images/transparent.gif') !important; - margin: 6px 0 0 !important; -} - -.snarkTitle { - font-size: 12pt; - font-weight: bold; - text-align: center; -} - -.snarkRefresh:link,.snarkRefresh:visited { - text-decoration: none !important; - text-transform: uppercase !important; - padding: 4px 16px 5px !important; - margin: -5px -8px -5px 0 !important; - letter-spacing: 0em; - font-weight: bold; - font-size: 9pt; - color: #559; - background: #fff url("../../console/light/images/header.png") repeat-x scroll center center; - -moz-border-radius: 0px; - -khtml-border-radius: 3px; + margin: 6px 0 0 !important; +} + +.snarkTitle { + font-size: 12pt; + font-weight: bold; + text-align: center; +} + +.snarkRefresh:link,.snarkRefresh:visited { + text-decoration: none !important; + text-transform: uppercase !important; + padding: 4px 16px 5px !important; + margin: -5px -8px -5px 0 !important; + letter-spacing: 0em; + font-weight: bold; + font-size: 9pt; + color: #559; + background: #fff url("../../console/light/images/header.png") repeat-x scroll center center; + -moz-border-radius: 0px; + -khtml-border-radius: 3px; border-radius: 0px; - border: 1px outset #66f; -} - -.snarkRefresh:hover { - text-decoration: none !important; - text-transform: uppercase !important; - padding: 1px 16px; - font-weight: bold; - font-size: 9pt; - color: #fff; - background: #359; - -moz-border-radius: 0; - -khtml-border-radius: 0; - border-radius: 0; -} - -.snarkRefresh:active { - text-decoration: none !important; - text-transform: uppercase !important; - padding: 0 16px; - font-weight: bold; - font-size: 9pt; - color: #fff; - background: #00d; -} - -.snarkRefresh:last-child { - -moz-border-radius: 0 3px 3px 0px; - -khtml-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; - border: 1px outset #66f; -} - -.snarkRefresh:first-child { - -moz-border-radius: 3px 0 0 3px; - -khtml-border-radius: 3px 0 0 3px; + border: 1px outset #66f; +} + +.snarkRefresh:hover { + text-decoration: none !important; + text-transform: uppercase !important; + padding: 1px 16px; + font-weight: bold; + font-size: 9pt; + color: #fff; + background: #359; + -moz-border-radius: 0; + -khtml-border-radius: 0; + border-radius: 0; +} + +.snarkRefresh:active { + text-decoration: none !important; + text-transform: uppercase !important; + padding: 0 16px; + font-weight: bold; + font-size: 9pt; + color: #fff; + background: #00d; +} + +.snarkRefresh:last-child { + -moz-border-radius: 0 3px 3px 0px; + -khtml-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; + border: 1px outset #66f; +} + +.snarkRefresh:first-child { + -moz-border-radius: 3px 0 0 3px; + -khtml-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; - border: 1px outset #66f; -} - -.snarkMessages { - font: normal 8pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important; - text-align: left; - margin: 0 0 10px 0; - padding: 3px 5px 3px 5px; - border-spacing: 0px; - overflow: auto; - color: #44f; - max-height: 50px; - min-height: 50px; - width: auto; + border: 1px outset #66f; +} + +.snarkMessages { + font: normal 8pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important; + text-align: left; + margin: 0 0 10px 0; + padding: 3px 5px 3px 5px; + border-spacing: 0px; + overflow: auto; + color: #44f; + max-height: 50px; + min-height: 50px; + width: auto; background: #fff url('images/kitty.png') no-repeat scroll right center; - border-bottom: 1px solid #66f; -} + border-bottom: 1px solid #66f; +} .snarkMessages li { list-style: square; } - -.snarkMessages a:link, .snarkMessages a:visited { - color: #69f !important; -} - -.snarkMessages a:hover { - color: #f90 !important; -} - -.snarkMessages ul { - margin: 0; - padding: 0 0 0 16px; -} - -.snarkMessages p { - font-style: italic; - margin: 0; - text-align: right; -} - -.snarkMessages img, .snarkMessages img:hover { - float: right; - margin: -4px -5px 4px 4px; + +.snarkMessages a:link, .snarkMessages a:visited { + color: #69f !important; +} + +.snarkMessages a:hover { + color: #f90 !important; +} + +.snarkMessages ul { + margin: 0; + padding: 0 0 0 16px; +} + +.snarkMessages p { + font-style: italic; + margin: 0; + text-align: right; +} + +.snarkMessages img, .snarkMessages img:hover { + float: right; + margin: -4px -5px 4px 4px; opacity: 1; border: 1px solid #66f; border-right: 0 none; - border-top: 0 none; -} - -.logshim { - margin-top: -10px !important; -} - -pre { - width: 100%; - font: 8pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important; - padding: 0; - text-align: left !important; - height: 8px; - color: #35f; - font-weight: bold !important; -} - -table { - margin: 0px 0px 10px 0px; - border: 0px; - padding: 0px; - border-spacing: 0px; - border-collapse: collapse; - color: #323; - width: 100%; - opacity: 1 !important; -} - -tr { - opacity: 1; -} - -thead, tfoot { - background: #fff; -} - -thead a, tfoot a { -} - -thead { - border-bottom: 1px solid #101; -} - -th { - padding: 3px 2px; - font-size: 8pt; - border-top: 1px solid #66f; - border-bottom: 1px solid #66f; - color: #001; + border-top: 0 none; +} + +.logshim { + margin-top: -10px !important; +} + +pre { + width: 100%; + font: 8pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important; + padding: 0; + text-align: left !important; + height: 8px; + color: #35f; + font-weight: bold !important; +} + +table { + margin: 0px 0px 10px 0px; + border: 0px; + padding: 0px; + border-spacing: 0px; + border-collapse: collapse; + color: #323; + width: 100%; + opacity: 1 !important; +} + +tr { + opacity: 1; +} + +thead, tfoot { + background: #fff; +} + +thead a, tfoot a { +} + +thead { + border-bottom: 1px solid #101; +} + +th { + padding: 3px 2px; + font-size: 8pt; + border-top: 1px solid #66f; + border-bottom: 1px solid #66f; + color: #001; whitespace: nowrap; - background: #fff url("../../console/light/images/header.png") repeat-x scroll center center; -} - -th:first-child { - text-align: left !important; - padding-left: 2px; -} - -tfoot td:first-child { - text-align: left !important; - padding-left: 0px; -} - -th:first-child img { - margin: 1px -2px 3px 1px !important; -} - -th:nth-child(2) img { - margin: 1px 7px 3px 2px !important; -} - -tfoot th { - padding-bottom: 4px !important; -} - -tfoot img, tfoot:nth-child(2) img, tfoot:nth-child(1) img, tfoot:nth-child(3) img, tfoot:nth-child(4) img { - margin: 0px 2px 3px 0px !important; - padding-right: 0 !important; -} - -tfoot tr:nth-child(n+1) { - text-align: left; -} - -.headerstatus { - text-align: left; - padding-left: 15px; -} - -.headerpriority { - text-align: left; - padding-left: 10px; -} - -.ParentDir { + background: #fff url("../../console/light/images/header.png") repeat-x scroll center center; +} + +th:first-child { + text-align: left !important; + padding-left: 2px; +} + +tfoot td:first-child { + text-align: left !important; + padding-left: 0px; +} + +th:first-child img { + margin: 1px -2px 3px 1px !important; +} + +th:nth-child(2) img { + margin: 1px 7px 3px 2px !important; +} + +tfoot th { + padding-bottom: 4px !important; +} + +tfoot img, tfoot:nth-child(2) img, tfoot:nth-child(1) img, tfoot:nth-child(3) img, tfoot:nth-child(4) img { + margin: 0px 2px 3px 0px !important; + padding-right: 0 !important; +} + +tfoot tr:nth-child(n+1) { + text-align: left; +} + +.headerstatus { + text-align: left; + padding-left: 15px; +} + +.headerpriority { + text-align: left; + padding-left: 10px; +} + +.ParentDir { background: #fff; - font-size: 8pt; - border: 0px inset #101 !important; - border-left: 0 !important; - border-right: 0 !important; - text-align: left !important; - padding: 4px 0; -} - -.priority { - font-size: 7pt; + font-size: 8pt; + border: 0px inset #101 !important; + border-left: 0 !important; + border-right: 0 !important; + text-align: left !important; + padding: 4px 0; +} + +.priority { + font-size: 7pt; vertical-align: center; - min-width: 160px; -} + min-width: 160px; +} -.SnarkTorrents { - margin: 0; - border: 0px solid #66f; - background: #fff; -} +.SnarkTorrents { + margin: 0; + border: 0px solid #66f; + background: #fff; +} .SnarkTorrents td { line-height: 90%; @@ -244,184 +244,184 @@ tfoot tr:nth-child(n+1) { .SnarkTorrents td:nth-child(3), .SnarkTorrents td:nth-child(4) { width: 20px !important; } - -td { - padding: 1px; - color: #001 !important; - opacity: 1; - font-size: 8pt; -} - -.mainsection td { - color: #001; -} - -td:first-child { - text-align: right; - font-size: 8pt; -} - -.center { - text-align: center !important; -} - -.snarkTorrentName { + +td { + padding: 1px; + color: #001 !important; + opacity: 1; + font-size: 8pt; +} + +.mainsection td { + color: #001; +} + +td:first-child { + text-align: right; + font-size: 8pt; +} + +.center { + text-align: center !important; +} + +.snarkTorrentName { padding: 0; line-height: 90%; - font-weight: bold !important; -} - -.snarkTorrentAction { - text-shadow: 1px 1px #550000; - padding: 1px 1px 1px 1px !important; - margin: 0 !important; - text-align: center; - width: 60px; -} - -.snarkTorrentAction img { - margin: 0 2px !important; - opacity: 1; -} - -.snarkTorrentAction img:hover { - -moz-box-shadow: 0 0 1px 1px #f90; - opacity: 1; -} - -.snarkTorrentEven { - font-size: 8pt; + font-weight: bold !important; +} + +.snarkTorrentAction { + text-shadow: 1px 1px #550000; + padding: 1px 1px 1px 1px !important; + margin: 0 !important; + text-align: center; + width: 60px; +} + +.snarkTorrentAction img { + margin: 0 2px !important; + opacity: 1; +} + +.snarkTorrentAction img:hover { + -moz-box-shadow: 0 0 1px 1px #f90; + opacity: 1; +} + +.snarkTorrentEven { + font-size: 8pt; background: #f5f5f5; -} - -.snarkTorrentNoneLoaded { - background: #fff; - font-size: 8.5pt; - font-weight: bold; - text-align: center !important; - color: #bbb !important; -} - -.snarkTorrentStatus { +} + +.snarkTorrentNoneLoaded { + background: #fff; + font-size: 8.5pt; + font-weight: bold; + text-align: center !important; + color: #bbb !important; +} + +.snarkTorrentStatus { padding: 2px 2px 2px 0; - line-height: 90%; -} - -.snarkTorrentStatus:first-child { - text-align: left !important; - padding-left: 0px; - min-width: 48px; - font-weight: bold; - color: #dd9 !important; - font-size: 8pt; - padding: 1px !important; -} - -.snarkTorrentStatus:first-child img { - margin-right: 10px !important; - margin-left: 6px; -} - -.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded { - font-size: 8pt; + line-height: 90%; +} + +.snarkTorrentStatus:first-child { + text-align: left !important; + padding-left: 0px; + min-width: 48px; + font-weight: bold; + color: #dd9 !important; + font-size: 8pt; + padding: 1px !important; +} + +.snarkTorrentStatus:first-child img { + margin-right: 10px !important; + margin-left: 6px; +} + +.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded { + font-size: 8pt; padding: 0 3px; - line-height: 90%; -} - -.snarkTorrentDownloaded { - color: #001 !important; -} - -.snarkTorrentUploaded { - color: #001 !important; -} - -.snarkTorrentRateUp { - color: #001 !important; -} - -.snarkTorrentRateDown { - color: #001 !important; -} - -.snarkTorrentOdd { - background: #f0f0f0; - font-size: 8pt; - border: 0px inset #101 !important; - border-left: 0 !important; + line-height: 90%; +} + +.snarkTorrentDownloaded { + color: #001 !important; +} + +.snarkTorrentUploaded { + color: #001 !important; +} + +.snarkTorrentRateUp { + color: #001 !important; +} + +.snarkTorrentRateDown { + color: #001 !important; +} + +.snarkTorrentOdd { + background: #f0f0f0; + font-size: 8pt; + border: 0px inset #101 !important; + border-left: 0 !important; border-right: 0 !important; } - -.snarkTorrentOdd td, .snarkTorrentEven td { - border-top: 1px dotted #66f !important; -} - + +.snarkTorrentOdd td, .snarkTorrentEven td { + border-top: 1px dotted #66f !important; +} + .snarkFileIcon { width: 16px; } -.snarkFileName { - padding: 4px 0px !important; - text-align: left !important; - font-size: 8pt !important; -} - -.snarkFileSize { - padding: 4px 2px; - font-weight: normal; -} - -.snarkFileStatus { - padding: 4px 5px 4px 15px; - text-align: center; - font-style: italic; - font-size: 8pt; +.snarkFileName { + padding: 4px 0px !important; + text-align: left !important; + font-size: 8pt !important; +} + +.snarkFileSize { + padding: 4px 2px; + font-weight: normal; +} + +.snarkFileStatus { + padding: 4px 5px 4px 15px; + text-align: center; + font-style: italic; + font-size: 8pt; text-align: left; - min-width: 230px; -} - -.snarkTorrentETA { - font-style: italic; -} - -.choked { - color: #f00000 !important; -} - -.unchoked { - color: #00f000 !important; -} - -.thumb { - max-height: 64px; - max-width: 96px; -} - -.snarkNewTorrent { - font-size: 9pt; -} - -.snarkAddInfo { - font-size: 8.5pt; - line-height: 130% !important; -} - -.snarkConfigTitle { - font-size: 10.5pt; - font-weight: bold; - padding: 1px 15px 4px 12px; - margin: 5px 0 10px 0 !important; - letter-spacing: 0.02em; - border: 1px solid #66f; - -moz-border-radius: 0 0 5px 5px; - -khtml-border-radius: 0 0 5px 5px; - border-radius: 0 0 5px 5px; - border-top: 0; - text-shadow: 0px 2px 2px #999; - background: #fff url("../../console/light/images/header.png") repeat-x scroll center center; + min-width: 230px; +} + +.snarkTorrentETA { + font-style: italic; +} + +.choked { + color: #f00000 !important; +} + +.unchoked { + color: #00f000 !important; +} + +.thumb { + max-height: 64px; + max-width: 96px; +} + +.snarkNewTorrent { + font-size: 9pt; +} + +.snarkAddInfo { + font-size: 8.5pt; + line-height: 130% !important; +} + +.snarkConfigTitle { + font-size: 10.5pt; + font-weight: bold; + padding: 1px 15px 4px 12px; + margin: 5px 0 10px 0 !important; + letter-spacing: 0.02em; + border: 1px solid #66f; + -moz-border-radius: 0 0 5px 5px; + -khtml-border-radius: 0 0 5px 5px; + border-radius: 0 0 5px 5px; + border-top: 0; + text-shadow: 0px 2px 2px #999; + background: #fff url("../../console/light/images/header.png") repeat-x scroll center center; font-variant: small-caps !important; - box-shadow: 0 1px 3px #999; -} + box-shadow: 0 1px 3px #999; +} div.newtorrentsection .snarkConfigTitle, div.addtorrentsection .snarkConfigTitle, div.configsectionpanel .snarkConfigTitle { padding-top: 0 !important; @@ -431,10 +431,10 @@ div.newtorrentsection .snarkConfigTitle, div.addtorrentsection .snarkConfigTitle margin-right: -3px; padding-bottom: 3px; } - -.snarkConfig { - font-size: 10pt; - width: 100%; + +.snarkConfig { + font-size: 10pt; + width: 100%; } table.snarkTorrentInfo, table.snarkDirInfo { @@ -453,359 +453,359 @@ table.snarkTorrentInfo, table.snarkDirInfo { min-width: 0px !important; } -.page { - color: #310; +.page { + color: #310; min-width: 700px !important; - margin: 5px 0 0 0; - padding: 10px; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - border: 1px solid #66f; - font-size: 9pt !important; - line-height: 160% !important; - -moz-box-shadow: inset 0px 0px 1px 0px #212; - -khtml-box-shadow: inset 0px 0px 1px 0px #002; - box-shadow: inset 0px 0px 1px 0px #002; - text-align: center; + margin: 5px 0 0 0; + padding: 10px; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + border: 1px solid #66f; + font-size: 9pt !important; + line-height: 160% !important; + -moz-box-shadow: inset 0px 0px 1px 0px #212; + -khtml-box-shadow: inset 0px 0px 1px 0px #002; + box-shadow: inset 0px 0px 1px 0px #002; + text-align: center; opacity: 1; - background: #fff; -} - -form { - margin-bottom: 0; -} - -p { - line-height: 150%; -} - -hr { - color: #444; - background: #444; - height: 1px; - border: 0px solid #444; - width: 0%; - margin: 5px 0 7px 0; - text-align: center; -} - -a:link { - color: #359; - text-decoration: none; - font-weight: bold; - word-wrap: break-word; -} - -a:visited { - color: #249; - text-decoration: none; -} - -a:hover { - color: #559; -} - -a:active { - color: #77b; -} - -input { - font-size: 9pt; - font-weight: bold; - text-align: left; - padding: 3px 4px !important; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - border: 1px solid #66f; - background: #fff; - color: #559; + background: #fff; +} + +form { + margin-bottom: 0; +} + +p { + line-height: 150%; +} + +hr { + color: #444; + background: #444; + height: 1px; + border: 0px solid #444; + width: 0%; + margin: 5px 0 7px 0; + text-align: center; +} + +a:link { + color: #359; + text-decoration: none; + font-weight: bold; + word-wrap: break-word; +} + +a:visited { + color: #249; + text-decoration: none; +} + +a:hover { + color: #559; +} + +a:active { + color: #77b; +} + +input { + font-size: 9pt; + font-weight: bold; + text-align: left; + padding: 3px 4px !important; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + border: 1px solid #66f; + background: #fff; + color: #559; margin: 2px 4px 2px 0; font: bold 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; } - -input.r { - text-align: right; + +input.r { + text-align: right; + background: #fff; + border: 1px solid #66f; +} + +input[type=submit] { + text-shadow: 0px 0px #410; + color: #359; background: #fff; - border: 1px solid #66f; -} - -input[type=submit] { - text-shadow: 0px 0px #410; - color: #359; - background: #fff; - border: 1px outset #191; + border: 1px outset #191; padding: 2px; font: bold 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; - margin-top: 6px; -} - -input[type=submit]:hover { - border: 1px outset #559; - background-color: #559; - color: #fff; -} - -input[type=submit]:active { - background: #f60 !important; - color: #fff !important; - text-shadow: 0 !important; -} - -input[type=image], thead img { - padding: 0 !important; - -moz-border-radius: 0px; - -khtml-border-radius: 0px; - border-radius: 0px; - border: medium none; - margin: 0 2px; - opacity: 1; -} - -input[type=image]:hover, thead img:hover { - opacity: 1; -} - -input[type=text]:active, input[type=text]:hover, input.r:hover { - background: #fff; + margin-top: 6px; +} + +input[type=submit]:hover { + border: 1px outset #559; + background-color: #559; + color: #fff; +} + +input[type=submit]:active { + background: #f60 !important; + color: #fff !important; + text-shadow: 0 !important; +} + +input[type=image], thead img { + padding: 0 !important; + -moz-border-radius: 0px; + -khtml-border-radius: 0px; + border-radius: 0px; + border: medium none; + margin: 0 2px; + opacity: 1; +} + +input[type=image]:hover, thead img:hover { + opacity: 1; +} + +input[type=text]:active, input[type=text]:hover, input.r:hover { + background: #fff; color: #009; border: 1px solid #66f; - box-shadow: none !important; -} + box-shadow: none !important; +} input[type=text], input.r { min-width: 90px; box-shadow: 1px 1px 2px 1px #aaa inset; } - -input[type=radio] { - padding: 2px; - margin: 0 3px 0 8px; - vertical-align: bottom; -} - + +input[type=radio] { + padding: 2px; + margin: 0 3px 0 8px; + vertical-align: bottom; +} + input.default { width: 1px; height: 1px; visibility: hidden; } - -select { - background: #fff !important; - color: #66f; - font: 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; - font-weight: bold; - padding: 2px 2px 2px 3px; - -moz-border-radius: 4px 0 0 4px; - -khtml-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; + +select { + background: #fff !important; + color: #66f; + font: 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; + font-weight: bold; + padding: 2px 2px 2px 3px; + -moz-border-radius: 4px 0 0 4px; + -khtml-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; border: 1px solid #66f; margin: 2px 4px 2px 0; - min-width: 90px; -} - -select:hover, textarea:hover { - background: #fff !important; - color: #001 !important; -} + min-width: 90px; +} + +select:hover, textarea:hover { + background: #fff !important; + color: #001 !important; +} textarea:hover { color: #001 !important; box-shadow: none; } - -textarea { - background: #fff; - color: #66f; - font-weight: bold; - padding: 1px 4px 0px; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; + +textarea { + background: #fff; + color: #66f; + font-weight: bold; + padding: 1px 4px 0px; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; border: 1px solid #66f; font-size: 8pt; - box-shadow: 1px 1px 2px 1px #aaa inset; -} - -img { - border: none; - margin: 0 3px 1px 3px; - vertical-align: middle; - opacity: 1.0; - line-height: 100%; -} - -img:hover { - border: none; - opacity: 1; - line-height: 100%; -} - -.infoz { - margin: 0 -1px 0 0 !important; - padding: 0 !important; - line-height: 100%; - float: left; -} - -.infoz img { - border: none; - opacity: 1 !important; -} - -.infoz img:hover { - opacity: 1 !important; -} - -div.newtorrentsection td:first-child, div.addtorrentsection td:first-child, div.configsectionpanel td:first-child { + box-shadow: 1px 1px 2px 1px #aaa inset; +} + +img { + border: none; + margin: 0 3px 1px 3px; + vertical-align: middle; + opacity: 1.0; + line-height: 100%; +} + +img:hover { + border: none; + opacity: 1; + line-height: 100%; +} + +.infoz { + margin: 0 -1px 0 0 !important; + padding: 0 !important; + line-height: 100%; + float: left; +} + +.infoz img { + border: none; + opacity: 1 !important; +} + +.infoz img:hover { + opacity: 1 !important; +} + +div.newtorrentsection td:first-child, div.addtorrentsection td:first-child, div.configsectionpanel td:first-child { width: auto !important; } div.configsectionpanel td:first-child { padding-right: 5px; } - -div.section,div.mainsection div.section,div.mainsection { - margin: 0; - padding: 0px; + +div.section,div.mainsection div.section,div.mainsection { + margin: 0; + padding: 0px; border: 1px solid #66f; border-top: 2px solid #66f; - border-bottom: 2px solid #66f; - color: #001; - word-wrap: break-word; - text-align: center; - background: #fff; - opacity: 1 !important; -} - -div.newtorrentsection { - margin: 0 0 10px 0; - padding: 0 10px 0px 10px; - border: 1px solid #66f; - text-align: center; - color: #001; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - -moz-box-shadow: inset 0px 0px 1px 0px #101; - -khtml-box-shadow: inset 0px 0px 1px 0px #101; - box-shadow: inset 0px 0px 1px 0px #101; - word-wrap: break-word; - background: #f0f0f0 url('images/snark_create.png') no-repeat scroll right center; -} - -div.addtorrentsection { - margin: 10px 0; - padding: 0 10px; - border: 1px solid #66f; - text-align: center; - color: #001; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - -moz-box-shadow: inset 0px 0px 1px 0px #101; - -khtml-box-shadow: inset 0px 0px 1px 0px #101; - box-shadow: inset 0px 0px 1px 0px #101; - word-wrap: break-word; - background: #f0f0f0 url('images/snark_add.png') no-repeat scroll right center; -} - -div.configsection { - margin: 0; - padding: 0 10px 15px 10px; - border: 1px solid #66f; - color: #001; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - -moz-box-shadow: inset 0px 0px 1px 0px #101; - -khtml-box-shadow: inset 0px 0px 1px 0px #101; - box-shadow: inset 0px 0px 1px 0px #101; - word-wrap: break-word; - text-align: center; - background: #f0f0f0; - font-weight: bold; + border-bottom: 2px solid #66f; + color: #001; + word-wrap: break-word; + text-align: center; + background: #fff; + opacity: 1 !important; +} + +div.newtorrentsection { + margin: 0 0 10px 0; + padding: 0 10px 0px 10px; + border: 1px solid #66f; + text-align: center; + color: #001; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: inset 0px 0px 1px 0px #101; + -khtml-box-shadow: inset 0px 0px 1px 0px #101; + box-shadow: inset 0px 0px 1px 0px #101; + word-wrap: break-word; + background: #f0f0f0 url('images/snark_create.png') no-repeat scroll right center; +} + +div.addtorrentsection { + margin: 10px 0; + padding: 0 10px; + border: 1px solid #66f; + text-align: center; + color: #001; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: inset 0px 0px 1px 0px #101; + -khtml-box-shadow: inset 0px 0px 1px 0px #101; + box-shadow: inset 0px 0px 1px 0px #101; + word-wrap: break-word; + background: #f0f0f0 url('images/snark_add.png') no-repeat scroll right center; +} + +div.configsection { + margin: 0; + padding: 0 10px 15px 10px; + border: 1px solid #66f; + color: #001; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: inset 0px 0px 1px 0px #101; + -khtml-box-shadow: inset 0px 0px 1px 0px #101; + box-shadow: inset 0px 0px 1px 0px #101; + word-wrap: break-word; + text-align: center; + background: #f0f0f0; + font-weight: bold; } div.configsection .snarkConfigTitle { padding-top: 0px !important; -} - -div.configsectionpanel { - margin: -3px 0 0; - padding: 0 10px; - border: 1px solid #66f; - color: #001; - -moz-border-radius: 0 0 4px 4px; - -khtml-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; - -moz-box-shadow: inset 0px 0px 1px 0px #101; - -khtml-box-shadow: inset 0px 0px 1px 0px #101; - box-shadow: inset 0px 0px 1px 0px #101; - word-wrap: break-word; - text-align: center; - background: #f0f0f0 url('images/configuration.png') no-repeat scroll right center; - font-weight: bold; -} - -.newtorrentsection form, .configsection form, .addtorrentsection form { - color: #001 !important; -} - -div.configsection table{ - color: #ffb; - opacity: 1; -} - -div.configsection a { +} + +div.configsectionpanel { + margin: -3px 0 0; + padding: 0 10px; + border: 1px solid #66f; + color: #001; + -moz-border-radius: 0 0 4px 4px; + -khtml-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; + -moz-box-shadow: inset 0px 0px 1px 0px #101; + -khtml-box-shadow: inset 0px 0px 1px 0px #101; + box-shadow: inset 0px 0px 1px 0px #101; + word-wrap: break-word; + text-align: center; + background: #f0f0f0 url('images/configuration.png') no-repeat scroll right center; + font-weight: bold; +} + +.newtorrentsection form, .configsection form, .addtorrentsection form { + color: #001 !important; +} + +div.configsection table{ + color: #ffb; + opacity: 1; +} + +div.configsection a { color: #00a; - font-weight: bold; -} - -div.configsection a:hover { - color: #00f; - text-decoration: none; -} - + font-weight: bold; +} + +div.configsection a:hover { + color: #00f; + text-decoration: none; +} + code { - font-size: 8pt; - color: #009; - padding: 0 2px; - font-weight: bold; - font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono; -} - -.snarknavbar { - margin: -10px 0 5px 0 !important; - padding: 14px 10px 7px; + font-size: 8pt; + color: #009; + padding: 0 2px; + font-weight: bold; + font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono; +} + +.snarknavbar { + margin: -10px 0 5px 0 !important; + padding: 14px 10px 7px; /* - border: 1px solid #101; - -moz-border-radius: 0 0 8px 8px; - -khtml-border-radius: 0 0 8px 8px; - border-radius: 0 0 8px 8px; - -moz-box-shadow: inset 0px 0px 1px 0px #002; - -khtml-box-shadow: inset 0px 0px 1px 0px #002; - box-shadow: inset 0px 0px 1px 0px #002; + border: 1px solid #101; + -moz-border-radius: 0 0 8px 8px; + -khtml-border-radius: 0 0 8px 8px; + border-radius: 0 0 8px 8px; + -moz-box-shadow: inset 0px 0px 1px 0px #002; + -khtml-box-shadow: inset 0px 0px 1px 0px #002; + box-shadow: inset 0px 0px 1px 0px #002; background: #fff url('../../console/dark/images/header.png') repeat-x scroll center center !important; */ - background: none; - text-transform: uppercase !important; - letter-spacing: 0em !important; - font-weight: bold; - font-size: 11.5pt; - color: #001; - min-width: 600px; - width: 70%; - text-align: center; + background: none; + text-transform: uppercase !important; + letter-spacing: 0em !important; + font-weight: bold; + font-size: 11.5pt; + color: #001; + min-width: 600px; + width: 70%; + text-align: center; } .iframed .snarknavbar { margin: -5px 0 8px !important; -} - -.snarknavbar img { - border: 0; - margin: 1px -8px -1px -2px; - padding: 1px 0 0px !important; - vertical-align: top; -} +} + +.snarknavbar img { + border: 0; + margin: 1px -8px -1px -2px; + padding: 1px 0 0px !important; + vertical-align: top; +} .routerdown { color: #001; diff --git a/installer/resources/themes/snark/ubergine/snark.css b/installer/resources/themes/snark/ubergine/snark.css index d30a05cb1514fc0d5e7b2bd7d437a811df91f397..bdd79e6611d7ccde387a9545ff6a817ef5c57db7 100644 --- a/installer/resources/themes/snark/ubergine/snark.css +++ b/installer/resources/themes/snark/ubergine/snark.css @@ -1,391 +1,391 @@ -/* I2PSnark theme "Ubergine" by dr|z3d */ -/* Guantanamo Commemorative Edition. */ - -body { - background: #101 url('/themes/snark/ubergine/images/graytile.png'); - color: #001; - font: 7.5pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; -} - -body.iframed { +/* I2PSnark theme "Ubergine" by dr|z3d */ +/* Guantanamo Commemorative Edition. */ + +body { + background: #101 url('/themes/snark/ubergine/images/graytile.png'); + color: #001; + font: 7.5pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; +} + +body.iframed { background: transparent url('../../console/dark/images/transparent.gif') !important; - margin: 6px 0 !important; -} - -.snarkTitle { - font-size: 12pt; - font-weight: bold; - text-align: center; -} - -.snarkRefresh:link,.snarkRefresh:visited { - text-decoration: none !important; - text-transform: uppercase !important; - padding: 4px 16px 5px !important; - margin: -5px -8px -5px 0 !important; - letter-spacing: 0.03em; - font-weight: bold; - font-size: 9pt; - color: #f70; - text-shadow: 1px 1px #420; - background: url('/themes/snark/ubergine/images/snarknav_lowlight.png') no-repeat scroll center bottom; - background: #310 url('/themes/snark/ubergine/images/snarknav_on.png') repeat-x scroll center center; - -moz-border-radius: 0px; - -khtml-border-radius: 3px; - border-radius: 0px;; - -moz-box-shadow: inset 0 0 1px 0 #f90; - -khtml-box-shadow: inset 0 0 1px 0 #f90; - box-shadow: 0 0 1px 0 #f90; - -} - -.snarkRefresh:hover { - text-decoration: none !important; - text-transform: uppercase !important; - padding: 1px 16px; - font-weight: bold; - color: #f50; - background: #310 url('/themes/snark/ubergine/images/snarknav_on.png') repeat-x scroll center center; - background: #310 url('/themes/snark/ubergine/images/snarknav_lowlight.png') repeat-x scroll center center; - -moz-border-radius: 0; - -khtml-border-radius: 0; - border-radius: 0; - -moz-box-shadow: inset 0 0 1px 0 #f90; - -khtml-box-shadow: inset 0 0 1px 0 #f90; - box-shadow: 0 0 1px #f90; -} - -.snarkRefresh:active { - text-decoration: none !important; - text-transform: uppercase !important; - padding: 0 16px; - font-weight: bold; - color: #fb0; - background: #310 url('/themes/snark/ubergine/images/snarknav_on.png') repeat-x scroll center center; -} - -.snarkRefresh:last-child { - -moz-border-radius: 0 3px 3px 0px; - -khtml-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; - -moz-box-shadow: inset 0 0 1px 0 #f90; - -khtml-box-shadow: inset 0 0 1px 0 #f90; - box-shadow: 0 0 1px 0 #f90; -} - -.snarkRefresh:first-child { - -moz-border-radius: 3px 0 0 3px; - -khtml-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; - -moz-box-shadow: inset 0 0 1px 0 #f90; - -khtml-box-shadow: inset 0 0 1px 0 #f90; - box-shadow: 0 0 1px 0 #f90; -} - -.snarkMessages { - font: bold 8pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important; - text-align: left; - margin: 0 0 10px 0; - padding: 3px 5px; - border-spacing: 0px; - -moz-border-radius: 4px 0 0 0; - -khtml-border-radius: 4px 0 0 0; - border-radius: 4px 0 0 0; - border: 1px solid #000; - overflow: auto; - color: #26f; - max-height: 76px; - min-height: 45px; - width: auto; - background: #2a192a url('/themes/snark/ubergine/images/hat.png') no-repeat scroll right center; -} - -.snarkMessages a:link, .snarkMessages a:visited { - color: #69f !important; -} - -.snarkMessages a:hover { - color: #f90 !important; -} - -.snarkMessages ul { - margin: 0; - padding: 0 0 0 16px; -} - -.snarkMessages p { - font-style: italic; - margin: 0; - text-align: right; -} - -.snarkMessages img { - float: right; - margin: -3px -4px 4px 4px; - opacity: 0.8; -} - -.logshim { - margin-top: -10px !important; -} - -pre { - width: 100%; - font: 7.5pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important; - padding: 0; - text-align: left !important; - height: 8px; - color: #35f; - font-weight: bold !important; -} - -table { - margin: 0px 0px 10px 0px; - border: 0px; - padding: 0px; - border-spacing: 0px; - border-collapse: collapse; - color: #323; - width: 100%; - opacity: 1 !important; -} - -tr { - opacity: 1; -} - -thead, tfoot { - text-shadow:0 2px 5px #333333; - background: #101; -} - -thead a, tfoot a { -text-shadow:1px 1px #550000; -} - -thead { - border-bottom: 1px solid #101; -} - -th { - padding: 4px 2px 4px 4px; - font-size: 8pt; - border-top: 1px outset #001; - border-bottom: 1px inset #101; - color: #ddd; - whitespace: nowrap; - letter-spacing: 0em; -} - -th:first-child { - text-align: left !important; - padding-left: 2px; -} - -tfoot td:first-child { - text-align: left !important; - padding-left: 0px; -} - -th:first-child img { - margin: 1px 1px 3px 3px !important; -} - -th:nth-child(2) img { - margin: 1px 7px 3px 2px !important; -} - -tfoot th { - padding-bottom: 4px !important; -} - -tfoot img, tfoot:nth-child(2) img, tfoot:nth-child(1) img, tfoot:nth-child(3) img, tfoot:nth-child(4) img { - margin: 0px 2px 3px 0px !important; - padding-right: 0 !important; -} - -tfoot tr:nth-child(n+1) { - text-align: left; -} - -.headerstatus { - text-align: left; - padding-left: 15px; -} - -.headerpriority { - text-align: left; - padding-left: 10px; -} - -.ParentDir { - background: #656; - background: #351933; - font-size: 7.5pt; - border: 0px inset #101 !important; - border-left: 0 !important; - border-right: 0 !important; - text-align: left !important; - padding: 4px 0; -} - -.priority { - font-size: 7pt; - vertical-align: center; -} - -.SnarkTorrents { - margin: 0; - border: 1px solid #101; - background: #212; -} - -td { - padding: 1px; - color: #ddd !important; - opacity: 1; - font-size: 8pt; -} - -.mainsection td { - color: #111; -} - -td:first-child { - text-align: right; - font-size: 8pt; -} - -.center { - text-align: center !important; -} - + margin: 6px 0 !important; +} + +.snarkTitle { + font-size: 12pt; + font-weight: bold; + text-align: center; +} + +.snarkRefresh:link,.snarkRefresh:visited { + text-decoration: none !important; + text-transform: uppercase !important; + padding: 4px 16px 5px !important; + margin: -5px -8px -5px 0 !important; + letter-spacing: 0.03em; + font-weight: bold; + font-size: 9pt; + color: #f70; + text-shadow: 1px 1px #420; + background: url('/themes/snark/ubergine/images/snarknav_lowlight.png') no-repeat scroll center bottom; + background: #310 url('/themes/snark/ubergine/images/snarknav_on.png') repeat-x scroll center center; + -moz-border-radius: 0px; + -khtml-border-radius: 3px; + border-radius: 0px;; + -moz-box-shadow: inset 0 0 1px 0 #f90; + -khtml-box-shadow: inset 0 0 1px 0 #f90; + box-shadow: 0 0 1px 0 #f90; + +} + +.snarkRefresh:hover { + text-decoration: none !important; + text-transform: uppercase !important; + padding: 1px 16px; + font-weight: bold; + color: #f50; + background: #310 url('/themes/snark/ubergine/images/snarknav_on.png') repeat-x scroll center center; + background: #310 url('/themes/snark/ubergine/images/snarknav_lowlight.png') repeat-x scroll center center; + -moz-border-radius: 0; + -khtml-border-radius: 0; + border-radius: 0; + -moz-box-shadow: inset 0 0 1px 0 #f90; + -khtml-box-shadow: inset 0 0 1px 0 #f90; + box-shadow: 0 0 1px #f90; +} + +.snarkRefresh:active { + text-decoration: none !important; + text-transform: uppercase !important; + padding: 0 16px; + font-weight: bold; + color: #fb0; + background: #310 url('/themes/snark/ubergine/images/snarknav_on.png') repeat-x scroll center center; +} + +.snarkRefresh:last-child { + -moz-border-radius: 0 3px 3px 0px; + -khtml-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; + -moz-box-shadow: inset 0 0 1px 0 #f90; + -khtml-box-shadow: inset 0 0 1px 0 #f90; + box-shadow: 0 0 1px 0 #f90; +} + +.snarkRefresh:first-child { + -moz-border-radius: 3px 0 0 3px; + -khtml-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; + -moz-box-shadow: inset 0 0 1px 0 #f90; + -khtml-box-shadow: inset 0 0 1px 0 #f90; + box-shadow: 0 0 1px 0 #f90; +} + +.snarkMessages { + font: bold 8pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important; + text-align: left; + margin: 0 0 10px 0; + padding: 3px 5px; + border-spacing: 0px; + -moz-border-radius: 4px 0 0 0; + -khtml-border-radius: 4px 0 0 0; + border-radius: 4px 0 0 0; + border: 1px solid #000; + overflow: auto; + color: #26f; + max-height: 76px; + min-height: 45px; + width: auto; + background: #2a192a url('/themes/snark/ubergine/images/hat.png') no-repeat scroll right center; +} + +.snarkMessages a:link, .snarkMessages a:visited { + color: #69f !important; +} + +.snarkMessages a:hover { + color: #f90 !important; +} + +.snarkMessages ul { + margin: 0; + padding: 0 0 0 16px; +} + +.snarkMessages p { + font-style: italic; + margin: 0; + text-align: right; +} + +.snarkMessages img { + float: right; + margin: -3px -4px 4px 4px; + opacity: 0.8; +} + +.logshim { + margin-top: -10px !important; +} + +pre { + width: 100%; + font: 7.5pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important; + padding: 0; + text-align: left !important; + height: 8px; + color: #35f; + font-weight: bold !important; +} + +table { + margin: 0px 0px 10px 0px; + border: 0px; + padding: 0px; + border-spacing: 0px; + border-collapse: collapse; + color: #323; + width: 100%; + opacity: 1 !important; +} + +tr { + opacity: 1; +} + +thead, tfoot { + text-shadow:0 2px 5px #333333; + background: #101; +} + +thead a, tfoot a { +text-shadow:1px 1px #550000; +} + +thead { + border-bottom: 1px solid #101; +} + +th { + padding: 4px 2px 4px 4px; + font-size: 8pt; + border-top: 1px outset #001; + border-bottom: 1px inset #101; + color: #ddd; + whitespace: nowrap; + letter-spacing: 0em; +} + +th:first-child { + text-align: left !important; + padding-left: 2px; +} + +tfoot td:first-child { + text-align: left !important; + padding-left: 0px; +} + +th:first-child img { + margin: 1px 1px 3px 3px !important; +} + +th:nth-child(2) img { + margin: 1px 7px 3px 2px !important; +} + +tfoot th { + padding-bottom: 4px !important; +} + +tfoot img, tfoot:nth-child(2) img, tfoot:nth-child(1) img, tfoot:nth-child(3) img, tfoot:nth-child(4) img { + margin: 0px 2px 3px 0px !important; + padding-right: 0 !important; +} + +tfoot tr:nth-child(n+1) { + text-align: left; +} + +.headerstatus { + text-align: left; + padding-left: 15px; +} + +.headerpriority { + text-align: left; + padding-left: 10px; +} + +.ParentDir { + background: #656; + background: #351933; + font-size: 7.5pt; + border: 0px inset #101 !important; + border-left: 0 !important; + border-right: 0 !important; + text-align: left !important; + padding: 4px 0; +} + +.priority { + font-size: 7pt; + vertical-align: center; +} + +.SnarkTorrents { + margin: 0; + border: 1px solid #101; + background: #212; +} + +td { + padding: 1px; + color: #ddd !important; + opacity: 1; + font-size: 8pt; +} + +.mainsection td { + color: #111; +} + +td:first-child { + text-align: right; + font-size: 8pt; +} + +.center { + text-align: center !important; +} + .snarkTorrentName { - line-height: 100%; - text-shadow:1px 1px #550000; - padding: 2px 0 0; -} - -.snarkTorrentName img { - padding: 1px; - text-align: left; - vertical-align: middle; -} - -.snarkTorrentAction { - text-shadow:1px 1px #550000; - padding: 1px 1px 1px 1px !important; - margin: 0 !important; - text-align: center; - width: 68px; -} - -.snarkTorrentAction img { - margin: 0 2px !important; - opacity: 0.6; -} - -.snarkTorrentAction img:hover { - -moz-box-shadow: 0 0 1px 1px #f90; - opacity: 1; -} - -.snarkTorrentEven { - font-size: 7.5pt; - background: #202; -} - -.snarkTorrentNoneLoaded { - background: #323; - font-size: 8.5pt; - font-weight: bold; - text-align: center !important; - color: #bbb !important; -} - -.snarkTorrentStatus { + line-height: 100%; + text-shadow:1px 1px #550000; + padding: 2px 0 0; +} + +.snarkTorrentName img { + padding: 1px; + text-align: left; + vertical-align: middle; +} + +.snarkTorrentAction { + text-shadow:1px 1px #550000; + padding: 1px 1px 1px 1px !important; + margin: 0 !important; + text-align: center; + width: 68px; +} + +.snarkTorrentAction img { + margin: 0 2px !important; + opacity: 0.6; +} + +.snarkTorrentAction img:hover { + -moz-box-shadow: 0 0 1px 1px #f90; + opacity: 1; +} + +.snarkTorrentEven { + font-size: 7.5pt; + background: #202; +} + +.snarkTorrentNoneLoaded { + background: #323; + font-size: 8.5pt; + font-weight: bold; + text-align: center !important; + color: #bbb !important; +} + +.snarkTorrentStatus { padding: 2px 2px 2px 0; - line-height: 100%; -} - -.snarkTorrentStatus:first-child { - text-align: left !important; - padding-left: 0px; - min-width: 48px; - font-weight: bold; - color: #dd9 !important; - font-size: 7.5pt; - padding: 1px !important; -} - -.snarkTorrentStatus:first-child img { - margin-right: 10px !important; - margin-left: 6px; -} - -.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded { - font-size: 7.5pt; - font-weight: bold; + line-height: 100%; +} + +.snarkTorrentStatus:first-child { + text-align: left !important; + padding-left: 0px; + min-width: 48px; + font-weight: bold; + color: #dd9 !important; + font-size: 7.5pt; + padding: 1px !important; +} + +.snarkTorrentStatus:first-child img { + margin-right: 10px !important; + margin-left: 6px; +} + +.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded { + font-size: 7.5pt; + font-weight: bold; padding: 0 3px; - line-height: 100%; -} - -.snarkTorrentDownloaded { - color: #76a !important; -} - -.snarkTorrentUploaded { - color: #b9b !important; -} - -.snarkTorrentRateUp { - color: #b9b !important; -} - -.snarkTorrentRateDown { - color: #76a !important; -} - -.snarkTorrentOdd { - background: #351933; - font-size: 7.5pt; - border: 0px inset #101 !important; - border-left: 0 !important; - border-right: 0 !important; -} -.snarkTorrentOdd td, .snarkTorrentEven td { - border-top: 1px dotted #313 !important; -} - + line-height: 100%; +} + +.snarkTorrentDownloaded { + color: #76a !important; +} + +.snarkTorrentUploaded { + color: #b9b !important; +} + +.snarkTorrentRateUp { + color: #b9b !important; +} + +.snarkTorrentRateDown { + color: #76a !important; +} + +.snarkTorrentOdd { + background: #351933; + font-size: 7.5pt; + border: 0px inset #101 !important; + border-left: 0 !important; + border-right: 0 !important; +} +.snarkTorrentOdd td, .snarkTorrentEven td { + border-top: 1px dotted #313 !important; +} + .snarkFileIcon { width: 16px; } -.snarkFileName { - padding: 4px 0px !important; - text-align: left !important; - font-size: 7.5pt !important; -} - -.snarkFileSize { - padding: 4px 2px; - font-weight: bold; - color: #b6b !important; -} - -.snarkFileStatus { - padding: 4px 5px 4px 15px; - text-align: center; - font-style: italic; - font-size: 7.5pt; - text-align: left; -} - -.snarkTorrentETA { - font-weight: bold; - font-style: italic; - color: #dd7 !important; -} +.snarkFileName { + padding: 4px 0px !important; + text-align: left !important; + font-size: 7.5pt !important; +} + +.snarkFileSize { + padding: 4px 2px; + font-weight: bold; + color: #b6b !important; +} + +.snarkFileStatus { + padding: 4px 5px 4px 15px; + text-align: center; + font-style: italic; + font-size: 7.5pt; + text-align: left; +} + +.snarkTorrentETA { + font-weight: bold; + font-style: italic; + color: #dd7 !important; +} .snarkTorrentInfo img { max-height: 16px !important; @@ -421,412 +421,412 @@ table.SnarkDirInfo { text-align: center !important; vertical-align: middle; } - -.choked { - color: #f00000 !important; -} - -.unchoked { - color: #00f000 !important; -} - -.thumb { - max-height: 64px; - max-width: 96px; -} - -.snarkNewTorrent { - font-size: 8pt; -} - -.snarkAddInfo { - font-size: 8pt; - line-height: 130% !important; -} - -.snarkConfigTitle { - font-size: 11pt; - font-weight: bold; - padding: 0 25px 3px 25px; - margin: 5px 0 10px 0 !important; - letter-spacing: 0.05em; - border: 1px solid #111; - -moz-border-radius: 0 0 5px 5px; - -khtml-border-radius: 0 0 5px 5px; - border-radius: 0 0 5px 5px; - border-top: 0; - text-shadow: 0px 3px 5px #323; - background: #101 url('/themes/snark/ubergine/images/snarknav.png') repeat-x scroll center center !important; - font-variant: small-caps !important; -} - -.snarkConfig { - font-size: 10pt; - width: 100%; -} - -.page { - background: #323 url('/themes/snark/ubergine/images/tile2.png'); - color: #310; - min-width: 800px !important; - margin: 5px 0 0 0; - padding: 10px 10px 0px 10px; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - border: 1px solid #101; - font-size: 8pt !important; - line-height: 160% !important; - -moz-box-shadow: inset 0px 0px 1px 0px #212; - -khtml-box-shadow: inset 0px 0px 1px 0px #002; - box-shadow: inset 0px 0px 1px 0px #002; - text-align: center; - opacity: 1; -} - -form { - margin-bottom: 0; -} - -p { - line-height: 150%; -} - -hr { - color: #444; - background: #444; - height: 1px; - border: 0px solid #444; - width: 0%; - margin: 5px 0 7px 0; - text-align: center; -} - -a:link { - color: #f70; - text-decoration: none; - font-weight: bold; - word-wrap: break-word; -} - -a:visited { - color: #f50; - text-decoration: none; - font-weight: bold; -} - -a:hover { - color: #f90; - font-weight: bold; -} - -input { - font-size: 8.5pt; - font-weight: bold; - text-align: left; - padding: 3px 4px !important; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - border: 1px inset #000; - background: #212 url('/themes/snark/ubergine/images/graytile.png'); - color: #f60; - margin: 2px 4px; -} - -input.r { - text-align: right; - background: url('/themes/snark/ubergine/images/graytile.png'); -} - -input[type=submit] { - text-shadow: 0px 0px #410; - color: #000; - background: #989; - border: 1px inset #bbb; - padding: 2px; -} - -input[type=submit]:hover { - border: 1px outset #bbb; - text-shadow: 0 0; - background-color: #f60; - color: #fff; - text-shadow: 0px 1px 5px #f00; -} - -input[type=submit]:active { - background: #000 !important; - color: #f60 !important; - text-shadow: 0 !important; -} - -input[type=image], thead img { - padding: 0 !important; - -moz-border-radius: 0px; - -khtml-border-radius: 0px; - border-radius: 0px; - border: medium none; - margin: 0 2px; - opacity: 0.8; -} - -input[type=image]:hover, thead img:hover { - opacity: 1; -} - -input[type=text]:active, input[type=text]:hover, input.r:hover { - background: #d60; - color: #fff; -} - -input[type=radio] { - padding: 2px; - margin: 0 3px 0 8px; - vertical-align: bottom; -} - -input.default { width: 1px; height: 1px; visibility: hidden; } - -input.accept { - background: #989 url('../../console/images/accept.png') no-repeat 2px center; - padding: 2px 3px 2px 20px !important; - min-height: 22px; -} - -input.add { - background: #989 url('../../console/images/add.png') no-repeat 2px center; - padding: 2px 3px 2px 20px !important; - min-height: 22px; -} - -input.create { - background: #989 url('images/create.png') no-repeat 2px center; - padding: 2px 3px 2px 20px !important; - min-height: 22px; -} - -input.cancel { - background: #989 url('../../console/images/cancel.png') no-repeat 2px center; - padding: 2px 3px 2px 20px !important; - min-height: 22px; -} - -input.create { - background: #989 url('images/create.png') no-repeat 2px center; - padding: 2px 3px 2px 20px !important; - min-height: 22px; -} - -input.delete { - background: #989 url('../../console/images/delete.png') no-repeat 2px center; - padding: 2px 3px 2px 20px !important; - min-height: 22px; -} - -input.reload { - background: #989 url('../../console/images/arrow_refresh.png') no-repeat 2px center; - padding: 2px 3px 2px 20px !important; - min-height: 22px; -} - -select { - background: #333; - background: url('/themes/snark/ubergine/images/graytile.png') !important; - color: #f60; - font: 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; - font-weight: bold; - padding: 2px 2px 2px 3px; - -moz-border-radius: 4px 0 0 4px; - -khtml-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; - border: 1px solid #000; -} - -select:hover, textarea:hover { - background: #f60 !important; - color: #fff !important; -} - -textarea { - background: #111 url('/themes/snark/ubergine/images/graytile.png'); - color: #f60; - font-weight: bold; - padding: 1px 4px 0px; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; + +.choked { + color: #f00000 !important; +} + +.unchoked { + color: #00f000 !important; +} + +.thumb { + max-height: 64px; + max-width: 96px; +} + +.snarkNewTorrent { + font-size: 8pt; +} + +.snarkAddInfo { + font-size: 8pt; + line-height: 130% !important; +} + +.snarkConfigTitle { + font-size: 11pt; + font-weight: bold; + padding: 0 25px 3px 25px; + margin: 5px 0 10px 0 !important; + letter-spacing: 0.05em; + border: 1px solid #111; + -moz-border-radius: 0 0 5px 5px; + -khtml-border-radius: 0 0 5px 5px; + border-radius: 0 0 5px 5px; + border-top: 0; + text-shadow: 0px 3px 5px #323; + background: #101 url('/themes/snark/ubergine/images/snarknav.png') repeat-x scroll center center !important; + font-variant: small-caps !important; +} + +.snarkConfig { + font-size: 10pt; + width: 100%; +} + +.page { + background: #323 url('/themes/snark/ubergine/images/tile2.png'); + color: #310; + min-width: 800px !important; + margin: 5px 0 0 0; + padding: 10px 10px 0px 10px; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + border: 1px solid #101; + font-size: 8pt !important; + line-height: 160% !important; + -moz-box-shadow: inset 0px 0px 1px 0px #212; + -khtml-box-shadow: inset 0px 0px 1px 0px #002; + box-shadow: inset 0px 0px 1px 0px #002; + text-align: center; + opacity: 1; +} + +form { + margin-bottom: 0; +} + +p { + line-height: 150%; +} + +hr { + color: #444; + background: #444; + height: 1px; + border: 0px solid #444; + width: 0%; + margin: 5px 0 7px 0; + text-align: center; +} + +a:link { + color: #f70; + text-decoration: none; + font-weight: bold; + word-wrap: break-word; +} + +a:visited { + color: #f50; + text-decoration: none; + font-weight: bold; +} + +a:hover { + color: #f90; + font-weight: bold; +} + +input { + font-size: 8.5pt; + font-weight: bold; + text-align: left; + padding: 3px 4px !important; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; border: 1px inset #000; - font-size: 8pt; -} - -img { - border: none; - margin: 0 3px 1px 3px; - vertical-align: middle; - opacity: 1.0; - line-height: 100%; -} - -img:hover { - border: none; - opacity: 1; - line-height: 100%; -} - -.infoz { - margin: 0 -1px 0 0 !important; - padding: 0 !important; - lineheight: 100%; - float: left; -} - -.infoz img { - border: none; - opacity: 0.5 !important; -} - -.infoz img:hover { - opacity: 1 !important; -} - - -div.section,div.mainsection { - margin: 0 0 10px 0; - padding: 10px; - border: 1px solid #001; - color: #001; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - -moz-box-shadow: inset 0px 0px 1px 0px #212; - word-wrap: break-word; - text-align: center; - background: #545; - opacity: 1 !important; -} - -div.newtorrentsection { - margin: 0 0 10px 0; - padding: 0 10px 0px 10px; - border: 1px solid #001; - text-align: center; - color: #ddd; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - -moz-box-shadow: inset 0px 0px 1px 0px #101; - -khtml-box-shadow: inset 0px 0px 1px 0px #101; - box-shadow: inset 0px 0px 1px 0px #101; - word-wrap: break-word; - background: #545 url('/themes/snark/ubergine/images/snark_create.png') no-repeat scroll right center; - opacity: 1.0; -} - -div.addtorrentsection { - margin: 0 0 10px 0; - padding: 0 10px 0px 10px; - border: 1px solid #001; - text-align: center; - color: #ddd; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - -moz-box-shadow: inset 0px 0px 1px 0px #101; - -khtml-box-shadow: inset 0px 0px 1px 0px #101; - box-shadow: inset 0px 0px 1px 0px #101; - word-wrap: break-word; - background: #545 url('/themes/snark/ubergine/images/snark_add.png') no-repeat scroll right center; - opacity: 1.0; -} - -div.configsection { - margin: 0 0 10px 0; - padding: 0 10px 15px 10px; - border: 1px solid #000; - color: #ddd; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - -moz-box-shadow: inset 0px 0px 1px 0px #101; - -khtml-box-shadow: inset 0px 0px 1px 0px #101; - box-shadow: inset 0px 0px 1px 0px #101; - word-wrap: break-word; - text-align: center; - background: #545; - font-weight: bold; -} - -div.configsectionpanel { - margin: 0 0 10px 0; - padding: 0 10px; - border: 1px solid #000; - color: #ddd; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - -moz-box-shadow: inset 0px 0px 1px 0px #101; - -khtml-box-shadow: inset 0px 0px 1px 0px #101; - box-shadow: inset 0px 0px 1px 0px #101; - word-wrap: break-word; - text-align: center; - background: #545 url('/themes/snark/ubergine/images/configuration.png') no-repeat scroll right center; - font-weight: bold; -} - -.newtorrentsection form, .configsection form, .addtorrentsection form { - color: #ddd !important; -} - -div.configsection table{ - color: #ffb; - opacity: 1; -} - -div.configsection a { - color: #f60; - text-shadow: 1px 1px #500; -} - -div.configsection a:hover { - color: #f90; - text-decoration: none; -} - -code { - font-size: 9pt; - color: #b8b; - padding: 0 2px; - font-weight: bold; - font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono; -} -.snarknavbar { - margin: -10px 0 5px 0 !important; - padding: 11px 10px 12px; - border: 1px solid #101; - -moz-border-radius: 0 0 8px 8px; - -khtml-border-radius: 0 0 8px 8px; - border-radius: 0 0 8px 8px; - -moz-box-shadow: inset 0px 0px 1px 0px #002; - -khtml-box-shadow: inset 0px 0px 1px 0px #002; - box-shadow: inset 0px 0px 1px 0px #002; - background: #101 url('/themes/snark/ubergine/images/snarktopnav.png') repeat-x scroll center center; - text-transform: uppercase !important; - letter-spacing: 0.065em !important; - font-weight: bold; - font-size: 11.5pt; - color: #001; - min-width: 700px; - width: 70%; - text-align: center; - } - - .snarknavbar img { - border: 0; - margin: 0 -6px 0 -2px; - padding: 1px 0 0px !important; - vertical-align: top; -} + background: #212 url('/themes/snark/ubergine/images/graytile.png'); + color: #f60; + margin: 2px 4px; +} + +input.r { + text-align: right; + background: url('/themes/snark/ubergine/images/graytile.png'); +} + +input[type=submit] { + text-shadow: 0px 0px #410; + color: #000; + background: #989; + border: 1px inset #bbb; + padding: 2px; +} + +input[type=submit]:hover { + border: 1px outset #bbb; + text-shadow: 0 0; + background-color: #f60; + color: #fff; + text-shadow: 0px 1px 5px #f00; +} + +input[type=submit]:active { + background: #000 !important; + color: #f60 !important; + text-shadow: 0 !important; +} + +input[type=image], thead img { + padding: 0 !important; + -moz-border-radius: 0px; + -khtml-border-radius: 0px; + border-radius: 0px; + border: medium none; + margin: 0 2px; + opacity: 0.8; +} + +input[type=image]:hover, thead img:hover { + opacity: 1; +} + +input[type=text]:active, input[type=text]:hover, input.r:hover { + background: #d60; + color: #fff; +} + +input[type=radio] { + padding: 2px; + margin: 0 3px 0 8px; + vertical-align: bottom; +} + +input.default { width: 1px; height: 1px; visibility: hidden; } + +input.accept { + background: #989 url('../../console/images/accept.png') no-repeat 2px center; + padding: 2px 3px 2px 20px !important; + min-height: 22px; +} + +input.add { + background: #989 url('../../console/images/add.png') no-repeat 2px center; + padding: 2px 3px 2px 20px !important; + min-height: 22px; +} + +input.create { + background: #989 url('images/create.png') no-repeat 2px center; + padding: 2px 3px 2px 20px !important; + min-height: 22px; +} + +input.cancel { + background: #989 url('../../console/images/cancel.png') no-repeat 2px center; + padding: 2px 3px 2px 20px !important; + min-height: 22px; +} + +input.create { + background: #989 url('images/create.png') no-repeat 2px center; + padding: 2px 3px 2px 20px !important; + min-height: 22px; +} + +input.delete { + background: #989 url('../../console/images/delete.png') no-repeat 2px center; + padding: 2px 3px 2px 20px !important; + min-height: 22px; +} + +input.reload { + background: #989 url('../../console/images/arrow_refresh.png') no-repeat 2px center; + padding: 2px 3px 2px 20px !important; + min-height: 22px; +} + +select { + background: #333; + background: url('/themes/snark/ubergine/images/graytile.png') !important; + color: #f60; + font: 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; + font-weight: bold; + padding: 2px 2px 2px 3px; + -moz-border-radius: 4px 0 0 4px; + -khtml-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; + border: 1px solid #000; +} + +select:hover, textarea:hover { + background: #f60 !important; + color: #fff !important; +} + +textarea { + background: #111 url('/themes/snark/ubergine/images/graytile.png'); + color: #f60; + font-weight: bold; + padding: 1px 4px 0px; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + border: 1px inset #000; + font-size: 8pt; +} + +img { + border: none; + margin: 0 3px 1px 3px; + vertical-align: middle; + opacity: 1.0; + line-height: 100%; +} + +img:hover { + border: none; + opacity: 1; + line-height: 100%; +} + +.infoz { + margin: 0 -1px 0 0 !important; + padding: 0 !important; + lineheight: 100%; + float: left; +} + +.infoz img { + border: none; + opacity: 0.5 !important; +} + +.infoz img:hover { + opacity: 1 !important; +} + + +div.section,div.mainsection { + margin: 0 0 10px 0; + padding: 10px; + border: 1px solid #001; + color: #001; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: inset 0px 0px 1px 0px #212; + word-wrap: break-word; + text-align: center; + background: #545; + opacity: 1 !important; +} + +div.newtorrentsection { + margin: 0 0 10px 0; + padding: 0 10px 0px 10px; + border: 1px solid #001; + text-align: center; + color: #ddd; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: inset 0px 0px 1px 0px #101; + -khtml-box-shadow: inset 0px 0px 1px 0px #101; + box-shadow: inset 0px 0px 1px 0px #101; + word-wrap: break-word; + background: #545 url('/themes/snark/ubergine/images/snark_create.png') no-repeat scroll right center; + opacity: 1.0; +} + +div.addtorrentsection { + margin: 0 0 10px 0; + padding: 0 10px 0px 10px; + border: 1px solid #001; + text-align: center; + color: #ddd; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: inset 0px 0px 1px 0px #101; + -khtml-box-shadow: inset 0px 0px 1px 0px #101; + box-shadow: inset 0px 0px 1px 0px #101; + word-wrap: break-word; + background: #545 url('/themes/snark/ubergine/images/snark_add.png') no-repeat scroll right center; + opacity: 1.0; +} + +div.configsection { + margin: 0 0 10px 0; + padding: 0 10px 15px 10px; + border: 1px solid #000; + color: #ddd; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: inset 0px 0px 1px 0px #101; + -khtml-box-shadow: inset 0px 0px 1px 0px #101; + box-shadow: inset 0px 0px 1px 0px #101; + word-wrap: break-word; + text-align: center; + background: #545; + font-weight: bold; +} + +div.configsectionpanel { + margin: 0 0 10px 0; + padding: 0 10px; + border: 1px solid #000; + color: #ddd; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: inset 0px 0px 1px 0px #101; + -khtml-box-shadow: inset 0px 0px 1px 0px #101; + box-shadow: inset 0px 0px 1px 0px #101; + word-wrap: break-word; + text-align: center; + background: #545 url('/themes/snark/ubergine/images/configuration.png') no-repeat scroll right center; + font-weight: bold; +} + +.newtorrentsection form, .configsection form, .addtorrentsection form { + color: #ddd !important; +} + +div.configsection table{ + color: #ffb; + opacity: 1; +} + +div.configsection a { + color: #f60; + text-shadow: 1px 1px #500; +} + +div.configsection a:hover { + color: #f90; + text-decoration: none; +} + +code { + font-size: 9pt; + color: #b8b; + padding: 0 2px; + font-weight: bold; + font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono; +} +.snarknavbar { + margin: -10px 0 5px 0 !important; + padding: 11px 10px 12px; + border: 1px solid #101; + -moz-border-radius: 0 0 8px 8px; + -khtml-border-radius: 0 0 8px 8px; + border-radius: 0 0 8px 8px; + -moz-box-shadow: inset 0px 0px 1px 0px #002; + -khtml-box-shadow: inset 0px 0px 1px 0px #002; + box-shadow: inset 0px 0px 1px 0px #002; + background: #101 url('/themes/snark/ubergine/images/snarktopnav.png') repeat-x scroll center center; + text-transform: uppercase !important; + letter-spacing: 0.065em !important; + font-weight: bold; + font-size: 11.5pt; + color: #001; + min-width: 700px; + width: 70%; + text-align: center; + } + + .snarknavbar img { + border: 0; + margin: 0 -6px 0 -2px; + padding: 1px 0 0px !important; + vertical-align: top; +} .routerdown { color: #ee9; diff --git a/installer/resources/themes/snark/vanilla/snark.css b/installer/resources/themes/snark/vanilla/snark.css index a25203ff55a6d36a3747633af96b90a65fdc0215..830b116479740dc536f7c98349eb59ce4964e6b8 100644 --- a/installer/resources/themes/snark/vanilla/snark.css +++ b/installer/resources/themes/snark/vanilla/snark.css @@ -1,403 +1,403 @@ -/* I2PSnark theme "Vanilla" by dr|z3d */ - - -body { - background: #eeb url('images/graytile.png'); - color: #001; - font: 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; -} - -body.iframed { +/* I2PSnark theme "Vanilla" by dr|z3d */ + + +body { + background: #eeb url('images/graytile.png'); + color: #001; + font: 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; +} + +body.iframed { background: transparent url('../../console/dark/images/transparent.gif') !important; - margin: 6px 0 !important; -} - -.snarkTitle { - font-size: 12pt; - font-weight: bold; - text-align: center; -} - -.snarkRefresh:link,.snarkRefresh:visited { - text-decoration: none !important; - text-transform: uppercase !important; - padding: 4px 16px 5px !important; - margin: -5px -8px -5px 0 !important; - letter-spacing: 0.05em; - font-weight: bold; - font-size: 11pt; - color: #f60; - text-shadow: 0px 1px #303; - background: #fff url('images/bling.png') repeat-x scroll center center; - -moz-border-radius: 0px; - -khtml-border-radius: 3px; - border-radius: 0px; - -moz-box-shadow: inset 0 0 1px 0 #330; - -khtml-box-shadow: inset 0 0 1px 0 #330; - box-shadow: 0 0 1px 0 #330; - text-shadow: 0 0 0; - -} - -.snarkRefresh:hover { - text-decoration: none !important; - text-transform: uppercase !important; - padding: 1px 16px; - letter-spacing: 0.05em; - font-weight: bold; - font-size: 11pt; - color: #f50; - background: #fff url('images/bling2.png') repeat-x scroll center center;*/ -moz-border-radius: 0; - -khtml-border-radius: 0; - border-radius: 0; - -moz-box-shadow: inset 0 0 1px 0 #330; - -khtml-box-shadow: inset 0 0 1px 0 #330; - box-shadow: 0 0 1px #330; - text-shadow: 0 0 0; -} - -.snarkRefresh:active { - text-decoration: none !important; - text-transform: uppercase !important; - padding: 0 16px; - letter-spacing: 0.05em; - font-weight: bold; - font-size: 11pt; - color: #fb0; - background: #eeb; -} - -.snarkRefresh:last-child { - -moz-border-radius: 0 3px 3px 0px; - -khtml-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; - -moz-box-shadow: inset 0 0 1px 0 #330; - -khtml-box-shadow: inset 0 0 1px 0 #330; - box-shadow: 0 0 1px 0 #330; -} - -.snarkRefresh:first-child { - -moz-border-radius: 3px 0 0 3px; - -khtml-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; - -moz-box-shadow: inset 0 0 1px 0 #330; - -khtml-box-shadow: inset 0 0 1px 0 #330; - box-shadow: 0 0 1px 0 #330; -} + margin: 6px 0 !important; +} + +.snarkTitle { + font-size: 12pt; + font-weight: bold; + text-align: center; +} + +.snarkRefresh:link,.snarkRefresh:visited { + text-decoration: none !important; + text-transform: uppercase !important; + padding: 4px 16px 5px !important; + margin: -5px -8px -5px 0 !important; + letter-spacing: 0.05em; + font-weight: bold; + font-size: 11pt; + color: #f60; + text-shadow: 0px 1px #303; + background: #fff url('images/bling.png') repeat-x scroll center center; + -moz-border-radius: 0px; + -khtml-border-radius: 3px; + border-radius: 0px; + -moz-box-shadow: inset 0 0 1px 0 #330; + -khtml-box-shadow: inset 0 0 1px 0 #330; + box-shadow: 0 0 1px 0 #330; + text-shadow: 0 0 0; + +} + +.snarkRefresh:hover { + text-decoration: none !important; + text-transform: uppercase !important; + padding: 1px 16px; + letter-spacing: 0.05em; + font-weight: bold; + font-size: 11pt; + color: #f50; + background: #fff url('images/bling2.png') repeat-x scroll center center;*/ -moz-border-radius: 0; + -khtml-border-radius: 0; + border-radius: 0; + -moz-box-shadow: inset 0 0 1px 0 #330; + -khtml-box-shadow: inset 0 0 1px 0 #330; + box-shadow: 0 0 1px #330; + text-shadow: 0 0 0; +} + +.snarkRefresh:active { + text-decoration: none !important; + text-transform: uppercase !important; + padding: 0 16px; + letter-spacing: 0.05em; + font-weight: bold; + font-size: 11pt; + color: #fb0; + background: #eeb; +} + +.snarkRefresh:last-child { + -moz-border-radius: 0 3px 3px 0px; + -khtml-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; + -moz-box-shadow: inset 0 0 1px 0 #330; + -khtml-box-shadow: inset 0 0 1px 0 #330; + box-shadow: 0 0 1px 0 #330; +} + +.snarkRefresh:first-child { + -moz-border-radius: 3px 0 0 3px; + -khtml-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; + -moz-box-shadow: inset 0 0 1px 0 #330; + -khtml-box-shadow: inset 0 0 1px 0 #330; + box-shadow: 0 0 1px 0 #330; +} .snarkRefresh img { margin-right: -10px !important; -} -.snarkMessages { - font: bold 8pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important; - text-align: left; - margin: 0 0 10px 0; - padding: 3px 5px; - border-spacing: 0px; - -moz-border-radius: 4px 0 0 0; - -khtml-border-radius: 4px 0 0 0; - border-radius: 4px 0 0 0; - border: 1px solid #000; - overflow: auto; - color: #500; - max-height: 76px; - min-height: 45px; - width: auto; - background: #eda url('/themes/snark/ubergine/images/hat.png') no-repeat scroll right center; -} - -.snarkMessages a:link { - color: #f60 !important; -} - -.snarkMessages a:hover { - color: #f90 !important; -} - -.snarkMessages a:visited { - color: #d30 !important; -} - -.snarkMessages ul { - margin: 0; - padding: 0 0 0 16px; -} - -.snarkMessages p { - font-style: italic; - margin: 0; - text-align: right; -} - -.snarkMessages img { - float: right; - margin: -3px -4px 4px 4px; - opacity: 0.8; -} - -.logshim { - margin-top: -10px !important; -} - -pre { - width: 100%; - font: 8pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important; - padding: 0; - text-align: left !important; - height: 8px; - color: #731; - font-weight: bold !important; -} - -table { - margin: 0px 0px 10px 0px; - border: 0px; - padding: 0px; - border-spacing: 0px; - border-collapse: collapse; - color: #323; - width: 100%; +} +.snarkMessages { + font: bold 8pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important; + text-align: left; + margin: 0 0 10px 0; + padding: 3px 5px; + border-spacing: 0px; + -moz-border-radius: 4px 0 0 0; + -khtml-border-radius: 4px 0 0 0; + border-radius: 4px 0 0 0; + border: 1px solid #000; + overflow: auto; + color: #500; + max-height: 76px; + min-height: 45px; + width: auto; + background: #eda url('/themes/snark/ubergine/images/hat.png') no-repeat scroll right center; +} + +.snarkMessages a:link { + color: #f60 !important; +} + +.snarkMessages a:hover { + color: #f90 !important; +} + +.snarkMessages a:visited { + color: #d30 !important; +} + +.snarkMessages ul { + margin: 0; + padding: 0 0 0 16px; +} + +.snarkMessages p { + font-style: italic; + margin: 0; + text-align: right; +} + +.snarkMessages img { + float: right; + margin: -3px -4px 4px 4px; + opacity: 0.8; +} + +.logshim { + margin-top: -10px !important; +} + +pre { + width: 100%; + font: 8pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important; + padding: 0; + text-align: left !important; + height: 8px; + color: #731; + font-weight: bold !important; +} + +table { + margin: 0px 0px 10px 0px; + border: 0px; + padding: 0px; + border-spacing: 0px; + border-collapse: collapse; + color: #323; + width: 100%; opacity: 1 !important; - font-size: 8.5pt !important; -} - -tr { - opacity: 1; -} - -thead, tfoot { - background: url("images/bling2.png") repeat-x scroll center center #867; - font-weight: bold; - color: #503; -} - -/* -thead a, tfoot a { -text-shadow: 1px 1px 1px #f00; -} -*/ - -thead { - border-bottom: 1px solid #604; -} - -th { - padding: 4px 2px 4px 4px; - font-size: 8pt; - border-top: 1px outset #604; - border-bottom: 1px inset #604; + font-size: 8.5pt !important; +} + +tr { + opacity: 1; +} + +thead, tfoot { + background: url("images/bling2.png") repeat-x scroll center center #867; + font-weight: bold; + color: #503; +} + +/* +thead a, tfoot a { +text-shadow: 1px 1px 1px #f00; +} +*/ + +thead { + border-bottom: 1px solid #604; +} + +th { + padding: 4px 2px 4px 4px; + font-size: 8pt; + border-top: 1px outset #604; + border-bottom: 1px inset #604; whitespace: nowrap; - color: #511; -} - -th:first-child { - text-align: left !important; - padding-left: 3px; -} - -tfoot td:first-child { - text-align: left !important; - padding-left: 0px; -} - -th:first-child img { - margin: 1px 1px 3px 1px !important; -} - -th:nth-child(2) img { - margin: 1px 7px 3px 2px !important; -} - -tfoot th { - padding-bottom: 4px !important; -} - -tfoot img, tfoot:nth-child(2) img, tfoot:nth-child(1) img, tfoot:nth-child(3) img, tfoot:nth-child(4) img { - margin: 0px 2px 3px 0px !important; - padding-right: 0 !important; -} - -tfoot tr:nth-child(n+1) { - text-align: left; -} - -.headerstatus { - text-align: left; - padding-left: 15px; -} - -.headerpriority { - text-align: left; - padding-left: 10px; -} - -.ParentDir { - background: #656; - background: #fed; - font-size: 8pt; - border: 0px inset #604 !important; - border-left: 0 !important; - border-right: 0 !important; - text-align: left !important; - padding: 4px 0; -} - -.priority { - font-size: 7pt; - vertical-align: center; -} - -.SnarkTorrents { - margin: 0; - border: 1px solid #604; - background: #212; -} - -td { - padding: 2px 1px; - color: #501 !important; - opacity: 1; - font-size: 8pt; -} - -.mainsection td { - color: #111; -} - -td:first-child { - text-align: right; - font-size: 8pt; -} - -.center { - text-align: center !important; -} - -.snarkTorrentName { -/* text-shadow:1px 1px #540;*/ + color: #511; +} + +th:first-child { + text-align: left !important; + padding-left: 3px; +} + +tfoot td:first-child { + text-align: left !important; + padding-left: 0px; +} + +th:first-child img { + margin: 1px 1px 3px 1px !important; +} + +th:nth-child(2) img { + margin: 1px 7px 3px 2px !important; +} + +tfoot th { + padding-bottom: 4px !important; +} + +tfoot img, tfoot:nth-child(2) img, tfoot:nth-child(1) img, tfoot:nth-child(3) img, tfoot:nth-child(4) img { + margin: 0px 2px 3px 0px !important; + padding-right: 0 !important; +} + +tfoot tr:nth-child(n+1) { + text-align: left; +} + +.headerstatus { + text-align: left; + padding-left: 15px; +} + +.headerpriority { + text-align: left; + padding-left: 10px; +} + +.ParentDir { + background: #656; + background: #fed; + font-size: 8pt; + border: 0px inset #604 !important; + border-left: 0 !important; + border-right: 0 !important; + text-align: left !important; + padding: 4px 0; +} + +.priority { + font-size: 7pt; + vertical-align: center; +} + +.SnarkTorrents { + margin: 0; + border: 1px solid #604; + background: #212; +} + +td { + padding: 2px 1px; + color: #501 !important; + opacity: 1; + font-size: 8pt; +} + +.mainsection td { + color: #111; +} + +td:first-child { + text-align: right; + font-size: 8pt; +} + +.center { + text-align: center !important; +} + +.snarkTorrentName { +/* text-shadow:1px 1px #540;*/ padding: 3px 0 0; - line-height: 100%; -} - -.snarkTorrentName img { - padding-bottom: 2px; - text-align: left; - vertical-align: middle; -} - -.snarkTorrentAction { - padding: 1px 1px 1px 1px !important; - margin: 0 !important; - text-align: center; - width: 68px; -} - -.snarkTorrentAction img { -} - -.snarkTorrentAction img:hover { - opacity: 1; -} - -.snarkTorrentEven { - font-size: 8pt; - background: #feb; -} - -.snarkTorrentNoneLoaded { - background: #323; - font-size: 8.5pt; - font-weight: bold; - text-align: center !important; - color: #bbb !important; -} - -.snarkTorrentStatus { - padding: -1px 0 2px; - font-size: 8pt !important; + line-height: 100%; +} + +.snarkTorrentName img { + padding-bottom: 2px; + text-align: left; + vertical-align: middle; +} + +.snarkTorrentAction { + padding: 1px 1px 1px 1px !important; + margin: 0 !important; + text-align: center; + width: 68px; +} + +.snarkTorrentAction img { +} + +.snarkTorrentAction img:hover { + opacity: 1; +} + +.snarkTorrentEven { + font-size: 8pt; + background: #feb; +} + +.snarkTorrentNoneLoaded { + background: #323; + font-size: 8.5pt; + font-weight: bold; + text-align: center !important; + color: #bbb !important; +} + +.snarkTorrentStatus { + padding: -1px 0 2px; + font-size: 8pt !important; letter-spacing: -0.05em; font-weight: bold; - line-height: 100%; -} - -.snarkTorrentStatus:first-child { - text-align: left !important; - padding-left: 0px; - min-width: 48px; - font-weight: bold; - color: #402 !important; - font-size: 8pt; -} - -.snarkTorrentStatus:first-child img { - margin-right: 12px !important; - margin-left: 6px !important; -} - -.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded { - font-size: 8pt; - font-weight: bold; - padding: 0 3px; -} - -.snarkTorrentDownloaded { - color: #439 !important; -} - -.snarkTorrentUploaded { - color: #626 !important; -} - -.snarkTorrentRateUp { - color: #626 !important; - -} - -.snarkTorrentRateDown { - color: #439 !important; - -} - -.snarkTorrentOdd { - background: #fed; - font-size: 8pt; - border: 0px inset #fff !important; - border-left: 0 !important; - border-right: 0 !important; -} -.snarkTorrentOdd td, .snarkTorrentEven td { - border-top: 1px dotted #313 !important; -} - + line-height: 100%; +} + +.snarkTorrentStatus:first-child { + text-align: left !important; + padding-left: 0px; + min-width: 48px; + font-weight: bold; + color: #402 !important; + font-size: 8pt; +} + +.snarkTorrentStatus:first-child img { + margin-right: 12px !important; + margin-left: 6px !important; +} + +.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded { + font-size: 8pt; + font-weight: bold; + padding: 0 3px; +} + +.snarkTorrentDownloaded { + color: #439 !important; +} + +.snarkTorrentUploaded { + color: #626 !important; +} + +.snarkTorrentRateUp { + color: #626 !important; + +} + +.snarkTorrentRateDown { + color: #439 !important; + +} + +.snarkTorrentOdd { + background: #fed; + font-size: 8pt; + border: 0px inset #fff !important; + border-left: 0 !important; + border-right: 0 !important; +} +.snarkTorrentOdd td, .snarkTorrentEven td { + border-top: 1px dotted #313 !important; +} + .snarkFileIcon { width: 16px; } -.snarkFileName { - padding: 4px 0px !important; - text-align: left !important; - font-size: 8pt !important; -} - -.snarkFileSize { - padding: 4px 2px; - font-weight: bold; - color: #727 !important; -} - -.snarkFileStatus { - padding: 4px 5px 4px 15px; - text-align: center; - font-style: italic; - font-size: 8pt; - text-align: left; -} - -.snarkTorrentETA { - font-weight: bold; - font-style: italic; - color: #505 !important; -} +.snarkFileName { + padding: 4px 0px !important; + text-align: left !important; + font-size: 8pt !important; +} + +.snarkFileSize { + padding: 4px 2px; + font-weight: bold; + color: #727 !important; +} + +.snarkFileStatus { + padding: 4px 5px 4px 15px; + text-align: center; + font-style: italic; + font-size: 8pt; + text-align: left; +} + +.snarkTorrentETA { + font-weight: bold; + font-style: italic; + color: #505 !important; +} .snarkTorrentInfo img { max-height: 16px !important; @@ -434,414 +434,414 @@ table.SnarkDirInfo { text-align: center !important; vertical-align: middle; } - -.choked { - color: #a00000 !important; -} - -.unchoked { - color: #008000 !important; -} - -.thumb { - max-height: 64px; - max-width: 96px; -} - -.snarkNewTorrent { - font-size: 9pt; -} - -.snarkAddInfo { - font-size: 8pt; - line-height: 130% !important; -} - -.snarkConfigTitle { - font-size: 11pt; - font-weight: bold; - padding: 0 15px 3px 12px; - margin: 5px 0 10px 0 !important; - letter-spacing: 0.05em; - border: 1px solid #111; - -moz-border-radius: 0 0 5px 5px; - -khtml-border-radius: 0 0 5px 5px; - border-radius: 0 0 5px 5px; - border-top: 0; - text-shadow: 0px 1px 1px #777; - background: #ffb url('images/bling.png') repeat-x scroll center center !important; - font-variant: small-caps !important; + +.choked { + color: #a00000 !important; +} + +.unchoked { + color: #008000 !important; +} + +.thumb { + max-height: 64px; + max-width: 96px; +} + +.snarkNewTorrent { + font-size: 9pt; +} + +.snarkAddInfo { + font-size: 8pt; + line-height: 130% !important; +} + +.snarkConfigTitle { + font-size: 11pt; + font-weight: bold; + padding: 0 15px 3px 12px; + margin: 5px 0 10px 0 !important; + letter-spacing: 0.05em; + border: 1px solid #111; + -moz-border-radius: 0 0 5px 5px; + -khtml-border-radius: 0 0 5px 5px; + border-radius: 0 0 5px 5px; + border-top: 0; + text-shadow: 0px 1px 1px #777; + background: #ffb url('images/bling.png') repeat-x scroll center center !important; + font-variant: small-caps !important; color: #503; - box-shadow: 0 1px 1px #777; -} + box-shadow: 0 1px 1px #777; +} .snarkConfigTitle img { margin-right: -3px; -} -.snarkConfig { - font-size: 8pt; - width: 100%; -} - -.page { - background: #fff url('images/tile2.png'); - color: #310; - min-width: 800px !important; - margin: 5px 0 0 0; - padding: 10px 10px 0px 10px; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - border: 1px solid #101; - font-size: 9pt !important; - line-height: 160% !important; - -moz-box-shadow: inset 0px 0px 1px 0px #212; - -khtml-box-shadow: inset 0px 0px 1px 0px #002; - box-shadow: inset 0px 0px 1px 0px #002; - text-align: center; - opacity: 1; -} - -form { - margin-bottom: 0; -} - -p { - line-height: 150%; -} - -hr { - color: #444; - background: #444; - height: 1px; - border: 0px solid #444; - width: 0%; - margin: 5px 0 7px 0; - text-align: center; -} - -a:link { - color: #d30; - text-decoration: none; - font-weight: bold; - word-wrap: break-word; -} - -a:visited { - color: #a60; - text-decoration: none; - font-weight: bold; -} - -a:hover { - color: #fa0; - font-weight: bold; -} - -input { - font-size: 9pt; - font-weight: bold; - text-align: left; - padding: 3px 4px !important; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - border: 1px inset #000; - background: #fff /*url('/themes/snark/ubergine/images/graytile.png')*/; - color: #000; - margin: 2px 4px; -} - -input.r { - text-align: right; -} - -input[type=submit] { - text-shadow: 0px 0px #410; - color: #f30; - background: #fff; - border: 1px outset #bbb; - padding: 2px; - background: #fef url('images/bling.png') repeat-x scroll center center; -} - -input[type=submit]:hover { - border: 1px inset #bbb; - text-shadow: 0 0; - background-color: #fef; - color: #f60; - background: #fef url('images/bling2.png') repeat-x scroll center center; - -} - -input[type=submit]:active { - background: #000 !important; - color: #f60 !important; - text-shadow: 0 !important; -} - -input[type=image] { - padding: 0 !important; - -moz-border-radius: 0px; - -khtml-border-radius: 0px; - border-radius: 0px; - border: medium none; - margin: 0 2px; - opacity: 0.8 !important; -} - -input[type=image]:hover { - opacity: 1 !important; -} - -input[type=text]:active, input[type=text]:hover, input.r:hover { - background: #fef; - color: #500; -} - -input[type=radio] { - padding: 2px; - margin: 0 3px 0 8px; - vertical-align: bottom; -} - -input.default { width: 1px; height: 1px; visibility: hidden; } - -input.accept { - background: #f3efc7 url('../../console/images/accept.png') no-repeat 2px center; - padding: 2px 3px 2px 20px !important; - min-height: 22px; -} - -input.add { - background: #f3efc7 url('../../console/images/add.png') no-repeat 2px center !important; - padding: 2px 3px 2px 20px !important; - min-height: 22px; -} - -input.cancel { - background: #f3efc7 url('../../console/images/cancel.png') no-repeat 2px center; - padding: 2px 3px 2px 20px !important; - min-height: 22px; -} - -input.create { - background: #f3efc7 url('images/create.png') no-repeat 2px center; - padding: 2px 3px 2px 20px !important; - min-height: 22px; -} - -input.delete { - background: #f3efc7 url('../../console/images/delete.png') no-repeat 2px center; - padding: 2px 3px 2px 20px !important; - min-height: 22px; -} - -input.reload { - background: #f3efc7 url('../../console/images/arrow_refresh.png') no-repeat 2px center; - padding: 2px 3px 2px 20px !important; - min-height: 22px; -} - -select { - background: #fff; -/* background: url('/themes/snark/ubergine/images/graytile.png') !important;*/ - color: #101; - font: 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; - font-weight: bold; - padding: 2px 2px 2px 3px; - -moz-border-radius: 4px 0 0 4px; - -khtml-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; +} +.snarkConfig { + font-size: 8pt; + width: 100%; +} + +.page { + background: #fff url('images/tile2.png'); + color: #310; + min-width: 800px !important; + margin: 5px 0 0 0; + padding: 10px 10px 0px 10px; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + border: 1px solid #101; + font-size: 9pt !important; + line-height: 160% !important; + -moz-box-shadow: inset 0px 0px 1px 0px #212; + -khtml-box-shadow: inset 0px 0px 1px 0px #002; + box-shadow: inset 0px 0px 1px 0px #002; + text-align: center; + opacity: 1; +} + +form { + margin-bottom: 0; +} + +p { + line-height: 150%; +} + +hr { + color: #444; + background: #444; + height: 1px; + border: 0px solid #444; + width: 0%; + margin: 5px 0 7px 0; + text-align: center; +} + +a:link { + color: #d30; + text-decoration: none; + font-weight: bold; + word-wrap: break-word; +} + +a:visited { + color: #a60; + text-decoration: none; + font-weight: bold; +} + +a:hover { + color: #fa0; + font-weight: bold; +} + +input { + font-size: 9pt; + font-weight: bold; + text-align: left; + padding: 3px 4px !important; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + border: 1px inset #000; + background: #fff /*url('/themes/snark/ubergine/images/graytile.png')*/; + color: #000; + margin: 2px 4px; +} + +input.r { + text-align: right; +} + +input[type=submit] { + text-shadow: 0px 0px #410; + color: #f30; + background: #fff; + border: 1px outset #bbb; + padding: 2px; + background: #fef url('images/bling.png') repeat-x scroll center center; +} + +input[type=submit]:hover { + border: 1px inset #bbb; + text-shadow: 0 0; + background-color: #fef; + color: #f60; + background: #fef url('images/bling2.png') repeat-x scroll center center; + +} + +input[type=submit]:active { + background: #000 !important; + color: #f60 !important; + text-shadow: 0 !important; +} + +input[type=image] { + padding: 0 !important; + -moz-border-radius: 0px; + -khtml-border-radius: 0px; + border-radius: 0px; + border: medium none; + margin: 0 2px; + opacity: 0.8 !important; +} + +input[type=image]:hover { + opacity: 1 !important; +} + +input[type=text]:active, input[type=text]:hover, input.r:hover { + background: #fef; + color: #500; +} + +input[type=radio] { + padding: 2px; + margin: 0 3px 0 8px; + vertical-align: bottom; +} + +input.default { width: 1px; height: 1px; visibility: hidden; } + +input.accept { + background: #f3efc7 url('../../console/images/accept.png') no-repeat 2px center; + padding: 2px 3px 2px 20px !important; + min-height: 22px; +} + +input.add { + background: #f3efc7 url('../../console/images/add.png') no-repeat 2px center !important; + padding: 2px 3px 2px 20px !important; + min-height: 22px; +} + +input.cancel { + background: #f3efc7 url('../../console/images/cancel.png') no-repeat 2px center; + padding: 2px 3px 2px 20px !important; + min-height: 22px; +} + +input.create { + background: #f3efc7 url('images/create.png') no-repeat 2px center; + padding: 2px 3px 2px 20px !important; + min-height: 22px; +} + +input.delete { + background: #f3efc7 url('../../console/images/delete.png') no-repeat 2px center; + padding: 2px 3px 2px 20px !important; + min-height: 22px; +} + +input.reload { + background: #f3efc7 url('../../console/images/arrow_refresh.png') no-repeat 2px center; + padding: 2px 3px 2px 20px !important; + min-height: 22px; +} + +select { + background: #fff; +/* background: url('/themes/snark/ubergine/images/graytile.png') !important;*/ + color: #101; + font: 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; + font-weight: bold; + padding: 2px 2px 2px 3px; + -moz-border-radius: 4px 0 0 4px; + -khtml-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; border: 1px solid #000; - margin-left: 5px; -} - -select:hover, textarea:hover { - background: #fff !important; - color: #101 !important; -} - -textarea { - background: #fff; /*url('/themes/snark/ubergine/images/graytile.png');*/ - color: #f60; - font-weight: bold; - padding: 1px 4px 0px; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; + margin-left: 5px; +} + +select:hover, textarea:hover { + background: #fff !important; + color: #101 !important; +} + +textarea { + background: #fff; /*url('/themes/snark/ubergine/images/graytile.png');*/ + color: #f60; + font-weight: bold; + padding: 1px 4px 0px; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; border: 1px inset #000; font-size: 8pt; - margin-left: 5px; -} - -img { - border: none; - margin: 0 3px 1px 3px; - vertical-align: middle; - opacity: 1.0; - line-height: 100%; -} - -img:hover { - border: none; - opacity: 1; - line-height: 100%; -} - -.infoz { - margin: 0 -1px 0 0 !important; - padding: 0 !important; - lineheight: 100%; - float: left; -} - -.infoz img { - border: none; - opacity: 0.8 !important; -} - -.infoz img:hover { - opacity: 1 !important; -} - - -div.section,div.mainsection { - margin: 0 0 10px 0; - padding: 10px; - border: 1px solid #001; - color: #001; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - -moz-box-shadow: inset 0px 0px 1px 0px #212; - word-wrap: break-word; - text-align: center; - background: #fef; - opacity: 1 !important; -} - -div.newtorrentsection { - margin: 0 0 10px 0; - padding: 0 10px 0px 10px; - border: 1px solid #001; - text-align: center; - color: #ddd; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - -moz-box-shadow: inset 0px 0px 1px 0px #fff; - -khtml-box-shadow: inset 0px 0px 1px 0px #fff; - box-shadow: inset 0px 0px 1px 0px #fff; - word-wrap: break-word; - background: #ffd url('images/snark_create.png') no-repeat scroll right center; - opacity: 1.0; -} - -div.addtorrentsection { - margin: 0 0 10px 0; - padding: 0 10px 0px 10px; - border: 1px solid #001; - text-align: center; - color: #ddd; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - -moz-box-shadow: inset 0px 0px 1px 0px #fff; - -khtml-box-shadow: inset 0px 0px 1px 0px #fff; - box-shadow: inset 0px 0px 1px 0px #fff; - word-wrap: break-word; - background: #ffd url('images/snark_add.png') no-repeat scroll right center; - opacity: 1.0; -} - -div.configsection { - margin: 0 0 10px 0; - padding: 0 10px 15px 10px; - border: 1px solid #000; - color: #ddd; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - -moz-box-shadow: inset 0px 0px 1px 0px #fff; - -khtml-box-shadow: inset 0px 0px 1px 0px #fff; - box-shadow: inset 0px 0px 1px 0px #fff; - word-wrap: break-word; - text-align: center; - background: #ffd; - font-weight: bold; -} - -div.configsectionpanel { - margin: 0 0 10px 0; - padding: 0 10px; - border: 1px solid #000; - color: #ddd; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - -moz-box-shadow: inset 0px 0px 1px 0px #fff; - -khtml-box-shadow: inset 0px 0px 1px 0px #fff; - box-shadow: inset 0px 0px 1px 0px #fff; - word-wrap: break-word; - text-align: center; - background: #ffd url('/themes/snark/ubergine/images/configuration.png') no-repeat scroll right center; - font-weight: bold; -} - -.newtorrentsection form, .configsection form, .addtorrentsection form { - color: #ddd !important; -} - -div.configsection table{ - color: #ffb; - opacity: 1; -} - -div.configsection a { - color: #f30; - text-shadow: 1px 1px #777; -} - -div.configsection a:hover { - color: #f90; - text-decoration: none; -} - -code { - font-size: 9pt; - color: #930; - padding: 0 2px; - font-weight: bold; - font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono; -} -.snarknavbar { - margin: -10px 0 5px 0 !important; - padding: 11px 10px 12px; - border: 1px solid #101; - -moz-border-radius: 0 0 8px 8px; - -khtml-border-radius: 0 0 8px 8px; - border-radius: 0 0 8px 8px; - -moz-box-shadow: inset 0px 0px 1px 0px #212; - -khtml-box-shadow: inset 0px 0px 1px 0px #212; - box-shadow: inset 0px 0px 1px 0px #212; - background: #fef url('images/bling2.png') repeat-x scroll center center; - text-transform: uppercase !important; - letter-spacing: 0.065em !important; - font-weight: bold; - font-size: 11.5pt; - color: #001; - min-width: 700px; - width: 70%; - text-align: center; - } - - .snarknavbar img { - border: 0; - margin: 0 -6px 0 -2px; - padding: 1px 0 0px !important; - vertical-align: top; -} + margin-left: 5px; +} + +img { + border: none; + margin: 0 3px 1px 3px; + vertical-align: middle; + opacity: 1.0; + line-height: 100%; +} + +img:hover { + border: none; + opacity: 1; + line-height: 100%; +} + +.infoz { + margin: 0 -1px 0 0 !important; + padding: 0 !important; + lineheight: 100%; + float: left; +} + +.infoz img { + border: none; + opacity: 0.8 !important; +} + +.infoz img:hover { + opacity: 1 !important; +} + + +div.section,div.mainsection { + margin: 0 0 10px 0; + padding: 10px; + border: 1px solid #001; + color: #001; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: inset 0px 0px 1px 0px #212; + word-wrap: break-word; + text-align: center; + background: #fef; + opacity: 1 !important; +} + +div.newtorrentsection { + margin: 0 0 10px 0; + padding: 0 10px 0px 10px; + border: 1px solid #001; + text-align: center; + color: #ddd; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: inset 0px 0px 1px 0px #fff; + -khtml-box-shadow: inset 0px 0px 1px 0px #fff; + box-shadow: inset 0px 0px 1px 0px #fff; + word-wrap: break-word; + background: #ffd url('images/snark_create.png') no-repeat scroll right center; + opacity: 1.0; +} + +div.addtorrentsection { + margin: 0 0 10px 0; + padding: 0 10px 0px 10px; + border: 1px solid #001; + text-align: center; + color: #ddd; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: inset 0px 0px 1px 0px #fff; + -khtml-box-shadow: inset 0px 0px 1px 0px #fff; + box-shadow: inset 0px 0px 1px 0px #fff; + word-wrap: break-word; + background: #ffd url('images/snark_add.png') no-repeat scroll right center; + opacity: 1.0; +} + +div.configsection { + margin: 0 0 10px 0; + padding: 0 10px 15px 10px; + border: 1px solid #000; + color: #ddd; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: inset 0px 0px 1px 0px #fff; + -khtml-box-shadow: inset 0px 0px 1px 0px #fff; + box-shadow: inset 0px 0px 1px 0px #fff; + word-wrap: break-word; + text-align: center; + background: #ffd; + font-weight: bold; +} + +div.configsectionpanel { + margin: 0 0 10px 0; + padding: 0 10px; + border: 1px solid #000; + color: #ddd; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: inset 0px 0px 1px 0px #fff; + -khtml-box-shadow: inset 0px 0px 1px 0px #fff; + box-shadow: inset 0px 0px 1px 0px #fff; + word-wrap: break-word; + text-align: center; + background: #ffd url('/themes/snark/ubergine/images/configuration.png') no-repeat scroll right center; + font-weight: bold; +} + +.newtorrentsection form, .configsection form, .addtorrentsection form { + color: #ddd !important; +} + +div.configsection table{ + color: #ffb; + opacity: 1; +} + +div.configsection a { + color: #f30; + text-shadow: 1px 1px #777; +} + +div.configsection a:hover { + color: #f90; + text-decoration: none; +} + +code { + font-size: 9pt; + color: #930; + padding: 0 2px; + font-weight: bold; + font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono; +} +.snarknavbar { + margin: -10px 0 5px 0 !important; + padding: 11px 10px 12px; + border: 1px solid #101; + -moz-border-radius: 0 0 8px 8px; + -khtml-border-radius: 0 0 8px 8px; + border-radius: 0 0 8px 8px; + -moz-box-shadow: inset 0px 0px 1px 0px #212; + -khtml-box-shadow: inset 0px 0px 1px 0px #212; + box-shadow: inset 0px 0px 1px 0px #212; + background: #fef url('images/bling2.png') repeat-x scroll center center; + text-transform: uppercase !important; + letter-spacing: 0.065em !important; + font-weight: bold; + font-size: 11.5pt; + color: #001; + min-width: 700px; + width: 70%; + text-align: center; + } + + .snarknavbar img { + border: 0; + margin: 0 -6px 0 -2px; + padding: 1px 0 0px !important; + vertical-align: top; +} .routerdown { diff --git a/installer/resources/themes/susidns/dark/susidns.css b/installer/resources/themes/susidns/dark/susidns.css index ec376f04e2484a4bfec7fe41dd27a8459cc4e269..fabec4b5d50f8db14ea9c54e7c622ecef4d70a45 100644 --- a/installer/resources/themes/susidns/dark/susidns.css +++ b/installer/resources/themes/susidns/dark/susidns.css @@ -24,14 +24,14 @@ body.iframed { text-transform: capitalize; } -hr { - color: #494; - background: #494; - height: 1px; - border: 0px solid #494; - width: 100%; - margin: 5px 0; - text-align: center; +hr { + color: #494; + background: #494; + height: 1px; + border: 0px solid #494; + width: 100%; + margin: 5px 0; + text-align: center; } p { @@ -51,8 +51,8 @@ h3 { font-weight:bold; border: 1px solid #494; padding: 5px; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; border-radius: 4px; background: #000 url('../../console/dark/images/header.png') repeat-x scroll center center !important; letter-spacing: 0.08em; @@ -265,26 +265,26 @@ input.search[type="text"] { background: #eef url('/themes/console/images/magnifier.png') no-repeat 2px center; } -input { - font-size: 9pt; - font-weight: bold; - text-align: left; - padding: 3px 4px !important; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - border: 1px solid #494; - background: #000 none !important; - color: #494; +input { + font-size: 9pt; + font-weight: bold; + text-align: left; + padding: 3px 4px !important; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + border: 1px solid #494; + background: #000 none !important; + color: #494; margin: 2px 4px 2px 0; font: bold 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; min-width: 64px !important; } input[type=submit], input[type=reset] { - color: #494; - background: #000; - border: 1px outset #191; + color: #494; + background: #000; + border: 1px outset #191; padding: 2px !important; box-shadow: 0 1px 1px 0 #119911 inset; font: bold 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; @@ -299,13 +299,13 @@ input[type=submit]:active, input[type=reset]:active { } textarea { - color: #494; - background: #000; - border: 1px solid #494; + color: #494; + background: #000; + border: 1px solid #494; padding: 2px !important; font: bold 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; border-radius: 4px; width: 100%; height: 100px; diff --git a/installer/resources/themes/susimail/dark/susimail.css b/installer/resources/themes/susimail/dark/susimail.css index b19c6d63bba7ea8896bb37b72f269fdba424d5d2..e9d84a80712dcb6c0f6bc411c59b4e527841a20e 100644 --- a/installer/resources/themes/susimail/dark/susimail.css +++ b/installer/resources/themes/susimail/dark/susimail.css @@ -1,56 +1,56 @@ /* Susimail dark theme by dr|z3d */ -body { - background-color: #000; - color:#ee9; +body { + background-color: #000; + color:#ee9; font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; - font-size: 8pt; -} - -body.iframed { - background: transparent !important; - margin: 0; -} - -hr { - color: #494; - background: #494; - height: 1px; - border: 0px solid #494; - width: 100%; - margin: 5px 0; - text-align: center; -} - -li { - color:#ee9; - line-height:12pt; - font-size:10pt; - margin-left:5mm; - margin-right:5mm; -} - -p { - color:#ee9; - line-height:12pt; - margin-left:5mm; - margin-right:5mm; + font-size: 8pt; +} + +body.iframed { + background: transparent !important; + margin: 0; +} + +hr { + color: #494; + background: #494; + height: 1px; + border: 0px solid #494; + width: 100%; + margin: 5px 0; + text-align: center; +} + +li { + color:#ee9; + line-height:12pt; + font-size:10pt; + margin-left:5mm; + margin-right:5mm; +} + +p { + color:#ee9; + line-height:12pt; + margin-left:5mm; + margin-right:5mm; font-size:9pt; -} - -p.hl { - font-size:12pt; - letter-spacing:2pt; - line-height:18pt; - font-weight:bold; -} - -p.text { - margin-left:10mm; - margin-right:10mm; -} - -p.error { +} + +p.hl { + font-size:12pt; + letter-spacing:2pt; + line-height:18pt; + font-weight:bold; +} + +p.text { + margin-left:10mm; + margin-right:10mm; +} + +p.error { color: #f00; background: url("../../console/images/errortriangle.png") no-repeat scroll 20px center #000; border: 1px solid #f00; @@ -60,30 +60,30 @@ p.error { word-wrap: break-word; padding: 15px 5px 15px 70px !important; margin: 10px 10px 15px; - min-height: 30px; -} - -p.info { - color:#327BBF; -} - -span.coloured { - color:#327BBF; -} - -p.footer { - margin-left:10mm; - margin-right:10mm; - font-size:8pt; + min-height: 30px; +} + +p.info { + color:#327BBF; +} + +span.coloured { + color:#327BBF; +} + +p.footer { + margin-left:10mm; + margin-right:10mm; + font-size:8pt; line-height:10pt; - display: none; -} - -p.mailbody { - font: 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono; - margin: 0 5px; - text-align: left; -} + display: none; +} + +p.mailbody { + font: 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono; + margin: 0 5px; + text-align: left; +} .mailbody { display: block !important; @@ -106,145 +106,145 @@ p:first-child { p.error { display: block !important; } - -a { - color: #f60; + +a { + color: #f60; text-decoration: none; - font-weight: bold; -} - -a:hover { - text-decoration: underline; -} - -td { - color: #ee9; - margin: 0 5px; + font-weight: bold; +} + +a:hover { + text-decoration: underline; +} + +td { + color: #ee9; + margin: 0 5px; font-size: 8pt; - padding: 2px; -} - -tr.list0 { - background-color: #000; -} - -tr.list1 { - background-color: #010; -} - -table.noborder { - margin-left: 0; - margin-top: 0; - margin-right: 0; -} - -pre { - font: 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono; - margin-left: 1cm; - margin-right: 1cm; -} - -.page { - color: #ee9; - margin: 0; - padding: 0; - font-size: 9pt !important; - text-align: center; -} - -table { - text-align: justify; - width: 100%; -} - -th { - font-size: 9pt; + padding: 2px; +} + +tr.list0 { + background-color: #000; +} + +tr.list1 { + background-color: #010; +} + +table.noborder { + margin-left: 0; + margin-top: 0; + margin-right: 0; +} + +pre { + font: 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono; + margin-left: 1cm; + margin-right: 1cm; +} + +.page { + color: #ee9; + margin: 0; + padding: 0; + font-size: 9pt !important; + text-align: center; +} + +table { + text-align: justify; + width: 100%; +} + +th { + font-size: 9pt; font-weight: bold; background: url("../../console/dark/images/header.png") repeat scroll center center #000000; padding: 7px; border-bottom: 1px solid #494; border-top: 1px solid #494; -} - -form { - line-height: 160% -} - -.mailhead { - font-size: 9pt; - font-weight: bold; -} - -input.cancel, input.clearselection, input.logout { - background: #000 url('/themes/console/images/cancel.png') no-repeat 2px center; - min-height: 22px; -} - -input.delete, input.delete_attachment, input.really_delete { - background: #000 url('/themes/console/images/delete.png') no-repeat 2px center; - min-height: 22px; -} - -input.download, input.lastpage { - background: #000 url('/themes/console/images/arrow_down.png') no-repeat 2px center; - min-height: 22px; -} - -input.firstpage { - background: #000 url('/themes/console/images/arrow_up.png') no-repeat 2px center; - min-height: 22px; -} - -input.forward, input.login, input.nextpage, input.send { - background: #000 url('/themes/console/images/arrow_right.png') no-repeat 2px center; - min-height: 22px; -} - -input.invertselection, input.reload, input.refresh { - background: #000 url('/themes/console/images/arrow_refresh.png') no-repeat 2px center; - min-height: 22px; -} - -input.markall, input.show { - background: #000 url('/themes/console/images/tick.png') no-repeat 2px center; - min-height: 22px; -} - -input.new, input.reply, input.replyall { - background: #000 url('/themes/console/images/email.png') no-repeat 2px center; - min-height: 22px; -} - -input.prevpage { - background: #000 url('/themes/console/images/arrow_left.png') no-repeat 2px center; - min-height: 22px; -} - -input.send, input.setpagesize { - background: #000 url('/themes/console/images/accept.png') no-repeat 2px center; - min-height: 22px; -} - -input { - font-size: 9pt; - font-weight: bold; - text-align: left; - padding: 2px 2px 3px !important; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; - border: 1px solid #494; - background: #000 none !important; - color: #494; +} + +form { + line-height: 160% +} + +.mailhead { + font-size: 9pt; + font-weight: bold; +} + +input.cancel, input.clearselection, input.logout { + background: #000 url('/themes/console/images/cancel.png') no-repeat 2px center; + min-height: 22px; +} + +input.delete, input.delete_attachment, input.really_delete { + background: #000 url('/themes/console/images/delete.png') no-repeat 2px center; + min-height: 22px; +} + +input.download, input.lastpage { + background: #000 url('/themes/console/images/arrow_down.png') no-repeat 2px center; + min-height: 22px; +} + +input.firstpage { + background: #000 url('/themes/console/images/arrow_up.png') no-repeat 2px center; + min-height: 22px; +} + +input.forward, input.login, input.nextpage, input.send { + background: #000 url('/themes/console/images/arrow_right.png') no-repeat 2px center; + min-height: 22px; +} + +input.invertselection, input.reload, input.refresh { + background: #000 url('/themes/console/images/arrow_refresh.png') no-repeat 2px center; + min-height: 22px; +} + +input.markall, input.show { + background: #000 url('/themes/console/images/tick.png') no-repeat 2px center; + min-height: 22px; +} + +input.new, input.reply, input.replyall { + background: #000 url('/themes/console/images/email.png') no-repeat 2px center; + min-height: 22px; +} + +input.prevpage { + background: #000 url('/themes/console/images/arrow_left.png') no-repeat 2px center; + min-height: 22px; +} + +input.send, input.setpagesize { + background: #000 url('/themes/console/images/accept.png') no-repeat 2px center; + min-height: 22px; +} + +input { + font-size: 9pt; + font-weight: bold; + text-align: left; + padding: 2px 2px 3px !important; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; + border: 1px solid #494; + background: #000 none !important; + color: #494; margin: 2px 4px 2px 0; font: bold 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; min-width: 64px !important; } input[type=submit], input.cancel { - color: #494; - background: #000; - border: 1px outset #191; + color: #494; + background: #000; + border: 1px outset #191; box-shadow: 0 1px 1px 0 #119911 inset; font: bold 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif; text-align: center; @@ -252,9 +252,9 @@ input[type=submit], input.cancel { } input[type=submit]:hover, input.cancel:hover { - color: #f60; - background: #000; - border: 1px solid #f60; + color: #f60; + background: #000; + border: 1px solid #f60; box-shadow: 0 1px 1px 0 #ee9 inset; -moz-box-shadow: 0 1px 1px 0 #ee9 inset; -khtml-box-shadow: 0 1px 1px 0 #ee9 inset; diff --git a/installer/resources/themes/susimail/light/susimail.css b/installer/resources/themes/susimail/light/susimail.css index 4ebf474c85df04ab74cbf85408d99159504d6aa0..19920d01b109c443e8673703406d5a0efbdfba9b 100644 --- a/installer/resources/themes/susimail/light/susimail.css +++ b/installer/resources/themes/susimail/light/susimail.css @@ -1,68 +1,68 @@ -body { - background-color: #eef; - color:#001; - font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; -} - -body.iframed { - background: transparent !important; - margin: 5px 0 0 0; -} - -li { - color:#001; - line-height:12pt; - font-size: 8.5pt; - margin-left:5mm; - margin-right:5mm; -} - -p { - color:#001; - line-height:12pt; - margin-left:5mm; - margin-right:5mm; - font-size:8.5pt; -} - -p.hl { - font-size:12pt; - letter-spacing:2pt; - line-height:18pt; - font-weight:bold; -} - -p.text { - margin-left:10mm; - margin-right:10mm; -} - -p.error { - color:#ff0000; -} - -p.info { - color:#327BBF; -} - -span.coloured { - color:#327BBF; -} - -p.footer { - margin-left:10mm; - margin-right:10mm; - font-size:8pt; +body { + background-color: #eef; + color:#001; + font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; +} + +body.iframed { + background: transparent !important; + margin: 5px 0 0 0; +} + +li { + color:#001; + line-height:12pt; + font-size: 8.5pt; + margin-left:5mm; + margin-right:5mm; +} + +p { + color:#001; + line-height:12pt; + margin-left:5mm; + margin-right:5mm; + font-size:8.5pt; +} + +p.hl { + font-size:12pt; + letter-spacing:2pt; + line-height:18pt; + font-weight:bold; +} + +p.text { + margin-left:10mm; + margin-right:10mm; +} + +p.error { + color:#ff0000; +} + +p.info { + color:#327BBF; +} + +span.coloured { + color:#327BBF; +} + +p.footer { + margin-left:10mm; + margin-right:10mm; + font-size:8pt; line-height:10pt; - display: none; -} - -p.mailbody { - font: 10pt "Lucida Console", "DejaVu Sans Mono", Courier, mono; - margin-left:1cm; - margin-right:1cm; - text-align: left; -} + display: none; +} + +p.mailbody { + font: 10pt "Lucida Console", "DejaVu Sans Mono", Courier, mono; + margin-left:1cm; + margin-right:1cm; + text-align: left; +} .iframed p img { display: none; @@ -75,146 +75,146 @@ p.mailbody { .mailbody { display: block !important; } - -a { - color:#327BBF; + +a { + color:#327BBF; text-decoration:none; - font-weight: bold; -} - -a:hover { - text-decoration:underline; -} - -td { - - color:#001; - line-height:12pt; - margin-left:5mm; - margin-right:5mm; + font-weight: bold; +} + +a:hover { + text-decoration:underline; +} + +td { + + color:#001; + line-height:12pt; + margin-left:5mm; + margin-right:5mm; font-size:9pt; - padding: 1px 3px; -} - -tr.list0 { - background-color:#e0e0e0; -} - -tr.list1 { - background-color:#ffffff; -} - -.iframed tr.list1 { - background-color:#f0f0f0; -} - -table.noborder { - margin-left:0mm; - margin-top:0mm; - margin-right:0mm; -} - -pre { - font: 8.5pt "Lucida Console", "DejaVu Sans Mono", Courier, mono; - margin-left:1cm; - margin-right:1cm; -} - -.page { - background-color: #fff; - color:#001; - margin: -20px 0 0 0; - padding: 10px; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; -/* border: 1px solid #001; */ - font-size: 8.5pt !important; - line-height: 160% !important; - -moz-box-shadow: inset 0px 0px 1px 0px #002; - text-align: center; -} - -.iframed .page { - background-color: #f0f0f0; - margin: 0; -} - -table { - text-align: justify; - width: 100%; -} - -th { - font-size: 10pt; - font-weight: bold; -} - -form { - line-height: 160% -} - -.mailhead { - font-size: 8.5pt; - font-weight: bold; -} - -input.cancel, input.clearselection, input.logout { - background: #ddf url('/themes/console/images/cancel.png') no-repeat 4px center; - padding: 2px 3px 2px 19px; - min-height: 22px; -} - -input.delete, input.delete_attachment, input.really_delete { - background: #ddf url('/themes/console/images/delete.png') no-repeat 4px center; - padding: 2px 3px 2px 19px; - min-height: 22px; -} - -input.download, input.lastpage { - background: #ddf url('/themes/console/images/arrow_down.png') no-repeat 4px center; - padding: 2px 3px 2px 19px; - min-height: 22px; -} - -input.firstpage { - background: #ddf url('/themes/console/images/arrow_up.png') no-repeat 4px center; - padding: 2px 3px 2px 19px; - min-height: 22px; -} - -input.forward, input.login, input.nextpage, input.send { - background: #ddf url('/themes/console/images/arrow_right.png') no-repeat 4px center; - padding: 2px 3px 2px 19px; - min-height: 22px; -} - -input.invertselection, input.reload, input.refresh { - background: #ddf url('/themes/console/images/arrow_refresh.png') no-repeat 4px center; - padding: 2px 3px 2px 19px; - min-height: 22px; -} - -input.markall, input.show { - background: #ddf url('/themes/console/images/tick.png') no-repeat 4px center; - padding: 2px 3px 2px 19px; - min-height: 22px; -} - -input.new, input.reply, input.replyall { - background: #ddf url('/themes/console/images/email.png') no-repeat 4px center; - padding: 2px 3px 2px 19px; - min-height: 22px; -} - -input.prevpage { - background: #ddf url('/themes/console/images/arrow_left.png') no-repeat 4px center; - padding: 2px 3px 2px 19px; - min-height: 22px; -} - -input.send, input.setpagesize { - background: #ddf url('/themes/console/images/accept.png') no-repeat 4px center; - padding: 2px 3px 2px 19px; - min-height: 22px; + padding: 1px 3px; +} + +tr.list0 { + background-color:#e0e0e0; +} + +tr.list1 { + background-color:#ffffff; +} + +.iframed tr.list1 { + background-color:#f0f0f0; +} + +table.noborder { + margin-left:0mm; + margin-top:0mm; + margin-right:0mm; +} + +pre { + font: 8.5pt "Lucida Console", "DejaVu Sans Mono", Courier, mono; + margin-left:1cm; + margin-right:1cm; +} + +.page { + background-color: #fff; + color:#001; + margin: -20px 0 0 0; + padding: 10px; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; +/* border: 1px solid #001; */ + font-size: 8.5pt !important; + line-height: 160% !important; + -moz-box-shadow: inset 0px 0px 1px 0px #002; + text-align: center; +} + +.iframed .page { + background-color: #f0f0f0; + margin: 0; +} + +table { + text-align: justify; + width: 100%; +} + +th { + font-size: 10pt; + font-weight: bold; +} + +form { + line-height: 160% +} + +.mailhead { + font-size: 8.5pt; + font-weight: bold; +} + +input.cancel, input.clearselection, input.logout { + background: #ddf url('/themes/console/images/cancel.png') no-repeat 4px center; + padding: 2px 3px 2px 19px; + min-height: 22px; +} + +input.delete, input.delete_attachment, input.really_delete { + background: #ddf url('/themes/console/images/delete.png') no-repeat 4px center; + padding: 2px 3px 2px 19px; + min-height: 22px; +} + +input.download, input.lastpage { + background: #ddf url('/themes/console/images/arrow_down.png') no-repeat 4px center; + padding: 2px 3px 2px 19px; + min-height: 22px; +} + +input.firstpage { + background: #ddf url('/themes/console/images/arrow_up.png') no-repeat 4px center; + padding: 2px 3px 2px 19px; + min-height: 22px; +} + +input.forward, input.login, input.nextpage, input.send { + background: #ddf url('/themes/console/images/arrow_right.png') no-repeat 4px center; + padding: 2px 3px 2px 19px; + min-height: 22px; +} + +input.invertselection, input.reload, input.refresh { + background: #ddf url('/themes/console/images/arrow_refresh.png') no-repeat 4px center; + padding: 2px 3px 2px 19px; + min-height: 22px; +} + +input.markall, input.show { + background: #ddf url('/themes/console/images/tick.png') no-repeat 4px center; + padding: 2px 3px 2px 19px; + min-height: 22px; +} + +input.new, input.reply, input.replyall { + background: #ddf url('/themes/console/images/email.png') no-repeat 4px center; + padding: 2px 3px 2px 19px; + min-height: 22px; +} + +input.prevpage { + background: #ddf url('/themes/console/images/arrow_left.png') no-repeat 4px center; + padding: 2px 3px 2px 19px; + min-height: 22px; +} + +input.send, input.setpagesize { + background: #ddf url('/themes/console/images/accept.png') no-repeat 4px center; + padding: 2px 3px 2px 19px; + min-height: 22px; }