1er commit
Theme zenphoto
This commit is contained in:
16
js/maximage/scss/ie.scss
Executable file
16
js/maximage/scss/ie.scss
Executable file
@@ -0,0 +1,16 @@
|
||||
@import "blueprint";
|
||||
|
||||
// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
|
||||
// @include blueprint-ie
|
||||
|
||||
//Recommended Blueprint configuration with scoping and semantic layout:
|
||||
body.bp {
|
||||
@include blueprint-ie(true);
|
||||
// Note: Blueprint centers text to fix IE6 container centering.
|
||||
// This means all your texts will be centered under all version of IE by default.
|
||||
// If your container does not have the .container class, don't forget to restore
|
||||
// the correct behavior to your main container (but not the body tag!)
|
||||
// Example:
|
||||
// .my-container
|
||||
// text-align: left
|
||||
}
|
||||
10
js/maximage/scss/partials/_base.scss
Executable file
10
js/maximage/scss/partials/_base.scss
Executable file
@@ -0,0 +1,10 @@
|
||||
// Here is where you can define your constants for your application and to configure the blueprint framework.
|
||||
// Feel free to delete these if you want keep the defaults:
|
||||
|
||||
$blueprint-grid-columns: 24;
|
||||
$blueprint-container-size: 950px;
|
||||
$blueprint-grid-margin: 10px;
|
||||
|
||||
// Use this to calculate the width based on the total width.
|
||||
// Or you can set $blueprint-grid-width to a fixed value and unset $blueprint-container-size -- it will be calculated for you.
|
||||
$blueprint-grid-width: ($blueprint-container-size + $blueprint-grid-margin) / $blueprint-grid-columns - $blueprint-grid-margin;
|
||||
8
js/maximage/scss/print.scss
Executable file
8
js/maximage/scss/print.scss
Executable file
@@ -0,0 +1,8 @@
|
||||
@import "blueprint";
|
||||
|
||||
// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
|
||||
// @include blueprint-print
|
||||
|
||||
//Recommended Blueprint configuration with scoping and semantic layout:
|
||||
body.bp {
|
||||
@include blueprint-print(true); }
|
||||
65
js/maximage/scss/screen.scss
Executable file
65
js/maximage/scss/screen.scss
Executable file
@@ -0,0 +1,65 @@
|
||||
// This import applies a global reset to any page that imports this stylesheet.
|
||||
@import "blueprint/reset";
|
||||
|
||||
// To configure blueprint, edit the partials/base.sass file.
|
||||
@import "partials/base";
|
||||
|
||||
// Import all the default blueprint modules so that we can access their mixins.
|
||||
@import "blueprint";
|
||||
|
||||
// Import the non-default scaffolding module.
|
||||
@import "blueprint/scaffolding";
|
||||
|
||||
// To generate css equivalent to the blueprint css but with your
|
||||
// configuration applied, uncomment:
|
||||
// @include blueprint
|
||||
|
||||
// If you are doing a lot of stylesheet concatenation, it is suggested
|
||||
// that you scope your blueprint styles, so that you can better control
|
||||
// what pages use blueprint when stylesheets are concatenated together.
|
||||
body.bp {
|
||||
@include blueprint-typography(true);
|
||||
@include blueprint-utilities;
|
||||
@include blueprint-debug;
|
||||
@include blueprint-interaction;
|
||||
// Remove the scaffolding when you're ready to start doing visual design.
|
||||
// Or leave it in if you're happy with how blueprint looks out-of-the-box
|
||||
}
|
||||
|
||||
form.bp {
|
||||
@include blueprint-form;
|
||||
// You'll probably want to remove the scaffolding once you start styling your site.
|
||||
@include blueprint-scaffolding; }
|
||||
|
||||
// Page layout can be done using mixins applied to your semantic classes and IDs:
|
||||
body.two-col {
|
||||
#container {
|
||||
@include container; }
|
||||
#header, #footer {
|
||||
@include column($blueprint-grid-columns); }
|
||||
#sidebar {
|
||||
// One third of the grid columns, rounding down. With 24 cols, this is 8.
|
||||
$sidebar-columns: floor($blueprint-grid-columns / 3);
|
||||
@include column($sidebar-columns); }
|
||||
#content {
|
||||
// Two thirds of the grid columns, rounding up.
|
||||
// With 24 cols, this is 16.
|
||||
$content-columns: ceil(2 * $blueprint-grid-columns / 3);
|
||||
// true means it's the last column in the row
|
||||
@include column($content-columns, true); } }
|
||||
|
||||
|
||||
|
||||
body {color:#333;font-family:georgia,arial,sans-serif;font-size:62.5%;margin:0;padding:0;text-shadow: 0 1px 0 #fff;}
|
||||
.container {bottom:40px;margin:40px;width:700px;}
|
||||
h1 {color:#333;font-family:'Helvetica Neue',helvetica,arial,sans-serif;font-size:28em;font-weight:100;line-height:1em;margin:20% 0 0 0;}
|
||||
a {color:#ff6600;}
|
||||
p {background:#F1F1F1;font-size:2.5em;font-weight:300;line-height:1.5em;opacity:0.8;padding:10px;}
|
||||
p.step {}
|
||||
p.step span.num {background:#ffffcc;-moz-box-shadow: 0 0 15px #ccc;-moz-box-shadow: 0 0 15px #ccc;-webkit-box-shadow: 0 0 15px #ccc;box-shadow: 0 0 15px #ccc;}
|
||||
|
||||
div.reset {color:#333;padding:20px;text-shadow: 0 0 0 #000;}
|
||||
div.reset aside {font-size:3em;font-weight:300;}
|
||||
div.reset h2 {font-size:16px;}
|
||||
div.reset p {font-size:12px;}
|
||||
p.small-font-size {font-size:14px;}
|
||||
Reference in New Issue
Block a user