Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

started css

  • Loading branch information...
commit 325fe8c45749a474cba1f6a0af5eb5ae3665c8cd 1 parent 8717193
tsidel authored
BIN  resume/css/.sass-cache/a6050e6089df215677cf153bac862cf4d625c75a/style.scssc
View
Binary file not shown
121 resume/css/fonts.css
View
@@ -0,0 +1,121 @@
+
+@font-face {
+ font-family: 'LatoBlackItalic';
+ src: url('/fonts/lato/Lato-BlaIta-webfont.eot');
+ src: url('/fonts/lato/Lato-BlaIta-webfont.eot?#iefix') format('embedded-opentype'),
+ url('/fonts/lato/Lato-BlaIta-webfont.woff') format('woff'),
+ url('/fonts/lato/Lato-BlaIta-webfont.ttf') format('truetype'),
+ url('/fonts/lato/Lato-BlaIta-webfont.svg#LatoBlackItalic') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoBlack';
+ src: url('/fonts/lato/Lato-Bla-webfont.eot');
+ src: url('/fonts/lato/Lato-Bla-webfont.eot?#iefix') format('embedded-opentype'),
+ url('/fonts/lato/Lato-Bla-webfont.woff') format('woff'),
+ url('/fonts/lato/Lato-Bla-webfont.ttf') format('truetype'),
+ url('/fonts/lato/Lato-Bla-webfont.svg#LatoBlack') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoBoldItalic';
+ src: url('/fonts/lato/Lato-BolIta-webfont.eot');
+ src: url('/fonts/lato/Lato-BolIta-webfont.eot?#iefix') format('embedded-opentype'),
+ url('/fonts/lato/Lato-BolIta-webfont.woff') format('woff'),
+ url('/fonts/lato/Lato-BolIta-webfont.ttf') format('truetype'),
+ url('/fonts/lato/Lato-BolIta-webfont.svg#LatoBoldItalic') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoBold';
+ src: url('/fonts/lato/Lato-Bol-webfont.eot');
+ src: url('/fonts/lato/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
+ url('/fonts/lato/Lato-Bol-webfont.woff') format('woff'),
+ url('/fonts/lato/Lato-Bol-webfont.ttf') format('truetype'),
+ url('/fonts/lato/Lato-Bol-webfont.svg#LatoBold') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoItalic';
+ src: url('/fonts/lato/Lato-RegIta-webfont.eot');
+ src: url('/fonts/lato/Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'),
+ url('/fonts/lato/Lato-RegIta-webfont.woff') format('woff'),
+ url('/fonts/lato/Lato-RegIta-webfont.ttf') format('truetype'),
+ url('/fonts/lato/Lato-RegIta-webfont.svg#LatoItalic') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoRegular';
+ src: url('/fonts/lato/Lato-Reg-webfont.eot');
+ src: url('/fonts/lato/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
+ url('/fonts/lato/Lato-Reg-webfont.woff') format('woff'),
+ url('/fonts/lato/Lato-Reg-webfont.ttf') format('truetype'),
+ url('/fonts/lato/Lato-Reg-webfont.svg#LatoRegular') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoLightItalic';
+ src: url('/fonts/lato/Lato-LigIta-webfont.eot');
+ src: url('/fonts/lato/Lato-LigIta-webfont.eot?#iefix') format('embedded-opentype'),
+ url('/fonts/lato/Lato-LigIta-webfont.woff') format('woff'),
+ url('/fonts/lato/Lato-LigIta-webfont.ttf') format('truetype'),
+ url('/fonts/lato/Lato-LigIta-webfont.svg#LatoLightItalic') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoLight';
+ src: url('/fonts/lato/Lato-Lig-webfont.eot');
+ src: url('/fonts/lato/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'),
+ url('/fonts/lato/Lato-Lig-webfont.woff') format('woff'),
+ url('/fonts/lato/Lato-Lig-webfont.ttf') format('truetype'),
+ url('/fonts/lato/Lato-Lig-webfont.svg#LatoLight') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoHairlineItalic';
+ src: url('/fonts/lato/Lato-HaiIta-webfont.eot');
+ src: url('/fonts/lato/Lato-HaiIta-webfont.eot?#iefix') format('embedded-opentype'),
+ url('/fonts/lato/Lato-HaiIta-webfont.woff') format('woff'),
+ url('/fonts/lato/Lato-HaiIta-webfont.ttf') format('truetype'),
+ url('/fonts/lato/Lato-HaiIta-webfont.svg#LatoHairlineItalic') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoHairline';
+ src: url('/fonts/lato/Lato-Hai-webfont.eot');
+ src: url('/fonts/lato/Lato-Hai-webfont.eot?#iefix') format('embedded-opentype'),
+ url('/fonts/lato/Lato-Hai-webfont.woff') format('woff'),
+ url('/fonts/lato/Lato-Hai-webfont.ttf') format('truetype'),
+ url('/fonts/lato/Lato-Hai-webfont.svg#LatoHairline') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
124 resume/css/fonts.scss.css
View
@@ -0,0 +1,124 @@
+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 15, 2012 11:16:22 PM America/New_York */
+
+
+
+@font-face {
+ font-family: 'LatoBlackItalic';
+ src: url('Lato-BlaIta-webfont.eot');
+ src: url('Lato-BlaIta-webfont.eot?#iefix') format('embedded-opentype'),
+ url('Lato-BlaIta-webfont.woff') format('woff'),
+ url('Lato-BlaIta-webfont.ttf') format('truetype'),
+ url('Lato-BlaIta-webfont.svg#LatoBlackItalic') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoBlack';
+ src: url('Lato-Bla-webfont.eot');
+ src: url('Lato-Bla-webfont.eot?#iefix') format('embedded-opentype'),
+ url('Lato-Bla-webfont.woff') format('woff'),
+ url('Lato-Bla-webfont.ttf') format('truetype'),
+ url('Lato-Bla-webfont.svg#LatoBlack') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoBoldItalic';
+ src: url('Lato-BolIta-webfont.eot');
+ src: url('Lato-BolIta-webfont.eot?#iefix') format('embedded-opentype'),
+ url('Lato-BolIta-webfont.woff') format('woff'),
+ url('Lato-BolIta-webfont.ttf') format('truetype'),
+ url('Lato-BolIta-webfont.svg#LatoBoldItalic') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoBold';
+ src: url('Lato-Bol-webfont.eot');
+ src: url('Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
+ url('Lato-Bol-webfont.woff') format('woff'),
+ url('Lato-Bol-webfont.ttf') format('truetype'),
+ url('Lato-Bol-webfont.svg#LatoBold') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoItalic';
+ src: url('Lato-RegIta-webfont.eot');
+ src: url('Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'),
+ url('Lato-RegIta-webfont.woff') format('woff'),
+ url('Lato-RegIta-webfont.ttf') format('truetype'),
+ url('Lato-RegIta-webfont.svg#LatoItalic') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoRegular';
+ src: url('Lato-Reg-webfont.eot');
+ src: url('Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
+ url('Lato-Reg-webfont.woff') format('woff'),
+ url('Lato-Reg-webfont.ttf') format('truetype'),
+ url('Lato-Reg-webfont.svg#LatoRegular') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoLightItalic';
+ src: url('Lato-LigIta-webfont.eot');
+ src: url('Lato-LigIta-webfont.eot?#iefix') format('embedded-opentype'),
+ url('Lato-LigIta-webfont.woff') format('woff'),
+ url('Lato-LigIta-webfont.ttf') format('truetype'),
+ url('Lato-LigIta-webfont.svg#LatoLightItalic') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoLight';
+ src: url('Lato-Lig-webfont.eot');
+ src: url('Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'),
+ url('Lato-Lig-webfont.woff') format('woff'),
+ url('Lato-Lig-webfont.ttf') format('truetype'),
+ url('Lato-Lig-webfont.svg#LatoLight') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoHairlineItalic';
+ src: url('Lato-HaiIta-webfont.eot');
+ src: url('Lato-HaiIta-webfont.eot?#iefix') format('embedded-opentype'),
+ url('Lato-HaiIta-webfont.woff') format('woff'),
+ url('Lato-HaiIta-webfont.ttf') format('truetype'),
+ url('Lato-HaiIta-webfont.svg#LatoHairlineItalic') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+@font-face {
+ font-family: 'LatoHairline';
+ src: url('Lato-Hai-webfont.eot');
+ src: url('Lato-Hai-webfont.eot?#iefix') format('embedded-opentype'),
+ url('Lato-Hai-webfont.woff') format('woff'),
+ url('Lato-Hai-webfont.ttf') format('truetype'),
+ url('Lato-Hai-webfont.svg#LatoHairline') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
138 resume/css/style.css
View
@@ -0,0 +1,138 @@
+body {
+ background: rgba(0, 0, 0, 0.06);
+ font-size: 13px;
+ color: #333;
+ font-family: LatoLight; }
+
+div#container {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ box-sizing: border-box;
+ border: 20px solid #FAFAFA;
+ max-width: 800px;
+ margin: 50px auto;
+ background: #FFF;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -o-border-radius: 5px;
+ -ms-border-radius: 5px;
+ -khtml-border-radius: 5px;
+ border-radius: 5px; }
+
+div#container div#outline {
+ border: 1px solid #eee;
+ padding: 15px; }
+
+header {
+ display: block;
+ margin-bottom: 3em; }
+ header ul {
+ margin-top: .5em; }
+ header ul li {
+ display: inline;
+ margin-right: 1em; }
+ header ul li:after {
+ content: '//';
+ padding-left: 1em;
+ color: #AAA; }
+ header ul li:last-child:after {
+ content: ''; }
+ header h1 {
+ font-size: 4em;
+ display: inline;
+ font-weight: normal;
+ font-family: LatoBlack; }
+
+h3 {
+ font-family: LatoBold, Arial, Sans-serif;
+ color: #fff;
+ font-size: 2em;
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
+ background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
+ background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
+ background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
+ background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
+ background-color: #17a09e;
+ margin: 0 -25px 0.6em;
+ position: relative;
+ padding: 0.3em 1em;
+ text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
+ -moz-transition-property: all;
+ -webkit-transition-property: all;
+ -o-transition-property: all;
+ transition-property: all;
+ -moz-transition-duration: 800ms;
+ -webkit-transition-duration: 800ms;
+ -o-transition-duration: 800ms;
+ transition-duration: 800ms;
+ border-top: 1px solid rgba(0, 0, 0, 0.2);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.25) inset, 0px 1px 0px rgba(255, 255, 255, 0.25) inset;
+ -webkit-box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.25) inset, 0px 1px 0px rgba(255, 255, 255, 0.25) inset;
+ -o-box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.25) inset, 0px 1px 0px rgba(255, 255, 255, 0.25) inset;
+ box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.25) inset, 0px 1px 0px rgba(255, 255, 255, 0.25) inset; }
+ h3:after, h3 .after {
+ display: block;
+ content: ' ';
+ position: absolute;
+ left: 0px;
+ bottom: -11px;
+ width: 0px;
+ height: 0px;
+ border: 5px solid transparent;
+ border-top-color: #1ecdca;
+ border-right-color: #1ecdca;
+ -moz-transition-property: all;
+ -webkit-transition-property: all;
+ -o-transition-property: all;
+ transition-property: all;
+ -moz-transition-duration: 800ms;
+ -webkit-transition-duration: 800ms;
+ -o-transition-duration: 800ms;
+ transition-duration: 800ms; }
+ h3:before, h3 .before {
+ content: ' ';
+ position: absolute;
+ right: 0px;
+ bottom: -11px;
+ width: 0px;
+ height: 0px;
+ border: 5px solid transparent;
+ border-top-color: #1ecdca;
+ border-left-color: #1ecdca;
+ -moz-transition-property: all;
+ -webkit-transition-property: all;
+ -o-transition-property: all;
+ transition-property: all;
+ -moz-transition-duration: 800ms;
+ -webkit-transition-duration: 800ms;
+ -o-transition-duration: 800ms;
+ transition-duration: 800ms; }
+ h3 .after, h3 .before {
+ z-index: 101; }
+
+section {
+ margin-bottom: 3em; }
+ section:last-child {
+ margin-bottom: 0;
+ border-bottom: none; }
+ section:hover h3 {
+ background-color: #b20101; }
+ section:hover h3:after, section:hover h3 .after {
+ border-top-color: #e50101;
+ border-right-color: #e50101; }
+ section:hover h3:before, section:hover h3 .before {
+ border-top-color: #e50101;
+ border-left-color: #e50101; }
+ section a.offsite {
+ font-size: .9em;
+ display: block;
+ text-align: right; }
+ section a.offsite:after {
+ content: ' \2192'; }
+ section > ul > li {
+ padding-bottom: 1.5em;
+ margin-bottom: 1.5em;
+ line-height: 1.4em;
+ border-bottom: 1px dashed #ddd; }
181 resume/css/style.scss
View
@@ -0,0 +1,181 @@
+body {
+ background: rgba(0, 0, 0, 0.06);
+ font-size: 13px;
+ color: #333;
+ font-family:LatoLight;
+}
+
+
+div#container {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ box-sizing: border-box;
+ border: 20px solid #FAFAFA;
+ max-width: 800px;
+ margin: 50px auto;
+ background: #FFF;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -o-border-radius: 5px;
+ -ms-border-radius: 5px;
+ -khtml-border-radius: 5px;
+ border-radius: 5px;
+
+}
+
+div#container div#outline {
+ border:1px solid #eee;
+ padding:15px;
+}
+
+
+header {
+ display:block;
+ margin-bottom: 3em;
+
+ ul {
+ margin-top:.5em;
+ }
+
+ ul li {
+ display:inline;
+ margin-right: 1em;
+ }
+
+ ul li:after {
+ content: '//';
+ padding-left: 1em;
+ color: #AAA;
+ }
+
+ ul li:last-child:after{
+ content: '';
+ }
+
+ h1 {
+ font-size: 4em;
+ display: inline;
+ font-weight:normal;
+ font-family:LatoBlack;
+ }
+}
+
+h3 {
+ font-family:LatoBold, Arial, Sans-serif;
+ color:#fff;
+ font-size:2em;
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
+ background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
+ background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
+ background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
+ background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
+ background-color: #17a09e;
+ margin:0 -25px 0.6em;
+ position: relative;
+ padding: 0.3em 1em;
+ text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
+ -moz-transition-property: all;
+ -webkit-transition-property:all;
+ -o-transition-property:all;
+ transition-property: all;
+ -moz-transition-duration: 800ms;
+ -webkit-transition-duration: 800ms;
+ -o-transition-duration: 800ms;
+ transition-duration: 800ms;
+ border-top: 1px solid rgba(0,0,0,0.2);
+ border-bottom: 1px solid rgba(0,0,0,0.3);
+ -moz-box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.25) inset, 0px 1px 0px rgba(255, 255, 255, 0.25) inset;
+ -webkit-box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.25) inset, 0px 1px 0px rgba(255, 255, 255, 0.25) inset;
+ -o-box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.25) inset, 0px 1px 0px rgba(255, 255, 255, 0.25) inset;
+ box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.25) inset, 0px 1px 0px rgba(255, 255, 255, 0.25) inset;
+
+ &:after, .after {
+ display:block;
+ content: ' ';
+ position: absolute;
+ left:0px;
+ bottom:-11px;
+ width:0px;
+ height:0px;
+ border:5px solid transparent;
+ border-top-color:#1ecdca;
+ border-right-color:#1ecdca;
+ -moz-transition-property:all;
+ -webkit-transition-property:all;
+ -o-transition-property:all;
+ transition-property: all;
+ -moz-transition-duration: 800ms;
+ -webkit-transition-duration: 800ms;
+ -o-transition-duration: 800ms;
+ transition-duration: 800ms;
+ }
+
+ &:before, .before {
+ content: ' ';
+ position: absolute;
+ right:0px;
+ bottom: -11px;
+ width:0px;
+ height:0px;
+ border: 5px solid transparent;
+ border-top-color:#1ecdca;
+ border-left-color:#1ecdca;
+ -moz-transition-property: all;
+ -webkit-transition-property: all;
+ -o-transition-property: all;
+ transition-property: all;
+ -moz-transition-duration: 800ms;
+ -webkit-transition-duration: 800ms;
+ -o-transition-duration: 800ms;
+ transition-duration: 800ms;
+ }
+
+ .after, .before {
+ z-index:101;
+ }
+
+
+}
+
+
+section {
+ margin-bottom:3em;
+
+ &:last-child {
+ margin-bottom:0;
+ border-bottom:none;
+ }
+
+ &:hover h3 {
+ background-color: #b20101;
+ }
+
+ &:hover h3:after, &:hover h3 .after {
+ border-top-color: #e50101;
+ border-right-color:#e50101;
+ }
+
+ &:hover h3:before, &:hover h3 .before {
+ border-top-color:#e50101;
+ border-left-color:#e50101;
+ }
+
+ a.offsite {
+ font-size: .9em;
+ display:block;
+ text-align:right;
+ }
+
+ a.offsite:after {
+ content: ' \2192';
+ }
+
+ > ul > li {
+ padding-bottom:1.5em;
+ margin-bottom:1.5em;
+ line-height: 1.4em;
+ border-bottom:1px dashed #ddd;
+ }
+
+}
Please sign in to comment.
Something went wrong with that request. Please try again.