Subversion Repositories oidplus

Rev

View as "text/css" | Blame | Last modification | View Log | RSS feed

  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.         }
  126.