X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/86946536ec50878536e4b3841bf9e358fabb6ae5..8f4ed911e094d359ed630f034b76e02bc8d51705:/app/assets/stylesheets/common.css.scss diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss index d62be0ec7..ef2c46a8d 100644 --- a/app/assets/stylesheets/common.css.scss +++ b/app/assets/stylesheets/common.css.scss @@ -85,11 +85,12 @@ h2 { /* Rules for the introductory text displayed in the left sidebar to new users */ -#intro { +.sidebar-copy { border-top: 1px solid #ccc; + padding: 0px 5px; } -#intro p { +.sidebar-copy p { margin: 5px; } @@ -99,16 +100,19 @@ h2 { * undergoing maintenance. */ -#alert { - width: 170px; - margin: 5px; - padding: 5px; - border: 1px solid #ccc; - background: #d00; - line-height: 1.2em; - font-size: 14px; - border-radius: 5px; - -moz-border-radius: 5px; +.sidebar-alert { + padding: 0px 5px 0.1px 5px; + border-top: 1px solid #ccc; + margin-top: 4px; + margin-bottom: -4px; + background: #e00; + font-size: 13px; + font-weight: bold; + line-height: 17px; + + p { + margin: 5px; + } } /* @@ -117,22 +121,24 @@ h2 { * donation drives. */ -.notice { - width: 170px; - margin: 5px; - padding: 5px; - border: 1px solid #ccc; +.sidebar-notice { + padding: 0px 5px 0.1px 5px; + border-top: 1px solid #ccc; + margin-top: 4px; + margin-bottom: -4px; background: #ea0; - line-height: 20px; - font-size: 14px; - border-radius: 5px; - -moz-border-radius: 5px; + font-size: 13px; + line-height: 17px; + + p { + margin: 5px; + } } /* Rules for the menu displayed in the left sidebar */ .left_menu { - padding: 5px; + padding: 5px 10px; margin: 4px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; @@ -156,6 +162,13 @@ h2 { padding: 0px; } +/* submenus */ +.left_menu ul li ul { + font-weight: normal; + line-height: 15px; + font-size: 12px; +} + .left_menu a { color: #000; } @@ -178,7 +191,7 @@ h2 { */ .optionalbox { - padding: 5px; + padding: 5px 10px; margin: 4px 0; border-top: 1px solid #ccc; } @@ -210,7 +223,7 @@ h2 { } #search_field input[type="text"] { - width: 136px; + width: 130px; } #search_field input[type="submit"] { @@ -227,8 +240,8 @@ h2 { /* Rules for donation request box */ .donate { - width: 155px; - margin: 10px 5px; + width: 153px; + margin: 10px 10px; padding: 5px; border: 1px solid #ccc; background: #cbeea7; @@ -248,9 +261,12 @@ h2 { /* Rules for tabbed navigation bar */ -#tabnav { - height: 29px; +#top-bar { border-bottom: 1px solid #ccc; + height: 29px; +} + +#tabnav { padding: 0; margin: 0; overflow:hidden; @@ -287,16 +303,24 @@ h2 { #tabnav a:visited.disabled, #tabnav a:link:hover.disabled, #tabnav a:visited:hover.disabled { - color: #888; + color: #ccc; + cursor: default; +} + +#tabnav a:link.disabled:hover, +#tabnav a:visited.disabled:hover, +#tabnav a:link:hover.disabled:hover, +#tabnav a:visited:hover.disabled:hover { + text-decoration: none; } /* Rules for greeting bar in the top right corner */ #greeting { - height: 30px; + height: 28px; margin: 0px; font-size: 13px; - line-height: 30px; + line-height: 28px; } .greeting-bar-unread { @@ -1029,3 +1053,110 @@ abbr.geo { vertical-align: text-bottom; border: 0; } + +/* Rules for rich text editors */ + +.richtext_container { + white-space: nowrap; + + .richtext_content { + display: inline-block; + vertical-align: top; + + .richtext_preview { + display: inline-block; + margin-top: 1px; + margin-bottom: 1px; + border: 4px solid #eee; + background-color: #eee; + white-space: normal; + + &.loading { + background-image: image-url("loading.gif"); + background-repeat: no-repeat; + background-position: center; + } + + > :first-child { + margin-top: 0px; + } + } + } + + .richtext_help { + display: inline-block; + vertical-align: top; + background-color: #ddd; + padding: 5px 10px 10px 10px; + font-size: 12px; + + p { + margin: 0px; + } + + th { + vertical-align: top; + } + + td { + font-family: fixed; + line-height: 16px; + padding: 0px !important; + } + + input.richtext_doedit { + margin-top: 5px !important; + } + + input.richtext_dopreview { + margin-top: 5px !important; + } + } +} + +/* Rules for the layer switcher */ + +.SimpleLayerSwitcher { + position:absolute; + top:10px; + right:10px; + background:#fff; + border:1px solid #ccc; + min-width:150px; + background: #fff; +} + +.SimpleLayerSwitcher a.basey { + display:block; + text-decoration:none; + color:#838383; + padding:2px 5px 2px 20px; +} + +.SimpleLayerSwitcher a.basey-on { + color:#000; + background-color: #fff; + background-image: url('carat.png'); + background-repeat: no-repeat; + background-position: 7px 9px; +} + +.SimpleLayerSwitcher a.basey-off { + display:none; +} + +.SimpleLayerSwitcher:hover a { + border-top:1px solid #eee; +} + +.SimpleLayerSwitcher a:hover { + background-color:#f5f5f5; +} + +.SimpleLayerSwitcher:hover a:first-child { + border-top:none; +} + +.SimpleLayerSwitcher:hover a.basey-off { + display:block; +}