Permalink
Browse files

Trying out new cleanpress theme

  • Loading branch information...
1 parent 700edde commit 38fb15f89106d5e0bbb589329d5455e0f1520f27 @luisalima committed May 29, 2013
Showing with 1,633 additions and 112 deletions.
  1. +1 −0 .themes/cleanpress
  2. +7 −7 sass/base/_color.scss
  3. +2 −2 sass/base/_font.scss
  4. +36 −10 sass/base/_layout.scss
  5. 0 sass/base/_main.scss
  6. +4 −2 sass/base/_theme.scss
  7. +7 −0 sass/custom/_color.scss
  8. +2 −2 sass/custom/_colors.scss
  9. +1 −1 sass/custom/_fonts.scss
  10. +14 −0 sass/custom/_footnote.scss
  11. +1 −0 sass/custom/_styles.scss
  12. +45 −11 sass/parts/_article.scss
  13. +2 −1 sass/parts/_footer.scss
  14. +25 −6 sass/parts/_header.scss
  15. +29 −12 sass/parts/_post.scss
  16. +18 −0 sass/plugins/_fancybox_fix.scss
  17. +136 −0 sass/plugins/_flickr.scss
  18. +2 −0 sass/screen.scss
  19. +8 −0 source/_includes/asides/about.html
  20. +7 −0 source/_includes/asides/book.html
  21. +36 −0 source/_includes/custom/fancybox_head.html
  22. +2 −0 source/_includes/custom/footer.html
  23. +4 −2 source/_includes/custom/navigation.html
  24. +10 −0 source/_includes/facebook.html
  25. +9 −5 source/_includes/head.html
  26. +2 −38 source/_includes/header.html
  27. +1 −1 source/_includes/post/sharing.html
  28. +11 −0 source/_includes/twittersharing.html
  29. +3 −4 source/_layouts/default.html
  30. +1 −6 source/_layouts/page.html
  31. +8 −0 source/archives/index.html
  32. +18 −0 source/blog/index.html
  33. BIN source/images/dp.jpg
  34. BIN source/images/social/flickr.png
  35. +1 −1 source/index.html
  36. +4 −1 source/javascripts/github.js
  37. +7 −0 source/robots.txt
  38. +46 −0 source/stylesheets/font-awesome-ie7.css
  39. +54 −0 source/stylesheets/font-awesome.css
  40. +1,068 −0 source/stylesheets/style.css
  41. +1 −0 source/stylesheets/widescreen.css
