mirror of
https://github.com/WatchOutNewsAgency/wona.github.com.git
synced 2026-02-08 11:10:53 +00:00
irrisponsibly massive commit
This commit is contained in:
Brandon Mathis
91
source/sass/themes/classic/core/_layout.scss
Normal file
91
source/sass/themes/classic/core/_layout.scss
Normal file
@ -0,0 +1,91 @@
|
||||
$page-pad: 40px;
|
||||
$min-width: 320px;
|
||||
$max-width: 1440px;
|
||||
$sidebar-width: 320px;
|
||||
$sidebar-pad: 30px;
|
||||
$default-border-radius: 4px;
|
||||
|
||||
//html { background-color: $body_bg; }
|
||||
|
||||
//body { color: $body_color; }
|
||||
|
||||
//a {
|
||||
//color: $link_color;
|
||||
//&:hover, &:focus {
|
||||
//color: saturate(darken($link_color, 15), 20); }
|
||||
//&:visited {
|
||||
//color: darken(adjust_hue($link_color, 70), 10); } }
|
||||
|
||||
.group { @include pie-clearfix; }
|
||||
|
||||
.inner-wrap {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
padding: 0 $page_pad;
|
||||
max-width: $max-width;
|
||||
@extend .group;
|
||||
}
|
||||
|
||||
.core-layout { > div { @extend .inner-wrap; } }
|
||||
|
||||
body { > header, > nav, > footer {
|
||||
@extend .core-layout;
|
||||
min-width: $min-width;
|
||||
}
|
||||
}
|
||||
|
||||
#page {
|
||||
@extend .group;
|
||||
padding: 0;
|
||||
max-width: $max-width + $page-pad*2;
|
||||
margin: 0 auto;
|
||||
> div {
|
||||
@extend .group;
|
||||
//min-width: 480px;
|
||||
margin-right: $sidebar-width;
|
||||
> aside {
|
||||
float: left;
|
||||
width: $sidebar-width - $sidebar-pad*2;
|
||||
margin: 0 -100% 0 0;
|
||||
padding: $sidebar-pad;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#main {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding-top: 25px;
|
||||
padding-bottom: 25px;
|
||||
> * {
|
||||
padding-right: $page-pad;
|
||||
padding-left: $page-pad;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-device-width:1024px) and (max-width:800px),
|
||||
screen and (max-device-width:480px), (max-device-width:480px) and (orientation:landscape),
|
||||
(min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
|
||||
#page > div { margin-right: 0;
|
||||
#main { float: none; }
|
||||
> aside { margin: 0; float: none; }
|
||||
}
|
||||
page > div > aside { float: none; }
|
||||
body { > header, > nav, > footer { > div { padding: 0 15px; }}}
|
||||
#main > * { padding-left: 15px; padding-right: 15px; }
|
||||
}
|
||||
|
||||
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
|
||||
body { > header, > nav, > footer { > div { padding: 0 10px; }}}
|
||||
#main > * { padding-left: 10px; padding-right: 10px; }
|
||||
#page > div { margin: none; > aside { float: none; }}
|
||||
}
|
||||
|
||||
//*{
|
||||
//transition: width .5s;
|
||||
//-moz-transition: width .5s;
|
||||
//-webkit-transition: margin .5s;
|
||||
//}
|
||||
|
||||
|
||||
//#search { left: $page-width + $sidebar-margin - $sidebar-width; }
|
||||
45
source/sass/themes/classic/core/_theme.scss
Normal file
45
source/sass/themes/classic/core/_theme.scss
Normal file
@ -0,0 +1,45 @@
|
||||
// Link Colors
|
||||
$link_color: lighten(#165b94, 0.3);
|
||||
|
||||
// Main Section Colors
|
||||
$body_color: #333333;
|
||||
$light_text: #999999;
|
||||
$body_bg: #323232;
|
||||
|
||||
$header_bg: #323232;
|
||||
$header_border: #181818;
|
||||
$title_color: #dddddd;
|
||||
|
||||
$nav_color: #555555;
|
||||
$nav_color_hover: black;
|
||||
$nav_bg: #e8e8e8;
|
||||
$nav_border_top: white;
|
||||
$nav_border_bottom: #aaaaaa;
|
||||
$nav_border_left: #cccccc;
|
||||
$nav_border_right: white;
|
||||
|
||||
$sidebar_bg: #f2f2f2;
|
||||
$sidebar_border: #d5d5d5;
|
||||
|
||||
// Blog
|
||||
$article_border: #eeeeee;
|
||||
$main_bg: #fff;
|
||||
|
||||
$footer_color: #999999;
|
||||
$footer_bg: #444444;
|
||||
|
||||
// Form Colors
|
||||
$fieldset_bg: #ececec;
|
||||
$fieldset_border: #c3c3c3;
|
||||
|
||||
$textinput_color: #333333;
|
||||
$textinput_bg: #f4f4f4;
|
||||
$textinput_bg_focus: #fefeee;
|
||||
|
||||
$textinput_border_top: #aaaaaa;
|
||||
$textinput_border_bottom: #c6c6c6;
|
||||
$textinput_border_left: #c3c3c3;
|
||||
$textinput_border_right: #c3c3c3;
|
||||
$textinput_border_focus: #989898;
|
||||
|
||||
$twitter_topic: #888888;
|
||||
159
source/sass/themes/classic/core/_typography.scss
Normal file
159
source/sass/themes/classic/core/_typography.scss
Normal file
@ -0,0 +1,159 @@
|
||||
$type-border: #ddd;
|
||||
$type-color-light: #555;
|
||||
$type-color: #000;
|
||||
$blockquote: $type-border !default; //darken($type-border, 20) !default;
|
||||
|
||||
|
||||
// Fonts
|
||||
@include font-face("Adelle", font-files("adellebasic_bold-webfont.woff", woff, "adellebasic_bold-webfont.ttf", truetype, "adellebasic_bold-webfont.svg#webfontKykxqSyz", svg), $eot: "adellebasic_bold-webfont.eot" );
|
||||
.heading-font { font-family: Adelle, "Helvetica Neue", Helvetica, Arial, sans; }
|
||||
|
||||
body > header h1 {
|
||||
font-size: 3em;
|
||||
@extend .heading-font;
|
||||
line-height: 1.2em;
|
||||
margin-bottom: 0.6667em;
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
font-size: 1em;
|
||||
line-height: 1.5em;
|
||||
color: $type-color;
|
||||
font-family: Georgia, Times, serif;
|
||||
}
|
||||
|
||||
article {
|
||||
margin-bottom: 1.5em;
|
||||
padding-bottom: 1.5em;
|
||||
padding-top: 1em;
|
||||
+ article { border-top: 3px solid $type-color-light; }
|
||||
&:last-child { border-bottom: none; }
|
||||
h2 {
|
||||
padding-top: 0.8em;
|
||||
border-top: 3px double $type-border;
|
||||
}
|
||||
.author, time { text-transform: uppercase; }
|
||||
.updated { font-size: .8em; color: $type-color-light; }
|
||||
time span {
|
||||
font-size: .7em;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
top: -.4em;
|
||||
}
|
||||
header {
|
||||
p {
|
||||
padding: 0 0 1.5em;
|
||||
font-size: .8em;
|
||||
color: $type-color-light;
|
||||
font-family: Palatino, Times, "Times New Roman";
|
||||
//margin-top: -1.2em;
|
||||
//border: {
|
||||
top-width: 1px;
|
||||
//bottom-width: 1px;
|
||||
//style: dashed;
|
||||
//color: $type-border;
|
||||
//}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#{headings()}{
|
||||
@extend .heading-font; font-weight: normal;
|
||||
line-height: 1em;
|
||||
text-rendering: optimizelegibility;
|
||||
}
|
||||
h1 {
|
||||
font-size: 2.6em;
|
||||
margin-bottom: 0.6667em;
|
||||
}
|
||||
h2, section h1 {
|
||||
font-size: 1.8em;
|
||||
margin-bottom: 0.6667em;
|
||||
}
|
||||
h3, section h2, section section h1 {
|
||||
font-size: 1.6em;
|
||||
margin-bottom: 0.875em;
|
||||
}
|
||||
h4, section h3, section section h2, section section section h1 {
|
||||
font-size: 1.3em;
|
||||
margin-bottom: 0.875em;
|
||||
}
|
||||
h5, section h4, section section h3 {
|
||||
font-size: 1.1em;
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
h6, section h5, section section h4, section section section h3 {
|
||||
font-size: 1em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
p, blockquote, ul, ol { margin-bottom: 1.5em; }
|
||||
|
||||
ul{ list-style-type: disc; }
|
||||
|
||||
ol{ list-style-type: decimal; ol { list-style-type: lower-alpha; } }
|
||||
ul ul, ol ol { margin-left: 1.75em; }
|
||||
|
||||
li { margin-bottom: .5em; }
|
||||
|
||||
strong { font-weight: bold; }
|
||||
|
||||
em { font-style: italic; }
|
||||
|
||||
sup, sub { font-size: 0.8em; position: relative; display: inline-block; }
|
||||
sup { top: -.5em; }
|
||||
sub { bottom: -.5em; }
|
||||
|
||||
q { font-style: italic;
|
||||
&:before { content: "\201C"; }
|
||||
&:after { content: "\201D"; }
|
||||
}
|
||||
|
||||
em, dfn { font-style: italic; }
|
||||
|
||||
strong, dfn { font-weight: bold; }
|
||||
|
||||
del, s { text-decoration: line-through; }
|
||||
|
||||
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
|
||||
|
||||
pre, code, tt { @extend .mono-font; }
|
||||
|
||||
sub, sup { line-height: 0; }
|
||||
|
||||
hr { margin-bottom: 0.2em; }
|
||||
|
||||
small { font-size: .8em; }
|
||||
|
||||
big { font-size: 1.2em; }
|
||||
|
||||
blockquote {
|
||||
$bq-margin: 2em;
|
||||
font-style: italic;
|
||||
position: relative;
|
||||
margin-left: $bq-margin;
|
||||
> p {
|
||||
&:first-child:before {
|
||||
content: "\201C";
|
||||
position: absolute;
|
||||
top: 0.1em;
|
||||
left: -.7em;
|
||||
font-size: 3em;
|
||||
color: $blockquote;
|
||||
}
|
||||
&:last-child:after {
|
||||
content: "\201D";
|
||||
position: relative;
|
||||
top: 0.3em;
|
||||
line-height: 0;
|
||||
font-size: 2em;
|
||||
color: $blockquote;
|
||||
}
|
||||
}
|
||||
+ p > cite {
|
||||
margin-left: $bq-margin;
|
||||
text-align: right;
|
||||
&:before { content: '– '; color: $type-color-light; }
|
||||
a { font-style: italic; }
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user