Skip to content
Browse files

* Stopped elastic scrolling in Lion

* General margin fixes
  • Loading branch information...
1 parent 809df08 commit a550cafa04a298001cc69bff74a32df5794e46d4 @wafflesnatcha wafflesnatcha committed Mar 21, 2012
Showing with 75 additions and 383 deletions.
  1. +1 −84 print.css
  2. +1 −263 style.css
  3. +73 −36 style.scss
View
85 print.css
@@ -1,84 +1 @@
-@import url(style.css);
-body.scott {
- background: white;
- color: black;
- margin: 0;
- padding: 0;
-}
-
-.scott a, .scott a:hover, .scott a:visited {
- color: #1525ab;
- text-decoration: underline;
-}
-.scott pre {
- background: none;
- border-radius: 0;
- border: none;
- color: black;
- padding: 0;
- position: static;
- white-space: pre-wrap;
- word-wrap: break-word;
-}
-.scott hr {
- background: #999;
- border: 1px solid #999;
- height: auto;
- margin: auto;
- padding: 0;
-}
-
-.scott #tm_webpreview_header,
-.scott #tm_webpreview_header .headline,
-.scott #tm_webpreview_header .type {
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- background: transparent none;
- border: none;
- color: black;
- display: block;
- float: none;
- height: auto;
- margin: auto;
- padding: 0;
- position: static;
- text-shadow: none;
- white-space: normal;
-}
-
-.scott #tm_webpreview_header .type {
- border: 1px solid #999;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -ms-border-radius: 4px;
- -o-border-radius: 4px;
- border-radius: 4px;
- font-size: inherit;
- margin: .5em 0;
- padding: .3em;
-}
-
-.scott #theme_switcher {
- display: none;
-}
-
-.scott #tm_webpreview_footer {
- background: none;
- color: black;
- margin: 1em 0 0;
- padding: 0;
- position: static;
- text-shadow: none;
-}
-
-.scott #tm_webpreview_footer p {
- margin: 0;
- padding: 0;
-}
-
-.scott #tm_webpreview_content {
- background: inherit;
- margin: 0;
- padding: 0;
-}
+@import url(style.css);body.scott{background:#fff;color:#000;margin:0;padding:0}.scott a,.scott a:hover,.scott a:visited{color:#1525ab;text-decoration:underline}.scott pre{background:none;border-radius:0;border:none;color:#000;padding:0;position:static;white-space:pre-wrap;word-wrap:break-word}.scott hr{background:#999;border:1px solid #999;height:auto;margin:auto;padding:0}.scott #tm_webpreview_header,.scott #tm_webpreview_header .headline,.scott #tm_webpreview_header .type{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:transparent none;border:none;color:#000;display:block;float:none;height:auto;margin:auto;padding:0;position:static;text-shadow:none;white-space:normal}.scott #tm_webpreview_header .type{border:1px solid #999;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;font-size:inherit;margin:.5em 0;padding:.3em}.scott #theme_switcher{display:none}.scott #tm_webpreview_footer{background:none;color:#000;margin:1em 0 0;padding:0;position:static;text-shadow:none}.scott #tm_webpreview_footer p{margin:0;padding:0}.scott #tm_webpreview_content{background:inherit;margin:0;padding:0}
View
264 style.css
@@ -1,263 +1 @@
-body.scott {
- background: white;
- color: black;
- font-family: "Lucida Grande", "Lucida Sans", Helvetica, sans-serif;
- font-size: 12px;
- margin: 0;
- padding: 50px 0 0;
-}
-
-.scott h1, .scott h2, .scott h3, .scott h4, .scott h5, .scott h6 {
- color: black;
- font-style: normal;
- font-weight: 500;
- margin: .5em 0;
-}
-.scott h1 {
- font-size: 2em;
-}
-.scott h2 {
- font-size: 1.5em;
-}
-.scott h3 {
- font-size: 1.17em;
-}
-.scott h5 {
- font-size: 0.83em;
-}
-.scott h6 {
- font-size: 0.67em;
-}
-.scott dl, .scott dt, .scott dd {
- margin-left: 0;
- margin-right: 0;
-}
-.scott a {
- color: #1525ab;
- text-decoration: none;
-}
-.scott a:visited {
- color: #680094;
-}
-.scott a:hover {
- text-decoration: underline;
-}
-.scott blockquote {
- color: #444;
-}
-.scott code, .scott pre, .scott tt {
- font-family: Menlo, Monaco, "Courier New", monospace;
- font-size: inherit;
-}
-.scott pre {
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- background: #eee;
- margin: 1em 0;
- overflow: auto;
- padding: .6em .8em;
- white-space: pre;
- word-wrap: normal;
- position: relative;
-}
-.scott hr {
- background-color: #e0e0e0;
- border: none;
- height: 1px;
- margin: 1em 0;
- padding: 0;
-}
-.scott li > p {
- margin: 0;
-}
-.scott #tm_webpreview_header {
- background: none;
- color: black;
- display: block;
- font-size: inherit;
- height: 28px;
- left: 0;
- overflow: visible;
- padding: 0;
- position: fixed;
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
- top: 0;
- width: 100%;
- z-index: 10000;
-}
-.scott #tm_webpreview_header #gradient,
-.scott #tm_webpreview_header #teaser {
- display: none;
-}
-.scott #tm_webpreview_header .headline {
- -webkit-background-origin: border;
- -khtml-background-origin: border-box;
- background-origin: border-box;
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(215, 215, 215, 0.88)), color-stop(100%, rgba(180, 180, 180, 0.75))), url("images/noise.png");
- background-image: -webkit-linear-gradient(top, rgba(215, 215, 215, 0.88), rgba(180, 180, 180, 0.75)), url("images/noise.png");
- background-image: linear-gradient(top, rgba(215, 215, 215, 0.88), rgba(180, 180, 180, 0.75)), url("images/noise.png");
- background-color: transparent;
- border: none;
- -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8), 0 -1px 0 rgba(255, 255, 255, 0.15) inset;
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8), 0 -1px 0 rgba(255, 255, 255, 0.15) inset;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- font-family: "Helvetica Neue", Helvetica, sans-serif;
- font-size: 18px;
- font-weight: bold;
- margin: 0;
- height: 28px;
- line-height: 28px;
- overflow-x: hidden;
- padding: 0 200px 0 10px;
- position: relative;
- text-overflow: ellipsis;
- white-space: nowrap;
- z-index: 10;
-}
-.scott #tm_webpreview_header .type {
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(89, 9, 89, 0.9)), color-stop(100%, rgba(153, 15, 135, 0.9)));
- background-image: -webkit-linear-gradient(top, rgba(89, 9, 89, 0.9), rgba(153, 15, 135, 0.9));
- background-image: linear-gradient(top, rgba(89, 9, 89, 0.9), rgba(153, 15, 135, 0.9));
- -webkit-background-origin: border;
- -khtml-background-origin: border-box;
- background-origin: border-box;
- border-bottom: 1px solid rgba(0, 0, 0, 0.4);
- border-left: 1px solid rgba(0, 0, 0, 0.1);
- border-right: 1px solid rgba(0, 0, 0, 0.1);
- border-top: none;
- -webkit-border-radius: 0 0 3px 3px;
- -khtml-border-radius: 0 0 3px 3px;
- border-radius: 0 0 3px 3px;
- -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 1px 0;
- box-shadow: rgba(0, 0, 0, 0.3) 0 0 1px 0;
- color: #fff;
- float: left;
- font-size: 11px;
- font-weight: bold;
- margin: 0 5px;
- min-height: 1px;
- padding: 2px 10px;
- position: static;
- text-shadow: 0 1px 0 black;
- white-space: nowrap;
- width: auto;
-}
-.scott #theme_switcher {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- color: #4a4a4a;
- font-size: 10px;
- font-weight: bold;
- margin: 0;
- opacity: 1;
- height: 28px;
- max-width: 200px;
- padding: 2px 10px;
- position: absolute;
- right: 0;
- text-align: right;
- top: 0;
- z-index: 100;
-}
-.scott #theme_switcher form {
- padding: 0;
-}
-.scott #theme_selector {
- -webkit-appearance: none;
- appearance: none;
- background-color: #ddd;
- background-image: url("images/arrow_down.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.7)), color-stop(100%, rgba(201, 201, 201, 0.7)));
- background-image: url("images/arrow_down.png"), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(201, 201, 201, 0.7));
- background-image: url("images/arrow_down.png"), linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(201, 201, 201, 0.7));
- -webkit-background-origin: border;
- -khtml-background-origin: border-box;
- background-origin: border-box;
- background-position: right center;
- background-repeat: no-repeat, repeat-x;
- border: 1px solid rgba(100, 100, 100, 0.5);
- -webkit-border-radius: 3px;
- -khtml-border-radius: 3px;
- border-radius: 3px;
- -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.15), -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 0 rgba(255, 255, 255, 0.2);
- box-shadow: 1px 0 0 rgba(255, 255, 255, 0.15), -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 0 rgba(255, 255, 255, 0.2);
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- color: #444;
- font-weight: bold;
- max-width: 130px;
- outline: none;
- padding: 2px 5px 3px;
-}
-.scott #theme_selector:hover {
- background-color: #fff;
-}
-.scott #tm_webpreview_footer {
- background: #292929;
- bottom: 0;
- color: #fff;
- display: block;
- left: 0;
- max-height: 50px;
- overflow: visible;
- padding: 0;
- position: fixed;
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
- width: 100%;
- z-index: 100;
-}
-.scott #tm_webpreview_footer p {
- margin: 0;
- padding: 0;
-}
-.scott #tm_webpreview_content {
- background: none;
- margin: 1em;
- padding: 0;
-}
-.scott #tm_webpreview_content :first-child {
- margin-top: auto;
-}
-.scott .pro_table {
- border-bottom: 2px solid #eaeaea;
- font-size: inherit;
-}
-.scott .pro_table th, .scott .pro_table td {
- background-color: white;
- padding: 4px 8px;
-}
-.scott .pro_table th {
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(150, 150, 150, 0.15)));
- background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(150, 150, 150, 0.15));
- background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(150, 150, 150, 0.15));
- -webkit-background-origin: content;
- -khtml-background-origin: content-box;
- background-origin: content-box;
- border-bottom: 1px solid #bbb;
- -webkit-box-shadow: 0 -3px 4px -3px rgba(0, 0, 0, 0.2) inset;
- box-shadow: 0 -3px 4px -3px rgba(0, 0, 0, 0.2) inset;
- font-weight: bold;
- text-align: left;
-}
-.scott .pro_table td {
- vertical-align: top;
-}
-.scott .pro_table > tbody > tr:nth-child(even) > td {
- background-color: #f3f6fa;
-}
-.scott .pro_table p {
- margin: 0;
-}
-.scott .pro_table p + p {
- margin-top: 1em;
-}
-.scott div.footnotes {
- padding: 1em;
- font-size: 90%;
-}
-.scott .alternate {
- background-color: #f0f0f0;
-}
+body.scott{background:#fff;color:#000;font-family:"Lucida Grande","Lucida Sans",Helvetica,sans-serif;font-size:12px;height:100%;margin:0;overflow:hidden;padding:0}.scott h1,.scott h2,.scott h3,.scott h4,.scott h5,.scott h6{color:#000;font-style:normal;font-weight:500}.scott h1{font-size:2em}.scott h2{font-size:1.5em}.scott h3{font-size:1.17em}.scott h5{font-size:0.83em}.scott h6{font-size:0.67em}.scott a{color:#1525ab;text-decoration:none}.scott a:visited{color:#680094}.scott a:hover,.scott a:active,.scott a:focus{text-decoration:underline}.scott blockquote{color:#444;font-style:italic;margin-left:40px;margin-right:0}.scott h1,.scott h2,.scott h3,.scott h4,.scott h5,.scott h6,.scott p,.scott pre,.scott blockquote{-webkit-margin-after:15px;-webkit-margin-before:15px;-webkit-margin-collapse:collapse}.scott h1:first-of-type,.scott h2:first-of-type,.scott h3:first-of-type,.scott h4:first-of-type,.scott h5:first-of-type,.scott h6:first-of-type,.scott p:first-of-type,.scott pre:first-of-type,.scott blockquote:first-of-type{margin-top:0}.scott dl,.scott dt,.scott dd{margin-left:0;margin-right:0}.scott code,.scott pre,.scott tt,.scott textarea{font-family:Menlo,Monaco,"Courier New",monospace;font-size:inherit}.scott pre{-webkit-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#eee;margin:1em 0;overflow:auto;padding:.6em .8em;position:relative;white-space:pre;word-wrap:normal}.scott pre code{white-space:pre;word-wrap:normal}.scott hr{background-color:#e0e0e0;border:none;height:1px;margin:1em 0;padding:0}.scott li>p{margin:0}.scott #tm_webpreview_header{background:none;border:none;color:#000;display:block;font-size:inherit;height:28px;left:-2px;overflow:visible;padding:0;position:fixed;right:-2px;text-shadow:0 1px 0 rgba(255,255,255,0.4);top:0;width:auto;z-index:10000}.scott #tm_webpreview_header #gradient,.scott #tm_webpreview_header #teaser{display:none}.scott #tm_webpreview_header .headline{-webkit-background-origin:border;background-origin:border-box;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(215,215,215,0.88)), color-stop(100%, rgba(180,180,180,0.75))),url("images/noise.png");background-image:-webkit-linear-gradient(top, rgba(215,215,215,0.88),rgba(180,180,180,0.75)),url("images/noise.png");background-image:linear-gradient(top, rgba(215,215,215,0.88),rgba(180,180,180,0.75)),url("images/noise.png");background-color:transparent;border:none;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.15) inset;box-shadow:0 1px 0 rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.15) inset;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:18px;font-weight:bold;margin:0;height:28px;line-height:28px;overflow-x:hidden;padding:0 200px 0 12px;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:10}.scott #tm_webpreview_header .type{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(89,9,89,0.9)), color-stop(100%, rgba(153,15,135,0.9)));background-image:-webkit-linear-gradient(top, rgba(89,9,89,0.9),rgba(153,15,135,0.9));background-image:linear-gradient(top, rgba(89,9,89,0.9),rgba(153,15,135,0.9));-webkit-background-origin:border;background-origin:border-box;border-bottom:1px solid rgba(0,0,0,0.4);border-left:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(0,0,0,0.1);border-top:none;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 1px 0;box-shadow:rgba(0,0,0,0.3) 0 0 1px 0;color:#fff;float:left;font-size:11px;font-weight:bold;margin:0 7px;min-height:1px;padding:2px 10px;position:static;text-shadow:0 1px 0 #000;white-space:nowrap;width:auto}.scott #tm_webpreview_header .type:empty{display:none}.scott #theme_switcher{-webkit-box-sizing:border-box;box-sizing:border-box;color:#4a4a4a;font-size:10px;font-weight:bold;margin:0;opacity:1;height:28px;max-width:200px;padding:2px 10px;position:absolute;right:0;text-align:right;top:0;z-index:100}.scott #theme_switcher form{padding:0}.scott #theme_selector{-webkit-appearance:none;appearance:none;background-color:#ddd;background-image:url("images/arrow_down.png"),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0.7)), color-stop(100%, rgba(201,201,201,0.7)));background-image:url("images/arrow_down.png"),-webkit-linear-gradient(top, rgba(255,255,255,0.7),rgba(201,201,201,0.7));background-image:url("images/arrow_down.png"),linear-gradient(top, rgba(255,255,255,0.7),rgba(201,201,201,0.7));-webkit-background-origin:border;background-origin:border-box;background-position:right center;background-repeat:no-repeat, repeat-x;border:1px solid rgba(100,100,100,0.5);-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:1px 0 0 rgba(255,255,255,0.15),-1px 0 0 rgba(255,255,255,0.15),0 1px 0 rgba(255,255,255,0.2);box-shadow:1px 0 0 rgba(255,255,255,0.15),-1px 0 0 rgba(255,255,255,0.15),0 1px 0 rgba(255,255,255,0.2);-webkit-box-sizing:border-box;box-sizing:border-box;color:#444;font-weight:bold;max-width:130px;outline:none;padding:2px 5px 3px}.scott #theme_selector:hover{background-color:#fff}.scott #tm_webpreview_footer{background:#292929;bottom:0;color:#fff;display:block;left:0;max-height:50px;overflow:visible;padding:0;position:fixed;text-shadow:0 1px 0 rgba(255,255,255,0.4);width:100%;z-index:100}.scott #tm_webpreview_footer p{margin:0;padding:0}.scott #tm_webpreview_content{-webkit-box-sizing:border-box;box-sizing:border-box;background:none;bottom:0;height:auto;left:0;margin:0;overflow:auto;padding:25px 15px 15px;position:absolute;right:0;top:28px;width:auto}.scott #tm_webpreview_content :first-child{margin-top:auto}.scott .pro_table{border-bottom:2px solid #eaeaea;font-size:inherit}.scott .pro_table th,.scott .pro_table td{background-color:#fff;padding:4px 8px}.scott .pro_table th{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(150,150,150,0.15)));background-image:-webkit-linear-gradient(top, rgba(255,255,255,0),rgba(150,150,150,0.15));background-image:linear-gradient(top, rgba(255,255,255,0),rgba(150,150,150,0.15));-webkit-background-origin:border;background-origin:border-box;border-bottom:1px solid #bbb;-webkit-box-shadow:0 -3px 4px -3px rgba(0,0,0,0.2) inset;box-shadow:0 -3px 4px -3px rgba(0,0,0,0.2) inset;font-weight:bold;text-align:left}.scott .pro_table td{vertical-align:top}.scott .pro_table>tbody>tr:nth-child(even)>td{background-color:#f3f6fa}.scott .pro_table p{margin:0}.scott .pro_table p+p{margin-top:1em}.scott div.footnotes{padding:1em;font-size:90%}.scott .alternate{background-color:#f0f0f0}
View
109 style.scss
@@ -6,25 +6,28 @@ $experimental-support-for-opera: false;
@import "compass/css3";
-$font_family: "Lucida Grande", "Lucida Sans", Helvetica, sans-serif;
-$font_family_monospace: Menlo, Monaco, "Courier New", monospace;
-$font_size: 12px;
+$font_body: "Lucida Grande", "Lucida Sans", Helvetica, sans-serif;
+$font_code: Menlo, Monaco, "Courier New", monospace;
+$font_heading: "Helvetica Neue", Helvetica, sans-serif;
-$headline_font_family: "Helvetica Neue", Helvetica, sans-serif;
-$headline_font_size: 18px;
+$font_size: 12px;
$default: #000;
$default_bg: #fff;
+$header_height: 28px;
+
body.scott {
background: $default_bg;
color: $default;
font: {
- family: $font_family;
+ family: $font_body;
size: $font_size;
}
+ height: 100%;
margin: 0;
- padding: 50px 0 0;
+ overflow: hidden;
+ padding: 0;
}
.scott {
@@ -34,7 +37,6 @@ body.scott {
style: normal;
weight: 500;
}
- margin: .5em 0;
}
h1 { font-size: 2em; }
@@ -44,13 +46,6 @@ body.scott {
h5 { font-size: 0.83em; }
h6 { font-size: 0.67em; }
- dl, dt, dd {
- margin: {
- left: 0;
- right: 0;
- }
- }
-
a {
color: #1525ab;
text-decoration: none;
@@ -59,32 +54,59 @@ body.scott {
color: #680094;
}
- &:hover {
+ &:hover, &:active, &:focus {
text-decoration: underline;
}
}
blockquote {
color: #444;
+ font-style: italic;
+ margin: {
+ left: 40px;
+ right: 0;
+ }
}
- code, pre, tt {
+ #{headings()}, p, pre, blockquote {
+ -webkit-margin-after: 15px;
+ -webkit-margin-before: 15px;
+ -webkit-margin-collapse: collapse;
+
+ &:first-of-type {
+ margin-top: 0;
+ }
+ }
+
+ dl, dt, dd {
+ margin: {
+ left: 0;
+ right: 0;
+ }
+ }
+
+ code, pre, tt, textarea {
font: {
- family: $font_family_monospace;
+ family: $font_code;
size: inherit;
}
}
pre {
- @include border-radius(4px);
+ @include border-radius(3px);
@include box-sizing(border-box);
background: #eee;
margin: 1em 0;
overflow: auto;
padding: .6em .8em;
+ position: relative;
white-space: pre;
word-wrap: normal;
- position: relative;
+
+ code {
+ white-space: pre;
+ word-wrap: normal;
+ }
}
hr {
@@ -101,17 +123,19 @@ body.scott {
#tm_webpreview_header {
background: none;
+ border: none;
color: $default;
display: block;
font-size: inherit;
- height: 28px;
- left: 0;
+ height: $header_height;
+ left: -2px;
overflow: visible;
padding: 0;
position: fixed;
+ right: -2px;
@include text-shadow(0 1px 0 rgba(255,255,255,.4));
top: 0;
- width: 100%;
+ width: auto;
z-index: 10000;
#gradient,
@@ -127,18 +151,18 @@ body.scott {
);
background-color: transparent;
border: none;
- @include box-shadow(0 1px 2px rgba(0,0,0,.8), 0 -1px 0 rgba(255,255,255,.15) inset);
+ @include box-shadow(0 1px 0 rgba(0,0,0,.25), 0 1px 2px rgba(0,0,0,.5), 0 -1px 0 rgba(255,255,255,0.15) inset);
@include box-sizing(border-box);
font: {
- family: $headline_font_family;
- size: $headline_font_size;
+ family: $font_heading;
+ size: 18px;
weight: bold;
}
margin: 0;
- height: 28px;
- line-height: 28px;
+ height: $header_height;
+ line-height: $header_height;
overflow-x: hidden;
- padding: 0 200px 0 10px;
+ padding: 0 200px 0 12px;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
@@ -162,13 +186,17 @@ body.scott {
size: $font-size - 1;
weight: bold;
}
- margin: 0 5px;
+ margin: 0 7px;
min-height: 1px;
padding: 2px 10px;
position: static;
@include text-shadow(0 1px 0 #000);
white-space: nowrap;
width: auto;
+
+ &:empty {
+ display: none;
+ }
}
}
@@ -179,7 +207,7 @@ body.scott {
font-weight: bold;
margin: 0;
opacity: 1;
- height: 28px;
+ height: $header_height;
max-width: 200px;
padding: 2px 10px;
position: absolute;
@@ -244,15 +272,24 @@ body.scott {
}
#tm_webpreview_content {
+ @include box-sizing(border-box);
background: none;
- margin: 1em;
- padding: 0;
-
+ bottom: 0;
+ height: auto;
+ left: 0;
+ margin: 0;
+ overflow: auto;
+ padding: 25px 15px 15px;
+ position: absolute;
+ right: 0;
+ top: $header_height;
+ width: auto;
+
:first-child {
margin-top: auto;
}
}
-
+
.pro_table {
border-bottom: 2px solid #eaeaea;
font-size: inherit;
@@ -265,7 +302,7 @@ body.scott {
th {
@include background-image(linear-gradient(top, rgba(255,255,255,0), rgba(150,150,150,.15)));
- @include background-origin(content-box);
+ @include background-origin(border-box);
border-bottom: 1px solid #bbb;
@include box-shadow(0 -3px 4px -3px rgba(0,0,0,.2) inset);
font-weight: bold;

0 comments on commit a550caf

Please sign in to comment.
Something went wrong with that request. Please try again.