From 703b04b924b6a1a4b301f080305a7f6e48506e10 Mon Sep 17 00:00:00 2001 From: jkao Date: Sat, 10 Nov 2012 02:39:31 -0800 Subject: [PATCH] New resume styling --- resume.html | 2076 ++++++----------------------- resume/css/960.css | 653 +++++++++ resume/css/960_12_col.css | 357 +++++ resume/css/960_12_col_rtl.css | 357 +++++ resume/css/960_16_col.css | 446 +++++++ resume/css/960_16_col_rtl.css | 446 +++++++ resume/css/960_24_col.css | 621 +++++++++ resume/css/960_24_col_rtl.css | 621 +++++++++ resume/css/960_rtl.css | 653 +++++++++ resume/css/demo.css | 161 +++ resume/css/min/960.css | 1 + resume/css/min/960_12_col.css | 1 + resume/css/min/960_12_col_rtl.css | 1 + resume/css/min/960_16_col.css | 1 + resume/css/min/960_16_col_rtl.css | 1 + resume/css/min/960_24_col.css | 1 + resume/css/min/960_24_col_rtl.css | 1 + resume/css/min/960_rtl.css | 1 + resume/css/min/reset.css | 1 + resume/css/min/reset_rtl.css | 1 + resume/css/min/text.css | 1 + resume/css/min/text_rtl.css | 1 + resume/css/reset.css | 211 +++ resume/css/reset_rtl.css | 211 +++ resume/css/text.css | 86 ++ resume/css/text_rtl.css | 86 ++ resume/demo.html | 273 ++++ resume_old2.html | 1759 ++++++++++++++++++++++++ 28 files changed, 7349 insertions(+), 1680 deletions(-) mode change 100644 => 100755 resume.html create mode 100755 resume/css/960.css create mode 100755 resume/css/960_12_col.css create mode 100755 resume/css/960_12_col_rtl.css create mode 100755 resume/css/960_16_col.css create mode 100755 resume/css/960_16_col_rtl.css create mode 100755 resume/css/960_24_col.css create mode 100755 resume/css/960_24_col_rtl.css create mode 100755 resume/css/960_rtl.css create mode 100755 resume/css/demo.css create mode 100755 resume/css/min/960.css create mode 100755 resume/css/min/960_12_col.css create mode 100755 resume/css/min/960_12_col_rtl.css create mode 100755 resume/css/min/960_16_col.css create mode 100755 resume/css/min/960_16_col_rtl.css create mode 100755 resume/css/min/960_24_col.css create mode 100755 resume/css/min/960_24_col_rtl.css create mode 100755 resume/css/min/960_rtl.css create mode 100755 resume/css/min/reset.css create mode 100755 resume/css/min/reset_rtl.css create mode 100755 resume/css/min/text.css create mode 100755 resume/css/min/text_rtl.css create mode 100755 resume/css/reset.css create mode 100755 resume/css/reset_rtl.css create mode 100755 resume/css/text.css create mode 100755 resume/css/text_rtl.css create mode 100755 resume/demo.html create mode 100644 resume_old2.html diff --git a/resume.html b/resume.html old mode 100644 new mode 100755 index 8794d51..f35ba0d --- a/resume.html +++ b/resume.html @@ -1,1724 +1,440 @@ - - + - - - - - Resume | Jeffrey Kao - - - - - - - - - - + /* 960.css */ + body{min-width:960px}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after,.container_16:after{clear:both}.clearfix,.container_12,.container_16{zoom:1} - - - -
-
-
-

Jeff Kao

-
University of Waterloo - 3A Computer Engineering
+
+
+
+

Jeff Kao

-
- +
+

http://jeff-kao.com

+

jeff.kao.000@gmail.com

+

(415) 972-9635

-
- -
-
-

Technical Skills

-
-
-
    -
  • Ruby
    • -
  • JavaScript (CoffeeScript)
    • -
  • SQL
    • -
  • HTML5 (HAML)
    • -
  • CSS3 (sass)
    • -
-
-
-
    -
  • Java
    • -
  • C#
    • -
  • C/C++
    • -
  • PHP
    • -
  • perl
    • -
-
-
-
    -
  • Ruby on Rails
    • -
  • Play Framework
    • -
  • ASP.NET (MVC & WebForms)
    • -
  • Blackberry UI API
    • -
  • Facebook Graph API
    • -
-
-
-
    -
  • jQuery
    • -
  • Backbone.js
    • -
  • git, hg, svn
    • -
  • Unix/Linux/OS X
    • -
  • MySQL, PostgreSQL, MongoDB
    • -
-
-
-
    -
  • Heroku
    • -
  • AWS
    • -
  • Apache
    • -
  • nginx
    • -
  • IIS
    • -
-
+
+

Work Experience