Submodule cleanpress added at d1c2a9
View
@@ -1,7 +1,7 @@
-$color-background: #eee;
-$color-main: #258fb8;
-$color-gray01: #666;
-$color-gray02: #999;
-$color-gray03: #ccc;
-$color-gray04: #ddd;
-$color-gray05: #fff;
+$color-background: #eee !default;
+$color-main: #258fb8 !default;
+$color-gray01: #333 !default;
+$color-gray02: #999 !default;
+$color-gray03: #ccc !default;
+$color-gray04: #ddd !default;
+$color-gray05: #fff !default;
View
@@ -1,5 +1,5 @@
-$font-default: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
-$font-mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
+$font-default: "proxima-nova-1", "proxima-nova-2", "Helvetica Neue", Arial, sans-serif;
+$font-mono: "proxima-nova-1", "proxima-nova-2", "Helvetica Neue", Arial, sans-serif;
$font-icon: FontAwesome;
$font-icon-path: "/font/fontawesome-webfont";
View
@@ -5,32 +5,58 @@ $max-width: 1000px;
padding: 0;
}
body{
- font-family: $font-default;
+ font-family: "proxima-nova-1", "proxima-nova-2", "Helvetica Neue", Arial, sans-serif;
+ font-size: 16px;
font-weight: 300;
- font-size: 14px;
+ line-height: 1.5;
background: $color-background;
- color: $color-gray01;
+ color: $color-gray01;
@media screen and (max-width: 1040px){
margin: 0 20px;
}
@media screen and (max-width: 600px){
font-size: 13px;
+ margin: 0 20px;
}
}
+
h1{
- font-size: 1.8em;
+ font-size: 36px;
}
h2{
- font-size: 1.5em;
+ font-size: 36px;
+ line-height:1;
+ font-weight:300;
}
h3{
- font-size: 1.3em;
+
+ font-size: 20px;
+ line-height: 1.2;
+ margin: 1.2em 0 0 0;
+ font-weight: normal;
+ display: block;
+ @media screen and (max-width: 620px) {
+ font-size: 15px;
+ }
+ }
+a {
+ text-decoration:none;
+ color:#bf0222;
+ -webkit-transition:border .25s linear;
+ -moz-transition:border .25s linear;
+ -ms-transition:border .25s linear;
+ transition:border .25s linear;
+ outline:none;
}
-a{
- text-decoration: none;
- outline-width: 0;
- color: $color-main;
+
+a:link,a:visited {
+ border-bottom:1px solid rgba(191,2,34,0);
}
+
+a:hover {
+ border-bottom:1px solid #bf0222;
+}
+
.alignleft{
float: left;
}
View
No changes.
View
@@ -75,10 +75,12 @@ html {
background: $page-bg image-url('line-tile.png') top left;
}
body {
- > div {
+
+ > #main {
background: $sidebar-bg $noise-bg;
border-bottom: 1px solid $page-border-bottom;
- > div {
+
+ > #content {
background: $main-bg $noise-bg;
border-right: 1px solid $sidebar-border;
}
View
@@ -0,0 +1,7 @@
+$color-background: #FFFFFF;
+$color-main: #960d20;
+// $color-gray01: #666;
+// $color-gray02: #999;
+// $color-gray03: #ccc;
+// $color-gray04: #ddd;
+// $color-gray05: #fff;
View
@@ -2,7 +2,7 @@
// To give it a try, uncomment some of the lines below rebuild your blog, and see how it works.
// If you need a handy color picker try http://hslpicker.com
-//$header-bg: #263347;
+$header-bg: #FFFFFF;
//$subtitle-color: lighten($header-bg, 58);
//$nav-bg: desaturate(lighten(#8fc17a, 18), 5);
//$nav-bg-front: image-url('noise.png');
@@ -40,4 +40,4 @@
/* Non highlighted code colors */
//$pre-bg: $base03;
//$pre-border: darken($base02, 5);
-//$pre-color: $base1;
+//$pre-color: $base1;
View
@@ -2,7 +2,7 @@
// To give it a try, uncomment some of the lines below rebuild your blog, and see how it works. your sites's.
// If you love to use Web Fonts, you also need to add some lines to source/_includes/custom/head.html
-//$sans: "Optima", sans-serif;
+//$sans: "Helvetica Neue", sans-serif;
//$serif: "Baskerville", serif;
//$mono: "Courier", monospace;
//$heading-font-family: "Verdana", sans-serif;
View
@@ -0,0 +1,14 @@
+sup, sub {
+ padding: 0 0.2em;
+ display: inline;
+ font-size: 80%
+}
+
+.footnotes {
+ font-size: 80%;
+}
+
+// Put the CSS for the popup here.
+// #footnotediv{
+//
+//}
View
@@ -1,2 +1,3 @@
// This File is imported last, and will override other styles in the cascade
// Add styles here to make changes without digging in too much
+@import "footnote";
View
@@ -1,46 +1,64 @@
article{
- border-bottom: 1px solid $color-gray04;
- border-top: 1px solid $color-gray05;
+
+
padding: 30px 0;
position: relative;
- @media screen and (max-width: 800px){
+ @media screen and (max-width: 620px){
padding-bottom: 15px;
}
- @media screen and (max-width: 600px){
+ @media screen and (max-width: 620px){
padding: 15px 0;
}
h2.title{
- font-size: 1.8em;
+ font-size: 36px;
font-weight: 300;
- line-height: 35px;
+ line-height: 1;
margin-bottom: 20px;
+ margin-left:0px;
+ text-align:left;
+ border-bottom: 0px;
a{
- color: $color-gray01;
+ color: #333;
}
+ a:hover{
+ color: $color-main;
+ border-bottom: 0px;
+ }
+ border-bottom: 1px solid $color-gray04;
+ padding-bottom: .75em;
+ @media screen and (max-width: 620px) {
+ font-size: 18px;
+ }
+
}
+
.entry-content{
- line-height: 2;
- text-align: justify;
+ line-height: 1.5;
+ text-align: left;
a{
&:hover{
- text-decoration: underline;
+ text-decoration:none;
+
}
}
.more-link{
display: block;
margin-top: 16px;
padding-left: 30px;
position: relative;
+ border-bottom: 0px;
&:before{
content: "\f061";
font: 1.3em $font-icon;
line-height: 1.6em;
position: absolute;
left: 0;
}
+
}
p, blockquote, ul, ol, dl, table, iframe, h1, h2, h3, h4, h5, h6, .video-container{
- margin-top: 10px;
+ margin-top: 1.5em;
+ margin-bottom: 1.5em;
}
ul, ol, dl{
margin-left: 20px;
@@ -69,10 +87,22 @@ article{
width: 100%;
}
}
+
img, video{
max-width: 100%;
height: auto;
+ -webkit-border-radius:5px;
+ -moz-border-radius:5px;
+ border-radius:5px;
+ -webkit-border-radius:5px;
+ -moz-border-radius:5px;
+ border-radius:5px;
+ -webkit-box-shadow:0 0 15px rgba(0,0,0,0.35);
+ -moz-box-shadow:0 0 15px rgba(0,0,0,0.35);
+ box-shadow:0 0 15px rgba(0,0,0,0.35);
+ border-bottom: 0px;
}
+
blockquote{
background: $color-gray04;
border-left: 5px solid $color-gray03;
@@ -137,5 +167,9 @@ article{
}
.share{
padding: 15px 0;
+ padding-left:260px;
+ @media screen and (max-width: 620px) {
+ padding-left: 0px;
+ }
@include border-shadow();
}
View
@@ -3,4 +3,5 @@ footer{
border-top: 1px solid $color-gray05;
text-align: center;
font-size: 0.9em;
-}
+}
+
View
@@ -3,32 +3,50 @@ $header-height: 30px;
#header{
height: $header-height;
padding: 30px 0;
- border-bottom: 1px solid $color-gray04;
+ margin-bottom: 100px;
+
line-height: $header-height;
@media screen and (max-width: 1040px){
+ margin-bottom: 50px;
height: auto;
position: relative;
padding-bottom: 10px;
}
+ @media screen and (max-width: 600px){
+ margin-bottom:40px;
+ }
a{
color: $color-gray01;
@include transition(color 0.3s);
&:hover{
color: $color-main;
+ border-bottom:none;
}
}
h1{
- float: left;
- font-weight: 300;
- font-size: 30px;
+ margin-top:15px;
+ text-align:center;
+ font-weight: bold;
+ font-size: 48px;
+ @media screen and (max-width: 1040px){
+ float: none;
+ }
+ }
+ h4{
+ margin-top:10px;
+ text-align:center;
+ font-weight: 100;
+ font-size: 32px;
@media screen and (max-width: 1040px){
float: none;
}
}
}
#main-nav{
- float: left;
- margin-left: 30px;
+ margin-bottom: 0px;
+ float: center;
+ text-align:center;
+ margin-top: 15px;
@media screen and (max-width: 1040px){
float: none;
margin-left: 0;
@@ -51,6 +69,7 @@ $header-height: 30px;
&:hover{
>a{
color: $color-main;
+ border-bottom:none;
}
}
>a{
Oops, something went wrong.

0 comments on commit 38fb15f

Please sign in to comment.