projects
/
project
/
luci.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
themes/freifunk-generic: Add possibility to use custom logo/header
[project/luci.git]
/
themes
/
freifunk-generic
/
htdocs
/
luci-static
/
freifunk-generic
/
cascade.css
diff --git
a/themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css
b/themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css
index
19ac29b
..
6764607
100644
(file)
--- a/
themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css
+++ b/
themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css
@@
-8,14
+8,18
@@
html {
}
body {
}
body {
- color: #ccc
ccc
;
- background:#
fff url(bg.jpg) repeat-x bottom center
;
+ color: #ccc;
+ background:#
e5eef5 url(bg.jpg) repeat-x top left
;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
line-height: 100%;
padding-bottom: 1.5em;
}
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
line-height: 100%;
padding-bottom: 1.5em;
}
+html, body {
+ height: 99%;
+}
+
* {
margin: 0;
padding: 0;
* {
margin: 0;
padding: 0;
@@
-60,6
+64,10
@@
code {
clear: both;
}
clear: both;
}
+a img {
+ border: 0;
+}
+
.skiplink,
.navigation,
.hidden {
.skiplink,
.navigation,
.hidden {
@@
-73,47
+81,62
@@
code {
}
.error {
}
.error {
- color: #f
f00
00;
+ color: #f00;
background-color: white;
}
background-color: white;
}
-#header {
- min-height: 98px;
+.errorbox {
+ border: 1px solid #F00;
+ background-color: #FCC;
+ padding: 5px;
+}
+
+#header {height: auto;
background: #FFF url(header.jpg) repeat-x left bottom;
background: #FFF url(header.jpg) repeat-x left bottom;
- color: #ccc
ccc
;
+ color: #ccc;
font-weight: bold;
font-weight: bold;
+ text-align:right;
+}
+
+.header_left img {
+ padding: 10px 10px 0px 10px;
}
}
-
#header_left
{
-
position: absolute
;
-
text-align:left
;
-
top: 42px
;
+
.header_banner
{
+
overflow:hidden
;
+
padding-bottom: 6px
;
+
text-align:left
;
}
}
-#header_left a{
-color: #dc0067;
-font: bold 28px Helvetica;
-text-decoration: none;
+.header_banner img{
+ padding: 0px;
}
}
-
#header_righ
t{
-
text-align:righ
t;
+
.header_lef
t{
+
text-align:lef
t;
}
}
-#header h1 {
- padding: 1em 1em 0 1em;
+.header_left a{
+ color: #dc0067;
+ font: bold 36px Helvetica;
+ text-decoration: none;
}
}
-#header p {
- padding: 0 1em 1em 1em;
+.header_left .spacer {
+height: 12px;
+min-height:12px;
+width:99%;
}
#header h1,
}
#header h1,
-#header p {
+.header_right {
+ position: absolute;
+ text-align: right;
+ top: 10px;
+ right: 10px;
font-size: 70%;
font-weight: normal;
line-height: 160%;
font-size: 70%;
font-weight: normal;
line-height: 160%;
- text-align: right;
}
ul.dropdowns {
}
ul.dropdowns {
@@
-234,7
+257,6
@@
html #menubar a:visited {
font-weight: normal;
}
font-weight: normal;
}
-
html #menubar a:link:hover,
html #menubar a:visited:hover,
html #menubar a:link:active,
html #menubar a:link:hover,
html #menubar a:visited:hover,
html #menubar a:link:active,
@@
-319,8
+341,8
@@
html #menubar a:visited.warning {
#modemenu {
width: auto;
#modemenu {
width: auto;
- background: #000
000
;
- color: #fff
fff
;
+ background: #000;
+ color: #fff;
list-style: none;
margin-right: 1px;
}
list-style: none;
margin-right: 1px;
}
@@
-346,7
+368,7
@@
html #menubar a:visited.warning {
textarea#syslog {
width: 98%;
min-height: 500px;
textarea#syslog {
width: 98%;
min-height: 500px;
- border: 3px solid #ccc
ccc
;
+ border: 3px solid #ccc;
padding: 5px;
font-family: monospace;
}
padding: 5px;
font-family: monospace;
}
@@
-357,10
+379,10
@@
textarea#syslog {
margin: 0 auto;
margin-top: 2em;
padding: 0.5em;
margin: 0 auto;
margin-top: 2em;
padding: 0.5em;
- color: #000
000
;
+ color: #000;
font-size: 80%;
background: #fff url(bg.jpg) repeat-x center bottom;
font-size: 80%;
background: #fff url(bg.jpg) repeat-x center bottom;
- border: 1px dashed #
CCCCCC
;
+ border: 1px dashed #
ccc
;
}
#maincontent h2 {
}
#maincontent h2 {
@@
-384,9
+406,9
@@
textarea#syslog {
.cbi-section {
margin-bottom: 0.5em;
padding: 0.5em 1em;
.cbi-section {
margin-bottom: 0.5em;
padding: 0.5em 1em;
- border: 1px dotted #555
555
;
- background-color: #fff
fff
;
- color: #000
000
;
+ border: 1px dotted #555;
+ background-color: #fff;
+ color: #000;
}
.cbi-section legend {
}
.cbi-section legend {
@@
-405,7
+427,7
@@
textarea#syslog {
.cbi-section h3 {
text-decoration: none !important;
font-weight: bold !important;
.cbi-section h3 {
text-decoration: none !important;
font-weight: bold !important;
- color: #555
555
!important;
+ color: #555 !important;
margin: 0.25em !important;
font-size: 100% !important;
}
margin: 0.25em !important;
font-size: 100% !important;
}
@@
-445,52
+467,51
@@
ul.cbi-tabmenu li.cbi-tab-disabled a {
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
- border: 1px outset #000
000
;
+ border: 1px outset #000;
border-bottom: none;
border-bottom: none;
- background-color: #
EEEEEE
;
- color: #
BBBBBB
;
+ background-color: #
eee
;
+ color: #
bbb
;
}
ul.cbi-tabmenu li.cbi-tab-highlighted a {
}
ul.cbi-tabmenu li.cbi-tab-highlighted a {
- color: #000
000
;
+ color: #000;
background-color: #FFEEAA;
}
ul.cbi-tabmenu li a:hover {
background-color: #FFEEAA;
}
ul.cbi-tabmenu li a:hover {
- color: #000
000
;
+ color: #000;
}
ul.cbi-tabmenu li.cbi-tab a {
position: relative;
top: 1px;
padding-top: 4px;
}
ul.cbi-tabmenu li.cbi-tab a {
position: relative;
top: 1px;
padding-top: 4px;
- color: #000
000
;
- background-color: #
FFFFFF
;
+ color: #000;
+ background-color: #
fff
;
}
div.cbi-tab-descr {
background-image: url(/luci-static/resources/cbi/help.gif);
background-position: 0.25em 50%;
background-repeat: no-repeat;
}
div.cbi-tab-descr {
background-image: url(/luci-static/resources/cbi/help.gif);
background-position: 0.25em 50%;
background-repeat: no-repeat;
- border-bottom: 1px solid #
CCCCCC
;
+ border-bottom: 1px solid #
ccc
;
margin: 0.25em 0.25em 2em;
padding: 0.5em 0.5em 0.5em 2em;
}
margin: 0.25em 0.25em 2em;
padding: 0.5em 0.5em 0.5em 2em;
}
-
input[type=submit],
input[type=reset],
input[type=submit],
input[type=reset],
-input[type=image] {
+input[type=image],
+input[type=button] {
cursor: pointer;
}
cursor: pointer;
}
-
select,
input,
textarea {
select,
input,
textarea {
- background: #fff
fff
;
- color: #000
000
;
- border: 1px solid #ccc
ccc
;
+ background: #fff;
+ color: #000;
+ border: 1px solid #ccc;
}
input[type=image] {
}
input[type=image] {
@@
-503,8
+524,8
@@
select:focus,
select:hover,
textarea:focus,
textarea:hover {
select:hover,
textarea:focus,
textarea:hover {
- background-color: #fff
fff
;
- color: #000
000
;
+ background-color: #fff;
+ color: #000;
}
select,
}
select,
@@
-522,36
+543,40
@@
td input[type=password] {
input.cbi-input-user {
background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
background-color: inherit;
input.cbi-input-user {
background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
background-color: inherit;
- color: #000
000
;
+ color: #000;
text-indent: 17px;
}
input.cbi-input-password {
background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
background-color: inherit;
text-indent: 17px;
}
input.cbi-input-password {
background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
background-color: inherit;
- color: #000
000
;
+ color: #000;
text-indent: 17px;
}
input.cbi-input-find {
background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
background-color: inherit;
text-indent: 17px;
}
input.cbi-input-find {
background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
background-color: inherit;
- color: #000
000
;
+ color: #000;
padding-left: 17px;
}
input.cbi-input-reload {
background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
background-color: inherit;
padding-left: 17px;
}
input.cbi-input-reload {
background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
background-color: inherit;
- color: #000
000
;
+ color: #000;
padding-left: 17px;
}
padding-left: 17px;
}
+input.cbi-button{
+ margin-top: 1.3em;
+}
+
input.cbi-input-add,
input.cbi-button-add {
background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
background-color: inherit;
input.cbi-input-add,
input.cbi-button-add {
background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
background-color: inherit;
- color: #000
000
;
+ color: #000;
padding-left: 17px;
padding-right: 1px;
border: 1px solid #FFF;
padding-left: 17px;
padding-right: 1px;
border: 1px solid #FFF;
@@
-561,7
+586,7
@@
input.cbi-input-fieldadd,
input.cbi-button-fieldadd {
background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
background-color: inherit;
input.cbi-button-fieldadd {
background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
background-color: inherit;
- color: #000
000
;
+ color: #000;
padding-left: 17px;
padding-right: 1px;
}
padding-left: 17px;
padding-right: 1px;
}
@@
-570,7
+595,7
@@
input.cbi-input-reset,
input.cbi-button-reset {
background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
background-color: inherit;
input.cbi-button-reset {
background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
background-color: inherit;
- color: #000
000
;
+ color: #000;
padding-left: 17px;
padding-right: 1px;
border: none;
padding-left: 17px;
padding-right: 1px;
border: none;
@@
-580,7
+605,7
@@
input.cbi-input-save,
input.cbi-button-save {
background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
background-color: inherit;
input.cbi-button-save {
background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
background-color: inherit;
- color: #000
000
;
+ color: #000;
padding-left: 17px;
padding-right: 1px;
border: none;
padding-left: 17px;
padding-right: 1px;
border: none;
@@
-589,8
+614,17
@@
input.cbi-button-save {
input.cbi-input-apply,
input.cbi-button-apply {
background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
input.cbi-input-apply,
input.cbi-button-apply {
background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
+ background-color: inherit;
+ color: #000;
+ padding-left: 17px;
+ padding-right: 1px;
+}
+
+input.cbi-input-link,
+ input.cbi-button-link {
+ background: url('../resources/cbi/link.gif') no-repeat scroll 1px center;
background-color: inherit;
background-color: inherit;
- color: #000
000;
+ color: #000
;
padding-left: 17px;
padding-right: 1px;
border: none;
padding-left: 17px;
padding-right: 1px;
border: none;
@@
-600,7
+634,7
@@
input.cbi-input-remove,
div.cbi-section-remove input {
background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
background-color: inherit;
div.cbi-section-remove input {
background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
background-color: inherit;
- color: #000
000
;
+ color: #000;
padding-left: 17px;
padding-right: 1px;
border: 1px solid #fff;
padding-left: 17px;
padding-right: 1px;
border: 1px solid #fff;
@@
-623,13
+657,13
@@
form > div > input[type=reset] {
table td,
table th {
table td,
table th {
- color: #000
000
;
+ color: #000;
}
table.smalltext {
background: #f5f5f5;
}
table.smalltext {
background: #f5f5f5;
- color: #000
000
;
- border: 1px solid #666
666
;
+ color: #000;
+ border: 1px solid #666;
font-size: 90%;
width: 80%;
margin-left: auto;
font-size: 90%;
width: 80%;
margin-left: auto;
@@
-639,46
+673,46
@@
table.smalltext {
table.smalltext tr:hover td {
background-color: #bbddee;
table.smalltext tr:hover td {
background-color: #bbddee;
- color: #000
000
;
+ color: #000;
}
table.smalltext tr th {
padding: 0 0.25em;
}
table.smalltext tr th {
padding: 0 0.25em;
- border-left: 1px
solid #666
666;
+ border-left: 1px
dotted #
666;
text-align: left;
}
table.smalltext tr td {
text-align: left;
}
table.smalltext tr td {
- padding: 0
0.25
em;
- border-top: 1px
solid #666
666;
- border-left: 1px
solid #666
666;
+ padding: 0
.2
em;
+ border-top: 1px
dotted #
666;
+ border-left: 1px
dotted #
666;
}
table.cbi-section-table .cbi-rowstyle-1,
table.cbi-section-table .cbi-rowstyle-1 * {
background-color: #f1f6fa;
}
table.cbi-section-table .cbi-rowstyle-1,
table.cbi-section-table .cbi-rowstyle-1 * {
background-color: #f1f6fa;
- color: #000
000
;
+ color: #000;
}
.cbi-section .cbi-rowstyle-1 h3 {
background-color: #f1f6fa;
}
.cbi-section .cbi-rowstyle-1 h3 {
background-color: #f1f6fa;
- color: #555
555
;
+ color: #555;
}
.cbi-rowstyle-2 {
}
.cbi-rowstyle-2 {
- color: #000
000
;
+ color: #000;
}
div.cbi-value {
clear: left;
vertical-align: middle;
padding-left: 0.25em;
}
div.cbi-value {
clear: left;
vertical-align: middle;
padding-left: 0.25em;
- border-bottom: 1px dashed #bbb
bbb
;
+ border-bottom: 1px dashed #bbb;
}
div.cbi-value:hover {
background: #f8f8f8;
}
div.cbi-value:hover {
background: #f8f8f8;
- color: #000
000
;
+ color: #000;
}
.cbi-value-title {
}
.cbi-value-title {
@@
-705,7
+739,7
@@
div.cbi-section-create {
}
div.cbi-tblsection-create {
}
div.cbi-tblsection-create {
- border-bottom: 1px dotted #bbb
bbb
;
+ border-bottom: 1px dotted #bbb;
}
div.cbi-section-create .cbi-button {
}
div.cbi-section-create .cbi-button {
@@
-713,16
+747,15
@@
div.cbi-section-create .cbi-button {
}
input.cbi-section-create-name {
}
input.cbi-section-create-name {
- border: ;
margin-right: -0.25em;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
margin-right: -0.25em;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
- border-top-color: #999
999
;
- border-right-color: #999
999
;
- border-bottom-color: #999
999
;
- border-left-color: #999
999
;
+ border-top-color: #999;
+ border-right-color: #999;
+ border-bottom-color: #999;
+ border-left-color: #999;
}
div.cbi-map-descr {
}
div.cbi-map-descr {
@@
-731,7
+764,7
@@
div.cbi-map-descr {
div.cbi-optionals {
padding: 0.25em;
div.cbi-optionals {
padding: 0.25em;
- border-bottom: 1px dotted #bbb
bbb
;
+ border-bottom: 1px dotted #bbb;
}
div.cbi-section-remove {
}
div.cbi-section-remove {
@@
-740,9
+773,9
@@
div.cbi-section-remove {
.cbi-section-node {
clear: both;
.cbi-section-node {
clear: both;
- border-top: 1px dotted #bbb
bbb
;
- border-left: 1px dotted #bbb
bbb
;
- border-right: 1px dotted #bbb
bbb
;
+ border-top: 1px dotted #bbb;
+ border-left: 1px dotted #bbb;
+ border-right: 1px dotted #bbb;
border-bottom: none;
padding-bottom: 0;
}
border-bottom: none;
padding-bottom: 0;
}
@@
-783,8
+816,8
@@
td.cbi-section-table-optionals {
div.cbi-error {
font-size: 95%;
font-weight: bold;
div.cbi-error {
font-size: 95%;
font-weight: bold;
- color: #f
f00
00;
- background-color: #fff
fff
;
+ color: #f00;
+ background-color: #fff;
}
td.cbi-value-error {
}
td.cbi-value-error {
@@
-794,7
+827,7
@@
td.cbi-value-error {
.cbi-value-error input,
.cbi-value-error select {
color: red;
.cbi-value-error input,
.cbi-value-error select {
color: red;
- background-color: #f
fcc
cc;
+ background-color: #fcc;
}
.cbi-section-error {
}
.cbi-section-error {
@@
-810,17
+843,26
@@
td.cbi-value-error {
text-align: right;
}
text-align: right;
}
-.luci {
- position: fixed;
- bottom: 0;
- left: 0;
- text-align: right;
+.footer, .push {
+ height: 2em;
+}
+
+.footer {
+ width: 99%;
+ padding: 0.3em;
+}
+
+.wrapper {
+ min-height: 100%;
+ height: auto !important;
+ height: 100%;
+ margin: 0 auto -2em;
}
.luci a:link,
}
.luci a:link,
-.luci a:visited
{
- background-color: transparent;
- color: #666
666
;
+.luci a:visited
,
+.exectime {
+ color: #666;
text-decoration: none;
font-size: 70%;
}
text-decoration: none;
font-size: 70%;
}
@@
-831,9
+873,9
@@
td.cbi-value-error {
.error500 {
white-space: normal;
.error500 {
white-space: normal;
- border: 1px dotted #f
f00
00;
- background-color: #fff
fff
;
- color: #000
000
;
+ border: 1px dotted #f00;
+ background-color: #fff;
+ color: #000;
padding: 0.5em;
}
padding: 0.5em;
}
-
+}