+
+
+ Inkling - Platform Engineer (Intern) +
+
Aug. '12 - Present
+
+
+ San Francisco, CA + (http://inkling.com) +
+
+
+
Worked on scaling out Inkling's digital publishing platform.
+
    +
  • Worked on software bottlenecks on backend-services for performance improvements of over a magnitude
    • +
  • Re-built project management tool from ground-up to support 10x scale +
      +
    • Refactored spaghetti code to maintainable, well-tested plugin architecture
      • +
    • Built an API and Caching Framework from scratch
      • +
    • Wrote a library for app to utilize message-based services via RabbitMQ
      • +
    +
    • +
+
[Python, Tornado, Ruby, Rails, Redis, Memcached, RabbitMQ, PostgreSQL]
-
- -
-
-

Work Experience

-
- -
-
-
PagerDuty
-
Software Engineer (Intern)
- -
-
-
Jan. '12 - April '12
-
San Francisco, CA
-
+
+
+
+ PagerDuty - Software Engineer (Intern)
-
-
-
Iterated and shipped features at a Y-Combinator funded startup. Some highlights include:
-
    -
  • Converting Payment System to remove PCI Compliance requirements, removing need of costly security audits
    • -
  • Automating a number of administration tasks, with metrics including conversions and automated payments, saving administration time
    • -
  • Performing major refactor on accounts system, while significantly increasing test coverage on legacy, un-tested code base
    • -
  • Migrating existing JavaScript to CoffeeScript with required infrastructure, as well as upgrading Backbone.js to 1.0 release candidate
    • -
  • Winning internal Hackday award for developing infrastructure to support internationalization on Marketing site
    • -
- Technologies Used: Ruby on Rails, MySQL, git, JavaScript/CoffeeScript, jQuery, Backbone.js, HAML, SASS, Twitter Bootstrap, AWS -
+
Jan. '12 - Apr. '12
+
+
+ San Francisco, CA + (http://pagerduty.com)
- -
- -
-
-
Infusion Development
-
Software Consultant (Intern)
- -
-
-
May. '11 - Sept '11
-
New York, NY
-
+
+
+
Shipped code for IT on-call alerting platform at Y-Combinator startup.
+
    +
  • Re-built payment services to avoid expensive PCI-Compliance requirements
    • +
  • Automated time-consuming administrative tasks (conversions, payments)
    • +
  • Took on large refactoring tasks to increase maintainability and testability: +
      +
    • Re-vamped user accounts system for future-proofing
      • +
    • Ported frontend code to CoffeeScript and latest JavaScript libraries
      • +
    • Increased test-coverage by 20%
      • +
    +
    • +
  • Won Hackday Award for developing internationalization support capabilities
    • +
-
-
-
Worked with clients to deliver enterprise solutions in an Agile environment. Some highlights include:
-
    -
  • Building an education-funding review platform from ground-up for New York Department of Education
    • -
  • Maintaining previous iteration of education-funding platform for the New York Department of Education
    • -
  • Building a Browser Helper tool for AMD used to run AMD's desktop widgets
    • -
  • Winning internal company award for 'Best Application of the Year' for work done with the New York Department of Education
    • -
- Technologies Used: C#, T-SQL, Microsoft SQL Server, JavaScript/jQuery, ASP.NET MVC, ASP.NET WebForms, HTML/CSS, Windows API -
+
[Ruby, Rails, CoffeeScript, jQuery, Backbone.js, HAML, SASS, MySQL]
+
+
+
+
+ Infusion - Software Consultant (Intern)
- -
- -
-
-
Sybase
-
Software Developer (Intern)
- -
-
-
Aug. '10 - Dec '10
-
Waterloo, ON
-
+
May. '11 - Sept. '11
+
+
+ New York, NY + (http://infusion.com)
-
-
-
Built infrastructure tools for Sybase IQ product and team:
-
    -
  • Writing Java plugins for installer tool, and bash/perl scripts to automate the Sybase IQ product dependencies
    • -
  • Building an automated test framework as a side project for installation tools
    • +
    +
    +
    Worked with clients to deliver high-quality software solutions.
    +
      +
    • Built a million-dollar funding platform for New York Department of Education: +
        +
      • Incredibly time and staff constrained
        • +
      • Project received internal award for "Best Application of the Year"
      - Technologies Used: Java, bash, perl, XML, Sybase Database Suite, SQL -
    +
  • Built a Browser Helper Object for AMD for video tools
    • +
- -
- -
-
-
RamSoft
-
Software QA (Intern)
- -
-
-
Jan. '10 - Apr. '10
-
Toronto, ON
-
+
[C#, C++, ASP.NET MVC, JavaScript, jQuery]
+
+
+
+
+ Sybase (SAP) - Software Developer (Intern)
-
-
-
    -
  • Worked with developers to test medical-imaging software.
    • -
- Technologies Used: SQL, batch scripts -
+
Aug. '10 - Dec. '10
+
+
+ Waterloo, ON + (http://sybase.com)
+
+
+
Built infrastructure tools for Sybase IQ product and team.
+
    +
  • Built an automated installer test framework as a side-project
    • +
+
+
[Java, bash, perl]
-
- -
- -
-
-

Recent Projects

-
- -
-
-
Mediac
-
+
+
+
+ RamSoft - QA Tech (Intern) +
+
Jan. '10 - Apr. '10
+
+
+ Toronto, ON + (http://ramsoft.com) +
+
+
+
Worked with developers to test medical-imaging software.
-
-
- Social dynamic content sharing platform. Under construction. -
+
[SQL, batch]
+
+
+
+ Atomic Energy of Canada - Research Student +
+
May. '07 - Jun. '07
+
+
+ Deep River, ON + (http://aecl.ca)
-
-
- Technologies Used: Ruby on Rails 3.2, Twitter Bootstrap, MySQL, Heroku -
+
+
+
Performed Research on an Atmospheric Pressure Plasma Jet
+
    +
  • Researched various cost-effective methods of decomposing Zirconium compounds to create Zirconium Tert-Butoxide used to coat reactor walls
    • +
  • Presented findings to AECL staff at the end of term
    • +
-
-
-
-
PhotoGraff
-
+
+
+
+

Technical Skills

+
+
+
    +
  • Ruby
    • +
  • Java
    • +
  • SQL
    • +
  • Scala
    • +
-
-
- HTML5 Facebook application for drawing and editing photos on Facebook. -
+
+
    +
  • Python
    • +
  • C#
    • +
  • C
    • +
-
-
- Technologies Used: Facebook Graph API, JavaScript & jQuery, HTML5 Canvas, PHP -
+
+
    +
  • Ruby on Rails
    • +
  • Tornado
    • +
  • Play
    • +
  • ASP.NET MVC
    • +
+
    + +
+
+
+
    +
  • jQuery
    • +
  • Backbone.js
    • +
+
    +
  • JavaScript
    • +
  • CoffeeScript
    • +
  • HTML5
    • +
  • CSS3
    • +
+
    +
  • git, hg, svn
    • +
  • bash, zsh
    • +
  • vim
    • +
+
+
+
    +
  • MySQL
    • +
  • PostgreSQL
    • +
  • MongoDB
    • +
+
    +
  • memcached
    • +
  • redis
    • +
+
    +
  • RabbitMQ
    • +
+
    +
  • Heroku
    • +
  • Amazon AWS
    • +
+
+
+
+

Projects

+
OMGiWant - Gift Recommendation
+
+
    +
  • In the works.
    • +
+
[Scala, Play, MongoDB, Amazon Web Services]
-
-
-
-
Github
-
+
Mediac - Dynamic Content Platform
+
+
    +
  • Keep track of dynamic content like webcomics/videos/blogs
    • +
+
[Rails, Bootstrap, CoffeeScript, Heroku, PostgreSQL]
-
-
- Other projects and recent code samples can be found on https://github.com/jkao -
+
Photograff - Facebook Canvas App
+
+
    +
  • Graffiti on Facebook Photos
    • +
+
[HTML5 Canvas, jQuery, PHP, Facebook API]
+
More on GitHub: http://github.com/jkao
+
+
+
+

Notable Info

+
    +
  • Aspiring entrepreneur, with interests in internationalization
    • +
  • Technical interests in large-scale web-application architecture and distributed systems
    • +
  • Able to communicate in Chinese (Cantonese & Mandarin), Japanese
    • +
+
+
+
+

Education

+

University of Waterloo

+
Computer Engineering
+
    +
  • Expected graduation in 2014
    • +
  • Member of Muay Thai club, Music Club, Poker Club
    • +
-
-
diff --git a/resume/css/960.css b/resume/css/960.css new file mode 100755 index 0000000..260fa15 --- /dev/null +++ b/resume/css/960.css @@ -0,0 +1,653 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 960px; +} + +/* `Container +----------------------------------------------------------------------------------------------------*/ + +.container_12, +.container_16 { + margin-left: auto; + margin-right: auto; + width: 960px; +} + +/* `Grid >> Global +----------------------------------------------------------------------------------------------------*/ + +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12, +.push_13, .pull_13, +.push_14, .pull_14, +.push_15, .pull_15 { + position: relative; +} + +.container_12 .grid_3, +.container_16 .grid_4 { + width: 220px; +} + +.container_12 .grid_6, +.container_16 .grid_8 { + width: 460px; +} + +.container_12 .grid_9, +.container_16 .grid_12 { + width: 700px; +} + +.container_12 .grid_12, +.container_16 .grid_16 { + width: 940px; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 60px; +} + +.container_12 .grid_2 { + width: 140px; +} + +.container_12 .grid_4 { + width: 300px; +} + +.container_12 .grid_5 { + width: 380px; +} + +.container_12 .grid_7 { + width: 540px; +} + +.container_12 .grid_8 { + width: 620px; +} + +.container_12 .grid_10 { + width: 780px; +} + +.container_12 .grid_11 { + width: 860px; +} + +/* `Grid >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .grid_1 { + width: 40px; +} + +.container_16 .grid_2 { + width: 100px; +} + +.container_16 .grid_3 { + width: 160px; +} + +.container_16 .grid_5 { + width: 280px; +} + +.container_16 .grid_6 { + width: 340px; +} + +.container_16 .grid_7 { + width: 400px; +} + +.container_16 .grid_9 { + width: 520px; +} + +.container_16 .grid_10 { + width: 580px; +} + +.container_16 .grid_11 { + width: 640px; +} + +.container_16 .grid_13 { + width: 760px; +} + +.container_16 .grid_14 { + width: 820px; +} + +.container_16 .grid_15 { + width: 880px; +} + +/* `Prefix Extra Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_3, +.container_16 .prefix_4 { + padding-left: 240px; +} + +.container_12 .prefix_6, +.container_16 .prefix_8 { + padding-left: 480px; +} + +.container_12 .prefix_9, +.container_16 .prefix_12 { + padding-left: 720px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 80px; +} + +.container_12 .prefix_2 { + padding-left: 160px; +} + +.container_12 .prefix_4 { + padding-left: 320px; +} + +.container_12 .prefix_5 { + padding-left: 400px; +} + +.container_12 .prefix_7 { + padding-left: 560px; +} + +.container_12 .prefix_8 { + padding-left: 640px; +} + +.container_12 .prefix_10 { + padding-left: 800px; +} + +.container_12 .prefix_11 { + padding-left: 880px; +} + +/* `Prefix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .prefix_1 { + padding-left: 60px; +} + +.container_16 .prefix_2 { + padding-left: 120px; +} + +.container_16 .prefix_3 { + padding-left: 180px; +} + +.container_16 .prefix_5 { + padding-left: 300px; +} + +.container_16 .prefix_6 { + padding-left: 360px; +} + +.container_16 .prefix_7 { + padding-left: 420px; +} + +.container_16 .prefix_9 { + padding-left: 540px; +} + +.container_16 .prefix_10 { + padding-left: 600px; +} + +.container_16 .prefix_11 { + padding-left: 660px; +} + +.container_16 .prefix_13 { + padding-left: 780px; +} + +.container_16 .prefix_14 { + padding-left: 840px; +} + +.container_16 .prefix_15 { + padding-left: 900px; +} + +/* `Suffix Extra Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_3, +.container_16 .suffix_4 { + padding-right: 240px; +} + +.container_12 .suffix_6, +.container_16 .suffix_8 { + padding-right: 480px; +} + +.container_12 .suffix_9, +.container_16 .suffix_12 { + padding-right: 720px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 80px; +} + +.container_12 .suffix_2 { + padding-right: 160px; +} + +.container_12 .suffix_4 { + padding-right: 320px; +} + +.container_12 .suffix_5 { + padding-right: 400px; +} + +.container_12 .suffix_7 { + padding-right: 560px; +} + +.container_12 .suffix_8 { + padding-right: 640px; +} + +.container_12 .suffix_10 { + padding-right: 800px; +} + +.container_12 .suffix_11 { + padding-right: 880px; +} + +/* `Suffix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .suffix_1 { + padding-right: 60px; +} + +.container_16 .suffix_2 { + padding-right: 120px; +} + +.container_16 .suffix_3 { + padding-right: 180px; +} + +.container_16 .suffix_5 { + padding-right: 300px; +} + +.container_16 .suffix_6 { + padding-right: 360px; +} + +.container_16 .suffix_7 { + padding-right: 420px; +} + +.container_16 .suffix_9 { + padding-right: 540px; +} + +.container_16 .suffix_10 { + padding-right: 600px; +} + +.container_16 .suffix_11 { + padding-right: 660px; +} + +.container_16 .suffix_13 { + padding-right: 780px; +} + +.container_16 .suffix_14 { + padding-right: 840px; +} + +.container_16 .suffix_15 { + padding-right: 900px; +} + +/* `Push Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_3, +.container_16 .push_4 { + left: 240px; +} + +.container_12 .push_6, +.container_16 .push_8 { + left: 480px; +} + +.container_12 .push_9, +.container_16 .push_12 { + left: 720px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 80px; +} + +.container_12 .push_2 { + left: 160px; +} + +.container_12 .push_4 { + left: 320px; +} + +.container_12 .push_5 { + left: 400px; +} + +.container_12 .push_7 { + left: 560px; +} + +.container_12 .push_8 { + left: 640px; +} + +.container_12 .push_10 { + left: 800px; +} + +.container_12 .push_11 { + left: 880px; +} + +/* `Push Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .push_1 { + left: 60px; +} + +.container_16 .push_2 { + left: 120px; +} + +.container_16 .push_3 { + left: 180px; +} + +.container_16 .push_5 { + left: 300px; +} + +.container_16 .push_6 { + left: 360px; +} + +.container_16 .push_7 { + left: 420px; +} + +.container_16 .push_9 { + left: 540px; +} + +.container_16 .push_10 { + left: 600px; +} + +.container_16 .push_11 { + left: 660px; +} + +.container_16 .push_13 { + left: 780px; +} + +.container_16 .push_14 { + left: 840px; +} + +.container_16 .push_15 { + left: 900px; +} + +/* `Pull Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_3, +.container_16 .pull_4 { + left: -240px; +} + +.container_12 .pull_6, +.container_16 .pull_8 { + left: -480px; +} + +.container_12 .pull_9, +.container_16 .pull_12 { + left: -720px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -80px; +} + +.container_12 .pull_2 { + left: -160px; +} + +.container_12 .pull_4 { + left: -320px; +} + +.container_12 .pull_5 { + left: -400px; +} + +.container_12 .pull_7 { + left: -560px; +} + +.container_12 .pull_8 { + left: -640px; +} + +.container_12 .pull_10 { + left: -800px; +} + +.container_12 .pull_11 { + left: -880px; +} + +/* `Pull Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .pull_1 { + left: -60px; +} + +.container_16 .pull_2 { + left: -120px; +} + +.container_16 .pull_3 { + left: -180px; +} + +.container_16 .pull_5 { + left: -300px; +} + +.container_16 .pull_6 { + left: -360px; +} + +.container_16 .pull_7 { + left: -420px; +} + +.container_16 .pull_9 { + left: -540px; +} + +.container_16 .pull_10 { + left: -600px; +} + +.container_16 .pull_11 { + left: -660px; +} + +.container_16 .pull_13 { + left: -780px; +} + +.container_16 .pull_14 { + left: -840px; +} + +.container_16 .pull_15 { + left: -900px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after, +.container_16:before, +.container_16:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after, +.container_16:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12, +.container_16 { + zoom: 1; +} \ No newline at end of file diff --git a/resume/css/960_12_col.css b/resume/css/960_12_col.css new file mode 100755 index 0000000..48e86ee --- /dev/null +++ b/resume/css/960_12_col.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 960px; +} + +/* `Container +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 960px; +} + +/* `Grid >> Global +----------------------------------------------------------------------------------------------------*/ + +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 60px; +} + +.container_12 .grid_2 { + width: 140px; +} + +.container_12 .grid_3 { + width: 220px; +} + +.container_12 .grid_4 { + width: 300px; +} + +.container_12 .grid_5 { + width: 380px; +} + +.container_12 .grid_6 { + width: 460px; +} + +.container_12 .grid_7 { + width: 540px; +} + +.container_12 .grid_8 { + width: 620px; +} + +.container_12 .grid_9 { + width: 700px; +} + +.container_12 .grid_10 { + width: 780px; +} + +.container_12 .grid_11 { + width: 860px; +} + +.container_12 .grid_12 { + width: 940px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 80px; +} + +.container_12 .prefix_2 { + padding-left: 160px; +} + +.container_12 .prefix_3 { + padding-left: 240px; +} + +.container_12 .prefix_4 { + padding-left: 320px; +} + +.container_12 .prefix_5 { + padding-left: 400px; +} + +.container_12 .prefix_6 { + padding-left: 480px; +} + +.container_12 .prefix_7 { + padding-left: 560px; +} + +.container_12 .prefix_8 { + padding-left: 640px; +} + +.container_12 .prefix_9 { + padding-left: 720px; +} + +.container_12 .prefix_10 { + padding-left: 800px; +} + +.container_12 .prefix_11 { + padding-left: 880px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 80px; +} + +.container_12 .suffix_2 { + padding-right: 160px; +} + +.container_12 .suffix_3 { + padding-right: 240px; +} + +.container_12 .suffix_4 { + padding-right: 320px; +} + +.container_12 .suffix_5 { + padding-right: 400px; +} + +.container_12 .suffix_6 { + padding-right: 480px; +} + +.container_12 .suffix_7 { + padding-right: 560px; +} + +.container_12 .suffix_8 { + padding-right: 640px; +} + +.container_12 .suffix_9 { + padding-right: 720px; +} + +.container_12 .suffix_10 { + padding-right: 800px; +} + +.container_12 .suffix_11 { + padding-right: 880px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 80px; +} + +.container_12 .push_2 { + left: 160px; +} + +.container_12 .push_3 { + left: 240px; +} + +.container_12 .push_4 { + left: 320px; +} + +.container_12 .push_5 { + left: 400px; +} + +.container_12 .push_6 { + left: 480px; +} + +.container_12 .push_7 { + left: 560px; +} + +.container_12 .push_8 { + left: 640px; +} + +.container_12 .push_9 { + left: 720px; +} + +.container_12 .push_10 { + left: 800px; +} + +.container_12 .push_11 { + left: 880px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -80px; +} + +.container_12 .pull_2 { + left: -160px; +} + +.container_12 .pull_3 { + left: -240px; +} + +.container_12 .pull_4 { + left: -320px; +} + +.container_12 .pull_5 { + left: -400px; +} + +.container_12 .pull_6 { + left: -480px; +} + +.container_12 .pull_7 { + left: -560px; +} + +.container_12 .pull_8 { + left: -640px; +} + +.container_12 .pull_9 { + left: -720px; +} + +.container_12 .pull_10 { + left: -800px; +} + +.container_12 .pull_11 { + left: -880px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/resume/css/960_12_col_rtl.css b/resume/css/960_12_col_rtl.css new file mode 100755 index 0000000..74ff38e --- /dev/null +++ b/resume/css/960_12_col_rtl.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 960px; +} + +/* `Container +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-right: auto; + margin-left: auto; + width: 960px; +} + +/* `Grid >> Global +----------------------------------------------------------------------------------------------------*/ + +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12 { + display: inline; + float: right; + margin-right: 10px; + margin-left: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-right: 0; +} + +.omega { + margin-left: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 60px; +} + +.container_12 .grid_2 { + width: 140px; +} + +.container_12 .grid_3 { + width: 220px; +} + +.container_12 .grid_4 { + width: 300px; +} + +.container_12 .grid_5 { + width: 380px; +} + +.container_12 .grid_6 { + width: 460px; +} + +.container_12 .grid_7 { + width: 540px; +} + +.container_12 .grid_8 { + width: 620px; +} + +.container_12 .grid_9 { + width: 700px; +} + +.container_12 .grid_10 { + width: 780px; +} + +.container_12 .grid_11 { + width: 860px; +} + +.container_12 .grid_12 { + width: 940px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-right: 80px; +} + +.container_12 .prefix_2 { + padding-right: 160px; +} + +.container_12 .prefix_3 { + padding-right: 240px; +} + +.container_12 .prefix_4 { + padding-right: 320px; +} + +.container_12 .prefix_5 { + padding-right: 400px; +} + +.container_12 .prefix_6 { + padding-right: 480px; +} + +.container_12 .prefix_7 { + padding-right: 560px; +} + +.container_12 .prefix_8 { + padding-right: 640px; +} + +.container_12 .prefix_9 { + padding-right: 720px; +} + +.container_12 .prefix_10 { + padding-right: 800px; +} + +.container_12 .prefix_11 { + padding-right: 880px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-left: 80px; +} + +.container_12 .suffix_2 { + padding-left: 160px; +} + +.container_12 .suffix_3 { + padding-left: 240px; +} + +.container_12 .suffix_4 { + padding-left: 320px; +} + +.container_12 .suffix_5 { + padding-left: 400px; +} + +.container_12 .suffix_6 { + padding-left: 480px; +} + +.container_12 .suffix_7 { + padding-left: 560px; +} + +.container_12 .suffix_8 { + padding-left: 640px; +} + +.container_12 .suffix_9 { + padding-left: 720px; +} + +.container_12 .suffix_10 { + padding-left: 800px; +} + +.container_12 .suffix_11 { + padding-left: 880px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + right: 80px; +} + +.container_12 .push_2 { + right: 160px; +} + +.container_12 .push_3 { + right: 240px; +} + +.container_12 .push_4 { + right: 320px; +} + +.container_12 .push_5 { + right: 400px; +} + +.container_12 .push_6 { + right: 480px; +} + +.container_12 .push_7 { + right: 560px; +} + +.container_12 .push_8 { + right: 640px; +} + +.container_12 .push_9 { + right: 720px; +} + +.container_12 .push_10 { + right: 800px; +} + +.container_12 .push_11 { + right: 880px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + right: -80px; +} + +.container_12 .pull_2 { + right: -160px; +} + +.container_12 .pull_3 { + right: -240px; +} + +.container_12 .pull_4 { + right: -320px; +} + +.container_12 .pull_5 { + right: -400px; +} + +.container_12 .pull_6 { + right: -480px; +} + +.container_12 .pull_7 { + right: -560px; +} + +.container_12 .pull_8 { + right: -640px; +} + +.container_12 .pull_9 { + right: -720px; +} + +.container_12 .pull_10 { + right: -800px; +} + +.container_12 .pull_11 { + right: -880px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/resume/css/960_16_col.css b/resume/css/960_16_col.css new file mode 100755 index 0000000..583bfaf --- /dev/null +++ b/resume/css/960_16_col.css @@ -0,0 +1,446 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 960px; +} + +/* Container +----------------------------------------------------------------------------------------------------*/ + +.container_16 { + margin-left: auto; + margin-right: auto; + width: 960px; +} + +/* Grid >> Global +----------------------------------------------------------------------------------------------------*/ + +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12, +.push_13, .pull_13, +.push_14, .pull_14, +.push_15, .pull_15, +.push_16, .pull_16 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .grid_1 { + width: 40px; +} + +.container_16 .grid_2 { + width: 100px; +} + +.container_16 .grid_3 { + width: 160px; +} + +.container_16 .grid_4 { + width: 220px; +} + +.container_16 .grid_5 { + width: 280px; +} + +.container_16 .grid_6 { + width: 340px; +} + +.container_16 .grid_7 { + width: 400px; +} + +.container_16 .grid_8 { + width: 460px; +} + +.container_16 .grid_9 { + width: 520px; +} + +.container_16 .grid_10 { + width: 580px; +} + +.container_16 .grid_11 { + width: 640px; +} + +.container_16 .grid_12 { + width: 700px; +} + +.container_16 .grid_13 { + width: 760px; +} + +.container_16 .grid_14 { + width: 820px; +} + +.container_16 .grid_15 { + width: 880px; +} + +.container_16 .grid_16 { + width: 940px; +} + +/* Prefix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .prefix_1 { + padding-left: 60px; +} + +.container_16 .prefix_2 { + padding-left: 120px; +} + +.container_16 .prefix_3 { + padding-left: 180px; +} + +.container_16 .prefix_4 { + padding-left: 240px; +} + +.container_16 .prefix_5 { + padding-left: 300px; +} + +.container_16 .prefix_6 { + padding-left: 360px; +} + +.container_16 .prefix_7 { + padding-left: 420px; +} + +.container_16 .prefix_8 { + padding-left: 480px; +} + +.container_16 .prefix_9 { + padding-left: 540px; +} + +.container_16 .prefix_10 { + padding-left: 600px; +} + +.container_16 .prefix_11 { + padding-left: 660px; +} + +.container_16 .prefix_12 { + padding-left: 720px; +} + +.container_16 .prefix_13 { + padding-left: 780px; +} + +.container_16 .prefix_14 { + padding-left: 840px; +} + +.container_16 .prefix_15 { + padding-left: 900px; +} + +/* Suffix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .suffix_1 { + padding-right: 60px; +} + +.container_16 .suffix_2 { + padding-right: 120px; +} + +.container_16 .suffix_3 { + padding-right: 180px; +} + +.container_16 .suffix_4 { + padding-right: 240px; +} + +.container_16 .suffix_5 { + padding-right: 300px; +} + +.container_16 .suffix_6 { + padding-right: 360px; +} + +.container_16 .suffix_7 { + padding-right: 420px; +} + +.container_16 .suffix_8 { + padding-right: 480px; +} + +.container_16 .suffix_9 { + padding-right: 540px; +} + +.container_16 .suffix_10 { + padding-right: 600px; +} + +.container_16 .suffix_11 { + padding-right: 660px; +} + +.container_16 .suffix_12 { + padding-right: 720px; +} + +.container_16 .suffix_13 { + padding-right: 780px; +} + +.container_16 .suffix_14 { + padding-right: 840px; +} + +.container_16 .suffix_15 { + padding-right: 900px; +} + +/* Push Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .push_1 { + left: 60px; +} + +.container_16 .push_2 { + left: 120px; +} + +.container_16 .push_3 { + left: 180px; +} + +.container_16 .push_4 { + left: 240px; +} + +.container_16 .push_5 { + left: 300px; +} + +.container_16 .push_6 { + left: 360px; +} + +.container_16 .push_7 { + left: 420px; +} + +.container_16 .push_8 { + left: 480px; +} + +.container_16 .push_9 { + left: 540px; +} + +.container_16 .push_10 { + left: 600px; +} + +.container_16 .push_11 { + left: 660px; +} + +.container_16 .push_12 { + left: 720px; +} + +.container_16 .push_13 { + left: 780px; +} + +.container_16 .push_14 { + left: 840px; +} + +.container_16 .push_15 { + left: 900px; +} + +/* Pull Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .pull_1 { + left: -60px; +} + +.container_16 .pull_2 { + left: -120px; +} + +.container_16 .pull_3 { + left: -180px; +} + +.container_16 .pull_4 { + left: -240px; +} + +.container_16 .pull_5 { + left: -300px; +} + +.container_16 .pull_6 { + left: -360px; +} + +.container_16 .pull_7 { + left: -420px; +} + +.container_16 .pull_8 { + left: -480px; +} + +.container_16 .pull_9 { + left: -540px; +} + +.container_16 .pull_10 { + left: -600px; +} + +.container_16 .pull_11 { + left: -660px; +} + +.container_16 .pull_12 { + left: -720px; +} + +.container_16 .pull_13 { + left: -780px; +} + +.container_16 .pull_14 { + left: -840px; +} + +.container_16 .pull_15 { + left: -900px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_16:before, +.container_16:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_16:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_16 { + zoom: 1; +} \ No newline at end of file diff --git a/resume/css/960_16_col_rtl.css b/resume/css/960_16_col_rtl.css new file mode 100755 index 0000000..5117085 --- /dev/null +++ b/resume/css/960_16_col_rtl.css @@ -0,0 +1,446 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 960px; +} + +/* Container +----------------------------------------------------------------------------------------------------*/ + +.container_16 { + margin-right: auto; + margin-left: auto; + width: 960px; +} + +/* Grid >> Global +----------------------------------------------------------------------------------------------------*/ + +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16 { + display: inline; + float: right; + margin-right: 10px; + margin-left: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12, +.push_13, .pull_13, +.push_14, .pull_14, +.push_15, .pull_15, +.push_16, .pull_16 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-right: 0; +} + +.omega { + margin-left: 0; +} + +/* Grid >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .grid_1 { + width: 40px; +} + +.container_16 .grid_2 { + width: 100px; +} + +.container_16 .grid_3 { + width: 160px; +} + +.container_16 .grid_4 { + width: 220px; +} + +.container_16 .grid_5 { + width: 280px; +} + +.container_16 .grid_6 { + width: 340px; +} + +.container_16 .grid_7 { + width: 400px; +} + +.container_16 .grid_8 { + width: 460px; +} + +.container_16 .grid_9 { + width: 520px; +} + +.container_16 .grid_10 { + width: 580px; +} + +.container_16 .grid_11 { + width: 640px; +} + +.container_16 .grid_12 { + width: 700px; +} + +.container_16 .grid_13 { + width: 760px; +} + +.container_16 .grid_14 { + width: 820px; +} + +.container_16 .grid_15 { + width: 880px; +} + +.container_16 .grid_16 { + width: 940px; +} + +/* Prefix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .prefix_1 { + padding-right: 60px; +} + +.container_16 .prefix_2 { + padding-right: 120px; +} + +.container_16 .prefix_3 { + padding-right: 180px; +} + +.container_16 .prefix_4 { + padding-right: 240px; +} + +.container_16 .prefix_5 { + padding-right: 300px; +} + +.container_16 .prefix_6 { + padding-right: 360px; +} + +.container_16 .prefix_7 { + padding-right: 420px; +} + +.container_16 .prefix_8 { + padding-right: 480px; +} + +.container_16 .prefix_9 { + padding-right: 540px; +} + +.container_16 .prefix_10 { + padding-right: 600px; +} + +.container_16 .prefix_11 { + padding-right: 660px; +} + +.container_16 .prefix_12 { + padding-right: 720px; +} + +.container_16 .prefix_13 { + padding-right: 780px; +} + +.container_16 .prefix_14 { + padding-right: 840px; +} + +.container_16 .prefix_15 { + padding-right: 900px; +} + +/* Suffix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .suffix_1 { + padding-left: 60px; +} + +.container_16 .suffix_2 { + padding-left: 120px; +} + +.container_16 .suffix_3 { + padding-left: 180px; +} + +.container_16 .suffix_4 { + padding-left: 240px; +} + +.container_16 .suffix_5 { + padding-left: 300px; +} + +.container_16 .suffix_6 { + padding-left: 360px; +} + +.container_16 .suffix_7 { + padding-left: 420px; +} + +.container_16 .suffix_8 { + padding-left: 480px; +} + +.container_16 .suffix_9 { + padding-left: 540px; +} + +.container_16 .suffix_10 { + padding-left: 600px; +} + +.container_16 .suffix_11 { + padding-left: 660px; +} + +.container_16 .suffix_12 { + padding-left: 720px; +} + +.container_16 .suffix_13 { + padding-left: 780px; +} + +.container_16 .suffix_14 { + padding-left: 840px; +} + +.container_16 .suffix_15 { + padding-left: 900px; +} + +/* Push Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .push_1 { + right: 60px; +} + +.container_16 .push_2 { + right: 120px; +} + +.container_16 .push_3 { + right: 180px; +} + +.container_16 .push_4 { + right: 240px; +} + +.container_16 .push_5 { + right: 300px; +} + +.container_16 .push_6 { + right: 360px; +} + +.container_16 .push_7 { + right: 420px; +} + +.container_16 .push_8 { + right: 480px; +} + +.container_16 .push_9 { + right: 540px; +} + +.container_16 .push_10 { + right: 600px; +} + +.container_16 .push_11 { + right: 660px; +} + +.container_16 .push_12 { + right: 720px; +} + +.container_16 .push_13 { + right: 780px; +} + +.container_16 .push_14 { + right: 840px; +} + +.container_16 .push_15 { + right: 900px; +} + +/* Pull Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .pull_1 { + right: -60px; +} + +.container_16 .pull_2 { + right: -120px; +} + +.container_16 .pull_3 { + right: -180px; +} + +.container_16 .pull_4 { + right: -240px; +} + +.container_16 .pull_5 { + right: -300px; +} + +.container_16 .pull_6 { + right: -360px; +} + +.container_16 .pull_7 { + right: -420px; +} + +.container_16 .pull_8 { + right: -480px; +} + +.container_16 .pull_9 { + right: -540px; +} + +.container_16 .pull_10 { + right: -600px; +} + +.container_16 .pull_11 { + right: -660px; +} + +.container_16 .pull_12 { + right: -720px; +} + +.container_16 .pull_13 { + right: -780px; +} + +.container_16 .pull_14 { + right: -840px; +} + +.container_16 .pull_15 { + right: -900px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_16:before, +.container_16:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_16:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_16 { + zoom: 1; +} \ No newline at end of file diff --git a/resume/css/960_24_col.css b/resume/css/960_24_col.css new file mode 100755 index 0000000..6c97634 --- /dev/null +++ b/resume/css/960_24_col.css @@ -0,0 +1,621 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 960px; +} + +/* `Container +----------------------------------------------------------------------------------------------------*/ + +.container_24 { + margin-left: auto; + margin-right: auto; + width: 960px; +} + +/* `Grid >> Global +----------------------------------------------------------------------------------------------------*/ + +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16, +.grid_17, +.grid_18, +.grid_19, +.grid_20, +.grid_21, +.grid_22, +.grid_23, +.grid_24 { + display: inline; + float: left; + margin-left: 5px; + margin-right: 5px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12, +.push_13, .pull_13, +.push_14, .pull_14, +.push_15, .pull_15, +.push_16, .pull_16, +.push_17, .pull_17, +.push_18, .pull_18, +.push_19, .pull_19, +.push_20, .pull_20, +.push_21, .pull_21, +.push_22, .pull_22, +.push_23, .pull_23 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .grid_1 { + width: 30px; +} + +.container_24 .grid_2 { + width: 70px; +} + +.container_24 .grid_3 { + width: 110px; +} + +.container_24 .grid_4 { + width: 150px; +} + +.container_24 .grid_5 { + width: 190px; +} + +.container_24 .grid_6 { + width: 230px; +} + +.container_24 .grid_7 { + width: 270px; +} + +.container_24 .grid_8 { + width: 310px; +} + +.container_24 .grid_9 { + width: 350px; +} + +.container_24 .grid_10 { + width: 390px; +} + +.container_24 .grid_11 { + width: 430px; +} + +.container_24 .grid_12 { + width: 470px; +} + +.container_24 .grid_13 { + width: 510px; +} + +.container_24 .grid_14 { + width: 550px; +} + +.container_24 .grid_15 { + width: 590px; +} + +.container_24 .grid_16 { + width: 630px; +} + +.container_24 .grid_17 { + width: 670px; +} + +.container_24 .grid_18 { + width: 710px; +} + +.container_24 .grid_19 { + width: 750px; +} + +.container_24 .grid_20 { + width: 790px; +} + +.container_24 .grid_21 { + width: 830px; +} + +.container_24 .grid_22 { + width: 870px; +} + +.container_24 .grid_23 { + width: 910px; +} + +.container_24 .grid_24 { + width: 950px; +} + +/* `Prefix Extra Space >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .prefix_1 { + padding-left: 40px; +} + +.container_24 .prefix_2 { + padding-left: 80px; +} + +.container_24 .prefix_3 { + padding-left: 120px; +} + +.container_24 .prefix_4 { + padding-left: 160px; +} + +.container_24 .prefix_5 { + padding-left: 200px; +} + +.container_24 .prefix_6 { + padding-left: 240px; +} + +.container_24 .prefix_7 { + padding-left: 280px; +} + +.container_24 .prefix_8 { + padding-left: 320px; +} + +.container_24 .prefix_9 { + padding-left: 360px; +} + +.container_24 .prefix_10 { + padding-left: 400px; +} + +.container_24 .prefix_11 { + padding-left: 440px; +} + +.container_24 .prefix_12 { + padding-left: 480px; +} + +.container_24 .prefix_13 { + padding-left: 520px; +} + +.container_24 .prefix_14 { + padding-left: 560px; +} + +.container_24 .prefix_15 { + padding-left: 600px; +} + +.container_24 .prefix_16 { + padding-left: 640px; +} + +.container_24 .prefix_17 { + padding-left: 680px; +} + +.container_24 .prefix_18 { + padding-left: 720px; +} + +.container_24 .prefix_19 { + padding-left: 760px; +} + +.container_24 .prefix_20 { + padding-left: 800px; +} + +.container_24 .prefix_21 { + padding-left: 840px; +} + +.container_24 .prefix_22 { + padding-left: 880px; +} + +.container_24 .prefix_23 { + padding-left: 920px; +} + +/* `Suffix Extra Space >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .suffix_1 { + padding-right: 40px; +} + +.container_24 .suffix_2 { + padding-right: 80px; +} + +.container_24 .suffix_3 { + padding-right: 120px; +} + +.container_24 .suffix_4 { + padding-right: 160px; +} + +.container_24 .suffix_5 { + padding-right: 200px; +} + +.container_24 .suffix_6 { + padding-right: 240px; +} + +.container_24 .suffix_7 { + padding-right: 280px; +} + +.container_24 .suffix_8 { + padding-right: 320px; +} + +.container_24 .suffix_9 { + padding-right: 360px; +} + +.container_24 .suffix_10 { + padding-right: 400px; +} + +.container_24 .suffix_11 { + padding-right: 440px; +} + +.container_24 .suffix_12 { + padding-right: 480px; +} + +.container_24 .suffix_13 { + padding-right: 520px; +} + +.container_24 .suffix_14 { + padding-right: 560px; +} + +.container_24 .suffix_15 { + padding-right: 600px; +} + +.container_24 .suffix_16 { + padding-right: 640px; +} + +.container_24 .suffix_17 { + padding-right: 680px; +} + +.container_24 .suffix_18 { + padding-right: 720px; +} + +.container_24 .suffix_19 { + padding-right: 760px; +} + +.container_24 .suffix_20 { + padding-right: 800px; +} + +.container_24 .suffix_21 { + padding-right: 840px; +} + +.container_24 .suffix_22 { + padding-right: 880px; +} + +.container_24 .suffix_23 { + padding-right: 920px; +} + +/* `Push Space >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .push_1 { + left: 40px; +} + +.container_24 .push_2 { + left: 80px; +} + +.container_24 .push_3 { + left: 120px; +} + +.container_24 .push_4 { + left: 160px; +} + +.container_24 .push_5 { + left: 200px; +} + +.container_24 .push_6 { + left: 240px; +} + +.container_24 .push_7 { + left: 280px; +} + +.container_24 .push_8 { + left: 320px; +} + +.container_24 .push_9 { + left: 360px; +} + +.container_24 .push_10 { + left: 400px; +} + +.container_24 .push_11 { + left: 440px; +} + +.container_24 .push_12 { + left: 480px; +} + +.container_24 .push_13 { + left: 520px; +} + +.container_24 .push_14 { + left: 560px; +} + +.container_24 .push_15 { + left: 600px; +} + +.container_24 .push_16 { + left: 640px; +} + +.container_24 .push_17 { + left: 680px; +} + +.container_24 .push_18 { + left: 720px; +} + +.container_24 .push_19 { + left: 760px; +} + +.container_24 .push_20 { + left: 800px; +} + +.container_24 .push_21 { + left: 840px; +} + +.container_24 .push_22 { + left: 880px; +} + +.container_24 .push_23 { + left: 920px; +} + +/* `Pull Space >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .pull_1 { + left: -40px; +} + +.container_24 .pull_2 { + left: -80px; +} + +.container_24 .pull_3 { + left: -120px; +} + +.container_24 .pull_4 { + left: -160px; +} + +.container_24 .pull_5 { + left: -200px; +} + +.container_24 .pull_6 { + left: -240px; +} + +.container_24 .pull_7 { + left: -280px; +} + +.container_24 .pull_8 { + left: -320px; +} + +.container_24 .pull_9 { + left: -360px; +} + +.container_24 .pull_10 { + left: -400px; +} + +.container_24 .pull_11 { + left: -440px; +} + +.container_24 .pull_12 { + left: -480px; +} + +.container_24 .pull_13 { + left: -520px; +} + +.container_24 .pull_14 { + left: -560px; +} + +.container_24 .pull_15 { + left: -600px; +} + +.container_24 .pull_16 { + left: -640px; +} + +.container_24 .pull_17 { + left: -680px; +} + +.container_24 .pull_18 { + left: -720px; +} + +.container_24 .pull_19 { + left: -760px; +} + +.container_24 .pull_20 { + left: -800px; +} + +.container_24 .pull_21 { + left: -840px; +} + +.container_24 .pull_22 { + left: -880px; +} + +.container_24 .pull_23 { + left: -920px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_24:before, +.container_24:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_24:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_24 { + zoom: 1; +} \ No newline at end of file diff --git a/resume/css/960_24_col_rtl.css b/resume/css/960_24_col_rtl.css new file mode 100755 index 0000000..815c87c --- /dev/null +++ b/resume/css/960_24_col_rtl.css @@ -0,0 +1,621 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 960px; +} + +/* `Container +----------------------------------------------------------------------------------------------------*/ + +.container_24 { + margin-right: auto; + margin-left: auto; + width: 960px; +} + +/* `Grid >> Global +----------------------------------------------------------------------------------------------------*/ + +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16, +.grid_17, +.grid_18, +.grid_19, +.grid_20, +.grid_21, +.grid_22, +.grid_23, +.grid_24 { + display: inline; + float: right; + margin-right: 5px; + margin-left: 5px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12, +.push_13, .pull_13, +.push_14, .pull_14, +.push_15, .pull_15, +.push_16, .pull_16, +.push_17, .pull_17, +.push_18, .pull_18, +.push_19, .pull_19, +.push_20, .pull_20, +.push_21, .pull_21, +.push_22, .pull_22, +.push_23, .pull_23 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-right: 0; +} + +.omega { + margin-left: 0; +} + +/* `Grid >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .grid_1 { + width: 30px; +} + +.container_24 .grid_2 { + width: 70px; +} + +.container_24 .grid_3 { + width: 110px; +} + +.container_24 .grid_4 { + width: 150px; +} + +.container_24 .grid_5 { + width: 190px; +} + +.container_24 .grid_6 { + width: 230px; +} + +.container_24 .grid_7 { + width: 270px; +} + +.container_24 .grid_8 { + width: 310px; +} + +.container_24 .grid_9 { + width: 350px; +} + +.container_24 .grid_10 { + width: 390px; +} + +.container_24 .grid_11 { + width: 430px; +} + +.container_24 .grid_12 { + width: 470px; +} + +.container_24 .grid_13 { + width: 510px; +} + +.container_24 .grid_14 { + width: 550px; +} + +.container_24 .grid_15 { + width: 590px; +} + +.container_24 .grid_16 { + width: 630px; +} + +.container_24 .grid_17 { + width: 670px; +} + +.container_24 .grid_18 { + width: 710px; +} + +.container_24 .grid_19 { + width: 750px; +} + +.container_24 .grid_20 { + width: 790px; +} + +.container_24 .grid_21 { + width: 830px; +} + +.container_24 .grid_22 { + width: 870px; +} + +.container_24 .grid_23 { + width: 910px; +} + +.container_24 .grid_24 { + width: 950px; +} + +/* `Prefix Extra Space >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .prefix_1 { + padding-right: 40px; +} + +.container_24 .prefix_2 { + padding-right: 80px; +} + +.container_24 .prefix_3 { + padding-right: 120px; +} + +.container_24 .prefix_4 { + padding-right: 160px; +} + +.container_24 .prefix_5 { + padding-right: 200px; +} + +.container_24 .prefix_6 { + padding-right: 240px; +} + +.container_24 .prefix_7 { + padding-right: 280px; +} + +.container_24 .prefix_8 { + padding-right: 320px; +} + +.container_24 .prefix_9 { + padding-right: 360px; +} + +.container_24 .prefix_10 { + padding-right: 400px; +} + +.container_24 .prefix_11 { + padding-right: 440px; +} + +.container_24 .prefix_12 { + padding-right: 480px; +} + +.container_24 .prefix_13 { + padding-right: 520px; +} + +.container_24 .prefix_14 { + padding-right: 560px; +} + +.container_24 .prefix_15 { + padding-right: 600px; +} + +.container_24 .prefix_16 { + padding-right: 640px; +} + +.container_24 .prefix_17 { + padding-right: 680px; +} + +.container_24 .prefix_18 { + padding-right: 720px; +} + +.container_24 .prefix_19 { + padding-right: 760px; +} + +.container_24 .prefix_20 { + padding-right: 800px; +} + +.container_24 .prefix_21 { + padding-right: 840px; +} + +.container_24 .prefix_22 { + padding-right: 880px; +} + +.container_24 .prefix_23 { + padding-right: 920px; +} + +/* `Suffix Extra Space >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .suffix_1 { + padding-left: 40px; +} + +.container_24 .suffix_2 { + padding-left: 80px; +} + +.container_24 .suffix_3 { + padding-left: 120px; +} + +.container_24 .suffix_4 { + padding-left: 160px; +} + +.container_24 .suffix_5 { + padding-left: 200px; +} + +.container_24 .suffix_6 { + padding-left: 240px; +} + +.container_24 .suffix_7 { + padding-left: 280px; +} + +.container_24 .suffix_8 { + padding-left: 320px; +} + +.container_24 .suffix_9 { + padding-left: 360px; +} + +.container_24 .suffix_10 { + padding-left: 400px; +} + +.container_24 .suffix_11 { + padding-left: 440px; +} + +.container_24 .suffix_12 { + padding-left: 480px; +} + +.container_24 .suffix_13 { + padding-left: 520px; +} + +.container_24 .suffix_14 { + padding-left: 560px; +} + +.container_24 .suffix_15 { + padding-left: 600px; +} + +.container_24 .suffix_16 { + padding-left: 640px; +} + +.container_24 .suffix_17 { + padding-left: 680px; +} + +.container_24 .suffix_18 { + padding-left: 720px; +} + +.container_24 .suffix_19 { + padding-left: 760px; +} + +.container_24 .suffix_20 { + padding-left: 800px; +} + +.container_24 .suffix_21 { + padding-left: 840px; +} + +.container_24 .suffix_22 { + padding-left: 880px; +} + +.container_24 .suffix_23 { + padding-left: 920px; +} + +/* `Push Space >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .push_1 { + right: 40px; +} + +.container_24 .push_2 { + right: 80px; +} + +.container_24 .push_3 { + right: 120px; +} + +.container_24 .push_4 { + right: 160px; +} + +.container_24 .push_5 { + right: 200px; +} + +.container_24 .push_6 { + right: 240px; +} + +.container_24 .push_7 { + right: 280px; +} + +.container_24 .push_8 { + right: 320px; +} + +.container_24 .push_9 { + right: 360px; +} + +.container_24 .push_10 { + right: 400px; +} + +.container_24 .push_11 { + right: 440px; +} + +.container_24 .push_12 { + right: 480px; +} + +.container_24 .push_13 { + right: 520px; +} + +.container_24 .push_14 { + right: 560px; +} + +.container_24 .push_15 { + right: 600px; +} + +.container_24 .push_16 { + right: 640px; +} + +.container_24 .push_17 { + right: 680px; +} + +.container_24 .push_18 { + right: 720px; +} + +.container_24 .push_19 { + right: 760px; +} + +.container_24 .push_20 { + right: 800px; +} + +.container_24 .push_21 { + right: 840px; +} + +.container_24 .push_22 { + right: 880px; +} + +.container_24 .push_23 { + right: 920px; +} + +/* `Pull Space >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .pull_1 { + right: -40px; +} + +.container_24 .pull_2 { + right: -80px; +} + +.container_24 .pull_3 { + right: -120px; +} + +.container_24 .pull_4 { + right: -160px; +} + +.container_24 .pull_5 { + right: -200px; +} + +.container_24 .pull_6 { + right: -240px; +} + +.container_24 .pull_7 { + right: -280px; +} + +.container_24 .pull_8 { + right: -320px; +} + +.container_24 .pull_9 { + right: -360px; +} + +.container_24 .pull_10 { + right: -400px; +} + +.container_24 .pull_11 { + right: -440px; +} + +.container_24 .pull_12 { + right: -480px; +} + +.container_24 .pull_13 { + right: -520px; +} + +.container_24 .pull_14 { + right: -560px; +} + +.container_24 .pull_15 { + right: -600px; +} + +.container_24 .pull_16 { + right: -640px; +} + +.container_24 .pull_17 { + right: -680px; +} + +.container_24 .pull_18 { + right: -720px; +} + +.container_24 .pull_19 { + right: -760px; +} + +.container_24 .pull_20 { + right: -800px; +} + +.container_24 .pull_21 { + right: -840px; +} + +.container_24 .pull_22 { + right: -880px; +} + +.container_24 .pull_23 { + right: -920px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_24:before, +.container_24:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_24:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_24 { + zoom: 1; +} \ No newline at end of file diff --git a/resume/css/960_rtl.css b/resume/css/960_rtl.css new file mode 100755 index 0000000..9a91193 --- /dev/null +++ b/resume/css/960_rtl.css @@ -0,0 +1,653 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 960px; +} + +/* `Container +----------------------------------------------------------------------------------------------------*/ + +.container_12, +.container_16 { + margin-right: auto; + margin-left: auto; + width: 960px; +} + +/* `Grid >> Global +----------------------------------------------------------------------------------------------------*/ + +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16 { + display: inline; + float: right; + margin-right: 10px; + margin-left: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12, +.push_13, .pull_13, +.push_14, .pull_14, +.push_15, .pull_15 { + position: relative; +} + +.container_12 .grid_3, +.container_16 .grid_4 { + width: 220px; +} + +.container_12 .grid_6, +.container_16 .grid_8 { + width: 460px; +} + +.container_12 .grid_9, +.container_16 .grid_12 { + width: 700px; +} + +.container_12 .grid_12, +.container_16 .grid_16 { + width: 940px; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-right: 0; +} + +.omega { + margin-left: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 60px; +} + +.container_12 .grid_2 { + width: 140px; +} + +.container_12 .grid_4 { + width: 300px; +} + +.container_12 .grid_5 { + width: 380px; +} + +.container_12 .grid_7 { + width: 540px; +} + +.container_12 .grid_8 { + width: 620px; +} + +.container_12 .grid_10 { + width: 780px; +} + +.container_12 .grid_11 { + width: 860px; +} + +/* `Grid >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .grid_1 { + width: 40px; +} + +.container_16 .grid_2 { + width: 100px; +} + +.container_16 .grid_3 { + width: 160px; +} + +.container_16 .grid_5 { + width: 280px; +} + +.container_16 .grid_6 { + width: 340px; +} + +.container_16 .grid_7 { + width: 400px; +} + +.container_16 .grid_9 { + width: 520px; +} + +.container_16 .grid_10 { + width: 580px; +} + +.container_16 .grid_11 { + width: 640px; +} + +.container_16 .grid_13 { + width: 760px; +} + +.container_16 .grid_14 { + width: 820px; +} + +.container_16 .grid_15 { + width: 880px; +} + +/* `Prefix Extra Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_3, +.container_16 .prefix_4 { + padding-right: 240px; +} + +.container_12 .prefix_6, +.container_16 .prefix_8 { + padding-right: 480px; +} + +.container_12 .prefix_9, +.container_16 .prefix_12 { + padding-right: 720px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-right: 80px; +} + +.container_12 .prefix_2 { + padding-right: 160px; +} + +.container_12 .prefix_4 { + padding-right: 320px; +} + +.container_12 .prefix_5 { + padding-right: 400px; +} + +.container_12 .prefix_7 { + padding-right: 560px; +} + +.container_12 .prefix_8 { + padding-right: 640px; +} + +.container_12 .prefix_10 { + padding-right: 800px; +} + +.container_12 .prefix_11 { + padding-right: 880px; +} + +/* `Prefix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .prefix_1 { + padding-right: 60px; +} + +.container_16 .prefix_2 { + padding-right: 120px; +} + +.container_16 .prefix_3 { + padding-right: 180px; +} + +.container_16 .prefix_5 { + padding-right: 300px; +} + +.container_16 .prefix_6 { + padding-right: 360px; +} + +.container_16 .prefix_7 { + padding-right: 420px; +} + +.container_16 .prefix_9 { + padding-right: 540px; +} + +.container_16 .prefix_10 { + padding-right: 600px; +} + +.container_16 .prefix_11 { + padding-right: 660px; +} + +.container_16 .prefix_13 { + padding-right: 780px; +} + +.container_16 .prefix_14 { + padding-right: 840px; +} + +.container_16 .prefix_15 { + padding-right: 900px; +} + +/* `Suffix Extra Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_3, +.container_16 .suffix_4 { + padding-left: 240px; +} + +.container_12 .suffix_6, +.container_16 .suffix_8 { + padding-left: 480px; +} + +.container_12 .suffix_9, +.container_16 .suffix_12 { + padding-left: 720px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-left: 80px; +} + +.container_12 .suffix_2 { + padding-left: 160px; +} + +.container_12 .suffix_4 { + padding-left: 320px; +} + +.container_12 .suffix_5 { + padding-left: 400px; +} + +.container_12 .suffix_7 { + padding-left: 560px; +} + +.container_12 .suffix_8 { + padding-left: 640px; +} + +.container_12 .suffix_10 { + padding-left: 800px; +} + +.container_12 .suffix_11 { + padding-left: 880px; +} + +/* `Suffix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .suffix_1 { + padding-left: 60px; +} + +.container_16 .suffix_2 { + padding-left: 120px; +} + +.container_16 .suffix_3 { + padding-left: 180px; +} + +.container_16 .suffix_5 { + padding-left: 300px; +} + +.container_16 .suffix_6 { + padding-left: 360px; +} + +.container_16 .suffix_7 { + padding-left: 420px; +} + +.container_16 .suffix_9 { + padding-left: 540px; +} + +.container_16 .suffix_10 { + padding-left: 600px; +} + +.container_16 .suffix_11 { + padding-left: 660px; +} + +.container_16 .suffix_13 { + padding-left: 780px; +} + +.container_16 .suffix_14 { + padding-left: 840px; +} + +.container_16 .suffix_15 { + padding-left: 900px; +} + +/* `Push Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_3, +.container_16 .push_4 { + right: 240px; +} + +.container_12 .push_6, +.container_16 .push_8 { + right: 480px; +} + +.container_12 .push_9, +.container_16 .push_12 { + right: 720px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + right: 80px; +} + +.container_12 .push_2 { + right: 160px; +} + +.container_12 .push_4 { + right: 320px; +} + +.container_12 .push_5 { + right: 400px; +} + +.container_12 .push_7 { + right: 560px; +} + +.container_12 .push_8 { + right: 640px; +} + +.container_12 .push_10 { + right: 800px; +} + +.container_12 .push_11 { + right: 880px; +} + +/* `Push Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .push_1 { + right: 60px; +} + +.container_16 .push_2 { + right: 120px; +} + +.container_16 .push_3 { + right: 180px; +} + +.container_16 .push_5 { + right: 300px; +} + +.container_16 .push_6 { + right: 360px; +} + +.container_16 .push_7 { + right: 420px; +} + +.container_16 .push_9 { + right: 540px; +} + +.container_16 .push_10 { + right: 600px; +} + +.container_16 .push_11 { + right: 660px; +} + +.container_16 .push_13 { + right: 780px; +} + +.container_16 .push_14 { + right: 840px; +} + +.container_16 .push_15 { + right: 900px; +} + +/* `Pull Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_3, +.container_16 .pull_4 { + right: -240px; +} + +.container_12 .pull_6, +.container_16 .pull_8 { + right: -480px; +} + +.container_12 .pull_9, +.container_16 .pull_12 { + right: -720px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + right: -80px; +} + +.container_12 .pull_2 { + right: -160px; +} + +.container_12 .pull_4 { + right: -320px; +} + +.container_12 .pull_5 { + right: -400px; +} + +.container_12 .pull_7 { + right: -560px; +} + +.container_12 .pull_8 { + right: -640px; +} + +.container_12 .pull_10 { + right: -800px; +} + +.container_12 .pull_11 { + right: -880px; +} + +/* `Pull Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .pull_1 { + right: -60px; +} + +.container_16 .pull_2 { + right: -120px; +} + +.container_16 .pull_3 { + right: -180px; +} + +.container_16 .pull_5 { + right: -300px; +} + +.container_16 .pull_6 { + right: -360px; +} + +.container_16 .pull_7 { + right: -420px; +} + +.container_16 .pull_9 { + right: -540px; +} + +.container_16 .pull_10 { + right: -600px; +} + +.container_16 .pull_11 { + right: -660px; +} + +.container_16 .pull_13 { + right: -780px; +} + +.container_16 .pull_14 { + right: -840px; +} + +.container_16 .pull_15 { + right: -900px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after, +.container_16:before, +.container_16:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after, +.container_16:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12, +.container_16 { + zoom: 1; +} \ No newline at end of file diff --git a/resume/css/demo.css b/resume/css/demo.css new file mode 100755 index 0000000..6d91f6d --- /dev/null +++ b/resume/css/demo.css @@ -0,0 +1,161 @@ +html { + font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, 'Lucida Grande', sans-serif; + color: #555; +} +a { + text-decoration: none; +} +body { + background-color: #EEE; +} +h1 { + font-size: 48px; + color: #000; +} +h2 { + font-size: 35px; + color: #000; +} +h3 { + font-size: 28px; + color: #000; +} +h4 { + font-size: 20px; + color: #000; +} +h5 { + font-size: 18px; + color: #000; +} +h6 { + font-size: 16px; + color: #000; +} +#resume-body { + background-color: #FFF; + margin-top: 15px; + margin-bottom: 15px; + padding-bottom: 25px; +} +#resume-body a { + color: #2A85E8; +} +#resume-body a:hover { + text-decoration: underline; +} +#resume-body h3 { + margin: 10px 0 5px; +} +#resume-header { + background-color: #2A85E8; + color: #FFF; + padding-top: 5px; + padding-bottom: 5px; + margin-bottom: 15px; +} +#resume-header h1 { + padding-left: 15px; +} +#resume-header h1 { + color: #FFF; + font-size: 64px; +} +#resume-header .meta { + font-size: 18px; + margin: 5px 0; +} +#resume-header a { + color: #FFF; +} +#resume-header a:hover { + text-decoration: underline; +} +#work-col { + border-right: solid 1px; +} +#skills-col { + width: 298px; +} +.skills ul { + font-size: 14px; + padding: 5px 0; +} +.skills li { + padding: 1px 0; +} +.job-title { + color: #000; + font-size: 19px; + font-weight: bold; +} +.job-header { + color: #000; + font-weight: bold; + font-size: 17px; +} +.job-entry { + margin: 12px 0 35px; +} +.job-date { + font-size: 14px; +} +.job-meta { + font-size: 12px; +} +.job-location { + font-style: italic; +} +.job-site { + padding-left: 15px; +} +.job-site a { + color: #2A85E8; +} +.job-site a:hover { + text-decoration: underline; +} +.job-desc { + margin-top: 5px; +} +.job-desc ul { + margin-top: 5px; + font-size: 14px; + margin-left: 20px; + list-style: disc; +} +.job-desc ul ul { + margin: 0; + margin-left: 20px; + list-style: circle; +} +.job-skills { + margin-top: 5px; + font-size: 13px; +} +.projects { + font-size: 14px; + margin: 20px 0; +} +.projects ul { + list-style: disc; + margin: 5px 0 5px 15px; +} +.projects .tech { + font-size: 13px; + margin: 5px 0; +} +.notable-info { + margin: 20px 0; +} +.notable-info ul { + margin: 5px 0 5px 10px; + list-style: circle; +} +#education { + font-size: 14px; +} +#education ul { + margin: 5px 0 5px 10px; + list-style: circle; +} diff --git a/resume/css/min/960.css b/resume/css/min/960.css new file mode 100755 index 0000000..635d7ba --- /dev/null +++ b/resume/css/min/960.css @@ -0,0 +1 @@ +body{min-width:960px}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after,.container_16:after{clear:both}.clearfix,.container_12,.container_16{zoom:1} \ No newline at end of file diff --git a/resume/css/min/960_12_col.css b/resume/css/min/960_12_col.css new file mode 100755 index 0000000..7dc6fe6 --- /dev/null +++ b/resume/css/min/960_12_col.css @@ -0,0 +1 @@ +body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/resume/css/min/960_12_col_rtl.css b/resume/css/min/960_12_col_rtl.css new file mode 100755 index 0000000..7b156f8 --- /dev/null +++ b/resume/css/min/960_12_col_rtl.css @@ -0,0 +1 @@ +body{min-width:960px}.container_12{margin-right:auto;margin-left:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:right;margin-right:10px;margin-left:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-right:0}.omega{margin-left:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-right:80px}.container_12 .prefix_2{padding-right:160px}.container_12 .prefix_3{padding-right:240px}.container_12 .prefix_4{padding-right:320px}.container_12 .prefix_5{padding-right:400px}.container_12 .prefix_6{padding-right:480px}.container_12 .prefix_7{padding-right:560px}.container_12 .prefix_8{padding-right:640px}.container_12 .prefix_9{padding-right:720px}.container_12 .prefix_10{padding-right:800px}.container_12 .prefix_11{padding-right:880px}.container_12 .suffix_1{padding-left:80px}.container_12 .suffix_2{padding-left:160px}.container_12 .suffix_3{padding-left:240px}.container_12 .suffix_4{padding-left:320px}.container_12 .suffix_5{padding-left:400px}.container_12 .suffix_6{padding-left:480px}.container_12 .suffix_7{padding-left:560px}.container_12 .suffix_8{padding-left:640px}.container_12 .suffix_9{padding-left:720px}.container_12 .suffix_10{padding-left:800px}.container_12 .suffix_11{padding-left:880px}.container_12 .push_1{right:80px}.container_12 .push_2{right:160px}.container_12 .push_3{right:240px}.container_12 .push_4{right:320px}.container_12 .push_5{right:400px}.container_12 .push_6{right:480px}.container_12 .push_7{right:560px}.container_12 .push_8{right:640px}.container_12 .push_9{right:720px}.container_12 .push_10{right:800px}.container_12 .push_11{right:880px}.container_12 .pull_1{right:-80px}.container_12 .pull_2{right:-160px}.container_12 .pull_3{right:-240px}.container_12 .pull_4{right:-320px}.container_12 .pull_5{right:-400px}.container_12 .pull_6{right:-480px}.container_12 .pull_7{right:-560px}.container_12 .pull_8{right:-640px}.container_12 .pull_9{right:-720px}.container_12 .pull_10{right:-800px}.container_12 .pull_11{right:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/resume/css/min/960_16_col.css b/resume/css/min/960_16_col.css new file mode 100755 index 0000000..1182dc1 --- /dev/null +++ b/resume/css/min/960_16_col.css @@ -0,0 +1 @@ +body{min-width:960px}.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_4{width:220px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_8{width:460px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_12{width:700px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_16 .grid_16{width:940px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_4{padding-left:240px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_8{padding-left:480px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_12{padding-left:720px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_4{padding-right:240px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_8{padding-right:480px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_12{padding-right:720px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_4{left:240px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_8{left:480px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_12{left:720px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_4{left:-240px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_8{left:-480px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_12{left:-720px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_16:after{clear:both}.clearfix,.container_16{zoom:1} \ No newline at end of file diff --git a/resume/css/min/960_16_col_rtl.css b/resume/css/min/960_16_col_rtl.css new file mode 100755 index 0000000..22c3930 --- /dev/null +++ b/resume/css/min/960_16_col_rtl.css @@ -0,0 +1 @@ +body{min-width:960px}.container_16{margin-right:auto;margin-left:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:right;margin-right:10px;margin-left:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16{position:relative}.alpha{margin-right:0}.omega{margin-left:0}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_4{width:220px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_8{width:460px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_12{width:700px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_16 .grid_16{width:940px}.container_16 .prefix_1{padding-right:60px}.container_16 .prefix_2{padding-right:120px}.container_16 .prefix_3{padding-right:180px}.container_16 .prefix_4{padding-right:240px}.container_16 .prefix_5{padding-right:300px}.container_16 .prefix_6{padding-right:360px}.container_16 .prefix_7{padding-right:420px}.container_16 .prefix_8{padding-right:480px}.container_16 .prefix_9{padding-right:540px}.container_16 .prefix_10{padding-right:600px}.container_16 .prefix_11{padding-right:660px}.container_16 .prefix_12{padding-right:720px}.container_16 .prefix_13{padding-right:780px}.container_16 .prefix_14{padding-right:840px}.container_16 .prefix_15{padding-right:900px}.container_16 .suffix_1{padding-left:60px}.container_16 .suffix_2{padding-left:120px}.container_16 .suffix_3{padding-left:180px}.container_16 .suffix_4{padding-left:240px}.container_16 .suffix_5{padding-left:300px}.container_16 .suffix_6{padding-left:360px}.container_16 .suffix_7{padding-left:420px}.container_16 .suffix_8{padding-left:480px}.container_16 .suffix_9{padding-left:540px}.container_16 .suffix_10{padding-left:600px}.container_16 .suffix_11{padding-left:660px}.container_16 .suffix_12{padding-left:720px}.container_16 .suffix_13{padding-left:780px}.container_16 .suffix_14{padding-left:840px}.container_16 .suffix_15{padding-left:900px}.container_16 .push_1{right:60px}.container_16 .push_2{right:120px}.container_16 .push_3{right:180px}.container_16 .push_4{right:240px}.container_16 .push_5{right:300px}.container_16 .push_6{right:360px}.container_16 .push_7{right:420px}.container_16 .push_8{right:480px}.container_16 .push_9{right:540px}.container_16 .push_10{right:600px}.container_16 .push_11{right:660px}.container_16 .push_12{right:720px}.container_16 .push_13{right:780px}.container_16 .push_14{right:840px}.container_16 .push_15{right:900px}.container_16 .pull_1{right:-60px}.container_16 .pull_2{right:-120px}.container_16 .pull_3{right:-180px}.container_16 .pull_4{right:-240px}.container_16 .pull_5{right:-300px}.container_16 .pull_6{right:-360px}.container_16 .pull_7{right:-420px}.container_16 .pull_8{right:-480px}.container_16 .pull_9{right:-540px}.container_16 .pull_10{right:-600px}.container_16 .pull_11{right:-660px}.container_16 .pull_12{right:-720px}.container_16 .pull_13{right:-780px}.container_16 .pull_14{right:-840px}.container_16 .pull_15{right:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_16:after{clear:both}.clearfix,.container_16{zoom:1} \ No newline at end of file diff --git a/resume/css/min/960_24_col.css b/resume/css/min/960_24_col.css new file mode 100755 index 0000000..8212cac --- /dev/null +++ b/resume/css/min/960_24_col.css @@ -0,0 +1 @@ +body{min-width:960px}.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;margin-left:5px;margin-right:5px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_24:before,.container_24:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_24:after{clear:both}.clearfix,.container_24{zoom:1} \ No newline at end of file diff --git a/resume/css/min/960_24_col_rtl.css b/resume/css/min/960_24_col_rtl.css new file mode 100755 index 0000000..e538d19 --- /dev/null +++ b/resume/css/min/960_24_col_rtl.css @@ -0,0 +1 @@ +body{min-width:960px}.container_24{margin-right:auto;margin-left:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:right;margin-right:5px;margin-left:5px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}.alpha{margin-right:0}.omega{margin-left:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-right:40px}.container_24 .prefix_2{padding-right:80px}.container_24 .prefix_3{padding-right:120px}.container_24 .prefix_4{padding-right:160px}.container_24 .prefix_5{padding-right:200px}.container_24 .prefix_6{padding-right:240px}.container_24 .prefix_7{padding-right:280px}.container_24 .prefix_8{padding-right:320px}.container_24 .prefix_9{padding-right:360px}.container_24 .prefix_10{padding-right:400px}.container_24 .prefix_11{padding-right:440px}.container_24 .prefix_12{padding-right:480px}.container_24 .prefix_13{padding-right:520px}.container_24 .prefix_14{padding-right:560px}.container_24 .prefix_15{padding-right:600px}.container_24 .prefix_16{padding-right:640px}.container_24 .prefix_17{padding-right:680px}.container_24 .prefix_18{padding-right:720px}.container_24 .prefix_19{padding-right:760px}.container_24 .prefix_20{padding-right:800px}.container_24 .prefix_21{padding-right:840px}.container_24 .prefix_22{padding-right:880px}.container_24 .prefix_23{padding-right:920px}.container_24 .suffix_1{padding-left:40px}.container_24 .suffix_2{padding-left:80px}.container_24 .suffix_3{padding-left:120px}.container_24 .suffix_4{padding-left:160px}.container_24 .suffix_5{padding-left:200px}.container_24 .suffix_6{padding-left:240px}.container_24 .suffix_7{padding-left:280px}.container_24 .suffix_8{padding-left:320px}.container_24 .suffix_9{padding-left:360px}.container_24 .suffix_10{padding-left:400px}.container_24 .suffix_11{padding-left:440px}.container_24 .suffix_12{padding-left:480px}.container_24 .suffix_13{padding-left:520px}.container_24 .suffix_14{padding-left:560px}.container_24 .suffix_15{padding-left:600px}.container_24 .suffix_16{padding-left:640px}.container_24 .suffix_17{padding-left:680px}.container_24 .suffix_18{padding-left:720px}.container_24 .suffix_19{padding-left:760px}.container_24 .suffix_20{padding-left:800px}.container_24 .suffix_21{padding-left:840px}.container_24 .suffix_22{padding-left:880px}.container_24 .suffix_23{padding-left:920px}.container_24 .push_1{right:40px}.container_24 .push_2{right:80px}.container_24 .push_3{right:120px}.container_24 .push_4{right:160px}.container_24 .push_5{right:200px}.container_24 .push_6{right:240px}.container_24 .push_7{right:280px}.container_24 .push_8{right:320px}.container_24 .push_9{right:360px}.container_24 .push_10{right:400px}.container_24 .push_11{right:440px}.container_24 .push_12{right:480px}.container_24 .push_13{right:520px}.container_24 .push_14{right:560px}.container_24 .push_15{right:600px}.container_24 .push_16{right:640px}.container_24 .push_17{right:680px}.container_24 .push_18{right:720px}.container_24 .push_19{right:760px}.container_24 .push_20{right:800px}.container_24 .push_21{right:840px}.container_24 .push_22{right:880px}.container_24 .push_23{right:920px}.container_24 .pull_1{right:-40px}.container_24 .pull_2{right:-80px}.container_24 .pull_3{right:-120px}.container_24 .pull_4{right:-160px}.container_24 .pull_5{right:-200px}.container_24 .pull_6{right:-240px}.container_24 .pull_7{right:-280px}.container_24 .pull_8{right:-320px}.container_24 .pull_9{right:-360px}.container_24 .pull_10{right:-400px}.container_24 .pull_11{right:-440px}.container_24 .pull_12{right:-480px}.container_24 .pull_13{right:-520px}.container_24 .pull_14{right:-560px}.container_24 .pull_15{right:-600px}.container_24 .pull_16{right:-640px}.container_24 .pull_17{right:-680px}.container_24 .pull_18{right:-720px}.container_24 .pull_19{right:-760px}.container_24 .pull_20{right:-800px}.container_24 .pull_21{right:-840px}.container_24 .pull_22{right:-880px}.container_24 .pull_23{right:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_24:before,.container_24:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_24:after{clear:both}.clearfix,.container_24{zoom:1} \ No newline at end of file diff --git a/resume/css/min/960_rtl.css b/resume/css/min/960_rtl.css new file mode 100755 index 0000000..cfa28cc --- /dev/null +++ b/resume/css/min/960_rtl.css @@ -0,0 +1 @@ +body{min-width:960px}.container_12,.container_16{margin-right:auto;margin-left:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:right;margin-right:10px;margin-left:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-right:0}.omega{margin-left:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-right:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-right:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-right:720px}.container_12 .prefix_1{padding-right:80px}.container_12 .prefix_2{padding-right:160px}.container_12 .prefix_4{padding-right:320px}.container_12 .prefix_5{padding-right:400px}.container_12 .prefix_7{padding-right:560px}.container_12 .prefix_8{padding-right:640px}.container_12 .prefix_10{padding-right:800px}.container_12 .prefix_11{padding-right:880px}.container_16 .prefix_1{padding-right:60px}.container_16 .prefix_2{padding-right:120px}.container_16 .prefix_3{padding-right:180px}.container_16 .prefix_5{padding-right:300px}.container_16 .prefix_6{padding-right:360px}.container_16 .prefix_7{padding-right:420px}.container_16 .prefix_9{padding-right:540px}.container_16 .prefix_10{padding-right:600px}.container_16 .prefix_11{padding-right:660px}.container_16 .prefix_13{padding-right:780px}.container_16 .prefix_14{padding-right:840px}.container_16 .prefix_15{padding-right:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-left:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-left:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-left:720px}.container_12 .suffix_1{padding-left:80px}.container_12 .suffix_2{padding-left:160px}.container_12 .suffix_4{padding-left:320px}.container_12 .suffix_5{padding-left:400px}.container_12 .suffix_7{padding-left:560px}.container_12 .suffix_8{padding-left:640px}.container_12 .suffix_10{padding-left:800px}.container_12 .suffix_11{padding-left:880px}.container_16 .suffix_1{padding-left:60px}.container_16 .suffix_2{padding-left:120px}.container_16 .suffix_3{padding-left:180px}.container_16 .suffix_5{padding-left:300px}.container_16 .suffix_6{padding-left:360px}.container_16 .suffix_7{padding-left:420px}.container_16 .suffix_9{padding-left:540px}.container_16 .suffix_10{padding-left:600px}.container_16 .suffix_11{padding-left:660px}.container_16 .suffix_13{padding-left:780px}.container_16 .suffix_14{padding-left:840px}.container_16 .suffix_15{padding-left:900px}.container_12 .push_3,.container_16 .push_4{right:240px}.container_12 .push_6,.container_16 .push_8{right:480px}.container_12 .push_9,.container_16 .push_12{right:720px}.container_12 .push_1{right:80px}.container_12 .push_2{right:160px}.container_12 .push_4{right:320px}.container_12 .push_5{right:400px}.container_12 .push_7{right:560px}.container_12 .push_8{right:640px}.container_12 .push_10{right:800px}.container_12 .push_11{right:880px}.container_16 .push_1{right:60px}.container_16 .push_2{right:120px}.container_16 .push_3{right:180px}.container_16 .push_5{right:300px}.container_16 .push_6{right:360px}.container_16 .push_7{right:420px}.container_16 .push_9{right:540px}.container_16 .push_10{right:600px}.container_16 .push_11{right:660px}.container_16 .push_13{right:780px}.container_16 .push_14{right:840px}.container_16 .push_15{right:900px}.container_12 .pull_3,.container_16 .pull_4{right:-240px}.container_12 .pull_6,.container_16 .pull_8{right:-480px}.container_12 .pull_9,.container_16 .pull_12{right:-720px}.container_12 .pull_1{right:-80px}.container_12 .pull_2{right:-160px}.container_12 .pull_4{right:-320px}.container_12 .pull_5{right:-400px}.container_12 .pull_7{right:-560px}.container_12 .pull_8{right:-640px}.container_12 .pull_10{right:-800px}.container_12 .pull_11{right:-880px}.container_16 .pull_1{right:-60px}.container_16 .pull_2{right:-120px}.container_16 .pull_3{right:-180px}.container_16 .pull_5{right:-300px}.container_16 .pull_6{right:-360px}.container_16 .pull_7{right:-420px}.container_16 .pull_9{right:-540px}.container_16 .pull_10{right:-600px}.container_16 .pull_11{right:-660px}.container_16 .pull_13{right:-780px}.container_16 .pull_14{right:-840px}.container_16 .pull_15{right:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after,.container_16:after{clear:both}.clearfix,.container_12,.container_16{zoom:1} \ No newline at end of file diff --git a/resume/css/min/reset.css b/resume/css/min/reset.css new file mode 100755 index 0000000..6e42b6e --- /dev/null +++ b/resume/css/min/reset.css @@ -0,0 +1 @@ +a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden} \ No newline at end of file diff --git a/resume/css/min/reset_rtl.css b/resume/css/min/reset_rtl.css new file mode 100755 index 0000000..0ac72dd --- /dev/null +++ b/resume/css/min/reset_rtl.css @@ -0,0 +1 @@ +a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:right}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden} \ No newline at end of file diff --git a/resume/css/min/text.css b/resume/css/min/text.css new file mode 100755 index 0000000..a136b54 --- /dev/null +++ b/resume/css/min/text.css @@ -0,0 +1 @@ +body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}pre,code{font-family:'DejaVu Sans Mono',Menlo,Consolas,monospace}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{margin-bottom:20px} \ No newline at end of file diff --git a/resume/css/min/text_rtl.css b/resume/css/min/text_rtl.css new file mode 100755 index 0000000..ae5efba --- /dev/null +++ b/resume/css/min/text_rtl.css @@ -0,0 +1 @@ +body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}pre,code{font-family:'DejaVu Sans Mono',Menlo,Consolas,monospace}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-right:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{margin-bottom:20px} \ No newline at end of file diff --git a/resume/css/reset.css b/resume/css/reset.css new file mode 100755 index 0000000..f9219d4 --- /dev/null +++ b/resume/css/reset.css @@ -0,0 +1,211 @@ +/* `XHTML, HTML4, HTML5 Reset +----------------------------------------------------------------------------------------------------*/ + +a, +abbr, +acronym, +address, +applet, +article, +aside, +audio, +b, +big, +blockquote, +body, +canvas, +caption, +center, +cite, +code, +dd, +del, +details, +dfn, +dialog, +div, +dl, +dt, +em, +embed, +fieldset, +figcaption, +figure, +font, +footer, +form, +h1, +h2, +h3, +h4, +h5, +h6, +header, +hgroup, +hr, +html, +i, +iframe, +img, +ins, +kbd, +label, +legend, +li, +mark, +menu, +meter, +nav, +object, +ol, +output, +p, +pre, +progress, +q, +rp, +rt, +ruby, +s, +samp, +section, +small, +span, +strike, +strong, +sub, +summary, +sup, +table, +tbody, +td, +tfoot, +th, +thead, +time, +tr, +tt, +u, +ul, +var, +video, +xmp { + border: 0; + margin: 0; + padding: 0; + font-size: 100%; +} + +html, +body { + height: 100%; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { +/* + Override the default (display: inline) for + browsers that do not recognize HTML5 tags. + + IE8 (and lower) requires a shiv: + http://ejohn.org/blog/html5-shiv +*/ + display: block; +} + +b, +strong { +/* + Makes browsers agree. + IE + Opera = font-weight: bold. + Gecko + WebKit = font-weight: bolder. +*/ + font-weight: bold; +} + +img { + color: transparent; + font-size: 0; + vertical-align: middle; +/* + For IE. + http://css-tricks.com/ie-fix-bicubic-scaling-for-images +*/ + -ms-interpolation-mode: bicubic; +} + +ol, +ul { + list-style: none; +} + +li { +/* + For IE6 + IE7: + + "display: list-item" keeps bullets from + disappearing if hasLayout is triggered. +*/ + display: list-item; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +th, +td, +caption { + font-weight: normal; + vertical-align: top; + text-align: left; +} + +q { + quotes: none; +} + +q:before, +q:after { + content: ''; + content: none; +} + +sub, +sup, +small { + font-size: 75%; +} + +sub, +sup { + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +svg { +/* + For IE9. Without, occasionally draws shapes + outside the boundaries of rectangle. +*/ + overflow: hidden; +} \ No newline at end of file diff --git a/resume/css/reset_rtl.css b/resume/css/reset_rtl.css new file mode 100755 index 0000000..bbd1abe --- /dev/null +++ b/resume/css/reset_rtl.css @@ -0,0 +1,211 @@ +/* `XHTML, HTML4, HTML5 Reset +----------------------------------------------------------------------------------------------------*/ + +a, +abbr, +acronym, +address, +applet, +article, +aside, +audio, +b, +big, +blockquote, +body, +canvas, +caption, +center, +cite, +code, +dd, +del, +details, +dfn, +dialog, +div, +dl, +dt, +em, +embed, +fieldset, +figcaption, +figure, +font, +footer, +form, +h1, +h2, +h3, +h4, +h5, +h6, +header, +hgroup, +hr, +html, +i, +iframe, +img, +ins, +kbd, +label, +legend, +li, +mark, +menu, +meter, +nav, +object, +ol, +output, +p, +pre, +progress, +q, +rp, +rt, +ruby, +s, +samp, +section, +small, +span, +strike, +strong, +sub, +summary, +sup, +table, +tbody, +td, +tfoot, +th, +thead, +time, +tr, +tt, +u, +ul, +var, +video, +xmp { + border: 0; + margin: 0; + padding: 0; + font-size: 100%; +} + +html, +body { + height: 100%; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { +/* + Override the default (display: inline) for + browsers that do not recognize HTML5 tags. + + IE8 (and lower) requires a shiv: + http://ejohn.org/blog/html5-shiv +*/ + display: block; +} + +b, +strong { +/* + Makes browsers agree. + IE + Opera = font-weight: bold. + Gecko + WebKit = font-weight: bolder. +*/ + font-weight: bold; +} + +img { + color: transparent; + font-size: 0; + vertical-align: middle; +/* + For IE. + http://css-tricks.com/ie-fix-bicubic-scaling-for-images +*/ + -ms-interpolation-mode: bicubic; +} + +ol, +ul { + list-style: none; +} + +li { +/* + For IE6 + IE7: + + "display: list-item" keeps bullets from + disappearing if hasLayout is triggered. +*/ + display: list-item; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +th, +td, +caption { + font-weight: normal; + vertical-align: top; + text-align: right; +} + +q { + quotes: none; +} + +q:before, +q:after { + content: ''; + content: none; +} + +sub, +sup, +small { + font-size: 75%; +} + +sub, +sup { + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +svg { +/* + For IE9. Without, occasionally draws shapes + outside the boundaries of rectangle. +*/ + overflow: hidden; +} \ No newline at end of file diff --git a/resume/css/text.css b/resume/css/text.css new file mode 100755 index 0000000..8a25ecf --- /dev/null +++ b/resume/css/text.css @@ -0,0 +1,86 @@ +/* + 960 Grid System ~ Text CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* `Basic HTML +----------------------------------------------------------------------------------------------------*/ + +body { + font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; +} + +pre, +code { + font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace; +} + +hr { + border: 0 #ccc solid; + border-top-width: 1px; + clear: both; + height: 0; +} + +/* `Headings +----------------------------------------------------------------------------------------------------*/ + +h1 { + font-size: 25px; +} + +h2 { + font-size: 23px; +} + +h3 { + font-size: 21px; +} + +h4 { + font-size: 19px; +} + +h5 { + font-size: 17px; +} + +h6 { + font-size: 15px; +} + +/* `Spacing +----------------------------------------------------------------------------------------------------*/ + +ol { + list-style: decimal; +} + +ul { + list-style: disc; +} + +li { + margin-left: 30px; +} + +p, +dl, +hr, +h1, +h2, +h3, +h4, +h5, +h6, +ol, +ul, +pre, +table, +address, +fieldset, +figure { + margin-bottom: 20px; +} \ No newline at end of file diff --git a/resume/css/text_rtl.css b/resume/css/text_rtl.css new file mode 100755 index 0000000..6f1466e --- /dev/null +++ b/resume/css/text_rtl.css @@ -0,0 +1,86 @@ +/* + 960 Grid System ~ Text CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* `Basic HTML +----------------------------------------------------------------------------------------------------*/ + +body { + font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; +} + +pre, +code { + font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace; +} + +hr { + border: 0 #ccc solid; + border-top-width: 1px; + clear: both; + height: 0; +} + +/* `Headings +----------------------------------------------------------------------------------------------------*/ + +h1 { + font-size: 25px; +} + +h2 { + font-size: 23px; +} + +h3 { + font-size: 21px; +} + +h4 { + font-size: 19px; +} + +h5 { + font-size: 17px; +} + +h6 { + font-size: 15px; +} + +/* `Spacing +----------------------------------------------------------------------------------------------------*/ + +ol { + list-style: decimal; +} + +ul { + list-style: disc; +} + +li { + margin-right: 30px; +} + +p, +dl, +hr, +h1, +h2, +h3, +h4, +h5, +h6, +ol, +ul, +pre, +table, +address, +fieldset, +figure { + margin-bottom: 20px; +} \ No newline at end of file diff --git a/resume/demo.html b/resume/demo.html new file mode 100755 index 0000000..ce15e06 --- /dev/null +++ b/resume/demo.html @@ -0,0 +1,273 @@ + + + + + Resume | Jeff Kao + + + + + +
+
+
+

Jeff Kao

+
+
+

http://jeff-kao.com

+

jeff.kao.000@gmail.com

+

(415) 972-9635

+
+
+
+

Work Experience

+
+
+ Inkling - Platform Engineer (Intern) +
+
Aug. '12 - Present
+
+
+ San Francisco, CA + (http://inkling.com) +
+
+
+
Worked on scaling out Inkling's digital publishing platform.
+
    +
  • Worked on software bottlenecks on backend-services for performance improvements of over a magnitude
    • +
  • Re-built project management tool from ground-up to support 10x scale +
      +
    • Refactored spaghetti code to maintainable, well-tested plugin architecture
      • +
    • Built an API and Caching Framework from scratch
      • +
    • Wrote a library for app to utilize message-based services via RabbitMQ
      • +
    +
    • +
+
+
[Python, Tornado, Ruby, Rails, Redis, Memcached, RabbitMQ, PostgreSQL]
+
+
+
+
+ PagerDuty - Software Engineer (Intern) +
+
Jan. '12 - Apr. '12
+
+
+ San Francisco, CA + (http://pagerduty.com) +
+
+
+
Shipped code for IT on-call alerting platform at Y-Combinator startup.
+
    +
  • Re-built payment services to avoid expensive PCI-Compliance requirements
    • +
  • Automated time-consuming administrative tasks (conversions, payments)
    • +
  • Took on large refactoring tasks to increase maintainability and testability: +
      +
    • Re-vamped user accounts system for future-proofing
      • +
    • Ported frontend code to CoffeeScript and latest JavaScript libraries
      • +
    • Increased test-coverage by 20%
      • +
    +
    • +
  • Won Hackday Award for developing internationalization support capabilities
    • +
+
+
[Ruby, Rails, CoffeeScript, jQuery, Backbone.js, HAML, SASS, MySQL]
+
+
+
+
+ Infusion - Software Consultant (Intern) +
+
May. '11 - Sept. '11
+
+
+ New York, NY + (http://infusion.com) +
+
+
+
Worked with clients to deliver high-quality software solutions.
+
    +
  • Built a million-dollar funding platform for New York Department of Education: +
      +
    • Incredibly time and staff constrained
      • +
    • Project received internal award for "Best Application of the Year"
      • +
    +
  • Built a Browser Helper Object for AMD for video tools
    • +
+
+
[C#, C++, ASP.NET MVC, JavaScript, jQuery]
+
+
+
+
+ Sybase (SAP) - Software Developer (Intern) +
+
Aug. '10 - Dec. '10
+
+
+ Waterloo, ON + (http://sybase.com) +
+
+
+
Built infrastructure tools for Sybase IQ product and team.
+
    +
  • Built an automated installer test framework as a side-project
    • +
+
+
[Java, bash, perl]
+
+
+
+
+ RamSoft - QA Tech (Intern) +
+
Jan. '10 - Apr. '10
+
+
+ Toronto, ON + (http://ramsoft.com) +
+
+
+
Worked with developers to test medical-imaging software.
+
+
[SQL, batch]
+
+
+
+ Atomic Energy of Canada - Research Student +
+
May. '07 - Jun. '07
+
+
+ Deep River, ON + (http://aecl.ca) +
+
+
+
Performed Research on an Atmospheric Pressure Plasma Jet
+
    +
  • Researched various cost-effective methods of decomposing Zirconium compounds to create Zirconium Tert-Butoxide used to coat reactor walls
    • +
  • Presented findings to AECL staff at the end of term
    • +
+
+
+
+
+

Technical Skills

+
+
+
    +
  • Ruby
    • +
  • Java
    • +
  • SQL
    • +
  • Scala
    • +
+
+
+
    +
  • Python
    • +
  • C#
    • +
  • C
    • +
+
+
+
    +
  • Ruby on Rails
    • +
  • Tornado
    • +
  • Play
    • +
  • ASP.NET MVC
    • +
+
    + +
+
+
+
    +
  • jQuery
    • +
  • Backbone.js
    • +
+
    +
  • JavaScript
    • +
  • CoffeeScript
    • +
  • HTML5
    • +
  • CSS3
    • +
+
    +
  • git, hg, svn
    • +
  • bash, zsh
    • +
  • vim
    • +
+
+
+
    +
  • MySQL
    • +
  • PostgreSQL
    • +
  • MongoDB
    • +
+
    +
  • memcached
    • +
  • redis
    • +
+
    +
  • RabbitMQ
    • +
+
    +
  • Heroku
    • +
  • Amazon AWS
    • +
+
+
+
+

Projects

+
OMGiWant - Gift Recommendation
+
+
    +
  • In the works.
    • +
+
[Scala, Play, MongoDB, Amazon Web Services]
+
+
Mediac - Dynamic Content Platform
+
+
    +
  • Keep track of dynamic content like webcomics/videos/blogs
    • +
+
[Rails, Bootstrap, CoffeeScript, Heroku, PostgreSQL]
+
+
Photograff - Facebook Canvas App
+
+
    +
  • Graffiti on Facebook Photos
    • +
+
[HTML5 Canvas, jQuery, PHP, Facebook API]
+
+
More on GitHub: http://github.com/jkao
+
+
+
+

Notable Info

+
    +
  • Aspiring entrepreneur, with interests in internationalization
    • +
  • Technical interests in large-scale web-application architecture and distributed systems
    • +
  • Able to communicate in Chinese (Cantonese & Mandarin), Japanese
    • +
+
+
+
+

Education

+

University of Waterloo

+
Computer Engineering
+
    +
  • Expected graduation in 2014
    • +
  • Member of Muay Thai club, Music Club, Poker Club
    • +
+
+
+
+ + diff --git a/resume_old2.html b/resume_old2.html new file mode 100644 index 0000000..5ac9126 --- /dev/null +++ b/resume_old2.html @@ -0,0 +1,1759 @@ + + + + + + + + + + Resume | Jeffrey Kao + + + + + + + + + + + + + + + + +
+
+
+

Jeff Kao

+
University of Waterloo - 3A Computer Engineering
+
+
+ +
+
+
+ +
+
+

Technical Skills

+
+
+
    +
  • Ruby
    • +
  • JavaScript (CoffeeScript)
    • +
  • SQL
    • +
  • HTML5 (HAML)
    • +
  • CSS3 (sass)
    • +
+
+
+
    +
  • Java
    • +
  • C#
    • +
  • C/C++
    • +
  • PHP
    • +
  • perl
    • +
+
+
+
    +
  • Ruby on Rails
    • +
  • Play Framework
    • +
  • ASP.NET (MVC & WebForms)
    • +
  • Blackberry UI API
    • +
  • Facebook Graph API
    • +
+
+
+
    +
  • jQuery
    • +
  • Backbone.js
    • +
  • git, hg, svn
    • +
  • Unix/Linux/OS X
    • +
  • MySQL, PostgreSQL, MongoDB
    • +
+
+
+
    +
  • Heroku
    • +
  • AWS
    • +
  • Apache
    • +
  • nginx
    • +
  • IIS
    • +
+
+
+
+
+ +
+
+

Work Experience

+
+ +
+
+
Inkling
+
Software Engineer
+ +
+
+
Sept. '12 - Dec. '12
+
San Francisco, CA
+
+
+
+
+
Worked on back-end infrastructure to scale out Inkling's publishing platform. Highlights include:
+
    +
  • Worked on improving performance across backend services. Some examples include: +
      +
    • Refactoring caching algorithms for user and group management leading to performance improvements of a magnitude
      • +
    • Improving SVN storage mechanisms for increased performance
      • +
    +
    • +
  • Leading force in reworking of Inkling's project management application to support 10X scale: +
      +
    • Added a caching layer to existing data layer to support more efficent, production-ready API
      • +
    • Reworked database layer to support sharding to support large data growth
      • +
    • Factored out patches in existing project management tool to support maintainable, testable plugin architecture
      • +
    +
    • +
+ Technologies Used: Python, Ruby on Rails, PostgreSQL, MySQL, Redis, Memcached, SVN, git +
+
+ +
+ +
+
+
PagerDuty
+
Software Engineer
+ +
+
+
Jan. '12 - April '12
+
San Francisco, CA
+
+
+
+
+
Iterated and shipped features at a Y-Combinator funded startup building an IT alerting and monitoring platform. Some highlights include:
+
    +
  • Converting Payment System to remove PCI Compliance requirements, removing need of costly security audits
    • +
  • Automating a number of administration tasks, with metrics including conversions and automated payments, saving administration time
    • +
  • Performing major refactor on accounts system, while significantly increasing test coverage on legacy, un-tested code base
    • +
  • Migrating existing JavaScript to CoffeeScript with required infrastructure, as well as upgrading Backbone.js to 1.0 release candidate
    • +
  • Winning internal Hackday award for developing infrastructure to support internationalization on Marketing site
    • +
+ Technologies Used: Ruby on Rails, MySQL, git, JavaScript/CoffeeScript, jQuery, Backbone.js, HAML, SASS, Twitter Bootstrap, AWS +
+
+ +
+ +
+
+
Infusion Development
+
Software Consultant
+ +
+
+
May. '11 - Sept '11
+
New York, NY
+
+
+
+
+
Worked with clients to deliver enterprise solutions in an Agile environment. Some highlights include:
+
    +
  • Building an education-funding review platform from ground-up for New York Department of Education
    • +
  • Maintaining previous iteration of education-funding platform for the New York Department of Education
    • +
  • Building a Browser Helper tool for AMD used to run AMD's desktop widgets
    • +
  • Winning internal company award for 'Best Application of the Year' for work done with the New York Department of Education
    • +
+ Technologies Used: C#, T-SQL, Microsoft SQL Server, JavaScript/jQuery, ASP.NET MVC, ASP.NET WebForms, HTML/CSS, Windows API +
+
+ +
+ +
+
+
Sybase
+
Software Developer
+ +
+
+
Aug. '10 - Dec '10
+
Waterloo, ON
+
+
+
+
+
Built infrastructure tools for Sybase IQ product and team:
+
    +
  • Writing Java plugins for installer tool, and bash/perl scripts to automate the Sybase IQ product dependencies
    • +
  • Building an automated test framework as a side project for installation tools
    • +
+ Technologies Used: Java, bash, perl, XML, Sybase Database Suite, SQL +
+
+ +
+ +
+
+
RamSoft
+
Software QA
+ +
+
+
Jan. '10 - Apr. '10
+
Toronto, ON
+
+
+
+
+
    +
  • Worked with developers to test medical-imaging software.
    • +
+ Technologies Used: SQL, batch scripts +
+
+
+
+ +
+ +
+
+

Recent Projects

+
+ +
+
+
Mediac
+
+
+
+
+ Social dynamic content sharing platform. Under construction. +
+
+
+
+ Technologies Used: Ruby on Rails 3.2, Twitter Bootstrap, MySQL, Heroku +
+
+
+
+
+
PhotoGraff
+
+
+
+
+ HTML5 Facebook application for drawing and editing photos on Facebook. +
+
+
+
+ Technologies Used: Facebook Graph API, JavaScript & jQuery, HTML5 Canvas, PHP +
+
+
+
+
+
Github
+
+
+
+
+ Other projects and recent code samples can be found on https://github.com/jkao +
+
+
+
+
+ +
+ +