Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
tree: ca206043a6
Fetching contributors…

Cannot retrieve contributors at this time

399 lines (340 sloc) 7.504 kb
@import "compass";
@import "palette";
@media all and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) {
}
html {
height: 100%;
margin: 0px;
padding: 0px;
@extend .secondary-a-3;
body {
box-shadow: -0px -5px 20px 5px $primary_2;
@extend .primary-3;
color: #FEE;
margin-top: 0;
max-width: 1000px;
min-height: 100%;
margin-left: auto;
margin-right: auto;
border-left: 1px solid black;
border-right: 1px solid black;
font-family: "Gudea", Helvetica, Arial, sans-serif;
@media (max-width: 400px) {
/* iphones and other small screens */
font-size: 10pt;
}
font-size: 12pt;
} /* body */
} /* html */
.readmargin {
padding-left: 10px;
padding-right: 10px;
}
.splash {
border-bottom: 2px solid black;
overflow: auto;
width: 100%;
background-color: $primary-1 !important;
.inner {
overflow: auto;
padding: 40px;
@media (max-width: 600px) {
background-color: rgba(red($primary-1), green($primary-2), blue($primary-2), 0.7 );
}
@media (max-width: 400px) {
padding: 5px !important;
}
}
h1 {
text-shadow: black 1px 1px 8px;
margin: 0px;
font-size: 300%;
line-height: 1;
letter-spacing: -1px;
}
p {
font-size: 18px;
font-weight: 200;
line-height: 27px;
color: inherit;
}
} /* splash */
.featurelet {
min-width: $boxminwidth;
float: left;
margin-top: 10px !important;
color: white;
// 3 columns
width: ((100 - ($margin * 4)) / 3);
margin-left: $margin;
.inner {
@extend .secondary-b-2;
@include background-image(linear-gradient(top, lighten($secondary-b-2, 5%) 0%,darken($secondary-b-2, 10%) 100%));
width: 100%;
height: 100%;
border: 2px solid black !important;
border-radius: 15px !important;
height: 10em;
padding-bottom: $margin;
overflow: hidden;
@include transition("box-shadow, border, background", 0.5s);
h1, > h2, > h3 {
text-shadow: black 2px 2px 3px;
margin: 0;
}
> p {
text-shadow: black 1px 1px 2px;
}
a {
color: inherit;
text-decoration: none;
}
> * {
padding-left: 15px;
padding-right: 15px;
}
> *:first-child {
padding-top: 10px;
}
> *:last-child {
padding-bottom: 15px;
}
}
} /* .featurelet */
.featurelet .inner:hover {
@extend .secondary-b-3;
box-shadow: 0 0 15px 3px $complement-5;
border: 2px solid $secondary-b-5 !important;
@include background-image(linear-gradient(top, lighten($secondary-b-2, 5%) 0%,darken($secondary-b-2, 20%) 100%));
cursor: pointer;
background-position: 0% 5%;
}
.features {
overflow: hidden;
padding-bottom: 1em;
width: 100%;
@include background-image(linear-gradient(top, lighten($primary-2, 5%) 0%,darken($primary-2, 10%) 100%));
border-bottom: 2px solid black;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.details {
overflow: hidden;
padding-bottom: 1em;
width: 100%;
}
.details .info {
min-width: $boxminwidth;
margin-left: $margin;
// two columns.
width: ((100 - ($margin * 3)) / 2);
float: left;
margin-top: 10px;
color: white;
> *:last-child {
border-left: 0px;
}
.inner {
width: 100%;
}
}
header {
@extend .secondary-a-1;
box-shadow: -0px -5px 40px 15px $secondary_a_4;
border-bottom: 2px solid black;
.logo a {
font-family: 'Noticia Text', serif;
font-size: 2em;
color: #FFFFFF;
font-weight: bold;
text-shadow: #A62F00 1px 1px 3px;
width: 100%;
@include transition("color", 0.5s);
}
.logo a:hover {
color: #FFAD40;
text-decoration: none;
}
.logo {
}
.edit-this-page {
text-align: right;
}
.search {
float: right;
input[type="submit"] {
display: none;
}
}
.float-right {
float: right;
}
padding: 1em;
}
a {
color: lighten($complement-5, 20%);
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #BDF;
text-decoration: underline;
}
h1, h2, h3 {
font-family: "Gudea", sans-serif !important;
}
#content {
padding-bottom: 1em;
}
.article-splash {
border-bottom: 2px solid black;
@extend .primary-1;
.inner {
@media (max-width: 400px) {
padding: 5px;
}
padding: 40px;
padding-top: 1em;
padding-bottom: 1em;
}
h1 {
text-shadow: black 1px 1px 8px;
margin: 0px;
font-size: 300%;
line-height: 1;
letter-spacing: -1px;
display: inline;
}
} /* article-splash */
.article-splash ~ * {
margin-left: 20px;
margin-right: 20px;
}
.table-of-contents {
border: 1px solid black;
min-width: $boxminwidth;
@media (max-width: 400px) {
min-width: ($boxminwidth - 40);
}
border-radius: 15px;
box-shadow: -0px -0px 20px 1px $primary_4;
@extend .secondary-a-3;
float: right;
margin: $margin;
padding: 1em;
width: 30%;
ul, ol {
margin: 0;
padding-left: 1em;
}
h1 {
font-size: 130%;
padding: 0;
margin: 0;
}
.topic-h1 { margin-left: 1em; }
.topic-h2 { margin-left: 2em; }
.topic-h3 { margin-left: 3em; }
} /* .table-of-contents */
.article {
.bullet-list {
margin: 0;
margin-top: 1.5em;
padding: $margin;
@extend .primary-2;
border-radius: 15px;
box-shadow: 0px 0px 7px 7px $primary_2;
max-width: 50%;
min-width: $boxminwidth;
@media (max-width: 400px) {
min-width: ($boxminwidth - 40);
}
opacity: 0.9;
li.bullet:last {
margin-bottom: 0em;
}
li.bullet {
font-size: 110%;
margin: 0;
list-style-type: none;
padding-top: 1px;
padding-bottom: 1px;
}
.bullet-title {
font-weight: bold;
padding-right: 5px;
}
}
pre.code-header {
margin-top: 0px; /* for 'view plain text' link */
margin-bottom: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
padding: 2px;
padding-left: 10px;
overflow: hidden;
@extend .secondary-a-4;
color: black;
* {
color: black;
}
}
pre.code {
margin-top: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
pre.wrap {
white-space: pre-wrap;
overflow: auto;
}
.has-view-text-link {
margin-top: 0;
}
pre {
max-width: 100%;
border: 1px solid $primary-5;
color: white;
overflow-x: auto;
margin-left: 0px;
margin-right: 0px;
border-top-right-radius: 0px;
overflow-x: auto;
margin-left: 1em;
margin-right: 1em;
@extend .primary-2;
border-radius: 8px;
padding: 10px;
}
/* The 'view plain text' boxes */
div.plain-text-link {
@media (min-width: 400px) {
//display: none;
}
text-align: right;
width: 100%;
margin-bottom: -1px;
padding: 0px;
/* The 'view plain text' link */
a {
padding-left: 1em;
padding-right: 1em;
@media (min-width: 400px) {
margin-right: 1em; /* match <pre> tag margin */
}
@include background-image(linear-gradient(top, darken($primary-2, 8%) 0%, $primary-2 100%));
border-left: 1px solid $primary-5;
border-right: 1px solid $primary-5;
border-top: 1px solid $primary-5;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
text-decoration: none;
font-weight: bold;
}
}
a {
color: inherit;
text-decoration: underline;
}
} /* .article */
Jump to Line
Something went wrong with that request. Please try again.