.icon.clipboard { /* no-r2 */ background-position: -160px 0; }
.icon.link { /* no-r2 */ background-position: -180px 0; }
.icon.close { /* no-r2 */ background-position: -200px 0; }
-.close-wrap:hover .icon.close,
.icon.close:hover { /* no-r2 */ background-position: -200px -20px; }
.icon.check { /* no-r2 */ background-position: -220px 0; }
.icon.note { /* no-r2 */ background-position: -240px 0; }
margin-bottom: 10px;
outline: none;
- &:hover {
+ &:hover,
+ &:focus {
background-color: black;
}
clear: both;
width: 100%;
}
-
- h2 {
- font-size: 1.5rem;
- }
-
- h3, h4 {
- font-size: 1.25rem;
- }
-
- .close-wrap {
- cursor: pointer;
- position: absolute;
- top: 0;
- right: 0;
- width: 60px;
- height: 60px;
-
- .icon.close {
- pointer-events: none;
- position: absolute;
- right: 20px;
- top: 20px;
- }
- }
}
.overlay-sidebar #sidebar {
.richtext,
.prose {
code {
- font-size: 13px;
background: $lightgrey;
padding: 2px 3px;
}
pre {
- font-size: 13px;
background: $lightgrey;
padding: 2px 3px;
white-space: pre-wrap;
/* Rules for the "Welcome" page */
.site-welcome, .site-fixthemap {
- .center {
- text-align: center;
- .sprite {
- float: none;
- margin: auto;
- }
- }
-
.sprite {
background-image: image-url("welcome-sprite.png");
background-size: 500px 250px;
display: block;
- float: left;
}
.icon-list {
/* no-r2 */ background-position: -350px 0;
}
- .start-mapping {
- margin: auto;
- cursor: pointer;
- border: none;
- padding: 20px 40px;
- font-size: 30px;
- text-decoration: none;
- }
-
.icon.note {
background-color: #333;
border-radius: 4px;