clear: both;
}
+/* Basic grid */
+
+.col0 { float:left; width:04.1666%; }
+.col1 { float:left; width:08.3333%; }
+.col2 { float:left; width:16.6666%; }
+.col3 { float:left; width:25.0000%; }
+.col4 { float:left; width:33.3333%; }
+.col5 { float:left; width:41.6666%; }
+.col6 { float:left; width:50.0000%; }
+.col7 { float:left; width:58.3333%; }
+.col8 { float:left; width:66.6666%; }
+.col9 { float:left; width:75.0000%; }
+.col10 { float:left; width:83.3333%; }
+.col11 { float:left; width:91.6666%; }
+.col12 { width:100%; }
+
/* Default rules for the body of every page */
* {
#small-title {
display: none;
+
+ img {
+ vertical-align: text-bottom;
+ }
}
/* Rules for the introductory text displayed in the left sidebar to new users */
.site-index #top-bar,
.site-export #top-bar {
position: fixed;
+ top: 0;
left: 0;
right: 0;
}
/* Rules for bootstrap tooltips */
.tooltip {
- position: absolute;
- display: none;
- color:#333;
- text-align: left;
- font-size: 12px;
+ position: absolute;
+ display: none;
+ color: #333;
+ text-align: left;
+ font-size: 12px;
+ max-width: 250px;
}
.tooltip.in {
- opacity: 0.8;
- z-index: 1030;
- height: auto;
- display: block;
+ opacity: 0.8;
+ z-index: 1030;
+ height: auto;
+ display: block;
}
.tooltip.top {
- margin-top: -20px;
- text-align: center;
+ margin-top: -10px;
+ text-align: center;
}
.tooltip.right {
- margin-left: 20px;
+ margin-left: 10px;
}
.tooltip.bottom {
- margin-top: 20px;
- text-align: center;
+ margin-top: 10px;
+ text-align: center;
}
.tooltip.left {
- margin-left: -20px;
- text-align: right;
+ margin-left: -10px;
+ text-align: right;
}
.tooltip-inner {
- display: inline-block;
- padding: 10px;
- font-weight: normal;
- background-color: white;
+ display: inline-block;
+ padding: 10px;
+ font-weight: normal;
+ background-color: white;
}
.tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
+ position: absolute;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
}
.tooltip.top .tooltip-arrow {
- bottom: -5px;
- left: 50%;
- margin-left: -5px;
- border-top-color: white;
- border-width: 5px 5px 0;
+ bottom: -5px;
+ left: 50%;
+ margin-left: -5px;
+ border-top-color: white;
+ border-width: 5px 5px 0;
}
.tooltip.right .tooltip-arrow {
- top: 50%;
- left: -5px;
- margin-top: -5px;
- border-right-color: white;
- border-width: 5px 5px 5px 0;
+ top: 50%;
+ left: -5px;
+ margin-top: -5px;
+ border-right-color: white;
+ border-width: 5px 5px 5px 0;
}
.tooltip.left .tooltip-arrow {
- top: 50%;
- right: -5px;
- margin-top: -5px;
- border-left-color: white;
- border-width: 5px 0 5px 5px;
+ top: 50%;
+ right: -5px;
+ margin-top: -5px;
+ border-left-color: white;
+ border-width: 5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
- top: -5px;
- left: 50%;
- margin-left: -5px;
- border-bottom-color: white;
- border-width: 0 5px 5px;
+ top: -5px;
+ left: 50%;
+ margin-left: -5px;
+ border-bottom-color: white;
+ border-width: 0 5px 5px;
}
/* Rules for Leaflet maps */
border-left: 1px solid #ccc;
}
+.site-copyright,
+.site-welcome {
+ .content-heading {
+ text-align: center;
+ }
+
+ #content {
+ max-width: 700px;
+ margin: auto;
+ }
+}
+
.wrapper {
margin-left: 184px;
border-left: 1px solid #ccc;
text-align: left;
}
-.site-edit #content {
- top: 30px;
-}
-
#content.maximised {
top: 0;
left: 0;
/*
* Rules for the iD editor
*/
+
+.site-edit-id {
+ #left,
+ #large-title {
+ display: none;
+ }
+
+ #small-title {
+ display: inline-block;
+ width: 185px;
+ height: 30px;
+ font-size: 14px;
+ margin: 0;
+ background-color: #eee;
+ border-bottom: 1px solid #ccc;
+ text-align: center;
+ padding-top: 7px;
+ }
+
+ #content {
+ left: 0;
+ }
+}
+
.id-embed {
width: 100%;
height: 100%;
border: 0;
background: #fff;
}
+
+/* Rules for the "Welcome" page */
+.site-welcome {
+ .center {
+ text-align: center;
+ }
+
+ .drop {
+ margin-top: 20px;
+ }
+
+ .sprite {
+ background-image: image-url("welcome-sprite.png");
+ background-size: 500px 250px;
+ display: inline-block;
+ }
+
+ .sprite.small {
+ width: 50px;
+ height: 50px;
+ }
+
+ .sprite.x {
+ background-position: -50px 0;
+ }
+
+ .sprite.large {
+ width: 350px;
+ height: 200px;
+ }
+
+ .sprite.one-map {
+ background-position: 0 -50px;
+ }
+
+ .sprite.term {
+ margin-right: 10px;
+ vertical-align: middle;
+ }
+
+ .sprite.node {
+ background-position: -100px 0;
+ }
+
+ .sprite.way {
+ background-position: -150px 0;
+ }
+
+ .sprite.changeset {
+ background-position: -200px 0;
+ }
+
+ .sprite.editor {
+ background-position: -250px 0;
+ }
+
+ .sprite.question {
+ background-position: -300px 0;
+ }
+
+ .pad1 {
+ padding: 10px;
+ }
+
+ .pad2 {
+ padding: 20px;
+ }
+
+ .one-map {
+ position: relative;
+ }
+
+ .one-map-name {
+ position: absolute;
+ font-size: 15px;
+ font-weight: bold;
+ }
+
+ .one-map-project-name {
+ font-size: 25px;
+ top: 70px;
+ left: 75px;
+ }
+
+ .one-map-name-1,
+ .one-map-name-5,
+ .one-map-name-6 {
+ text-align: center;
+ display: inline-block;
+ width: 200px;
+ }
+
+ .one-map-name-1 {
+ color: #c28d86;
+ top: 30px;
+ left: -70px;
+ }
+
+ .one-map-name-2 {
+ color: #c28d86;
+ top: 25px;
+ left: 172px;
+ }
+
+ .one-map-name-3 {
+ color: #94cacc;
+ top: 45px;
+ left: 140px;
+ }
+
+ .one-map-name-4 {
+ color: #94cacc;
+ top: 48px;
+ left: 270px;
+ }
+
+ .one-map-name-5 {
+ color: #85c589;
+ top: 105px;
+ left: 90px;
+ }
+
+ .one-map-name-6 {
+ color: #94cacc;
+ top: 138px;
+ left: 20px;
+ }
+
+ .edit-located,
+ .edit-geocoded,
+ .edit-geolocated {
+ display: none;
+ }
+
+ .start-mapping {
+ background: #EB6F67;
+ color: #FFF;
+ display: block;
+ margin: auto;
+ cursor: pointer;
+ border: none;
+ border-radius: 5px;
+ border-bottom: 1px solid #A53931;
+ padding: 20px 40px;
+ font-size: 30px;
+ }
+
+ .note-box {
+ background-color: $offwhite;
+ }
+}
projects / rails.git / blobdiff