| /* |
| * Licensed to the Apache Software Foundation (ASF) under one or more |
| * contributor license agreements. See the NOTICE file distributed with |
| * this work for additional information regarding copyright ownership. |
| * The ASF licenses this file to You 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. |
| */ |
| |
| /* |
| editor.css |
| Wiki editor formatting |
| */ |
| |
| a { |
| -moz-outline: none !important; |
| } |
| |
| .jaws { |
| /* JAWS should see it, but you can't */ |
| display: block; |
| height: 1px; |
| left: -5000px; |
| overflow: hidden; |
| position: absolute; |
| top: -5000px; |
| width: 1px; |
| } |
| |
| #gollum-editor { |
| border: 1px solid #e4e4e4; |
| background: #f9f9f9; |
| margin: 1em 0 5em; |
| overflow: hidden; |
| padding: 1em 1em 0.4em; |
| |
| border-radius: 1em; |
| -moz-border-radius: 1em; |
| -webkit-border-radius: 1em; |
| } |
| |
| .ie #gollum-editor { |
| padding-bottom: 1em; |
| } |
| |
| #gollum-editor form fieldset { |
| border: 0; |
| margin: 0; |
| padding: 0; |
| width: 100%; |
| } |
| |
| #gollum-editor .singleline { |
| display: block; |
| margin: 0 0 0.7em 0; |
| overflow: hidden; |
| } |
| |
| #gollum-editor .singleline input { |
| background: #fff; |
| border: 1px solid #ddd; |
| color: #000; |
| font-size: 1.3em; |
| font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| line-height: 1.8em; |
| margin: 1em 0 0.4em; |
| padding: 0.5em; |
| width: 98%; |
| } |
| |
| #gollum-editor .singleline input.ph { |
| color: #999; |
| } |
| |
| #gollum-editor-title-field input#gollum-editor-page-title { |
| font-weight: bold; |
| margin-top: 0; |
| } |
| |
| #gollum-editor-title-field.active { |
| border-bottom: 1px solid #ddd; |
| display: block; |
| margin: 0 0 0.3em 0; |
| padding: 0 0 0.5em 0; |
| } |
| |
| #gollum-editor-title-field input#gollum-editor-page-title.ph { |
| color: #000; |
| } |
| |
| /* @control editor-view-tab */ |
| #gollum-editor #gollum-editor-type-switcher { |
| display: none; |
| } |
| |
| /* @control function-bar */ |
| #gollum-editor #gollum-editor-function-bar { |
| border-bottom: 1px solid #ddd; |
| overflow: hidden; |
| padding: 0; |
| } |
| |
| |
| #gollum-editor-title-field + #gollum-editor-function-bar { |
| margin-top: 0.6em; |
| } |
| |
| #gollum-editor #gollum-editor-function-bar #gollum-editor-function-buttons { |
| /* display: none; */ |
| } |
| |
| #gollum-editor #gollum-editor-function-bar.active #gollum-editor-function-buttons { |
| display: block; |
| float: left; |
| overflow: hidden; |
| padding: 0 0 1.1em 0; |
| } |
| |
| #gollum-editor #gollum-editor-function-bar a.function-button { |
| background: #f7f7f7; |
| border: 1px solid #ddd; |
| color: #333; |
| display: block; |
| float: left; |
| height: 25px; |
| overflow: hidden; |
| margin: 0.2em 0.5em 0 0; |
| /* text-indent: -5000px; */ |
| text-shadow: 0 1px 0 #fff; |
| width: 25px; |
| |
| border-radius: 0.3em; |
| -moz-border-radius: 0.3em; |
| -webkit-border-radius: 0.3em; |
| |
| filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#ececec'); |
| background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec)); |
| background: -moz-linear-gradient(top, #f4f4f4, #ececec); |
| } |
| |
| #gollum-editor #gollum-editor-function-bar a.function-button:hover { |
| color: #fff; |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); |
| text-decoration: none; |
| |
| filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#599bdc', endColorstr='#3072b3'); |
| background: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3)); |
| background: -moz-linear-gradient(top, #599bdc, #3072b3); |
| } |
| |
| #gollum-editor #gollum-editor-function-bar a span { |
| background-image: url(../img/icon-sprite.png); |
| background-repeat: no-repeat; |
| display: block; |
| height: 25px; |
| overflow: hidden; |
| text-indent: -5000px; |
| width: 25px; |
| } |
| |
| a#function-bold span { background-position: 0 0; } |
| a#function-italic span { background-position: -27px 0; } |
| a#function-underline span { background-position: -54px 0; } |
| a#function-code span { background-position: -82px 0; } |
| a#function-ul span { background-position: -109px 0; } |
| a#function-ol span { background-position: -136px 0; } |
| a#function-blockquote span { background-position: -163px 0; } |
| a#function-hr span { background-position: -190px 0; } |
| a#function-h1 span { background-position: -217px 0; } |
| a#function-h2 span { background-position: -244px 0; } |
| a#function-h3 span { background-position: -271px 0; } |
| a#function-link span { background-position: -298px 0; } |
| a#function-image span { background-position: -324px 0; } |
| a#function-help span { background-position: -405px 0; } |
| |
| a#function-bold:hover span { background-position: 0 -28px; } |
| a#function-italic:hover span { background-position: -27px -28px; } |
| a#function-underline:hover span { background-position: -54px -28px; } |
| a#function-code:hover span { background-position: -82px -28px; } |
| a#function-ul:hover span { background-position: -109px -28px; } |
| a#function-ol:hover span { background-position: -136px -28px; } |
| a#function-blockquote:hover span { background-position: -163px -28px; } |
| a#function-hr:hover span { background-position: -190px -28px; } |
| a#function-h1:hover span { background-position: -217px -28px; } |
| a#function-h2:hover span { background-position: -244px -28px; } |
| a#function-h3:hover span { background-position: -271px -28px; } |
| a#function-link:hover span { background-position: -298px -28px; } |
| a#function-image:hover span { background-position: -324px -28px; } |
| a#function-help:hover span { background-position: -405px -28px; } |
| |
| |
| #gollum-editor #gollum-editor-function-bar a.disabled { |
| display: none; |
| } |
| |
| #gollum-editor #gollum-editor-function-bar span.function-divider { |
| display: block; |
| float: left; |
| width: 0.5em; |
| } |
| |
| #gollum-editor #gollum-editor-function-bar #gollum-editor-format-selector { |
| overflow: hidden; |
| padding: 0 0 1.1em 0; |
| } |
| |
| #gollum-editor #gollum-editor-function-bar |
| #gollum-editor-format-selector select { |
| background-color: #f9f9f9; |
| border: 1px solid transparent; |
| |
| float: right; |
| font-size: 1.1em; |
| font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: bold; |
| line-height: 1.6em; |
| padding: 0.5em 0.7em; |
| margin-bottom: 0; |
| |
| |
| border-radius: 0.5em; |
| -moz-border-radius: 0.5em; |
| -webkit-border-radius: 0.5em; |
| -moz-outline: none; |
| } |
| |
| #gollum-editor #gollum-editor-function-bar |
| #gollum-editor-format-selector select:hover { |
| background-color: #fff; |
| border: 1px solid #ddd; |
| -moz-outline: none; |
| } |
| |
| #gollum-editor #gollum-editor-function-bar |
| #gollum-editor-format-selector label { |
| color: #999; |
| float: right; |
| font-size: 1.1em; |
| font-weight: bold; |
| line-height: 1.6em; |
| padding: 0.6em 0.5em 0 0; |
| } |
| |
| #gollum-editor #gollum-editor-function-bar |
| #gollum-editor-format-selector label:after { |
| content: ':'; |
| } |
| |
| |
| /* @section form-fields */ |
| |
| body { |
| font: 13px Helvetica,arial,freesans,clean,sans-serif; |
| line-height: 1.4; |
| color: #333; |
| position: relative; |
| padding: 0; |
| width: 100%; |
| z-index: 9; |
| display: block; |
| margin: 0 auto; |
| } |
| |
| #gollum-editor textarea#gollum-editor-body { |
| background: #fff; |
| border: 1px solid #ddd; |
| font-size: 1.3em; |
| font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| line-height: 1.8em; |
| margin: 1em 0 0.4em; |
| padding: 0.5em; /* I don't really like mixing pct & em hereÉ */ |
| width: 100%; |
| height: 20em; |
| } |
| |
| #gollum-editor input.gollum-editor-input { |
| background-color: #f7f7f7; |
| border: 1px solid #d4d4d4; |
| color: #333; |
| cursor: pointer; |
| display: block; |
| float: left; |
| font-size: 1.2em; |
| font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: bold; |
| height: 35px; |
| margin: 0px 5px; |
| padding: 0.4em 1em; |
| |
| text-shadow: 0 1px 0 #fff; |
| |
| filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#ececec'); |
| background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec)); |
| background: -moz-linear-gradient(top, #f4f4f4, #ececec); |
| |
| border-radius: 3px; |
| -moz-border-radius: 3px; |
| -webkit-border-radius: 3px; |
| } |
| |
| .webkit #gollum-editor input#gollum-editor-submit { |
| padding: 0.5em 1em 0.45em; |
| } |
| |
| .ie #gollum-editor input#gollum-editor-submit { |
| padding: 0.4em 1em 0.5em; |
| } |
| |
| #gollum-editor input#gollum-editor-submit:hover { |
| background: #3072b3; |
| border-color: #518cc6 #518cc6 #2a65a0; |
| color: #fff; |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); |
| text-decoration: none; |
| |
| filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#599bdc', endColorstr='#3072b3'); |
| background: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3)); |
| background: -moz-linear-gradient(top, #599bdc, #3072b3); |
| } |
| |
| #gollum-editor .collapsed, |
| #gollum-editor .expanded { |
| border-bottom: 1px solid #ddd; |
| display: block; |
| overflow: hidden; |
| padding: 1em 0 0.5em; |
| } |
| |
| #gollum-editor #gollum-editor-body + .collapsed, |
| #gollum-editor #gollum-editor-body + .expanded { |
| border-top: 1px solid #ddd; |
| margin-top: 0.7em; |
| } |
| |
| #gollum-editor .collapsed a.button, |
| #gollum-editor .expanded a.button { |
| background: #f7f7f7; |
| border: 1px solid #ddd; |
| color: #333; |
| display: block; |
| float: left; |
| height: 25px; |
| overflow: hidden; |
| margin: 0.2em 0.5em 0.75em 0; |
| text-shadow: 0 1px 0 #fff; |
| width: 25px; |
| |
| border-radius: 0.3em; |
| -moz-border-radius: 0.3em; |
| -webkit-border-radius: 0.3em; |
| |
| filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#ececec'); |
| background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec)); |
| background: -moz-linear-gradient(top, #f4f4f4, #ececec); |
| } |
| |
| #gollum-editor .collapsed h4, |
| #gollum-editor .expanded h4 { |
| font-size: 1.6em; |
| float: left; |
| margin: 0; |
| padding: 0.4em 0 0 0.3em; |
| text-shadow: 0 -1px 0 #fff; |
| } |
| |
| #gollum-editor .collapsed a.button:hover, |
| #gollum-editor .expanded h4 a.button:hover { |
| color: #fff; |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); |
| text-decoration: none; |
| |
| filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#599bdc', endColorstr='#3072b3'); |
| background: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3)); |
| background: -moz-linear-gradient(top, #599bdc, #3072b3); |
| } |
| |
| #gollum-editor .collapsed a span, |
| #gollum-editor .expanded a span { |
| background-image: url(../img/icon-sprite.png); |
| background-position: -351px -1px; |
| background-repeat: no-repeat; |
| display: block; |
| height: 25px; |
| overflow: hidden; |
| text-indent: -5000px; |
| width: 25px; |
| } |
| |
| #gollum-editor .collapsed a:hover span { |
| background-position: -351px -28px; |
| } |
| |
| #gollum-editor .expanded a span { |
| background-position: -378px 0; |
| } |
| |
| #gollum-editor .expanded a:hover span { |
| background-position: -378px -28px; |
| } |
| |
| #gollum-editor .collapsed textarea { |
| display: none; |
| } |
| |
| #gollum-editor .expanded textarea { |
| background-color: #fff; |
| border: 1px solid #ddd; |
| clear: both; |
| display: block; |
| font-size: 1.3em; |
| font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| height: 7em; |
| line-height: 1.8em; |
| margin: 0.7em 0; |
| padding: 0.5em; |
| width: 98%; |
| } |
| |
| /* @control minibutton */ |
| |
| #gollum-editor a.minibutton, |
| #gollum-editor a.minibutton:visited { |
| background-color: #f7f7f7; |
| border: 1px solid #d4d4d4; |
| color: #333; |
| cursor: pointer; |
| display: block; |
| font-size: 1.2em; |
| font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: bold; |
| line-height: 1.2em; |
| margin: 0 0 0 0.8em; |
| padding: 0.5em 1em; |
| |
| text-shadow: 0 1px 0 #fff; |
| |
| filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#ececec'); |
| background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec)); |
| background: -moz-linear-gradient(top, #f4f4f4, #ececec); |
| |
| border-radius: 3px; |
| -moz-border-radius: 3px; |
| -webkit-border-radius: 3px; |
| } |
| |
| #gollum-editor a.minibutton:hover { |
| background: #3072b3; |
| border-color: #518cc6 #518cc6 #2a65a0; |
| color: #fff; |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); |
| text-decoration: none; |
| |
| filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#599bdc', endColorstr='#3072b3'); |
| background: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3)); |
| background: -moz-linear-gradient(top, #599bdc, #3072b3); |
| } |
| |
| |
| #gollum-editor #gollum-editor-preview { |
| float: left; |
| font-weight: normal; |
| padding: left; |
| } |
| |
| |
| /* @section help */ |
| #gollum-editor-help { |
| margin: 0; |
| overflow: hidden; |
| padding: 0; |
| border: 1px solid #ddd; |
| border-width: 0 1px 1px 1px; |
| } |
| |
| #gollum-editor-help-parent, |
| #gollum-editor-help-list { |
| display: block; |
| float: left; |
| height: 17em; |
| list-style-type: none; |
| overflow: auto; |
| margin: 0; |
| padding: 1em 0; |
| width: 18%; |
| } |
| |
| #gollum-editor-help-parent { |
| border-right: 1px solid #eee; |
| } |
| |
| #gollum-editor-help-list { |
| background: #fafafa; |
| border-right: 1px solid #eee; |
| } |
| |
| #gollum-editor-help-parent li, |
| #gollum-editor-help-list li { |
| font-size: 1.2em; |
| line-height: 1.6em; |
| margin: 0; |
| padding: 0; |
| } |
| |
| #gollum-editor-help-parent li a, |
| #gollum-editor-help-list li a { |
| border: 1px solid transparent; |
| border-width: 1px 0; |
| display: block; |
| font-weight: bold; |
| height: 10%; |
| width: auto; |
| padding: 0.2em 1em; |
| text-shadow: 0 -1px 0 #fff; |
| } |
| |
| #gollum-editor-help-parent li a:hover, |
| #gollum-editor-help-list li a:hover { |
| background: #fff; |
| border-color: #f0f0f0; |
| text-decoration: none; |
| |
| box-shadow: none; |
| } |
| |
| #gollum-editor-help-parent li a.selected, |
| #gollum-editor-help-list li a.selected { |
| border: 1px solid #eee; |
| border-bottom-color: #e7e7e7; |
| border-width: 1px 0; |
| background: #fff; |
| color: #000; |
| |
| box-shadow: 0 1px 2px #f0f0f0; |
| } |
| |
| #gollum-editor-help-wrapper { |
| background: #fff; |
| overflow: auto; |
| height: 17em; |
| padding: 1em; |
| } |
| |
| #gollum-editor-help-content { |
| font-size: 1.2em; |
| margin: 0 1em 0 0.5em; |
| padding: 0; |
| line-height: 1.8em; |
| } |
| |
| #gollum-editor-help-content p { |
| margin: 0 0 1em 0; |
| padding: 0; |
| } |
| |
| /* IE */ |
| .ie #gollum-editor .singleline input { |
| padding-top: 0.25em; |
| padding-bottom: 0.75em; |
| } |