97 lines
2.3 KiB
SCSS
97 lines
2.3 KiB
SCSS
|
/** Tropospherical Red CSS
|
||
|
|
*
|
||
|
|
* Authors:
|
||
|
|
* Janine Smith <janine@netrophic.com>
|
||
|
|
* Jesse Proulx <jproulx@jproulx.net>
|
||
|
|
* Elizabeth Lubowitz <grrliz@gmail.com>
|
||
|
|
* Denise Paolucci <denise@dreamwidth.org>
|
||
|
|
*
|
||
|
|
* Copyright (c) 2009 by Dreamwidth Studios, LLC.
|
||
|
|
*
|
||
|
|
* This program is NOT free software or open-source; you can use it as an
|
||
|
|
* example of how to implement your own site-specific extensions to the
|
||
|
|
* Dreamwidth Studios open-source code, but you cannot use it on your site
|
||
|
|
* or redistribute it, with or without modifications.
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Dreamwidth Site Scheme
|
||
|
|
*
|
||
|
|
* Standard layout for Dreamwidth
|
||
|
|
*
|
||
|
|
* Mockups designed by grrliz, hence grrliz.css
|
||
|
|
*
|
||
|
|
* @project Dreamwidth Site Design
|
||
|
|
* @author Jesse Proulx
|
||
|
|
* @date 2009-01-07
|
||
|
|
* @version Alpha
|
||
|
|
* @revision $Revision$
|
||
|
|
* @copyright Copyright (c) 2009 by Dreamwidth Studios, LLC
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
/** Gradation Horizontal CSS
|
||
|
|
*
|
||
|
|
* Authors:
|
||
|
|
* Emily Ravenwood <ravenwood@alltrees.org>
|
||
|
|
*
|
||
|
|
* Copyright (c) 2009-2013 by Dreamwidth Studios, LLC.
|
||
|
|
*
|
||
|
|
* This program is free software; you may redistribute it and/or modify it under
|
||
|
|
* the same terms as Perl itself. For a copy of the license, please reference
|
||
|
|
* 'perldoc perlartistic' or 'perldoc perlgpl'.
|
||
|
|
*/
|
||
|
|
|
||
|
|
// variables
|
||
|
|
$sidebar-width: 8.25em;
|
||
|
|
$topbar-bg: #222;
|
||
|
|
$row-width: 64em + $sidebar-width + 1em; // desired content width + border width + padding
|
||
|
|
|
||
|
|
// Shared stylesheets
|
||
|
|
@import "skins/gradation/gradation-base";
|
||
|
|
|
||
|
|
// Skin-specific styles
|
||
|
|
@include main-nav( vertical, left, $masthead-height, 0, 0, 0, $sidebar-width );
|
||
|
|
|
||
|
|
.main-nav {
|
||
|
|
top: $nav-small-screen-header-height + 1.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media #{$medium-up} {
|
||
|
|
.main-nav {
|
||
|
|
top: $masthead-height;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media #{$topbar-media-query} {
|
||
|
|
.main-nav {
|
||
|
|
a {
|
||
|
|
display: block;
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
background-color: $topbar-link-bg-hover;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.topnav a {
|
||
|
|
font-weight: bold;
|
||
|
|
padding: .20em 0.2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.subnav a {
|
||
|
|
font-weight: normal;
|
||
|
|
padding: .20em 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
section {
|
||
|
|
margin-top: 3.5em; /* to clear search bar */
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
#header-search {
|
||
|
|
width: 100%;
|
||
|
|
background-color: $topbar-link-bg-hover;
|
||
|
|
height: 2.5em;
|
||
|
|
}
|
||
|
|
}
|