-.inner11 { padding: $lineheight/2;}
-
-.inner20 { padding: $lineheight 0;}
-
-.inner02 { padding: 0 $lineheight;}
-
-.buttons {
- min-width: 200px;
- input[type="submit"],
- input[type="button"],
- input[type="reset"],
- .button,
- .button_to {
- box-sizing: border-box;
- float: left;
- border-radius: 0;
- margin:0;
- min-width: 75px;
- max-width: 180px;
- border-right:1px solid white;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
- input:first-child,
- .button:first-child,
- .button_to:first-child {
- border-radius:2px 0 0 2px;
- }
- input:last-child,
- .button:last-child,
- .button_to:last-child {
- border-radius:0 2px 2px 0;
- border-right-width: 0;
- }
- input:only-child,
- .button:only-child,
- .button_to:only-child,
- *[value="Hide"] + input:last-child,
- *[value="Hide"] + .button:last-child,
- *[value="Hide"] + .button_to:last-child {
- border-radius:2px;
- border-right-width: 0;
- }
- /* if a 3-button set has a hidden middle button */
- *[value="Hide"] + input:nth-child(3),
- *[value="Hide"] + .button:nth-child(3),
- *[value="Hide"] + .button_to:nth-child(3) {
- border-radius:0 2px 2px 0;
- border-right-width: 0;
- }
- /* if a 3-button set starts with a hidden button */
- *[value="Hide"] + input:nth-child(2):not(:last-child),
- *[value="Hide"] + .button:nth-child(2):not(:last-child),
- *[value="Hide"] + .button_to:nth-child(2):not(:last-child) {
- border-radius:2px 0 0 2px;
- border-right-width: 1px;
- }
-}
-
-/* Customise the background colour of striped tables */
-
-.table-striped > tbody > tr:nth-child(2n+1) > td,
-.table-striped > tbody > tr:nth-child(2n+1) > th {
- background-color: $offwhite;
-}
-
-/* Rules for OpenID logo */
-
-.openid_logo {
- vertical-align: text-bottom;
- border: 0;
-}
-
-/* Rules for rich text */
-
-.richtext,
-.prose {
- code {
- font-size: 13px;
- background: $lightgrey;
- padding: 2px 3px;
- }
-
- pre {
- font-size: 13px;
- background: $lightgrey;
- padding: 2px 3px;
- white-space: pre-wrap;
-
- code {
- padding: 0;
- }
- }
-
- img {
- padding: $lineheight;
- background-color: $offwhite;
- display: block;
- max-width: 100%;
- margin: auto;
- }
-
- blockquote {
- border-left: $lineheight solid $offwhite;
- padding-left: $lineheight;
- margin: 0;
- color: $darkgrey;
- }
-}
-
-.diary_post .richtext {
- margin-top: $lineheight;
- }
-
-.comments .richtext {
- margin-left: 70px;
- margin-top: 0;
-}
-
-/* Rules for rich text editors */
-
-.standard-form {
- input.richtext_title[type="text"] {
- width: 50%;
- width: calc(100% - 235px);
-
- @media only screen and (max-width:768px) {
- width: 100%;
- }
- }
-
- .richtext_container {
- margin-bottom: $lineheight;
-
- .richtext_content {
- width: 50%;
- width: calc(100% - 235px);
- display: inline-block;
- vertical-align: top;
-
- @media only screen and (max-width:768px) {
- width: 100%;
- }
-
- .richtext_preview {
- display: inline-block;
- padding: $lineheight;
- background-color: $offwhite;
- overflow-x: auto;
-
- &.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;
- margin-left: 15px;
- background-color: $offwhite;
- padding: $lineheight/2;
- width: 220px;
-
- ul {
- margin-bottom: 0;
- }
-
- h4.heading, li {
- border-bottom: 1px solid $grey;
- margin-bottom: $lineheight/4;
- padding-bottom: $lineheight/4;
- }
-
- li h4, li span, li p {
- display: inline-block;
- vertical-align: top;
- font-size: 11px;
- }
-
- li h4 {
- width: 40%;
- margin: 0;
- }
-
- li span, li p {
- width: 50%;
- margin-left: $lineheight/2;
- margin-bottom: $lineheight/4;
- white-space: nowrap;
- }
- }
- }
-}
-
-/* Rules for the user notes list */
-
-.note_list {
- tr.creator {
- background-color: $offwhite;
- }
-}
-
-/* Rules for the iD editor */
-
-.id-embed {
- width: 100%;
- height: 100%;
-}
-
-/* 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 {
- padding-bottom: 20px;
- div {
- margin-bottom: 10px;
- p {
- padding-top: 10px;
- }
- }
- }
- .sprite.small {
- width: 50px;
- height: 50px;
- }
-
- .sprite.x {
- /* no-r2 */ background-position: -50px 0;
- }
-
- .sprite.term {
- margin-right: 10px;
- vertical-align: middle;
- }
-
- .sprite.node {
- /* no-r2 */ background-position: -100px 0;
- }
-
- .sprite.way {
- /* no-r2 */ background-position: -150px 0;
- }
-
- .sprite.tag {
- /* no-r2 */ background-position: -200px 0;
- }
-
- .sprite.editor {
- /* no-r2 */ background-position: -250px 0;
- }
-
- .sprite.question {
- /* no-r2 */ background-position: -300px 0;
- }
-
- .sprite.rules {
- /* no-r2 */ background-position: -350px 0;
projects / rails.git / blobdiff