Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
147 lines (99 sloc) 3.41 KB
////////////////////////////////////////////////////////////////////
//
// Touchfolio Modern Helvetica Skin. Inspired by MoreCSS =)
//
// 1. Fonts and text links
// 2. Sidebar menu
// 3. Background colors
// 4. Widgets
// 5. Logo size and position
// 6. Footer size, gallery padding and other stuff
//
////////////////////////////////////////////////////////////////////
////////////////////////////////////////////
//
// 1. Fonts & links
//
////////////////////////////////////////////
@body-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
@body-font-line-height: 1.6;
@text-color: #3b3a37; // main body text color
@secondary-text-color: #929699;
@sidebar-text-color: @text-color;
@link-color: #000;
@link-hover-color: #C00;
@title-color: #333;
@title-font: inherit;
@title-weight: bold;
@font-smallest: .75em;
@font-small: .875em;
@font-small-line-height: 1.6em;
@font-small-em-size: 1 / @font-small; // for alignment
@selection-bg-color: #C00;
@selection-text-color: #FFF;
////////////////////////////////////////////
//
// 2. Menu
//
////////////////////////////////////////////
@menu-item-color: #333;
@menu-item-hover-color: #888;
@selected-menu-item-color: #333;
@menu-font-weight: normal;
@menu-font-size: 13px;
@menu-line-height: 20px;
@projects-menu-font-size: 13px;
@projects-menu-line-height: 20px;
@projects-menu-font-color: #999;
@menus-margin: 10px; // Margin between menu / secondary menu / site description
////////////////////////////////////////////
//
// 3. Background colors
//
////////////////////////////////////////////
@content-background: #F8F8F6;
@sidebar-background: #FFF;
////////////////////////////////////////////
//
// 4. Widgets
//
////////////////////////////////////////////
@widget-title-font-size: 13px;
@widget-title-line-height: 20px;
@widget-body-font-size: 13px;
@widget-body-line-height: 20px;
////////////////////////////////////////////
//
// 5. Logo size and position
//
////////////////////////////////////////////
// In sidebar
@default-logo-margin: 2.9em 0 9px 0;
@default-logo-width: auto;
// Gallery page on small screens (collapsed)
@collapsed-gallery-logo-padding: 7px 0 0 0;
@collapsed-gallery-logo-width: 100px;
@collapsed-gallery-menu-area-padding: 0 8px 0 8px;
@collapsed-gallery-menu-button-float: right;
@collapsed-gallery-menu-button-margin: 0 -8px 0 0;
// Regular page on small screens
@collapsed-layout-logo-padding: 20px 16px 20px 16px;
@collapsed-layout-logo-width: 140px;
@collapsed-layout-menu-button-margin: 13px 8px 13px 16px;
@site-description-font-size: 12px; // text under logo
////////////////////////////////////////////
//
// 6. Footer and other
//
////////////////////////////////////////////
@footer-copy-text-color: @secondary-text-color;
@footer-max-height: 4.4em; // max height of footer when site width is more then 960px
@sidebar-width-full: 16em;
@content-max-width: 640px;
@content-large-image-max-width: @content-max-width * 1.2;
@gallery-padding: 8px; // space between gallery and browser edges
@preloader-url: url(img/preloader.gif);
@sprite-url: url(img/touchfolio-sprite-default.png);
// Some overriding styles
// Don't remove this line, it adds all styles
@import "css-less/general.less";