diff options
Diffstat (limited to 'src/fauxton/app/addons/replicator/assets/less/replicator.less')
| -rw-r--r-- | src/fauxton/app/addons/replicator/assets/less/replicator.less | 255 |
1 files changed, 255 insertions, 0 deletions
diff --git a/src/fauxton/app/addons/replicator/assets/less/replicator.less b/src/fauxton/app/addons/replicator/assets/less/replicator.less new file mode 100644 index 000000000..38da2a256 --- /dev/null +++ b/src/fauxton/app/addons/replicator/assets/less/replicator.less @@ -0,0 +1,255 @@ +// Licensed under the Apache License, Version 2.0 (the "License"); you may not +// use this file except in compliance with the License. You may obtain a copy of +// the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT +// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the +// License for the specific language governing permissions and limitations under +// the License. + +@brown: #3A2C2B; +@red: #9d261d; +@darkRed: #AF2D24; +@linkRed: #DA4F49; +@greyBrown: #A59D9D; +@fontGrey: #808080; +@secondarySidebar: #E4DFDC; +@green: #46a546; + +#replication-status{ + button.close{ + font-size: 30px; + } +} + + +.replication-sidebar{ + top: 0; +} + +dl.replication-validator{ + dt{ + width: 300px; + text-align: left; + padding: 10px; + } + dd{ + margin-left: 300px; + text-align: left; + padding: 10px; + pre { + max-width: 450px; + } + span:before { + padding-right: 10px; + } + .red { + color: @red; + } + .green{ + color: @green; + } + } +} + table.replication-table{ + margin-top: 20px; + } + +form#replication { + padding-top: 40px; + position: relative; + max-width: none; + width: auto; + + .actions{ + padding: 15px 0; + } + #from_name { + margin-right: 20px; + } + [type="text"]{ + width: 100%; + } + .autharea { + display: inline-block; + vertical-align: top; + padding-top: 10px; + } + button.fonticon-replicate{ + padding: 15px 20px; + } + .span12{ + margin-left: 0; + padding-bottom: 20px; + } + .nav-tabs{ + max-height: 37px; + margin-bottom: 0; + border: 0; + } + .dropdown-menu { + width: 85%; + } + .tab-content.small-tabs{ + margin-top: 0; + border: 1px solid #e3e3e3; + margin-bottom: 10px; + .tab-pane { + padding: 20px 20px; + } + > .active { + display: block; + background-color: #fff; + } + } + h3 { + margin-top: 0; + line-height: 27px + } + .form_set{ + width: 350px; + display: inline-block; + border: 1px solid @greyBrown; + padding: 15px 10px 0; + margin-bottom: 20px; + &.middle{ + width: 100px; + border: none; + position: relative; + height: 100px; + margin: 0; + } + input, select { + margin: 0 0 16px 5px; + height: 40px; + width: 318px; + } + .btn-group{ + margin: 0 0 16px 5px; + .btn { + padding: 10px 57px; + } + } + &.local{ + .local_option{ + display: block; + } + .remote_option{ + display: none; + } + .local-btn{ + background-color: @red; + color: #fff; + } + .remote-btn{ + background-color: #f5f5f5; + color: @fontGrey; + } + } + .local_option{ + display: none; + } + .remote-btn{ + background-color: @red; + color: #fff; + } + } + + + .options { + position: relative; + &:after{ + content: ''; + display: block; + position: absolute; + right: -16px; + top: 9px; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 5px solid black; + border-top: none; + } + &.off { + &:after{ + content: ''; + display: block; + position: absolute; + right: -16px; + top: 9px; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: none; + border-top: 5px solid black; + } + } + } + .control-group{ + label{ + float: left; + min-height: 30px; + vertical-align: top; + padding-right: 5px; + min-width: 140px; + padding-left: 0px; + &.control-label{ + width: 100px; + min-width: 100px; + font-size: 16px; + } + } + input[type=radio], + input[type=checkbox]{ + margin: 0 0 2px 0; + } + .controls { + margin-left: 125px; + padding-right: 20px; + } + } + + .circle{ + z-index: 0; + position: absolute; + top: 20px; + left: 15px; + + &:after { + width: 70px; + height: 70px; + content: ''; + display: block; + position: relative; + margin: 0 auto; + border: 1px solid @greyBrown; + -webkit-border-radius: 40px; + -moz-border-radius: 40px; + border-radius:40px; + } + } + .swap { + text-decoration: none; + z-index: 30; + cursor: pointer; + position: absolute; + font-size: 40px; + width: 27px; + height: 12px; + top: 31px; + left: 30px; + &:hover { + color: @greyBrown; + } + } + +} + +.btn-group.toggle-btns input[type=radio] { +display: none; +} |