Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
tree: f2de8516c2
Fetching contributors…

Cannot retrieve contributors at this time

143 lines (121 sloc) 3.101 kb
@import "helpers";
@import "compass/css3/border-radius";
@import "compass/css3/box-shadow";
@import "compass/css3/transition";
$light: #9d9d9d;
body[data-theme=macos] {
min-width: 600px;
background: image-url("macos/macos-bg.png") #6c6c6c;
font: bold 12px Lucida Grande, Verdana, sans;
color: $light;
p a {
color: black;
text-decoration: underline;
&:hover { background: black; color: white; text-decoration: none; }
#header {
$h: 34px;
padding: 0 40px;
height: $h; line-height: $h;
overflow: hidden;
background: white;
border-bottom: 1px solid black;
@include border-top-radius(7px);
h1 {
font-size: 17px; line-height: $h; float: left;
color: black;
a:before {
content: "";
display: inline-block;
$logo: "macos/macos-logo.png";
width: image-width($logo); height: image-height($logo);
margin-right: 10px;
position: relative; top: 2px;
background: image-url($logo) center no-repeat;
.share {
float: right; line-height: $h;
#tagline {
margin-top: 34px;
margin-left: 15px;
p {
background: white;
display: inline;
padding: 3px 5px;
line-height: 18px;
&:after { content: "\D\A"; white-space: pre; }
#themes {
background: black;
&, ul { opacity: 1; }
@include border-radius(7px);
$frame-top: 20px + 3px;
$frame-right: 6px;
margin-top: -$frame-top; margin-right: -$frame-right;
padding: 0 2px 2px 1px;
ul {
padding: 3px 4px 0 3px;
background: image-url("macos/macos-dialog-bg.png") white;
@include border-radius(5px);
li { @include box-shadow(black 1px 1px); }
img { border-color: black; }
&:before {
display: block;
content: "Look 'n' Feel";
color: white;
height: 20px; line-height: 20px;
padding: 0 10px;
#quote {
@include quote-in-center;
padding-left: 70px;
font-family: Times, serif;
font-weight: normal;
p {
color: black;
font-size: 30px;
border-top: 15px solid white;
border-left: 30px solid white;
padding-bottom: 15px;
text-align: justify;
span {
line-height: 30px;
background: white; padding: 0 15px 15px 0;
p:before {
@include quote-for-before;
padding: 0;
color: $light;
background: white;
margin-left: -130px;
margin-top: -15px;
padding: 0 30px;
line-height: 150px;;
height: 85px;
cite {
margin-top: 30px;
font-size: 22px;
display: inline-block;
padding: 15px 20px;
background: white;
float: right;
&:after { content: ""; display: block; clear: both; }
// For header's rounded corners to show black and not body's grid.
&:before {
height: 10px; margin-bottom: -10px;
background: black;
content: "";
display: block;
#share { @include share-in-center; }
Jump to Line
Something went wrong with that request. Please try again.