resources/lib/oojs-ui/oojs-ui-agora.css

   1 .oo-ui-dialog-content .oo-ui-window-closeButton {
   2   position: absolute;
   3   top: 0;
   4   left: 0;
   5 }
   6
   7 .oo-ui-dialog-content .oo-ui-window-icon {
   8   margin-left: 3.35em;
   9 }
  10
  11 .oo-ui-dialog-content .oo-ui-window-body {
  12   position: absolute;
  13   top: 3.35em;
  14   right: 0;
  15   bottom: 0;
  16   left: 0;
  17   overflow-y: auto;
  18 }
  19
  20 .oo-ui-dialog-content .oo-ui-window-foot {
  21   position: absolute;
  22   top: 0;
  23   right: 0;
  24   height: 3.35em;
  25 }
  26
  27 .oo-ui-dialog-content .oo-ui-window-foot .oo-ui-buttonedElement-button {
  28   height: 100%;
  29 }
  30
  31 .oo-ui-dialog-content .oo-ui-window-foot .oo-ui-buttonedElement-button .oo-ui-labeledElement-label {
  32   display: inline-block;
  33   width: 0;
  34   text-indent: -9999px;
  35 }
  36
  37 .oo-ui-dialog-medium .oo-ui-window-frame {
  38   top: 0;
  39   bottom: 0;
  40   background-color: white;
  41 }
  42
  43 .oo-ui-window-head {
  44   height: 3.35em;
  45   border-bottom: 1px solid #dddddd;
  46   -webkit-box-sizing: border-box;
  47      -moz-box-sizing: border-box;
  48           box-sizing: border-box;
  49 }
  50
  51 .oo-ui-window-body {
  52   padding: 2em 3.35em;
  53 }
  54
  55 .oo-ui-window-icon {
  56   width: 3.35em;
  57   height: 3.35em;
  58   background-size: 2em auto;
  59   border-left: 1px solid #dddddd;
  60 }
  61
  62 .oo-ui-window-title {
  63   line-height: 3.35em;
  64 }
  65
  66 .oo-ui-buttonedElement.oo-ui-indicatedElement .oo-ui-buttonedElement-button > .oo-ui-indicatedElement-indicator,
  67 .oo-ui-buttonedElement.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
  68   width: 3.35em;
  69   height: 3.35em;
  70   background-size: 2em auto;
  71 }
  72
  73 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
  74   padding: 0 0 1em;
  75 }
  76
  77 .oo-ui-optionWidget {
  78   padding: 0.8em 1em 0.8em 3.35em;
  79   font-weight: bold;
  80   border-bottom: 1px solid #dddddd;
  81 }
  82
  83 .oo-ui-optionWidget.oo-ui-indicatedElement .oo-ui-labeledElement-label {
  84   padding-right: 1.5em;
  85 }
  86
  87 .oo-ui-optionWidget-level-0 {
  88   padding-left: 3.5em;
  89 }
  90
  91 .oo-ui-optionWidget-level-0 .oo-ui-iconedElement-icon {
  92   left: 1em;
  93 }
  94
  95 .oo-ui-optionWidget-level-1 {
  96   padding-left: 5em;
  97 }
  98
  99 .oo-ui-optionWidget-level-1 .oo-ui-iconedElement-icon {
 100   left: 2.5em;
 101 }
 102
 103 .oo-ui-optionWidget-level-2 {
 104   padding-left: 6.5em;
 105 }
 106
 107 .oo-ui-optionWidget-level-2 .oo-ui-iconedElement-icon {
 108   left: 4em;
 109 }
 110
 111 .oo-ui-buttonOptionWidget {
 112   padding: 0;
 113 }
 114
 115 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
 116   color: #ffffff;
 117   background: #347bff;
 118 }
 119
 120 .oo-ui-menuSectionItemWidget {
 121   font-weight: normal;
 122   color: #777777;
 123   border: none;
 124 }
 125
 126 .oo-ui-textInputWidget input,
 127 .oo-ui-textInputWidget textarea {
 128   padding: .8em 1em;
 129 }
 130
 131 /* Icons */
 132
 133 .oo-ui-icon-check {
 134   background: #347bff;
 135   background-image: /* @embed */ url(themes/agora/images/icons/check.svg);
 136 }