git.roojs.org Git - roojs1/blob - examples/bootstrap/ui-elements.css

   1 .pad-wrapper {
   2   /* separator */
   3   /* pop dialogs specific styles */
   4 }
   5 .pad-wrapper .title {
   6   margin-bottom: 30px;
   7 }
   8 .pad-wrapper .section {
   9   margin-bottom: 40px;
  10 }
  11 .pad-wrapper .section a.btn-flat,
  12 .pad-wrapper .section a.btn-glow {
  13   margin-right: 5px;
  14 }
  15 .pad-wrapper .section.btns a.btn-flat,
  16 .pad-wrapper .section.btns a.btn-glow {
  17   margin-bottom: 12px;
  18 }
  19 .pad-wrapper .section code {
  20   margin-right: 25px;
  21 }
  22 .pad-wrapper .section .btn-group span {
  23   color: #7d8892;
  24 }
  25 .pad-wrapper .section .btn-group.audio span {
  26   color: #96a9b8;
  27   font-size: 12px;
  28 }
  29 .pad-wrapper .ctrls {
  30   margin-bottom: 20px;
  31 }
  32 .pad-wrapper .ctrls .btn-glow {
  33   margin-right: 8px;
  34 }
  35 .pad-wrapper .ctrls .btn-flat.icon {
  36   margin-right: 8px;
  37 }
  38 .pad-wrapper .ctrls .btn-group.settings {
  39   margin-left: 20px;
  40 }
  41 .pad-wrapper .ctrls .btn-group.settings span {
  42   font-size: 13px;
  43   color: #444;
  44 }
  45 .pad-wrapper .ctrls .slider-frame {
  46   margin-right: 10px;
  47 }
  48 .pad-wrapper .ctrls .pagination {
  49   margin: 5px 0px;
  50 }
  51 .pad-wrapper .ctrls .pagination.inverse {
  52   margin-left: 25px;
  53 }
  54 .pad-wrapper .ctrls h4 {
  55   margin: 20px 0px 20px 0px;
  56 }
  57 .pad-wrapper .ctrls .dropdown .dropdown-menu {
  58   margin-right: 10px;
  59   position: static;
  60   display: block;
  61 }
  62 .pad-wrapper .ctrls .nav-tabs {
  63   margin-bottom: 15px;
  64 }
  65 .pad-wrapper .ctrls .tab-content {
  66   padding: 0px 10px;
  67   margin-bottom: 20px;
  68 }
  69 .pad-wrapper .sliders .slider {
  70   margin-bottom: 20px;
  71 }
  72 .pad-wrapper .separator {
  73   border-top: 1px solid #edeff1;
  74   margin-top: 100px;
  75   padding-top: 45px;
  76   box-shadow: inset 0px 3px 4px -1px #fafafa;
  77 }
  78 .pad-wrapper .section.dialogs h4 {
  79   margin-bottom: 30px;
  80 }
  81
  82 /* for menu dialog sample */
  83 .pop-dialog .menu {
  84   width: 200px;
  85   margin: 5px -10px 0px -10px;
  86 }
  87 .pop-dialog .menu .item {
  88   display: block;
  89   padding: 5px 0px 5px 20px;
  90   font-weight: 600;
  91   color: #333;
  92   text-decoration: none;
  93   margin-bottom: 5px;
  94 }
  95 .pop-dialog .menu .item:hover {
  96   background-color: #30a1ec;
  97   color: #fff;
  98 }
  99 .pop-dialog .menu .footer {
 100   border-top: 1px solid #e6e8e9;
 101   background-color: #eff4f7;
 102   margin: 15px 0px -10px 0px;
 103   border-radius: 0px 0px 5px 5px;
 104   padding: 12px 20px;
 105 }
 106 .pop-dialog .menu .footer .logout {
 107   font-weight: 600;
 108   color: #7d91a8;
 109 }
 110
 111 /* styles for settings dialog sample */
 112 .pop-dialog.full {
 113   width: 100%;
 114 }
 115
 116 .pop-dialog .settings {
 117   width: auto;
 118   margin: 5px -10px 0px -10px;
 119   position: relative;
 120 }
 121 .pop-dialog .settings .close-icon {
 122   text-decoration: none;
 123   position: absolute;
 124   top: -18px;
 125   right: 10px;
 126 }
 127 .pop-dialog .settings .icon-remove-sign {
 128   font-size: 15px;
 129   color: #95a8b7;
 130   cursor: pointer;
 131 }
 132 .pop-dialog .settings .items {
 133   margin-top: 15px;
 134 }
 135 .pop-dialog .settings .items .item {
 136   display: block;
 137   padding: 7px 0px 7px 20px;
 138   color: #333;
 139   font-size: 13px;
 140   font-weight: 600;
 141   border-top: 1px solid #e6e8e9;
 142 }
 143 .pop-dialog .settings .items .item:hover {
 144   color: #6187c0;
 145 }
 146 .pop-dialog .settings .items .item:first-child {
 147   border-top: 0px;
 148 }
 149 .pop-dialog .settings .items .item .check {
 150   float: right;
 151   margin-right: 30px;
 152 }
 153 .pop-dialog .settings .items .item .icon-reorder {
 154   color: #d9e4ee;
 155   font-size: 18px;
 156   margin-right: 13px;
 157 }
 158
 159 @media (min-width: 768px) and (max-width: 979px) {
 160   .pad-wrapper .section.dialogs > .span4 {
 161     width: 100%;
 162     margin-bottom: 30px;
 163   }
 164 }