Go to most recent revision | Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 2 | daniel-mar | 1 | .box { |
| 2 | width:auto !important; |
||
| 3 | padding:20px; |
||
| 4 | background-color:#fff; |
||
| 5 | border:1px solid #ccc; |
||
| 6 | border-radius:5px; |
||
| 7 | margin-top:10px; |
||
| 8 | } |
||
| 9 | |||
| 10 | #titleedit { |
||
| 11 | width:100%; |
||
| 12 | } |
||
| 13 | |||
| 14 | #system_title_bar { |
||
| 15 | font-size:2em; |
||
| 16 | font-style:italic; |
||
| 17 | font-weight:bolder; |
||
| 18 | float:left; |
||
| 19 | border-bottom:1px; |
||
| 20 | |||
| 21 | width:100%; /* brauchen wir fuer NoScript */ |
||
| 22 | padding-left:5px;/* brauchen wir fuer NoScript */ |
||
| 23 | padding-right:5px;/* brauchen wir fuer NoScript */ |
||
| 24 | |||
| 25 | padding-left:0px; |
||
| 26 | margin:left:0px; |
||
| 27 | |||
| 28 | display:block; /* TODO: geht nicht */ |
||
| 29 | |||
| 30 | /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0d8ef+0,ddf1f9+65,feffff+100 */ |
||
| 31 | background: #a0d8ef; /* Old browsers */ |
||
| 32 | background: -moz-linear-gradient(left, #a0d8ef 0%, #ddf1f9 65%, #feffff 100%); /* FF3.6-15 */ |
||
| 33 | background: -webkit-linear-gradient(left, #a0d8ef 0%,#ddf1f9 65%,#feffff 100%); /* Chrome10-25,Safari5.1-6 */ |
||
| 34 | background: linear-gradient(to right, #a0d8ef 0%,#ddf1f9 65%,#feffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ |
||
| 35 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0d8ef', endColorstr='#feffff',GradientType=1 ); /* IE6-9 */ |
||
| 36 | } |
||
| 37 | #system_title_bar a:hover, #title a:active, #title a:link { |
||
| 38 | text-decoration:none; |
||
| 39 | } |
||
| 40 | #oidtree { |
||
| 41 | position:absolute; |
||
| 42 | left:0px; |
||
| 43 | bottom:0px; |
||
| 44 | padding-left:5px;/* brauchen wir fuer NoScript */ |
||
| 45 | padding-right:5px;/* brauchen wir fuer NoScript */ |
||
| 46 | top:40px; /* brauchen wir fuer NoScript */ |
||
| 47 | width:400px; /* brauchen wir fuer NoScript */ |
||
| 48 | } |
||
| 49 | #content_window { |
||
| 50 | position:absolute; |
||
| 51 | left:400px; |
||
| 52 | right:0px; |
||
| 53 | bottom:0px; |
||
| 54 | top:40px; /* brauchen wir fuer NoScript */ |
||
| 55 | padding-left:20px; |
||
| 56 | padding-right:20px; |
||
| 57 | } |
||
| 58 | html { |
||
| 59 | margin:0; |
||
| 60 | padding:0; |
||
| 61 | height:100%; |
||
| 62 | font-family:Helvetica; |
||
| 63 | } |
||
| 64 | body { |
||
| 65 | margin:0px; |
||
| 66 | padding:0px; |
||
| 67 | font-size:0.85em; |
||
| 68 | height:100%; |
||
| 69 | overflow: hidden; |
||
| 70 | } |
||
| 71 | h1 { |
||
| 72 | font-size:1.8em; |
||
| 73 | } |
||
| 74 | .borderbox { |
||
| 75 | overflow:auto; |
||
| 76 | border:1px solid silver; |
||
| 77 | } |
||
| 78 | |||
| 79 | /** |
||
| 80 | * Splitter / uiLayout |
||
| 81 | */ |
||
| 82 | .ui-layout-pane { /* all 'panes' */ |
||
| 83 | border: 1px solid #BBB; |
||
| 84 | } |
||
| 85 | .ui-layout-pane-center { /* content body */ |
||
| 86 | padding: 0; |
||
| 87 | margin: 0; |
||
| 88 | } |
||
| 89 | .ui-layout-pane-west { /* west pane */ |
||
| 90 | padding: 0 10px; |
||
| 91 | background-color: #f9f9f9 !important; |
||
| 92 | overflow: auto; |
||
| 93 | } |
||
| 94 | .ui-layout-resizer { /* all 'resizer-bars' */ |
||
| 95 | background: #DDD; |
||
| 96 | } |
||
| 97 | .ui-layout-resizer-open:hover { /* mouse-over */ |
||
| 98 | background: #9D9; |
||
| 99 | } |
||
| 100 | .ui-layout-resizer-north { |
||
| 101 | background:#2b336f !important; |
||
| 102 | } |
||
| 103 | .ui-layout-toggler { /* all 'toggler-buttons' */ |
||
| 104 | background: #AAA; |
||
| 105 | } |
||
| 106 | .ui-layout-toggler-closed { /* closed toggler-button */ |
||
| 107 | background: #CCC; |
||
| 108 | border-bottom: 1px solid #BBB; |
||
| 109 | } |
||
| 110 | .ui-layout-toggler .content { /* toggler-text */ |
||
| 111 | font: 14px bold Verdana, Verdana, Arial, Helvetica, sans-serif; |
||
| 112 | } |
||
| 113 | .ui-layout-toggler:hover { /* mouse-over */ |
||
| 114 | background: #DCA; |
||
| 115 | } |
||
| 116 | .ui-layout-toggler:hover .content { /* mouse-over */ |
||
| 117 | color: #009; |
||
| 118 | } |
||
| 119 | |||
| 120 | /* masks are usually transparent - make them visible (must 'override' default) */ |
||
| 121 | .ui-layout-mask { |
||
| 122 | background: #C00 !important; |
||
| 123 | opacity: .20 !important; |
||
| 124 | filter: alpha(opacity=20) !important; |
||
| 125 | } |