mirror of
https://github.com/FoggedLens/iD.git
synced 2026-05-16 22:03:37 +02:00
basic pass at footer stuff.
This commit is contained in:
Saman Bemel-Benrud
+72
-44
@@ -55,11 +55,11 @@ strong {
|
||||
}
|
||||
|
||||
a:visited, a {
|
||||
color: #b0b0b0;
|
||||
color: #7092ff;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color:#222;
|
||||
color:#154dff;
|
||||
}
|
||||
|
||||
input[type=text] {
|
||||
@@ -90,8 +90,7 @@ table th {
|
||||
/* UI Lists
|
||||
------------------------------------------------------- */
|
||||
|
||||
ul.toggle-list {
|
||||
}
|
||||
ul li { list-style: none;}
|
||||
|
||||
ul.toggle-list li a {
|
||||
font-weight: bold;
|
||||
@@ -113,6 +112,21 @@ a.selected {
|
||||
color:#222;
|
||||
}
|
||||
|
||||
|
||||
ul.link-list li {
|
||||
float: left;
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
padding-left: 10px;
|
||||
border-left: 1px solid white;
|
||||
}
|
||||
|
||||
ul.link-list li:first-child {
|
||||
border-left: 0;
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
/* Mode-specific styles
|
||||
------------------------------------------------------- */
|
||||
|
||||
@@ -147,6 +161,7 @@ a.selected {
|
||||
.fillL2 { background: #f7f7f7 url(../img/background-pattern-1.png) repeat;}
|
||||
.fillD {
|
||||
background-color: #222222;
|
||||
background-color: rgba(0,0,0,.8);
|
||||
color: white;
|
||||
}
|
||||
|
||||
@@ -158,6 +173,15 @@ form.hide {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.content {
|
||||
background-color:#fff;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.pad1 {
|
||||
padding: 10px;}
|
||||
|
||||
/* Buttons */
|
||||
|
||||
button {
|
||||
@@ -320,23 +344,27 @@ button.action .label {
|
||||
.icon.zoom-out { background-position: -260px 0px;}
|
||||
.icon.geocode { background-position: -280px 0px;}
|
||||
.icon.layers { background-position: -300px 0px;}
|
||||
.icon.avatar { background-position: -320px 0px;}
|
||||
.icon.nearby { background-position: -340px 0px;}
|
||||
|
||||
/*.active .icon.browse { background-position: 0px -20px;}
|
||||
.active .icon.add-point { background-position: -20px -20px;}
|
||||
.active .icon.add-line { background-position: -40px -20px;}
|
||||
.active .icon.add-area { background-position: -60px -20px;}
|
||||
.active .icon.undo { background-position: -80px -20px;}
|
||||
.active .icon.redo { background-position: -100px -20px;}
|
||||
.active .icon.apply { background-position: -120px -20px;}
|
||||
.active .icon.save { background-position: -140px -20px;}
|
||||
.active .icon.close { background-position: -160px -20px;}
|
||||
.active .icon.delete { background-position: -180px -20px;}
|
||||
.active .icon.remove { background-position: -200px -20px;}
|
||||
.active .icon.inspect { background-position: -220px -20px;}
|
||||
.active .icon.zoom-in { background-position: -240px -20px;}
|
||||
.active .icon.zoom-out { background-position: -260px -20px;}
|
||||
.active .icon.geocode { background-position: -280px -20px;}
|
||||
.active .icon.layers { background-position: -300px -20px;}*/
|
||||
.fillD .icon.browse { background-position: 0px -20px;}
|
||||
.fillD .icon.add-point { background-position: -20px -20px;}
|
||||
.fillD .icon.add-line { background-position: -40px -20px;}
|
||||
.fillD .icon.add-area { background-position: -60px -20px;}
|
||||
.fillD .icon.undo { background-position: -80px -20px;}
|
||||
.fillD .icon.redo { background-position: -100px -20px;}
|
||||
.fillD .icon.apply { background-position: -120px -20px;}
|
||||
.fillD .icon.save { background-position: -140px -20px;}
|
||||
.fillD .icon.close { background-position: -160px -20px;}
|
||||
.fillD .icon.delete { background-position: -180px -20px;}
|
||||
.fillD .icon.remove { background-position: -200px -20px;}
|
||||
.fillD .icon.inspect { background-position: -220px -20px;}
|
||||
.fillD .icon.zoom-in { background-position: -240px -20px;}
|
||||
.fillD .icon.zoom-out { background-position: -260px -20px;}
|
||||
.fillD .icon.geocode { background-position: -280px -20px;}
|
||||
.fillD .icon.layers { background-position: -300px -20px;}
|
||||
.fillD .icon.avatar { background-position: -320px -20px;}
|
||||
.fillD .icon.nearby { background-position: -340px -20px;}
|
||||
|
||||
button[disabled] .icon.browse { background-position: 0px -40px;}
|
||||
button[disabled] .icon.add-point { background-position: -20px -40px;}
|
||||
@@ -354,6 +382,8 @@ button[disabled] .icon.zoom-in { background-position: -240px -40px;}
|
||||
button[disabled] .icon.zoom-out { background-position: -260px -40px;}
|
||||
button[disabled] .icon.geocode { background-position: -280px -40px;}
|
||||
button[disabled] .icon.layers { background-position: -300px -40px;}
|
||||
button[disabled] .icon.avatar { background-position: -320px -40px;}
|
||||
button[disabled] .icon.nearby { background-position: -340px -40px;}
|
||||
|
||||
/* Toggle Icon is special */
|
||||
.toggle.icon { background-position: 0px -180px;}
|
||||
@@ -494,12 +524,6 @@ button.Browse .label {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.content {
|
||||
background-color:#fff;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
/* Zoomer */
|
||||
|
||||
.zoombuttons {
|
||||
@@ -613,34 +637,39 @@ img.tile {
|
||||
/* About Section
|
||||
------------------------------------------------------- */
|
||||
|
||||
#about {
|
||||
.about-block {
|
||||
position:absolute;
|
||||
bottom:5px;
|
||||
right:5px;
|
||||
background:#fff;
|
||||
padding:2px 5px;
|
||||
bottom:0px;
|
||||
}
|
||||
|
||||
#about #user-list a:not(:last-child):after {
|
||||
#about {
|
||||
bottom:0px;
|
||||
right:0px;
|
||||
border-radius:3px 0 0 0;
|
||||
}
|
||||
|
||||
#user-list {
|
||||
border-radius:3px 3px 0 0;
|
||||
right: 330px;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
#user-list a:not(:last-child):after {
|
||||
content: ', ';
|
||||
}
|
||||
|
||||
/* Account Information
|
||||
------------------------------------------------------- */
|
||||
/* Account Information */
|
||||
|
||||
.user {
|
||||
width:200px;
|
||||
.user-container {
|
||||
position:absolute;
|
||||
bottom:10px;
|
||||
left:10px;
|
||||
background:#fff;
|
||||
padding:2px 5px;
|
||||
border-radius:3px;
|
||||
border:1px solid #aaa;
|
||||
left:0px;
|
||||
border-radius:0 3px 0 0;
|
||||
}
|
||||
|
||||
.user .logout {
|
||||
.user-container .logout {
|
||||
margin-left:10px;
|
||||
border-left: 1px solid white;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
/* typeahead dropdowns
|
||||
@@ -738,7 +767,6 @@ div.typeahead a:first-child {
|
||||
left:70px;
|
||||
width:250px;
|
||||
height:50px;
|
||||
padding:10px;
|
||||
background:#fff;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
|
||||
Reference in New Issue
Block a user