+/* Utility for managing inner content areas */
+
+.inner22 { padding: $lineheight;}
+
+.inner12 { padding: $lineheight/2 $lineheight;}
+
+.inner11 { padding: $lineheight/2;}
+
+.inner20 { padding: $lineheight 0;}
+
+.inner02 { padding: 0 $lineheight;}
+
+/* Utility for general button styles */
+
+input[type="button"],
+input[type="submit"],
+input[type="reset"],
+a.button {
+ cursor: pointer;
+ border: 0;
+ display: inline-block;
+ padding: $lineheight/4 $lineheight/2;
+ min-height: 20px + $lineheight/2;
+ min-width: 120px;
+ margin: 0 0 $lineheight/2 0;
+ color: white;
+ background: $blue;
+ text-align: center;
+ border-radius: 2px;
+ &:hover {
+ background: darken($blue, $hovercolor);
+ text-decoration: none;
+ }
+ &.deemphasize {
+ background: $lightblue;
+ &:hover {
+ background: darken($lightblue, $hovercolor);
+ }
+ }
+ &:disabled {
+ background: $lightgrey;
+ &:hover {
+ background: $lightgrey;
+ }
+ }
+ &:last-child {
+ margin-bottom: 0;
+ }
+}
+
+input[type="button"],
+input[type="submit"],
+input[type="reset"] {
+ line-height: normal;
+}
+
+a.button {
+ line-height: 20px;
+}
+
+.buttons {
+ min-width: 200px;
+ input[type="submit"],
+ input[type="button"],
+ input[type="reset"],
+ .button {
+ 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 {
+ border-radius:2px 0 0 2px;
+ }
+ input:last-child,
+ .button:last-child {
+ border-radius:0 2px 2px 0;
+ border-right-width: 0;
+ }
+ input:only-child,
+ .button:only-child,
+ *[value="Hide"] + input:last-child,
+ *[value="Hide"] + .button: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) {
+ 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) {
+ border-radius:2px 0 0 2px;
+ border-right-width: 1px;
+ }
+}
+
+/* Rules for doing distinct colour of alternate table rows */
+
+.table0,
+.item0 {
+ background: $offwhite;
+}
+
+.table1,
+.item1 {
+ background: #fff;
+}
+
+/* Rules for OpenID logo */
+
+.openid_logo {
+ vertical-align: text-bottom;
+ border: 0;
+}
+
+/* Rules for rich text */
+
+.richtext,
+.prose {
+ h1, h2 {
+ padding-bottom: $lineheight/2;
+ border-bottom: 1px dashed #cccccc;
+ margin-bottom: $lineheight/2;
+ }
+
+ h1 {
+ font-size: 24px;
+ }
+
+ h2 {
+ font-size: 18px;
+ }
+
+ h3 {
+ font-size: $typeheight;
+ }
+
+ code {
+ font-size: 13px;
+ background: #e8e8e8;
+ padding: 2px 3px;
+ }
+
+ pre {
+ font-size: 13px;
+ background: #e8e8e8;
+ padding: 2px 3px;
+
+ 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: #7E7E7E;
+ }
+
+ ul, ol {
+ padding-left: $lineheight;
+ margin-bottom: $lineheight;
+ margin-left: $lineheight;
+ }
+
+ ul li {
+ list-style: disc;
+ }
+
+ ol li {
+ list-style: decimal;
+ }
+}
+
+.diary_post .richtext {
+ margin-top: $lineheight;
+ }
+
+.comments .richtext {
+ margin-left: 70px;
+ margin-top: 0;
+}
+
+/* Rules for rich text editors */
+
+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: #f8f8ff;
+ padding: $lineheight/2;
+ width: 220px;
projects / rails.git / blobdiff