diff --git a/lib/concerns/findable.rb b/lib/concerns/findable.rb new file mode 100644 index 0000000..3510725 --- /dev/null +++ b/lib/concerns/findable.rb @@ -0,0 +1,31 @@ +module Findable + module ClassMethods + + def all + all_rows = db.execute "SELECT * FROM students;" + all_rows.collect{|row| new_from_db(row)} + end + + def find_by(*args) + args.flatten.each do |arg| + define_singleton_method("find_by_#{arg}") do |value| + rows_found = db.execute "SELECT * FROM #{table_name} WHERE #{arg} = ?", value + new_from_db(rows_found.first) if !rows_found.empty? + end + end + end + # find_by must be called by the class extending it to initialize all find_by_attribute methods + + def find(id) + self.find_by_id(id) + end + + def where(conditions) + # conditions is a hash - get a string (to be used by SQL WHERE) based on that hash + arg = conditions.to_a.collect{|condition| "#{condition[0].to_s} = :#{condition[0]}"}.join(" AND ") + rows_found = db.execute("SELECT * FROM #{table_name} WHERE #{arg}", conditions) + rows_found.collect{|row| new_from_db(row)} if !rows_found.empty? + end + + end +end \ No newline at end of file diff --git a/lib/concerns/persistable.rb b/lib/concerns/persistable.rb index ae445b0..5675c8c 100644 --- a/lib/concerns/persistable.rb +++ b/lib/concerns/persistable.rb @@ -52,12 +52,6 @@ def save persisted? ? update : insert end - def attributes - self.class.attributes.keys.collect do |attribute| - self.send(attribute) - end - end - def attributes_for_sql self.attributes[1..-1] end diff --git a/lib/models/flatiron.db b/lib/models/flatiron.db new file mode 100644 index 0000000..b53cd8e Binary files /dev/null and b/lib/models/flatiron.db differ diff --git a/lib/models/scraper.rb b/lib/models/scraper.rb new file mode 100644 index 0000000..d2d6399 --- /dev/null +++ b/lib/models/scraper.rb @@ -0,0 +1,168 @@ +# Columns to add to students table: +# Name +# Profile Pic +# Social media links/ Twitter, LinkedIn, GitHub, Blog(RSS) +# Quote +# About/ Bio, Education, Work +# Coder Cred / Treehouse, Codeschool, Coderwal .reject(Github) + +require 'nokogiri' +require 'open-uri' +require 'sqlite3' + +require 'pp' +require 'json' + +class Scraper + + attr_accessor :db, :db_name, :students_html_array, :students + + def create_database(db_name) + @db_name = db_name + # Create a new database and drop the students table from the database if it exists + begin + db = SQLite3::Database.new db_name + db.execute("DROP TABLE IF EXISTS students") + rescue SQLite3::Exception => e + puts "Exception occurred" + puts e + ensure + db.close if db + end + end + + + def scrape_index(index_html) + + # scrape different HTML elements + index = Nokogiri::HTML(open(index_html)) + + student_a_selector = "li.home-blog-post div.blog-title h3 a" # div.big-comment before "a" won't select Matt's profile + names = index.css(student_a_selector).collect{|student| student.content} + urls = index.css(student_a_selector).collect{|student| student.attr("href").downcase} + @students_html_array = urls.reject{|url| url == "#"} + urls = urls.collect{ |url| url.sub("students/","") } + + student_img_selector = "li.home-blog-post div.blog-thumb img" + imgs = index.css(student_img_selector).collect{|student| student.attr("src").downcase} + imgs = imgs.collect{ |img| (img[0..3]=="http" ? "" : "/") + img } + + student_tagline_selector = "li.home-blog-post p.home-blog-post-meta" + taglines = index.css(student_tagline_selector).collect{|student| student.content} + + student_bio_selector = "li.home-blog-post div.excerpt p" + bios = index.css(student_bio_selector).collect{|student| student.content} + + # ensure sizes are all same + raise if urls.size != names.size || urls.size != imgs.size || urls.size != taglines.size || urls.size != bios.size + + # create array of all data + students_array = [] + names.each_with_index do |student, index| + students_array << {:name=>names[index], :url=>urls[index], :img=>imgs[index], :tagline=>taglines[index], :bio=>bios[index]} + end + + #convert into hash and store as instance variable + students_array.delete_if { |info| info[:url]=="#" } + @students ||= {} + students_array.each_with_index {|info, index| @students[index+1] = info} + # {1 => {:name=> "Avi Flombaum", :img=> "http://avi.com"}, 2 => {:name=> "Ashley Williams", :img=> "http://ashley.com"}} + + # pp @students + puts "\nThe students_html_array looks like this:\n #{students_html_array.inspect}" + puts "There are #{students_html_array.size} elements in the array" + + end + + + # Scrape individual student profiles based on the array created from scraping index.html + + def scrape_students(index_html) + # Loop through each student profile URL in @students + @students_html_array.each_with_index do |student_html, index| + begin + puts + student_page = Nokogiri::HTML(open("#{index_html}/#{student_html}")) + + # Get student's name + name_css_selector = "h4.ib_main_header" + html_tag_for_name = student_page.css(name_css_selector).first # will return nil if the ib_main_header css selector is not found + # puts html_tag_for_name.class => Nokogiri::XML::Element + + # only scrape the rest of page if html_tag_for_name is found (to make sure that only correctly formatted pages are scraped) + if html_tag_for_name + puts "...scraping: #{student_html}" + + info = {} + info[:name] = html_tag_for_name.content + + prof_pic_selector = "div .student_pic" + info[:prof_pic] = student_page.css(prof_pic_selector).attr("src").to_s + + social_media_selector = "div.social-icons a" + info[:twitter] = student_page.css(social_media_selector)[0].attr("href") + info[:linkedin] = student_page.css(social_media_selector)[1].attr("href") + info[:github] = student_page.css(social_media_selector)[2].attr("href") + info[:blog] = student_page.css(social_media_selector)[3].attr("href") + + quote_selector = "div.textwidget" + info[:quote] = student_page.css(quote_selector).text + + student = {(index+1) => info} + p student + + # merge into existing hash + @students.merge!(student) do |id, oldinfo, newinfo| + oldinfo.merge!(newinfo) do |attribute, oldvalue, newvalue| + puts "in index: #{oldvalue}; in profile: #{newvalue}" if oldvalue != newvalue + newvalue + end + end + + else + puts "#{student_html} isn't the correct template. Page will not be scraped." + end + + rescue OpenURI::HTTPError => e + puts "No profile found at " + student_html + puts e + end + end + end + + + def insert_into_db(db_name) + @students.each do |id, student| + columns_names = student.keys.join(",").gsub(",", " TEXT, ") + " TEXT" + student_attributes = student.keys.join(",") + student_values = student.keys.to_s.gsub("]", "").gsub("[", "") + + db = SQLite3::Database.open db_name + db.execute("CREATE TABLE IF NOT EXISTS students(id INTEGER PRIMARY KEY AUTOINCREMENT, + #{columns_names})" + ) + + # insert specific student into students table if it doesn't exist + db.execute("DELETE FROM students WHERE name=?", student[:name]) + db.execute("INSERT INTO students(#{student_attributes}) + VALUES (#{student_values})", student + ) + end + puts "\nSuccessfully updated database!" + end + +end + + +db_name = "flatiron.db" +index_html = "http://students.flatironschool.com" + +scraper = Scraper.new +scraper.create_database(db_name) + +scraper.scrape_index(index_html) +scraper.scrape_students(index_html) +# pp scraper.students + +scraper.insert_into_db(db_name) + diff --git a/lib/models/student.rb b/lib/models/student.rb index c5de947..f4113d5 100644 --- a/lib/models/student.rb +++ b/lib/models/student.rb @@ -27,6 +27,12 @@ def self.attributes ATTRIBUTES end + def attributes + self.class.attributes.keys.collect do |attribute| + self.send(attribute) + end + end + def self.attr_accessors self.attributes.keys.each do |k| attr_accessor k diff --git a/public/CNAME b/public/CNAME new file mode 100644 index 0000000..76a10de --- /dev/null +++ b/public/CNAME @@ -0,0 +1 @@ +students.flatironschool.com diff --git a/public/README.md b/public/README.md new file mode 100644 index 0000000..e8b3b0e --- /dev/null +++ b/public/README.md @@ -0,0 +1,64 @@ +Deploy on Day One Project + +Goal: To add yourself to the student section of the FlatironSchool.com and create your profile page. + +Steps: +- Clone the students website to your code directory. +- git@github.com:flatiron-school/002.students.flatironschool.com.git +- git clone git@github.com:flatiron-school/002.students.flatironschool.com.git +- Create a feature branch for your profile add-profile-aviflombaum, feature-studentgithub +- git co -b add-profile-aviflombaum +- Create your profile page within the students directory aviflombaum.htm + - touch students/aviflombaum.html +- Add it, commit, push + - git add . + - git commit -am "Add profile for Avi Flombaum" + - git push +Create a pull request to merge your feature branch, add-profile-aviflombaum to the flatiron-school origin repository +https://github.com/flatiron-school/002.students.flatironschool.com/pull/new/add-profile-aviflombaum + +- Squashing commits? + +Ping Avi or Tag him in a comment (@aviflombaum) to let him know that your pull request needs to be reviewed +- Admin Merges Pull Request +- Deploy master of main repository +- Our Git Flow +- Anything in master branch is deployable. +- Create feature branches off master. +- Commit locally and regularly push your work to the same named branch on the server. +- When you need help or you think your branch is ready to merge, open a pull request on github.com +- After someone reviews and +1, you can merge that pull request into the master. +- Once a pull request is merged to master, deploy. + +Never, ever, do anything in a master branch. It must remain stable. +- Do not merge the upstream develop with your feature branch, rebase your branch on top of the upstream/master to synch your feature branch with the latest master. +- Issue branches should be prefixed with the issue # and description. + +We used these steps: + +♕ git add . + +♕ git commit -m 'messed with profile' + +♕ git push upstream add-profile-adamjonas + +♕ git fetch upstream + +♕ git co master + +♕ git pull upstream master + +♕ git co add-profile-adamjonas + +♕ git rebase master + + +http://scottchacon.com/2011/08/31/github-flow.html + +https://github.com/diaspora/diaspora/wiki/Git-Workflow + +http://mettadore.com/analysis/a-simple-git-rebase-workflow-explained/ + +http://zachholman.com/talk/how-github-uses-github-to-build-github + +https://openshift.redhat.com/community/wiki/github-workflow-for-submitting-pull-requests diff --git a/public/css/blue_style.css b/public/css/blue_style.css new file mode 100644 index 0000000..7f3527e --- /dev/null +++ b/public/css/blue_style.css @@ -0,0 +1,390 @@ +/* +Author:Joefrey Mahusay +Twitter:@joefrey +Author URL:www.html5awesome.com +Date:14 Aug. 2011 +*/ + +/*-------------------------- +RESET +---------------------------*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, figcaption, figure, +footer, header, hgroup, menu, nav, section, summary, +time, mark, audio, video{margin:0; padding:0} +article, aside, details, figcaption, figure, footer, +header, hgroup, menu, nav, section{display:block} + +table{border-collapse:collapse; border-spacing:0} +fieldset, img{border:0} +address, caption, cite, dfn, th, var{font-style:normal; font-weight:normal} +caption, th{text-align:left} +h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal} +q:before, q:after{content:''} +abbr, acronym{border:0} + +/*-------------------------- +FONT-FACE +---------------------------*/ +@font-face { + font-family: 'PodkovaRegular'; + src: url('../css/fonts/Podkova-Regular-webfont.eot'); + src: url('../css/fonts/Podkova-Regular-webfont.eot?#iefix') format('embedded-opentype'), + url('../css/fonts/Podkova-Regular-webfont.woff') format('woff'), + url('../css/fonts/Podkova-Regular-webfont.ttf') format('truetype'), + url('../css/fonts/Podkova-Regular-webfont.svg#PodkovaRegular') format('svg'); + font-weight: normal; + font-style: normal; + +} + +/*-------------------------- +ROOT +---------------------------*/ +ul, ol{margin:0 0 1.5em 20px; line-height:1.5em} +ul ul, ol ol, ul ol, ol ul{margin:0 0 0 20px} +.indent_li {margin-left: 35px; font-style: italic;} +dl{margin-bottom:1.5em} +dt{font-weight:bold} +dt:after{content:":"} +dt::after{content:":"} +dd{margin-left:60px} +q, i, em, cite{font-style:italic; font-weight:inherit} +b, strong{font-weight:bold; font-style:inherit} +mark{background:#ffc} +s, del{text-decoration:line-through} +small{font-size:0.75em; line-height:1} +abbr, acronym{font-style:italic; cursor:pointer; color:#777; cursor:help;} +pre, code{font-family:monospace; font-size:1.1em} +pre{overflow:auto; margin-bottom:1.5em; line-height:20px; /* Having to define explicit pixel values:( */} +code{line-height:1} +blockquote{text-indent:-0.4em; margin-left:0.4em; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic;} +blockquote p{line-height:1.5; color:#5c5c5c;} +blockquote b, blockquote .source{margin-top:20px; display:block; text-indent:0; color:#888} +p{margin-bottom:1.5em; color:#353232;} +pre, p, ul, ol{ margin-bottom:20px; } +figcaption{ color:#ccc9c3; font-size:12px; text-align:center;} + +/*-------------------------- +LAYOUT +---------------------------*/ +html{ overflow-y:scroll; font-size:100%; font-family:Arial,Helvetica,sans-serif; line-height:1.5; background:#fff; color:#353232; } +body{ min-height:100%; background:#fff; float:left; width:100%; font-size:.8125em; color:#353232;} +#top-border,#bottom-border,#left-border,#right-border{position: fixed; z-index: 10; background: #f0f0f0; display: block; z-index:99; } +#left-border,#right-border{ top:0;bottom:0; width:10px} +#left-border{left:0} #right-border{right:0} +#top-border,#bottom-border{ left:0;right:0; height:10px} +#top-border{top:0} #bottom-border{bottom:0} +:focus { outline: 0; } +.center{ max-width:978px; margin:0 auto; padding:0 30px;} +#home{ padding-top:120px; } +.content{padding:100px 0 40px 0;} +section #intro{ font-family:"PodkovaRegular", Times, serif; color:#161616; font-size:2em; line-height:1.2; text-align:center; margin-bottom:1.5em; } +.recent-blog .columns h2, .about-us .columns h2{ margin-bottom:0px!important;} +.recent-blog .meta, .about-us .position{ margin-bottom:1.25em; font-style:italic; color:#7d7d7d; font-family:"PodkovaRegular", Times, serif } +.recent-blog .meta span{ color:#a7a7a7;} +.person{ float:left; margin-right:20px;} +.name-position{ margin-bottom:1.5em; float:left;} +#slider_wrap{max-width:977px; margin:0 auto 0px auto; position:relative; clear:both; padding-bottom:24px; overflow:hidden; height:477px;} +#recent-project{margin-bottom:2.5em;} +.title_header img{ float:left; margin-right:10px;} +.footer{ text-align:center;} +#header{position:fixed; top:0px; padding:30px 0 28px 0; background: #fff url(../img/header_bg.gif) repeat-x bottom left; width:100%; text-align:center; z-index:77; margin-bottom:4.em; } + +/*-------------------------- +HEADINGS +---------------------------*/ +h1, h2, h3, h4 , h5, h6{margin-bottom:1em; font-family:"PodkovaRegular", Times, serif;color:#353232; } +h1{font-size:2em;} +h2{ font-size:1.375em; } +h3{ font-size:1.296em;} +h4{ font-size:1.234em;} +.title{ background:url(../img/stripe_bg.gif) repeat-x center left; font-size:1.1em; text-align:center; width:100%; color:#5f5f5f; margin-bottom:2em} +.title span{ background:#fff; padding:0 20px; font-family:"PodkovaRegular", Times, serif; text-transform:uppercase;} + +/*-------------------------- +NAVIGATION +---------------------------*/ +#main-menu ul{ margin:0; padding:0; position:relative; } +#main-menu ul li{ list-style:none; display:inline; font-family:"PodkovaRegular", Times, serif } +#main-menu ul li a{ padding:10px; margin-top:0px; text-transform:uppercase; color:#949494; } +#main-menu ul li #logo{ position:relative; padding:20px; } +#main-menu ul li a:hover { color:#000000; text-decoration:underline;} /*, #main-menu ul li.selected a*/ +#main-menu ul li #logo:hover{ border-bottom:none;} /* #main-menu ul li.selected #logo, */ +#main-menu ul li #logo img{ margin-bottom:-10px;} +#main-menu ul #logo a:hover{ border-bottom:none;} +#main-menu ul li.site-title{ font-size:2.2em;} +/*-------------------------- +FIGURES & IMAGES +---------------------------*/ +img, figure img, figure object, figure embed {margin-bottom : .75em; max-width : 100%; } + +/*-------------------------- +GRID LIST WITH THUMBNAILS +---------------------------*/ +.thumbnail{ margin-left:-30px;} +.thumbnail li, .grid-list li{ list-style:none; display:inline; margin-left:2.9%; margin-bottom:2em; float:left; width:22%;} +.thumbnail li a img, .grid-list li a img{ max-width:100%; float:left;} +.grid-list{ margin-left:-30px; min-height:329px;} + +/*-------------------------- +LINKS +---------------------------*/ +a{ -webkit-transition-property:background color; -webkit-transition-duration:0.12s; -webkit-transition-timing-function:ease-out; -moz-transition-property:background color; -moz-transition-duration:0.12s; -moz-transition-timing-function:ease-out; -o-transition-property:background color; -o-transition-duration:0.12s; -o-transition-timing-function:ease-out} +a{text-decoration:none; color:#F2836B;} +a:visited{opacity:0.8; /* A bit basic,but it's a bare minumum... */} +a:hover{text-decoration:underline; color:#000; background: #6ACBFF} +a:active, a:focus{ outline:none} + +/*-------------------------- +TABLE +---------------------------*/ +table{ width:100%; margin-bottom:20px;} +.pricing{ border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf;} +.pricing thead tr th, table thead tr th{ font-family:"PodkovaRegular", Times, serif; font-style:normal; font-size:18px; color:#000; margin-bottom:20px; font-weight:normal; line-height:18px; border-bottom:1px solid #cfcfcf; padding-bottom:20px; padding-top:20px; text-align:center; color:#353232; border-right:1px solid #cfcfcf;} +table tbody tr td{ padding:20px 0; border-bottom:1px solid #cfcfcf; text-align:left; border-right:1px solid #cfcfcf;} +.pricing tbody tr td{ padding:20px 0; border-bottom:1px solid #cfcfcf; text-align:center; } +.pricing tbody tr td.highlight, table tbody tr td.highlight{ color:#353232; background:#e7e7e7; } +.pricing thead tr th.highlight, table thead tr td.highlight{ background:#e7e7e7; } + +/*-------------------------- +FORMS +---------------------------*/ +.contactForm input, .contactForm textarea{ -webkit-border-radius: 4px; -moz-border-radius:4px; o-border-radius:4px; border-radius: 4px; border:none; color:#5c5c5c; padding:7px; background:#e7e7e7; font-family:Arial, Helvetica, sans-serif; font-size:13px;} +.contactForm textarea{ width:100%;} +.contactForm p{ margin-bottom:0px;} +.contactForm input, .contactForm textarea{ margin-bottom:10px;} +.contactForm input:focus, .contactForm textarea:focus, .contactForm input:hover, .contactForm textarea:hover{background:#c7c7c7; color:#494949;} +.contactForm .submit{cursor:pointer; -webkit-box-shadow: 0px 1px 2px 0px #959595; -moz-box-shadow: 0px 1px 2px 0px #959595; o-box-shadow: 0px 1px 2px 0px #959595; box-shadow: 0px 1px 2px 0px #959595; width:120px; } +.contactForm input{ width:190px;} +.contactForm .submit:hover, .contactForm .submit:focus{ background:#c7c7c7; color:#494949;} +#note ul{ margin-bottom:1.5em;} +#note ul li{ list-style:none; color:#b41616;} + +/*-------------------------- +SOCIAL ICONS +---------------------------*/ +/*Bottom Social Icon*/ +.bottom_social_icon, .bottom_social_icon li{list-style:none; padding:0; margin:0; float:left} +.bottom_social_icon{float:left; width:100%} +.bottom_social_icon li a{display:block; text-indent:-99999999px; margin:0 7px 20px 0; width:32px; height:32px} +.bottom_social_icon li.twitter a{background:url(/img/b_icon_twitter.png) no-repeat center} +.bottom_social_icon li.facebook a{background:url(../img/b_icon_facebook.png) no-repeat center} +.bottom_social_icon li.dribbble a{background:url(../img/b_icon_dribbble.png) no-repeat center} +.bottom_social_icon li.delicious a{background:url(../img/b_icon_delicious.png) no-repeat center} +.bottom_social_icon li.skype a{background:url(../img/b_icon_skype.png) no-repeat center} + +/*-------------------------- +QUICKSAND +---------------------------*/ +.splitter { width:100%; margin: 0px 0 0px 7px; padding-bottom:40px; } +.splitter li { display:inline; } +.splitter li a{padding:4px 10px;} +.splitter .selected-0 a, .splitter .selected-1 a, .splitter .selected-2 a, .splitter .selected-3 a, .splitter .selected-4 a { color:#353232; background:#ececec; padding:4px 10px; -moz-border-radius:4px; o-border-radius:4px; border-radius: 4px; } +.splitter li ul { float:right; } +.splitter li ul li { margin-right:2px; } + +/*-------------------------- +DROPDWN MENU for IPHONE & IPAD +---------------------------*/ +.mobile-ipad-menu{ display:none;} +#filter { display:none;} +#filter { margin-top:20px; text-align:center; padding:0; position: relative; z-index: 1000; float:right; } +#filter #top { background: url(../img/filter.png) no-repeat; width: 200px; height: 38px; cursor:pointer; } +#filter a,#filter a:hover { display: block; text-decoration: none; padding: 10px 40px 0 15px; color: #353232; } +#filter ul { display: none; position: absolute; top: 38px; left: 5px; width: 188px; margin: 0; padding: 0; background: #e4e4e4; border: 1px solid #9e9e9e; text-align:left; } +#filter ul li, #filter #top{ list-style:none;} +#filter ul li a, #filter ul li a:hover{ padding: 5px 10px; border-bottom: 1px solid #ddd; color: #7b7b7b; } +#filter ul li a:hover { color: #353232; background: #eaeaea; } +#filter ul li:last-child a { border: none; } + +/*-------------------------- +COLUMNS +---------------------------*/ +.columns{width:100%; float:left; margin-bottom:1.25em;} +.one_half{width:48.5%} +.one_third{width:31.3%} +.two_third{width:65.64%} +.one_fourth{width:22.69%;} +.three_fourth{width:74.2%} +.one_fifth{width:16.8%} +.one_sixth{width:14%} +.two_fifth{width:37.6%} +.three_fifth{width:58.4%} +.four_fifth{width:67.2%} +.five_sixth{width:82.67%} +.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{position:relative; margin-right:3%; float:left; margin-bottom:2.25em} +.last{margin-right:0 !important; clear:right;} + +/*-------------------------- +GLOBAL +---------------------------*/ +.clear{ clear:both; } +.float_left { float:left; } +.float_right { float:right; } +.transform_uppercase { text-transform:uppercase; } +.icon_left { float:left; margin:-7px 20px 0 0; } +.margin_right { margin-right:40px; margin-bottom:20px; } +.img_left { margin-right:20px; margin-bottom:5px; float:left; } +.img_right { margin-left:20px; margin-bottom:5px; float:right; } +.image_shadow { -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px #000; } +.highlight{ background:#6ACBFF; color:#747069;} +.check_style{ padding:0; } +.check_style li{ background:url(../img/check.png) no-repeat top left 0em; padding-left:20px; list-style:none; } + +/*-------------------------- +MEDIA QUERIES +---------------------------*/ +@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 767px) { +html{ overflow-y:scroll; font-size:100%; font-family:Arial,Helvetica,sans-serif; line-height:1.5; background:#fff; color:#353232; } +body{ min-height:100%; background:#fff; float:left; width:100%; font-size:.8125em; color:#353232;} +#header{position:fixed; top:0px; padding:0px 0; background: #fff url(../img/header_bg.gif) repeat-x bottom left; width:100%; text-align:center; z-index:77; margin-bottom:0em; } +#top-border,#bottom-border,#left-border,#right-border{ display: none;} +#filter { display:block;} +.splitter{ margin-bottom:1.5em;} +.splitter li{ margin-bottom:1em;} +#main-menu{ width:21.1%; float:left;} +#main-menu ul{ margin:0; padding:0; width:100%;} +#main-menu ul li{ list-style:none; display:block; font-family:"PodkovaRegular", Times, serif; margin-top:70px; display:none;} +#main-menu ul li a{ padding:10px; margin-top:0px; text-transform:uppercase; } +#main-menu ul .logo-wrap{ margin-top:25px; display:block!important;} +#main-menu ul li #logo{ padding:20px 0;} +.splitter li span{ display:none;} +.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{position:relative; margin-right:3%; display:block!important; width:100%!important; margin-bottom:10px!important;padding-bottom:0px!important; float:none!important;} +.mobile-ipad-menu{ display:block;} +#main-menu ul .logo-wrap #logo img{ max-width:100%; } +.contactForm p{ margin-bottom:0px;} +.contactForm input, .contactForm textarea{margin-bottom:10px;} +.pricing thead tr th, table thead tr th{ font-size:16px; } +.splitter{ display:block; padding-bottom:20px;} +.splitter li ul li{ float:left; margin-bottom:20px;} +.splitter li ul li a{ position:relative; float:none; } +.thumbnail{ margin-left:-3.167%;} +.thumbnail li, .grid-list li{ list-style:none; display:inline; margin-left:2.9%; margin-bottom:1em; float:left;} +.thumbnail li a img, .grid-list li a img{ max-width:100%; float:left;} +.grid-list{ margin-left:-3.167%; min-height:329px;} +.splitter li a, .splitter .selected-0 a, .splitter .selected-1 a, .splitter .selected-2 a, .splitter .selected-3 a, .splitter .selected-4 a { padding:4px 9px; } +} +@media handheld and (max-width: 479px), screen and (max-device-width: 479px), screen and ( max-width: 479px) { +html{ overflow-y:scroll; font-size:100%; font-family:Arial,Helvetica,sans-serif; line-height:1.5; background:#fff; color:#353232; } +body{ min-height:100%; background:#fff; float:left; width:100%; font-size:.8125em; color:#353232;} +#filter { display:block;} +#main-menu{ width:31.1%; float:left;} +#main-menu ul{ margin:0; padding:0; width:100%;} +#main-menu ul li{ list-style:none; display:block; font-family:"PodkovaRegular", Times, serif; margin-top:70px; display:none;} +#main-menu ul li a{ padding:10px; margin-top:0px; text-transform:uppercase; } +#main-menu ul .logo-wrap{ margin-top:25px; display:block!important;} +#main-menu ul li #logo{ padding:20px 0;} +.splitter li span{ display:none;} +.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{position:relative; margin-right:3%; display:block!important; width:100%!important; margin-bottom:10px!important; padding-bottom:0px!important; float:none!important;} +.mobile-ipad-menu{ display:block;} +#main-menu ul .logo-wrap #logo img{ max-width:100%; } +.splitter{ display:block; padding-bottom:20px; padding-left:0; padding-right:0;} +.splitter li ul li{ float:left; margin-bottom:20px;} +.splitter li ul li a{ position:relative; float:none; } +.contactForm p{ margin-bottom:0px;} +.contactForm input, .contactForm textarea{margin-bottom:10px;} +.splitter li a, .splitter .selected-0 a, .splitter .selected-1 a, .splitter .selected-2 a, .splitter .selected-3 a, .splitter .selected-4 a { padding:4px; } +.thumbnail{ margin-left:-3.067%;} +.thumbnail li, .grid-list li{ list-style:none; display:inline; margin-left:6.067%; margin-bottom:1em; float:left; width:42%;} +.thumbnail li a img, .grid-list li a img{ max-width:100%; float:left;} +.grid-list{ margin-left:-3.067%; min-height:329px;} +} + +/* + +CUSTOM CSS + +*/ + +.icon_hover { + -webkit-transition: all 0.5s ease-in; /* ease-in starts slow, then speeds up, ease-out is the opposite, ease-in-out starts slow, speeds up, and ends slow */ +} + +.icon_hover:hover { + -webkit-transform: scale(1.1, 1.1); +} + +/*Styling added by me*/ +#fancyerin { + background: #6ACBFF +} +.quoteerin { + color: #6ACBFF; + font-size: 55px; + align: left; +} + +/* coder cred images */ +div.cred img { + width: 40px; +} + +/* blog post */ +div#middle { + border-left: 1px solid black; + border-right: 1px solid black; + margin-right: 10px; + padding-left: 5px; +} + + +/*MATT'S CUSTOM CSS*/ +#schmaus_profile {max-width: 100%; max-height: 100%; position: absolute;} +#schmaus_profile:hover {visibility: hidden;} +#schmaus_hover {max-width: 100%; max-height: 100%;} + +.sm_icons img {margin: 0 10px; float: left; position: static;} +.sm_links_icons:hover {width: 70px; height: 70px;} + + +/*ALISA'S CUSTOM CSS*/ +/*#container_crop{ + -webkit-border-radius: 15% 15%; + -moz-border-radius: 15% 15%; + border-radius: 15% 15%; + -webkit-box-shadow: 5px 5px 20px #419fff; + -moz-box-shadow: 5px 5px 20px #419fff; + box-shadow: 5px 5px 20x #419fff; + max-width: 300px; + max-height: 300px; + +} +#alisa_profile:hover { + image: url(../img/alisa_pic.png) no-repeat; + width: auto; + height: auto; + position: relative; + top: -300px; + overflow: hidden;}*/ + +#container_crop{ + background: url(../img/alisa_pic.png) no-repeat; + -webkit-border-radius: 15% 15%; + -moz-border-radius: 15% 15%; + border-radius: 15% 15%; + -webkit-box-shadow: 5px 5px 20px #419fff; + -moz-box-shadow: 5px 5px 20px #419fff; + box-shadow: 5px 5px 20x #419fff; + position: relative; + max-width: 300px; + max-height: 300px; + overflow: hidden;} +#alisa_profile:hover { + width: auto; + height: auto; + position: relative; + top: -300px; + overflow: hidden;} + + + + diff --git a/public/css/cg.css b/public/css/cg.css new file mode 100644 index 0000000..fb4d879 --- /dev/null +++ b/public/css/cg.css @@ -0,0 +1,2908 @@ +body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { + margin: 0; + padding: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +fieldset, img { border: 0 } + +ol, ul { list-style: none } + +caption, th { text-align: left } + +h1, h2, h3, h4, h5, h6 { + font-size: 100%; + font-family: 'Merriweather', Georgia, serif; + font-weight: normal; + color: #4c4c4c; +} + +html { height: 100% } + +body { + font: 14px/24px "Merriweather", Georgia, serif; + margin: 0 auto; + padding: 0; + background: #fff; + overflow-x: hidden; + height: 100%; + color: #555; +} + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +a { text-decoration: none } + +a:hover { color: #555 } + +hr { + margin: 20px 0 30px; + border: 0; + border-bottom: 1px dotted #ddd; + height: 1px; +} + +h1 { + font-size: 30px; + line-height: 36px; + margin-bottom: 15px; +} + +h2 { + font-size: 24px; + line-height: 36px; + margin-bottom: 15px; +} + +h3, h4, h5, h6 { + line-height: 28px; + margin-bottom: 12px; +} + +h3 { font-size: 18px } + +h4 { font-size: 16px } + +h5 { font-size: 14px } + +h6 { + font-size: 13px; + color: #bfbfbf; + text-transform: uppercase; +} + +p { margin-bottom: 15px } + +.clear { + clear: both; + font-size: 0px; + line-height: 0px; + display: block; +} + +.clearfix:after { + content: ""; + display: block; + clear: both; + visibility: hidden; + font-size: 0; + height: 0; +} + +.clearfix { + *display: inline-block; + height: 1%; +} + +.last { margin-right: 0 !important } + +blockquote p { + position: relative; + font-family: 'Merriweather', Georgia, serif; + color: #aaa; + font-size: 16px; + font-weight: 400; + line-height: 28px; + padding: 15px 0 15px 30px; + margin: 25px 0; +} + +blockquote p:before { + position: absolute; + left: 0; + top: 14px; + content: "\f0e5"; + font-family: "FontAwesome"; + display: block; + color: #bbb; +} + +::selection { + background: #fff666; + color: #222; +} + +::-moz-selection { + background: #fff666; + color: #222; +} + +img { + max-width: 100%; + height: auto; +} + +/* ===[ Layout Styles ]===================================================== */ + +.main-wrapper { + width: 100%; + margin: 0 auto; +} + + +.header-wrapper { + width: 100%; + margin: 0 0 0 0; + position: fixed; + z-index: 99999; + background: #fff; +} + +.header-hidden-wrap { + z-index: 999; + position: relative; +} + +.header-hidden { + margin: 0 auto; + max-width: 980px; + padding: 10px 10px 0px 10px; + position: relative; + display: none; + background: #f3f3f3; +} + +.header-hidden-toggle-wrap { + max-width: 980px; + position: relative; + margin: 0 auto; +} + +.show-hidden { + margin-top: 0; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.hidden-toggle { + position: absolute; + right: 0px; + bottom: -35px; + display: block; + width: 21px; + height: 21px; + text-align: right; + color: #ccc; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.show-hidden .hidden-toggle { + +} + +.header-hidden-left { + width: 60%; + float: left; + font-size: 12px; + line-height: 20px; + color: #999; + padding-top: 3px; +} + +.header-hidden-right { + float: right; + width: 40%; +} + +.lights { + float: right; + color: #aaa; +} + +.icons { + float: right; +} + +.icons a { + margin-bottom: 0 !important; +} + +.header { + max-width: 980px; + margin: 0 auto; + padding-top: 40px; + border-bottom: solid 1px #eee; +} + +.header-left { + width: 25%; + float: left; +} + +.header-left img { padding: 0 0 0 0 } + +.header-left h1 { + margin: 5px 0 0 0; +} + +.header-left h1 a { + color: #555; + text-decoration: none; + font-size: 34px; + font-weight: 600; + line-height: 28px; + letter-spacing: -2px; + -webkit-transition: .04s ease-in; + -moz-transition: .04s ease-in; + transition: .04s ease-in; +} + +.header-left h1 a:hover { + color: #999; + -webkit-transition: .04s ease-in; + -moz-transition: .04s ease-in; + transition: .04s ease-in; +} + +.logo { + margin-top: -30px !important; +} + +.header-right { + width: 75%; + float: right; +} + +/* ===[ Header Navigation Styles ]===================================================== */ + +.select-menu, .select { display: none } + +.menu-main-container { position: relative } + +#nav { float: right } + +#nav, #nav ul { + margin: 13px 0 0 0; + padding: 0; + list-style-type: none; + list-style-position: outside; + position: relative; + line-height: 1.5em; + z-index: 1000; +} + +#nav a { + display: block; + padding: 5px; + color: #aaa; + text-decoration: none; + text-align: left; + outline: none; + font-weight: normal; + font-family: 'Merriweather', Georgia, serif; +} + +#nav > .current-menu-item > a, #nav > li a:hover { color: #4C4C4C } + +.plus { color: #aaa } + +#nav ul { + position: absolute; + display: none; +} + +#nav li { + float: left; + position: relative; + list-style-type: none; + padding-bottom: 17px; +} + +#nav li a { + font-size: 12px; + font-weight: bold; + text-transform: uppercase; + padding: 8px 15px; +} + +#nav > li > a { padding: 5px 12px } + +#nav > li:last-child a { + margin-right: 0px; + padding-right: 0px; + border-right: none; +} + +#nav > li:first-child a { + +} + +#nav li ul a { + width: 150px; + height: auto; + float: left; + font-size: 12px; + color: #999; +} + +#nav .sub-menu { + box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; + -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; + -webkit-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; +} + +#nav .sub-menu li { + background: #fff; + border-left: solid 1px #eee; + border-right: solid 1px #eee; +} + +#nav .sub-menu li:first-child { border-top: solid 1px #eee } + +#nav > li > ul { margin-top: 17px } + +#nav li ul li { + border-bottom: solid 1px #eee; + padding-bottom: 0px; +} + +#nav li ul li:last-child { border-bottom: none } + +#nav li ul li a { + margin-right: 0px; + font-size: 10px; +} + +#nav li ul li a:hover { + background: #f9f9f9; + color: #555; +} + +#nav ul ul { top: auto } + +#nav ul ul li:first-child { border-top: solid 1px #eee } + +#nav li ul ul { + left: 150px; + margin: -1px 0 0 0; + padding-right: 5px; +} + +#nav li ul ul li { border-top: none } + +#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display: none } + +#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display: block } + +/* ===[ Title Styles ]===================================================== */ + + + +.home .page-title { + text-align: center; + border-bottom: none; +} + +.error404 .page-title { + text-align: center; +} + +.page-title { + border-bottom: solid 1px #eee; + padding: 30px 0; + margin-bottom: 40px; + position: relative; +} + +.profile_image { + float: left; + width: 38%; +} + +.profile-name { + text-align: left; + float: right; + width: 560px; +} + +.page-title-portfolio { + border-bottom: none; + margin-bottom: 0; + display: inline-block; + width: 100%; + position: relative; +} + +.portfolio-titles { + float: left; + width: 75%; + display: inline-block; +} + +.project-nav { + font-size: 11px; + text-transform: uppercase; + text-align: right; + position: absolute; + right: 0; + bottom: 30px; + width: 25%; + margin-top: 15px; +} + +.project-nav a { + color: #aaa !important; + margin-left: 10px; +} + +.project-nav a:hover { color: #555 !important } + +.next-project span { + padding-left: 10px; + border-left: solid 1px #eee; +} + +.project-nav i { + padding: 0 2px; +} + +.page-title a { color: #4c4c4c } + +.page-title h2 { + margin-bottom: 0px; + font-size: 34px; + letter-spacing: -1px; + line-height: 42px; +} + +.page-title h3 { + color: #aaa; + font-size: 16px; + line-height: 24px; + margin: 5px 0 0 0; +} + +.page-title h3 a { color: #aaa } + +.post-nav { + position: absolute; + bottom: 50px; + right: 0; + font-size: 11px; + text-transform: uppercase; +} + +.post-nav a { + color: #aaa; + margin-left: 20px; + float: right; +} + +.post-nav a:hover { color: #555 } + +/* ===[ Blog Styles ]===================================================== */ + +.blog-post { + margin-bottom: 50px; + padding-bottom: 30px; + border-bottom: solid 1px #eee; +} + +.blog-post:last-child { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.blog-content { padding: 0 0 0 0 } + +.readmore { + text-align: center; + font-size: 10px; + letter-spacing: 2px; + text-transform: uppercase; + padding-top: 5px; + margin-top: 10px; +} + +.more-link { + margin-top: 10px; + clear: both; + padding: 5px 5px 5px 0px; +} + +.blog-meta { + float: left; + width: 15%; + margin: 5px 5% 20px 0; + text-align: right; + display: inline-block; +} + +.blog-meta-date { + padding-bottom: 10px !important; + margin-bottom: 10px !important; + border-bottom: solid 1px #eee; + float: left; +} + +.share-title { color: #555 !important } + +.single-attachment .share-title { + display: none; +} + +.blog-meta ul { + margin-bottom: 15px !important; + padding-bottom: 15px !important; + border-bottom: solid 1px #eee; + display: inline-block; +} + +.blog-meta ul:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.blog-meta li { + list-style-type: none !important; + background: none !important; + padding: 0 0 0 0 !important; + margin: 0 0 6px 0 !important; + color: #999; + width: 100%; + line-height: 18px; + float: left; + font-size: 11px; +} + +.blog-meta ul li:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.blog-meta li a, .blog-meta li { color: #999 } + +.blog-meta li a:hover { color: #4c4c4c } + +.content .blog-text { + float: right; + width: 80%; +} + +.title-meta h2 { + margin: 0 0 0 0; + padding-bottom: 10px; + line-height: 38px; + font-size: 28px; + letter-spacing: -1px; +} + +.title-meta h2 a { + color: #555; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.title-meta h2 a:hover { + color: #999; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.blog-image { + width: 100%; + margin-bottom: 35px; + float: left; +} + +.blog-image img { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.blog-image img:hover { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + opacity: .9; +} + +.blog-read-more { + font-size: 11px; + letter-spacing: 2px; + text-transform: uppercase; + padding-top: 15px; +} + +/* ===[ Tagcloud Styles ]===================================================== */ + +.tags { + width: 620px; + padding: 15px 0 15px 0; + clear: both; + margin-right: 35px; + background: #f9f9f9; +} + +.tags-list { + width: 505px; + float: left; +} + +.tags-list ul { + float: left; + padding: 0 0 0 5px; + width: 100%; + margin-bottom: 0; +} + +.tags-list ul li { + display: block; + padding: 0 19px 0 0; + float: left; +} + +.tags-list ul li p { + font-size: 11px; + font-weight: bold; + color: #5a5a5a; + float: none; + padding: 0; +} + +.tags-list ul li span { + font-size: 11px; + font-weight: bold; + color: #a2a2a2; + display: inline; + padding: 0 0 0 4px; +} + +.tags_rgt { + float: right; + width: 81px; + margin-right: 15px; +} + +.search .post-share, .archive .post-share { display: none } + +.blog-navigation { + padding-bottom: 25px; +} + +.blog-navigation a { + text-decoration: none; + padding: 10px 0; + color: #555; + font-weight: normal; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 2px; +} + +.blog-navigation a:hover { color: #999 } + +.blog-navigation .alignright a:after { + font-family: 'FontAwesome'; + -webkit-font-smoothing: antialiased; + content: "\f0da"; + margin-left: 5px; +} + +.blog-navigation .alignleft a:before { + font-family: 'FontAwesome'; + -webkit-font-smoothing: antialiased; + content: "\f0d9"; + margin-right: 5px; +} + +.navigation a { + text-decoration: none; + padding: 10px 0; + color: #555; + font-weight: normal; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 2px; +} + +.navigation a:hover { color: #999 } + +.featured-image { + margin: 0 0 20px 0; + float: left; + width: 100%; +} + +.fullsize-image { + margin: 0 0 30px 0; + float: left; + width: 100%; +} + +.okvideo { margin-bottom: 30px } + +.intro { + color: #979797; + font-size: 16px; + line-height: 28px; + margin-bottom: 15px; + border-top: solid 1px #EEE; + border-bottom: solid 1px #EEE; + padding: 10px 0; +} + +/* ===[ Search Form Styles ]===================================================== */ + +.search-404 { + text-align: center; + width: 65%; + margin: 0 auto; +} + +.search-404 .searchform { + margin-top: 25px; +} + +.searchform { + position: relative; + width: 100%; +} + +#searchsubmit { + position: absolute; + right: 0; + top: 0; + background: #e8e8e8; + border: none; + padding: 8px 10px; + height: 34px; + font-size: 9px; + font-weight: bold; + line-height: 20px; + text-transform: uppercase; + font-family: "Merriweather", Georgia, serif; + color: #777; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +#searchsubmit:hover { + background: #fff666; + color: #222; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#searchform { + float: left; + width: 100%; +} + +#s { + background: #f7f7f7; + float: left; + padding: 10px 65px 10px 8px; + border: 0; + font-size: 12px; + color: #999; + outline: none; + width: 190px; + margin: 0 0 0 0; + font-family: Georgia, serif; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; + font-style: italic; + width: 100%; + -webkit-appearance:caret; +} + +#s:focus, #s:hover { + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +#searchsubmit { +} + +.content #searchsubmit { float: left } + +#searchsubmit:hover { cursor: pointer } + +#searchform .screen-reader-text { display: none } + +/* ===[ Sidebar Styles ]===================================================== */ + +#sidebar-close { display: none } + +#sidebar { + width: 25%; + float: right; + font-size: 12px; + line-height: 22px; +} + +#sidebar p { + font-size: 12px; +} + +#sidebar a { + text-decoration: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#sidebar a:hover { + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.widget { + margin-bottom: 40px; + clear: both; + float: left; + width: 100%; +} + +.widget h2, .portfolio-sidebar h2 { + font-size: 10px; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + display: block; + line-height: 26px; + margin: 0 0 10px 0; + font-family: 'Merriweather', Georgia, serif; + text-align: center; + background: #f7f7f7; + color: #999; +} + +#sidebar .widget ul { + margin: 0; + padding: 0; +} + +#sidebar .widget li { + margin: 0 0 5px 15px; + list-style-type: square; +} + +#sidebar .slides li { + list-style-type: none; + margin: 0; +} + +.widget ul { padding: 0 0 0 15px } + +.widget ul li { + padding: 0; + list-style-type: none; +} + +.widget ul li ul { padding: 0 0 0 0 } + +.tagcloud { + padding: 0 0 0 0; + text-align: center; +} + +.tagcloud a { + text-decoration: none; + float: left; + color: #888; + padding: 10px; + position: relative; + font-weight: bold; +} + +.tagcloud a:hover { color: #555 } + +/* ===[ Default Widget Styles ]===================================================== */ + +.widget_archive select { + width: 100%; +} + +#wp-calendar { + width: 100%; +} + +#wp-calendar caption { + text-align: center; + margin-bottom: 5px; +} + +.widget_rss li { + margin: 0 0 15px 0 !important; + list-style-type: none !important; +} + +.widget_rss .rsswidget { + width: 100%; +} + +.widget_rss .rss-date { + width: 100%; + float: left; + font-size: 11px; + color: #999; +} + +.widget_rss cite { + color: #999; + font-size: 11px; +} + +#sidebar .wp-caption { + width: 100%; + text-align: center; + color: #999; +} + +.widget_text { + word-wrap: break-word; +} + +/* ===[ Comment Styles ]===================================================== */ + +.comments { + float: left; + margin: 50px 0px 50px 0px; + background: #f6f6f6; + width: 100%; + border-top: none; + padding: 30px; +} + +.commentlist { + margin-bottom: 0 !important; +} + +.comments li { background: none !important } + +h3#comments { + padding: 0 0 20px 0; + margin: 0 0 25px 0 !important; + font-size: 20px; + font-weight: bold; + border-bottom: solid 1px #eee; + line-height: 30px; + text-align: center; +} + +#respond { + margin: 0; + padding: 0; +} + +.commentlist #respond { + margin: 20px 0 20px 0; +} + +#respond h3 { + padding: 0 0 3px 0; + font-size: 20px; + font-weight: bold; + margin: 0 !important; +} + +#reply-title small { + font-weight: bold; + font-size: 9px; + text-transform: uppercase; + margin-left: 5px; +} + +#respond .logged-in-as, .comment-notes { + font-size: 13px; + padding-bottom: 10px; + margin-bottom: 15px; + border-bottom: solid 1px #e6e6e6; +} + +#comments .form-allowed-tags { + display: none; +} + +#respond label { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 1px; + margin: 5px 0 0 0px; + color: #aaa; +} + +#respond p { margin-bottom: 15px } + +#respond input[type="text"], #respond textarea { + color: #777; + border: none; + border: solid 1px #eee; + border-bottom: solid 1px #ddd; + background: #fff; + width: 100%; + padding: 10px; + font-size: 13px; + -webkit-appearance:caret; +} + +#respond input:focus, #respond textarea:focus { outline: none } + +#respond textarea { + line-height: 22px; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.form-submit { + margin-bottom: 0 !important; +} + +#respond #submit { + background: #555; + color: #fff; + font-size: 12px; + font-weight: bold; + font-family: 'Merriweather', Georgia, serif; + padding: 10px 20px; + margin: 5px 0 0 0; + border: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +#respond #submit:hover { + background: #666; + cursor: pointer; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#respond #commentform p { + +} + +.comment #respond #commentform p { + +} + +#respond #commentform .form-author { background: #fff } + +#respond #commentform .form-email { background: #fff } + +#respond #commentform .form-website { background: #fff } + +.allowed { + font-size: 11px; + color: #888; + width: 500px; + float: left; + margin: 0 0 15px 0; +} + +.commentlist { list-style-type: none !important } + +.commentlist li { + padding: 0 0 15px 0; + margin: 0 0 15px 0 !important; + position: relative; + list-style-type: none !important; +} + +.commentlist li:last-child { + margin-bottom: 40px !important; + padding-bottom: 0; +} + +.commentlist li:before, .commentlist ol .num { + float: left; + margin: 0 0 0 0 !important; + content: none !important; + counter-increment: none !important; +} + +#comments .children { + margin: 25px 0 0 25px !important; +} + +#comments .children li { + margin: 0; + padding: 0; +} + +#comments .children li:last-child { + margin-bottom: 0 !important; + padding-bottom: 0; +} + +.comment-block { padding: 0 } + +.comment-text { + background: #fff; + border: solid 1px #eee; + padding: 20px; + font-size: 14px; + line-height: 22px; + border-bottom: solid 1px #ddd; +} + +.comment-text:before { + width: 0; + height: 0; +} + +.reply { + margin: 0px !important; + font-size: 12px; +} + +.comments .children .reply { text-align: left } + +.reply a:hover { text-decoration: none } + +.reply a:hover:after { content: "\2192" } + +#cancel-comment-reply { + margin: 0 0 15px 0; + float: right; +} + +.comments .logged-in { + float: left; + font-size: 14px !important; +} + +.comment-awaiting-moderation { + color: #555; + font-weight: bold; + font-size: 11px; +} + +.vcard { + margin: 0 0 0 0; + padding: 0 0 0 0; + float: left; +} + +.vcard img { + float: left; + background: #fff; + border: solid 1px #eee; + padding: 3px; +} + +.fn { + float: left; + font-style: normal; + font-size: 15px; + font-weight: bold; + line-height: 20px; + margin-top: 0; + margin-bottom: -6px; +} + +.fn a { color: #666 } + +.comment-info { + margin-bottom: 15px; + position: relative; +} + +.comment-meta { + float: left; + margin: 2px 0 0 12px; +} + +.comment-time { + font-size: 11px; + color: #999; +} + +.comment-edit-link { font-size: 11px } + +/* ===[ Sidebar Styles ]===================================================== */ + +.blog-entry { + +} + +.pro-title h4 { + display: block float:left; + width: 295px; + background: url(images/design-repeat.gif) right center repeat-x; +} + +.pro-title h4 span { + font-size: 14px; + color: #FFF; + font-weight: bold; + background: #3e3e3e; + padding: 0 10px 0 0; +} + +.pro-title h3 { + font-size: 14px; + color: #FFF; + font-weight: bold; + display: block float:left; + width: 295px; + background: url(images/design-repeat.gif) right center repeat-x; +} + +.pro-title h3 span { + font-size: 14px; + color: #FFF; + font-weight: bold; + background: #3e3e3e; + padding: 0 10px 0 0; +} + +/* ===[ Section Styles ]===================================================== */ + +.container { + max-width: 980px; + margin: 0 auto; + padding-top: 140px; +} + +#sections { + max-width: 980px; + margin: 0 auto; + padding-top: 140px; +} + +.section-title { + letter-spacing: 5px; + font-size: 13px; + font-weight: bold; + text-transform: uppercase; + margin-bottom: 40px; + text-align: center; + padding: 5px; + border-top: solid 1px #eee; + border-bottom: solid 1px #eee; +} + +.section-title span { + background: #fff; + padding: 0 15px; +} + +.section:first-child { + padding-top: 0px; + border-top: none; +} + +.section { + padding: 0 0 0 0; + float: left; + width: 100%; + position: relative; +} + +.section-slider { + padding-bottom: 70px; +} + +.section-services { + padding-bottom: 80px; +} + +.section-services.student-index { + padding-bottom: 0px; +} + +.section-portfolio { + padding-bottom: 45px; +} + +.section-blog { + padding-bottom: 30px; +} + +.section-faq { + padding-bottom: 30px; +} + + +.section-testimonials { + padding-top: 100px; + padding-bottom: 300px; +} + + +.section-testimonials a { + color: #aaa; +} +.section-testimonials a:hover { + color: #60BDDB; +} + +.section-testimonials-curriculum { + padding-top: 40px; + padding-bottom: 150px; +} + +.section-testimonials-curriculum a { + color: #aaa; +} +.section-testimonials-curriculum a:hover { + color: #60BDDB; +} + + +.section .column { + width: 33%; + margin: 0 0 3% 0; + float: left; + padding-left: 4%; + margin-bottom: 3%; +} + +.section .column:last-child { + margin-right: 0px; + border-right: none; +} + +.section-titlea { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 2px; + color: #999; + background: #f7f7f7; + padding: 0 10px; + margin: 0 0 35px 0; + text-align: center; +} + +.section-title2a { + font-size: 48px; + letter-spacing: -2px; + color: #eee; + position: absolute; + bottom: -16px; + right: 0; + padding: 0; + text-align: center; + display: none; +} + +.section-title3a { + font-size: 28px; + text-align: center; + display: none; +} + +/* ===[ Ribbon Styles ]===================================================== */ + +.ribbon { + font-size: 11px !important; + text-transform: uppercase; + letter-spacing: 2px; + width: 30%; + position: relative; + background: #ededed; + color: #777; + text-align: center; + padding: 8px 2em; + margin: 0 auto 45px; + line-height: 16px; +} + +.ribbon:before, .ribbon:after { + content: ""; + position: absolute; + display: block; + bottom: -1em; + border: 1.5em solid #e4e2e2; + z-index: -1; +} + +.ribbon:before { + left: -2em; + border-right-width: 1.5em; + border-left-color: transparent; +} + +.ribbon:after { + right: -2em; + border-left-width: 1.5em; + border-right-color: transparent; +} + +.ribbon .ribbon-content:before, .ribbon .ribbon-content:after { + content: ""; + position: absolute; + display: block; + border-style: solid; + border-color: #cfcfcf transparent transparent transparent; + bottom: -1em; +} + +.ribbon .ribbon-content:before { + left: 0; + border-width: 1em 0 0 1em; +} + +.ribbon .ribbon-content:after { + right: 0; + border-width: 1em 1em 0 0; +} + +.non-semantic-protector { + position: relative; + z-index: 1; + background: url(images/ribbon-bg.png) no-repeat 0 24px; + display: none; +} + +/* ===[ Slider Styles ]===================================================== */ + +.single .gallery-wrap { + margin-bottom: 40px; + margin-top: -1px; +} + +.slides .featured-thumb img { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.featured-thumb img:hover { + opacity: .9; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +/* ===[ Services Styles ]===================================================== */ + +.services-wrap { + display: block; + float: left; + margin-left: -4%; + margin-bottom: -2%; + max-width: 1020px; +} + +.services-title { + float: left; + width: 75%; + padding-top: 11px; +} + +.services h3 { + font-size: 14px; + font-weight: bold; + line-height: 20px; + margin-bottom: 0; +} + +.services h3 a { color: #4c4c4c } + +.services h3 a:hover { color: #888 } + +.services .service-icon { + float: left; + margin: 0 5% 0 0; + font-size: 20px; + line-height: 22px; + text-align: center; + color: #555; + background: #f3f3f3; + display: block; + padding: 11px 10px 9px 10px; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + height: 40px; + width: 40px; + overflow: hidden; +} + +.services p { + margin: 15px 0 20px 0; + font-size: 13px; + border-top: dotted 1px #e6e6e6; + padding-top: 8px; +} + +.services:hover .service-icon { + background: #fff666; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +/* ===[ Home Blog Styles ]===================================================== */ + +body.students .home-blog { + display: block; + margin-left: -2.2%; + max-width: 1020px; +} + +.home-blog-post li{ + list-style-type:none; +} + +body.students ul li.home-blog-post{ + list-style-type:none; +} + +.home-blog-post { + float: left; + width: 31%; + margin: 0 0 5% 2.2%; + border: solid 1px #eee; + padding: 30px; + position: relative; +} + +.big-comment h3 { position: relative } + +.home-blog-post h3 { + font-size: 18px; + line-height: 24px; + margin-bottom: 5px; +} + +.home-blog-post h3 a { color: #4c4c4c } + +.home-blog-post h3 a:hover { color: #888 } + +.home-blog-post .excerpt p { + font-size: 13px; + margin-bottom: 0; + padding: 0; +} + +.home-blog-post .blog-text { + font-size: 14px; + line-height: 26px; +} + +.home-blog-post-meta { + text-transform: uppercase; + font-size: 10px; + color: #aaa; + line-height: 16px; + margin-bottom: 20px; + padding-bottom: 20px; + border-bottom: solid 1px #eee; +} + +.home-blog-post .blog-thumb { + margin: -31px -31px 25px -31px; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.home-blog-post .blog-thumb img { + max-width: 100%; + min-width: 100%; + height: auto; +} + +.home-blog-post img:hover { + opacity: .9; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.home-blog-right { + float: right; + width: 300px; +} + +.okay-recent-posts { + margin: 0; + padding: 0; +} + +.okay-recent-posts .pane { + padding-top: 10px !important; + border: none !important; + padding: 0; +} + +.okay-recent-posts .pane h4 { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 2px; + display: block; + line-height: 30px; + margin: 0 0 15px 0; + font-family: 'Merriweather', Georgia, serif; + text-align: center; + background: #f7f7f7; + color: #999; +} + +.recent-posts-widget .recent-posts { + width: 100%; +} + +.recent-posts-widget li, .recent-comments-widget li { + list-style-type: none; + margin: 0 0 15px 0 !important; + padding: 0 0 15px 0 !important; + border-bottom: solid 1px #eee; + display: inline-block; +} + +.recent-posts-widget li:last-child, .recent-comments-widget li:last-child { + border-bottom: none !important; + margin-bottom: 0 !important; + padding-bottom: 5px !important; +} + +.recent-posts h3 { + line-height: 18px; + margin-bottom: 2px; + font-weight: bold; + font-size: 12px; +} + +.recent-posts h3 a { color: #4c4c4c } + +.recent-posts h3 a:hover { color: #888 } + +.recent-posts p { + font-size: 10px; + line-height: 15px; + color: #aaa; + margin-bottom: 0px; +} + +/* ===[ Homepage Testimonial Styles ]===================================================== */ + + +.testimonials h2 { + font-size: 30px; + margin: 15px 0 0 0; + text-align: center; +} + +.testimonials h3 { + font-weight: normal; + font-size: 20px; + line-height: 32px; + text-align: center; +} + +/* ===[ Homepage FAQ Styles ]===================================================== */ + + +.faq h2 { + font-size: 30px; + margin: 15px 0 0 0; + text-align: center; +} + +.faq h3 { + font-weight: normal; + font-size: 20px; + line-height: 32px; + text-align: center; +} + +/* ===[ Portfolio Page Styles ]===================================================== */ + +.mobile-slide { display: none !important } + +.portfolio-big-slide { + float: left; + width: 100%; + position: relative; +} + +.portfolio-large-image { + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + position: relative; + display: inline-block; + width: 100%; +} + +.portfolio-big-slide:hover .portfolio-large-image, .portfolio-block:hover .portfolio-small-image { + opacity: .16; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.portfolio-block .students { + display:none; + } +.portfolio-block:hover .students { + display:block; + position:absolute; + z-index:1; + left:-1px; + text-align: center; + top:68px; + color: #000; + width:312px; + height:100px; + } + + +.portfolio-large-image img { + min-width: 100%; + height: auto; +} + +.portfolio-big-slide .portfolio-block { + width: 980px; + margin-bottom: 40px; +} + +/* ===[ Portfolio Page Titles ]===================================================== */ + +.portfolio-big-title { + text-align: center; + margin-bottom: 40px; + display: block; + clear: both; +} + +.portfolio-big-title h2 { + letter-spacing: 0px; + font-size: 32px; + line-height: 40px; + margin-bottom: 0px; + text-align: center; +} + +.portfolio-big-title h3 { + font-size: 16px; + line-height: 26px; + letter-spacing: 0px; + color: #aaa; + text-align: center; + margin: 15px 0 0 0; + padding: 0 50px; +} + +#portfolio-blocks .slides li:first-child { display: none } + +.paged #portfolio-blocks .slides li:first-child, .home #portfolio-blocks .slides li:first-child { display: block } + +.page-template-portfolio-php #portfolio-blocks { margin-bottom: 60px } + +.portfolio-navigation { + width: 100%; + max-width: 980px; + clear: both; + margin-top: 20px; + display: inline-block; + position: relative; +} + +.portfolio-navigation a { + color: #555; +} + +.portfolio-navigation .alignleft, .portfolio-navigation .alignright { + color: #555; + font-size: 12px; + line-height: 30px; + font-weight: bold; + position: relative; +} + +.portfolio-navigation .alignleft a { + padding: 10px 15px 10px 22px; + background: #f7f7f7; +} + +.portfolio-navigation .alignleft a:before { + position: absolute; + top: -1px; + left: 12px; + display: block; + content: "\f0d9"; + font-family: "FontAwesome"; +} + +.portfolio-navigation .alignright a { + padding: 10px 22px 10px 15px; + background: #f7f7f7; +} + +.portfolio-navigation .alignright a:before { + position: absolute; + top: -1px; + right: 12px; + display: block; + content: "\f0da"; + font-family: "FontAwesome"; +} + +.portfolio-navigation .alignleft i { + margin: 0 5px 0 0; + font-size: 10px; + position: absolute; + top: 14px; + left: 12px; +} + +.portfolio-navigation .alignright i { + margin: 0 0 0 5px; +} + +/* ===[ Portfolio Block Styles ]===================================================== */ + +.portfolio-blocks-wrap { + width: 103%; +} + +.portfolio-blocks { + max-width: 1008px; + overflow: hidden; + color: white; + position: relative; +} + +.portfolio-block { + position: relative; + z-index: 5; + overflow: hidden; + float: left; + display: inline-block; +} + +.page-template-portfolio-php .portfolio-blocks .portfolio-block:first-child { + display: none; +} + +.home .portfolio-block:first-child { + display: block !important; +} + +.portfolio-block-large { + margin-bottom: 40px; +} + +.portfolio-block-inside { + position: absolute; + height: 100%; + width: 100%; + overflow: hidden; + display: inline-block; +} + +.portfolio-block-inside a { + display: block; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.portfolio-block-inside img { + width: 100%; + max-width: 100%; + height: auto; +} + +/* ===[ Portfolio Meta Styles ]===================================================== */ + +.portfolio-sidebar { + width: 25%; + float: right; + font-size: 12px; + line-height: 22px; +} + +.portfolio-meta { + margin: 0 0 0 0; +} + +.portfolio-meta h3 { + border-bottom: solid 1px #eee; + padding-bottom: 12px; +} + +.portfolio-meta li { + background: none !important; + padding: 0 0 10px 0 !important; + margin: 0 0 10px 0 !important; + color: #999; + width: 100%; + line-height: 18px; + float: left; + border-bottom: solid 1px #eee; +} + +.portfolio-meta li:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.portfolio-meta li span { + color: #555; + width: 100%; + float: left; +} + +/* ===[ Testimonial Styles ]===================================================== */ + +.faq h2 { font-size: 26px } + +.faq h3 { color: #aaa } + + +/* ===[ Testimonial Styles ]===================================================== */ + +.testimonials h2 { font-size: 26px } + +.testimonials h3 { color: #aaa } + +/* ===[ Recent Posts Widget Styles ]===================================================== */ + +.recent-comment-text { + margin-top: 5px; + font-size: 11px !important; + line-height: 18px !important; +} + +.recent-comments-widget .comment-txt:hover { color: #888 } + +/* ===[ Content Styles ]===================================================== */ + +.content { + width: 70%; + float: left; + margin: 0 0 0 0; + padding: 0 0 0 0; +} + +.content-full { + width: 100%; +} + +.portfolio-full { + padding-top: 30px; + max-width: 980px !important +} + +.archive .portfolio-full { + padding-top: 0; +} + +.content ul, .content ol { + margin: 0 0 20px 15px; +} + +.content ul li { + list-style-type: square; + margin-bottom: 5px; +} + +.content ol li { + list-style-type: decimal; +} + +/* ===[ Footer Styles ]===================================================== */ + +.footer { width: 100% } + +.footer-text { + max-width: 980px; + margin: 0 auto; + padding: 10px 0px 30px 0px; + border-top: solid 1px #eee; + border-bottom: solid 0px #eee; +} + +.footer-text-left { + width: 50%; + float: left; +} + +.footer-text-left ul { float: left } + +.footer-text-left ul li { + float: left; + display: inline; + margin: 0 5px 0 0; +} + +.footer-text-left ul li a { + font-size: 11px; + font-weight: bold; + text-transform: uppercase; + color: #999; + text-decoration: none; + padding: 0px 10px 0 0; +} + +.footer-text-left ul li a:hover { + color: #555; +} + +.footer-text-left ul li:first-child { padding-left: 0px } + +.footer-text-left ul li.last { padding: 3px 0 0 0 } + +.footer-text-right { + float: right; + font-size: 11px; + color: #999; + text-decoration: none; + text-transform: uppercase; +} + +.footer-text-right a { color: #4c4c4c } + +.footer-text-right a:hover { color: #999 } + +.footer-widgets { + max-width: 980px; + margin: 50px auto 0 auto; + padding: 0px 0 75px 0; + border-top: solid 5px #f2f2f2; +} + +.footer-widgets-wrap { + margin-left: -5%; +} + +.footer-widget { + width: 33%; + float: left; + padding: 30px 0 0 5%; + font-size: 12px; +} + +.footer-widget:last-child { + +} + +.footer-widget a { text-decoration: none } + +.footer-widget ul { margin: 0 0 0 0 } + +.footer-widget li { + margin-left: 15px; + list-style-type: square; +} + +.footer-widget p { line-height: 22px } + +.footer-widget h2 { + font-size: 11px; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + display: block; + line-height: 24px; + padding: 0 0 5px 0; + margin: 0 0 20px 0; + border-bottom: solid 1px #eee; +} + +/* ===[ Deafult WP Styles ]===================================================== */ + +.wp-caption { +} + +.wp-caption.alignnone { margin: 5px 20px 20px 0 } + +.wp-caption.alignleft { margin: 5px 20px 20px 0 } + +.wp-caption.alignright { margin: 5px 0 20px 20px } + +img.alignleft, img.alignright { + +} + +.alignright { float: right } + +.alignleft { float: left } + +.aligncenter { text-align: center } + +img.alignleft { margin: 5px 25px 20px 0 } + +img.alignright { margin: 5px 0 20px 20px } + +.wp-caption img { + border: 0 none; + height: auto; + margin: 0; + max-width: 98.5%; + padding: 0; + width: auto; +} + +.wp-caption p.wp-caption-text { + font-size: 10px !important; + margin: 0 !important; + padding: 3px 0 0 0!important; +} + +.gallery-caption { text-align: center } + +.gallery-item { + width: 105px !important; + margin-right: 15px; + margin-bottom: 20px; +} + +.gallery-icon { width: 105px } + +.gallery-item img { + width: 95px; + height: auto; + padding: 8px; + border: solid 1px #eee !important; +} + +.gallery-item img:hover { + border: solid 1px #ddd !important; +} + +.sticky { +} + +.bypostauthor { +} + +/* ===[ Contact Form 7 Styles ]===================================================== */ + +.hbspt-form input[type="text"], .hbspt-form textarea { font-family: Georgia, serif } + +.hbspt-form input[type="text"] { + padding: 10px; + font-size: 16px; + font-weight: 200; + color: #777; + border: none; + width: 100%; + background: #f0f0f0; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form input[type="email"] { + padding: 10px; + font-size: 16px; + font-weight: 200; + color: #777; + border: none; + width: 100%; + background: #f0f0f0; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form textarea { + margin: 0; + padding: 10px; + font-size: 16px; + width: 100%; + height: 250px; + box-sizing: border-box; + -moz-box-sizing: border-box; + color: #777; + border: none; + background: #f0f0f0; + margin-top: 5px; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form input:focus, .hbspt-form textarea:focus { + outline: none; + background: #e9e9e9; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form p { + font-size: 11px !important; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + margin: 0 0 20px 0; +} + +.hbspt-form br { margin-bottom: 10px } + +input.hs-button.primary.large{ + background: #555; + color: #fff; + font-size: 12px; + font-weight: bold; + font-family: 'Merriweather', Georgia, serif; + padding: 10px 20px; + margin: 5px 0 0 0; + border: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +.hbspt-form-submit:hover { + background: #666; + cursor: pointer; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.hbspt-form-response-output { + background: #faf7d6; + border: none !important; +} + +.hbspt-form-mail-sent-ok { + margin-left: 0px !important; + margin-right: 0px !important; + background: #ECF3E5; + background: rgba(229, 243, 212, .5); + padding: 15px !important; + border: solid 1px #D2EFAC !important; +} + +.hbspt-form-validation-errors { + margin-left: 0px !important; + background: #FCF3F3; + background: rgba(255, 238, 238, .5); + border: solid 1px #FBDCDC !important; + padding: 10px !important; + margin-right: 0px !important; +} + +/* ===[ Page With Sidebar Shortcode Column Styles ]===================================================== */ + +.highlight { + background: #fff9ce; + width: auto; + display: inline; + padding: 0px 3px; + font-weight: bold; +} + +/* ===[ Full Width Shortcode Column Styles ]===================================================== */ + +.two-thirds, .two-thirds-last { + width: 65.319148936%; + margin: 0 4% 20px 0; + float: left; +} + +.two-thirds-last { margin-right: 0px !important } + +.one-third, .one-third-last { + width: 30.425531915%; + float: left; + margin: 0 4% 20px 0; +} + +.one-third-last { margin-right: 0px !important } + +.one-quarter, .one-quarter-last { + width: 21.914893617%; + float: left; + margin: 0 4% 20px 0; +} + +.one-quarter-last { margin-right: 0px !important } + +.one-half, .one-half-last { + width: 47.872340426%; + margin: 0 4% 20px 0; + float: left; +} + +.one-half-last { margin-right: 0px !important } + +/* ===[ Shortcode Button Styles ]===================================================== */ + +.highlight { + background: #fff666; + color: #222; + width: auto; + display: inline; + padding: 2px 3px; + font-weight: normal; +} + +.demo-button { + margin-bottom: 6px; + padding-top: 4px; +} + +.demo-button span { margin-right: 2px } + +.button a { + +} + +.button a:hover { + +} + +.button { + display: inline-block; + text-decoration: none; + font: bold 11px/12px Georgia, HelveticaNeue, Arial; + text-transform: uppercase; + padding: 6px 11px; + color: #555; + border: 1px solid #dedede; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + text-align: center; +} + +.button:hover { cursor: pointer } + +.button.white { + background: #f5f5f5; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /* WebKit */ + background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0); + border-color: #dedede #d8d8d8 #d3d3d3; + color: #555; + text-shadow: 0 1px 0 #fff; + -webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; + -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; + box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; +} + +.button.white:hover { + background: #f4f4f4; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8)); /* WebKit */ + background: -moz-linear-gradient(top, #efefef, #f8f8f8); + border-color: #c7c7c7 #c3c3c3 #bebebe; + text-shadow: 0 1px 0 #fdfdfd; + -webkit-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; + -moz-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; + box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; +} + +.button.white a { color: #555 } + +.button.gray { + background: #bdbdbd; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae)); /* WebKit */ + background: -moz-linear-gradient(top, #cacaca, #aeaeae); + border-color: #b5b5b5 #a1a1a1 #8f8f8f; + color: #555; + text-shadow: 0 1px 0 #d4d4d4; + -webkit-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; + -moz-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; + box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; +} + +.button.gray:hover { + background: #c2c2c2; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2)); /* WebKit */ + background: -moz-linear-gradient(top, #bcbcbc, #c2c2c2); + border-color: #989898 #8e8e8e #878787; + text-shadow: 0 1px 0 #dadada; + -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; +} + +.button.gray a { color: #555 } + +.button.pink { + background: #f67689; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78297', endColorstr='#f56778'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f78297), to(#f56778)); /* WebKit */ + background: -moz-linear-gradient(top, #f78297, #f56778); + border-color: #df6f8b #da5f75 #d55061; + color: #913944; + text-shadow: 0 1px 0 #f89ca9; + -webkit-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; + -moz-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; + box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; +} + +.button.pink:hover { + background: #f67c90; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56c7e', endColorstr='#f78297'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f56c7e), to(#f78297)); /* WebKit */ + background: -moz-linear-gradient(top, #f56c7e, #f78297); + border-color: #c36079 #c25669 #c14e5c; + text-shadow: 0 1px 0 #f9a6b4; + -webkit-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; + -moz-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; + box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; +} + +.button.pink a { color: #913944 } + +.button.orange { + background: #fecc5f; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda71', endColorstr='#febb4a'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb4a)); /* WebKit */ + background: -moz-linear-gradient(top, #feda71, #febb4a); + border-color: #f5b74e #e5a73e #d6982f; + color: #996633; + text-shadow: 0 1px 0 #fedd9b; + -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; + -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; + box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; +} + +.button.orange:hover { + background: #fecb5e; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec354', endColorstr='#fecd61'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#fec354), to(#fecd61)); /* WebKit */ + background: -moz-linear-gradient(top, #fec354, #fecd61); + border-color: #d29a3a #cc9436 #c89133; + text-shadow: 0 1px 0 #fee1a0; + -webkit-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; + -moz-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; + box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; +} + +.button.orange a { color: #996633 } + +.button.green { + background: #b7d770; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9fcb57)); /* WebKit */ + background: -moz-linear-gradient(top, #cae285, #9fcb57); + border-color: #adc671 #98b65b #87aa4a; + color: #5d7731; + text-shadow: 0 1px 0 #cfe5a4; + -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; + -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; + box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; +} + +.button.green:hover { + background: #b9d972; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d872', endColorstr='#b9d972'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#b8d872), to(#b9d972)); /* WebKit */ + background: -moz-linear-gradient(top, #b8d872, #b9d972); + border-color: #8bb14d #83a648 #7d9e45; + text-shadow: 0 1px 0 #d5e8aa; + -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; + -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; + box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; +} + +.button.green a { color: #5d7731 } + +.button.blue { + background: #92dbf6; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abe4f8', endColorstr='#6fcef3'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3)); /* WebKit */ + background: -moz-linear-gradient(top, #abe4f8, #6fcef3); + border-color: #8dc5da #76b7cf #63abc7; + text-shadow: 0 1px 0 #b6e6f9; + -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; + -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; + box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; +} + +.button.blue:hover { + background: #92dbf6; + border-color: #7caec0 #68a3ba #5a9cb5; + text-shadow: 0 1px 0 #bee9fa; + -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; + -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; + box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; +} + +.button.blue a { color: #42788e } + +.button.purple { + background: #dfaeda; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8c4e4', endColorstr='#d494ce'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#e8c4e4), to(#d494ce)); /* WebKit */ + background: -moz-linear-gradient(top, #e8c4e4, #d494ce); + border-color: #bc9db9 #ad89aa #a1799d; + color: #7b5777; + text-shadow: 0 1px 0 #eacae6; + -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; + -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; + box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; +} + +.button.purple:hover { + background: #e0b1db; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deabd9', endColorstr='#e0b1db'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#deabd9), to(#e0b1db)); /* WebKit */ + background: -moz-linear-gradient(top, #deabd9, #e0b1db); + border-color: #a482a0 #9b7897 #947090; + text-shadow: 0 1px 0 #ecd0e9; + -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; +} + +.button.purple a { color: #7b5777 } + +.button.black { + background: #525252; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#434343'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); /* WebKit */ + background: -moz-linear-gradient(top, #5e5e5e, #434343); + border-color: #4c4c4c #313131 #1f1f1f; + color: #fff; + text-shadow: 0 1px 0 #2e2e2e; + -webkit-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; + -moz-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; + box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; +} + +.button.black:hover { + background: #5a5a5a; + border-color: #2c2c2c #1c1c1c #101010; + text-shadow: 0 1px 0 #363636; + -webkit-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; + -moz-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; + box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; +} + +.button.black a { color: #fff } + +/* ===[ Shortcode Message Style ]===================================================== */ + +.message { + width: 100%; + float: left; + margin: 0 0 15px 0; +} + +.message a { color: #555 } + +.message a:hover { text-decoration: underline } + +.message strong { + text-transform: uppercase; + font-size: 12px; + letter-spacing: 1px; +} + +.red-message { + background: #fff7f7; + border: solid 1px #fddcdc; + padding: 15px; +} + +.green-message { + background: #f1f9ea; + padding: 15px; + border: solid 1px #d0eeac; +} + +.yellow-message { + background: #fcfbe4; + border: solid 1px #efebbc; + padding: 15px; +} + +.gray-message { + background: #f5f5f5; + border: solid 1px #ddd; + padding: 15px; +} + +/* ===[ Shortcode Tooltip Styles ]===================================================== */ + +.tooltip { + display: inline; + position: relative; +} + +.tooltip a span { + width: 115px; + height: auto; + line-height: 20px; + padding: 5px 10px 0px 10px; + left: 50%; + margin-left: -58px; + font-family: Georgia, serif; + font-size: 11px; + color: #777; + text-align: center; + border: 4px solid #fff; + background: rgba(255,255,255,1); + text-indent: 0px; + border-radius: 5px; + position: absolute; + pointer-events: none; + bottom: 30px; + opacity: 0; + box-shadow: 1px 1px 2px rgba(0,0,0,0.1); + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border-left: solid 1px #f5f5f5; + border-top: solid 1px #f5f5f5; +} + +.tooltip a span:before, .tooltip a span:after { + content: ''; + position: absolute; + bottom: -15px; + left: 50%; + margin-left: -9px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid rgba(0,0,0,0.1); +} + +.tooltip a span:after { + bottom: -14px; + margin-left: -10px; + border-top: 10px solid #fff; +} + +.tooltip a:hover span { + opacity: 0.9; + bottom: 35px; +} + +/* ===[ Shortcode Tabbed Box Styles ]===================================================== */ + +.tabs { + list-style-type: none !important; + margin: 0 !important; + padding: 0; + height: 30px; + border-bottom: solid 1px #eee; +} + +#sidebar .tabs { + border-bottom: none; + height: auto; +} + +.tabs li { + float: left; + text-indent: 0; + padding: 0 !important; + margin: 0 !important; + list-style-type: none !important; + background: none !important; +} + +.content .tabs li a:hover { background: #f7f7f7 } + +.content .tabs li a:hover { + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.tabs a { + display: block; + font-size: 11px; + text-transform: uppercase; + line-height: 30px; + text-align: center; + text-decoration: none; + padding: 0 10px; + margin: 0px; + position: relative; + color: #888; +} + +.tabs a:hover { color: #555 } + +.tabs a:active { outline: none } + +.tabs .current, .tabs .current:hover, .tabs li.current a { + cursor: default !important; + color: #555 !important; + background: #f2f2f2; +} + +.tab-wrapper li .current, .tab-wrapper li .current:hover, .tab-wrapper li.current a, .tab-wrapper a:hover { background: #fff666 } + +.tab-wrapper { + padding: 0; + width: 435px; + height: 70px; + margin: 80px auto 30px auto; +} + +#sidebar .tab-wrapper { width: 100% } + +.tab-wrapper li { + float: left; + background: none !important; + padding: 0 !important; + margin: 0 1% 0 0 !important; + width: 24%; +} + +.tab-wrapper li:last-child { + margin-right: 0px !important; +} + +.tab-wrapper li a { + display: block; + height: 32px; + text-align: center; + line-height: 34px; + margin: 0; + outline: none; + background: #f2f2f2; + padding: 0; + position: relative; + font-family: 'ModernPictogramsNormal'; + -webkit-font-smoothing: antialiased; + color: #555; + font-size: 22px; + text-transform: none; +} + +.tab-wrapper li a.current { } + +.tab-wrapper li a:hover { } + +.tab-wrapper li a:active i { + line-height: 34px; +} + +.tab-wrapper li i { + font-size: 17px; + line-height: 32px; +} + +#sidebar .panes { + width: 99%; +} + +#sidebar .panes .pane { + margin-top: 2px; + background: #f7f7f7; + padding: 15px !important; +} + +.panes .pane { + display: none; + padding-top: 15px; + margin-top: -1px; +} + +.change-font a { + text-transform: uppercase; + font-size: 10px; + color: #999; + margin-right: 15px; +} + +.change-font a:hover { color: #4c4c4c } + +.chirp li { + border-bottom: solid 1px #eee !important; + padding-bottom: 10px !important; + margin: 0 0 10px 0 !important; + list-style-type: none !important; +} + +.chirp li:last-child { + border-bottom: none !important; + margin-bottom: 0 !important; + padding-bottom: 0 !important; + +} + +.profile-content { + text-align: left; +} + +.profile-content h1 { + text-align: center; + padding-bottom: 0px; + margin-bottom: 0px; +} + +.profile-content h2 { + font-size: 24px; +} + +.profile-content h3 { + font-size: 14px; +} + +.profile-content p { + font-size: 10px; +} + +#name { + text-align: center; +} + +#name h3 { + margin: 0px; + padding: 0px; +} + +#contact { + margin-left: 158px; +} + +.profile-name { + padding-top: 0; + +} diff --git a/public/css/custom.css b/public/css/custom.css new file mode 100644 index 0000000..f939bee --- /dev/null +++ b/public/css/custom.css @@ -0,0 +1,3 @@ +.container img { + float: left; +} \ No newline at end of file diff --git a/public/css/desmond.css b/public/css/desmond.css new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/public/css/desmond.css @@ -0,0 +1 @@ + diff --git a/public/css/flexslider.css b/public/css/flexslider.css new file mode 100644 index 0000000..4f7f341 --- /dev/null +++ b/public/css/flexslider.css @@ -0,0 +1,212 @@ + +/* + * jQuery FlexSlider v1.8 + * http://flex.madebymufffin.com + * + * Copyright 2011, Tyler Smith + * Free to use under the MIT license. + * http://www.opensource.org/licenses/mit-license.php + */ +/* Browser Resets */ +.flex-container a:active, +.flexslider a:active { + outline: none +} +.slides, +.flex-control-nav, +.flex-direction-nav { + margin: 0; + padding: 0; + list-style: none; +} +/* FlexSlider Necessary Styles +*********************************/ +.flexslider { + width: 100%; + margin: 0; + padding: 0; +} +.flexslider .slides > li { + display: none +} /* Hide the slides before the JS is loaded. Avoids image jumping */ +.flexslider .slides img { + max-width: 100%; + display: block; + width: 100%; +} +.flex-pauseplay span { + text-transform: capitalize +} +/* Clearfix for the .slides element */ +.slides:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} +html[xmlns] .slides { + display: block +} +* html .slides { + height: 1% +} +/* No JavaScript Fallback */ +/* If you are not using another script, such as Modernizr, make sure you + * include js that eliminates this class on page load */ +.no-js .slides > li:first-child { + display: block +} +/* FlexSlider Default Theme +*********************************/ +.flexslider { + position: relative; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + zoom: 1; +} +.flexslider .slides { + zoom: 1 +} +.flexslider .slides > li { + position: relative +} +/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ +.flex-container { + zoom: 1; + position: relative; +} +/* Caption style */ +/* IE rgba() hack */ +.flex-caption { + background: none; + -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); + zoom: 1; +} +.flex-caption { + width: 96%; + padding: 2%; + position: absolute; + left: 0; + bottom: 0; + background: rgba(0,0,0,.3); + color: #fff; + text-shadow: 0 -1px 0 rgba(0,0,0,.3); + font-size: 14px; + line-height: 18px; +} +/* Direction Nav */ +.flex-direction-nav li a { + display: block; + position: absolute; + cursor: pointer; + text-indent: -9999px; +} +#sidebar .flex-direction-nav li { + list-style-type: none; + margin: 0; +} +.flex-direction-nav li { + position: relative; +} +.flex-direction-nav li .flex-next { + background: #444; + right: 0; + bottom: 0; + width: 25px; + height: 25px; +} +.flex-direction-nav li .flex-next:before { + position: absolute; + top: 1px; + left: 11px; + display: block; + content: "\f0da"; + font-family: 'FontAwesome'; + font-size: 12px; + color: #aaa; + text-indent: 0; +} +.flex-direction-nav li .flex-prev { + right: 25px; + bottom: 0; + background: #444; + width: 25px; + height: 25px; + border-right: solid 1px #555; +} +.flex-direction-nav li .flex-prev:before { + position: absolute; + top: 1px; + left: 11px; + display: block; + content: "\f0d9"; + font-family: 'FontAwesome'; + font-size: 12px; + color: #aaa; + text-indent: 0; +} +.flex-direction-nav li a:hover { + background: #555; +} +.flex-direction-nav li:hover { + opacity: 1; +} +.flex-direction-nav li .disabled { + opacity: .3; + filter: alpha(opacity=30); + cursor: default; +} +/* Control Nav */ +.flex-control-nav { + width: 100%; + position: absolute; + bottom: -20px; + text-align: center; + display: none; +} +.section-testimonials .flex-control-nav { + display: block; +} +.section-testimonials .flex-direction-nav { + display: none; +} +.section-testimonials .flex-control-nav { + bottom: -30px; +} +.single-format-gallery .flex-control-nav { + bottom: -30px; +} +.flex-control-nav li { + margin: 0 0 0 0 !important; + padding: 0 5px !important; + display: inline-block; + zoom: 1; + *display: inline; + background: none !important; +} +.flex-control-nav li:first-child { + margin: 0 +} +.flex-control-nav li a { + width: 10px; + height: 10px; + display: block; + background: #e4e4e4; + cursor: pointer; + text-indent: -9999px; + -webkit-border-radius: 30px; + -moz-border-radius: 30px; + border-radius: 30px; +} +.flex-control-nav li a:hover { + background: #a5a5a5 +} +.flex-control-nav li .flex-active { + background: #a5a5a5; + cursor: default; +} \ No newline at end of file diff --git a/public/css/font-awesome.css b/public/css/font-awesome.css new file mode 100644 index 0000000..02bba1c --- /dev/null +++ b/public/css/font-awesome.css @@ -0,0 +1,540 @@ +/*! + * Font Awesome 3.0.2 + * the iconic font designed for use with Twitter Bootstrap + * ------------------------------------------------------- + * The full suite of pictographic icons, examples, and documentation + * can be found at: http://fortawesome.github.com/Font-Awesome/ + * + * License + * ------------------------------------------------------- + * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL + * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - + * http://opensource.org/licenses/mit-license.html + * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ + * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: + * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" + + * Contact + * ------------------------------------------------------- + * Email: dave@davegandy.com + * Twitter: http://twitter.com/fortaweso_me + * Work: Lead Product Designer @ http://kyruus.com + */ +@font-face { + font-family: 'FontAwesome'; + src: url('font/fontawesome-webfont.eot?v=3.0.1'); + src: url('font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), + url('font/fontawesome-webfont.woff?v=3.0.1') format('woff'), + url('font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); + font-weight: normal; + font-style: normal; +} +/* Font Awesome styles + ------------------------------------------------------- */ +[class^="icon-"], +[class*=" icon-"] { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + + /* sprites.less reset */ + display: inline; + width: auto; + height: auto; + line-height: normal; + vertical-align: baseline; + background-image: none; + background-position: 0% 0%; + background-repeat: repeat; + margin-top: 0; +} +/* more sprites.less reset */ +.icon-white, +.nav-pills > .active > a > [class^="icon-"], +.nav-pills > .active > a > [class*=" icon-"], +.nav-list > .active > a > [class^="icon-"], +.nav-list > .active > a > [class*=" icon-"], +.navbar-inverse .nav > .active > a > [class^="icon-"], +.navbar-inverse .nav > .active > a > [class*=" icon-"], +.dropdown-menu > li > a:hover > [class^="icon-"], +.dropdown-menu > li > a:hover > [class*=" icon-"], +.dropdown-menu > .active > a > [class^="icon-"], +.dropdown-menu > .active > a > [class*=" icon-"], +.dropdown-submenu:hover > a > [class^="icon-"], +.dropdown-submenu:hover > a > [class*=" icon-"] { + background-image: none; +} +[class^="icon-"]:before, +[class*=" icon-"]:before { + text-decoration: inherit; + display: inline-block; + speak: none; +} +/* makes sure icons active on rollover in links */ +a [class^="icon-"], +a [class*=" icon-"] { + display: inline-block; +} +/* makes the font 33% larger relative to the icon container */ +.icon-large:before { + vertical-align: -10%; + font-size: 1.3333333333333333em; +} +.btn [class^="icon-"], +.nav [class^="icon-"], +.btn [class*=" icon-"], +.nav [class*=" icon-"] { + display: inline; + /* keeps button heights with and without icons the same */ + +} +.btn [class^="icon-"].icon-large, +.nav [class^="icon-"].icon-large, +.btn [class*=" icon-"].icon-large, +.nav [class*=" icon-"].icon-large { + line-height: .9em; +} +.btn [class^="icon-"].icon-spin, +.nav [class^="icon-"].icon-spin, +.btn [class*=" icon-"].icon-spin, +.nav [class*=" icon-"].icon-spin { + display: inline-block; +} +.nav-tabs [class^="icon-"], +.nav-pills [class^="icon-"], +.nav-tabs [class*=" icon-"], +.nav-pills [class*=" icon-"] { + /* keeps button heights with and without icons the same */ + +} +.nav-tabs [class^="icon-"], +.nav-pills [class^="icon-"], +.nav-tabs [class*=" icon-"], +.nav-pills [class*=" icon-"], +.nav-tabs [class^="icon-"].icon-large, +.nav-pills [class^="icon-"].icon-large, +.nav-tabs [class*=" icon-"].icon-large, +.nav-pills [class*=" icon-"].icon-large { + line-height: .9em; +} +li [class^="icon-"], +.nav li [class^="icon-"], +li [class*=" icon-"], +.nav li [class*=" icon-"] { + display: inline-block; + width: 1.25em; + text-align: center; +} +li [class^="icon-"].icon-large, +.nav li [class^="icon-"].icon-large, +li [class*=" icon-"].icon-large, +.nav li [class*=" icon-"].icon-large { + /* increased font size for icon-large */ + + width: 1.5625em; +} +ul.icons { + list-style-type: none; + text-indent: -0.75em; +} +ul.icons li [class^="icon-"], +ul.icons li [class*=" icon-"] { + width: .75em; +} +.icon-muted { + color: #eeeeee; +} +.icon-border { + border: solid 1px #eeeeee; + padding: .2em .25em .15em; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.icon-2x { + font-size: 2em; +} +.icon-2x.icon-border { + border-width: 2px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.icon-3x { + font-size: 3em; +} +.icon-3x.icon-border { + border-width: 3px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.icon-4x { + font-size: 4em; +} +.icon-4x.icon-border { + border-width: 4px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.pull-right { + float: right; +} +.pull-left { + float: left; +} +[class^="icon-"].pull-left, +[class*=" icon-"].pull-left { + margin-right: .3em; +} +[class^="icon-"].pull-right, +[class*=" icon-"].pull-right { + margin-left: .3em; +} +.btn [class^="icon-"].pull-left.icon-2x, +.btn [class*=" icon-"].pull-left.icon-2x, +.btn [class^="icon-"].pull-right.icon-2x, +.btn [class*=" icon-"].pull-right.icon-2x { + margin-top: .18em; +} +.btn [class^="icon-"].icon-spin.icon-large, +.btn [class*=" icon-"].icon-spin.icon-large { + line-height: .8em; +} +.btn.btn-small [class^="icon-"].pull-left.icon-2x, +.btn.btn-small [class*=" icon-"].pull-left.icon-2x, +.btn.btn-small [class^="icon-"].pull-right.icon-2x, +.btn.btn-small [class*=" icon-"].pull-right.icon-2x { + margin-top: .25em; +} +.btn.btn-large [class^="icon-"], +.btn.btn-large [class*=" icon-"] { + margin-top: 0; +} +.btn.btn-large [class^="icon-"].pull-left.icon-2x, +.btn.btn-large [class*=" icon-"].pull-left.icon-2x, +.btn.btn-large [class^="icon-"].pull-right.icon-2x, +.btn.btn-large [class*=" icon-"].pull-right.icon-2x { + margin-top: .05em; +} +.btn.btn-large [class^="icon-"].pull-left.icon-2x, +.btn.btn-large [class*=" icon-"].pull-left.icon-2x { + margin-right: .2em; +} +.btn.btn-large [class^="icon-"].pull-right.icon-2x, +.btn.btn-large [class*=" icon-"].pull-right.icon-2x { + margin-left: .2em; +} +.icon-spin { + display: inline-block; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + -webkit-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; +} +@-moz-keyframes spin { + 0% { -moz-transform: rotate(0deg); } + 100% { -moz-transform: rotate(359deg); } +} +@-webkit-keyframes spin { + 0% { -webkit-transform: rotate(0deg); } + 100% { -webkit-transform: rotate(359deg); } +} +@-o-keyframes spin { + 0% { -o-transform: rotate(0deg); } + 100% { -o-transform: rotate(359deg); } +} +@-ms-keyframes spin { + 0% { -ms-transform: rotate(0deg); } + 100% { -ms-transform: rotate(359deg); } +} +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(359deg); } +} +@-moz-document url-prefix() { + .icon-spin { + height: .9em; + } + .btn .icon-spin { + height: auto; + } + .icon-spin.icon-large { + height: 1.25em; + } + .btn .icon-spin.icon-large { + height: .75em; + } +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.icon-glass:before { content: "\f000"; } +.icon-music:before { content: "\f001"; } +.icon-search:before { content: "\f002"; } +.icon-envelope:before { content: "\f003"; } +.icon-heart:before { content: "\f004"; } +.icon-star:before { content: "\f005"; } +.icon-star-empty:before { content: "\f006"; } +.icon-user:before { content: "\f007"; } +.icon-film:before { content: "\f008"; } +.icon-th-large:before { content: "\f009"; } +.icon-th:before { content: "\f00a"; } +.icon-th-list:before { content: "\f00b"; } +.icon-ok:before { content: "\f00c"; } +.icon-remove:before { content: "\f00d"; } +.icon-zoom-in:before { content: "\f00e"; } + +.icon-zoom-out:before { content: "\f010"; } +.icon-off:before { content: "\f011"; } +.icon-signal:before { content: "\f012"; } +.icon-cog:before { content: "\f013"; } +.icon-trash:before { content: "\f014"; } +.icon-home:before { content: "\f015"; } +.icon-file:before { content: "\f016"; } +.icon-time:before { content: "\f017"; } +.icon-road:before { content: "\f018"; } +.icon-download-alt:before { content: "\f019"; } +.icon-download:before { content: "\f01a"; } +.icon-upload:before { content: "\f01b"; } +.icon-inbox:before { content: "\f01c"; } +.icon-play-circle:before { content: "\f01d"; } +.icon-repeat:before { content: "\f01e"; } + +/* \f020 doesn't work in Safari. all shifted one down */ +.icon-refresh:before { content: "\f021"; } +.icon-list-alt:before { content: "\f022"; } +.icon-lock:before { content: "\f023"; } +.icon-flag:before { content: "\f024"; } +.icon-headphones:before { content: "\f025"; } +.icon-volume-off:before { content: "\f026"; } +.icon-volume-down:before { content: "\f027"; } +.icon-volume-up:before { content: "\f028"; } +.icon-qrcode:before { content: "\f029"; } +.icon-barcode:before { content: "\f02a"; } +.icon-tag:before { content: "\f02b"; } +.icon-tags:before { content: "\f02c"; } +.icon-book:before { content: "\f02d"; } +.icon-bookmark:before { content: "\f02e"; } +.icon-print:before { content: "\f02f"; } + +.icon-camera:before { content: "\f030"; } +.icon-font:before { content: "\f031"; } +.icon-bold:before { content: "\f032"; } +.icon-italic:before { content: "\f033"; } +.icon-text-height:before { content: "\f034"; } +.icon-text-width:before { content: "\f035"; } +.icon-align-left:before { content: "\f036"; } +.icon-align-center:before { content: "\f037"; } +.icon-align-right:before { content: "\f038"; } +.icon-align-justify:before { content: "\f039"; } +.icon-list:before { content: "\f03a"; } +.icon-indent-left:before { content: "\f03b"; } +.icon-indent-right:before { content: "\f03c"; } +.icon-facetime-video:before { content: "\f03d"; } +.icon-picture:before { content: "\f03e"; } + +.icon-pencil:before { content: "\f040"; } +.icon-map-marker:before { content: "\f041"; } +.icon-adjust:before { content: "\f042"; } +.icon-tint:before { content: "\f043"; } +.icon-edit:before { content: "\f044"; } +.icon-share:before { content: "\f045"; } +.icon-check:before { content: "\f046"; } +.icon-move:before { content: "\f047"; } +.icon-step-backward:before { content: "\f048"; } +.icon-fast-backward:before { content: "\f049"; } +.icon-backward:before { content: "\f04a"; } +.icon-play:before { content: "\f04b"; } +.icon-pause:before { content: "\f04c"; } +.icon-stop:before { content: "\f04d"; } +.icon-forward:before { content: "\f04e"; } + +.icon-fast-forward:before { content: "\f050"; } +.icon-step-forward:before { content: "\f051"; } +.icon-eject:before { content: "\f052"; } +.icon-chevron-left:before { content: "\f053"; } +.icon-chevron-right:before { content: "\f054"; } +.icon-plus-sign:before { content: "\f055"; } +.icon-minus-sign:before { content: "\f056"; } +.icon-remove-sign:before { content: "\f057"; } +.icon-ok-sign:before { content: "\f058"; } +.icon-question-sign:before { content: "\f059"; } +.icon-info-sign:before { content: "\f05a"; } +.icon-screenshot:before { content: "\f05b"; } +.icon-remove-circle:before { content: "\f05c"; } +.icon-ok-circle:before { content: "\f05d"; } +.icon-ban-circle:before { content: "\f05e"; } + +.icon-arrow-left:before { content: "\f060"; } +.icon-arrow-right:before { content: "\f061"; } +.icon-arrow-up:before { content: "\f062"; } +.icon-arrow-down:before { content: "\f063"; } +.icon-share-alt:before { content: "\f064"; } +.icon-resize-full:before { content: "\f065"; } +.icon-resize-small:before { content: "\f066"; } +.icon-plus:before { content: "\f067"; } +.icon-minus:before { content: "\f068"; } +.icon-asterisk:before { content: "\f069"; } +.icon-exclamation-sign:before { content: "\f06a"; } +.icon-gift:before { content: "\f06b"; } +.icon-leaf:before { content: "\f06c"; } +.icon-fire:before { content: "\f06d"; } +.icon-eye-open:before { content: "\f06e"; } + +.icon-eye-close:before { content: "\f070"; } +.icon-warning-sign:before { content: "\f071"; } +.icon-plane:before { content: "\f072"; } +.icon-calendar:before { content: "\f073"; } +.icon-random:before { content: "\f074"; } +.icon-comment:before { content: "\f075"; } +.icon-magnet:before { content: "\f076"; } +.icon-chevron-up:before { content: "\f077"; } +.icon-chevron-down:before { content: "\f078"; } +.icon-retweet:before { content: "\f079"; } +.icon-shopping-cart:before { content: "\f07a"; } +.icon-folder-close:before { content: "\f07b"; } +.icon-folder-open:before { content: "\f07c"; } +.icon-resize-vertical:before { content: "\f07d"; } +.icon-resize-horizontal:before { content: "\f07e"; } + +.icon-bar-chart:before { content: "\f080"; } +.icon-twitter-sign:before { content: "\f081"; } +.icon-facebook-sign:before { content: "\f082"; } +.icon-camera-retro:before { content: "\f083"; } +.icon-key:before { content: "\f084"; } +.icon-cogs:before { content: "\f085"; } +.icon-comments:before { content: "\f086"; } +.icon-thumbs-up:before { content: "\f087"; } +.icon-thumbs-down:before { content: "\f088"; } +.icon-star-half:before { content: "\f089"; } +.icon-heart-empty:before { content: "\f08a"; } +.icon-signout:before { content: "\f08b"; } +.icon-linkedin-sign:before { content: "\f08c"; } +.icon-pushpin:before { content: "\f08d"; } +.icon-external-link:before { content: "\f08e"; } + +.icon-signin:before { content: "\f090"; } +.icon-trophy:before { content: "\f091"; } +.icon-github-sign:before { content: "\f092"; } +.icon-upload-alt:before { content: "\f093"; } +.icon-lemon:before { content: "\f094"; } +.icon-phone:before { content: "\f095"; } +.icon-check-empty:before { content: "\f096"; } +.icon-bookmark-empty:before { content: "\f097"; } +.icon-phone-sign:before { content: "\f098"; } +.icon-twitter:before { content: "\f099"; } +.icon-facebook:before { content: "\f09a"; } +.icon-github:before { content: "\f09b"; } +.icon-unlock:before { content: "\f09c"; } +.icon-credit-card:before { content: "\f09d"; } +.icon-rss:before { content: "\f09e"; } + +.icon-hdd:before { content: "\f0a0"; } +.icon-bullhorn:before { content: "\f0a1"; } +.icon-bell:before { content: "\f0a2"; } +.icon-certificate:before { content: "\f0a3"; } +.icon-hand-right:before { content: "\f0a4"; } +.icon-hand-left:before { content: "\f0a5"; } +.icon-hand-up:before { content: "\f0a6"; } +.icon-hand-down:before { content: "\f0a7"; } +.icon-circle-arrow-left:before { content: "\f0a8"; } +.icon-circle-arrow-right:before { content: "\f0a9"; } +.icon-circle-arrow-up:before { content: "\f0aa"; } +.icon-circle-arrow-down:before { content: "\f0ab"; } +.icon-globe:before { content: "\f0ac"; } +.icon-wrench:before { content: "\f0ad"; } +.icon-tasks:before { content: "\f0ae"; } + +.icon-filter:before { content: "\f0b0"; } +.icon-briefcase:before { content: "\f0b1"; } +.icon-fullscreen:before { content: "\f0b2"; } + +.icon-group:before { content: "\f0c0"; } +.icon-link:before { content: "\f0c1"; } +.icon-cloud:before { content: "\f0c2"; } +.icon-beaker:before { content: "\f0c3"; } +.icon-cut:before { content: "\f0c4"; } +.icon-copy:before { content: "\f0c5"; } +.icon-paper-clip:before { content: "\f0c6"; } +.icon-save:before { content: "\f0c7"; } +.icon-sign-blank:before { content: "\f0c8"; } +.icon-reorder:before { content: "\f0c9"; } +.icon-list-ul:before { content: "\f0ca"; } +.icon-list-ol:before { content: "\f0cb"; } +.icon-strikethrough:before { content: "\f0cc"; } +.icon-underline:before { content: "\f0cd"; } +.icon-table:before { content: "\f0ce"; } + +.icon-magic:before { content: "\f0d0"; } +.icon-truck:before { content: "\f0d1"; } +.icon-pinterest:before { content: "\f0d2"; } +.icon-pinterest-sign:before { content: "\f0d3"; } +.icon-google-plus-sign:before { content: "\f0d4"; } +.icon-google-plus:before { content: "\f0d5"; } +.icon-money:before { content: "\f0d6"; } +.icon-caret-down:before { content: "\f0d7"; } +.icon-caret-up:before { content: "\f0d8"; } +.icon-caret-left:before { content: "\f0d9"; } +.icon-caret-right:before { content: "\f0da"; } +.icon-columns:before { content: "\f0db"; } +.icon-sort:before { content: "\f0dc"; } +.icon-sort-down:before { content: "\f0dd"; } +.icon-sort-up:before { content: "\f0de"; } + +.icon-envelope-alt:before { content: "\f0e0"; } +.icon-linkedin:before { content: "\f0e1"; } +.icon-undo:before { content: "\f0e2"; } +.icon-legal:before { content: "\f0e3"; } +.icon-dashboard:before { content: "\f0e4"; } +.icon-comment-alt:before { content: "\f0e5"; } +.icon-comments-alt:before { content: "\f0e6"; } +.icon-bolt:before { content: "\f0e7"; } +.icon-sitemap:before { content: "\f0e8"; } +.icon-umbrella:before { content: "\f0e9"; } +.icon-paste:before { content: "\f0ea"; } +.icon-lightbulb:before { content: "\f0eb"; } +.icon-exchange:before { content: "\f0ec"; } +.icon-cloud-download:before { content: "\f0ed"; } +.icon-cloud-upload:before { content: "\f0ee"; } + +.icon-user-md:before { content: "\f0f0"; } +.icon-stethoscope:before { content: "\f0f1"; } +.icon-suitcase:before { content: "\f0f2"; } +.icon-bell-alt:before { content: "\f0f3"; } +.icon-coffee:before { content: "\f0f4"; } +.icon-food:before { content: "\f0f5"; } +.icon-file-alt:before { content: "\f0f6"; } +.icon-building:before { content: "\f0f7"; } +.icon-hospital:before { content: "\f0f8"; } +.icon-ambulance:before { content: "\f0f9"; } +.icon-medkit:before { content: "\f0fa"; } +.icon-fighter-jet:before { content: "\f0fb"; } +.icon-beer:before { content: "\f0fc"; } +.icon-h-sign:before { content: "\f0fd"; } +.icon-plus-sign-alt:before { content: "\f0fe"; } + +.icon-double-angle-left:before { content: "\f100"; } +.icon-double-angle-right:before { content: "\f101"; } +.icon-double-angle-up:before { content: "\f102"; } +.icon-double-angle-down:before { content: "\f103"; } +.icon-angle-left:before { content: "\f104"; } +.icon-angle-right:before { content: "\f105"; } +.icon-angle-up:before { content: "\f106"; } +.icon-angle-down:before { content: "\f107"; } +.icon-desktop:before { content: "\f108"; } +.icon-laptop:before { content: "\f109"; } +.icon-tablet:before { content: "\f10a"; } +.icon-mobile-phone:before { content: "\f10b"; } +.icon-circle-blank:before { content: "\f10c"; } +.icon-quote-left:before { content: "\f10d"; } +.icon-quote-right:before { content: "\f10e"; } + +.icon-spinner:before { content: "\f110"; } +.icon-circle:before { content: "\f111"; } +.icon-reply:before { content: "\f112"; } +.icon-github-alt:before { content: "\f113"; } +.icon-folder-close-alt:before { content: "\f114"; } +.icon-folder-open-alt:before { content: "\f115"; } diff --git a/public/css/font/fontawesome-webfont (1).eot b/public/css/font/fontawesome-webfont (1).eot new file mode 100644 index 0000000..7d81019 Binary files /dev/null and b/public/css/font/fontawesome-webfont (1).eot differ diff --git a/public/css/font/fontawesome-webfont.eot b/public/css/font/fontawesome-webfont.eot new file mode 100644 index 0000000..7d81019 Binary files /dev/null and b/public/css/font/fontawesome-webfont.eot differ diff --git a/public/css/font/fontawesome-webfont.ttf b/public/css/font/fontawesome-webfont.ttf new file mode 100644 index 0000000..d461724 Binary files /dev/null and b/public/css/font/fontawesome-webfont.ttf differ diff --git a/public/css/font/fontawesome-webfont.woff b/public/css/font/fontawesome-webfont.woff new file mode 100644 index 0000000..3c89ae0 Binary files /dev/null and b/public/css/font/fontawesome-webfont.woff differ diff --git a/public/css/fonts/okay-social-.eot b/public/css/fonts/okay-social-.eot new file mode 100644 index 0000000..0c38847 Binary files /dev/null and b/public/css/fonts/okay-social-.eot differ diff --git a/public/css/fonts/okay-social.eot b/public/css/fonts/okay-social.eot new file mode 100644 index 0000000..0c38847 Binary files /dev/null and b/public/css/fonts/okay-social.eot differ diff --git a/public/css/fonts/okay-social.svg b/public/css/fonts/okay-social.svg new file mode 100644 index 0000000..3a804b7 --- /dev/null +++ b/public/css/fonts/okay-social.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/css/fonts/okay-social.ttf b/public/css/fonts/okay-social.ttf new file mode 100644 index 0000000..8e21baf Binary files /dev/null and b/public/css/fonts/okay-social.ttf differ diff --git a/public/css/fonts/okay-social.woff b/public/css/fonts/okay-social.woff new file mode 100644 index 0000000..78b6c04 Binary files /dev/null and b/public/css/fonts/okay-social.woff differ diff --git a/public/css/group_style_sheet.css b/public/css/group_style_sheet.css new file mode 100644 index 0000000..fed2d9e --- /dev/null +++ b/public/css/group_style_sheet.css @@ -0,0 +1,23 @@ +/*Custom Style Sheet*/ + +.profile_area { + + margin-left: 35%; + border-width: 5px 5px 5px 5px; + +} + +.profile_picture { + + float: left; + border-style: solid; + border-width: 3px; + border-color: #999; + padding: 3px; +} + +.profile_area a{ + + color: green; + +} diff --git a/public/css/icebreaker.css b/public/css/icebreaker.css new file mode 100644 index 0000000..a1ac8a1 --- /dev/null +++ b/public/css/icebreaker.css @@ -0,0 +1,155 @@ +.ib_main_header { + padding: 0; + margin-top: 30px; + font-size: 40px; +} + +.student_pic { + border-radius: 100px; + web-kit border-radius: 100px; + moz border-radius: 100px; + width: 140px; + height: 140px; + top: -212px; + left: 41.07%; + border: 2px solid white; + margin-top: 205px; +} + + +.page-title, .top-page-title { + /*background: url(../img/plaza_espana.jpg) no-repeat top center;*/ + margin-bottom: 0; + padding: 0; + height: 275px; + text-align: bottom; +} + +.page-title { + position: relative; + vertical-align:bottom; +} + +.top-page-title { + background: url(../img/nyc.jpg) no-repeat top center; + background-size: 100% 100%; + margin-bottom: 100px; + text-align: center; +} + +.ib-social-icons { + font-size: 40px; + padding: 0 10px; +} + +.social-icons { + padding:20px 0; +} + +.title-div { + background: white; + width: 500px; + margin: 0 auto; + position: relative; + top: 20px; +} + +.icon-twitter:hover { + color: #06ADE8; +} + +.icon-linkedin-sign:hover { + color: #1F83B9; +} + +.icon-github:hover { + color: black; +} + +.icon-edit:hover { + color: #FFCC00; +} + +.icon-rss:hover { + color: #009933; +} + +.link-subs { + padding-top: 10px; +} + +.link-subs li{ + display: inline; +} + +.link-subs ul { + text-align: center; +} + +.link-subs ul a:hover { + color: #37C5FD; +} + +.section-testimonials-curriculum { + padding-top: 40px; + padding-bottom: 50px; +} + +.quote-div { + padding: 15px 0; +} + +.testimonials h3 { + font-size: 16px; + line-height: 140%; +} + +.section-title { + letter-spacing: 5px; + font-size: 40px; + font-weight: bold; + text-transform: uppercase; + /*margin-bottom: 40px;*/ + text-align: center; + padding-top: 35px; + border-top: solid 1px #eee; + border-bottom: solid 1px #eee; +} + +.services h3 { + font-size: 18px; + font-weight: bold; + line-height: 20px; + margin-bottom: 0; + text-align: center; + width: 295px; +} + +.services first-child { + width: 100%; + padding-top: none; + border-top: none; +} + +.services { + width: 100%; +} + +.go-to-top { + text-align: right; + font-size: 11px; + letter-spacing: 1px; +} + +.about-text { + width: 500px; + margin: 0 auto; + padding-bottom: 20px; +} + +.about-text p { + font-size: 20px; + line-height: 130%; + border-top: none; + +} \ No newline at end of file diff --git a/public/css/jack_icebreaker.css b/public/css/jack_icebreaker.css new file mode 100644 index 0000000..ca6bd85 --- /dev/null +++ b/public/css/jack_icebreaker.css @@ -0,0 +1,162 @@ +.ib_main_header { + padding: 0; + margin-top: 30px; + font-size: 40px; +} + +.student_pic { + border-radius: 100px; + web-kit border-radius: 100px; + moz border-radius: 100px; + width: 140px; + height: 140px; + top: -212px; + left: 41.07%; + border: 2px solid white; + margin-top: 205px; +} + + +.page-title, .top-page-title, .top-page-title-jack { + /*background: url(../img/plaza_espana.jpg) no-repeat top center;*/ + margin-bottom: 0; + padding: 0; + height: 275px; + text-align: bottom; +} + +.page-title { + position: relative; + vertical-align:bottom; +} + +.top-page-title { + background: url(../img/stl.jpg) no-repeat top center; + background-size: cover; + margin-bottom: 100px; + text-align: center; +} + +.top-page-title-jack { + background: url(../img/stl.jpg) no-repeat top center; + background-size: cover; + margin-bottom: 100px; + text-align: center; +} + +.ib-social-icons { + font-size: 40px; + padding: 0 10px; +} + +.social-icons { + padding:20px 0; +} + +.title-div { + background: white; + width: 500px; + margin: 0 auto; + position: relative; + top: 20px; +} + +.icon-twitter:hover { + color: #06ADE8; +} + +.icon-linkedin-sign:hover { + color: #1F83B9; +} + +.icon-github:hover { + color: black; +} + +.icon-edit:hover { + color: #FFCC00; +} + +.icon-rss:hover { + color: #009933; +} + +.link-subs { + padding-top: 10px; +} + +.link-subs li{ + display: inline; +} + +.link-subs ul { + text-align: center; +} + +.link-subs ul a:hover { + color: #37C5FD; +} + +.section-testimonials-curriculum { + padding-top: 40px; + padding-bottom: 50px; +} + +.quote-div { + padding: 15px 0; +} + +.testimonials h3 { + font-size: 16px; + line-height: 140%; +} + +.section-title { + letter-spacing: 5px; + font-size: 40px; + font-weight: bold; + text-transform: uppercase; + /*margin-bottom: 40px;*/ + text-align: center; + padding-top: 35px; + border-top: solid 1px #eee; + border-bottom: solid 1px #eee; +} + +.services h3 { + font-size: 18px; + font-weight: bold; + line-height: 20px; + margin-bottom: 0; + text-align: center; + width: 295px; +} + +.services first-child { + width: 100%; + padding-top: none; + border-top: none; +} + +.services { + width: 100%; +} + +.go-to-top { + text-align: right; + font-size: 11px; + letter-spacing: 1px; +} + +.about-text { + width: 500px; + margin: 0 auto; + padding-bottom: 20px; +} + +.about-text p { + font-size: 20px; + line-height: 130%; + border-top: none; + +} \ No newline at end of file diff --git a/public/css/jeisenberg.css b/public/css/jeisenberg.css new file mode 100644 index 0000000..a0fc448 --- /dev/null +++ b/public/css/jeisenberg.css @@ -0,0 +1,154 @@ +.ib_main_header { + padding: 0; + margin-top: 30px; + font-size: 40px; +} + +.student_pic { + border-radius: 100px; + web-kit border-radius: 100px; + moz border-radius: 100px; + width: 140px; + height: 140px; + top: -212px; + left: 41.07%; + border: 2px solid white; + margin-top: 205px; +} + + +.page-title, .top-page-title { + margin-bottom: 0; + padding: 0; + height: 275px; + text-align: bottom; +} + +.page-title { + position: relative; + vertical-align:bottom; +} + +.top-page-title { + background: url(../img/fall.jpg) no-repeat top center; + background-size: 100% 100%; + margin-bottom: 100px; + text-align: center; +} + +.ib-social-icons { + font-size: 40px; + padding: 0 10px; +} + +.social-icons { + padding:20px 0; +} + +.title-div { + background: white; + width: 500px; + margin: 0 auto; + position: relative; + top: 20px; +} + +.icon-twitter:hover { + color: #06ADE8; +} + +.icon-linkedin-sign:hover { + color: #1F83B9; +} + +.icon-github:hover { + color: black; +} + +.icon-edit:hover { + color: #FFCC00; +} + +.icon-rss:hover { + color: #009933; +} + +.link-subs { + padding-top: 10px; +} + +.link-subs li{ + display: inline; +} + +.link-subs ul { + text-align: center; +} + +.link-subs ul a:hover { + color: #37C5FD; +} + +.section-testimonials-curriculum { + padding-top: 40px; + padding-bottom: 50px; +} + +.quote-div { + padding: 15px 0; +} + +.testimonials h3 { + font-size: 16px; + line-height: 140%; +} + +.section-title { + letter-spacing: 5px; + font-size: 40px; + font-weight: bold; + text-transform: uppercase; + /*margin-bottom: 40px;*/ + text-align: center; + padding-top: 35px; + border-top: solid 1px #eee; + border-bottom: solid 1px #eee; +} + +.services h3 { + font-size: 18px; + font-weight: bold; + line-height: 20px; + margin-bottom: 0; + text-align: center; + width: 295px; +} + +.services first-child { + width: 100%; + padding-top: none; + border-top: none; +} + +.services { + width: 100%; +} + +.go-to-top { + text-align: right; + font-size: 11px; + letter-spacing: 1px; +} + +.about-text { + width: 500px; + margin: 0 auto; + padding-bottom: 20px; +} + +.about-text p { + font-size: 20px; + line-height: 130%; + border-top: none; + +} \ No newline at end of file diff --git a/public/css/joegiralt-style.css b/public/css/joegiralt-style.css new file mode 100644 index 0000000..3d7f3c6 --- /dev/null +++ b/public/css/joegiralt-style.css @@ -0,0 +1,2914 @@ +body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { + margin: 0; + padding: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +fieldset, img { border: 0 } + +ol, ul { list-style: none } + +caption, th { text-align: left } + +h1, h2, h3, h4, h5, h6 { + font-size: 100%; + font-family: 'Merriweather', Georgia, serif; + font-weight: normal; + color: #4c4c4c; +} + +html { height: 100% } + +body { + font: 14px/24px "Merriweather", Georgia, serif; + margin: 0 auto; + padding: 0; + background: #fff; + overflow-x: hidden; + height: 100%; + color: #555; +} + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +a { text-decoration: none } + +a:hover { color: #555 } + +hr { + margin: 20px 0 30px; + border: 0; + border-bottom: 1px dotted #ddd; + height: 1px; +} + +h1 { + font-size: 30px; + line-height: 36px; + margin-bottom: 15px; +} + +h2 { + font-size: 24px; + line-height: 36px; + margin-bottom: 15px; +} + +h3, h4, h5, h6 { + line-height: 28px; + margin-bottom: 12px; +} + +h3 { font-size: 18px } + +h4 { font-size: 16px } + +h5 { font-size: 14px } + +h6 { + font-size: 13px; + color: #bfbfbf; + text-transform: uppercase; +} + +p { margin-bottom: 15px } + +.clear { + clear: both; + font-size: 0px; + line-height: 0px; + display: block; +} + +.clearfix:after { + content: ""; + display: block; + clear: both; + visibility: hidden; + font-size: 0; + height: 0; +} + +.clearfix { + *display: inline-block; + height: 1%; +} + +.last { margin-right: 0 !important } + +blockquote p { + position: relative; + font-family: 'Merriweather', Georgia, serif; + color: #aaa; + font-size: 16px; + font-weight: 400; + line-height: 28px; + padding: 15px 0 15px 30px; + margin: 25px 0; +} + +blockquote p:before { + position: absolute; + left: 0; + top: 14px; + content: "\f0e5"; + font-family: "FontAwesome"; + display: block; + color: #bbb; +} + +::selection { + background: #fff666; + color: #222; +} + +::-moz-selection { + background: #fff666; + color: #222; +} + +img { + max-width: 100%; + height: auto; +} + +/* ===[ Layout Styles ]===================================================== */ + +.main-wrapper { + width: 100%; + margin: 0 auto; +} + + +.header-wrapper { + width: 100%; + margin: 0 0 0 0; + position: fixed; + z-index: 99999; + background: #fff; +} + +.header-hidden-wrap { + z-index: 999; + position: relative; +} + +.header-hidden { + margin: 0 auto; + max-width: 980px; + padding: 10px 10px 0px 10px; + position: relative; + display: none; + background: #f3f3f3; +} + +.header-hidden-toggle-wrap { + max-width: 980px; + position: relative; + margin: 0 auto; +} + +.show-hidden { + margin-top: 0; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.hidden-toggle { + position: absolute; + right: 0px; + bottom: -35px; + display: block; + width: 21px; + height: 21px; + text-align: right; + color: #ccc; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.show-hidden .hidden-toggle { + +} + +.header-hidden-left { + width: 60%; + float: left; + font-size: 12px; + line-height: 20px; + color: #999; + padding-top: 3px; +} + +.header-hidden-right { + float: right; + width: 40%; +} + +.lights { + float: right; + color: #aaa; +} + +.icons { + float: right; +} + +.icons a { + margin-bottom: 0 !important; +} + +.header { + max-width: 980px; + margin: 0 auto; + padding-top: 40px; + border-bottom: solid 1px #eee; +} + +.header-left { + width: 25%; + float: left; +} + +.header-left img { padding: 0 0 0 0 } + +.header-left h1 { + margin: 5px 0 0 0; +} + +.header-left h1 a { + color: #555; + text-decoration: none; + font-size: 34px; + font-weight: 600; + line-height: 28px; + letter-spacing: -2px; + -webkit-transition: .04s ease-in; + -moz-transition: .04s ease-in; + transition: .04s ease-in; +} + +.header-left h1 a:hover { + color: #999; + -webkit-transition: .04s ease-in; + -moz-transition: .04s ease-in; + transition: .04s ease-in; +} + +.logo { + margin-top: -30px !important; +} + +.header-right { + width: 75%; + float: right; +} + +/* ===[ Header Navigation Styles ]===================================================== */ + +.select-menu, .select { display: none } + +.menu-main-container { position: relative } + +#nav { float: right } + +#nav, #nav ul { + margin: 13px 0 0 0; + padding: 0; + list-style-type: none; + list-style-position: outside; + position: relative; + line-height: 1.5em; + z-index: 1000; +} + +#nav a { + display: block; + padding: 5px; + color: #aaa; + text-decoration: none; + text-align: left; + outline: none; + font-weight: normal; + font-family: 'Merriweather', Georgia, serif; +} + +#nav > .current-menu-item > a, #nav > li a:hover { color: #4C4C4C } + +.plus { color: #aaa } + +#nav ul { + position: absolute; + display: none; +} + +#nav li { + float: left; + position: relative; + list-style-type: none; + padding-bottom: 17px; +} + +#nav li a { + font-size: 12px; + font-weight: bold; + text-transform: uppercase; + padding: 8px 15px; +} + +#nav > li > a { padding: 5px 12px } + +#nav > li:last-child a { + margin-right: 0px; + padding-right: 0px; + border-right: none; +} + +#nav > li:first-child a { + +} + +#nav li ul a { + width: 150px; + height: auto; + float: left; + font-size: 12px; + color: #999; +} + +#nav .sub-menu { + box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; + -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; + -webkit-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; +} + +#nav .sub-menu li { + background: #fff; + border-left: solid 1px #eee; + border-right: solid 1px #eee; +} + +#nav .sub-menu li:first-child { border-top: solid 1px #eee } + +#nav > li > ul { margin-top: 17px } + +#nav li ul li { + border-bottom: solid 1px #eee; + padding-bottom: 0px; +} + +#nav li ul li:last-child { border-bottom: none } + +#nav li ul li a { + margin-right: 0px; + font-size: 10px; +} + +#nav li ul li a:hover { + background: #f9f9f9; + color: #555; +} + +#nav ul ul { top: auto } + +#nav ul ul li:first-child { border-top: solid 1px #eee } + +#nav li ul ul { + left: 150px; + margin: -1px 0 0 0; + padding-right: 5px; +} + +#nav li ul ul li { border-top: none } + +#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display: none } + +#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display: block } + +/* ===[ Title Styles ]===================================================== */ + + + +.home .page-title { + text-align: center; + border-bottom: none; +} + +.error404 .page-title { + text-align: center; +} + +.page-title { + border-bottom: solid 1px #eee; + padding: 30px 0; + margin-bottom: 40px; + position: relative; +} + +.profile_image { + float: left; + width: 300px; + -moz-transform: scaleX(-1); + -o-transform: scaleX(-1); + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + filter: FlipH; + -ms-filter: "FlipH" +} + +.profile-name { + text-align: left; + float: right; + width: 560px; +} + +.page-title-portfolio { + border-bottom: none; + margin-bottom: 0; + display: inline-block; + width: 100%; + position: relative; +} + +.portfolio-titles { + float: left; + width: 75%; + display: inline-block; +} + +.project-nav { + font-size: 11px; + text-transform: uppercase; + text-align: right; + position: absolute; + right: 0; + bottom: 30px; + width: 25%; + margin-top: 15px; +} + +.project-nav a { + color: #aaa !important; + margin-left: 10px; +} + +.project-nav a:hover { color: #555 !important } + +.next-project span { + padding-left: 10px; + border-left: solid 1px #eee; +} + +.project-nav i { + padding: 0 2px; +} + +.page-title a { color: #4c4c4c } + +.page-title h2 { + margin-bottom: 0px; + font-size: 34px; + letter-spacing: -1px; + line-height: 42px; +} + +.page-title h3 { + color: #aaa; + font-size: 16px; + line-height: 24px; + margin: 5px 0 0 0; +} + +.page-title h3 a { color: #aaa } + +.post-nav { + position: absolute; + bottom: 50px; + right: 0; + font-size: 11px; + text-transform: uppercase; +} + +.post-nav a { + color: #aaa; + margin-left: 20px; + float: right; +} + +.post-nav a:hover { color: #555 } + +/* ===[ Blog Styles ]===================================================== */ + +.blog-post { + margin-bottom: 50px; + padding-bottom: 30px; + border-bottom: solid 1px #eee; +} + +.blog-post:last-child { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.blog-content { padding: 0 0 0 0 } + +.readmore { + text-align: center; + font-size: 10px; + letter-spacing: 2px; + text-transform: uppercase; + padding-top: 5px; + margin-top: 10px; +} + +.more-link { + margin-top: 10px; + clear: both; + padding: 5px 5px 5px 0px; +} + +.blog-meta { + float: left; + width: 15%; + margin: 5px 5% 20px 0; + text-align: right; + display: inline-block; +} + +.blog-meta-date { + padding-bottom: 10px !important; + margin-bottom: 10px !important; + border-bottom: solid 1px #eee; + float: left; +} + +.share-title { color: #555 !important } + +.single-attachment .share-title { + display: none; +} + +.blog-meta ul { + margin-bottom: 15px !important; + padding-bottom: 15px !important; + border-bottom: solid 1px #eee; + display: inline-block; +} + +.blog-meta ul:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.blog-meta li { + list-style-type: none !important; + background: none !important; + padding: 0 0 0 0 !important; + margin: 0 0 6px 0 !important; + color: #999; + width: 100%; + line-height: 18px; + float: left; + font-size: 11px; +} + +.blog-meta ul li:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.blog-meta li a, .blog-meta li { color: #999 } + +.blog-meta li a:hover { color: #4c4c4c } + +.content .blog-text { + float: right; + width: 80%; +} + +.title-meta h2 { + margin: 0 0 0 0; + padding-bottom: 10px; + line-height: 38px; + font-size: 28px; + letter-spacing: -1px; +} + +.title-meta h2 a { + color: #555; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.title-meta h2 a:hover { + color: #999; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.blog-image { + width: 100%; + margin-bottom: 35px; + float: left; +} + +.blog-image img { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.blog-image img:hover { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + opacity: .9; +} + +.blog-read-more { + font-size: 11px; + letter-spacing: 2px; + text-transform: uppercase; + padding-top: 15px; +} + +/* ===[ Tagcloud Styles ]===================================================== */ + +.tags { + width: 620px; + padding: 15px 0 15px 0; + clear: both; + margin-right: 35px; + background: #f9f9f9; +} + +.tags-list { + width: 505px; + float: left; +} + +.tags-list ul { + float: left; + padding: 0 0 0 5px; + width: 100%; + margin-bottom: 0; +} + +.tags-list ul li { + display: block; + padding: 0 19px 0 0; + float: left; +} + +.tags-list ul li p { + font-size: 11px; + font-weight: bold; + color: #5a5a5a; + float: none; + padding: 0; +} + +.tags-list ul li span { + font-size: 11px; + font-weight: bold; + color: #a2a2a2; + display: inline; + padding: 0 0 0 4px; +} + +.tags_rgt { + float: right; + width: 81px; + margin-right: 15px; +} + +.search .post-share, .archive .post-share { display: none } + +.blog-navigation { + padding-bottom: 25px; +} + +.blog-navigation a { + text-decoration: none; + padding: 10px 0; + color: #555; + font-weight: normal; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 2px; +} + +.blog-navigation a:hover { color: #999 } + +.blog-navigation .alignright a:after { + font-family: 'FontAwesome'; + -webkit-font-smoothing: antialiased; + content: "\f0da"; + margin-left: 5px; +} + +.blog-navigation .alignleft a:before { + font-family: 'FontAwesome'; + -webkit-font-smoothing: antialiased; + content: "\f0d9"; + margin-right: 5px; +} + +.navigation a { + text-decoration: none; + padding: 10px 0; + color: #555; + font-weight: normal; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 2px; +} + +.navigation a:hover { color: #999 } + +.featured-image { + margin: 0 0 20px 0; + float: left; + width: 100%; +} + +.fullsize-image { + margin: 0 0 30px 0; + float: left; + width: 100%; +} + +.okvideo { margin-bottom: 30px } + +.intro { + color: #979797; + font-size: 16px; + line-height: 28px; + margin-bottom: 15px; + border-top: solid 1px #EEE; + border-bottom: solid 1px #EEE; + padding: 10px 0; +} + +/* ===[ Search Form Styles ]===================================================== */ + +.search-404 { + text-align: center; + width: 65%; + margin: 0 auto; +} + +.search-404 .searchform { + margin-top: 25px; +} + +.searchform { + position: relative; + width: 100%; +} + +#searchsubmit { + position: absolute; + right: 0; + top: 0; + background: #e8e8e8; + border: none; + padding: 8px 10px; + height: 34px; + font-size: 9px; + font-weight: bold; + line-height: 20px; + text-transform: uppercase; + font-family: "Merriweather", Georgia, serif; + color: #777; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +#searchsubmit:hover { + background: #fff666; + color: #222; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#searchform { + float: left; + width: 100%; +} + +#s { + background: #f7f7f7; + float: left; + padding: 10px 65px 10px 8px; + border: 0; + font-size: 12px; + color: #999; + outline: none; + width: 190px; + margin: 0 0 0 0; + font-family: Georgia, serif; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; + font-style: italic; + width: 100%; + -webkit-appearance:caret; +} + +#s:focus, #s:hover { + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +#searchsubmit { +} + +.content #searchsubmit { float: left } + +#searchsubmit:hover { cursor: pointer } + +#searchform .screen-reader-text { display: none } + +/* ===[ Sidebar Styles ]===================================================== */ + +#sidebar-close { display: none } + +#sidebar { + width: 25%; + float: right; + font-size: 12px; + line-height: 22px; +} + +#sidebar p { + font-size: 12px; +} + +#sidebar a { + text-decoration: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#sidebar a:hover { + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.widget { + margin-bottom: 40px; + clear: both; + float: left; + width: 100%; +} + +.widget h2, .portfolio-sidebar h2 { + font-size: 10px; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + display: block; + line-height: 26px; + margin: 0 0 10px 0; + font-family: 'Merriweather', Georgia, serif; + text-align: center; + background: #f7f7f7; + color: #999; +} + +#sidebar .widget ul { + margin: 0; + padding: 0; +} + +#sidebar .widget li { + margin: 0 0 5px 15px; + list-style-type: square; +} + +#sidebar .slides li { + list-style-type: none; + margin: 0; +} + +.widget ul { padding: 0 0 0 15px } + +.widget ul li { + padding: 0; + list-style-type: none; +} + +.widget ul li ul { padding: 0 0 0 0 } + +.tagcloud { + padding: 0 0 0 0; + text-align: center; +} + +.tagcloud a { + text-decoration: none; + float: left; + color: #888; + padding: 10px; + position: relative; + font-weight: bold; +} + +.tagcloud a:hover { color: #555 } + +/* ===[ Default Widget Styles ]===================================================== */ + +.widget_archive select { + width: 100%; +} + +#wp-calendar { + width: 100%; +} + +#wp-calendar caption { + text-align: center; + margin-bottom: 5px; +} + +.widget_rss li { + margin: 0 0 15px 0 !important; + list-style-type: none !important; +} + +.widget_rss .rsswidget { + width: 100%; +} + +.widget_rss .rss-date { + width: 100%; + float: left; + font-size: 11px; + color: #999; +} + +.widget_rss cite { + color: #999; + font-size: 11px; +} + +#sidebar .wp-caption { + width: 100%; + text-align: center; + color: #999; +} + +.widget_text { + word-wrap: break-word; +} + +/* ===[ Comment Styles ]===================================================== */ + +.comments { + float: left; + margin: 50px 0px 50px 0px; + background: #f6f6f6; + width: 100%; + border-top: none; + padding: 30px; +} + +.commentlist { + margin-bottom: 0 !important; +} + +.comments li { background: none !important } + +h3#comments { + padding: 0 0 20px 0; + margin: 0 0 25px 0 !important; + font-size: 20px; + font-weight: bold; + border-bottom: solid 1px #eee; + line-height: 30px; + text-align: center; +} + +#respond { + margin: 0; + padding: 0; +} + +.commentlist #respond { + margin: 20px 0 20px 0; +} + +#respond h3 { + padding: 0 0 3px 0; + font-size: 20px; + font-weight: bold; + margin: 0 !important; +} + +#reply-title small { + font-weight: bold; + font-size: 9px; + text-transform: uppercase; + margin-left: 5px; +} + +#respond .logged-in-as, .comment-notes { + font-size: 13px; + padding-bottom: 10px; + margin-bottom: 15px; + border-bottom: solid 1px #e6e6e6; +} + +#comments .form-allowed-tags { + display: none; +} + +#respond label { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 1px; + margin: 5px 0 0 0px; + color: #aaa; +} + +#respond p { margin-bottom: 15px } + +#respond input[type="text"], #respond textarea { + color: #777; + border: none; + border: solid 1px #eee; + border-bottom: solid 1px #ddd; + background: #fff; + width: 100%; + padding: 10px; + font-size: 13px; + -webkit-appearance:caret; +} + +#respond input:focus, #respond textarea:focus { outline: none } + +#respond textarea { + line-height: 22px; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.form-submit { + margin-bottom: 0 !important; +} + +#respond #submit { + background: #555; + color: #fff; + font-size: 12px; + font-weight: bold; + font-family: 'Merriweather', Georgia, serif; + padding: 10px 20px; + margin: 5px 0 0 0; + border: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +#respond #submit:hover { + background: #666; + cursor: pointer; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#respond #commentform p { + +} + +.comment #respond #commentform p { + +} + +#respond #commentform .form-author { background: #fff } + +#respond #commentform .form-email { background: #fff } + +#respond #commentform .form-website { background: #fff } + +.allowed { + font-size: 11px; + color: #888; + width: 500px; + float: left; + margin: 0 0 15px 0; +} + +.commentlist { list-style-type: none !important } + +.commentlist li { + padding: 0 0 15px 0; + margin: 0 0 15px 0 !important; + position: relative; + list-style-type: none !important; +} + +.commentlist li:last-child { + margin-bottom: 40px !important; + padding-bottom: 0; +} + +.commentlist li:before, .commentlist ol .num { + float: left; + margin: 0 0 0 0 !important; + content: none !important; + counter-increment: none !important; +} + +#comments .children { + margin: 25px 0 0 25px !important; +} + +#comments .children li { + margin: 0; + padding: 0; +} + +#comments .children li:last-child { + margin-bottom: 0 !important; + padding-bottom: 0; +} + +.comment-block { padding: 0 } + +.comment-text { + background: #fff; + border: solid 1px #eee; + padding: 20px; + font-size: 14px; + line-height: 22px; + border-bottom: solid 1px #ddd; +} + +.comment-text:before { + width: 0; + height: 0; +} + +.reply { + margin: 0px !important; + font-size: 12px; +} + +.comments .children .reply { text-align: left } + +.reply a:hover { text-decoration: none } + +.reply a:hover:after { content: "\2192" } + +#cancel-comment-reply { + margin: 0 0 15px 0; + float: right; +} + +.comments .logged-in { + float: left; + font-size: 14px !important; +} + +.comment-awaiting-moderation { + color: #555; + font-weight: bold; + font-size: 11px; +} + +.vcard { + margin: 0 0 0 0; + padding: 0 0 0 0; + float: left; +} + +.vcard img { + float: left; + background: #fff; + border: solid 1px #eee; + padding: 3px; +} + +.fn { + float: left; + font-style: normal; + font-size: 15px; + font-weight: bold; + line-height: 20px; + margin-top: 0; + margin-bottom: -6px; +} + +.fn a { color: #666 } + +.comment-info { + margin-bottom: 15px; + position: relative; +} + +.comment-meta { + float: left; + margin: 2px 0 0 12px; +} + +.comment-time { + font-size: 11px; + color: #999; +} + +.comment-edit-link { font-size: 11px } + +/* ===[ Sidebar Styles ]===================================================== */ + +.blog-entry { + +} + +.pro-title h4 { + display: block float:left; + width: 295px; + background: url(images/design-repeat.gif) right center repeat-x; +} + +.pro-title h4 span { + font-size: 14px; + color: #FFF; + font-weight: bold; + background: #3e3e3e; + padding: 0 10px 0 0; +} + +.pro-title h3 { + font-size: 14px; + color: #FFF; + font-weight: bold; + display: block float:left; + width: 295px; + background: url(images/design-repeat.gif) right center repeat-x; +} + +.pro-title h3 span { + font-size: 14px; + color: #FFF; + font-weight: bold; + background: #3e3e3e; + padding: 0 10px 0 0; +} + +/* ===[ Section Styles ]===================================================== */ + +.container { + max-width: 980px; + margin: 0 auto; + padding-top: 140px; +} + +#sections { + max-width: 980px; + margin: 0 auto; + padding-top: 140px; +} + +.section-title { + letter-spacing: 5px; + font-size: 13px; + font-weight: bold; + text-transform: uppercase; + margin-bottom: 40px; + text-align: center; + padding: 5px; + border-top: solid 1px #eee; + border-bottom: solid 1px #eee; +} + +.section-title span { + background: #fff; + padding: 0 15px; +} + +.section:first-child { + padding-top: 0px; + border-top: none; +} + +.section { + padding: 0 0 0 0; + float: left; + width: 100%; + position: relative; +} + +.section-slider { + padding-bottom: 70px; +} + +.section-services { + padding-bottom: 80px; +} + +.section-services.student-index { + padding-bottom: 0px; +} + +.section-portfolio { + padding-bottom: 45px; +} + +.section-blog { + padding-bottom: 30px; +} + +.section-faq { + padding-bottom: 30px; +} + + +.section-testimonials { + padding-top: 100px; + padding-bottom: 300px; +} + + +.section-testimonials a { + color: #aaa; +} +.section-testimonials a:hover { + color: #60BDDB; +} + +.section-testimonials-curriculum { + padding-top: 40px; + padding-bottom: 150px; +} + +.section-testimonials-curriculum a { + color: #aaa; +} +.section-testimonials-curriculum a:hover { + color: #60BDDB; +} + + +.section .column { + width: 33%; + margin: 0 0 3% 0; + float: left; + padding-left: 4%; + margin-bottom: 3%; +} + +.section .column:last-child { + margin-right: 0px; + border-right: none; +} + +.section-titlea { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 2px; + color: #999; + background: #f7f7f7; + padding: 0 10px; + margin: 0 0 35px 0; + text-align: center; +} + +.section-title2a { + font-size: 48px; + letter-spacing: -2px; + color: #eee; + position: absolute; + bottom: -16px; + right: 0; + padding: 0; + text-align: center; + display: none; +} + +.section-title3a { + font-size: 28px; + text-align: center; + display: none; +} + +/* ===[ Ribbon Styles ]===================================================== */ + +.ribbon { + font-size: 11px !important; + text-transform: uppercase; + letter-spacing: 2px; + width: 30%; + position: relative; + background: #ededed; + color: #777; + text-align: center; + padding: 8px 2em; + margin: 0 auto 45px; + line-height: 16px; +} + +.ribbon:before, .ribbon:after { + content: ""; + position: absolute; + display: block; + bottom: -1em; + border: 1.5em solid #e4e2e2; + z-index: -1; +} + +.ribbon:before { + left: -2em; + border-right-width: 1.5em; + border-left-color: transparent; +} + +.ribbon:after { + right: -2em; + border-left-width: 1.5em; + border-right-color: transparent; +} + +.ribbon .ribbon-content:before, .ribbon .ribbon-content:after { + content: ""; + position: absolute; + display: block; + border-style: solid; + border-color: #cfcfcf transparent transparent transparent; + bottom: -1em; +} + +.ribbon .ribbon-content:before { + left: 0; + border-width: 1em 0 0 1em; +} + +.ribbon .ribbon-content:after { + right: 0; + border-width: 1em 1em 0 0; +} + +.non-semantic-protector { + position: relative; + z-index: 1; + background: url(images/ribbon-bg.png) no-repeat 0 24px; + display: none; +} + +/* ===[ Slider Styles ]===================================================== */ + +.single .gallery-wrap { + margin-bottom: 40px; + margin-top: -1px; +} + +.slides .featured-thumb img { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.featured-thumb img:hover { + opacity: .9; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +/* ===[ Services Styles ]===================================================== */ + +.services-wrap { + display: block; + float: left; + margin-left: -4%; + margin-bottom: -2%; + max-width: 1020px; +} + +.services-title { + float: left; + width: 75%; + padding-top: 11px; +} + +.services h3 { + font-size: 14px; + font-weight: bold; + line-height: 20px; + margin-bottom: 0; +} + +.services h3 a { color: #4c4c4c } + +.services h3 a:hover { color: #888 } + +.services .service-icon { + float: left; + margin: 0 5% 0 0; + font-size: 20px; + line-height: 22px; + text-align: center; + color: #555; + background: #f3f3f3; + display: block; + padding: 11px 10px 9px 10px; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + height: 40px; + width: 40px; + overflow: hidden; +} + +.services p { + margin: 15px 0 20px 0; + font-size: 13px; + border-top: dotted 1px #e6e6e6; + padding-top: 8px; +} + +.services:hover .service-icon { + background: #fff666; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +/* ===[ Home Blog Styles ]===================================================== */ + +body.students .home-blog { + display: block; + margin-left: -2.2%; + max-width: 1020px; +} + +.home-blog-post li{ + list-style-type:none; +} + +body.students ul li.home-blog-post{ + list-style-type:none; +} + +.home-blog-post { + float: left; + width: 31%; + margin: 0 0 5% 2.2%; + border: solid 1px #eee; + padding: 30px; + position: relative; +} + +.big-comment h3 { position: relative } + +.home-blog-post h3 { + font-size: 18px; + line-height: 24px; + margin-bottom: 5px; +} + +.home-blog-post h3 a { color: #4c4c4c } + +.home-blog-post h3 a:hover { color: #888 } + +.home-blog-post .excerpt p { + font-size: 13px; + margin-bottom: 0; + padding: 0; +} + +.home-blog-post .blog-text { + font-size: 14px; + line-height: 26px; +} + +.home-blog-post-meta { + text-transform: uppercase; + font-size: 10px; + color: #aaa; + line-height: 16px; + margin-bottom: 20px; + padding-bottom: 20px; + border-bottom: solid 1px #eee; +} + +.home-blog-post .blog-thumb { + margin: -31px -31px 25px -31px; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.home-blog-post .blog-thumb img { + max-width: 100%; + min-width: 100%; + height: auto; +} + +.home-blog-post img:hover { + opacity: .9; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.home-blog-right { + float: right; + width: 300px; +} + +.okay-recent-posts { + margin: 0; + padding: 0; +} + +.okay-recent-posts .pane { + padding-top: 10px !important; + border: none !important; + padding: 0; +} + +.okay-recent-posts .pane h4 { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 2px; + display: block; + line-height: 30px; + margin: 0 0 15px 0; + font-family: 'Merriweather', Georgia, serif; + text-align: center; + background: #f7f7f7; + color: #999; +} + +.recent-posts-widget .recent-posts { + width: 100%; +} + +.recent-posts-widget li, .recent-comments-widget li { + list-style-type: none; + margin: 0 0 15px 0 !important; + padding: 0 0 15px 0 !important; + border-bottom: solid 1px #eee; + display: inline-block; +} + +.recent-posts-widget li:last-child, .recent-comments-widget li:last-child { + border-bottom: none !important; + margin-bottom: 0 !important; + padding-bottom: 5px !important; +} + +.recent-posts h3 { + line-height: 18px; + margin-bottom: 2px; + font-weight: bold; + font-size: 12px; +} + +.recent-posts h3 a { color: #4c4c4c } + +.recent-posts h3 a:hover { color: #888 } + +.recent-posts p { + font-size: 10px; + line-height: 15px; + color: #aaa; + margin-bottom: 0px; +} + +/* ===[ Homepage Testimonial Styles ]===================================================== */ + + +.testimonials h2 { + font-size: 30px; + margin: 15px 0 0 0; + text-align: center; +} + +.testimonials h3 { + font-weight: normal; + font-size: 20px; + line-height: 32px; + text-align: center; +} + +/* ===[ Homepage FAQ Styles ]===================================================== */ + + +.faq h2 { + font-size: 30px; + margin: 15px 0 0 0; + text-align: center; +} + +.faq h3 { + font-weight: normal; + font-size: 20px; + line-height: 32px; + text-align: center; +} + +/* ===[ Portfolio Page Styles ]===================================================== */ + +.mobile-slide { display: none !important } + +.portfolio-big-slide { + float: left; + width: 100%; + position: relative; +} + +.portfolio-large-image { + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + position: relative; + display: inline-block; + width: 100%; +} + +.portfolio-big-slide:hover .portfolio-large-image, .portfolio-block:hover .portfolio-small-image { + opacity: .16; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.portfolio-block .students { + display:none; + } +.portfolio-block:hover .students { + display:block; + position:absolute; + z-index:1; + left:-1px; + text-align: center; + top:68px; + color: #000; + width:312px; + height:100px; + } + + +.portfolio-large-image img { + min-width: 100%; + height: auto; +} + +.portfolio-big-slide .portfolio-block { + width: 980px; + margin-bottom: 40px; +} + +/* ===[ Portfolio Page Titles ]===================================================== */ + +.portfolio-big-title { + text-align: center; + margin-bottom: 40px; + display: block; + clear: both; +} + +.portfolio-big-title h2 { + letter-spacing: 0px; + font-size: 32px; + line-height: 40px; + margin-bottom: 0px; + text-align: center; +} + +.portfolio-big-title h3 { + font-size: 16px; + line-height: 26px; + letter-spacing: 0px; + color: #aaa; + text-align: center; + margin: 15px 0 0 0; + padding: 0 50px; +} + +#portfolio-blocks .slides li:first-child { display: none } + +.paged #portfolio-blocks .slides li:first-child, .home #portfolio-blocks .slides li:first-child { display: block } + +.page-template-portfolio-php #portfolio-blocks { margin-bottom: 60px } + +.portfolio-navigation { + width: 100%; + max-width: 980px; + clear: both; + margin-top: 20px; + display: inline-block; + position: relative; +} + +.portfolio-navigation a { + color: #555; +} + +.portfolio-navigation .alignleft, .portfolio-navigation .alignright { + color: #555; + font-size: 12px; + line-height: 30px; + font-weight: bold; + position: relative; +} + +.portfolio-navigation .alignleft a { + padding: 10px 15px 10px 22px; + background: #f7f7f7; +} + +.portfolio-navigation .alignleft a:before { + position: absolute; + top: -1px; + left: 12px; + display: block; + content: "\f0d9"; + font-family: "FontAwesome"; +} + +.portfolio-navigation .alignright a { + padding: 10px 22px 10px 15px; + background: #f7f7f7; +} + +.portfolio-navigation .alignright a:before { + position: absolute; + top: -1px; + right: 12px; + display: block; + content: "\f0da"; + font-family: "FontAwesome"; +} + +.portfolio-navigation .alignleft i { + margin: 0 5px 0 0; + font-size: 10px; + position: absolute; + top: 14px; + left: 12px; +} + +.portfolio-navigation .alignright i { + margin: 0 0 0 5px; +} + +/* ===[ Portfolio Block Styles ]===================================================== */ + +.portfolio-blocks-wrap { + width: 103%; +} + +.portfolio-blocks { + max-width: 1008px; + overflow: hidden; + color: white; + position: relative; +} + +.portfolio-block { + position: relative; + z-index: 5; + overflow: hidden; + float: left; + display: inline-block; +} + +.page-template-portfolio-php .portfolio-blocks .portfolio-block:first-child { + display: none; +} + +.home .portfolio-block:first-child { + display: block !important; +} + +.portfolio-block-large { + margin-bottom: 40px; +} + +.portfolio-block-inside { + position: absolute; + height: 100%; + width: 100%; + overflow: hidden; + display: inline-block; +} + +.portfolio-block-inside a { + display: block; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.portfolio-block-inside img { + width: 100%; + max-width: 100%; + height: auto; +} + +/* ===[ Portfolio Meta Styles ]===================================================== */ + +.portfolio-sidebar { + width: 25%; + float: right; + font-size: 12px; + line-height: 22px; +} + +.portfolio-meta { + margin: 0 0 0 0; +} + +.portfolio-meta h3 { + border-bottom: solid 1px #eee; + padding-bottom: 12px; +} + +.portfolio-meta li { + background: none !important; + padding: 0 0 10px 0 !important; + margin: 0 0 10px 0 !important; + color: #999; + width: 100%; + line-height: 18px; + float: left; + border-bottom: solid 1px #eee; +} + +.portfolio-meta li:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.portfolio-meta li span { + color: #555; + width: 100%; + float: left; +} + +/* ===[ Testimonial Styles ]===================================================== */ + +.faq h2 { font-size: 26px } + +.faq h3 { color: #aaa } + + +/* ===[ Testimonial Styles ]===================================================== */ + +.testimonials h2 { font-size: 26px } + +.testimonials h3 { color: #aaa } + +/* ===[ Recent Posts Widget Styles ]===================================================== */ + +.recent-comment-text { + margin-top: 5px; + font-size: 11px !important; + line-height: 18px !important; +} + +.recent-comments-widget .comment-txt:hover { color: #888 } + +/* ===[ Content Styles ]===================================================== */ + +.content { + width: 70%; + float: left; + margin: 0 0 0 0; + padding: 0 0 0 0; +} + +.content-full { + width: 100%; +} + +.portfolio-full { + padding-top: 30px; + max-width: 980px !important +} + +.archive .portfolio-full { + padding-top: 0; +} + +.content ul, .content ol { + margin: 0 0 20px 15px; +} + +.content ul li { + list-style-type: square; + margin-bottom: 5px; +} + +.content ol li { + list-style-type: decimal; +} + +/* ===[ Footer Styles ]===================================================== */ + +.footer { width: 100% } + +.footer-text { + max-width: 980px; + margin: 0 auto; + padding: 10px 0px 30px 0px; + border-top: solid 1px #eee; + border-bottom: solid 0px #eee; +} + +.footer-text-left { + width: 50%; + float: left; +} + +.footer-text-left ul { float: left } + +.footer-text-left ul li { + float: left; + display: inline; + margin: 0 5px 0 0; +} + +.footer-text-left ul li a { + font-size: 11px; + font-weight: bold; + text-transform: uppercase; + color: #999; + text-decoration: none; + padding: 0px 10px 0 0; +} + +.footer-text-left ul li a:hover { + color: #555; +} + +.footer-text-left ul li:first-child { padding-left: 0px } + +.footer-text-left ul li.last { padding: 3px 0 0 0 } + +.footer-text-right { + float: right; + font-size: 11px; + color: #999; + text-decoration: none; + text-transform: uppercase; +} + +.footer-text-right a { color: #4c4c4c } + +.footer-text-right a:hover { color: #999 } + +.footer-widgets { + max-width: 980px; + margin: 50px auto 0 auto; + padding: 0px 0 75px 0; + border-top: solid 5px #f2f2f2; +} + +.footer-widgets-wrap { + margin-left: -5%; +} + +.footer-widget { + width: 33%; + float: left; + padding: 30px 0 0 5%; + font-size: 12px; +} + +.footer-widget:last-child { + +} + +.footer-widget a { text-decoration: none } + +.footer-widget ul { margin: 0 0 0 0 } + +.footer-widget li { + margin-left: 15px; + list-style-type: square; +} + +.footer-widget p { line-height: 22px } + +.footer-widget h2 { + font-size: 11px; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + display: block; + line-height: 24px; + padding: 0 0 5px 0; + margin: 0 0 20px 0; + border-bottom: solid 1px #eee; +} + +/* ===[ Deafult WP Styles ]===================================================== */ + +.wp-caption { +} + +.wp-caption.alignnone { margin: 5px 20px 20px 0 } + +.wp-caption.alignleft { margin: 5px 20px 20px 0 } + +.wp-caption.alignright { margin: 5px 0 20px 20px } + +img.alignleft, img.alignright { + +} + +.alignright { float: right } + +.alignleft { float: left } + +.aligncenter { text-align: center } + +img.alignleft { margin: 5px 25px 20px 0 } + +img.alignright { margin: 5px 0 20px 20px } + +.wp-caption img { + border: 0 none; + height: auto; + margin: 0; + max-width: 98.5%; + padding: 0; + width: auto; +} + +.wp-caption p.wp-caption-text { + font-size: 10px !important; + margin: 0 !important; + padding: 3px 0 0 0!important; +} + +.gallery-caption { text-align: center } + +.gallery-item { + width: 105px !important; + margin-right: 15px; + margin-bottom: 20px; +} + +.gallery-icon { width: 105px } + +.gallery-item img { + width: 95px; + height: auto; + padding: 8px; + border: solid 1px #eee !important; +} + +.gallery-item img:hover { + border: solid 1px #ddd !important; +} + +.sticky { +} + +.bypostauthor { +} + +/* ===[ Contact Form 7 Styles ]===================================================== */ + +.hbspt-form input[type="text"], .hbspt-form textarea { font-family: Georgia, serif } + +.hbspt-form input[type="text"] { + padding: 10px; + font-size: 16px; + font-weight: 200; + color: #777; + border: none; + width: 100%; + background: #f0f0f0; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form input[type="email"] { + padding: 10px; + font-size: 16px; + font-weight: 200; + color: #777; + border: none; + width: 100%; + background: #f0f0f0; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form textarea { + margin: 0; + padding: 10px; + font-size: 16px; + width: 100%; + height: 250px; + box-sizing: border-box; + -moz-box-sizing: border-box; + color: #777; + border: none; + background: #f0f0f0; + margin-top: 5px; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form input:focus, .hbspt-form textarea:focus { + outline: none; + background: #e9e9e9; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form p { + font-size: 11px !important; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + margin: 0 0 20px 0; +} + +.hbspt-form br { margin-bottom: 10px } + +input.hs-button.primary.large{ + background: #555; + color: #fff; + font-size: 12px; + font-weight: bold; + font-family: 'Merriweather', Georgia, serif; + padding: 10px 20px; + margin: 5px 0 0 0; + border: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +.hbspt-form-submit:hover { + background: #666; + cursor: pointer; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.hbspt-form-response-output { + background: #faf7d6; + border: none !important; +} + +.hbspt-form-mail-sent-ok { + margin-left: 0px !important; + margin-right: 0px !important; + background: #ECF3E5; + background: rgba(229, 243, 212, .5); + padding: 15px !important; + border: solid 1px #D2EFAC !important; +} + +.hbspt-form-validation-errors { + margin-left: 0px !important; + background: #FCF3F3; + background: rgba(255, 238, 238, .5); + border: solid 1px #FBDCDC !important; + padding: 10px !important; + margin-right: 0px !important; +} + +/* ===[ Page With Sidebar Shortcode Column Styles ]===================================================== */ + +.highlight { + background: #fff9ce; + width: auto; + display: inline; + padding: 0px 3px; + font-weight: bold; +} + +/* ===[ Full Width Shortcode Column Styles ]===================================================== */ + +.two-thirds, .two-thirds-last { + width: 65.319148936%; + margin: 0 4% 20px 0; + float: left; +} + +.two-thirds-last { margin-right: 0px !important } + +.one-third, .one-third-last { + width: 30.425531915%; + float: left; + margin: 0 4% 20px 0; +} + +.one-third-last { margin-right: 0px !important } + +.one-quarter, .one-quarter-last { + width: 21.914893617%; + float: left; + margin: 0 4% 20px 0; +} + +.one-quarter-last { margin-right: 0px !important } + +.one-half, .one-half-last { + width: 47.872340426%; + margin: 0 4% 20px 0; + float: left; +} + +.one-half-last { margin-right: 0px !important } + +/* ===[ Shortcode Button Styles ]===================================================== */ + +.highlight { + background: #fff666; + color: #222; + width: auto; + display: inline; + padding: 2px 3px; + font-weight: normal; +} + +.demo-button { + margin-bottom: 6px; + padding-top: 4px; +} + +.demo-button span { margin-right: 2px } + +.button a { + +} + +.button a:hover { + +} + +.button { + display: inline-block; + text-decoration: none; + font: bold 11px/12px Georgia, HelveticaNeue, Arial; + text-transform: uppercase; + padding: 6px 11px; + color: #555; + border: 1px solid #dedede; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + text-align: center; +} + +.button:hover { cursor: pointer } + +.button.white { + background: #f5f5f5; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /* WebKit */ + background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0); + border-color: #dedede #d8d8d8 #d3d3d3; + color: #555; + text-shadow: 0 1px 0 #fff; + -webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; + -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; + box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; +} + +.button.white:hover { + background: #f4f4f4; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8)); /* WebKit */ + background: -moz-linear-gradient(top, #efefef, #f8f8f8); + border-color: #c7c7c7 #c3c3c3 #bebebe; + text-shadow: 0 1px 0 #fdfdfd; + -webkit-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; + -moz-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; + box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; +} + +.button.white a { color: #555 } + +.button.gray { + background: #bdbdbd; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae)); /* WebKit */ + background: -moz-linear-gradient(top, #cacaca, #aeaeae); + border-color: #b5b5b5 #a1a1a1 #8f8f8f; + color: #555; + text-shadow: 0 1px 0 #d4d4d4; + -webkit-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; + -moz-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; + box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; +} + +.button.gray:hover { + background: #c2c2c2; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2)); /* WebKit */ + background: -moz-linear-gradient(top, #bcbcbc, #c2c2c2); + border-color: #989898 #8e8e8e #878787; + text-shadow: 0 1px 0 #dadada; + -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; +} + +.button.gray a { color: #555 } + +.button.pink { + background: #f67689; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78297', endColorstr='#f56778'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f78297), to(#f56778)); /* WebKit */ + background: -moz-linear-gradient(top, #f78297, #f56778); + border-color: #df6f8b #da5f75 #d55061; + color: #913944; + text-shadow: 0 1px 0 #f89ca9; + -webkit-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; + -moz-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; + box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; +} + +.button.pink:hover { + background: #f67c90; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56c7e', endColorstr='#f78297'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f56c7e), to(#f78297)); /* WebKit */ + background: -moz-linear-gradient(top, #f56c7e, #f78297); + border-color: #c36079 #c25669 #c14e5c; + text-shadow: 0 1px 0 #f9a6b4; + -webkit-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; + -moz-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; + box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; +} + +.button.pink a { color: #913944 } + +.button.orange { + background: #fecc5f; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda71', endColorstr='#febb4a'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb4a)); /* WebKit */ + background: -moz-linear-gradient(top, #feda71, #febb4a); + border-color: #f5b74e #e5a73e #d6982f; + color: #996633; + text-shadow: 0 1px 0 #fedd9b; + -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; + -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; + box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; +} + +.button.orange:hover { + background: #fecb5e; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec354', endColorstr='#fecd61'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#fec354), to(#fecd61)); /* WebKit */ + background: -moz-linear-gradient(top, #fec354, #fecd61); + border-color: #d29a3a #cc9436 #c89133; + text-shadow: 0 1px 0 #fee1a0; + -webkit-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; + -moz-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; + box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; +} + +.button.orange a { color: #996633 } + +.button.green { + background: #b7d770; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9fcb57)); /* WebKit */ + background: -moz-linear-gradient(top, #cae285, #9fcb57); + border-color: #adc671 #98b65b #87aa4a; + color: #5d7731; + text-shadow: 0 1px 0 #cfe5a4; + -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; + -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; + box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; +} + +.button.green:hover { + background: #b9d972; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d872', endColorstr='#b9d972'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#b8d872), to(#b9d972)); /* WebKit */ + background: -moz-linear-gradient(top, #b8d872, #b9d972); + border-color: #8bb14d #83a648 #7d9e45; + text-shadow: 0 1px 0 #d5e8aa; + -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; + -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; + box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; +} + +.button.green a { color: #5d7731 } + +.button.blue { + background: #92dbf6; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abe4f8', endColorstr='#6fcef3'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3)); /* WebKit */ + background: -moz-linear-gradient(top, #abe4f8, #6fcef3); + border-color: #8dc5da #76b7cf #63abc7; + text-shadow: 0 1px 0 #b6e6f9; + -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; + -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; + box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; +} + +.button.blue:hover { + background: #92dbf6; + border-color: #7caec0 #68a3ba #5a9cb5; + text-shadow: 0 1px 0 #bee9fa; + -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; + -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; + box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; +} + +.button.blue a { color: #42788e } + +.button.purple { + background: #dfaeda; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8c4e4', endColorstr='#d494ce'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#e8c4e4), to(#d494ce)); /* WebKit */ + background: -moz-linear-gradient(top, #e8c4e4, #d494ce); + border-color: #bc9db9 #ad89aa #a1799d; + color: #7b5777; + text-shadow: 0 1px 0 #eacae6; + -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; + -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; + box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; +} + +.button.purple:hover { + background: #e0b1db; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deabd9', endColorstr='#e0b1db'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#deabd9), to(#e0b1db)); /* WebKit */ + background: -moz-linear-gradient(top, #deabd9, #e0b1db); + border-color: #a482a0 #9b7897 #947090; + text-shadow: 0 1px 0 #ecd0e9; + -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; +} + +.button.purple a { color: #7b5777 } + +.button.black { + background: #525252; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#434343'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); /* WebKit */ + background: -moz-linear-gradient(top, #5e5e5e, #434343); + border-color: #4c4c4c #313131 #1f1f1f; + color: #fff; + text-shadow: 0 1px 0 #2e2e2e; + -webkit-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; + -moz-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; + box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; +} + +.button.black:hover { + background: #5a5a5a; + border-color: #2c2c2c #1c1c1c #101010; + text-shadow: 0 1px 0 #363636; + -webkit-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; + -moz-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; + box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; +} + +.button.black a { color: #fff } + +/* ===[ Shortcode Message Style ]===================================================== */ + +.message { + width: 100%; + float: left; + margin: 0 0 15px 0; +} + +.message a { color: #555 } + +.message a:hover { text-decoration: underline } + +.message strong { + text-transform: uppercase; + font-size: 12px; + letter-spacing: 1px; +} + +.red-message { + background: #fff7f7; + border: solid 1px #fddcdc; + padding: 15px; +} + +.green-message { + background: #f1f9ea; + padding: 15px; + border: solid 1px #d0eeac; +} + +.yellow-message { + background: #fcfbe4; + border: solid 1px #efebbc; + padding: 15px; +} + +.gray-message { + background: #f5f5f5; + border: solid 1px #ddd; + padding: 15px; +} + +/* ===[ Shortcode Tooltip Styles ]===================================================== */ + +.tooltip { + display: inline; + position: relative; +} + +.tooltip a span { + width: 115px; + height: auto; + line-height: 20px; + padding: 5px 10px 0px 10px; + left: 50%; + margin-left: -58px; + font-family: Georgia, serif; + font-size: 11px; + color: #777; + text-align: center; + border: 4px solid #fff; + background: rgba(255,255,255,1); + text-indent: 0px; + border-radius: 5px; + position: absolute; + pointer-events: none; + bottom: 30px; + opacity: 0; + box-shadow: 1px 1px 2px rgba(0,0,0,0.1); + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border-left: solid 1px #f5f5f5; + border-top: solid 1px #f5f5f5; +} + +.tooltip a span:before, .tooltip a span:after { + content: ''; + position: absolute; + bottom: -15px; + left: 50%; + margin-left: -9px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid rgba(0,0,0,0.1); +} + +.tooltip a span:after { + bottom: -14px; + margin-left: -10px; + border-top: 10px solid #fff; +} + +.tooltip a:hover span { + opacity: 0.9; + bottom: 35px; +} + +/* ===[ Shortcode Tabbed Box Styles ]===================================================== */ + +.tabs { + list-style-type: none !important; + margin: 0 !important; + padding: 0; + height: 30px; + border-bottom: solid 1px #eee; +} + +#sidebar .tabs { + border-bottom: none; + height: auto; +} + +.tabs li { + float: left; + text-indent: 0; + padding: 0 !important; + margin: 0 !important; + list-style-type: none !important; + background: none !important; +} + +.content .tabs li a:hover { background: #f7f7f7 } + +.content .tabs li a:hover { + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.tabs a { + display: block; + font-size: 11px; + text-transform: uppercase; + line-height: 30px; + text-align: center; + text-decoration: none; + padding: 0 10px; + margin: 0px; + position: relative; + color: #888; +} + +.tabs a:hover { color: #555 } + +.tabs a:active { outline: none } + +.tabs .current, .tabs .current:hover, .tabs li.current a { + cursor: default !important; + color: #555 !important; + background: #f2f2f2; +} + +.tab-wrapper li .current, .tab-wrapper li .current:hover, .tab-wrapper li.current a, .tab-wrapper a:hover { background: #fff666 } + +.tab-wrapper { + padding: 0; + width: 435px; + height: 70px; + margin: 80px auto 30px auto; +} + +#sidebar .tab-wrapper { width: 100% } + +.tab-wrapper li { + float: left; + background: none !important; + padding: 0 !important; + margin: 0 1% 0 0 !important; + width: 24%; +} + +.tab-wrapper li:last-child { + margin-right: 0px !important; +} + +.tab-wrapper li a { + display: block; + height: 32px; + text-align: center; + line-height: 34px; + margin: 0; + outline: none; + background: #f2f2f2; + padding: 0; + position: relative; + font-family: 'ModernPictogramsNormal'; + -webkit-font-smoothing: antialiased; + color: #555; + font-size: 22px; + text-transform: none; +} + +.tab-wrapper li a.current { } + +.tab-wrapper li a:hover { } + +.tab-wrapper li a:active i { + line-height: 34px; +} + +.tab-wrapper li i { + font-size: 17px; + line-height: 32px; +} + +#sidebar .panes { + width: 99%; +} + +#sidebar .panes .pane { + margin-top: 2px; + background: #f7f7f7; + padding: 15px !important; +} + +.panes .pane { + display: none; + padding-top: 15px; + margin-top: -1px; +} + +.change-font a { + text-transform: uppercase; + font-size: 10px; + color: #999; + margin-right: 15px; +} + +.change-font a:hover { color: #4c4c4c } + +.chirp li { + border-bottom: solid 1px #eee !important; + padding-bottom: 10px !important; + margin: 0 0 10px 0 !important; + list-style-type: none !important; +} + +.chirp li:last-child { + border-bottom: none !important; + margin-bottom: 0 !important; + padding-bottom: 0 !important; + +} + +.profile-content { + text-align: left; +} + +.profile-content h1 { + text-align: center; + padding-bottom: 0px; + margin-bottom: 0px; +} + +.profile-content h2 { + font-size: 24px; +} + +.profile-content h3 { + font-size: 14px; +} + +.profile-content p { + font-size: 10px; +} + +#name { + text-align: center; +} + +#name h3 { + margin: 0px; + padding: 0px; +} + +#contact { + margin-left: 158px; +} + +.profile-name { + padding-top: 0; + +} diff --git a/public/css/jordantrevino-style.css b/public/css/jordantrevino-style.css new file mode 100644 index 0000000..e45719c --- /dev/null +++ b/public/css/jordantrevino-style.css @@ -0,0 +1,2941 @@ +body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { + margin: 0; + padding: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +fieldset, img { border: 0 } + +ol, ul { list-style: none } + +caption, th { text-align: left } + +h1, h2, h3, h4, h5, h6 { + font-size: 100%; + font-family: 'Merriweather', Georgia, serif; + font-weight: normal; + color: #4c4c4c; +} + +html { height: 100% } + +body { + font: 14px/24px "Merriweather", Georgia, serif; + margin: 0 auto; + padding: 0; + background: #fff; + overflow-x: hidden; + height: 100%; + color: #555; +} + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +a { text-decoration: none } + +a:hover { color: #555 } + +hr { + margin: 20px 0 30px; + border: 0; + border-bottom: 1px dotted #ddd; + height: 1px; +} + +h1 { + font-size: 30px; + line-height: 36px; + margin-bottom: 15px; +} + +h2 { + font-size: 24px; + line-height: 36px; + margin-bottom: 15px; +} + +h3, h4, h5, h6 { + line-height: 28px; + margin-bottom: 12px; +} + +h3 { font-size: 18px } + +h4 { font-size: 16px } + +h5 { font-size: 14px } + +h6 { + font-size: 13px; + color: #bfbfbf; + text-transform: uppercase; +} + +p { margin-bottom: 15px } + +.clear { + clear: both; + font-size: 0px; + line-height: 0px; + display: block; +} + +.clearfix:after { + content: ""; + display: block; + clear: both; + visibility: hidden; + font-size: 0; + height: 0; +} + +.clearfix { + *display: inline-block; + height: 1%; +} + +.last { margin-right: 0 !important } + +blockquote p { + position: relative; + font-family: 'Merriweather', Georgia, serif; + color: #aaa; + font-size: 16px; + font-weight: 400; + line-height: 28px; + padding: 15px 0 15px 30px; + margin: 25px 0; +} + +blockquote p:before { + position: absolute; + left: 0; + top: 14px; + content: "\f0e5"; + font-family: "FontAwesome"; + display: block; + color: #bbb; +} + +::selection { + background: #fff666; + color: #222; +} + +::-moz-selection { + background: #fff666; + color: #222; +} + +img { + max-width: 100%; + height: auto; +} + +/* ===[ Layout Styles ]===================================================== */ + +.main-wrapper { + width: 100%; + margin: 0 auto; +} + + +.header-wrapper { + width: 100%; + margin: 0 0 0 0; + position: fixed; + z-index: 99999; + background: #fff; +} + +.header-hidden-wrap { + z-index: 999; + position: relative; +} + +.header-hidden { + margin: 0 auto; + max-width: 980px; + padding: 10px 10px 0px 10px; + position: relative; + display: none; + background: #f3f3f3; +} + +.header-hidden-toggle-wrap { + max-width: 980px; + position: relative; + margin: 0 auto; +} + +.show-hidden { + margin-top: 0; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.hidden-toggle { + position: absolute; + right: 0px; + bottom: -35px; + display: block; + width: 21px; + height: 21px; + text-align: right; + color: #ccc; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.show-hidden .hidden-toggle { + +} + +.header-hidden-left { + width: 60%; + float: left; + font-size: 12px; + line-height: 20px; + color: #999; + padding-top: 3px; +} + +.header-hidden-right { + float: right; + width: 40%; +} + +.lights { + float: right; + color: #aaa; +} + +.icons { + float: right; +} + +.icons a { + margin-bottom: 0 !important; +} + +.header { + max-width: 980px; + margin: 0 auto; + padding-top: 40px; + border-bottom: solid 1px #eee; +} + +.header-left { + width: 25%; + float: left; +} + +.header-left img { padding: 0 0 0 0 } + +.header-left h1 { + margin: 5px 0 0 0; +} + +.header-left h1 a { + color: #555; + text-decoration: none; + font-size: 34px; + font-weight: 600; + line-height: 28px; + letter-spacing: -2px; + -webkit-transition: .04s ease-in; + -moz-transition: .04s ease-in; + transition: .04s ease-in; +} + +.header-left h1 a:hover { + color: #999; + -webkit-transition: .04s ease-in; + -moz-transition: .04s ease-in; + transition: .04s ease-in; +} + +.logo { + margin-top: -30px !important; +} + +.header-right { + width: 75%; + float: right; +} + +/* ===[ Header Navigation Styles ]===================================================== */ + +.select-menu, .select { display: none } + +.menu-main-container { position: relative } + +#nav { float: right } + +#nav, #nav ul { + margin: 13px 0 0 0; + padding: 0; + list-style-type: none; + list-style-position: outside; + position: relative; + line-height: 1.5em; + z-index: 1000; +} + +#nav a { + display: block; + padding: 5px; + color: #aaa; + text-decoration: none; + text-align: left; + outline: none; + font-weight: normal; + font-family: 'Merriweather', Georgia, serif; +} + +#nav > .current-menu-item > a, #nav > li a:hover { color: #4C4C4C } + +.plus { color: #aaa } + +#nav ul { + position: absolute; + display: none; +} + +#nav li { + float: left; + position: relative; + list-style-type: none; + padding-bottom: 17px; +} + +#nav li a { + font-size: 12px; + font-weight: bold; + text-transform: uppercase; + padding: 8px 15px; +} + +#nav > li > a { padding: 5px 12px } + +#nav > li:last-child a { + margin-right: 0px; + padding-right: 0px; + border-right: none; +} + +#nav > li:first-child a { + +} + +#nav li ul a { + width: 150px; + height: auto; + float: left; + font-size: 12px; + color: #999; +} + +#nav .sub-menu { + box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; + -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; + -webkit-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; +} + +#nav .sub-menu li { + background: #fff; + border-left: solid 1px #eee; + border-right: solid 1px #eee; +} + +#nav .sub-menu li:first-child { border-top: solid 1px #eee } + +#nav > li > ul { margin-top: 17px } + +#nav li ul li { + border-bottom: solid 1px #eee; + padding-bottom: 0px; +} + +#nav li ul li:last-child { border-bottom: none } + +#nav li ul li a { + margin-right: 0px; + font-size: 10px; +} + +#nav li ul li a:hover { + background: #f9f9f9; + color: #555; +} + +#nav ul ul { top: auto } + +#nav ul ul li:first-child { border-top: solid 1px #eee } + +#nav li ul ul { + left: 150px; + margin: -1px 0 0 0; + padding-right: 5px; +} + +#nav li ul ul li { border-top: none } + +#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display: none } + +#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display: block } + +/* ===[ Title Styles ]===================================================== */ + + + +.home .page-title { + text-align: center; + border-bottom: none; +} + +.error404 .page-title { + text-align: center; +} + +.page-title { + border-bottom: solid 1px #eee; + padding: 30px 0; + position: relative; +} + +.profile_image { + float: left; + width: 40%; +} + +.profile_image h2 { + text-align: left; + margin-bottom: 0px; +} + +.profile_image h3 { + font-size: 18px; + padding-bottom: 10px; +} + +.profile_image img { + top-margin: 20px; + margin-bottom: 20px; + width: 100%; +} + +.profile-name { + text-align: left; + float: right; + width: 560px; +} + +.page-title-portfolio { + border-bottom: none; + margin-bottom: 0; + display: inline-block; + width: 100%; + position: relative; +} + +.portfolio-titles { + float: left; + width: 75%; + display: inline-block; +} + +.project-nav { + font-size: 11px; + text-transform: uppercase; + text-align: right; + position: absolute; + right: 0; + bottom: 30px; + width: 25%; + margin-top: 15px; +} + +.project-nav a { + color: #aaa !important; + margin-left: 10px; +} + +.project-nav a:hover { color: #555 !important } + +.next-project span { + padding-left: 10px; + border-left: solid 1px #eee; +} + +.project-nav i { + padding: 0 2px; +} + +.page-title a { color: #4c4c4c } + +.page-title h2 { + margin-bottom: 0px; + font-size: 34px; + letter-spacing: -1px; + line-height: 42px; +} + +.page-title h3 { + color: #aaa; + font-size: 16px; + line-height: 24px; + margin: 5px 0 0 0; +} + +.page-title h3 a { color: #aaa } + +.post-nav { + position: absolute; + bottom: 50px; + right: 0; + font-size: 11px; + text-transform: uppercase; +} + +.post-nav a { + color: #aaa; + margin-left: 20px; + float: right; +} + +.post-nav a:hover { color: #555 } + +/* ===[ Blog Styles ]===================================================== */ + +.blog-post { + margin-bottom: 50px; + padding-bottom: 30px; + border-bottom: solid 1px #eee; +} + +.blog-post:last-child { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.blog-content { padding: 0 0 0 0 } + +.readmore { + text-align: center; + font-size: 10px; + letter-spacing: 2px; + text-transform: uppercase; + padding-top: 5px; + margin-top: 10px; +} + +.more-link { + margin-top: 10px; + clear: both; + padding: 5px 5px 5px 0px; +} + +.blog-meta { + float: left; + width: 15%; + margin: 5px 5% 20px 0; + text-align: right; + display: inline-block; +} + +.blog-meta-date { + padding-bottom: 10px !important; + margin-bottom: 10px !important; + border-bottom: solid 1px #eee; + float: left; +} + +.share-title { color: #555 !important } + +.single-attachment .share-title { + display: none; +} + +.blog-meta ul { + margin-bottom: 15px !important; + padding-bottom: 15px !important; + border-bottom: solid 1px #eee; + display: inline-block; +} + +.blog-meta ul:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.blog-meta li { + list-style-type: none !important; + background: none !important; + padding: 0 0 0 0 !important; + margin: 0 0 6px 0 !important; + color: #999; + width: 100%; + line-height: 18px; + float: left; + font-size: 11px; +} + +.blog-meta ul li:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.blog-meta li a, .blog-meta li { color: #999 } + +.blog-meta li a:hover { color: #4c4c4c } + +.content .blog-text { + float: right; + width: 80%; +} + +.title-meta h2 { + margin: 0 0 0 0; + padding-bottom: 10px; + line-height: 38px; + font-size: 28px; + letter-spacing: -1px; +} + +.title-meta h2 a { + color: #555; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.title-meta h2 a:hover { + color: #999; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.blog-image { + width: 100%; + margin-bottom: 35px; + float: left; +} + +.blog-image img { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.blog-image img:hover { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + opacity: .9; +} + +.blog-read-more { + font-size: 11px; + letter-spacing: 2px; + text-transform: uppercase; + padding-top: 15px; +} + +/* ===[ Tagcloud Styles ]===================================================== */ + +.tags { + width: 620px; + padding: 15px 0 15px 0; + clear: both; + margin-right: 35px; + background: #f9f9f9; +} + +.tags-list { + width: 505px; + float: left; +} + +.tags-list ul { + float: left; + padding: 0 0 0 5px; + width: 100%; + margin-bottom: 0; +} + +.tags-list ul li { + display: block; + padding: 0 19px 0 0; + float: left; +} + +.tags-list ul li p { + font-size: 11px; + font-weight: bold; + color: #5a5a5a; + float: none; + padding: 0; +} + +.tags-list ul li span { + font-size: 11px; + font-weight: bold; + color: #a2a2a2; + display: inline; + padding: 0 0 0 4px; +} + +.tags_rgt { + float: right; + width: 81px; + margin-right: 15px; +} + +.search .post-share, .archive .post-share { display: none } + +.blog-navigation { + padding-bottom: 25px; +} + +.blog-navigation a { + text-decoration: none; + padding: 10px 0; + color: #555; + font-weight: normal; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 2px; +} + +.blog-navigation a:hover { color: #999 } + +.blog-navigation .alignright a:after { + font-family: 'FontAwesome'; + -webkit-font-smoothing: antialiased; + content: "\f0da"; + margin-left: 5px; +} + +.blog-navigation .alignleft a:before { + font-family: 'FontAwesome'; + -webkit-font-smoothing: antialiased; + content: "\f0d9"; + margin-right: 5px; +} + +.navigation a { + text-decoration: none; + padding: 10px 0; + color: #555; + font-weight: normal; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 2px; +} + +.navigation a:hover { color: #999 } + +.featured-image { + margin: 0 0 20px 0; + float: left; + width: 100%; +} + +.fullsize-image { + margin: 0 0 30px 0; + float: left; + width: 100%; +} + +.okvideo { margin-bottom: 30px } + +.intro { + color: #979797; + font-size: 16px; + line-height: 28px; + margin-bottom: 15px; + border-top: solid 1px #EEE; + border-bottom: solid 1px #EEE; + padding: 10px 0; +} + +/* ===[ Search Form Styles ]===================================================== */ + +.search-404 { + text-align: center; + width: 65%; + margin: 0 auto; +} + +.search-404 .searchform { + margin-top: 25px; +} + +.searchform { + position: relative; + width: 100%; +} + +#searchsubmit { + position: absolute; + right: 0; + top: 0; + background: #e8e8e8; + border: none; + padding: 8px 10px; + height: 34px; + font-size: 9px; + font-weight: bold; + line-height: 20px; + text-transform: uppercase; + font-family: "Merriweather", Georgia, serif; + color: #777; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +#searchsubmit:hover { + background: #fff666; + color: #222; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#searchform { + float: left; + width: 100%; +} + +#s { + background: #f7f7f7; + float: left; + padding: 10px 65px 10px 8px; + border: 0; + font-size: 12px; + color: #999; + outline: none; + width: 190px; + margin: 0 0 0 0; + font-family: Georgia, serif; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; + font-style: italic; + width: 100%; + -webkit-appearance:caret; +} + +#s:focus, #s:hover { + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +#searchsubmit { +} + +.content #searchsubmit { float: left } + +#searchsubmit:hover { cursor: pointer } + +#searchform .screen-reader-text { display: none } + +/* ===[ Sidebar Styles ]===================================================== */ + +#sidebar-close { display: none } + +#sidebar { + width: 25%; + float: right; + font-size: 12px; + line-height: 22px; +} + +#sidebar p { + font-size: 12px; +} + +#sidebar a { + text-decoration: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#sidebar a:hover { + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.widget { + margin-bottom: 40px; + clear: both; + float: left; + width: 100%; +} + +.widget h2, .portfolio-sidebar h2 { + font-size: 10px; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + display: block; + line-height: 26px; + margin: 0 0 10px 0; + font-family: 'Merriweather', Georgia, serif; + text-align: center; + background: #f7f7f7; + color: #999; +} + +#sidebar .widget ul { + margin: 0; + padding: 0; +} + +#sidebar .widget li { + margin: 0 0 5px 15px; + list-style-type: square; +} + +#sidebar .slides li { + list-style-type: none; + margin: 0; +} + +.widget ul { padding: 0 0 0 15px } + +.widget ul li { + padding: 0; + list-style-type: none; +} + +.widget ul li ul { padding: 0 0 0 0 } + +.tagcloud { + padding: 0 0 0 0; + text-align: center; +} + +.tagcloud a { + text-decoration: none; + float: left; + color: #888; + padding: 10px; + position: relative; + font-weight: bold; +} + +.tagcloud a:hover { color: #555 } + +/* ===[ Default Widget Styles ]===================================================== */ + +.widget_archive select { + width: 100%; +} + +#wp-calendar { + width: 100%; +} + +#wp-calendar caption { + text-align: center; + margin-bottom: 5px; +} + +.widget_rss li { + margin: 0 0 15px 0 !important; + list-style-type: none !important; +} + +.widget_rss .rsswidget { + width: 100%; +} + +.widget_rss .rss-date { + width: 100%; + float: left; + font-size: 11px; + color: #999; +} + +.widget_rss cite { + color: #999; + font-size: 11px; +} + +#sidebar .wp-caption { + width: 100%; + text-align: center; + color: #999; +} + +.widget_text { + word-wrap: break-word; +} + +/* ===[ Comment Styles ]===================================================== */ + +.comments { + float: left; + margin: 50px 0px 50px 0px; + background: #f6f6f6; + width: 100%; + border-top: none; + padding: 30px; +} + +.commentlist { + margin-bottom: 0 !important; +} + +.comments li { background: none !important } + +h3#comments { + padding: 0 0 20px 0; + margin: 0 0 25px 0 !important; + font-size: 20px; + font-weight: bold; + border-bottom: solid 1px #eee; + line-height: 30px; + text-align: center; +} + +#respond { + margin: 0; + padding: 0; +} + +.commentlist #respond { + margin: 20px 0 20px 0; +} + +#respond h3 { + padding: 0 0 3px 0; + font-size: 20px; + font-weight: bold; + margin: 0 !important; +} + +#reply-title small { + font-weight: bold; + font-size: 9px; + text-transform: uppercase; + margin-left: 5px; +} + +#respond .logged-in-as, .comment-notes { + font-size: 13px; + padding-bottom: 10px; + margin-bottom: 15px; + border-bottom: solid 1px #e6e6e6; +} + +#comments .form-allowed-tags { + display: none; +} + +#respond label { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 1px; + margin: 5px 0 0 0px; + color: #aaa; +} + +#respond p { margin-bottom: 15px } + +#respond input[type="text"], #respond textarea { + color: #777; + border: none; + border: solid 1px #eee; + border-bottom: solid 1px #ddd; + background: #fff; + width: 100%; + padding: 10px; + font-size: 13px; + -webkit-appearance:caret; +} + +#respond input:focus, #respond textarea:focus { outline: none } + +#respond textarea { + line-height: 22px; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.form-submit { + margin-bottom: 0 !important; +} + +#respond #submit { + background: #555; + color: #fff; + font-size: 12px; + font-weight: bold; + font-family: 'Merriweather', Georgia, serif; + padding: 10px 20px; + margin: 5px 0 0 0; + border: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +#respond #submit:hover { + background: #666; + cursor: pointer; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#respond #commentform p { + +} + +.comment #respond #commentform p { + +} + +#respond #commentform .form-author { background: #fff } + +#respond #commentform .form-email { background: #fff } + +#respond #commentform .form-website { background: #fff } + +.allowed { + font-size: 11px; + color: #888; + width: 500px; + float: left; + margin: 0 0 15px 0; +} + +.commentlist { list-style-type: none !important } + +.commentlist li { + padding: 0 0 15px 0; + margin: 0 0 15px 0 !important; + position: relative; + list-style-type: none !important; +} + +.commentlist li:last-child { + margin-bottom: 40px !important; + padding-bottom: 0; +} + +.commentlist li:before, .commentlist ol .num { + float: left; + margin: 0 0 0 0 !important; + content: none !important; + counter-increment: none !important; +} + +#comments .children { + margin: 25px 0 0 25px !important; +} + +#comments .children li { + margin: 0; + padding: 0; +} + +#comments .children li:last-child { + margin-bottom: 0 !important; + padding-bottom: 0; +} + +.comment-block { padding: 0 } + +.comment-text { + background: #fff; + border: solid 1px #eee; + padding: 20px; + font-size: 14px; + line-height: 22px; + border-bottom: solid 1px #ddd; +} + +.comment-text:before { + width: 0; + height: 0; +} + +.reply { + margin: 0px !important; + font-size: 12px; +} + +.comments .children .reply { text-align: left } + +.reply a:hover { text-decoration: none } + +.reply a:hover:after { content: "\2192" } + +#cancel-comment-reply { + margin: 0 0 15px 0; + float: right; +} + +.comments .logged-in { + float: left; + font-size: 14px !important; +} + +.comment-awaiting-moderation { + color: #555; + font-weight: bold; + font-size: 11px; +} + +.vcard { + margin: 0 0 0 0; + padding: 0 0 0 0; + float: left; +} + +.vcard img { + float: left; + background: #fff; + border: solid 1px #eee; + padding: 3px; +} + +.fn { + float: left; + font-style: normal; + font-size: 15px; + font-weight: bold; + line-height: 20px; + margin-top: 0; + margin-bottom: -6px; +} + +.fn a { color: #666 } + +.comment-info { + margin-bottom: 15px; + position: relative; +} + +.comment-meta { + float: left; + margin: 2px 0 0 12px; +} + +.comment-time { + font-size: 11px; + color: #999; +} + +.comment-edit-link { font-size: 11px } + +/* ===[ Sidebar Styles ]===================================================== */ + +.blog-entry { + +} + +.pro-title h4 { + display: block float:left; + width: 295px; + background: url(images/design-repeat.gif) right center repeat-x; +} + +.pro-title h4 span { + font-size: 14px; + color: #FFF; + font-weight: bold; + background: #3e3e3e; + padding: 0 10px 0 0; +} + +.pro-title h3 { + font-size: 14px; + color: #FFF; + font-weight: bold; + display: block float:left; + width: 295px; + background: url(images/design-repeat.gif) right center repeat-x; +} + +.pro-title h3 span { + font-size: 14px; + color: #FFF; + font-weight: bold; + background: #3e3e3e; + padding: 0 10px 0 0; +} + +/* ===[ Section Styles ]===================================================== */ + +.container { + max-width: 980px; + margin: 0 auto; + padding-top: 140px; +} + +#sections { + max-width: 980px; + margin: 0 auto; + padding-top: 140px; +} + +.section-title { + letter-spacing: 5px; + font-size: 13px; + font-weight: bold; + text-transform: uppercase; + margin-bottom: 40px; + text-align: center; + padding: 5px; + border-top: solid 1px #eee; + border-bottom: solid 1px #eee; +} + +.section-title span { + background: #fff; + padding: 0 15px; +} + +.section:first-child { + padding-top: 0px; + border-top: none; +} + +.section { + padding: 0 0 0 0; + float: left; + width: 100%; + position: relative; +} + +.section-slider { + padding-bottom: 70px; +} + +.section-services { + padding-bottom: 80px; +} + +.section-services.student-index { + padding-bottom: 0px; +} + +.section-portfolio { + padding-bottom: 45px; +} + +.section-blog { + padding-bottom: 30px; +} + +.section-faq { + padding-bottom: 30px; +} + + +.section-testimonials { + padding-top: 100px; + padding-bottom: 300px; +} + + +.section-testimonials a { + color: #aaa; +} +.section-testimonials a:hover { + color: #60BDDB; +} + +.section-testimonials-curriculum { + padding-top: 40px; + padding-bottom: 150px; +} + +.section-testimonials-curriculum a { + color: #aaa; +} +.section-testimonials-curriculum a:hover { + color: #60BDDB; +} + + +.section .column { + width: 33%; + margin: 0 0 3% 0; + float: left; + padding-left: 4%; + margin-bottom: 3%; +} + +.section .column:last-child { + margin-right: 0px; + border-right: none; +} + +.section-titlea { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 2px; + color: #999; + background: #f7f7f7; + padding: 0 10px; + margin: 0 0 35px 0; + text-align: center; +} + +.section-title2a { + font-size: 48px; + letter-spacing: -2px; + color: #eee; + position: absolute; + bottom: -16px; + right: 0; + padding: 0; + text-align: center; + display: none; +} + +.section-title3a { + font-size: 28px; + text-align: center; + display: none; +} + +/* ===[ Ribbon Styles ]===================================================== */ + +.ribbon { + font-size: 11px !important; + text-transform: uppercase; + letter-spacing: 2px; + width: 30%; + position: relative; + background: #ededed; + color: #777; + text-align: center; + padding: 8px 2em; + margin: 0 auto 45px; + line-height: 16px; +} + +.ribbon:before, .ribbon:after { + content: ""; + position: absolute; + display: block; + bottom: -1em; + border: 1.5em solid #e4e2e2; + z-index: -1; +} + +.ribbon:before { + left: -2em; + border-right-width: 1.5em; + border-left-color: transparent; +} + +.ribbon:after { + right: -2em; + border-left-width: 1.5em; + border-right-color: transparent; +} + +.ribbon .ribbon-content:before, .ribbon .ribbon-content:after { + content: ""; + position: absolute; + display: block; + border-style: solid; + border-color: #cfcfcf transparent transparent transparent; + bottom: -1em; +} + +.ribbon .ribbon-content:before { + left: 0; + border-width: 1em 0 0 1em; +} + +.ribbon .ribbon-content:after { + right: 0; + border-width: 1em 1em 0 0; +} + +.non-semantic-protector { + position: relative; + z-index: 1; + background: url(images/ribbon-bg.png) no-repeat 0 24px; + display: none; +} + +/* ===[ Slider Styles ]===================================================== */ + +.single .gallery-wrap { + margin-bottom: 40px; + margin-top: -1px; +} + +.slides .featured-thumb img { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.featured-thumb img:hover { + opacity: .9; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +/* ===[ Services Styles ]===================================================== */ + +.services-wrap { + display: block; + float: left; + margin-left: -4%; + margin-bottom: -2%; + max-width: 1020px; +} + +.services-title { + float: left; + width: 75%; + padding-top: 11px; +} + +.services h3 { + font-size: 14px; + font-weight: bold; + line-height: 20px; + margin-bottom: 0; +} + +.services h3 a { color: #4c4c4c } + +.services h3 a:hover { color: #888 } + +.services .service-icon { + float: left; + margin: 0 5% 0 0; + font-size: 20px; + line-height: 22px; + text-align: center; + color: #555; + background: #f3f3f3; + display: block; + padding: 11px 10px 9px 10px; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + height: 40px; + width: 40px; + overflow: hidden; +} + +.services p { + margin: 15px 0 20px 0; + font-size: 13px; + border-top: dotted 1px #e6e6e6; + padding-top: 8px; +} + +.services:hover .service-icon { + background: #fff666; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +/* ===[ Home Blog Styles ]===================================================== */ + +body.students .home-blog { + display: block; + margin-left: -2.2%; + max-width: 1020px; +} + +.home-blog-post li{ + list-style-type:none; +} + +body.students ul li.home-blog-post{ + list-style-type:none; +} + +.home-blog-post { + float: left; + width: 31%; + margin: 0 0 5% 2.2%; + border: solid 1px #eee; + padding: 30px; + position: relative; +} + +.big-comment h3 { position: relative } + +.home-blog-post h3 { + font-size: 18px; + line-height: 24px; + margin-bottom: 5px; +} + +.home-blog-post h3 a { color: #4c4c4c } + +.home-blog-post h3 a:hover { color: #888 } + +.home-blog-post .excerpt p { + font-size: 13px; + margin-bottom: 0; + padding: 0; +} + +.home-blog-post .blog-text { + font-size: 14px; + line-height: 26px; +} + +.home-blog-post-meta { + text-transform: uppercase; + font-size: 10px; + color: #aaa; + line-height: 16px; + margin-bottom: 20px; + padding-bottom: 20px; + border-bottom: solid 1px #eee; +} + +.home-blog-post .blog-thumb { + margin: -31px -31px 25px -31px; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.home-blog-post .blog-thumb img { + max-width: 100%; + min-width: 100%; + height: auto; +} + +.home-blog-post img:hover { + opacity: .9; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.home-blog-right { + float: right; + width: 300px; +} + +.okay-recent-posts { + margin: 0; + padding: 0; +} + +.okay-recent-posts .pane { + padding-top: 10px !important; + border: none !important; + padding: 0; +} + +.okay-recent-posts .pane h4 { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 2px; + display: block; + line-height: 30px; + margin: 0 0 15px 0; + font-family: 'Merriweather', Georgia, serif; + text-align: center; + background: #f7f7f7; + color: #999; +} + +.recent-posts-widget .recent-posts { + width: 100%; +} + +.recent-posts-widget li, .recent-comments-widget li { + list-style-type: none; + margin: 0 0 15px 0 !important; + padding: 0 0 15px 0 !important; + border-bottom: solid 1px #eee; + display: inline-block; +} + +.recent-posts-widget li:last-child, .recent-comments-widget li:last-child { + border-bottom: none !important; + margin-bottom: 0 !important; + padding-bottom: 5px !important; +} + +.recent-posts h3 { + line-height: 18px; + margin-bottom: 2px; + font-weight: bold; + font-size: 12px; +} + +.recent-posts h3 a { color: #4c4c4c } + +.recent-posts h3 a:hover { color: #888 } + +.recent-posts p { + font-size: 10px; + line-height: 15px; + color: #aaa; + margin-bottom: 0px; +} + +/* ===[ Homepage Testimonial Styles ]===================================================== */ + + +.testimonials h2 { + font-size: 30px; + margin: 15px 0 0 0; + text-align: center; +} + +.testimonials h3 { + font-weight: normal; + font-size: 20px; + line-height: 32px; + text-align: center; +} + +/* ===[ Homepage FAQ Styles ]===================================================== */ + + +.faq h2 { + font-size: 30px; + margin: 15px 0 0 0; + text-align: center; +} + +.faq h3 { + font-weight: normal; + font-size: 20px; + line-height: 32px; + text-align: center; +} + +/* ===[ Portfolio Page Styles ]===================================================== */ + +.mobile-slide { display: none !important } + +.portfolio-big-slide { + float: left; + width: 100%; + position: relative; +} + +.portfolio-large-image { + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + position: relative; + display: inline-block; + width: 100%; +} + +.portfolio-big-slide:hover .portfolio-large-image, .portfolio-block:hover .portfolio-small-image { + opacity: .16; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.portfolio-block .students { + display:none; + } +.portfolio-block:hover .students { + display:block; + position:absolute; + z-index:1; + left:-1px; + text-align: center; + top:68px; + color: #000; + width:312px; + height:100px; + } + + +.portfolio-large-image img { + min-width: 100%; + height: auto; +} + +.portfolio-big-slide .portfolio-block { + width: 980px; + margin-bottom: 40px; +} + +/* ===[ Portfolio Page Titles ]===================================================== */ + +.portfolio-big-title { + text-align: center; + margin-bottom: 40px; + display: block; + clear: both; +} + +.portfolio-big-title h2 { + letter-spacing: 0px; + font-size: 32px; + line-height: 40px; + margin-bottom: 0px; + text-align: center; +} + +.portfolio-big-title h3 { + font-size: 16px; + line-height: 26px; + letter-spacing: 0px; + color: #aaa; + text-align: center; + margin: 15px 0 0 0; + padding: 0 50px; +} + +#portfolio-blocks .slides li:first-child { display: none } + +.paged #portfolio-blocks .slides li:first-child, .home #portfolio-blocks .slides li:first-child { display: block } + +.page-template-portfolio-php #portfolio-blocks { margin-bottom: 60px } + +.portfolio-navigation { + width: 100%; + max-width: 980px; + clear: both; + margin-top: 20px; + display: inline-block; + position: relative; +} + +.portfolio-navigation a { + color: #555; +} + +.portfolio-navigation .alignleft, .portfolio-navigation .alignright { + color: #555; + font-size: 12px; + line-height: 30px; + font-weight: bold; + position: relative; +} + +.portfolio-navigation .alignleft a { + padding: 10px 15px 10px 22px; + background: #f7f7f7; +} + +.portfolio-navigation .alignleft a:before { + position: absolute; + top: -1px; + left: 12px; + display: block; + content: "\f0d9"; + font-family: "FontAwesome"; +} + +.portfolio-navigation .alignright a { + padding: 10px 22px 10px 15px; + background: #f7f7f7; +} + +.portfolio-navigation .alignright a:before { + position: absolute; + top: -1px; + right: 12px; + display: block; + content: "\f0da"; + font-family: "FontAwesome"; +} + +.portfolio-navigation .alignleft i { + margin: 0 5px 0 0; + font-size: 10px; + position: absolute; + top: 14px; + left: 12px; +} + +.portfolio-navigation .alignright i { + margin: 0 0 0 5px; +} + +/* ===[ Portfolio Block Styles ]===================================================== */ + +.portfolio-blocks-wrap { + width: 103%; +} + +.portfolio-blocks { + max-width: 1008px; + overflow: hidden; + color: white; + position: relative; +} + +.portfolio-block { + position: relative; + z-index: 5; + overflow: hidden; + float: left; + display: inline-block; +} + +.page-template-portfolio-php .portfolio-blocks .portfolio-block:first-child { + display: none; +} + +.home .portfolio-block:first-child { + display: block !important; +} + +.portfolio-block-large { + margin-bottom: 40px; +} + +.portfolio-block-inside { + position: absolute; + height: 100%; + width: 100%; + overflow: hidden; + display: inline-block; +} + +.portfolio-block-inside a { + display: block; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.portfolio-block-inside img { + width: 100%; + max-width: 100%; + height: auto; +} + +/* ===[ Portfolio Meta Styles ]===================================================== */ + +.portfolio-sidebar { + width: 25%; + float: right; + font-size: 12px; + line-height: 22px; +} + +.portfolio-meta { + margin: 0 0 0 0; +} + +.portfolio-meta h3 { + border-bottom: solid 1px #eee; + padding-bottom: 12px; +} + +.portfolio-meta li { + background: none !important; + padding: 0 0 10px 0 !important; + margin: 0 0 10px 0 !important; + color: #999; + width: 100%; + line-height: 18px; + float: left; + border-bottom: solid 1px #eee; +} + +.portfolio-meta li:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.portfolio-meta li span { + color: #555; + width: 100%; + float: left; +} + +/* ===[ Testimonial Styles ]===================================================== */ + +.faq h2 { font-size: 26px } + +.faq h3 { color: #aaa } + + +/* ===[ Testimonial Styles ]===================================================== */ + +.testimonials h2 { font-size: 26px } + +.testimonials h3 { color: #aaa } + +/* ===[ Recent Posts Widget Styles ]===================================================== */ + +.recent-comment-text { + margin-top: 5px; + font-size: 11px !important; + line-height: 18px !important; +} + +.recent-comments-widget .comment-txt:hover { color: #888 } + +/* ===[ Content Styles ]===================================================== */ + +.content { + width: 70%; + float: left; + margin: 0 0 0 0; + padding: 0 0 0 0; +} + +.content-full { + width: 100%; +} + +.portfolio-full { + padding-top: 30px; + max-width: 980px !important +} + +.archive .portfolio-full { + padding-top: 0; +} + +.content ul, .content ol { + margin: 0 0 20px 15px; +} + +.content ul li { + list-style-type: square; + margin-bottom: 5px; +} + +.content ol li { + list-style-type: decimal; +} + +/* ===[ Footer Styles ]===================================================== */ + +.footer { width: 100% } + +.footer-text { + max-width: 980px; + margin: 0 auto; + padding: 10px 0px 30px 0px; + border-top: solid 1px #eee; + border-bottom: solid 0px #eee; +} + +.footer-text-left { + width: 50%; + float: left; +} + +.footer-text-left ul { float: left } + +.footer-text-left ul li { + float: left; + display: inline; + margin: 0 5px 0 0; +} + +.footer-text-left ul li a { + font-size: 11px; + font-weight: bold; + text-transform: uppercase; + color: #999; + text-decoration: none; + padding: 0px 10px 0 0; +} + +.footer-text-left ul li a:hover { + color: #555; +} + +.footer-text-left ul li:first-child { padding-left: 0px } + +.footer-text-left ul li.last { padding: 3px 0 0 0 } + +.footer-text-right { + float: right; + font-size: 11px; + color: #999; + text-decoration: none; + text-transform: uppercase; +} + +.footer-text-right a { color: #4c4c4c } + +.footer-text-right a:hover { color: #999 } + +.footer-widgets { + max-width: 980px; + margin: 50px auto 0 auto; + padding: 0px 0 75px 0; + border-top: solid 5px #f2f2f2; +} + +.footer-widgets-wrap { + margin-left: -5%; +} + +.footer-widget { + width: 33%; + float: left; + padding: 30px 0 0 5%; + font-size: 12px; +} + +.footer-widget:last-child { + +} + +.footer-widget a { text-decoration: none } + +.footer-widget ul { margin: 0 0 0 0 } + +.footer-widget li { + margin-left: 15px; + list-style-type: square; +} + +.footer-widget p { line-height: 22px } + +.footer-widget h2 { + font-size: 11px; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + display: block; + line-height: 24px; + padding: 0 0 5px 0; + margin: 0 0 20px 0; + border-bottom: solid 1px #eee; +} + +/* ===[ Deafult WP Styles ]===================================================== */ + +.wp-caption { +} + +.wp-caption.alignnone { margin: 5px 20px 20px 0 } + +.wp-caption.alignleft { margin: 5px 20px 20px 0 } + +.wp-caption.alignright { margin: 5px 0 20px 20px } + +img.alignleft, img.alignright { + +} + +.alignright { float: right } + +.alignleft { float: left } + +.aligncenter { text-align: center } + +img.alignleft { margin: 5px 25px 20px 0 } + +img.alignright { margin: 5px 0 20px 20px } + +.wp-caption img { + border: 0 none; + height: auto; + margin: 0; + max-width: 98.5%; + padding: 0; + width: auto; +} + +.wp-caption p.wp-caption-text { + font-size: 10px !important; + margin: 0 !important; + padding: 3px 0 0 0!important; +} + +.gallery-caption { text-align: center } + +.gallery-item { + width: 105px !important; + margin-right: 15px; + margin-bottom: 20px; +} + +.gallery-icon { width: 105px } + +.gallery-item img { + width: 95px; + height: auto; + padding: 8px; + border: solid 1px #eee !important; +} + +.gallery-item img:hover { + border: solid 1px #ddd !important; +} + +.sticky { +} + +.bypostauthor { +} + +/* ===[ Contact Form 7 Styles ]===================================================== */ + +.hbspt-form input[type="text"], .hbspt-form textarea { font-family: Georgia, serif } + +.hbspt-form input[type="text"] { + padding: 10px; + font-size: 16px; + font-weight: 200; + color: #777; + border: none; + width: 100%; + background: #f0f0f0; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form input[type="email"] { + padding: 10px; + font-size: 16px; + font-weight: 200; + color: #777; + border: none; + width: 100%; + background: #f0f0f0; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form textarea { + margin: 0; + padding: 10px; + font-size: 16px; + width: 100%; + height: 250px; + box-sizing: border-box; + -moz-box-sizing: border-box; + color: #777; + border: none; + background: #f0f0f0; + margin-top: 5px; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form input:focus, .hbspt-form textarea:focus { + outline: none; + background: #e9e9e9; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form p { + font-size: 11px !important; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + margin: 0 0 20px 0; +} + +.hbspt-form br { margin-bottom: 10px } + +input.hs-button.primary.large{ + background: #555; + color: #fff; + font-size: 12px; + font-weight: bold; + font-family: 'Merriweather', Georgia, serif; + padding: 10px 20px; + margin: 5px 0 0 0; + border: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +.hbspt-form-submit:hover { + background: #666; + cursor: pointer; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.hbspt-form-response-output { + background: #faf7d6; + border: none !important; +} + +.hbspt-form-mail-sent-ok { + margin-left: 0px !important; + margin-right: 0px !important; + background: #ECF3E5; + background: rgba(229, 243, 212, .5); + padding: 15px !important; + border: solid 1px #D2EFAC !important; +} + +.hbspt-form-validation-errors { + margin-left: 0px !important; + background: #FCF3F3; + background: rgba(255, 238, 238, .5); + border: solid 1px #FBDCDC !important; + padding: 10px !important; + margin-right: 0px !important; +} + +/* ===[ Page With Sidebar Shortcode Column Styles ]===================================================== */ + +.highlight { + background: #fff9ce; + width: auto; + display: inline; + padding: 0px 3px; + font-weight: bold; +} + +/* ===[ Full Width Shortcode Column Styles ]===================================================== */ + +.two-thirds, .two-thirds-last { + width: 65.319148936%; + margin: 0 4% 20px 0; + float: left; +} + +.two-thirds-last { margin-right: 0px !important } + +.one-third, .one-third-last { + width: 30.425531915%; + float: left; + margin: 0 4% 20px 0; +} + +.one-third-last { margin-right: 0px !important } + +.one-quarter, .one-quarter-last { + width: 21.914893617%; + float: left; + margin: 0 4% 20px 0; +} + +.one-quarter-last { margin-right: 0px !important } + +.one-half, .one-half-last { + width: 47.872340426%; + margin: 0 4% 20px 0; + float: left; +} + +.one-half-last { margin-right: 0px !important } + +/* ===[ Shortcode Button Styles ]===================================================== */ + +.highlight { + background: #fff666; + color: #222; + width: auto; + display: inline; + padding: 2px 3px; + font-weight: normal; +} + +.demo-button { + margin-bottom: 6px; + padding-top: 4px; +} + +.demo-button span { margin-right: 2px } + +.button a { + +} + +.button a:hover { + +} + +.button { + display: inline-block; + text-decoration: none; + font: bold 11px/12px Georgia, HelveticaNeue, Arial; + text-transform: uppercase; + padding: 6px 11px; + color: #555; + border: 1px solid #dedede; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + text-align: center; +} + +.button:hover { cursor: pointer } + +.button.white { + background: #f5f5f5; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /* WebKit */ + background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0); + border-color: #dedede #d8d8d8 #d3d3d3; + color: #555; + text-shadow: 0 1px 0 #fff; + -webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; + -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; + box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; +} + +.button.white:hover { + background: #f4f4f4; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8)); /* WebKit */ + background: -moz-linear-gradient(top, #efefef, #f8f8f8); + border-color: #c7c7c7 #c3c3c3 #bebebe; + text-shadow: 0 1px 0 #fdfdfd; + -webkit-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; + -moz-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; + box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; +} + +.button.white a { color: #555 } + +.button.gray { + background: #bdbdbd; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae)); /* WebKit */ + background: -moz-linear-gradient(top, #cacaca, #aeaeae); + border-color: #b5b5b5 #a1a1a1 #8f8f8f; + color: #555; + text-shadow: 0 1px 0 #d4d4d4; + -webkit-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; + -moz-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; + box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; +} + +.button.gray:hover { + background: #c2c2c2; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2)); /* WebKit */ + background: -moz-linear-gradient(top, #bcbcbc, #c2c2c2); + border-color: #989898 #8e8e8e #878787; + text-shadow: 0 1px 0 #dadada; + -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; +} + +.button.gray a { color: #555 } + +.button.pink { + background: #f67689; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78297', endColorstr='#f56778'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f78297), to(#f56778)); /* WebKit */ + background: -moz-linear-gradient(top, #f78297, #f56778); + border-color: #df6f8b #da5f75 #d55061; + color: #913944; + text-shadow: 0 1px 0 #f89ca9; + -webkit-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; + -moz-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; + box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; +} + +.button.pink:hover { + background: #f67c90; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56c7e', endColorstr='#f78297'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f56c7e), to(#f78297)); /* WebKit */ + background: -moz-linear-gradient(top, #f56c7e, #f78297); + border-color: #c36079 #c25669 #c14e5c; + text-shadow: 0 1px 0 #f9a6b4; + -webkit-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; + -moz-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; + box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; +} + +.button.pink a { color: #913944 } + +.button.orange { + background: #fecc5f; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda71', endColorstr='#febb4a'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb4a)); /* WebKit */ + background: -moz-linear-gradient(top, #feda71, #febb4a); + border-color: #f5b74e #e5a73e #d6982f; + color: #996633; + text-shadow: 0 1px 0 #fedd9b; + -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; + -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; + box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; +} + +.button.orange:hover { + background: #fecb5e; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec354', endColorstr='#fecd61'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#fec354), to(#fecd61)); /* WebKit */ + background: -moz-linear-gradient(top, #fec354, #fecd61); + border-color: #d29a3a #cc9436 #c89133; + text-shadow: 0 1px 0 #fee1a0; + -webkit-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; + -moz-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; + box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; +} + +.button.orange a { color: #996633 } + +.button.green { + background: #b7d770; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9fcb57)); /* WebKit */ + background: -moz-linear-gradient(top, #cae285, #9fcb57); + border-color: #adc671 #98b65b #87aa4a; + color: #5d7731; + text-shadow: 0 1px 0 #cfe5a4; + -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; + -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; + box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; +} + +.button.green:hover { + background: #b9d972; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d872', endColorstr='#b9d972'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#b8d872), to(#b9d972)); /* WebKit */ + background: -moz-linear-gradient(top, #b8d872, #b9d972); + border-color: #8bb14d #83a648 #7d9e45; + text-shadow: 0 1px 0 #d5e8aa; + -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; + -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; + box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; +} + +.button.green a { color: #5d7731 } + +.button.blue { + background: #92dbf6; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abe4f8', endColorstr='#6fcef3'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3)); /* WebKit */ + background: -moz-linear-gradient(top, #abe4f8, #6fcef3); + border-color: #8dc5da #76b7cf #63abc7; + text-shadow: 0 1px 0 #b6e6f9; + -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; + -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; + box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; +} + +.button.blue:hover { + background: #92dbf6; + border-color: #7caec0 #68a3ba #5a9cb5; + text-shadow: 0 1px 0 #bee9fa; + -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; + -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; + box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; +} + +.button.blue a { color: #42788e } + +.button.purple { + background: #dfaeda; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8c4e4', endColorstr='#d494ce'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#e8c4e4), to(#d494ce)); /* WebKit */ + background: -moz-linear-gradient(top, #e8c4e4, #d494ce); + border-color: #bc9db9 #ad89aa #a1799d; + color: #7b5777; + text-shadow: 0 1px 0 #eacae6; + -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; + -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; + box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; +} + +.button.purple:hover { + background: #e0b1db; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deabd9', endColorstr='#e0b1db'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#deabd9), to(#e0b1db)); /* WebKit */ + background: -moz-linear-gradient(top, #deabd9, #e0b1db); + border-color: #a482a0 #9b7897 #947090; + text-shadow: 0 1px 0 #ecd0e9; + -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; +} + +.button.purple a { color: #7b5777 } + +.button.black { + background: #525252; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#434343'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); /* WebKit */ + background: -moz-linear-gradient(top, #5e5e5e, #434343); + border-color: #4c4c4c #313131 #1f1f1f; + color: #fff; + text-shadow: 0 1px 0 #2e2e2e; + -webkit-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; + -moz-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; + box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; +} + +.button.black:hover { + background: #5a5a5a; + border-color: #2c2c2c #1c1c1c #101010; + text-shadow: 0 1px 0 #363636; + -webkit-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; + -moz-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; + box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; +} + +.button.black a { color: #fff } + +/* ===[ Shortcode Message Style ]===================================================== */ + +.message { + width: 100%; + float: left; + margin: 0 0 15px 0; +} + +.message a { color: #555 } + +.message a:hover { text-decoration: underline } + +.message strong { + text-transform: uppercase; + font-size: 12px; + letter-spacing: 1px; +} + +.red-message { + background: #fff7f7; + border: solid 1px #fddcdc; + padding: 15px; +} + +.green-message { + background: #f1f9ea; + padding: 15px; + border: solid 1px #d0eeac; +} + +.yellow-message { + background: #fcfbe4; + border: solid 1px #efebbc; + padding: 15px; +} + +.gray-message { + background: #f5f5f5; + border: solid 1px #ddd; + padding: 15px; +} + +/* ===[ Shortcode Tooltip Styles ]===================================================== */ + +.tooltip { + display: inline; + position: relative; +} + +.tooltip a span { + width: 115px; + height: auto; + line-height: 20px; + padding: 5px 10px 0px 10px; + left: 50%; + margin-left: -58px; + font-family: Georgia, serif; + font-size: 11px; + color: #777; + text-align: center; + border: 4px solid #fff; + background: rgba(255,255,255,1); + text-indent: 0px; + border-radius: 5px; + position: absolute; + pointer-events: none; + bottom: 30px; + opacity: 0; + box-shadow: 1px 1px 2px rgba(0,0,0,0.1); + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border-left: solid 1px #f5f5f5; + border-top: solid 1px #f5f5f5; +} + +.tooltip a span:before, .tooltip a span:after { + content: ''; + position: absolute; + bottom: -15px; + left: 50%; + margin-left: -9px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid rgba(0,0,0,0.1); +} + +.tooltip a span:after { + bottom: -14px; + margin-left: -10px; + border-top: 10px solid #fff; +} + +.tooltip a:hover span { + opacity: 0.9; + bottom: 35px; +} + +/* ===[ Shortcode Tabbed Box Styles ]===================================================== */ + +.tabs { + list-style-type: none !important; + margin: 0 !important; + padding: 0; + height: 30px; + border-bottom: solid 1px #eee; +} + +#sidebar .tabs { + border-bottom: none; + height: auto; +} + +.tabs li { + float: left; + text-indent: 0; + padding: 0 !important; + margin: 0 !important; + list-style-type: none !important; + background: none !important; +} + +.content .tabs li a:hover { background: #f7f7f7 } + +.content .tabs li a:hover { + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.tabs a { + display: block; + font-size: 11px; + text-transform: uppercase; + line-height: 30px; + text-align: center; + text-decoration: none; + padding: 0 10px; + margin: 0px; + position: relative; + color: #888; +} + +.tabs a:hover { color: #555 } + +.tabs a:active { outline: none } + +.tabs .current, .tabs .current:hover, .tabs li.current a { + cursor: default !important; + color: #555 !important; + background: #f2f2f2; +} + +.tab-wrapper li .current, .tab-wrapper li .current:hover, .tab-wrapper li.current a, .tab-wrapper a:hover { background: #fff666 } + +.tab-wrapper { + padding: 0; + width: 435px; + height: 70px; + margin: 80px auto 30px auto; +} + +#sidebar .tab-wrapper { width: 100% } + +.tab-wrapper li { + float: left; + background: none !important; + padding: 0 !important; + margin: 0 1% 0 0 !important; + width: 24%; +} + +.tab-wrapper li:last-child { + margin-right: 0px !important; +} + +.tab-wrapper li a { + display: block; + height: 32px; + text-align: center; + line-height: 34px; + margin: 0; + outline: none; + background: #f2f2f2; + padding: 0; + position: relative; + font-family: 'ModernPictogramsNormal'; + -webkit-font-smoothing: antialiased; + color: #555; + font-size: 22px; + text-transform: none; +} + +.tab-wrapper li a.current { } + +.tab-wrapper li a:hover { } + +.tab-wrapper li a:active i { + line-height: 34px; +} + +.tab-wrapper li i { + font-size: 17px; + line-height: 32px; +} + +#sidebar .panes { + width: 99%; +} + +#sidebar .panes .pane { + margin-top: 2px; + background: #f7f7f7; + padding: 15px !important; +} + +.panes .pane { + display: none; + padding-top: 15px; + margin-top: -1px; +} + +.change-font a { + text-transform: uppercase; + font-size: 10px; + color: #999; + margin-right: 15px; +} + +.change-font a:hover { color: #4c4c4c } + +.chirp li { + border-bottom: solid 1px #eee !important; + padding-bottom: 10px !important; + margin: 0 0 10px 0 !important; + list-style-type: none !important; +} + +.chirp li:last-child { + border-bottom: none !important; + margin-bottom: 0 !important; + padding-bottom: 0 !important; + +} + +.profile-content { + text-align: left; +} + +.profile-content h1 { + text-align: center; + padding-bottom: 0px; + margin-bottom: 0px; +} + +.profile-content h2 { + font-size: 24px; +} + +.profile-content h3 { + font-size: 14px; +} + +.profile-content p { + font-size: 12px; +} + +.profile-content li { + font-size: 12px; + +} + +#name { + text-align: left; + font-size: 24px; +} + +#name h3 { + margin: 0px; + padding-bottom: 10px; + color: gray; +} + +#contact { + margin-left: 158px; + margin-top: 30px; +} + +.profile-name { + padding-top: 0; + +} + +.go_back a { + margin-top: 20px; + font-size: 12px; +} + +#aspirations { + margin-bottom: 30px; +} + diff --git a/public/css/media-queries.css b/public/css/media-queries.css new file mode 100644 index 0000000..942855b --- /dev/null +++ b/public/css/media-queries.css @@ -0,0 +1,368 @@ +/* Mobile */ +@media only screen and (max-width:500px) { + body { + font: 13px/23px "Merriweather", Georgia, serif; + } + + .header-left { + width: 75%; + } + + .page-title { + padding: 15px 0; + margin-bottom: 25px; + } + + .page-title h2 { + font-size: 28px; + line-height: 34px; + } + + .home .page-title h2 { + font-size: 24px; + line-height: 32px; + } + + .page-title h3 { + font-size: 14px; + line-height: 22px; + margin: 5px 0 0 0; + } + + .portfolio-block-large { + margin-bottom: 25px; + } + + .portfolio-big-title { + margin-bottom: 25px; + } + + .portfolio-big-title h2 { + font-size: 26px; + line-height: 34px; + } + + .portfolio-big-title h3 { + font-size: 14px; + line-height: 24px; + padding: 0; + margin-top: 10px; + } + + .title-meta h2 { + line-height: 34px; + font-size: 24px; + letter-spacing: 0; + } + + .intro { + font-size: 15px; + line-height: 26px; + } + + .single .gallery-wrap { + margin-bottom: 25px; + } + + .comments { + padding: 15px; + margin-top: 30px; + margin-bottom: 20px; + } + + .comment-text { + font: 13px/23px "Merriweather", Georgia, serif; + } + + .services .service-icon { + margin-top: 0 !important; + } + + .services h3 { + font-size: 16px !important; + line-height: 22px !important; + } +} + +/* Tablet and Mobile */ +@media only screen and (max-width:755px) { + .header { + padding-bottom: 20px; + } + + .header-left { + width: 25% !important; + } + + .nav { + display: none; + } + .select-menu, .select { + display: block; + float: right; + -webkit-appearance: none; + height: 30px; + width: 30px; + opacity: 0; + z-index: 5; + position: relative; + } + + .header-nav select.select-menu { + position: relative; + z-index: 10; + width: 30px; + height: 30px !important; + line-height: 26px; + } + + .header-nav span.select { + display: block; + } + +.mobile-icon { + position: absolute; + width: 30px; + height: 30px; + right: 0; + font-size: 14px; + line-height: 32px; + text-indent: 9px; + color: #fff; + text-align: center; + background: #333; + cursor: default; + z-index: 1; + } + + .mobile-icon:before { + font-family: 'FontAwesome'; + -webkit-font-smoothing: antialiased; + content: "\f0c9"; + position: absolute; + color: #fff; + left: 0; + top: 0; + color: #777; + } + + .header-hidden-left { + width: 100%; + float: left; + } + + .header-hidden-right { + float: left; + width: 100%; + } + + .icons { + float: left; + margin-top: 10px; + } + + .content { + width: 100%; + } + + .blog-post { + padding-bottom: 20px; + margin-bottom: 30px; + } + + .blog-image { + margin-bottom: 20px; + } + + .content .blog-text { + width: 100%; + } + + .content .blog-meta { + width: 100%; + } + + .content .blog-meta ul { + width: 100%; + text-align: left; + margin-left: 0; + } + + #sidebar, .portfolio-sidebar { + float: left; + width: 100%; + margin-top: 25px; + } + + .portfolio-sidebar { + margin-top: 5px; + } + + #sidebar .panes .pane { + margin-top: 4px; + } + + .footer-widget { + width: 100%; + padding-right: 0px; + } + + .footer-widgets { + padding-bottom: 35px; + } + + .footer-text { + padding-top: 20px; + } + + .footer-text-left { + width: 100%; + } + + .footer-text-right { + float: left; + margin-top: 5px; + } + + .portfolio-titles { + width: 100%; + } + + .page-title-portfolio { + margin-bottom: 5px; + } + + .project-nav { + width: 100%; + position: relative; + float: left; + right: auto; + bottom: auto; + text-align: left; + } + + .project-nav a { + margin-left: 0; + margin-right: 10px; + } + + .section-slider { + padding-bottom: 40px; + } + + .section-services { + padding-bottom: 20px; + } + + .section-portfolio { + padding-bottom: 15px !important; + } + + .section-testimonials { + padding-bottom: 30px; + } + + .section-blog { + padding-bottom: 25px !important; + } + + .services-wrap { + margin-bottom: -5%; + } + + .section .column { + width: 100%; + min-height: 0 !important; + height: auto !important; + } + + .services-title { + width: 80%; + } + + .services h3 { + font-size: 20px; + line-height: 28px; + } + + .services p { + font-size: 14px; + } + + .services .service-icon { + margin-right: 3%; + margin-top: 5px; + } + + .section-blog { + padding-bottom: 40px; + } + + .home-blog-post { + width: 97.8%; + } + + .testimonials h2 { + font-size: 22px; + } + + .testimonials h3 { + font-size: 18px; + line-height: 28px; + } + +} + +/* Responsive Blocks */ + +@media screen and (min-width:500px) { + #portfolio-blocks ul { + max-width: 980px; + overflow: hidden; + color: #fff; + } + + .portfolio-block { + position: relative; + top: 0; + overflow: hidden; + } +} + +/* One Column */ + +@media screen and (min-width:300px) { + .portfolio-blocks-wrap { + width: 100%; + } + + .portfolio-block, .post-type-archive-okay-portfolio .post-box { + width: 100%; + margin: 0 0 15px 0 !important; + padding-bottom: 70%; + } +} + +/* Two Column */ + +@media screen and (min-width:700px) { + .portfolio-blocks-wrap { + width: 103%; + } + + .portfolio-block { + width: 47%; + margin: 0 3% 20px 0 !important; + padding-bottom: 33%; + } +} + +/* Three Column */ + +@media screen and (min-width:860px) { + .portfolio-block { + width: 31%; + margin: 0 2.2% 25px 0 !important; + padding-bottom: 21%; + } +} diff --git a/public/css/profile.css b/public/css/profile.css new file mode 100644 index 0000000..aef6429 --- /dev/null +++ b/public/css/profile.css @@ -0,0 +1,161 @@ + h1 { + font-size: 3em; + } + + h2 { + font-size: 2em; + } + hr { + height: 100%; + } + a { + color:#8f8f8f; + } + a:hover { + background: none; + color:#3f3f3f; + text-decoration: none; + } + + .columns .one-half.last { + border-left: 1px solid #000; + } + .favorites img { + border-radius: 100px; + } + + .favorites.one_third { + width: 100%; + } + + .online-education i { + font-size: 3.2em; + margin-right: 10px; + } + + .online-education strong { + position: relative; + bottom: 10px; + vertical-align: middle; + } + + .online-education .cred { + display: inline-block; + width: 140px; + margin-bottom: 20px; + } + +.social_icons ul{ + padding:0px; + margin:30px 0px 0px 0px; +} + +.social_icons li{ + font-size:35px; + display:inline; + padding-right:20px; +} + +.social_icons a{ + text-decoration:none; + color:#8f8f8f; +} + +.social_icons a:hover{ + text-decoration:none; + color:#3f3f3f; + background:none; +} + +/*Styling added by me*/ +#fancyerin { + background: #6ACBFF +} +.quoteerin { + color: #6ACBFF; + font-size: 55px; + align: left; +} + + +/*----Ana Styles----*/ +ul#icons{ + list-style-type:none; + margin:1em 0 0 0; + padding:0; +} + +ul#icons li{ + float:left; + margin-right:20px; +} + +.pixels{ +border-style: solid; +border-width: 90px; +-moz-border-image: url(images/pixels_left.png) 90 repeat; +-webkit-border-image: url(images/pixels_left.png) 90 repeat; +-o-border-image: url(images/pixels_left.png) 90 repeat; +border-image: url(images/pixels_left.png) 90 repeat; +} + +#img_mask{ +width: 100%; +height: 100%; +position: absolute; +background-image: url(../images/pixels_left.png), url(../images/pixels_right.png); +background-position: left,right; +background-repeat: repeat-y; +} + +/*-- Eugene's ADDED CSS STYLES --*/ + +.coder_cred .one_half { + border-right: dotted 1px #999; + height: 50%; +} + +.coder_cred .one_half p { + margin-right: 10px; +} + +.coder_cred .one_half div { + border-top: dotted 1px #999; + padding-top: 1em; + margin-right: 1em; +} + +.coder_cred .last { + border: none; + width:430px; +} + +.coder_cred table { + border: none; + margin-bottom: 10px; +} + +.coder_cred td { + padding-left: 50px; + padding-right: 50px; +} + +.coder_title { + font-size: 26px; +} + +table tbody tr td { +border:none; +} + +#dr_image { + border-radius: 0px 25px 0px 25px; + box-shadow: 10px 10px 5px #888888; + background:transparent url('http://cdn.memegenerator.net/instances/250x250/38038047.jpg') no-repeat; +} + +#dr_image:hover { +border-radius: 25px 0px 25px 0px; +background: url('http://cdn.memegenerator.net/instances/250x250/38038047.jpg' no-repeat); +} + diff --git a/public/css/ruthienachmany-style.css b/public/css/ruthienachmany-style.css new file mode 100644 index 0000000..d727044 --- /dev/null +++ b/public/css/ruthienachmany-style.css @@ -0,0 +1,2942 @@ +body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { + margin: 0; + padding: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +fieldset, img { border: 0 } + +ol, ul { list-style: none } + +caption, th { text-align: left } + +h1, h2, h3, h4, h5, h6 { + font-size: 100%; + font-family: 'Merriweather', Georgia, serif; + font-weight: normal; + color: #4c4c4c; +} + +html { height: 100% } + +body { + font: 14px/24px "Merriweather", Georgia, serif; + margin: 0 auto; + padding: 0; + background: #fff; + overflow-x: hidden; + height: 100%; + color: #555; +} + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +a { text-decoration: none } + +a:hover { color: #555 } + +hr { + margin: 20px 0 30px; + border: 0; + border-bottom: 1px dotted #ddd; + height: 1px; +} + +h1 { + font-size: 30px; + line-height: 36px; + margin-bottom: 15px; +} + +h2 { + font-size: 24px; + line-height: 36px; + margin-bottom: 15px; +} + +h3, h4, h5, h6 { + line-height: 28px; + margin-bottom: 12px; +} + +h3 { font-size: 18px } + +h4 { font-size: 16px } + +h5 { font-size: 14px } + +h6 { + font-size: 13px; + color: #bfbfbf; + text-transform: uppercase; +} + +p { margin-bottom: 15px } + +.clear { + clear: both; + font-size: 0px; + line-height: 0px; + display: block; +} + +.clearfix:after { + content: ""; + display: block; + clear: both; + visibility: hidden; + font-size: 0; + height: 0; +} + +.clearfix { + *display: inline-block; + height: 1%; +} + +.last { margin-right: 0 !important } + +blockquote p { + position: relative; + font-family: 'Merriweather', Georgia, serif; + color: #aaa; + font-size: 16px; + font-weight: 400; + line-height: 28px; + padding: 15px 0 15px 30px; + margin: 25px 0; +} + +blockquote p:before { + position: absolute; + left: 0; + top: 14px; + content: "\f0e5"; + font-family: "FontAwesome"; + display: block; + color: #bbb; +} + +::selection { + background: #fff666; + color: #222; +} + +::-moz-selection { + background: #fff666; + color: #222; +} + +img { + max-width: 100%; + height: auto; +} + +/* ===[ Layout Styles ]===================================================== */ + +.main-wrapper { + width: 100%; + margin: 0 auto; +} + + +.header-wrapper { + width: 100%; + margin: 0 0 0 0; + position: fixed; + z-index: 99999; + background: #fff; +} + +.header-hidden-wrap { + z-index: 999; + position: relative; +} + +.header-hidden { + margin: 0 auto; + max-width: 980px; + padding: 10px 10px 0px 10px; + position: relative; + display: none; + background: #f3f3f3; +} + +.header-hidden-toggle-wrap { + max-width: 980px; + position: relative; + margin: 0 auto; +} + +.show-hidden { + margin-top: 0; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.hidden-toggle { + position: absolute; + right: 0px; + bottom: -35px; + display: block; + width: 21px; + height: 21px; + text-align: right; + color: #ccc; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.show-hidden .hidden-toggle { + +} + +.header-hidden-left { + width: 60%; + float: left; + font-size: 12px; + line-height: 20px; + color: #999; + padding-top: 3px; +} + +.header-hidden-right { + float: right; + width: 40%; +} + +.lights { + float: right; + color: #aaa; +} + +.icons { + float: right; +} + +.icons a { + margin-bottom: 0 !important; +} + +.header { + max-width: 980px; + margin: 0 auto; + padding-top: 40px; + border-bottom: solid 1px #eee; +} + +.header-left { + width: 25%; + float: left; +} + +.header-left img { padding: 0 0 0 0 } + +.header-left h1 { + margin: 5px 0 0 0; +} + +.header-left h1 a { + color: #555; + text-decoration: none; + font-size: 34px; + font-weight: 600; + line-height: 28px; + letter-spacing: -2px; + -webkit-transition: .04s ease-in; + -moz-transition: .04s ease-in; + transition: .04s ease-in; +} + +.header-left h1 a:hover { + color: #999; + -webkit-transition: .04s ease-in; + -moz-transition: .04s ease-in; + transition: .04s ease-in; +} + +.logo { + margin-top: -30px !important; +} + +.header-right { + width: 75%; + float: right; +} + +/* ===[ Header Navigation Styles ]===================================================== */ + +.select-menu, .select { display: none } + +.menu-main-container { position: relative } + +#nav { float: right } + +#nav, #nav ul { + margin: 13px 0 0 0; + padding: 0; + list-style-type: none; + list-style-position: outside; + position: relative; + line-height: 1.5em; + z-index: 1000; +} + +#nav a { + display: block; + padding: 5px; + color: #aaa; + text-decoration: none; + text-align: left; + outline: none; + font-weight: normal; + font-family: 'Merriweather', Georgia, serif; +} + +#nav > .current-menu-item > a, #nav > li a:hover { color: #4C4C4C } + +.plus { color: #aaa } + +#nav ul { + position: absolute; + display: none; +} + +#nav li { + float: left; + position: relative; + list-style-type: none; + padding-bottom: 17px; +} + +#nav li a { + font-size: 12px; + font-weight: bold; + text-transform: uppercase; + padding: 8px 15px; +} + +#nav > li > a { padding: 5px 12px } + +#nav > li:last-child a { + margin-right: 0px; + padding-right: 0px; + border-right: none; +} + +#nav > li:first-child a { + +} + +#nav li ul a { + width: 150px; + height: auto; + float: left; + font-size: 12px; + color: #999; +} + +#nav .sub-menu { + box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; + -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; + -webkit-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; +} + +#nav .sub-menu li { + background: #fff; + border-left: solid 1px #eee; + border-right: solid 1px #eee; +} + +#nav .sub-menu li:first-child { border-top: solid 1px #eee } + +#nav > li > ul { margin-top: 17px } + +#nav li ul li { + border-bottom: solid 1px #eee; + padding-bottom: 0px; +} + +#nav li ul li:last-child { border-bottom: none } + +#nav li ul li a { + margin-right: 0px; + font-size: 10px; +} + +#nav li ul li a:hover { + background: #f9f9f9; + color: #555; +} + +#nav ul ul { top: auto } + +#nav ul ul li:first-child { border-top: solid 1px #eee } + +#nav li ul ul { + left: 150px; + margin: -1px 0 0 0; + padding-right: 5px; +} + +#nav li ul ul li { border-top: none } + +#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display: none } + +#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display: block } + +/* ===[ Title Styles ]===================================================== */ + + + +.home .page-title { + text-align: center; + border-bottom: none; +} + +.error404 .page-title { + text-align: center; +} + +.page-title { + border-bottom: solid 1px #eee; + padding: 30px 0; + position: relative; +} + +.profile_image { + float: left; + width: 40%; +} + +.profile_image h2 { + text-align: left; + margin-bottom: 0px; +} + +.profile_image h3 { + font-size: 18px; + padding-bottom: 10px; +} + +.profile_image img { + top-margin: 20px; + margin-bottom: 20px; + width: 100%; +} + +.profile-name { + text-align: left; + float: right; + width: 560px; +} + +.page-title-portfolio { + border-bottom: none; + margin-bottom: 0; + display: inline-block; + width: 100%; + position: relative; +} + +.portfolio-titles { + float: left; + width: 75%; + display: inline-block; +} + +.project-nav { + font-size: 11px; + text-transform: uppercase; + text-align: right; + position: absolute; + right: 0; + bottom: 30px; + width: 25%; + margin-top: 15px; +} + +.project-nav a { + color: #aaa !important; + margin-left: 10px; +} + +.project-nav a:hover { color: #555 !important } + +.next-project span { + padding-left: 10px; + border-left: solid 1px #eee; +} + +.project-nav i { + padding: 0 2px; +} + +.page-title a { color: #4c4c4c } + +.page-title h2 { + margin-bottom: 0px; + font-size: 34px; + letter-spacing: -1px; + line-height: 42px; +} + +.page-title h3 { + color: #aaa; + font-size: 16px; + line-height: 24px; + margin: 5px 0 0 0; +} + +.page-title h3 a { color: #aaa } + +.post-nav { + position: absolute; + bottom: 50px; + right: 0; + font-size: 11px; + text-transform: uppercase; +} + +.post-nav a { + color: #aaa; + margin-left: 20px; + float: right; +} + +.post-nav a:hover { color: #555 } + +/* ===[ Blog Styles ]===================================================== */ + +.blog-post { + margin-bottom: 50px; + padding-bottom: 30px; + border-bottom: solid 1px #eee; +} + +.blog-post:last-child { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.blog-content { padding: 0 0 0 0 } + +.readmore { + text-align: center; + font-size: 10px; + letter-spacing: 2px; + text-transform: uppercase; + padding-top: 5px; + margin-top: 10px; +} + +.more-link { + margin-top: 10px; + clear: both; + padding: 5px 5px 5px 0px; +} + +.blog-meta { + float: left; + width: 15%; + margin: 5px 5% 20px 0; + text-align: right; + display: inline-block; +} + +.blog-meta-date { + padding-bottom: 10px !important; + margin-bottom: 10px !important; + border-bottom: solid 1px #eee; + float: left; +} + +.share-title { color: #555 !important } + +.single-attachment .share-title { + display: none; +} + +.blog-meta ul { + margin-bottom: 15px !important; + padding-bottom: 15px !important; + border-bottom: solid 1px #eee; + display: inline-block; +} + +.blog-meta ul:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.blog-meta li { + list-style-type: none !important; + background: none !important; + padding: 0 0 0 0 !important; + margin: 0 0 6px 0 !important; + color: #999; + width: 100%; + line-height: 18px; + float: left; + font-size: 11px; +} + +.blog-meta ul li:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.blog-meta li a, .blog-meta li { color: #999 } + +.blog-meta li a:hover { color: #4c4c4c } + +.content .blog-text { + float: right; + width: 80%; +} + +.title-meta h2 { + margin: 0 0 0 0; + padding-bottom: 10px; + line-height: 38px; + font-size: 28px; + letter-spacing: -1px; +} + +.title-meta h2 a { + color: #555; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.title-meta h2 a:hover { + color: #999; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.blog-image { + width: 100%; + margin-bottom: 35px; + float: left; +} + +.blog-image img { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.blog-image img:hover { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + opacity: .9; +} + +.blog-read-more { + font-size: 11px; + letter-spacing: 2px; + text-transform: uppercase; + padding-top: 15px; +} + +/* ===[ Tagcloud Styles ]===================================================== */ + +.tags { + width: 620px; + padding: 15px 0 15px 0; + clear: both; + margin-right: 35px; + background: #f9f9f9; +} + +.tags-list { + width: 505px; + float: left; +} + +.tags-list ul { + float: left; + padding: 0 0 0 5px; + width: 100%; + margin-bottom: 0; +} + +.tags-list ul li { + display: block; + padding: 0 19px 0 0; + float: left; +} + +.tags-list ul li p { + font-size: 11px; + font-weight: bold; + color: #5a5a5a; + float: none; + padding: 0; +} + +.tags-list ul li span { + font-size: 11px; + font-weight: bold; + color: #a2a2a2; + display: inline; + padding: 0 0 0 4px; +} + +.tags_rgt { + float: right; + width: 81px; + margin-right: 15px; +} + +.search .post-share, .archive .post-share { display: none } + +.blog-navigation { + padding-bottom: 25px; +} + +.blog-navigation a { + text-decoration: none; + padding: 10px 0; + color: #555; + font-weight: normal; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 2px; +} + +.blog-navigation a:hover { color: #999 } + +.blog-navigation .alignright a:after { + font-family: 'FontAwesome'; + -webkit-font-smoothing: antialiased; + content: "\f0da"; + margin-left: 5px; +} + +.blog-navigation .alignleft a:before { + font-family: 'FontAwesome'; + -webkit-font-smoothing: antialiased; + content: "\f0d9"; + margin-right: 5px; +} + +.navigation a { + text-decoration: none; + padding: 10px 0; + color: #555; + font-weight: normal; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 2px; +} + +.navigation a:hover { color: #999 } + +.featured-image { + margin: 0 0 20px 0; + float: left; + width: 100%; +} + +.fullsize-image { + margin: 0 0 30px 0; + float: left; + width: 100%; +} + +.okvideo { margin-bottom: 30px } + +.intro { + color: #979797; + font-size: 16px; + line-height: 28px; + margin-bottom: 15px; + border-top: solid 1px #EEE; + border-bottom: solid 1px #EEE; + padding: 10px 0; +} + +/* ===[ Search Form Styles ]===================================================== */ + +.search-404 { + text-align: center; + width: 65%; + margin: 0 auto; +} + +.search-404 .searchform { + margin-top: 25px; +} + +.searchform { + position: relative; + width: 100%; +} + +#searchsubmit { + position: absolute; + right: 0; + top: 0; + background: #e8e8e8; + border: none; + padding: 8px 10px; + height: 34px; + font-size: 9px; + font-weight: bold; + line-height: 20px; + text-transform: uppercase; + font-family: "Merriweather", Georgia, serif; + color: #777; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +#searchsubmit:hover { + background: #fff666; + color: #222; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#searchform { + float: left; + width: 100%; +} + +#s { + background: #f7f7f7; + float: left; + padding: 10px 65px 10px 8px; + border: 0; + font-size: 12px; + color: #999; + outline: none; + width: 190px; + margin: 0 0 0 0; + font-family: Georgia, serif; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; + font-style: italic; + width: 100%; + -webkit-appearance:caret; +} + +#s:focus, #s:hover { + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +#searchsubmit { +} + +.content #searchsubmit { float: left } + +#searchsubmit:hover { cursor: pointer } + +#searchform .screen-reader-text { display: none } + +/* ===[ Sidebar Styles ]===================================================== */ + +#sidebar-close { display: none } + +#sidebar { + width: 25%; + float: right; + font-size: 12px; + line-height: 22px; +} + +#sidebar p { + font-size: 12px; +} + +#sidebar a { + text-decoration: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#sidebar a:hover { + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.widget { + margin-bottom: 40px; + clear: both; + float: left; + width: 100%; +} + +.widget h2, .portfolio-sidebar h2 { + font-size: 10px; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + display: block; + line-height: 26px; + margin: 0 0 10px 0; + font-family: 'Merriweather', Georgia, serif; + text-align: center; + background: #f7f7f7; + color: #999; +} + +#sidebar .widget ul { + margin: 0; + padding: 0; +} + +#sidebar .widget li { + margin: 0 0 5px 15px; + list-style-type: square; +} + +#sidebar .slides li { + list-style-type: none; + margin: 0; +} + +.widget ul { padding: 0 0 0 15px } + +.widget ul li { + padding: 0; + list-style-type: none; +} + +.widget ul li ul { padding: 0 0 0 0 } + +.tagcloud { + padding: 0 0 0 0; + text-align: center; +} + +.tagcloud a { + text-decoration: none; + float: left; + color: #888; + padding: 10px; + position: relative; + font-weight: bold; +} + +.tagcloud a:hover { color: #555 } + +/* ===[ Default Widget Styles ]===================================================== */ + +.widget_archive select { + width: 100%; +} + +#wp-calendar { + width: 100%; +} + +#wp-calendar caption { + text-align: center; + margin-bottom: 5px; +} + +.widget_rss li { + margin: 0 0 15px 0 !important; + list-style-type: none !important; +} + +.widget_rss .rsswidget { + width: 100%; +} + +.widget_rss .rss-date { + width: 100%; + float: left; + font-size: 11px; + color: #999; +} + +.widget_rss cite { + color: #999; + font-size: 11px; +} + +#sidebar .wp-caption { + width: 100%; + text-align: center; + color: #999; +} + +.widget_text { + word-wrap: break-word; +} + +/* ===[ Comment Styles ]===================================================== */ + +.comments { + float: left; + margin: 50px 0px 50px 0px; + background: #f6f6f6; + width: 100%; + border-top: none; + padding: 30px; +} + +.commentlist { + margin-bottom: 0 !important; +} + +.comments li { background: none !important } + +h3#comments { + padding: 0 0 20px 0; + margin: 0 0 25px 0 !important; + font-size: 20px; + font-weight: bold; + border-bottom: solid 1px #eee; + line-height: 30px; + text-align: center; +} + +#respond { + margin: 0; + padding: 0; +} + +.commentlist #respond { + margin: 20px 0 20px 0; +} + +#respond h3 { + padding: 0 0 3px 0; + font-size: 20px; + font-weight: bold; + margin: 0 !important; +} + +#reply-title small { + font-weight: bold; + font-size: 9px; + text-transform: uppercase; + margin-left: 5px; +} + +#respond .logged-in-as, .comment-notes { + font-size: 13px; + padding-bottom: 10px; + margin-bottom: 15px; + border-bottom: solid 1px #e6e6e6; +} + +#comments .form-allowed-tags { + display: none; +} + +#respond label { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 1px; + margin: 5px 0 0 0px; + color: #aaa; +} + +#respond p { margin-bottom: 15px } + +#respond input[type="text"], #respond textarea { + color: #777; + border: none; + border: solid 1px #eee; + border-bottom: solid 1px #ddd; + background: #fff; + width: 100%; + padding: 10px; + font-size: 13px; + -webkit-appearance:caret; +} + +#respond input:focus, #respond textarea:focus { outline: none } + +#respond textarea { + line-height: 22px; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.form-submit { + margin-bottom: 0 !important; +} + +#respond #submit { + background: #555; + color: #fff; + font-size: 12px; + font-weight: bold; + font-family: 'Merriweather', Georgia, serif; + padding: 10px 20px; + margin: 5px 0 0 0; + border: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +#respond #submit:hover { + background: #666; + cursor: pointer; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#respond #commentform p { + +} + +.comment #respond #commentform p { + +} + +#respond #commentform .form-author { background: #fff } + +#respond #commentform .form-email { background: #fff } + +#respond #commentform .form-website { background: #fff } + +.allowed { + font-size: 11px; + color: #888; + width: 500px; + float: left; + margin: 0 0 15px 0; +} + +.commentlist { list-style-type: none !important } + +.commentlist li { + padding: 0 0 15px 0; + margin: 0 0 15px 0 !important; + position: relative; + list-style-type: none !important; +} + +.commentlist li:last-child { + margin-bottom: 40px !important; + padding-bottom: 0; +} + +.commentlist li:before, .commentlist ol .num { + float: left; + margin: 0 0 0 0 !important; + content: none !important; + counter-increment: none !important; +} + +#comments .children { + margin: 25px 0 0 25px !important; +} + +#comments .children li { + margin: 0; + padding: 0; +} + +#comments .children li:last-child { + margin-bottom: 0 !important; + padding-bottom: 0; +} + +.comment-block { padding: 0 } + +.comment-text { + background: #fff; + border: solid 1px #eee; + padding: 20px; + font-size: 14px; + line-height: 22px; + border-bottom: solid 1px #ddd; +} + +.comment-text:before { + width: 0; + height: 0; +} + +.reply { + margin: 0px !important; + font-size: 12px; +} + +.comments .children .reply { text-align: left } + +.reply a:hover { text-decoration: none } + +.reply a:hover:after { content: "\2192" } + +#cancel-comment-reply { + margin: 0 0 15px 0; + float: right; +} + +.comments .logged-in { + float: left; + font-size: 14px !important; +} + +.comment-awaiting-moderation { + color: #555; + font-weight: bold; + font-size: 11px; +} + +.vcard { + margin: 0 0 0 0; + padding: 0 0 0 0; + float: left; +} + +.vcard img { + float: left; + background: #fff; + border: solid 1px #eee; + padding: 3px; +} + +.fn { + float: left; + font-style: normal; + font-size: 15px; + font-weight: bold; + line-height: 20px; + margin-top: 0; + margin-bottom: -6px; +} + +.fn a { color: #666 } + +.comment-info { + margin-bottom: 15px; + position: relative; +} + +.comment-meta { + float: left; + margin: 2px 0 0 12px; +} + +.comment-time { + font-size: 11px; + color: #999; +} + +.comment-edit-link { font-size: 11px } + +/* ===[ Sidebar Styles ]===================================================== */ + +.blog-entry { + +} + +.pro-title h4 { + display: block float:left; + width: 295px; + background: url(images/design-repeat.gif) right center repeat-x; +} + +.pro-title h4 span { + font-size: 14px; + color: #FFF; + font-weight: bold; + background: #3e3e3e; + padding: 0 10px 0 0; +} + +.pro-title h3 { + font-size: 14px; + color: #FFF; + font-weight: bold; + display: block float:left; + width: 295px; + background: url(images/design-repeat.gif) right center repeat-x; +} + +.pro-title h3 span { + font-size: 14px; + color: #FFF; + font-weight: bold; + background: #3e3e3e; + padding: 0 10px 0 0; +} + +/* ===[ Section Styles ]===================================================== */ + +.container { + max-width: 980px; + margin: 0 auto; + padding-top: 140px; +} + +#sections { + max-width: 980px; + margin: 0 auto; + padding-top: 140px; +} + +.section-title { + letter-spacing: 5px; + font-size: 13px; + font-weight: bold; + text-transform: uppercase; + margin-bottom: 40px; + text-align: center; + padding: 5px; + border-top: solid 1px #eee; + border-bottom: solid 1px #eee; +} + +.section-title span { + background: #fff; + padding: 0 15px; +} + +.section:first-child { + padding-top: 0px; + border-top: none; +} + +.section { + padding: 0 0 0 0; + float: left; + width: 100%; + position: relative; +} + +.section-slider { + padding-bottom: 70px; +} + +.section-services { + padding-bottom: 80px; +} + +.section-services.student-index { + padding-bottom: 0px; +} + +.section-portfolio { + padding-bottom: 45px; +} + +.section-blog { + padding-bottom: 30px; +} + +.section-faq { + padding-bottom: 30px; +} + + +.section-testimonials { + padding-top: 100px; + padding-bottom: 300px; +} + + +.section-testimonials a { + color: #aaa; +} +.section-testimonials a:hover { + color: #60BDDB; +} + +.section-testimonials-curriculum { + padding-top: 40px; + padding-bottom: 150px; +} + +.section-testimonials-curriculum a { + color: #aaa; +} +.section-testimonials-curriculum a:hover { + color: #60BDDB; +} + + +.section .column { + width: 33%; + margin: 0 0 3% 0; + float: left; + padding-left: 4%; + margin-bottom: 3%; +} + +.section .column:last-child { + margin-right: 0px; + border-right: none; +} + +.section-titlea { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 2px; + color: #999; + background: #f7f7f7; + padding: 0 10px; + margin: 0 0 35px 0; + text-align: center; +} + +.section-title2a { + font-size: 48px; + letter-spacing: -2px; + color: #eee; + position: absolute; + bottom: -16px; + right: 0; + padding: 0; + text-align: center; + display: none; +} + +.section-title3a { + font-size: 28px; + text-align: center; + display: none; +} + +/* ===[ Ribbon Styles ]===================================================== */ + +.ribbon { + font-size: 11px !important; + text-transform: uppercase; + letter-spacing: 2px; + width: 30%; + position: relative; + background: #ededed; + color: #777; + text-align: center; + padding: 8px 2em; + margin: 0 auto 45px; + line-height: 16px; +} + +.ribbon:before, .ribbon:after { + content: ""; + position: absolute; + display: block; + bottom: -1em; + border: 1.5em solid #e4e2e2; + z-index: -1; +} + +.ribbon:before { + left: -2em; + border-right-width: 1.5em; + border-left-color: transparent; +} + +.ribbon:after { + right: -2em; + border-left-width: 1.5em; + border-right-color: transparent; +} + +.ribbon .ribbon-content:before, .ribbon .ribbon-content:after { + content: ""; + position: absolute; + display: block; + border-style: solid; + border-color: #cfcfcf transparent transparent transparent; + bottom: -1em; +} + +.ribbon .ribbon-content:before { + left: 0; + border-width: 1em 0 0 1em; +} + +.ribbon .ribbon-content:after { + right: 0; + border-width: 1em 1em 0 0; +} + +.non-semantic-protector { + position: relative; + z-index: 1; + background: url(images/ribbon-bg.png) no-repeat 0 24px; + display: none; +} + +/* ===[ Slider Styles ]===================================================== */ + +.single .gallery-wrap { + margin-bottom: 40px; + margin-top: -1px; +} + +.slides .featured-thumb img { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.featured-thumb img:hover { + opacity: .9; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +/* ===[ Services Styles ]===================================================== */ + +.services-wrap { + display: block; + float: left; + margin-left: -4%; + margin-bottom: -2%; + max-width: 1020px; +} + +.services-title { + float: left; + width: 75%; + padding-top: 11px; +} + +.services h3 { + font-size: 14px; + font-weight: bold; + line-height: 20px; + margin-bottom: 0; +} + +.services h3 a { color: #4c4c4c } + +.services h3 a:hover { color: #888 } + +.services .service-icon { + float: left; + margin: 0 5% 0 0; + font-size: 20px; + line-height: 22px; + text-align: center; + color: #555; + background: #f3f3f3; + display: block; + padding: 11px 10px 9px 10px; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + height: 40px; + width: 40px; + overflow: hidden; +} + +.services p { + margin: 15px 0 20px 0; + font-size: 13px; + border-top: dotted 1px #e6e6e6; + padding-top: 8px; +} + +.services:hover .service-icon { + background: #fff666; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +/* ===[ Home Blog Styles ]===================================================== */ + +body.students .home-blog { + display: block; + margin-left: -2.2%; + max-width: 1020px; +} + +.home-blog-post li{ + list-style-type:none; +} + +body.students ul li.home-blog-post{ + list-style-type:none; +} + +.home-blog-post { + float: left; + width: 31%; + margin: 0 0 5% 2.2%; + border: solid 1px #eee; + padding: 30px; + position: relative; +} + +.big-comment h3 { position: relative } + +.home-blog-post h3 { + font-size: 18px; + line-height: 24px; + margin-bottom: 5px; +} + +.home-blog-post h3 a { color: #4c4c4c } + +.home-blog-post h3 a:hover { color: #888 } + +.home-blog-post .excerpt p { + font-size: 13px; + margin-bottom: 0; + padding: 0; +} + +.home-blog-post .blog-text { + font-size: 14px; + line-height: 26px; +} + +.home-blog-post-meta { + text-transform: uppercase; + font-size: 10px; + color: #aaa; + line-height: 16px; + margin-bottom: 20px; + padding-bottom: 20px; + border-bottom: solid 1px #eee; +} + +.home-blog-post .blog-thumb { + margin: -31px -31px 25px -31px; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.home-blog-post .blog-thumb img { + max-width: 100%; + min-width: 100%; + height: auto; +} + +.home-blog-post img:hover { + opacity: .9; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.home-blog-right { + float: right; + width: 300px; +} + +.okay-recent-posts { + margin: 0; + padding: 0; +} + +.okay-recent-posts .pane { + padding-top: 10px !important; + border: none !important; + padding: 0; +} + +.okay-recent-posts .pane h4 { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 2px; + display: block; + line-height: 30px; + margin: 0 0 15px 0; + font-family: 'Merriweather', Georgia, serif; + text-align: center; + background: #f7f7f7; + color: #999; +} + +.recent-posts-widget .recent-posts { + width: 100%; +} + +.recent-posts-widget li, .recent-comments-widget li { + list-style-type: none; + margin: 0 0 15px 0 !important; + padding: 0 0 15px 0 !important; + border-bottom: solid 1px #eee; + display: inline-block; +} + +.recent-posts-widget li:last-child, .recent-comments-widget li:last-child { + border-bottom: none !important; + margin-bottom: 0 !important; + padding-bottom: 5px !important; +} + +.recent-posts h3 { + line-height: 18px; + margin-bottom: 2px; + font-weight: bold; + font-size: 12px; +} + +.recent-posts h3 a { color: #4c4c4c } + +.recent-posts h3 a:hover { color: #888 } + +.recent-posts p { + font-size: 10px; + line-height: 15px; + color: #aaa; + margin-bottom: 0px; +} + +/* ===[ Homepage Testimonial Styles ]===================================================== */ + + +.testimonials h2 { + font-size: 30px; + margin: 15px 0 0 0; + text-align: center; +} + +.testimonials h3 { + font-weight: normal; + font-size: 20px; + line-height: 32px; + text-align: center; +} + +/* ===[ Homepage FAQ Styles ]===================================================== */ + + +.faq h2 { + font-size: 30px; + margin: 15px 0 0 0; + text-align: center; +} + +.faq h3 { + font-weight: normal; + font-size: 20px; + line-height: 32px; + text-align: center; +} + +/* ===[ Portfolio Page Styles ]===================================================== */ + +.mobile-slide { display: none !important } + +.portfolio-big-slide { + float: left; + width: 100%; + position: relative; +} + +.portfolio-large-image { + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + position: relative; + display: inline-block; + width: 100%; +} + +.portfolio-big-slide:hover .portfolio-large-image, .portfolio-block:hover .portfolio-small-image { + opacity: .16; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.portfolio-block .students { + display:none; + } +.portfolio-block:hover .students { + display:block; + position:absolute; + z-index:1; + left:-1px; + text-align: center; + top:68px; + color: #000; + width:312px; + height:100px; + } + + +.portfolio-large-image img { + min-width: 100%; + height: auto; +} + +.portfolio-big-slide .portfolio-block { + width: 980px; + margin-bottom: 40px; +} + +/* ===[ Portfolio Page Titles ]===================================================== */ + +.portfolio-big-title { + text-align: center; + margin-bottom: 40px; + display: block; + clear: both; +} + +.portfolio-big-title h2 { + letter-spacing: 0px; + font-size: 32px; + line-height: 40px; + margin-bottom: 0px; + text-align: center; +} + +.portfolio-big-title h3 { + font-size: 16px; + line-height: 26px; + letter-spacing: 0px; + color: #aaa; + text-align: center; + margin: 15px 0 0 0; + padding: 0 50px; +} + +#portfolio-blocks .slides li:first-child { display: none } + +.paged #portfolio-blocks .slides li:first-child, .home #portfolio-blocks .slides li:first-child { display: block } + +.page-template-portfolio-php #portfolio-blocks { margin-bottom: 60px } + +.portfolio-navigation { + width: 100%; + max-width: 980px; + clear: both; + margin-top: 20px; + display: inline-block; + position: relative; +} + +.portfolio-navigation a { + color: #555; +} + +.portfolio-navigation .alignleft, .portfolio-navigation .alignright { + color: #555; + font-size: 12px; + line-height: 30px; + font-weight: bold; + position: relative; +} + +.portfolio-navigation .alignleft a { + padding: 10px 15px 10px 22px; + background: #f7f7f7; +} + +.portfolio-navigation .alignleft a:before { + position: absolute; + top: -1px; + left: 12px; + display: block; + content: "\f0d9"; + font-family: "FontAwesome"; +} + +.portfolio-navigation .alignright a { + padding: 10px 22px 10px 15px; + background: #f7f7f7; +} + +.portfolio-navigation .alignright a:before { + position: absolute; + top: -1px; + right: 12px; + display: block; + content: "\f0da"; + font-family: "FontAwesome"; +} + +.portfolio-navigation .alignleft i { + margin: 0 5px 0 0; + font-size: 10px; + position: absolute; + top: 14px; + left: 12px; +} + +.portfolio-navigation .alignright i { + margin: 0 0 0 5px; +} + +/* ===[ Portfolio Block Styles ]===================================================== */ + +.portfolio-blocks-wrap { + width: 103%; +} + +.portfolio-blocks { + max-width: 1008px; + overflow: hidden; + color: white; + position: relative; +} + +.portfolio-block { + position: relative; + z-index: 5; + overflow: hidden; + float: left; + display: inline-block; +} + +.page-template-portfolio-php .portfolio-blocks .portfolio-block:first-child { + display: none; +} + +.home .portfolio-block:first-child { + display: block !important; +} + +.portfolio-block-large { + margin-bottom: 40px; +} + +.portfolio-block-inside { + position: absolute; + height: 100%; + width: 100%; + overflow: hidden; + display: inline-block; +} + +.portfolio-block-inside a { + display: block; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.portfolio-block-inside img { + width: 100%; + max-width: 100%; + height: auto; +} + +/* ===[ Portfolio Meta Styles ]===================================================== */ + +.portfolio-sidebar { + width: 25%; + float: right; + font-size: 12px; + line-height: 22px; +} + +.portfolio-meta { + margin: 0 0 0 0; +} + +.portfolio-meta h3 { + border-bottom: solid 1px #eee; + padding-bottom: 12px; +} + +.portfolio-meta li { + background: none !important; + padding: 0 0 10px 0 !important; + margin: 0 0 10px 0 !important; + color: #999; + width: 100%; + line-height: 18px; + float: left; + border-bottom: solid 1px #eee; +} + +.portfolio-meta li:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.portfolio-meta li span { + color: #555; + width: 100%; + float: left; +} + +/* ===[ Testimonial Styles ]===================================================== */ + +.faq h2 { font-size: 26px } + +.faq h3 { color: #aaa } + + +/* ===[ Testimonial Styles ]===================================================== */ + +.testimonials h2 { font-size: 26px } + +.testimonials h3 { color: #aaa } + +/* ===[ Recent Posts Widget Styles ]===================================================== */ + +.recent-comment-text { + margin-top: 5px; + font-size: 11px !important; + line-height: 18px !important; +} + +.recent-comments-widget .comment-txt:hover { color: #888 } + +/* ===[ Content Styles ]===================================================== */ + +.content { + width: 70%; + float: left; + margin: 0 0 0 0; + padding: 0 0 0 0; +} + +.content-full { + width: 100%; +} + +.portfolio-full { + padding-top: 30px; + max-width: 980px !important +} + +.archive .portfolio-full { + padding-top: 0; +} + +.content ul, .content ol { + margin: 0 0 20px 15px; +} + +.content ul li { + list-style-type: square; + margin-bottom: 5px; +} + +.content ol li { + list-style-type: decimal; +} + +/* ===[ Footer Styles ]===================================================== */ + +.footer { width: 100% } + +.footer-text { + max-width: 980px; + margin: 0 auto; + padding: 10px 0px 30px 0px; + border-top: solid 1px #eee; + border-bottom: solid 0px #eee; +} + +.footer-text-left { + width: 50%; + float: left; +} + +.footer-text-left ul { float: left } + +.footer-text-left ul li { + float: left; + display: inline; + margin: 0 5px 0 0; +} + +.footer-text-left ul li a { + font-size: 11px; + font-weight: bold; + text-transform: uppercase; + color: #999; + text-decoration: none; + padding: 0px 10px 0 0; +} + +.footer-text-left ul li a:hover { + color: #555; +} + +.footer-text-left ul li:first-child { padding-left: 0px } + +.footer-text-left ul li.last { padding: 3px 0 0 0 } + +.footer-text-right { + float: right; + font-size: 11px; + color: #999; + text-decoration: none; + text-transform: uppercase; +} + +.footer-text-right a { color: #4c4c4c } + +.footer-text-right a:hover { color: #999 } + +.footer-widgets { + max-width: 980px; + margin: 50px auto 0 auto; + padding: 0px 0 75px 0; + border-top: solid 5px #f2f2f2; +} + +.footer-widgets-wrap { + margin-left: -5%; +} + +.footer-widget { + width: 33%; + float: left; + padding: 30px 0 0 5%; + font-size: 12px; +} + +.footer-widget:last-child { + +} + +.footer-widget a { text-decoration: none } + +.footer-widget ul { margin: 0 0 0 0 } + +.footer-widget li { + margin-left: 15px; + list-style-type: square; +} + +.footer-widget p { line-height: 22px } + +.footer-widget h2 { + font-size: 11px; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + display: block; + line-height: 24px; + padding: 0 0 5px 0; + margin: 0 0 20px 0; + border-bottom: solid 1px #eee; +} + +/* ===[ Deafult WP Styles ]===================================================== */ + +.wp-caption { +} + +.wp-caption.alignnone { margin: 5px 20px 20px 0 } + +.wp-caption.alignleft { margin: 5px 20px 20px 0 } + +.wp-caption.alignright { margin: 5px 0 20px 20px } + +img.alignleft, img.alignright { + +} + +.alignright { float: right } + +.alignleft { float: left } + +.aligncenter { text-align: center } + +img.alignleft { margin: 5px 25px 20px 0 } + +img.alignright { margin: 5px 0 20px 20px } + +.wp-caption img { + border: 0 none; + height: auto; + margin: 0; + max-width: 98.5%; + padding: 0; + width: auto; +} + +.wp-caption p.wp-caption-text { + font-size: 10px !important; + margin: 0 !important; + padding: 3px 0 0 0!important; +} + +.gallery-caption { text-align: center } + +.gallery-item { + width: 105px !important; + margin-right: 15px; + margin-bottom: 20px; +} + +.gallery-icon { width: 105px } + +.gallery-item img { + width: 95px; + height: auto; + padding: 8px; + border: solid 1px #eee !important; +} + +.gallery-item img:hover { + border: solid 1px #ddd !important; +} + +.sticky { +} + +.bypostauthor { +} + +/* ===[ Contact Form 7 Styles ]===================================================== */ + +.hbspt-form input[type="text"], .hbspt-form textarea { font-family: Georgia, serif } + +.hbspt-form input[type="text"] { + padding: 10px; + font-size: 16px; + font-weight: 200; + color: #777; + border: none; + width: 100%; + background: #f0f0f0; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form input[type="email"] { + padding: 10px; + font-size: 16px; + font-weight: 200; + color: #777; + border: none; + width: 100%; + background: #f0f0f0; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form textarea { + margin: 0; + padding: 10px; + font-size: 16px; + width: 100%; + height: 250px; + box-sizing: border-box; + -moz-box-sizing: border-box; + color: #777; + border: none; + background: #f0f0f0; + margin-top: 5px; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form input:focus, .hbspt-form textarea:focus { + outline: none; + background: #e9e9e9; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form p { + font-size: 11px !important; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + margin: 0 0 20px 0; +} + +.hbspt-form br { margin-bottom: 10px } + +input.hs-button.primary.large{ + background: #555; + color: #fff; + font-size: 12px; + font-weight: bold; + font-family: 'Merriweather', Georgia, serif; + padding: 10px 20px; + margin: 5px 0 0 0; + border: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +.hbspt-form-submit:hover { + background: #666; + cursor: pointer; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.hbspt-form-response-output { + background: #faf7d6; + border: none !important; +} + +.hbspt-form-mail-sent-ok { + margin-left: 0px !important; + margin-right: 0px !important; + background: #ECF3E5; + background: rgba(229, 243, 212, .5); + padding: 15px !important; + border: solid 1px #D2EFAC !important; +} + +.hbspt-form-validation-errors { + margin-left: 0px !important; + background: #FCF3F3; + background: rgba(255, 238, 238, .5); + border: solid 1px #FBDCDC !important; + padding: 10px !important; + margin-right: 0px !important; +} + +/* ===[ Page With Sidebar Shortcode Column Styles ]===================================================== */ + +.highlight { + background: #fff9ce; + width: auto; + display: inline; + padding: 0px 3px; + font-weight: bold; +} + +/* ===[ Full Width Shortcode Column Styles ]===================================================== */ + +.two-thirds, .two-thirds-last { + width: 65.319148936%; + margin: 0 4% 20px 0; + float: left; +} + +.two-thirds-last { margin-right: 0px !important } + +.one-third, .one-third-last { + width: 30.425531915%; + float: left; + margin: 0 4% 20px 0; +} + +.one-third-last { margin-right: 0px !important } + +.one-quarter, .one-quarter-last { + width: 21.914893617%; + float: left; + margin: 0 4% 20px 0; +} + +.one-quarter-last { margin-right: 0px !important } + +.one-half, .one-half-last { + width: 47.872340426%; + margin: 0 4% 20px 0; + float: left; +} + +.one-half-last { margin-right: 0px !important } + +/* ===[ Shortcode Button Styles ]===================================================== */ + +.highlight { + background: #fff666; + color: #222; + width: auto; + display: inline; + padding: 2px 3px; + font-weight: normal; +} + +.demo-button { + margin-bottom: 6px; + padding-top: 4px; +} + +.demo-button span { margin-right: 2px } + +.button a { + +} + +.button a:hover { + +} + +.button { + display: inline-block; + text-decoration: none; + font: bold 11px/12px Georgia, HelveticaNeue, Arial; + text-transform: uppercase; + padding: 6px 11px; + color: #555; + border: 1px solid #dedede; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + text-align: center; +} + +.button:hover { cursor: pointer } + +.button.white { + background: #f5f5f5; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /* WebKit */ + background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0); + border-color: #dedede #d8d8d8 #d3d3d3; + color: #555; + text-shadow: 0 1px 0 #fff; + -webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; + -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; + box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; +} + +.button.white:hover { + background: #f4f4f4; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8)); /* WebKit */ + background: -moz-linear-gradient(top, #efefef, #f8f8f8); + border-color: #c7c7c7 #c3c3c3 #bebebe; + text-shadow: 0 1px 0 #fdfdfd; + -webkit-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; + -moz-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; + box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; +} + +.button.white a { color: #555 } + +.button.gray { + background: #bdbdbd; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae)); /* WebKit */ + background: -moz-linear-gradient(top, #cacaca, #aeaeae); + border-color: #b5b5b5 #a1a1a1 #8f8f8f; + color: #555; + text-shadow: 0 1px 0 #d4d4d4; + -webkit-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; + -moz-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; + box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; +} + +.button.gray:hover { + background: #c2c2c2; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2)); /* WebKit */ + background: -moz-linear-gradient(top, #bcbcbc, #c2c2c2); + border-color: #989898 #8e8e8e #878787; + text-shadow: 0 1px 0 #dadada; + -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; +} + +.button.gray a { color: #555 } + +.button.pink { + background: #f67689; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78297', endColorstr='#f56778'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f78297), to(#f56778)); /* WebKit */ + background: -moz-linear-gradient(top, #f78297, #f56778); + border-color: #df6f8b #da5f75 #d55061; + color: #913944; + text-shadow: 0 1px 0 #f89ca9; + -webkit-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; + -moz-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; + box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; +} + +.button.pink:hover { + background: #f67c90; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56c7e', endColorstr='#f78297'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f56c7e), to(#f78297)); /* WebKit */ + background: -moz-linear-gradient(top, #f56c7e, #f78297); + border-color: #c36079 #c25669 #c14e5c; + text-shadow: 0 1px 0 #f9a6b4; + -webkit-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; + -moz-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; + box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; +} + +.button.pink a { color: #913944 } + +.button.orange { + background: #fecc5f; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda71', endColorstr='#febb4a'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb4a)); /* WebKit */ + background: -moz-linear-gradient(top, #feda71, #febb4a); + border-color: #f5b74e #e5a73e #d6982f; + color: #996633; + text-shadow: 0 1px 0 #fedd9b; + -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; + -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; + box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; +} + +.button.orange:hover { + background: #fecb5e; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec354', endColorstr='#fecd61'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#fec354), to(#fecd61)); /* WebKit */ + background: -moz-linear-gradient(top, #fec354, #fecd61); + border-color: #d29a3a #cc9436 #c89133; + text-shadow: 0 1px 0 #fee1a0; + -webkit-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; + -moz-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; + box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; +} + +.button.orange a { color: #996633 } + +.button.green { + background: #b7d770; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9fcb57)); /* WebKit */ + background: -moz-linear-gradient(top, #cae285, #9fcb57); + border-color: #adc671 #98b65b #87aa4a; + color: #5d7731; + text-shadow: 0 1px 0 #cfe5a4; + -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; + -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; + box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; +} + +.button.green:hover { + background: #b9d972; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d872', endColorstr='#b9d972'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#b8d872), to(#b9d972)); /* WebKit */ + background: -moz-linear-gradient(top, #b8d872, #b9d972); + border-color: #8bb14d #83a648 #7d9e45; + text-shadow: 0 1px 0 #d5e8aa; + -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; + -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; + box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; +} + +.button.green a { color: #5d7731 } + +.button.blue { + background: #92dbf6; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abe4f8', endColorstr='#6fcef3'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3)); /* WebKit */ + background: -moz-linear-gradient(top, #abe4f8, #6fcef3); + border-color: #8dc5da #76b7cf #63abc7; + text-shadow: 0 1px 0 #b6e6f9; + -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; + -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; + box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; +} + +.button.blue:hover { + background: #92dbf6; + border-color: #7caec0 #68a3ba #5a9cb5; + text-shadow: 0 1px 0 #bee9fa; + -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; + -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; + box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; +} + +.button.blue a { color: #42788e } + +.button.purple { + background: #dfaeda; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8c4e4', endColorstr='#d494ce'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#e8c4e4), to(#d494ce)); /* WebKit */ + background: -moz-linear-gradient(top, #e8c4e4, #d494ce); + border-color: #bc9db9 #ad89aa #a1799d; + color: #7b5777; + text-shadow: 0 1px 0 #eacae6; + -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; + -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; + box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; +} + +.button.purple:hover { + background: #e0b1db; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deabd9', endColorstr='#e0b1db'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#deabd9), to(#e0b1db)); /* WebKit */ + background: -moz-linear-gradient(top, #deabd9, #e0b1db); + border-color: #a482a0 #9b7897 #947090; + text-shadow: 0 1px 0 #ecd0e9; + -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; +} + +.button.purple a { color: #7b5777 } + +.button.black { + background: #525252; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#434343'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); /* WebKit */ + background: -moz-linear-gradient(top, #5e5e5e, #434343); + border-color: #4c4c4c #313131 #1f1f1f; + color: #fff; + text-shadow: 0 1px 0 #2e2e2e; + -webkit-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; + -moz-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; + box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; +} + +.button.black:hover { + background: #5a5a5a; + border-color: #2c2c2c #1c1c1c #101010; + text-shadow: 0 1px 0 #363636; + -webkit-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; + -moz-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; + box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; +} + +.button.black a { color: #fff } + +/* ===[ Shortcode Message Style ]===================================================== */ + +.message { + width: 100%; + float: left; + margin: 0 0 15px 0; +} + +.message a { color: #555 } + +.message a:hover { text-decoration: underline } + +.message strong { + text-transform: uppercase; + font-size: 12px; + letter-spacing: 1px; +} + +.red-message { + background: #fff7f7; + border: solid 1px #fddcdc; + padding: 15px; +} + +.green-message { + background: #f1f9ea; + padding: 15px; + border: solid 1px #d0eeac; +} + +.yellow-message { + background: #fcfbe4; + border: solid 1px #efebbc; + padding: 15px; +} + +.gray-message { + background: #f5f5f5; + border: solid 1px #ddd; + padding: 15px; +} + +/* ===[ Shortcode Tooltip Styles ]===================================================== */ + +.tooltip { + display: inline; + position: relative; +} + +.tooltip a span { + width: 115px; + height: auto; + line-height: 20px; + padding: 5px 10px 0px 10px; + left: 50%; + margin-left: -58px; + font-family: Georgia, serif; + font-size: 11px; + color: #777; + text-align: center; + border: 4px solid #fff; + background: rgba(255,255,255,1); + text-indent: 0px; + border-radius: 5px; + position: absolute; + pointer-events: none; + bottom: 30px; + opacity: 0; + box-shadow: 1px 1px 2px rgba(0,0,0,0.1); + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border-left: solid 1px #f5f5f5; + border-top: solid 1px #f5f5f5; +} + +.tooltip a span:before, .tooltip a span:after { + content: ''; + position: absolute; + bottom: -15px; + left: 50%; + margin-left: -9px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid rgba(0,0,0,0.1); +} + +.tooltip a span:after { + bottom: -14px; + margin-left: -10px; + border-top: 10px solid #fff; +} + +.tooltip a:hover span { + opacity: 0.9; + bottom: 35px; +} + +/* ===[ Shortcode Tabbed Box Styles ]===================================================== */ + +.tabs { + list-style-type: none !important; + margin: 0 !important; + padding: 0; + height: 30px; + border-bottom: solid 1px #eee; +} + +#sidebar .tabs { + border-bottom: none; + height: auto; +} + +.tabs li { + float: left; + text-indent: 0; + padding: 0 !important; + margin: 0 !important; + list-style-type: none !important; + background: none !important; +} + +.content .tabs li a:hover { background: #f7f7f7 } + +.content .tabs li a:hover { + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.tabs a { + display: block; + font-size: 11px; + text-transform: uppercase; + line-height: 30px; + text-align: center; + text-decoration: none; + padding: 0 10px; + margin: 0px; + position: relative; + color: #888; +} + +.tabs a:hover { color: #555 } + +.tabs a:active { outline: none } + +.tabs .current, .tabs .current:hover, .tabs li.current a { + cursor: default !important; + color: #555 !important; + background: #f2f2f2; +} + +.tab-wrapper li .current, .tab-wrapper li .current:hover, .tab-wrapper li.current a, .tab-wrapper a:hover { background: #fff666 } + +.tab-wrapper { + padding: 0; + width: 435px; + height: 70px; + margin: 80px auto 30px auto; +} + +#sidebar .tab-wrapper { width: 100% } + +.tab-wrapper li { + float: left; + background: none !important; + padding: 0 !important; + margin: 0 1% 0 0 !important; + width: 24%; +} + +.tab-wrapper li:last-child { + margin-right: 0px !important; +} + +.tab-wrapper li a { + display: block; + height: 32px; + text-align: center; + line-height: 34px; + margin: 0; + outline: none; + background: #f2f2f2; + padding: 0; + position: relative; + font-family: 'ModernPictogramsNormal'; + -webkit-font-smoothing: antialiased; + color: #555; + font-size: 22px; + text-transform: none; +} + +.tab-wrapper li a.current { } + +.tab-wrapper li a:hover { } + +.tab-wrapper li a:active i { + line-height: 34px; +} + +.tab-wrapper li i { + font-size: 17px; + line-height: 32px; +} + +#sidebar .panes { + width: 99%; +} + +#sidebar .panes .pane { + margin-top: 2px; + background: #f7f7f7; + padding: 15px !important; +} + +.panes .pane { + display: none; + padding-top: 15px; + margin-top: -1px; +} + +.change-font a { + text-transform: uppercase; + font-size: 10px; + color: #999; + margin-right: 15px; +} + +.change-font a:hover { color: #4c4c4c } + +.chirp li { + border-bottom: solid 1px #eee !important; + padding-bottom: 10px !important; + margin: 0 0 10px 0 !important; + list-style-type: none !important; +} + +.chirp li:last-child { + border-bottom: none !important; + margin-bottom: 0 !important; + padding-bottom: 0 !important; + +} + +.profile-content { + text-align: left; + margin-top: 81px; +} + +.profile-content h1 { + text-align: center; + padding-bottom: 0px; + margin-bottom: 0px; +} + +.profile-content h2 { + font-size: 24px; +} + +.profile-content h3 { + font-size: 14px; +} + +.profile-content p { + font-size: 12px; +} + +.profile-content li { + font-size: 12px; + +} + +#name { + text-align: left; + font-size: 24px; +} + +#name h3 { + margin: 0px; + padding-bottom: 10px; + color: gray; +} + +#contact { + margin-left: 158px; + margin-top: 30px; +} + +.profile-name { + padding-top: 0; + +} + +.go_back a { + margin-top: 20px; + font-size: 12px; +} + +#aspirations { + margin-bottom: 30px; +} + diff --git a/public/css/style-dark.css b/public/css/style-dark.css new file mode 100644 index 0000000..d73e96a --- /dev/null +++ b/public/css/style-dark.css @@ -0,0 +1,553 @@ +body { + background: #555; + color: #bbb; +} + +a { + color: #fff; +} + +a:hover { + color: #ddd; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: #fff; +} + +hr { + border-bottom: 1px dotted #777; +} + +blockquote p { + color: #fff; + border-bottom: solid 1px #666; + border-top: solid 1px #666; +} + +::selection { + background: #fff; + color: #222; + } +::-moz-selection { + background: #fff; + color: #222; +} + +/* ===[ Header Styles ]===================================================== */ + +.header-hidden { +} + + +.header-wrapper { + background: #555; +} + + +.header { + border-bottom: solid 1px #888; +} + +.header-left h1 a { + color: #fff; +} + +/* ===[ Navigation Styles ]===================================================== */ + +#nav > .current-menu-item > a, #nav > li a:hover { + color: #fff; +} + +#nav .sub-menu li { + background: #444; + border-left: solid 1px #555; + border-right: solid 1px #555; +} + +#nav .sub-menu li:first-child { border-top: solid 1px #555 } + +#nav li ul li { + border-bottom: solid 1px #555; +} + +#nav li ul li a:hover { + background: #444; + color: #fff; +} + +/* ===[ Title Styles ]===================================================== */ + +.intro { + border-top: solid 1px #666; + border-bottom: solid 1px #666; + color: #fff; +} + +.page-title { + border-bottom: solid 1px #666; +} + +.page-title a { color: #fff } + +.title-meta h2 a { color: #fff } +.title-meta h2 a:hover { color: #ccc } + +.section-title { + color: #fff; + border-top: solid 1px #666; + border-bottom: solid 1px #666; +} +.section-title span { + background: #555; +} + +/* ===[ Ribbon Styles ]===================================================== */ + +.ribbon { + background: #ededed; + color: #777; +} +.ribbon:before, +.ribbon:after { + border: 1.5em solid #ddd; +} +.ribbon:before { + left: -2em; + border-right-width: 1.5em; + border-left-color: transparent; +} +.ribbon:after { + right: -2em; + border-left-width: 1.5em; + border-right-color: transparent; +} +.ribbon .ribbon-content:before, +.ribbon .ribbon-content:after { + border-color: #bbb transparent transparent transparent; +} +.non-semantic-protector { + position: relative; + z-index: 1; + background: url(images/ribbon-bg-dark.png) no-repeat 0 24px; +} + +/* ===[ Services Styles ]===================================================== */ + +.services .service-icon { + color: #fff; + background: #444; +} + +.services:hover .service-icon { + background: #fff666; + color: #444; +} + +.services h3 a { color: #fff } + +.services h3 a:hover { color: #ddd } + +/* ===[ Slider Styles ]===================================================== */ + +.flex-control-nav li a { + background: #777 !important; +} +.flex-control-nav li a:hover { + background: #888 !important; +} +.flex-control-nav li a.active { + background: #fff !important; + cursor: default; +} + +.flex-direction-nav li .prev { + background: url(images/left2.png) no-repeat !important; +} + +.flex-direction-nav li .next { + background: url(images/right2.png) no-repeat !important; +} + +/* ===[ Portfolio Styles ]===================================================== */ + +.post-nav a { color: #fff; } +.post-nav a:hover { color: #ddd } + +.portfolio-meta h3 { + border-bottom: solid 1px #666; +} +.portfolio-meta li { + color: #bbb; + border-bottom: solid 1px #666; +} +.portfolio-meta li span { + color: #fff; +} +.portfolio-meta a { + color: #bbb; +} +.portfolio-meta a:hover { + color: #fff !important; +} +.portfolio-meta .pictogram { + color: #fff; +} + +.portfolio-block:hover .students { + color: #fff; + } + + +.box-portfolio { + background: none !important; +} + +.portfolio-navigation .alignleft a, .portfolio-navigation .alignright a { + background: #444; + color: #fff; +} + +/* ===[ Homepage Blog Styles ]===================================================== */ + +.services p { + border-top: solid 1px #666; +} + +.home-blog-post { + border: none; + background: #494949; + background: rgba(0, 0, 0, .15); +} + +.home-blog-post li{ + list-style-type:none; +} + + +.home-blog-post:hover { + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; + border-right: none; + border-bottom: none; +} + +.home-blog-post h3 a { + color: #fff; +} + +.home-blog-post h3 a:hover { + color: #ccc; +} + +.home-blog-post-meta { + border-bottom: solid 1px #666; +} + +.section-testimonials .flex-active { + background: #fff !important; +} + +/* ===[ Blog Page Styles ]===================================================== */ + +.blog-meta ul { + border-bottom: solid 1px #666; +} +.blog-meta li a, +.blog-meta li { color: #bbb } +.blog-meta li a:hover { color: #fff } +.post-share { + border-top: solid 1px #666; + color: #ddd !important; +} +.post-share a:hover { color: #fff !important } +.post-share li a { + color: #aaa !important; +} +.share-title { color: #fff !important } + +.blog-post { + border-bottom: solid 1px #666; +} + +.blog-navigation a { color: #fff; } +.blog-navigation a:hover { color: #ddd } + +/* ===[ Footer Styles ]===================================================== */ + +h3#comments { + border-bottom: solid 1px #666; +} + +.comments { + background: #464646; +} + +.comments li { + background: none !important; +} + +.comment-text { + background: #3e3e3e; + border: none; + color: #999; +} + +#respond .logged-in-as, .comment-notes { + border-bottom: solid 1px #555; +} + +.fn a { + color: #fff; +} + +.vcard img { + background: #444; + border: solid 1px #444; +} + +#respond input[type="text"], #respond textarea { + color: #888; + border: none; + border-bottom: none; + background: #363636 !important; + font-family: 'Merriweather', Georgia, serif; +} + +.reply a:hover, #cancel-comment-reply a:hover { color: #ddd; } + +.allowed { + color: #bbb; +} + +#respond #submit { + background: #fff; + color: #555; +} + +#respond #submit:hover { + background: #fff; + color: #999; +} + +/* ===[ Contact Form 7 Styles ]===================================================== */ + +.wpcf7 input[type="text"] { + color: #ddd; + background: #444; +} + +.wpcf7 textarea { + color:#ddd; + background: #444; +} + +.wpcf7 input:focus, .wpcf7 textarea:focus { + background: #393939; +} + +.wpcf7 p { + color: #fff; +} + +.wpcf7-submit { + background: #fff; + color: #555; +} + +.wpcf7-submit:hover { + background: #fff; + color: #999; +} + + +/* ===[ Sidebar Styles ]===================================================== */ + +#s { + background: #444; + color: #aaa; + border: solid 1px #444; + padding-bottom: 8px; +} +#s:focus, #s:hover { + border: solid 1px #666; +} + +#sidebar .panes .pane { + background: #444; +} + +.tab-wrapper li a { + background: #444; + color: #fff; + border-bottom: solid 1px #444; +} + +#sidebar { + background: #555; +} + +#sidebar .pane a:hover { + color: #fff; +} + +.recent-posts h3 a { + color: #fff; +} + +.pane a:hover { + color: #ddd !important; +} + +.okay-recent-posts .recent-posts-thumb { + border: solid 1px #666; +} + +.recent-posts-widget li, .recent-comments-widget li { + border-bottom: solid 1px #555; +} + +.recent-comments-widget .comment-txt:hover { + color: #fff !important; +} + +.tagcloud a { + color: #ddd; +} + +.tagcloud a:hover { + color: #fff !important; +} + +.tagcloud a:hover:before { + border-right: 10px solid #666; +} + +.recent-comments-widget .comment-avatar { + border: solid 1px #666; +} + +.recent-comments-widget .comment-author a { + color: #fff; +} + +.recent-comments-widget .comment-txt { + color: #ddd; +} + +.tweet-list li { + border-bottom: solid 1px #666; +} + +.widget h2, .portfolio-sidebar h2 { + background: #444; + color: #fff; +} + +#sidebar .flex-control-nav li { + background: none; +} + +/* ===[ Footer Styles ]===================================================== */ + +.footer-text { + border-top: solid 1px #666; + border-bottom: solid 0px #444; +} + +.footer-widgets { + border-top: solid 2px #666; +} + +.footer-widget h2 { + border-bottom: solid 1px #666; + color: #fff; +} + +.footer-text-left ul li a { + color: #fff; +} +.footer-text-left ul li a:hover { + color: #ddd; +} + +.footer-text-right { + color: #ddd; +} +.footer-text-right a { + color: #fff; +} +.footer-text-right a:hover { + color: #ddd; +} + +/* ===[ Shortcode Styles ]===================================================== */ + +.button.white, .button.gray, .button.black, .button.orange, .button.blue, .button.green, .button.purple, .button.pink, .wpcf7-submit { + -webkit-box-shadow: 0 1px 1px #444 !important; + -moz-box-shadow: 0 1px 1px #444 !important; + box-shadow: 0 1px 1px #444 !important; +} + +.button.white:hover, .button.gray:hover, .button.black:hover, .button.orange:hover, .button.blue:hover, .button.green:hover, .button.purple:hover, .button.pink:hover, .wpcf7-submit:hover { + -webkit-box-shadow: 0 1px 1px #333 !important; + -moz-box-shadow: 0 1px 1px #333 !important; + box-shadow: 0 1px 1px #333 !important; +} + +.button.black { + border-color: #4C4C4C #444 #333; +} +.button.black:hover { + border-color: #4C4C4C #444 #333; +} + +.content .tabs { + border-bottom: solid 1px #666; +} + +.content .tabs .current, .content .tabs .current:hover, .content .tabs li.current a { + color: #fff !important; + background: #444; +} + +.content .tabs li { + background: none !important; +} + +.content .tabs li a { + color: #ddd; +} + +.content .tabs li a:hover { + color: #fff; + background: #444; +} + +.message { + color: #444; +} +.message div { + + border: none !important; +} +.message a { color: #888 } +.message a:hover { color: #444; } + +.gallery-item img { + border: solid 1px #666 !important; +} + +.gallery-item img:hover { + border: solid 1px #777 !important; +} + +.chirp li { + border-bottom: solid 1px #666 !important; +} diff --git a/public/css/style-tkmm.css b/public/css/style-tkmm.css new file mode 100644 index 0000000..7b595ab --- /dev/null +++ b/public/css/style-tkmm.css @@ -0,0 +1,2935 @@ +body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { + margin: 0; + padding: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +fieldset, img { border: 0 } + +ol, ul { list-style: none } + +caption, th { text-align: left } + +h1, h2, h3, h4, h5, h6 { + font-size: 100%; + font-family: 'Merriweather', Georgia, serif; + font-weight: normal; + color: #4c4c4c; +} + +html { height: 100% } + +body { + font: 14px/24px "Merriweather", Georgia, serif; + margin: 0 auto; + padding: 0; + background: #fff; + overflow-x: hidden; + height: 100%; + color: #555; +} + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +a { text-decoration: none } + +a:hover { color: #555 } + +hr { + margin: 20px 0 30px; + border: 0; + border-bottom: 1px dotted #ddd; + height: 1px; +} + +h1 { + font-size: 30px; + line-height: 36px; + margin-bottom: 15px; +} + +h2 { + font-size: 24px; + line-height: 36px; + margin-bottom: 15px; +} + +h3, h4, h5, h6 { + line-height: 28px; + margin-bottom: 12px; +} + +h3 { font-size: 18px } + +h4 { font-size: 16px } + +h5 { font-size: 14px } + +h6 { + font-size: 13px; + color: #bfbfbf; + text-transform: uppercase; +} + +p { margin-bottom: 15px } + +/* +What lies below is for style rules for student profile +*/ + +.profile .student-info { + margin-left: 35%; +} + +.profile .student-info h1 { + margin-bottom: 38px; +} + + +.profile .info-box { + padding: 10px 45px 25px; + border-top: 1px solid #eee +} + +.profile .info-box .title { + float: right; + background-color: #fff; + margin: -21px -45px 0 0; + padding-left: 10px; + text-transform: uppercase; + font-size: .85em; + font-weight: bold; + border-left: 1px solid #eee; +} + +.profile .info-box:hover .title { + -webkit-transition: all .3s ease-in-out ; + -moz-transition: all .3s ease-in-out; + color: #26c4ff; +} + +.profile .profile-img { + float: left; + width: 33%; +} + +.profile .social-links li a { + -webkit-transition: all .3s ease-in-out ; + -moz-transition: all .3s ease-in-out; + color: #000; +} + +.profile .social-links li:hover i, .profile .social-links li:hover a { + -webkit-transition: all .3s ease-in-out ; + -moz-transition: all .3s ease-in-out; + color: #26c4ff; +} + +.clear { + clear: both; + font-size: 0px; + line-height: 0px; + display: block; +} + +.clearfix:after { + content: ""; + display: block; + clear: both; + visibility: hidden; + font-size: 0; + height: 0; +} + +.clearfix { + *display: inline-block; + height: 1%; +} + +.last { margin-right: 0 !important } + +blockquote p { + position: relative; + font-family: 'Merriweather', Georgia, serif; + color: #aaa; + font-size: 16px; + font-weight: 400; + line-height: 28px; + padding: 15px 0 15px 30px; + margin: 25px 0; +} + +blockquote p:before { + position: absolute; + left: 0; + top: 14px; + content: "\f0e5"; + font-family: "FontAwesome"; + display: block; + color: #bbb; +} + +::selection { + background: #fff666; + color: #222; +} + +::-moz-selection { + background: #fff666; + color: #222; +} + +img { + max-width: 100%; + height: auto; +} + +/* ===[ Layout Styles ]===================================================== */ + +.main-wrapper { + width: 100%; + margin: 0 auto; +} + + +.header-wrapper { + width: 100%; + margin: 0 0 0 0; + position: fixed; + z-index: 99999; + background: #fff; +} + +.header-hidden-wrap { + z-index: 999; + position: relative; +} + +.header-hidden { + margin: 0 auto; + max-width: 980px; + padding: 10px 10px 0px 10px; + position: relative; + display: none; + background: #f3f3f3; +} + +.header-hidden-toggle-wrap { + max-width: 980px; + position: relative; + margin: 0 auto; +} + +.show-hidden { + margin-top: 0; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.hidden-toggle { + position: absolute; + right: 0px; + bottom: -35px; + display: block; + width: 21px; + height: 21px; + text-align: right; + color: #ccc; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.show-hidden .hidden-toggle { + +} + +.header-hidden-left { + width: 60%; + float: left; + font-size: 12px; + line-height: 20px; + color: #999; + padding-top: 3px; +} + +.header-hidden-right { + float: right; + width: 40%; +} + +.lights { + float: right; + color: #aaa; +} + +.icons { + float: right; +} + +.icons a { + margin-bottom: 0 !important; +} + +.header { + max-width: 980px; + margin: 0 auto; + padding-top: 40px; + border-bottom: solid 1px #eee; +} + +.header-left { + width: 25%; + float: left; +} + +.header-left img { padding: 0 0 0 0 } + +.header-left h1 { + margin: 5px 0 0 0; +} + +.header-left h1 a { + color: #555; + text-decoration: none; + font-size: 34px; + font-weight: 600; + line-height: 28px; + letter-spacing: -2px; + -webkit-transition: .04s ease-in; + -moz-transition: .04s ease-in; + transition: .04s ease-in; +} + +.header-left h1 a:hover { + color: #999; + -webkit-transition: .04s ease-in; + -moz-transition: .04s ease-in; + transition: .04s ease-in; +} + +.logo { + margin-top: -30px !important; +} + +.header-right { + width: 75%; + float: right; +} + +/* ===[ Header Navigation Styles ]===================================================== */ + +.select-menu, .select { display: none } + +.menu-main-container { position: relative } + +#nav { float: right } + +#nav, #nav ul { + margin: 13px 0 0 0; + padding: 0; + list-style-type: none; + list-style-position: outside; + position: relative; + line-height: 1.5em; + z-index: 1000; +} + +#nav a { + display: block; + padding: 5px; + color: #aaa; + text-decoration: none; + text-align: left; + outline: none; + font-weight: normal; + font-family: 'Merriweather', Georgia, serif; +} + +#nav > .current-menu-item > a, #nav > li a:hover { color: #4C4C4C } + +.plus { color: #aaa } + +#nav ul { + position: absolute; + display: none; +} + +#nav li { + float: left; + position: relative; + list-style-type: none; + padding-bottom: 17px; +} + +#nav li a { + font-size: 12px; + font-weight: bold; + text-transform: uppercase; + padding: 8px 15px; +} + +#nav > li > a { padding: 5px 12px } + +#nav > li:last-child a { + margin-right: 0px; + padding-right: 0px; + border-right: none; +} + +#nav > li:first-child a { + +} + +#nav li ul a { + width: 150px; + height: auto; + float: left; + font-size: 12px; + color: #999; +} + +#nav .sub-menu { + box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; + -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; + -webkit-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; +} + +#nav .sub-menu li { + background: #fff; + border-left: solid 1px #eee; + border-right: solid 1px #eee; +} + +#nav .sub-menu li:first-child { border-top: solid 1px #eee } + +#nav > li > ul { margin-top: 17px } + +#nav li ul li { + border-bottom: solid 1px #eee; + padding-bottom: 0px; +} + +#nav li ul li:last-child { border-bottom: none } + +#nav li ul li a { + margin-right: 0px; + font-size: 10px; +} + +#nav li ul li a:hover { + background: #f9f9f9; + color: #555; +} + +#nav ul ul { top: auto } + +#nav ul ul li:first-child { border-top: solid 1px #eee } + +#nav li ul ul { + left: 150px; + margin: -1px 0 0 0; + padding-right: 5px; +} + +#nav li ul ul li { border-top: none } + +#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display: none } + +#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display: block } + +/* ===[ Title Styles ]===================================================== */ + +.home .page-title { + text-align: center; + border-bottom: none; +} + +.error404 .page-title { + text-align: center; +} + +.page-title { + border-bottom: solid 1px #eee; + padding: 30px 0; + margin-bottom: 40px; + position: relative; +} + +.page-title-portfolio { + border-bottom: none; + margin-bottom: 0; + display: inline-block; + width: 100%; + position: relative; +} + +.portfolio-titles { + float: left; + width: 75%; + display: inline-block; +} + +.project-nav { + font-size: 11px; + text-transform: uppercase; + text-align: right; + position: absolute; + right: 0; + bottom: 30px; + width: 25%; + margin-top: 15px; +} + +.project-nav a { + color: #aaa !important; + margin-left: 10px; +} + +.project-nav a:hover { color: #555 !important } + +.next-project span { + padding-left: 10px; + border-left: solid 1px #eee; +} + +.project-nav i { + padding: 0 2px; +} + +.page-title a { color: #4c4c4c } + +.page-title h2 { + margin-bottom: 0px; + font-size: 34px; + letter-spacing: -1px; + line-height: 42px; +} + +.page-title h3 { + color: #aaa; + font-size: 16px; + line-height: 24px; + margin: 5px 0 0 0; +} + +.page-title h3 a { color: #aaa } + +.post-nav { + position: absolute; + bottom: 50px; + right: 0; + font-size: 11px; + text-transform: uppercase; +} + +.post-nav a { + color: #aaa; + margin-left: 20px; + float: right; +} + +.post-nav a:hover { color: #555 } + +/* ===[ Blog Styles ]===================================================== */ + +.blog-post { + margin-bottom: 50px; + padding-bottom: 30px; + border-bottom: solid 1px #eee; +} + +.blog-post:last-child { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.blog-content { padding: 0 0 0 0 } + +.readmore { + text-align: center; + font-size: 10px; + letter-spacing: 2px; + text-transform: uppercase; + padding-top: 5px; + margin-top: 10px; +} + +.more-link { + margin-top: 10px; + clear: both; + padding: 5px 5px 5px 0px; +} + +.blog-meta { + float: left; + width: 15%; + margin: 5px 5% 20px 0; + text-align: right; + display: inline-block; +} + +.blog-meta-date { + padding-bottom: 10px !important; + margin-bottom: 10px !important; + border-bottom: solid 1px #eee; + float: left; +} + +.share-title { color: #555 !important } + +.single-attachment .share-title { + display: none; +} + +.blog-meta ul { + margin-bottom: 15px !important; + padding-bottom: 15px !important; + border-bottom: solid 1px #eee; + display: inline-block; +} + +.blog-meta ul:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.blog-meta li { + list-style-type: none !important; + background: none !important; + padding: 0 0 0 0 !important; + margin: 0 0 6px 0 !important; + color: #999; + width: 100%; + line-height: 18px; + float: left; + font-size: 11px; +} + +.blog-meta ul li:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.blog-meta li a, .blog-meta li { color: #999 } + +.blog-meta li a:hover { color: #4c4c4c } + +.content .blog-text { + float: right; + width: 80%; +} + +.title-meta h2 { + margin: 0 0 0 0; + padding-bottom: 10px; + line-height: 38px; + font-size: 28px; + letter-spacing: -1px; +} + +.title-meta h2 a { + color: #555; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.title-meta h2 a:hover { + color: #999; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.blog-image { + width: 100%; + margin-bottom: 35px; + float: left; +} + +.blog-image img { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.blog-image img:hover { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + opacity: .9; +} + +.blog-read-more { + font-size: 11px; + letter-spacing: 2px; + text-transform: uppercase; + padding-top: 15px; +} + +/* ===[ Tagcloud Styles ]===================================================== */ + +.tags { + width: 620px; + padding: 15px 0 15px 0; + clear: both; + margin-right: 35px; + background: #f9f9f9; +} + +.tags-list { + width: 505px; + float: left; +} + +.tags-list ul { + float: left; + padding: 0 0 0 5px; + width: 100%; + margin-bottom: 0; +} + +.tags-list ul li { + display: block; + padding: 0 19px 0 0; + float: left; +} + +.tags-list ul li p { + font-size: 11px; + font-weight: bold; + color: #5a5a5a; + float: none; + padding: 0; +} + +.tags-list ul li span { + font-size: 11px; + font-weight: bold; + color: #a2a2a2; + display: inline; + padding: 0 0 0 4px; +} + +.tags_rgt { + float: right; + width: 81px; + margin-right: 15px; +} + +.search .post-share, .archive .post-share { display: none } + +.blog-navigation { + padding-bottom: 25px; +} + +.blog-navigation a { + text-decoration: none; + padding: 10px 0; + color: #555; + font-weight: normal; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 2px; +} + +.blog-navigation a:hover { color: #999 } + +.blog-navigation .alignright a:after { + font-family: 'FontAwesome'; + -webkit-font-smoothing: antialiased; + content: "\f0da"; + margin-left: 5px; +} + +.blog-navigation .alignleft a:before { + font-family: 'FontAwesome'; + -webkit-font-smoothing: antialiased; + content: "\f0d9"; + margin-right: 5px; +} + +.navigation a { + text-decoration: none; + padding: 10px 0; + color: #555; + font-weight: normal; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 2px; +} + +.navigation a:hover { color: #999 } + +.featured-image { + margin: 0 0 20px 0; + float: left; + width: 100%; +} + +.fullsize-image { + margin: 0 0 30px 0; + float: left; + width: 100%; +} + +.okvideo { margin-bottom: 30px } + +.intro { + color: #979797; + font-size: 16px; + line-height: 28px; + margin-bottom: 15px; + border-top: solid 1px #EEE; + border-bottom: solid 1px #EEE; + padding: 10px 0; +} + +/* ===[ Search Form Styles ]===================================================== */ + +.search-404 { + text-align: center; + width: 65%; + margin: 0 auto; +} + +.search-404 .searchform { + margin-top: 25px; +} + +.searchform { + position: relative; + width: 100%; +} + +#searchsubmit { + position: absolute; + right: 0; + top: 0; + background: #e8e8e8; + border: none; + padding: 8px 10px; + height: 34px; + font-size: 9px; + font-weight: bold; + line-height: 20px; + text-transform: uppercase; + font-family: "Merriweather", Georgia, serif; + color: #777; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +#searchsubmit:hover { + background: #fff666; + color: #222; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#searchform { + float: left; + width: 100%; +} + +#s { + background: #f7f7f7; + float: left; + padding: 10px 65px 10px 8px; + border: 0; + font-size: 12px; + color: #999; + outline: none; + width: 190px; + margin: 0 0 0 0; + font-family: Georgia, serif; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; + font-style: italic; + width: 100%; + -webkit-appearance:caret; +} + +#s:focus, #s:hover { + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +#searchsubmit { +} + +.content #searchsubmit { float: left } + +#searchsubmit:hover { cursor: pointer } + +#searchform .screen-reader-text { display: none } + +/* ===[ Sidebar Styles ]===================================================== */ + +#sidebar-close { display: none } + +#sidebar { + width: 25%; + float: right; + font-size: 12px; + line-height: 22px; +} + +#sidebar p { + font-size: 12px; +} + +#sidebar a { + text-decoration: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#sidebar a:hover { + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.widget { + margin-bottom: 40px; + clear: both; + float: left; + width: 100%; +} + +.widget h2, .portfolio-sidebar h2 { + font-size: 10px; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + display: block; + line-height: 26px; + margin: 0 0 10px 0; + font-family: 'Merriweather', Georgia, serif; + text-align: center; + background: #f7f7f7; + color: #999; +} + +#sidebar .widget ul { + margin: 0; + padding: 0; +} + +#sidebar .widget li { + margin: 0 0 5px 15px; + list-style-type: square; +} + +#sidebar .slides li { + list-style-type: none; + margin: 0; +} + +.widget ul { padding: 0 0 0 15px } + +.widget ul li { + padding: 0; + list-style-type: none; +} + +.widget ul li ul { padding: 0 0 0 0 } + +.tagcloud { + padding: 0 0 0 0; + text-align: center; +} + +.tagcloud a { + text-decoration: none; + float: left; + color: #888; + padding: 10px; + position: relative; + font-weight: bold; +} + +.tagcloud a:hover { color: #555 } + +/* ===[ Default Widget Styles ]===================================================== */ + +.widget_archive select { + width: 100%; +} + +#wp-calendar { + width: 100%; +} + +#wp-calendar caption { + text-align: center; + margin-bottom: 5px; +} + +.widget_rss li { + margin: 0 0 15px 0 !important; + list-style-type: none !important; +} + +.widget_rss .rsswidget { + width: 100%; +} + +.widget_rss .rss-date { + width: 100%; + float: left; + font-size: 11px; + color: #999; +} + +.widget_rss cite { + color: #999; + font-size: 11px; +} + +#sidebar .wp-caption { + width: 100%; + text-align: center; + color: #999; +} + +.widget_text { + word-wrap: break-word; +} + +/* ===[ Comment Styles ]===================================================== */ + +.comments { + float: left; + margin: 50px 0px 50px 0px; + background: #f6f6f6; + width: 100%; + border-top: none; + padding: 30px; +} + +.commentlist { + margin-bottom: 0 !important; +} + +.comments li { background: none !important } + +h3#comments { + padding: 0 0 20px 0; + margin: 0 0 25px 0 !important; + font-size: 20px; + font-weight: bold; + border-bottom: solid 1px #eee; + line-height: 30px; + text-align: center; +} + +#respond { + margin: 0; + padding: 0; +} + +.commentlist #respond { + margin: 20px 0 20px 0; +} + +#respond h3 { + padding: 0 0 3px 0; + font-size: 20px; + font-weight: bold; + margin: 0 !important; +} + +#reply-title small { + font-weight: bold; + font-size: 9px; + text-transform: uppercase; + margin-left: 5px; +} + +#respond .logged-in-as, .comment-notes { + font-size: 13px; + padding-bottom: 10px; + margin-bottom: 15px; + border-bottom: solid 1px #e6e6e6; +} + +#comments .form-allowed-tags { + display: none; +} + +#respond label { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 1px; + margin: 5px 0 0 0px; + color: #aaa; +} + +#respond p { margin-bottom: 15px } + +#respond input[type="text"], #respond textarea { + color: #777; + border: none; + border: solid 1px #eee; + border-bottom: solid 1px #ddd; + background: #fff; + width: 100%; + padding: 10px; + font-size: 13px; + -webkit-appearance:caret; +} + +#respond input:focus, #respond textarea:focus { outline: none } + +#respond textarea { + line-height: 22px; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.form-submit { + margin-bottom: 0 !important; +} + +#respond #submit { + background: #555; + color: #fff; + font-size: 12px; + font-weight: bold; + font-family: 'Merriweather', Georgia, serif; + padding: 10px 20px; + margin: 5px 0 0 0; + border: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +#respond #submit:hover { + background: #666; + cursor: pointer; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#respond #commentform p { + +} + +.comment #respond #commentform p { + +} + +#respond #commentform .form-author { background: #fff } + +#respond #commentform .form-email { background: #fff } + +#respond #commentform .form-website { background: #fff } + +.allowed { + font-size: 11px; + color: #888; + width: 500px; + float: left; + margin: 0 0 15px 0; +} + +.commentlist { list-style-type: none !important } + +.commentlist li { + padding: 0 0 15px 0; + margin: 0 0 15px 0 !important; + position: relative; + list-style-type: none !important; +} + +.commentlist li:last-child { + margin-bottom: 40px !important; + padding-bottom: 0; +} + +.commentlist li:before, .commentlist ol .num { + float: left; + margin: 0 0 0 0 !important; + content: none !important; + counter-increment: none !important; +} + +#comments .children { + margin: 25px 0 0 25px !important; +} + +#comments .children li { + margin: 0; + padding: 0; +} + +#comments .children li:last-child { + margin-bottom: 0 !important; + padding-bottom: 0; +} + +.comment-block { padding: 0 } + +.comment-text { + background: #fff; + border: solid 1px #eee; + padding: 20px; + font-size: 14px; + line-height: 22px; + border-bottom: solid 1px #ddd; +} + +.comment-text:before { + width: 0; + height: 0; +} + +.reply { + margin: 0px !important; + font-size: 12px; +} + +.comments .children .reply { text-align: left } + +.reply a:hover { text-decoration: none } + +.reply a:hover:after { content: "\2192" } + +#cancel-comment-reply { + margin: 0 0 15px 0; + float: right; +} + +.comments .logged-in { + float: left; + font-size: 14px !important; +} + +.comment-awaiting-moderation { + color: #555; + font-weight: bold; + font-size: 11px; +} + +.vcard { + margin: 0 0 0 0; + padding: 0 0 0 0; + float: left; +} + +.vcard img { + float: left; + background: #fff; + border: solid 1px #eee; + padding: 3px; +} + +.fn { + float: left; + font-style: normal; + font-size: 15px; + font-weight: bold; + line-height: 20px; + margin-top: 0; + margin-bottom: -6px; +} + +.fn a { color: #666 } + +.comment-info { + margin-bottom: 15px; + position: relative; +} + +.comment-meta { + float: left; + margin: 2px 0 0 12px; +} + +.comment-time { + font-size: 11px; + color: #999; +} + +.comment-edit-link { font-size: 11px } + +/* ===[ Sidebar Styles ]===================================================== */ + +.blog-entry { + +} + +.pro-title h4 { + display: block float:left; + width: 295px; + background: url(images/design-repeat.gif) right center repeat-x; +} + +.pro-title h4 span { + font-size: 14px; + color: #FFF; + font-weight: bold; + background: #3e3e3e; + padding: 0 10px 0 0; +} + +.pro-title h3 { + font-size: 14px; + color: #FFF; + font-weight: bold; + display: block float:left; + width: 295px; + background: url(images/design-repeat.gif) right center repeat-x; +} + +.pro-title h3 span { + font-size: 14px; + color: #FFF; + font-weight: bold; + background: #3e3e3e; + padding: 0 10px 0 0; +} + +/* ===[ Section Styles ]===================================================== */ + +.container { + max-width: 980px; + margin: 0 auto; + padding-top: 140px; +} + +#sections { + max-width: 980px; + margin: 0 auto; + padding-top: 140px; +} + +.section-title { + letter-spacing: 5px; + font-size: 13px; + font-weight: bold; + text-transform: uppercase; + margin-bottom: 40px; + text-align: center; + padding: 5px; + border-top: solid 1px #eee; + border-bottom: solid 1px #eee; +} + +.section-title span { + background: #fff; + padding: 0 15px; +} + +.section:first-child { + padding-top: 0px; + border-top: none; +} + +.section { + padding: 0 0 0 0; + float: left; + width: 100%; + position: relative; +} + +.section-slider { + padding-bottom: 70px; +} + +.section-services { + padding-bottom: 80px; +} + +.section-services.student-index { + padding-bottom: 0px; +} + +.section-portfolio { + padding-bottom: 45px; +} + +.section-blog { + padding-bottom: 30px; +} + +.section-faq { + padding-bottom: 30px; +} + + +.section-testimonials { + padding-top: 100px; + padding-bottom: 300px; +} + + +.section-testimonials a { + color: #aaa; +} +.section-testimonials a:hover { + color: #60BDDB; +} + +.section-testimonials-curriculum { + padding-top: 40px; + padding-bottom: 150px; +} + +.section-testimonials-curriculum a { + color: #aaa; +} +.section-testimonials-curriculum a:hover { + color: #60BDDB; +} + + +.section .column { + width: 33%; + margin: 0 0 3% 0; + float: left; + padding-left: 4%; + margin-bottom: 3%; +} + +.section .column:last-child { + margin-right: 0px; + border-right: none; +} + +.section-titlea { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 2px; + color: #999; + background: #f7f7f7; + padding: 0 10px; + margin: 0 0 35px 0; + text-align: center; +} + +.section-title2a { + font-size: 48px; + letter-spacing: -2px; + color: #eee; + position: absolute; + bottom: -16px; + right: 0; + padding: 0; + text-align: center; + display: none; +} + +.section-title3a { + font-size: 28px; + text-align: center; + display: none; +} + +/* ===[ Ribbon Styles ]===================================================== */ + +.ribbon { + font-size: 11px !important; + text-transform: uppercase; + letter-spacing: 2px; + width: 30%; + position: relative; + background: #ededed; + color: #777; + text-align: center; + padding: 8px 2em; + margin: 0 auto 45px; + line-height: 16px; +} + +.ribbon:before, .ribbon:after { + content: ""; + position: absolute; + display: block; + bottom: -1em; + border: 1.5em solid #e4e2e2; + z-index: -1; +} + +.ribbon:before { + left: -2em; + border-right-width: 1.5em; + border-left-color: transparent; +} + +.ribbon:after { + right: -2em; + border-left-width: 1.5em; + border-right-color: transparent; +} + +.ribbon .ribbon-content:before, .ribbon .ribbon-content:after { + content: ""; + position: absolute; + display: block; + border-style: solid; + border-color: #cfcfcf transparent transparent transparent; + bottom: -1em; +} + +.ribbon .ribbon-content:before { + left: 0; + border-width: 1em 0 0 1em; +} + +.ribbon .ribbon-content:after { + right: 0; + border-width: 1em 1em 0 0; +} + +.non-semantic-protector { + position: relative; + z-index: 1; + background: url(images/ribbon-bg.png) no-repeat 0 24px; + display: none; +} + +/* ===[ Slider Styles ]===================================================== */ + +.single .gallery-wrap { + margin-bottom: 40px; + margin-top: -1px; +} + +.slides .featured-thumb img { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.featured-thumb img:hover { + opacity: .9; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +/* ===[ Services Styles ]===================================================== */ + +.services-wrap { + display: block; + float: left; + margin-left: -4%; + margin-bottom: -2%; + max-width: 1020px; +} + +.services-title { + float: left; + width: 75%; + padding-top: 11px; +} + +.services h3 { + font-size: 14px; + font-weight: bold; + line-height: 20px; + margin-bottom: 0; +} + +.services h3 a { color: #4c4c4c } + +.services h3 a:hover { color: #888 } + +.services .service-icon { + float: left; + margin: 0 5% 0 0; + font-size: 20px; + line-height: 22px; + text-align: center; + color: #555; + background: #f3f3f3; + display: block; + padding: 11px 10px 9px 10px; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + height: 40px; + width: 40px; + overflow: hidden; +} + +.services p { + margin: 15px 0 20px 0; + font-size: 13px; + border-top: dotted 1px #e6e6e6; + padding-top: 8px; +} + +.services:hover .service-icon { + background: #fff666; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +/* ===[ Home Blog Styles ]===================================================== */ + +body.students .home-blog { + display: block; + margin-left: -2.2%; + max-width: 1020px; +} + +.home-blog-post li{ + list-style-type:none; +} + +body.students ul li.home-blog-post{ + list-style-type:none; +} + +.home-blog-post { + float: left; + width: 47%; + margin: 0 0 5% 2.2%; + /*border: solid 1px #eee;*/ + padding: 30px; + position: relative; +} + +.big-comment h3 { position: relative } + +.home-blog-post h3 { + font-size: 18px; + line-height: 24px; + margin-bottom: 5px; +} + +.home-blog-post h3 a { color: #4c4c4c } + +.home-blog-post h3 a:hover { color: #888 } + +.home-blog-post .excerpt p { + font-size: 13px; + margin-bottom: 0; + padding: 0; +} + +.home-blog-post .blog-text { + font-size: 14px; + line-height: 26px; +} + +.home-blog-post-meta { + text-transform: uppercase; + font-size: 10px; + color: #aaa; + line-height: 16px; + margin-bottom: 20px; + padding-bottom: 20px; + border-bottom: solid 1px #eee; +} + +.home-blog-post .blog-title { + margin-bottom:100px; +} + + +.home-blog-post .blog-thumb { + margin: -31px -31px 25px -31px; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + position: absolute; +} + +.home-blog-post img { + max-width: 40%; + /*min-width: 100%;*/ + height: auto; + border-radius: 50%; + margin: -31px -31px 25px -31px; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + position: absolute; +} + + +.home-blog-post img:hover { + opacity: .9; + border: 10px solid #98DFFF; + -webkit-transition:all .3s ease-in; + -moz-transition: .3s ease-in; + -o-transition: .1s ease-in; + transition:.1s ease-in; + box-shadow:5px 5px 15px lightgray ; + -webkit-transform: rotate(-15deg) scale(1.2); +} + +.home-blog-right { + float: right; + width: 300px; +} + +.home-blog-post:nth-child(even) img { + right:0; +} +.home-blog-post:nth-child(odd) .blog-title { + text-align:right +} + +.home-blog-post:nth-child(even) img:hover { + -webkit-transform: rotate(15deg) scale(1.2); +} + + +.okay-recent-posts { + margin: 0; + padding: 0; +} + +.okay-recent-posts .pane { + padding-top: 10px !important; + border: none !important; + padding: 0; +} + +.okay-recent-posts .pane h4 { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 2px; + display: block; + line-height: 30px; + margin: 0 0 15px 0; + font-family: 'Merriweather', Georgia, serif; + text-align: center; + background: #f7f7f7; + color: #999; +} + +.recent-posts-widget .recent-posts { + width: 100%; +} + +.recent-posts-widget li, .recent-comments-widget li { + list-style-type: none; + margin: 0 0 15px 0 !important; + padding: 0 0 15px 0 !important; + border-bottom: solid 1px #eee; + display: inline-block; +} + +.recent-posts-widget li:last-child, .recent-comments-widget li:last-child { + border-bottom: none !important; + margin-bottom: 0 !important; + padding-bottom: 5px !important; +} + +.recent-posts h3 { + line-height: 18px; + margin-bottom: 2px; + font-weight: bold; + font-size: 12px; +} + +.recent-posts h3 a { color: #4c4c4c } + +.recent-posts h3 a:hover { color: #888 } + +.recent-posts p { + font-size: 10px; + line-height: 15px; + color: #aaa; + margin-bottom: 0px; +} + +/* ===[ Homepage Testimonial Styles ]===================================================== */ + + +.testimonials h2 { + font-size: 30px; + margin: 15px 0 0 0; + text-align: center; +} + +.testimonials h3 { + font-weight: normal; + font-size: 20px; + line-height: 32px; + text-align: center; +} + +/* ===[ Homepage FAQ Styles ]===================================================== */ + + +.faq h2 { + font-size: 30px; + margin: 15px 0 0 0; + text-align: center; +} + +.faq h3 { + font-weight: normal; + font-size: 20px; + line-height: 32px; + text-align: center; +} + +/* ===[ Portfolio Page Styles ]===================================================== */ + +.mobile-slide { display: none !important } + +.portfolio-big-slide { + float: left; + width: 100%; + position: relative; +} + +.portfolio-large-image { + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + position: relative; + display: inline-block; + width: 100%; +} + +.portfolio-big-slide:hover .portfolio-large-image, .portfolio-block:hover .portfolio-small-image { + opacity: .16; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.portfolio-block .students { + display:none; + } +.portfolio-block:hover .students { + display:block; + position:absolute; + z-index:1; + left:-1px; + text-align: center; + top:68px; + color: #000; + width:312px; + height:100px; + } + + +.portfolio-large-image img { + min-width: 100%; + height: auto; +} + +.portfolio-big-slide .portfolio-block { + width: 980px; + margin-bottom: 40px; +} + +/* ===[ Portfolio Page Titles ]===================================================== */ + +.portfolio-big-title { + text-align: center; + margin-bottom: 40px; + display: block; + clear: both; +} + +.portfolio-big-title h2 { + letter-spacing: 0px; + font-size: 32px; + line-height: 40px; + margin-bottom: 0px; + text-align: center; +} + +.portfolio-big-title h3 { + font-size: 16px; + line-height: 26px; + letter-spacing: 0px; + color: #aaa; + text-align: center; + margin: 15px 0 0 0; + padding: 0 50px; +} + +#portfolio-blocks .slides li:first-child { display: none } + +.paged #portfolio-blocks .slides li:first-child, .home #portfolio-blocks .slides li:first-child { display: block } + +.page-template-portfolio-php #portfolio-blocks { margin-bottom: 60px } + +.portfolio-navigation { + width: 100%; + max-width: 980px; + clear: both; + margin-top: 20px; + display: inline-block; + position: relative; +} + +.portfolio-navigation a { + color: #555; +} + +.portfolio-navigation .alignleft, .portfolio-navigation .alignright { + color: #555; + font-size: 12px; + line-height: 30px; + font-weight: bold; + position: relative; +} + +.portfolio-navigation .alignleft a { + padding: 10px 15px 10px 22px; + background: #f7f7f7; +} + +.portfolio-navigation .alignleft a:before { + position: absolute; + top: -1px; + left: 12px; + display: block; + content: "\f0d9"; + font-family: "FontAwesome"; +} + +.portfolio-navigation .alignright a { + padding: 10px 22px 10px 15px; + background: #f7f7f7; +} + +.portfolio-navigation .alignright a:before { + position: absolute; + top: -1px; + right: 12px; + display: block; + content: "\f0da"; + font-family: "FontAwesome"; +} + +.portfolio-navigation .alignleft i { + margin: 0 5px 0 0; + font-size: 10px; + position: absolute; + top: 14px; + left: 12px; +} + +.portfolio-navigation .alignright i { + margin: 0 0 0 5px; +} + +/* ===[ Portfolio Block Styles ]===================================================== */ + +.portfolio-blocks-wrap { + width: 103%; +} + +.portfolio-blocks { + max-width: 1008px; + overflow: hidden; + color: white; + position: relative; +} + +.portfolio-block { + position: relative; + z-index: 5; + overflow: hidden; + float: left; + display: inline-block; +} + +.page-template-portfolio-php .portfolio-blocks .portfolio-block:first-child { + display: none; +} + +.home .portfolio-block:first-child { + display: block !important; +} + +.portfolio-block-large { + margin-bottom: 40px; +} + +.portfolio-block-inside { + position: absolute; + height: 100%; + width: 100%; + overflow: hidden; + display: inline-block; +} + +.portfolio-block-inside a { + display: block; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.portfolio-block-inside img { + width: 100%; + max-width: 100%; + height: auto; +} + +/* ===[ Portfolio Meta Styles ]===================================================== */ + +.portfolio-sidebar { + width: 25%; + float: right; + font-size: 12px; + line-height: 22px; +} + +.portfolio-meta { + margin: 0 0 0 0; +} + +.portfolio-meta h3 { + border-bottom: solid 1px #eee; + padding-bottom: 12px; +} + +.portfolio-meta li { + background: none !important; + padding: 0 0 10px 0 !important; + margin: 0 0 10px 0 !important; + color: #999; + width: 100%; + line-height: 18px; + float: left; + border-bottom: solid 1px #eee; +} + +.portfolio-meta li:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.portfolio-meta li span { + color: #555; + width: 100%; + float: left; +} + +/* ===[ Testimonial Styles ]===================================================== */ + +.faq h2 { font-size: 26px } + +.faq h3 { color: #aaa } + + +/* ===[ Testimonial Styles ]===================================================== */ + +.testimonials h2 { font-size: 26px } + +.testimonials h3 { color: #aaa } + +/* ===[ Recent Posts Widget Styles ]===================================================== */ + +.recent-comment-text { + margin-top: 5px; + font-size: 11px !important; + line-height: 18px !important; +} + +.recent-comments-widget .comment-txt:hover { color: #888 } + +/* ===[ Content Styles ]===================================================== */ + +.content { + width: 70%; + float: left; + margin: 0 0 0 0; + padding: 0 0 0 0; +} + +.content-full { + width: 100%; +} + +.portfolio-full { + padding-top: 30px; + max-width: 980px !important +} + +.archive .portfolio-full { + padding-top: 0; +} + +.content ul, .content ol { + margin: 0 0 20px 15px; +} + +.content ul li { + list-style-type: square; + margin-bottom: 5px; +} + +.content ol li { + list-style-type: decimal; +} + +/* ===[ Footer Styles ]===================================================== */ + +.footer { width: 100% } + +.footer-text { + max-width: 980px; + margin: 0 auto; + padding: 10px 0px 30px 0px; + border-top: solid 1px #eee; + border-bottom: solid 0px #eee; +} + +.footer-text-left { + width: 50%; + float: left; +} + +.footer-text-left ul { float: left } + +.footer-text-left ul li { + float: left; + display: inline; + margin: 0 5px 0 0; +} + +.footer-text-left ul li a { + font-size: 11px; + font-weight: bold; + text-transform: uppercase; + color: #999; + text-decoration: none; + padding: 0px 10px 0 0; +} + +.footer-text-left ul li a:hover { + color: #555; +} + +.footer-text-left ul li:first-child { padding-left: 0px } + +.footer-text-left ul li.last { padding: 3px 0 0 0 } + +.footer-text-right { + float: right; + font-size: 11px; + color: #999; + text-decoration: none; + text-transform: uppercase; +} + +.footer-text-right a { color: #4c4c4c } + +.footer-text-right a:hover { color: #999 } + +.footer-widgets { + max-width: 980px; + margin: 50px auto 0 auto; + padding: 0px 0 75px 0; + border-top: solid 5px #f2f2f2; +} + +.footer-widgets-wrap { + margin-left: -5%; +} + +.footer-widget { + width: 33%; + float: left; + padding: 30px 0 0 5%; + font-size: 12px; +} + +.footer-widget:last-child { + +} + +.footer-widget a { text-decoration: none } + +.footer-widget ul { margin: 0 0 0 0 } + +.footer-widget li { + margin-left: 15px; + list-style-type: square; +} + +.footer-widget p { line-height: 22px } + +.footer-widget h2 { + font-size: 11px; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + display: block; + line-height: 24px; + padding: 0 0 5px 0; + margin: 0 0 20px 0; + border-bottom: solid 1px #eee; +} + +/* ===[ Deafult WP Styles ]===================================================== */ + +.wp-caption { +} + +.wp-caption.alignnone { margin: 5px 20px 20px 0 } + +.wp-caption.alignleft { margin: 5px 20px 20px 0 } + +.wp-caption.alignright { margin: 5px 0 20px 20px } + +img.alignleft, img.alignright { + +} + +.alignright { float: right } + +.alignleft { float: left } + +.aligncenter { text-align: center } + +img.alignleft { margin: 5px 25px 20px 0 } + +img.alignright { margin: 5px 0 20px 20px } + +.wp-caption img { + border: 0 none; + height: auto; + margin: 0; + max-width: 98.5%; + padding: 0; + width: auto; +} + +.wp-caption p.wp-caption-text { + font-size: 10px !important; + margin: 0 !important; + padding: 3px 0 0 0!important; +} + +.gallery-caption { text-align: center } + +.gallery-item { + width: 105px !important; + margin-right: 15px; + margin-bottom: 20px; +} + +.gallery-icon { width: 105px } + +.gallery-item img { + width: 95px; + height: auto; + padding: 8px; + border: solid 1px #eee !important; +} + +.gallery-item img:hover { + border: solid 1px #ddd !important; +} + +.sticky { +} + +.bypostauthor { +} + +/* ===[ Contact Form 7 Styles ]===================================================== */ + +.hbspt-form input[type="text"], .hbspt-form textarea { font-family: Georgia, serif } + +.hbspt-form input[type="text"] { + padding: 10px; + font-size: 16px; + font-weight: 200; + color: #777; + border: none; + width: 100%; + background: #f0f0f0; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form input[type="email"] { + padding: 10px; + font-size: 16px; + font-weight: 200; + color: #777; + border: none; + width: 100%; + background: #f0f0f0; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form textarea { + margin: 0; + padding: 10px; + font-size: 16px; + width: 100%; + height: 250px; + box-sizing: border-box; + -moz-box-sizing: border-box; + color: #777; + border: none; + background: #f0f0f0; + margin-top: 5px; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form input:focus, .hbspt-form textarea:focus { + outline: none; + background: #e9e9e9; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form p { + font-size: 11px !important; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + margin: 0 0 20px 0; +} + +.hbspt-form br { margin-bottom: 10px } + +input.hs-button.primary.large{ + background: #555; + color: #fff; + font-size: 12px; + font-weight: bold; + font-family: 'Merriweather', Georgia, serif; + padding: 10px 20px; + margin: 5px 0 0 0; + border: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +.hbspt-form-submit:hover { + background: #666; + cursor: pointer; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.hbspt-form-response-output { + background: #faf7d6; + border: none !important; +} + +.hbspt-form-mail-sent-ok { + margin-left: 0px !important; + margin-right: 0px !important; + background: #ECF3E5; + background: rgba(229, 243, 212, .5); + padding: 15px !important; + border: solid 1px #D2EFAC !important; +} + +.hbspt-form-validation-errors { + margin-left: 0px !important; + background: #FCF3F3; + background: rgba(255, 238, 238, .5); + border: solid 1px #FBDCDC !important; + padding: 10px !important; + margin-right: 0px !important; +} + +/* ===[ Page With Sidebar Shortcode Column Styles ]===================================================== */ + +.highlight { + background: #fff9ce; + width: auto; + display: inline; + padding: 0px 3px; + font-weight: bold; +} + +/* ===[ Full Width Shortcode Column Styles ]===================================================== */ + +.two-thirds, .two-thirds-last { + width: 65.319148936%; + margin: 0 4% 20px 0; + float: left; +} + +.two-thirds-last { margin-right: 0px !important } + +.one-third, .one-third-last { + width: 30.425531915%; + float: left; + margin: 0 4% 20px 0; +} + +.one-third-last { margin-right: 0px !important } + +.one-quarter, .one-quarter-last { + width: 21.914893617%; + float: left; + margin: 0 4% 20px 0; +} + +.one-quarter-last { margin-right: 0px !important } + +.one-half, .one-half-last { + width: 47.872340426%; + margin: 0 4% 20px 0; + float: left; +} + +.one-half-last { margin-right: 0px !important } + +/* ===[ Shortcode Button Styles ]===================================================== */ + +.highlight { + background: #fff666; + color: #222; + width: auto; + display: inline; + padding: 2px 3px; + font-weight: normal; +} + +.demo-button { + margin-bottom: 6px; + padding-top: 4px; +} + +.demo-button span { margin-right: 2px } + +.button a { + +} + +.button a:hover { + +} + +.button { + display: inline-block; + text-decoration: none; + font: bold 11px/12px Georgia, HelveticaNeue, Arial; + text-transform: uppercase; + padding: 6px 11px; + color: #555; + border: 1px solid #dedede; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + text-align: center; +} + +.button:hover { cursor: pointer } + +.button.white { + background: #f5f5f5; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /* WebKit */ + background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0); + border-color: #dedede #d8d8d8 #d3d3d3; + color: #555; + text-shadow: 0 1px 0 #fff; + -webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; + -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; + box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; +} + +.button.white:hover { + background: #f4f4f4; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8)); /* WebKit */ + background: -moz-linear-gradient(top, #efefef, #f8f8f8); + border-color: #c7c7c7 #c3c3c3 #bebebe; + text-shadow: 0 1px 0 #fdfdfd; + -webkit-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; + -moz-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; + box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; +} + +.button.white a { color: #555 } + +.button.gray { + background: #bdbdbd; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae)); /* WebKit */ + background: -moz-linear-gradient(top, #cacaca, #aeaeae); + border-color: #b5b5b5 #a1a1a1 #8f8f8f; + color: #555; + text-shadow: 0 1px 0 #d4d4d4; + -webkit-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; + -moz-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; + box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; +} + +.button.gray:hover { + background: #c2c2c2; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2)); /* WebKit */ + background: -moz-linear-gradient(top, #bcbcbc, #c2c2c2); + border-color: #989898 #8e8e8e #878787; + text-shadow: 0 1px 0 #dadada; + -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; +} + +.button.gray a { color: #555 } + +.button.pink { + background: #f67689; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78297', endColorstr='#f56778'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f78297), to(#f56778)); /* WebKit */ + background: -moz-linear-gradient(top, #f78297, #f56778); + border-color: #df6f8b #da5f75 #d55061; + color: #913944; + text-shadow: 0 1px 0 #f89ca9; + -webkit-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; + -moz-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; + box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; +} + +.button.pink:hover { + background: #f67c90; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56c7e', endColorstr='#f78297'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f56c7e), to(#f78297)); /* WebKit */ + background: -moz-linear-gradient(top, #f56c7e, #f78297); + border-color: #c36079 #c25669 #c14e5c; + text-shadow: 0 1px 0 #f9a6b4; + -webkit-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; + -moz-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; + box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; +} + +.button.pink a { color: #913944 } + +.button.orange { + background: #fecc5f; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda71', endColorstr='#febb4a'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb4a)); /* WebKit */ + background: -moz-linear-gradient(top, #feda71, #febb4a); + border-color: #f5b74e #e5a73e #d6982f; + color: #996633; + text-shadow: 0 1px 0 #fedd9b; + -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; + -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; + box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; +} + +.button.orange:hover { + background: #fecb5e; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec354', endColorstr='#fecd61'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#fec354), to(#fecd61)); /* WebKit */ + background: -moz-linear-gradient(top, #fec354, #fecd61); + border-color: #d29a3a #cc9436 #c89133; + text-shadow: 0 1px 0 #fee1a0; + -webkit-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; + -moz-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; + box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; +} + +.button.orange a { color: #996633 } + +.button.green { + background: #b7d770; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9fcb57)); /* WebKit */ + background: -moz-linear-gradient(top, #cae285, #9fcb57); + border-color: #adc671 #98b65b #87aa4a; + color: #5d7731; + text-shadow: 0 1px 0 #cfe5a4; + -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; + -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; + box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; +} + +.button.green:hover { + background: #b9d972; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d872', endColorstr='#b9d972'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#b8d872), to(#b9d972)); /* WebKit */ + background: -moz-linear-gradient(top, #b8d872, #b9d972); + border-color: #8bb14d #83a648 #7d9e45; + text-shadow: 0 1px 0 #d5e8aa; + -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; + -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; + box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; +} + +.button.green a { color: #5d7731 } + +.button.blue { + background: #92dbf6; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abe4f8', endColorstr='#6fcef3'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3)); /* WebKit */ + background: -moz-linear-gradient(top, #abe4f8, #6fcef3); + border-color: #8dc5da #76b7cf #63abc7; + text-shadow: 0 1px 0 #b6e6f9; + -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; + -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; + box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; +} + +.button.blue:hover { + background: #92dbf6; + border-color: #7caec0 #68a3ba #5a9cb5; + text-shadow: 0 1px 0 #bee9fa; + -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; + -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; + box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; +} + +.button.blue a { color: #42788e } + +.button.purple { + background: #dfaeda; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8c4e4', endColorstr='#d494ce'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#e8c4e4), to(#d494ce)); /* WebKit */ + background: -moz-linear-gradient(top, #e8c4e4, #d494ce); + border-color: #bc9db9 #ad89aa #a1799d; + color: #7b5777; + text-shadow: 0 1px 0 #eacae6; + -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; + -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; + box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; +} + +.button.purple:hover { + background: #e0b1db; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deabd9', endColorstr='#e0b1db'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#deabd9), to(#e0b1db)); /* WebKit */ + background: -moz-linear-gradient(top, #deabd9, #e0b1db); + border-color: #a482a0 #9b7897 #947090; + text-shadow: 0 1px 0 #ecd0e9; + -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; +} + +.button.purple a { color: #7b5777 } + +.button.black { + background: #525252; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#434343'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); /* WebKit */ + background: -moz-linear-gradient(top, #5e5e5e, #434343); + border-color: #4c4c4c #313131 #1f1f1f; + color: #fff; + text-shadow: 0 1px 0 #2e2e2e; + -webkit-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; + -moz-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; + box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; +} + +.button.black:hover { + background: #5a5a5a; + border-color: #2c2c2c #1c1c1c #101010; + text-shadow: 0 1px 0 #363636; + -webkit-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; + -moz-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; + box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; +} + +.button.black a { color: #fff } + +/* ===[ Shortcode Message Style ]===================================================== */ + +.message { + width: 100%; + float: left; + margin: 0 0 15px 0; +} + +.message a { color: #555 } + +.message a:hover { text-decoration: underline } + +.message strong { + text-transform: uppercase; + font-size: 12px; + letter-spacing: 1px; +} + +.red-message { + background: #fff7f7; + border: solid 1px #fddcdc; + padding: 15px; +} + +.green-message { + background: #f1f9ea; + padding: 15px; + border: solid 1px #d0eeac; +} + +.yellow-message { + background: #fcfbe4; + border: solid 1px #efebbc; + padding: 15px; +} + +.gray-message { + background: #f5f5f5; + border: solid 1px #ddd; + padding: 15px; +} + +/* ===[ Shortcode Tooltip Styles ]===================================================== */ + +.tooltip { + display: inline; + position: relative; +} + +.tooltip a span { + width: 115px; + height: auto; + line-height: 20px; + padding: 5px 10px 0px 10px; + left: 50%; + margin-left: -58px; + font-family: Georgia, serif; + font-size: 11px; + color: #777; + text-align: center; + border: 4px solid #fff; + background: rgba(255,255,255,1); + text-indent: 0px; + border-radius: 5px; + position: absolute; + pointer-events: none; + bottom: 30px; + opacity: 0; + box-shadow: 1px 1px 2px rgba(0,0,0,0.1); + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border-left: solid 1px #f5f5f5; + border-top: solid 1px #f5f5f5; +} + +.tooltip a span:before, .tooltip a span:after { + content: ''; + position: absolute; + bottom: -15px; + left: 50%; + margin-left: -9px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid rgba(0,0,0,0.1); +} + +.tooltip a span:after { + bottom: -14px; + margin-left: -10px; + border-top: 10px solid #fff; +} + +.tooltip a:hover span { + opacity: 0.9; + bottom: 35px; +} + +/* ===[ Shortcode Tabbed Box Styles ]===================================================== */ + +.tabs { + list-style-type: none !important; + margin: 0 !important; + padding: 0; + height: 30px; + border-bottom: solid 1px #eee; +} + +#sidebar .tabs { + border-bottom: none; + height: auto; +} + +.tabs li { + float: left; + text-indent: 0; + padding: 0 !important; + margin: 0 !important; + list-style-type: none !important; + background: none !important; +} + +.content .tabs li a:hover { background: #f7f7f7 } + +.content .tabs li a:hover { + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.tabs a { + display: block; + font-size: 11px; + text-transform: uppercase; + line-height: 30px; + text-align: center; + text-decoration: none; + padding: 0 10px; + margin: 0px; + position: relative; + color: #888; +} + +.tabs a:hover { color: #555 } + +.tabs a:active { outline: none } + +.tabs .current, .tabs .current:hover, .tabs li.current a { + cursor: default !important; + color: #555 !important; + background: #f2f2f2; +} + +.tab-wrapper li .current, .tab-wrapper li .current:hover, .tab-wrapper li.current a, .tab-wrapper a:hover { background: #fff666 } + +.tab-wrapper { + padding: 0; + width: 435px; + height: 70px; + margin: 80px auto 30px auto; +} + +#sidebar .tab-wrapper { width: 100% } + +.tab-wrapper li { + float: left; + background: none !important; + padding: 0 !important; + margin: 0 1% 0 0 !important; + width: 24%; +} + +.tab-wrapper li:last-child { + margin-right: 0px !important; +} + +.tab-wrapper li a { + display: block; + height: 32px; + text-align: center; + line-height: 34px; + margin: 0; + outline: none; + background: #f2f2f2; + padding: 0; + position: relative; + font-family: 'ModernPictogramsNormal'; + -webkit-font-smoothing: antialiased; + color: #555; + font-size: 22px; + text-transform: none; +} + +.tab-wrapper li a.current { } + +.tab-wrapper li a:hover { } + +.tab-wrapper li a:active i { + line-height: 34px; +} + +.tab-wrapper li i { + font-size: 17px; + line-height: 32px; +} + +#sidebar .panes { + width: 99%; +} + +#sidebar .panes .pane { + margin-top: 2px; + background: #f7f7f7; + padding: 15px !important; +} + +.panes .pane { + display: none; + padding-top: 15px; + margin-top: -1px; +} + +.change-font a { + text-transform: uppercase; + font-size: 10px; + color: #999; + margin-right: 15px; +} + +.change-font a:hover { color: #4c4c4c } + +.chirp li { + border-bottom: solid 1px #eee !important; + padding-bottom: 10px !important; + margin: 0 0 10px 0 !important; + list-style-type: none !important; +} + +.chirp li:last-child { + border-bottom: none !important; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} \ No newline at end of file diff --git a/public/css/style.css b/public/css/style.css new file mode 100644 index 0000000..2d1e79d --- /dev/null +++ b/public/css/style.css @@ -0,0 +1,3061 @@ +body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { + margin: 0; + padding: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +fieldset, img { border: 0 } + +ol, ul { list-style: none } + +caption, th { text-align: left } + +h1, h2, h3, h4, h5, h6 { + font-size: 100%; + font-family: 'Merriweather', Georgia, serif; + font-weight: normal; + color: #4c4c4c; +} + +html { height: 100% } + +body { + font: 14px/24px "Merriweather", Georgia, serif; + margin: 0 auto; + padding: 0; + background: #fff; + overflow-x: hidden; + height: 100%; + color: #555; +} + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +a { text-decoration: none } + +a:hover { color: #555 } + +hr { + margin: 20px 0 30px; + border: 0; + border-bottom: 1px dotted #ddd; + height: 1px; +} + +h1 { + font-size: 30px; + line-height: 36px; + margin-bottom: 15px; +} + +h2 { + font-size: 24px; + line-height: 36px; + margin-bottom: 15px; +} + +h3, h4, h5, h6 { + line-height: 28px; + margin-bottom: 12px; +} + +h3 { font-size: 18px } + +h4 { font-size: 16px } + +h5 { font-size: 14px } + +h6 { + font-size: 13px; + color: #bfbfbf; + text-transform: uppercase; +} + +p { margin-bottom: 15px } + +.clear { + clear: both; + font-size: 0px; + line-height: 0px; + display: block; +} + +.clearfix:after { + content: ""; + display: block; + clear: both; + visibility: hidden; + font-size: 0; + height: 0; +} + +.clearfix { + *display: inline-block; + height: 1%; +} + +.last { margin-right: 0 !important } + +blockquote p { + position: relative; + font-family: 'Merriweather', Georgia, serif; + color: #aaa; + font-size: 16px; + font-weight: 400; + line-height: 28px; + padding: 15px 0 15px 30px; + margin: 25px 0; +} + +blockquote p:before { + position: absolute; + left: 0; + top: 14px; + content: "\f0e5"; + font-family: "FontAwesome"; + display: block; + color: #bbb; +} + +::selection { + background: #fff666; + color: #222; +} + +::-moz-selection { + background: #fff666; + color: #222; +} + +img { + max-width: 100%; + height: auto; +} + +/* ===[ Layout Styles ]===================================================== */ + +.main-wrapper { + width: 100%; + margin: 0 auto; +} + + +.header-wrapper { + width: 100%; + margin: 0 0 0 0; + position: fixed; + z-index: 99999; + background: #fff; +} + +.header-hidden-wrap { + z-index: 999; + position: relative; +} + +.header-hidden { + margin: 0 auto; + max-width: 980px; + padding: 10px 10px 0px 10px; + position: relative; + display: none; + background: #f3f3f3; +} + +.header-hidden-toggle-wrap { + max-width: 980px; + position: relative; + margin: 0 auto; +} + +.show-hidden { + margin-top: 0; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.hidden-toggle { + position: absolute; + right: 0px; + bottom: -35px; + display: block; + width: 21px; + height: 21px; + text-align: right; + color: #ccc; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.show-hidden .hidden-toggle { + +} + +.header-hidden-left { + width: 60%; + float: left; + font-size: 12px; + line-height: 20px; + color: #999; + padding-top: 3px; +} + +.header-hidden-right { + float: right; + width: 40%; +} + +.lights { + float: right; + color: #aaa; +} + +.icons { + float: right; +} + +.icons a { + margin-bottom: 0 !important; +} + +.header { + max-width: 980px; + margin: 0 auto; + padding-top: 40px; + border-bottom: solid 1px #eee; +} + +.header-left { + width: 25%; + float: left; +} + +.header-left img { padding: 0 0 0 0 } + +.header-left h1 { + margin: 5px 0 0 0; +} + +.header-left h1 a { + color: #555; + text-decoration: none; + font-size: 34px; + font-weight: 600; + line-height: 28px; + letter-spacing: -2px; + -webkit-transition: .04s ease-in; + -moz-transition: .04s ease-in; + transition: .04s ease-in; +} + +.header-left h1 a:hover { + color: #999; + -webkit-transition: .04s ease-in; + -moz-transition: .04s ease-in; + transition: .04s ease-in; +} + +.logo { + margin-top: -30px !important; +} + +.header-right { + width: 75%; + float: right; +} + +/* ===[ Header Navigation Styles ]===================================================== */ + +.select-menu, .select { display: none } + +.menu-main-container { position: relative } + +#nav { float: right } + +#nav, #nav ul { + margin: 13px 0 0 0; + padding: 0; + list-style-type: none; + list-style-position: outside; + position: relative; + line-height: 1.5em; + z-index: 1000; +} + +#nav a { + display: block; + padding: 5px; + color: #aaa; + text-decoration: none; + text-align: left; + outline: none; + font-weight: normal; + font-family: 'Merriweather', Georgia, serif; +} + +#nav > .current-menu-item > a, #nav > li a:hover { color: #4C4C4C } + +.plus { color: #aaa } + +#nav ul { + position: absolute; + display: none; +} + +#nav li { + float: left; + position: relative; + list-style-type: none; + padding-bottom: 17px; +} + +#nav li a { + font-size: 12px; + font-weight: bold; + text-transform: uppercase; + padding: 8px 15px; +} + +#nav > li > a { padding: 5px 12px } + +#nav > li:last-child a { + margin-right: 0px; + padding-right: 0px; + border-right: none; +} + +#nav > li:first-child a { + +} + +#nav li ul a { + width: 150px; + height: auto; + float: left; + font-size: 12px; + color: #999; +} + +#nav .sub-menu { + box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; + -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; + -webkit-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; +} + +#nav .sub-menu li { + background: #fff; + border-left: solid 1px #eee; + border-right: solid 1px #eee; +} + +#nav .sub-menu li:first-child { border-top: solid 1px #eee } + +#nav > li > ul { margin-top: 17px } + +#nav li ul li { + border-bottom: solid 1px #eee; + padding-bottom: 0px; +} + +#nav li ul li:last-child { border-bottom: none } + +#nav li ul li a { + margin-right: 0px; + font-size: 10px; +} + +#nav li ul li a:hover { + background: #f9f9f9; + color: #555; +} + +#nav ul ul { top: auto } + +#nav ul ul li:first-child { border-top: solid 1px #eee } + +#nav li ul ul { + left: 150px; + margin: -1px 0 0 0; + padding-right: 5px; +} + +#nav li ul ul li { border-top: none } + +#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display: none } + +#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display: block } + +/* ===[ Title Styles ]===================================================== */ + +.home .page-title { + text-align: center; + border-bottom: none; +} + +.error404 .page-title { + text-align: center; +} + +.page-title { + border-bottom: solid 1px #eee; + padding: 30px 0; + margin-bottom: 40px; + position: relative; +} + +.page-title-portfolio { + border-bottom: none; + margin-bottom: 0; + display: inline-block; + width: 100%; + position: relative; +} + +.portfolio-titles { + float: left; + width: 75%; + display: inline-block; +} + +.project-nav { + font-size: 11px; + text-transform: uppercase; + text-align: right; + position: absolute; + right: 0; + bottom: 30px; + width: 25%; + margin-top: 15px; +} + +.project-nav a { + color: #aaa !important; + margin-left: 10px; +} + +.project-nav a:hover { color: #555 !important } + +.next-project span { + padding-left: 10px; + border-left: solid 1px #eee; +} + +.project-nav i { + padding: 0 2px; +} + +.page-title a { color: #4c4c4c } + +.page-title h2 { + margin-bottom: 0px; + font-size: 34px; + letter-spacing: -1px; + line-height: 42px; +} + +.page-title h3 { + color: #aaa; + font-size: 16px; + line-height: 24px; + margin: 5px 0 0 0; +} + +.page-title h3 a { color: #aaa } + +.post-nav { + position: absolute; + bottom: 50px; + right: 0; + font-size: 11px; + text-transform: uppercase; +} + +.post-nav a { + color: #aaa; + margin-left: 20px; + float: right; +} + +.post-nav a:hover { color: #555 } + +/* ===[ Blog Styles ]===================================================== */ + +.blog-post { + margin-bottom: 50px; + padding-bottom: 30px; + border-bottom: solid 1px #eee; +} + +.blog-post:last-child { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.blog-content { padding: 0 0 0 0 } + +.readmore { + text-align: center; + font-size: 10px; + letter-spacing: 2px; + text-transform: uppercase; + padding-top: 5px; + margin-top: 10px; +} + +.more-link { + margin-top: 10px; + clear: both; + padding: 5px 5px 5px 0px; +} + +.blog-meta { + float: left; + width: 15%; + margin: 5px 5% 20px 0; + text-align: right; + display: inline-block; +} + +.blog-meta-date { + padding-bottom: 10px !important; + margin-bottom: 10px !important; + border-bottom: solid 1px #eee; + float: left; +} + +.share-title { color: #555 !important } + +.single-attachment .share-title { + display: none; +} + +.blog-meta ul { + margin-bottom: 15px !important; + padding-bottom: 15px !important; + border-bottom: solid 1px #eee; + display: inline-block; +} + +.blog-meta ul:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.blog-meta li { + list-style-type: none !important; + background: none !important; + padding: 0 0 0 0 !important; + margin: 0 0 6px 0 !important; + color: #999; + width: 100%; + line-height: 18px; + float: left; + font-size: 11px; +} + +.blog-meta ul li:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.blog-meta li a, .blog-meta li { color: #999 } + +.blog-meta li a:hover { color: #4c4c4c } + +.content .blog-text { + float: right; + width: 80%; +} + +.title-meta h2 { + margin: 0 0 0 0; + padding-bottom: 10px; + line-height: 38px; + font-size: 28px; + letter-spacing: -1px; +} + +.title-meta h2 a { + color: #555; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.title-meta h2 a:hover { + color: #999; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.blog-image { + width: 100%; + margin-bottom: 35px; + float: left; +} + +.blog-image img { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.blog-image img:hover { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + opacity: .9; +} + +.blog-read-more { + font-size: 11px; + letter-spacing: 2px; + text-transform: uppercase; + padding-top: 15px; +} + +/* ===[ Tagcloud Styles ]===================================================== */ + +.tags { + width: 620px; + padding: 15px 0 15px 0; + clear: both; + margin-right: 35px; + background: #f9f9f9; +} + +.tags-list { + width: 505px; + float: left; +} + +.tags-list ul { + float: left; + padding: 0 0 0 5px; + width: 100%; + margin-bottom: 0; +} + +.tags-list ul li { + display: block; + padding: 0 19px 0 0; + float: left; +} + +.tags-list ul li p { + font-size: 11px; + font-weight: bold; + color: #5a5a5a; + float: none; + padding: 0; +} + +.tags-list ul li span { + font-size: 11px; + font-weight: bold; + color: #a2a2a2; + display: inline; + padding: 0 0 0 4px; +} + +.tags_rgt { + float: right; + width: 81px; + margin-right: 15px; +} + +.search .post-share, .archive .post-share { display: none } + +.blog-navigation { + padding-bottom: 25px; +} + +.blog-navigation a { + text-decoration: none; + padding: 10px 0; + color: #555; + font-weight: normal; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 2px; +} + +.blog-navigation a:hover { color: #999 } + +.blog-navigation .alignright a:after { + font-family: 'FontAwesome'; + -webkit-font-smoothing: antialiased; + content: "\f0da"; + margin-left: 5px; +} + +.blog-navigation .alignleft a:before { + font-family: 'FontAwesome'; + -webkit-font-smoothing: antialiased; + content: "\f0d9"; + margin-right: 5px; +} + +.navigation a { + text-decoration: none; + padding: 10px 0; + color: #555; + font-weight: normal; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 2px; +} + +.navigation a:hover { color: #999 } + +.featured-image { + margin: 0 0 20px 0; + float: left; + width: 100%; +} + +.fullsize-image { + margin: 0 0 30px 0; + float: left; + width: 100%; +} + +.okvideo { margin-bottom: 30px } + +.intro { + color: #979797; + font-size: 16px; + line-height: 28px; + margin-bottom: 15px; + border-top: solid 1px #EEE; + border-bottom: solid 1px #EEE; + padding: 10px 0; +} + +/* ===[ Search Form Styles ]===================================================== */ + +.search-404 { + text-align: center; + width: 65%; + margin: 0 auto; +} + +.search-404 .searchform { + margin-top: 25px; +} + +.searchform { + position: relative; + width: 100%; +} + +#searchsubmit { + position: absolute; + right: 0; + top: 0; + background: #e8e8e8; + border: none; + padding: 8px 10px; + height: 34px; + font-size: 9px; + font-weight: bold; + line-height: 20px; + text-transform: uppercase; + font-family: "Merriweather", Georgia, serif; + color: #777; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +#searchsubmit:hover { + background: #fff666; + color: #222; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#searchform { + float: left; + width: 100%; +} + +#s { + background: #f7f7f7; + float: left; + padding: 10px 65px 10px 8px; + border: 0; + font-size: 12px; + color: #999; + outline: none; + width: 190px; + margin: 0 0 0 0; + font-family: Georgia, serif; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; + font-style: italic; + width: 100%; + -webkit-appearance:caret; +} + +#s:focus, #s:hover { + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +#searchsubmit { +} + +.content #searchsubmit { float: left } + +#searchsubmit:hover { cursor: pointer } + +#searchform .screen-reader-text { display: none } + +/* ===[ Sidebar Styles ]===================================================== */ + +#sidebar-close { display: none } + +#sidebar { + width: 25%; + float: right; + font-size: 12px; + line-height: 22px; +} + +#sidebar p { + font-size: 12px; +} + +#sidebar a { + text-decoration: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#sidebar a:hover { + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.widget { + margin-bottom: 40px; + clear: both; + float: left; + width: 100%; +} + +.widget h2, .portfolio-sidebar h2 { + font-size: 10px; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + display: block; + line-height: 26px; + margin: 0 0 10px 0; + font-family: 'Merriweather', Georgia, serif; + text-align: center; + background: #f7f7f7; + color: #999; +} + +#sidebar .widget ul { + margin: 0; + padding: 0; +} + +#sidebar .widget li { + margin: 0 0 5px 15px; + list-style-type: square; +} + +#sidebar .slides li { + list-style-type: none; + margin: 0; +} + +.widget ul { padding: 0 0 0 15px } + +.widget ul li { + padding: 0; + list-style-type: none; +} + +.widget ul li ul { padding: 0 0 0 0 } + +.tagcloud { + padding: 0 0 0 0; + text-align: center; +} + +.tagcloud a { + text-decoration: none; + float: left; + color: #888; + padding: 10px; + position: relative; + font-weight: bold; +} + +.tagcloud a:hover { color: #555 } + +/* ===[ Default Widget Styles ]===================================================== */ + +.widget_archive select { + width: 100%; +} + +#wp-calendar { + width: 100%; +} + +#wp-calendar caption { + text-align: center; + margin-bottom: 5px; +} + +.widget_rss li { + margin: 0 0 15px 0 !important; + list-style-type: none !important; +} + +.widget_rss .rsswidget { + width: 100%; +} + +.widget_rss .rss-date { + width: 100%; + float: left; + font-size: 11px; + color: #999; +} + +.widget_rss cite { + color: #999; + font-size: 11px; +} + +#sidebar .wp-caption { + width: 100%; + text-align: center; + color: #999; +} + +.widget_text { + word-wrap: break-word; +} + +/* ===[ Comment Styles ]===================================================== */ + +.comments { + float: left; + margin: 50px 0px 50px 0px; + background: #f6f6f6; + width: 100%; + border-top: none; + padding: 30px; +} + +.commentlist { + margin-bottom: 0 !important; +} + +.comments li { background: none !important } + +h3#comments { + padding: 0 0 20px 0; + margin: 0 0 25px 0 !important; + font-size: 20px; + font-weight: bold; + border-bottom: solid 1px #eee; + line-height: 30px; + text-align: center; +} + +#respond { + margin: 0; + padding: 0; +} + +.commentlist #respond { + margin: 20px 0 20px 0; +} + +#respond h3 { + padding: 0 0 3px 0; + font-size: 20px; + font-weight: bold; + margin: 0 !important; +} + +#reply-title small { + font-weight: bold; + font-size: 9px; + text-transform: uppercase; + margin-left: 5px; +} + +#respond .logged-in-as, .comment-notes { + font-size: 13px; + padding-bottom: 10px; + margin-bottom: 15px; + border-bottom: solid 1px #e6e6e6; +} + +#comments .form-allowed-tags { + display: none; +} + +#respond label { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 1px; + margin: 5px 0 0 0px; + color: #aaa; +} + +#respond p { margin-bottom: 15px } + +#respond input[type="text"], #respond textarea { + color: #777; + border: none; + border: solid 1px #eee; + border-bottom: solid 1px #ddd; + background: #fff; + width: 100%; + padding: 10px; + font-size: 13px; + -webkit-appearance:caret; +} + +#respond input:focus, #respond textarea:focus { outline: none } + +#respond textarea { + line-height: 22px; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.form-submit { + margin-bottom: 0 !important; +} + +#respond #submit { + background: #555; + color: #fff; + font-size: 12px; + font-weight: bold; + font-family: 'Merriweather', Georgia, serif; + padding: 10px 20px; + margin: 5px 0 0 0; + border: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +#respond #submit:hover { + background: #666; + cursor: pointer; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#respond #commentform p { + +} + +.comment #respond #commentform p { + +} + +#respond #commentform .form-author { background: #fff } + +#respond #commentform .form-email { background: #fff } + +#respond #commentform .form-website { background: #fff } + +.allowed { + font-size: 11px; + color: #888; + width: 500px; + float: left; + margin: 0 0 15px 0; +} + +.commentlist { list-style-type: none !important } + +.commentlist li { + padding: 0 0 15px 0; + margin: 0 0 15px 0 !important; + position: relative; + list-style-type: none !important; +} + +.commentlist li:last-child { + margin-bottom: 40px !important; + padding-bottom: 0; +} + +.commentlist li:before, .commentlist ol .num { + float: left; + margin: 0 0 0 0 !important; + content: none !important; + counter-increment: none !important; +} + +#comments .children { + margin: 25px 0 0 25px !important; +} + +#comments .children li { + margin: 0; + padding: 0; +} + +#comments .children li:last-child { + margin-bottom: 0 !important; + padding-bottom: 0; +} + +.comment-block { padding: 0 } + +.comment-text { + background: #fff; + border: solid 1px #eee; + padding: 20px; + font-size: 14px; + line-height: 22px; + border-bottom: solid 1px #ddd; +} + +.comment-text:before { + width: 0; + height: 0; +} + +.reply { + margin: 0px !important; + font-size: 12px; +} + +.comments .children .reply { text-align: left } + +.reply a:hover { text-decoration: none } + +.reply a:hover:after { content: "\2192" } + +#cancel-comment-reply { + margin: 0 0 15px 0; + float: right; +} + +.comments .logged-in { + float: left; + font-size: 14px !important; +} + +.comment-awaiting-moderation { + color: #555; + font-weight: bold; + font-size: 11px; +} + +.vcard { + margin: 0 0 0 0; + padding: 0 0 0 0; + float: left; +} + +.vcard img { + float: left; + background: #fff; + border: solid 1px #eee; + padding: 3px; +} + +.fn { + float: left; + font-style: normal; + font-size: 15px; + font-weight: bold; + line-height: 20px; + margin-top: 0; + margin-bottom: -6px; +} + +.fn a { color: #666 } + +.comment-info { + margin-bottom: 15px; + position: relative; +} + +.comment-meta { + float: left; + margin: 2px 0 0 12px; +} + +.comment-time { + font-size: 11px; + color: #999; +} + +.comment-edit-link { font-size: 11px } + +/* ===[ Sidebar Styles ]===================================================== */ + +.blog-entry { + +} + +.pro-title h4 { + display: block float:left; + width: 295px; + background: url(images/design-repeat.gif) right center repeat-x; +} + +.pro-title h4 span { + font-size: 14px; + color: #FFF; + font-weight: bold; + background: #3e3e3e; + padding: 0 10px 0 0; +} + +.pro-title h3 { + font-size: 14px; + color: #FFF; + font-weight: bold; + display: block float:left; + width: 295px; + background: url(images/design-repeat.gif) right center repeat-x; +} + +.pro-title h3 span { + font-size: 14px; + color: #FFF; + font-weight: bold; + background: #3e3e3e; + padding: 0 10px 0 0; +} + +/* ===[ Section Styles ]===================================================== */ + +.container { + max-width: 980px; + margin: 0 auto; + padding-top: 140px; +} + +#sections { + max-width: 980px; + margin: 0 auto; + padding-top: 140px; +} + +.section-title { + letter-spacing: 5px; + font-size: 13px; + font-weight: bold; + text-transform: uppercase; + margin-bottom: 40px; + text-align: center; + padding: 5px; + border-top: solid 1px #eee; + border-bottom: solid 1px #eee; +} + +.section-title span { + background: #fff; + padding: 0 15px; +} + +.section:first-child { + padding-top: 0px; + border-top: none; +} + +.section { + padding: 0 0 0 0; + float: left; + width: 100%; + position: relative; +} + +.section-slider { + padding-bottom: 70px; +} + +.section-services { + padding-bottom: 80px; +} + +.section-services.student-index { + padding-bottom: 0px; +} + +.section-portfolio { + padding-bottom: 45px; +} + +.section-blog { + padding-bottom: 30px; +} + +.section-faq { + padding-bottom: 30px; +} + + +.section-testimonials { + padding-top: 100px; + padding-bottom: 300px; +} + + +.section-testimonials a { + color: #aaa; +} +.section-testimonials a:hover { + color: #60BDDB; +} + +.section-testimonials-curriculum { + padding-top: 40px; + padding-bottom: 150px; +} + +.section-testimonials-curriculum a { + color: #aaa; +} +.section-testimonials-curriculum a:hover { + color: #60BDDB; +} + + +.section .column { + width: 33%; + margin: 0 0 3% 0; + float: left; + padding-left: 4%; + margin-bottom: 3%; +} + +.section .column.fourth{ + width: 25%; +} + +.section.coder-cred{ + margin-left: 20px; +} +.section .column:last-child { + margin-right: 0px; + border-right: none; +} + +.section-titlea { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 2px; + color: #999; + background: #f7f7f7; + padding: 0 10px; + margin: 0 0 35px 0; + text-align: center; +} + +.section-title2a { + font-size: 48px; + letter-spacing: -2px; + color: #eee; + position: absolute; + bottom: -16px; + right: 0; + padding: 0; + text-align: center; + display: none; +} + +.section-title3a { + font-size: 28px; + text-align: center; + display: none; +} + +/* ===[ Ribbon Styles ]===================================================== */ + +.ribbon { + font-size: 11px !important; + text-transform: uppercase; + letter-spacing: 2px; + width: 30%; + position: relative; + background: #ededed; + color: #777; + text-align: center; + padding: 8px 2em; + margin: 0 auto 45px; + line-height: 16px; +} + +.ribbon:before, .ribbon:after { + content: ""; + position: absolute; + display: block; + bottom: -1em; + border: 1.5em solid #e4e2e2; + z-index: -1; +} + +.ribbon:before { + left: -2em; + border-right-width: 1.5em; + border-left-color: transparent; +} + +.ribbon:after { + right: -2em; + border-left-width: 1.5em; + border-right-color: transparent; +} + +.ribbon .ribbon-content:before, .ribbon .ribbon-content:after { + content: ""; + position: absolute; + display: block; + border-style: solid; + border-color: #cfcfcf transparent transparent transparent; + bottom: -1em; +} + +.ribbon .ribbon-content:before { + left: 0; + border-width: 1em 0 0 1em; +} + +.ribbon .ribbon-content:after { + right: 0; + border-width: 1em 1em 0 0; +} + +.non-semantic-protector { + position: relative; + z-index: 1; + background: url(images/ribbon-bg.png) no-repeat 0 24px; + display: none; +} + +/* ===[ Slider Styles ]===================================================== */ + +.single .gallery-wrap { + margin-bottom: 40px; + margin-top: -1px; +} + +.slides .featured-thumb img { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.featured-thumb img:hover { + opacity: .9; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +/* ===[ Services Styles ]===================================================== */ + +.services-wrap { + display: block; + float: left; + margin-left: -4%; + margin-bottom: -2%; + max-width: 1020px; +} + +.services-title { + float: left; + width: 75%; + padding-top: 11px; +} + +.services h3 { + font-size: 14px; + font-weight: bold; + line-height: 20px; + margin-bottom: 0; +} + +.services h3 a { color: #4c4c4c } + +.services h3 a:hover { color: #888 } + +.services .service-icon { + float: left; + margin: 0 5% 0 0; + font-size: 20px; + line-height: 22px; + text-align: center; + color: #555; + background: #f3f3f3; + display: block; + padding: 11px 10px 9px 10px; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + height: 40px; + width: 40px; + overflow: hidden; +} + +.services p { + margin: 15px 0 20px 0; + font-size: 13px; + border-top: dotted 1px #e6e6e6; + padding-top: 8px; +} + +.services ul{ + margin-top: 15px; + font-size: 13px; + border-top: dotted 1px #e6e6e6; + padding-top: 6px; +} + +.services ul li{ + border-bottom: dotted 1px #e6e6e6; + padding: 3px 0 4px 0; +} + +.services h4{ + font-size: 14px; + line-height: 0; + text-decoration: underline +} +.services:hover .service-icon { + background: #fff666; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +/* ===[ Home Blog Styles ]===================================================== */ + +body.students .home-blog { + display: block; + margin-left: -2.2%; + max-width: 1020px; +} + +.home-blog-post li{ + list-style-type:none; +} + +body.students ul li.home-blog-post{ + list-style-type:none; + height: 600px; +} + +.home-blog-post { + float: left; + width: 31%; + margin: 0 0 5% 2.2%; + border: solid 1px #eee; + padding: 30px; + position: relative; +} + +.big-comment h3 { position: relative } + +.home-blog-post h3 { + font-size: 18px; + line-height: 24px; + margin-bottom: 5px; +} + +.home-blog-post h3 a { color: #4c4c4c } + +.home-blog-post h3 a:hover { color: #888 } + +.home-blog-post .excerpt p { + font-size: 13px; + margin-bottom: 0; + padding: 0; +} + +.home-blog-post .blog-text { + font-size: 14px; + line-height: 26px; +} + +.home-blog-post-meta { + text-transform: uppercase; + font-size: 10px; + color: #aaa; + line-height: 16px; + margin-bottom: 20px; + padding-bottom: 20px; + border-bottom: solid 1px #eee; +} + +.home-blog-post .blog-thumb { + margin: -31px -31px 25px -31px; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + position: relative; + overflow: hidden; + height: 310px; +} + +.home-blog-post .blog-thumb img { + max-width: 100%; + min-width: 100%; + height: auto; +} + +.home-blog-post img:hover { + opacity: .9; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.home-blog-right { + float: right; + width: 300px; +} + +.okay-recent-posts { + margin: 0; + padding: 0; +} + +.okay-recent-posts .pane { + padding-top: 10px !important; + border: none !important; + padding: 0; +} + +.okay-recent-posts .pane h4 { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 2px; + display: block; + line-height: 30px; + margin: 0 0 15px 0; + font-family: 'Merriweather', Georgia, serif; + text-align: center; + background: #f7f7f7; + color: #999; +} + +.recent-posts-widget .recent-posts { + width: 100%; +} + +.recent-posts-widget li, .recent-comments-widget li { + list-style-type: none; + margin: 0 0 15px 0 !important; + padding: 0 0 15px 0 !important; + border-bottom: solid 1px #eee; + display: inline-block; +} + +.recent-posts-widget li:last-child, .recent-comments-widget li:last-child { + border-bottom: none !important; + margin-bottom: 0 !important; + padding-bottom: 5px !important; +} + +.recent-posts h3 { + line-height: 18px; + margin-bottom: 2px; + font-weight: bold; + font-size: 12px; +} + +.recent-posts h3 a { color: #4c4c4c } + +.recent-posts h3 a:hover { color: #888 } + +.recent-posts p { + font-size: 10px; + line-height: 15px; + color: #aaa; + margin-bottom: 0px; +} + +/* ===[ Homepage Testimonial Styles ]===================================================== */ + + +.testimonials h2 { + font-size: 30px; + margin: 15px 0 0 0; + text-align: center; +} + +.testimonials h3 { + font-weight: normal; + font-size: 20px; + line-height: 32px; + text-align: center; +} + +/* ===[ Homepage FAQ Styles ]===================================================== */ + + +.faq h2 { + font-size: 30px; + margin: 15px 0 0 0; + text-align: center; +} + +.faq h3 { + font-weight: normal; + font-size: 20px; + line-height: 32px; + text-align: center; +} + +/* ===[ Portfolio Page Styles ]===================================================== */ + +.mobile-slide { display: none !important } + +.portfolio-big-slide { + float: left; + width: 100%; + position: relative; +} + +.portfolio-large-image { + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + position: relative; + display: inline-block; + width: 100%; +} + +.portfolio-big-slide:hover .portfolio-large-image, .portfolio-block:hover .portfolio-small-image { + opacity: .16; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.portfolio-block .students { + display:none; + } +.portfolio-block:hover .students { + display:block; + position:absolute; + z-index:1; + left:-1px; + text-align: center; + top:68px; + color: #000; + width:312px; + height:100px; + } + + +.portfolio-large-image img { + min-width: 100%; + height: auto; +} + +.portfolio-big-slide .portfolio-block { + width: 980px; + margin-bottom: 40px; +} + +/* ===[ Portfolio Page Titles ]===================================================== */ + +.portfolio-big-title { + text-align: center; + margin-bottom: 40px; + display: block; + clear: both; +} + +.portfolio-big-title h2 { + letter-spacing: 0px; + font-size: 32px; + line-height: 40px; + margin-bottom: 0px; + text-align: center; +} + +.portfolio-big-title h3 { + font-size: 16px; + line-height: 26px; + letter-spacing: 0px; + color: #aaa; + text-align: center; + margin: 15px 0 0 0; + padding: 0 50px; +} + +#portfolio-blocks .slides li:first-child { display: none } + +.paged #portfolio-blocks .slides li:first-child, .home #portfolio-blocks .slides li:first-child { display: block } + +.page-template-portfolio-php #portfolio-blocks { margin-bottom: 60px } + +.portfolio-navigation { + width: 100%; + max-width: 980px; + clear: both; + margin-top: 20px; + display: inline-block; + position: relative; +} + +.portfolio-navigation a { + color: #555; +} + +.portfolio-navigation .alignleft, .portfolio-navigation .alignright { + color: #555; + font-size: 12px; + line-height: 30px; + font-weight: bold; + position: relative; +} + +.portfolio-navigation .alignleft a { + padding: 10px 15px 10px 22px; + background: #f7f7f7; +} + +.portfolio-navigation .alignleft a:before { + position: absolute; + top: -1px; + left: 12px; + display: block; + content: "\f0d9"; + font-family: "FontAwesome"; +} + +.portfolio-navigation .alignright a { + padding: 10px 22px 10px 15px; + background: #f7f7f7; +} + +.portfolio-navigation .alignright a:before { + position: absolute; + top: -1px; + right: 12px; + display: block; + content: "\f0da"; + font-family: "FontAwesome"; +} + +.portfolio-navigation .alignleft i { + margin: 0 5px 0 0; + font-size: 10px; + position: absolute; + top: 14px; + left: 12px; +} + +.portfolio-navigation .alignright i { + margin: 0 0 0 5px; +} + +/* ===[ Portfolio Block Styles ]===================================================== */ + +.portfolio-blocks-wrap { + width: 103%; +} + +.portfolio-blocks { + max-width: 1008px; + overflow: hidden; + color: white; + position: relative; +} + +.portfolio-block { + position: relative; + z-index: 5; + overflow: hidden; + float: left; + display: inline-block; +} + +.page-template-portfolio-php .portfolio-blocks .portfolio-block:first-child { + display: none; +} + +.home .portfolio-block:first-child { + display: block !important; +} + +.portfolio-block-large { + margin-bottom: 40px; +} + +.portfolio-block-inside { + position: absolute; + height: 100%; + width: 100%; + overflow: hidden; + display: inline-block; +} + +.portfolio-block-inside a { + display: block; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.portfolio-block-inside img { + width: 100%; + max-width: 100%; + height: auto; +} + +/* ===[ Portfolio Meta Styles ]===================================================== */ + +.portfolio-sidebar { + width: 25%; + float: right; + font-size: 12px; + line-height: 22px; +} + +.portfolio-meta { + margin: 0 0 0 0; +} + +.portfolio-meta h3 { + border-bottom: solid 1px #eee; + padding-bottom: 12px; +} + +.portfolio-meta li { + background: none !important; + padding: 0 0 10px 0 !important; + margin: 0 0 10px 0 !important; + color: #999; + width: 100%; + line-height: 18px; + float: left; + border-bottom: solid 1px #eee; +} + +.portfolio-meta li:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.portfolio-meta li span { + color: #555; + width: 100%; + float: left; +} + +/* ===[ Testimonial Styles ]===================================================== */ + +.faq h2 { font-size: 26px } + +.faq h3 { color: #aaa } + + +/* ===[ Testimonial Styles ]===================================================== */ + +.testimonials h2 { font-size: 26px } + +.testimonials h3 { color: #aaa } + +/* ===[ Recent Posts Widget Styles ]===================================================== */ + +.recent-comment-text { + margin-top: 5px; + font-size: 11px !important; + line-height: 18px !important; +} + +.recent-comments-widget .comment-txt:hover { color: #888 } + +/* ===[ Content Styles ]===================================================== */ + +.content { + width: 70%; + float: left; + margin: 0 0 0 0; + padding: 0 0 0 0; +} + +.content-full { + width: 100%; +} + +.portfolio-full { + padding-top: 30px; + max-width: 980px !important +} + +.archive .portfolio-full { + padding-top: 0; +} + +.content ul, .content ol { + margin: 0 0 20px 15px; +} + +.content ul li { + list-style-type: square; + margin-bottom: 5px; +} + +.content ol li { + list-style-type: decimal; +} + +/* ===[ Footer Styles ]===================================================== */ + +.footer { width: 100% } + +.footer-text { + max-width: 980px; + margin: 0 auto; + padding: 10px 0px 30px 0px; + border-top: solid 1px #eee; + border-bottom: solid 0px #eee; +} + +.footer-text-left { + width: 50%; + float: left; +} + +.footer-text-left ul { float: left } + +.footer-text-left ul li { + float: left; + display: inline; + margin: 0 5px 0 0; +} + +.footer-text-left ul li a { + font-size: 11px; + font-weight: bold; + text-transform: uppercase; + color: #999; + text-decoration: none; + padding: 0px 10px 0 0; +} + +.footer-text-left ul li a:hover { + color: #555; +} + +.footer-text-left ul li:first-child { padding-left: 0px } + +.footer-text-left ul li.last { padding: 3px 0 0 0 } + +.footer-text-right { + float: right; + font-size: 11px; + color: #999; + text-decoration: none; + text-transform: uppercase; +} + +.footer-text-right a { color: #4c4c4c } + +.footer-text-right a:hover { color: #999 } + +.footer-widgets { + max-width: 980px; + margin: 50px auto 0 auto; + padding: 0px 0 75px 0; + border-top: solid 5px #f2f2f2; +} + +.footer-widgets-wrap { + margin-left: -5%; +} + +.footer-widget { + width: 33%; + float: left; + padding: 30px 0 0 5%; + font-size: 12px; +} + +.footer-widget:last-child { + +} + +.footer-widget a { text-decoration: none } + +.footer-widget ul { margin: 0 0 0 0 } + +.footer-widget li { + margin-left: 15px; + list-style-type: square; +} + +.footer-widget p { line-height: 22px } + +.footer-widget h2 { + font-size: 11px; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + display: block; + line-height: 24px; + padding: 0 0 5px 0; + margin: 0 0 20px 0; + border-bottom: solid 1px #eee; +} + +/* ===[ Deafult WP Styles ]===================================================== */ + +.wp-caption { +} + +.wp-caption.alignnone { margin: 5px 20px 20px 0 } + +.wp-caption.alignleft { margin: 5px 20px 20px 0 } + +.wp-caption.alignright { margin: 5px 0 20px 20px } + +img.alignleft, img.alignright { + +} + +.alignright { float: right } + +.alignleft { float: left } + +.aligncenter { text-align: center } + +img.alignleft { margin: 5px 25px 20px 0 } + +img.alignright { margin: 5px 0 20px 20px } + +.wp-caption img { + border: 0 none; + height: auto; + margin: 0; + max-width: 98.5%; + padding: 0; + width: auto; +} + +.wp-caption p.wp-caption-text { + font-size: 10px !important; + margin: 0 !important; + padding: 3px 0 0 0!important; +} + +.gallery-caption { text-align: center } + +.gallery-item { + width: 105px !important; + margin-right: 15px; + margin-bottom: 20px; +} + +.gallery-icon { width: 105px } + +.gallery-item img { + width: 95px; + height: auto; + padding: 8px; + border: solid 1px #eee !important; +} + +.gallery-item img:hover { + border: solid 1px #ddd !important; +} + +.sticky { +} + +.bypostauthor { +} + +/* ===[ Contact Form 7 Styles ]===================================================== */ + +.hbspt-form input[type="text"], .hbspt-form textarea { font-family: Georgia, serif } + +.hbspt-form input[type="text"] { + padding: 10px; + font-size: 16px; + font-weight: 200; + color: #777; + border: none; + width: 100%; + background: #f0f0f0; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form input[type="email"] { + padding: 10px; + font-size: 16px; + font-weight: 200; + color: #777; + border: none; + width: 100%; + background: #f0f0f0; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form textarea { + margin: 0; + padding: 10px; + font-size: 16px; + width: 100%; + height: 250px; + box-sizing: border-box; + -moz-box-sizing: border-box; + color: #777; + border: none; + background: #f0f0f0; + margin-top: 5px; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form input:focus, .hbspt-form textarea:focus { + outline: none; + background: #e9e9e9; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form p { + font-size: 11px !important; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + margin: 0 0 20px 0; +} + +.hbspt-form br { margin-bottom: 10px } + +input.hs-button.primary.large{ + background: #555; + color: #fff; + font-size: 12px; + font-weight: bold; + font-family: 'Merriweather', Georgia, serif; + padding: 10px 20px; + margin: 5px 0 0 0; + border: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +.hbspt-form-submit:hover { + background: #666; + cursor: pointer; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.hbspt-form-response-output { + background: #faf7d6; + border: none !important; +} + +.hbspt-form-mail-sent-ok { + margin-left: 0px !important; + margin-right: 0px !important; + background: #ECF3E5; + background: rgba(229, 243, 212, .5); + padding: 15px !important; + border: solid 1px #D2EFAC !important; +} + +.hbspt-form-validation-errors { + margin-left: 0px !important; + background: #FCF3F3; + background: rgba(255, 238, 238, .5); + border: solid 1px #FBDCDC !important; + padding: 10px !important; + margin-right: 0px !important; +} + +/* ===[ Page With Sidebar Shortcode Column Styles ]===================================================== */ + +.highlight { + background: #fff9ce; + width: auto; + display: inline; + padding: 0px 3px; + font-weight: bold; +} + +/* ===[ Full Width Shortcode Column Styles ]===================================================== */ + +.two-thirds, .two-thirds-last { + width: 65.319148936%; + margin: 0 4% 20px 0; + float: left; +} + +.two-thirds-last { margin-right: 0px !important } + +.one-third, .one-third-last { + width: 30.425531915%; + float: left; + margin: 0 4% 20px 0; +} + +.one-third-last { margin-right: 0px !important } + +.one-quarter, .one-quarter-last { + width: 21.914893617%; + float: left; + margin: 0 4% 20px 0; +} + +.one-quarter-last { margin-right: 0px !important } + +.one-half, .one-half-last { + width: 47.872340426%; + margin: 0 4% 20px 0; + float: left; +} + +.one-half-last { margin-right: 0px !important } + +/* ===[ Shortcode Button Styles ]===================================================== */ + +.highlight { + background: #fff666; + color: #222; + width: auto; + display: inline; + padding: 2px 3px; + font-weight: normal; +} + +.demo-button { + margin-bottom: 6px; + padding-top: 4px; +} + +.demo-button span { margin-right: 2px } + +.button a { + +} + +.button a:hover { + +} + +.button { + display: inline-block; + text-decoration: none; + font: bold 11px/12px Georgia, HelveticaNeue, Arial; + text-transform: uppercase; + padding: 6px 11px; + color: #555; + border: 1px solid #dedede; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + text-align: center; +} + +.button:hover { cursor: pointer } + +.button.white { + background: #f5f5f5; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /* WebKit */ + background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0); + border-color: #dedede #d8d8d8 #d3d3d3; + color: #555; + text-shadow: 0 1px 0 #fff; + -webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; + -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; + box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; +} + +.button.white:hover { + background: #f4f4f4; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8)); /* WebKit */ + background: -moz-linear-gradient(top, #efefef, #f8f8f8); + border-color: #c7c7c7 #c3c3c3 #bebebe; + text-shadow: 0 1px 0 #fdfdfd; + -webkit-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; + -moz-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; + box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; +} + +.button.white a { color: #555 } + +.button.gray { + background: #bdbdbd; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae)); /* WebKit */ + background: -moz-linear-gradient(top, #cacaca, #aeaeae); + border-color: #b5b5b5 #a1a1a1 #8f8f8f; + color: #555; + text-shadow: 0 1px 0 #d4d4d4; + -webkit-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; + -moz-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; + box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; +} + +.button.gray:hover { + background: #c2c2c2; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2)); /* WebKit */ + background: -moz-linear-gradient(top, #bcbcbc, #c2c2c2); + border-color: #989898 #8e8e8e #878787; + text-shadow: 0 1px 0 #dadada; + -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; +} + +.button.gray a { color: #555 } + +.button.pink { + background: #f67689; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78297', endColorstr='#f56778'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f78297), to(#f56778)); /* WebKit */ + background: -moz-linear-gradient(top, #f78297, #f56778); + border-color: #df6f8b #da5f75 #d55061; + color: #913944; + text-shadow: 0 1px 0 #f89ca9; + -webkit-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; + -moz-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; + box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; +} + +.button.pink:hover { + background: #f67c90; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56c7e', endColorstr='#f78297'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f56c7e), to(#f78297)); /* WebKit */ + background: -moz-linear-gradient(top, #f56c7e, #f78297); + border-color: #c36079 #c25669 #c14e5c; + text-shadow: 0 1px 0 #f9a6b4; + -webkit-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; + -moz-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; + box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; +} + +.button.pink a { color: #913944 } + +.button.orange { + background: #fecc5f; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda71', endColorstr='#febb4a'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb4a)); /* WebKit */ + background: -moz-linear-gradient(top, #feda71, #febb4a); + border-color: #f5b74e #e5a73e #d6982f; + color: #996633; + text-shadow: 0 1px 0 #fedd9b; + -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; + -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; + box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; +} + +.button.orange:hover { + background: #fecb5e; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec354', endColorstr='#fecd61'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#fec354), to(#fecd61)); /* WebKit */ + background: -moz-linear-gradient(top, #fec354, #fecd61); + border-color: #d29a3a #cc9436 #c89133; + text-shadow: 0 1px 0 #fee1a0; + -webkit-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; + -moz-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; + box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; +} + +.button.orange a { color: #996633 } + +.button.green { + background: #b7d770; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9fcb57)); /* WebKit */ + background: -moz-linear-gradient(top, #cae285, #9fcb57); + border-color: #adc671 #98b65b #87aa4a; + color: #5d7731; + text-shadow: 0 1px 0 #cfe5a4; + -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; + -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; + box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; +} + +.button.green:hover { + background: #b9d972; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d872', endColorstr='#b9d972'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#b8d872), to(#b9d972)); /* WebKit */ + background: -moz-linear-gradient(top, #b8d872, #b9d972); + border-color: #8bb14d #83a648 #7d9e45; + text-shadow: 0 1px 0 #d5e8aa; + -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; + -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; + box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; +} + +.button.green a { color: #5d7731 } + +.button.blue { + background: #92dbf6; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abe4f8', endColorstr='#6fcef3'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3)); /* WebKit */ + background: -moz-linear-gradient(top, #abe4f8, #6fcef3); + border-color: #8dc5da #76b7cf #63abc7; + text-shadow: 0 1px 0 #b6e6f9; + -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; + -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; + box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; +} + +.button.blue:hover { + background: #92dbf6; + border-color: #7caec0 #68a3ba #5a9cb5; + text-shadow: 0 1px 0 #bee9fa; + -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; + -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; + box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; +} + +.button.blue a { color: #42788e } + +.button.purple { + background: #dfaeda; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8c4e4', endColorstr='#d494ce'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#e8c4e4), to(#d494ce)); /* WebKit */ + background: -moz-linear-gradient(top, #e8c4e4, #d494ce); + border-color: #bc9db9 #ad89aa #a1799d; + color: #7b5777; + text-shadow: 0 1px 0 #eacae6; + -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; + -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; + box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; +} + +.button.purple:hover { + background: #e0b1db; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deabd9', endColorstr='#e0b1db'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#deabd9), to(#e0b1db)); /* WebKit */ + background: -moz-linear-gradient(top, #deabd9, #e0b1db); + border-color: #a482a0 #9b7897 #947090; + text-shadow: 0 1px 0 #ecd0e9; + -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; +} + +.button.purple a { color: #7b5777 } + +.button.black { + background: #525252; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#434343'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); /* WebKit */ + background: -moz-linear-gradient(top, #5e5e5e, #434343); + border-color: #4c4c4c #313131 #1f1f1f; + color: #fff; + text-shadow: 0 1px 0 #2e2e2e; + -webkit-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; + -moz-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; + box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; +} + +.button.black:hover { + background: #5a5a5a; + border-color: #2c2c2c #1c1c1c #101010; + text-shadow: 0 1px 0 #363636; + -webkit-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; + -moz-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; + box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; +} + +.button.black a { color: #fff } + +/* ===[ Shortcode Message Style ]===================================================== */ + +.message { + width: 100%; + float: left; + margin: 0 0 15px 0; +} + +.message a { color: #555 } + +.message a:hover { text-decoration: underline } + +.message strong { + text-transform: uppercase; + font-size: 12px; + letter-spacing: 1px; +} + +.red-message { + background: #fff7f7; + border: solid 1px #fddcdc; + padding: 15px; +} + +.green-message { + background: #f1f9ea; + padding: 15px; + border: solid 1px #d0eeac; +} + +.yellow-message { + background: #fcfbe4; + border: solid 1px #efebbc; + padding: 15px; +} + +.gray-message { + background: #f5f5f5; + border: solid 1px #ddd; + padding: 15px; +} + +/* ===[ Shortcode Tooltip Styles ]===================================================== */ + +.tooltip { + display: inline; + position: relative; +} + +.tooltip a span { + width: 115px; + height: auto; + line-height: 20px; + padding: 5px 10px 0px 10px; + left: 50%; + margin-left: -58px; + font-family: Georgia, serif; + font-size: 11px; + color: #777; + text-align: center; + border: 4px solid #fff; + background: rgba(255,255,255,1); + text-indent: 0px; + border-radius: 5px; + position: absolute; + pointer-events: none; + bottom: 30px; + opacity: 0; + box-shadow: 1px 1px 2px rgba(0,0,0,0.1); + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border-left: solid 1px #f5f5f5; + border-top: solid 1px #f5f5f5; +} + +.tooltip a span:before, .tooltip a span:after { + content: ''; + position: absolute; + bottom: -15px; + left: 50%; + margin-left: -9px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid rgba(0,0,0,0.1); +} + +.tooltip a span:after { + bottom: -14px; + margin-left: -10px; + border-top: 10px solid #fff; +} + +.tooltip a:hover span { + opacity: 0.9; + bottom: 35px; +} + +/* ===[ Shortcode Tabbed Box Styles ]===================================================== */ + +.tabs { + list-style-type: none !important; + margin: 0 !important; + padding: 0; + height: 30px; + border-bottom: solid 1px #eee; +} + +#sidebar .tabs { + border-bottom: none; + height: auto; +} + +.tabs li { + float: left; + text-indent: 0; + padding: 0 !important; + margin: 0 !important; + list-style-type: none !important; + background: none !important; +} + +.content .tabs li a:hover { background: #f7f7f7 } + +.content .tabs li a:hover { + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.tabs a { + display: block; + font-size: 11px; + text-transform: uppercase; + line-height: 30px; + text-align: center; + text-decoration: none; + padding: 0 10px; + margin: 0px; + position: relative; + color: #888; +} + +.tabs a:hover { color: #555 } + +.tabs a:active { outline: none } + +.tabs .current, .tabs .current:hover, .tabs li.current a { + cursor: default !important; + color: #555 !important; + background: #f2f2f2; +} + +.tab-wrapper li .current, .tab-wrapper li .current:hover, .tab-wrapper li.current a, .tab-wrapper a:hover { background: #fff666 } + +.tab-wrapper { + padding: 0; + width: 435px; + height: 70px; + margin: 80px auto 30px auto; +} + +#sidebar .tab-wrapper { width: 100% } + +.tab-wrapper li { + float: left; + background: none !important; + padding: 0 !important; + margin: 0 1% 0 0 !important; + width: 24%; +} + +.tab-wrapper li:last-child { + margin-right: 0px !important; +} + +.tab-wrapper li a { + display: block; + height: 32px; + text-align: center; + line-height: 34px; + margin: 0; + outline: none; + background: #f2f2f2; + padding: 0; + position: relative; + font-family: 'ModernPictogramsNormal'; + -webkit-font-smoothing: antialiased; + color: #555; + font-size: 22px; + text-transform: none; +} + +.tab-wrapper li a.current { } + +.tab-wrapper li a:hover { } + +.tab-wrapper li a:active i { + line-height: 34px; +} + +.tab-wrapper li i { + font-size: 17px; + line-height: 32px; +} + +#sidebar .panes { + width: 99%; +} + +#sidebar .panes .pane { + margin-top: 2px; + background: #f7f7f7; + padding: 15px !important; +} + +.panes .pane { + display: none; + padding-top: 15px; + margin-top: -1px; +} + +.change-font a { + text-transform: uppercase; + font-size: 10px; + color: #999; + margin-right: 15px; +} + +.change-font a:hover { color: #4c4c4c } + +.chirp li { + border-bottom: solid 1px #eee !important; + padding-bottom: 10px !important; + margin: 0 0 10px 0 !important; + list-style-type: none !important; +} + +.chirp li:last-child { + border-bottom: none !important; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +/* Styles for Student Profile - from desmond.css */ + +.ib_main_header { + padding: 0; + margin-top: 30px; + font-size: 40px; +} + +.student_pic { + border-radius: 100px; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + width: 140px; + height: 140px; + top: -212px; + left: 41.07%; + border: 2px solid white; + margin-top: 205px; +} + + +.page-title, .top-page-title { + /*background: url(../img/plaza_espana.jpg) no-repeat top center;*/ + margin-bottom: 0; + padding: 0; + height: 275px; + text-align: bottom; +} + +.page-title { + position: relative; + vertical-align:bottom; +} + +.top-page-title { + background: url(../img/desmond-background.jpg) no-repeat top center; + background-size: 100% 100%; + margin-bottom: 100px; + text-align: center; +} + +.ib-social-icons { + font-size: 40px; + padding: 0 10px; +} + +.social-icons { + padding:20px 0; +} + +.title-div { + background: white; + width: 500px; + margin: 0 auto; + position: relative; + top: 20px; +} + +.icon-twitter:hover { + color: #06ADE8; +} + +.icon-linkedin-sign:hover { + color: #1F83B9; +} + +.icon-github:hover { + color: black; +} + +.icon-edit:hover { + color: #FFCC00; +} + +.icon-rss:hover { + color: #009933; +} + +.link-subs { + padding-top: 10px; + margin: 0 auto; + width: 980px; + text-align: left; + padding-bottom: 10px; + border-bottom: solid 1px #eee; + padding-left: 2px; + padding-right: 2px; +} +.link-subs span{ + display: inline; + font-size: 20px; + font-weight: bold; + color: #000; +} +.link-subs li{ + display: inline; +} + +.link-subs ul { + float: right; + text-align: right; + letter-spacing: 2px; + font-size: 10px; + text-transform: uppercase; +} +.link-subs ul li a{ + color: #aaa; +} +.link-subs ul a:hover { + color: #37C5FD; +} + +.section-testimonials-curriculum { + padding-top: 40px; + padding-bottom: 50px; +} + +.quote-div { + padding: 15px 0; +} + +.testimonials h3 { + font-size: 16px; + line-height: 140%; +} + +.section-title { + letter-spacing: 5px; + font-size: 40px; + font-weight: bold; + text-transform: uppercase; + /*margin-bottom: 40px;*/ + text-align: center; + padding-top: 35px; + border-top: solid 1px #eee; + border-bottom: solid 1px #eee; +} + +.services h3 { + font-size: 18px; + font-weight: bold; + line-height: 20px; + margin-bottom: 0; + text-align: center; + width: 295px; +} + +.services first-child { + width: 100%; + padding-top: none; + border-top: none; +} + +.services { + width: 100%; +} + +.go-to-top { + text-align: right; + font-size: 11px; + letter-spacing: 1px; +} + +.about-text { + width: 500px; + margin: 0 auto; + padding-bottom: 20px; +} + +.about-text p { + font-size: 20px; + line-height: 130%; + border-top: none; + +} + +body.students a{color:#60BDDB} /*Causing the social icons to be blue*/ + diff --git a/public/css/style2.css b/public/css/style2.css new file mode 100644 index 0000000..7b595ab --- /dev/null +++ b/public/css/style2.css @@ -0,0 +1,2935 @@ +body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { + margin: 0; + padding: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +fieldset, img { border: 0 } + +ol, ul { list-style: none } + +caption, th { text-align: left } + +h1, h2, h3, h4, h5, h6 { + font-size: 100%; + font-family: 'Merriweather', Georgia, serif; + font-weight: normal; + color: #4c4c4c; +} + +html { height: 100% } + +body { + font: 14px/24px "Merriweather", Georgia, serif; + margin: 0 auto; + padding: 0; + background: #fff; + overflow-x: hidden; + height: 100%; + color: #555; +} + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +a { text-decoration: none } + +a:hover { color: #555 } + +hr { + margin: 20px 0 30px; + border: 0; + border-bottom: 1px dotted #ddd; + height: 1px; +} + +h1 { + font-size: 30px; + line-height: 36px; + margin-bottom: 15px; +} + +h2 { + font-size: 24px; + line-height: 36px; + margin-bottom: 15px; +} + +h3, h4, h5, h6 { + line-height: 28px; + margin-bottom: 12px; +} + +h3 { font-size: 18px } + +h4 { font-size: 16px } + +h5 { font-size: 14px } + +h6 { + font-size: 13px; + color: #bfbfbf; + text-transform: uppercase; +} + +p { margin-bottom: 15px } + +/* +What lies below is for style rules for student profile +*/ + +.profile .student-info { + margin-left: 35%; +} + +.profile .student-info h1 { + margin-bottom: 38px; +} + + +.profile .info-box { + padding: 10px 45px 25px; + border-top: 1px solid #eee +} + +.profile .info-box .title { + float: right; + background-color: #fff; + margin: -21px -45px 0 0; + padding-left: 10px; + text-transform: uppercase; + font-size: .85em; + font-weight: bold; + border-left: 1px solid #eee; +} + +.profile .info-box:hover .title { + -webkit-transition: all .3s ease-in-out ; + -moz-transition: all .3s ease-in-out; + color: #26c4ff; +} + +.profile .profile-img { + float: left; + width: 33%; +} + +.profile .social-links li a { + -webkit-transition: all .3s ease-in-out ; + -moz-transition: all .3s ease-in-out; + color: #000; +} + +.profile .social-links li:hover i, .profile .social-links li:hover a { + -webkit-transition: all .3s ease-in-out ; + -moz-transition: all .3s ease-in-out; + color: #26c4ff; +} + +.clear { + clear: both; + font-size: 0px; + line-height: 0px; + display: block; +} + +.clearfix:after { + content: ""; + display: block; + clear: both; + visibility: hidden; + font-size: 0; + height: 0; +} + +.clearfix { + *display: inline-block; + height: 1%; +} + +.last { margin-right: 0 !important } + +blockquote p { + position: relative; + font-family: 'Merriweather', Georgia, serif; + color: #aaa; + font-size: 16px; + font-weight: 400; + line-height: 28px; + padding: 15px 0 15px 30px; + margin: 25px 0; +} + +blockquote p:before { + position: absolute; + left: 0; + top: 14px; + content: "\f0e5"; + font-family: "FontAwesome"; + display: block; + color: #bbb; +} + +::selection { + background: #fff666; + color: #222; +} + +::-moz-selection { + background: #fff666; + color: #222; +} + +img { + max-width: 100%; + height: auto; +} + +/* ===[ Layout Styles ]===================================================== */ + +.main-wrapper { + width: 100%; + margin: 0 auto; +} + + +.header-wrapper { + width: 100%; + margin: 0 0 0 0; + position: fixed; + z-index: 99999; + background: #fff; +} + +.header-hidden-wrap { + z-index: 999; + position: relative; +} + +.header-hidden { + margin: 0 auto; + max-width: 980px; + padding: 10px 10px 0px 10px; + position: relative; + display: none; + background: #f3f3f3; +} + +.header-hidden-toggle-wrap { + max-width: 980px; + position: relative; + margin: 0 auto; +} + +.show-hidden { + margin-top: 0; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.hidden-toggle { + position: absolute; + right: 0px; + bottom: -35px; + display: block; + width: 21px; + height: 21px; + text-align: right; + color: #ccc; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.show-hidden .hidden-toggle { + +} + +.header-hidden-left { + width: 60%; + float: left; + font-size: 12px; + line-height: 20px; + color: #999; + padding-top: 3px; +} + +.header-hidden-right { + float: right; + width: 40%; +} + +.lights { + float: right; + color: #aaa; +} + +.icons { + float: right; +} + +.icons a { + margin-bottom: 0 !important; +} + +.header { + max-width: 980px; + margin: 0 auto; + padding-top: 40px; + border-bottom: solid 1px #eee; +} + +.header-left { + width: 25%; + float: left; +} + +.header-left img { padding: 0 0 0 0 } + +.header-left h1 { + margin: 5px 0 0 0; +} + +.header-left h1 a { + color: #555; + text-decoration: none; + font-size: 34px; + font-weight: 600; + line-height: 28px; + letter-spacing: -2px; + -webkit-transition: .04s ease-in; + -moz-transition: .04s ease-in; + transition: .04s ease-in; +} + +.header-left h1 a:hover { + color: #999; + -webkit-transition: .04s ease-in; + -moz-transition: .04s ease-in; + transition: .04s ease-in; +} + +.logo { + margin-top: -30px !important; +} + +.header-right { + width: 75%; + float: right; +} + +/* ===[ Header Navigation Styles ]===================================================== */ + +.select-menu, .select { display: none } + +.menu-main-container { position: relative } + +#nav { float: right } + +#nav, #nav ul { + margin: 13px 0 0 0; + padding: 0; + list-style-type: none; + list-style-position: outside; + position: relative; + line-height: 1.5em; + z-index: 1000; +} + +#nav a { + display: block; + padding: 5px; + color: #aaa; + text-decoration: none; + text-align: left; + outline: none; + font-weight: normal; + font-family: 'Merriweather', Georgia, serif; +} + +#nav > .current-menu-item > a, #nav > li a:hover { color: #4C4C4C } + +.plus { color: #aaa } + +#nav ul { + position: absolute; + display: none; +} + +#nav li { + float: left; + position: relative; + list-style-type: none; + padding-bottom: 17px; +} + +#nav li a { + font-size: 12px; + font-weight: bold; + text-transform: uppercase; + padding: 8px 15px; +} + +#nav > li > a { padding: 5px 12px } + +#nav > li:last-child a { + margin-right: 0px; + padding-right: 0px; + border-right: none; +} + +#nav > li:first-child a { + +} + +#nav li ul a { + width: 150px; + height: auto; + float: left; + font-size: 12px; + color: #999; +} + +#nav .sub-menu { + box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; + -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; + -webkit-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; +} + +#nav .sub-menu li { + background: #fff; + border-left: solid 1px #eee; + border-right: solid 1px #eee; +} + +#nav .sub-menu li:first-child { border-top: solid 1px #eee } + +#nav > li > ul { margin-top: 17px } + +#nav li ul li { + border-bottom: solid 1px #eee; + padding-bottom: 0px; +} + +#nav li ul li:last-child { border-bottom: none } + +#nav li ul li a { + margin-right: 0px; + font-size: 10px; +} + +#nav li ul li a:hover { + background: #f9f9f9; + color: #555; +} + +#nav ul ul { top: auto } + +#nav ul ul li:first-child { border-top: solid 1px #eee } + +#nav li ul ul { + left: 150px; + margin: -1px 0 0 0; + padding-right: 5px; +} + +#nav li ul ul li { border-top: none } + +#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display: none } + +#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display: block } + +/* ===[ Title Styles ]===================================================== */ + +.home .page-title { + text-align: center; + border-bottom: none; +} + +.error404 .page-title { + text-align: center; +} + +.page-title { + border-bottom: solid 1px #eee; + padding: 30px 0; + margin-bottom: 40px; + position: relative; +} + +.page-title-portfolio { + border-bottom: none; + margin-bottom: 0; + display: inline-block; + width: 100%; + position: relative; +} + +.portfolio-titles { + float: left; + width: 75%; + display: inline-block; +} + +.project-nav { + font-size: 11px; + text-transform: uppercase; + text-align: right; + position: absolute; + right: 0; + bottom: 30px; + width: 25%; + margin-top: 15px; +} + +.project-nav a { + color: #aaa !important; + margin-left: 10px; +} + +.project-nav a:hover { color: #555 !important } + +.next-project span { + padding-left: 10px; + border-left: solid 1px #eee; +} + +.project-nav i { + padding: 0 2px; +} + +.page-title a { color: #4c4c4c } + +.page-title h2 { + margin-bottom: 0px; + font-size: 34px; + letter-spacing: -1px; + line-height: 42px; +} + +.page-title h3 { + color: #aaa; + font-size: 16px; + line-height: 24px; + margin: 5px 0 0 0; +} + +.page-title h3 a { color: #aaa } + +.post-nav { + position: absolute; + bottom: 50px; + right: 0; + font-size: 11px; + text-transform: uppercase; +} + +.post-nav a { + color: #aaa; + margin-left: 20px; + float: right; +} + +.post-nav a:hover { color: #555 } + +/* ===[ Blog Styles ]===================================================== */ + +.blog-post { + margin-bottom: 50px; + padding-bottom: 30px; + border-bottom: solid 1px #eee; +} + +.blog-post:last-child { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.blog-content { padding: 0 0 0 0 } + +.readmore { + text-align: center; + font-size: 10px; + letter-spacing: 2px; + text-transform: uppercase; + padding-top: 5px; + margin-top: 10px; +} + +.more-link { + margin-top: 10px; + clear: both; + padding: 5px 5px 5px 0px; +} + +.blog-meta { + float: left; + width: 15%; + margin: 5px 5% 20px 0; + text-align: right; + display: inline-block; +} + +.blog-meta-date { + padding-bottom: 10px !important; + margin-bottom: 10px !important; + border-bottom: solid 1px #eee; + float: left; +} + +.share-title { color: #555 !important } + +.single-attachment .share-title { + display: none; +} + +.blog-meta ul { + margin-bottom: 15px !important; + padding-bottom: 15px !important; + border-bottom: solid 1px #eee; + display: inline-block; +} + +.blog-meta ul:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.blog-meta li { + list-style-type: none !important; + background: none !important; + padding: 0 0 0 0 !important; + margin: 0 0 6px 0 !important; + color: #999; + width: 100%; + line-height: 18px; + float: left; + font-size: 11px; +} + +.blog-meta ul li:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.blog-meta li a, .blog-meta li { color: #999 } + +.blog-meta li a:hover { color: #4c4c4c } + +.content .blog-text { + float: right; + width: 80%; +} + +.title-meta h2 { + margin: 0 0 0 0; + padding-bottom: 10px; + line-height: 38px; + font-size: 28px; + letter-spacing: -1px; +} + +.title-meta h2 a { + color: #555; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.title-meta h2 a:hover { + color: #999; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.blog-image { + width: 100%; + margin-bottom: 35px; + float: left; +} + +.blog-image img { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.blog-image img:hover { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + opacity: .9; +} + +.blog-read-more { + font-size: 11px; + letter-spacing: 2px; + text-transform: uppercase; + padding-top: 15px; +} + +/* ===[ Tagcloud Styles ]===================================================== */ + +.tags { + width: 620px; + padding: 15px 0 15px 0; + clear: both; + margin-right: 35px; + background: #f9f9f9; +} + +.tags-list { + width: 505px; + float: left; +} + +.tags-list ul { + float: left; + padding: 0 0 0 5px; + width: 100%; + margin-bottom: 0; +} + +.tags-list ul li { + display: block; + padding: 0 19px 0 0; + float: left; +} + +.tags-list ul li p { + font-size: 11px; + font-weight: bold; + color: #5a5a5a; + float: none; + padding: 0; +} + +.tags-list ul li span { + font-size: 11px; + font-weight: bold; + color: #a2a2a2; + display: inline; + padding: 0 0 0 4px; +} + +.tags_rgt { + float: right; + width: 81px; + margin-right: 15px; +} + +.search .post-share, .archive .post-share { display: none } + +.blog-navigation { + padding-bottom: 25px; +} + +.blog-navigation a { + text-decoration: none; + padding: 10px 0; + color: #555; + font-weight: normal; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 2px; +} + +.blog-navigation a:hover { color: #999 } + +.blog-navigation .alignright a:after { + font-family: 'FontAwesome'; + -webkit-font-smoothing: antialiased; + content: "\f0da"; + margin-left: 5px; +} + +.blog-navigation .alignleft a:before { + font-family: 'FontAwesome'; + -webkit-font-smoothing: antialiased; + content: "\f0d9"; + margin-right: 5px; +} + +.navigation a { + text-decoration: none; + padding: 10px 0; + color: #555; + font-weight: normal; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 2px; +} + +.navigation a:hover { color: #999 } + +.featured-image { + margin: 0 0 20px 0; + float: left; + width: 100%; +} + +.fullsize-image { + margin: 0 0 30px 0; + float: left; + width: 100%; +} + +.okvideo { margin-bottom: 30px } + +.intro { + color: #979797; + font-size: 16px; + line-height: 28px; + margin-bottom: 15px; + border-top: solid 1px #EEE; + border-bottom: solid 1px #EEE; + padding: 10px 0; +} + +/* ===[ Search Form Styles ]===================================================== */ + +.search-404 { + text-align: center; + width: 65%; + margin: 0 auto; +} + +.search-404 .searchform { + margin-top: 25px; +} + +.searchform { + position: relative; + width: 100%; +} + +#searchsubmit { + position: absolute; + right: 0; + top: 0; + background: #e8e8e8; + border: none; + padding: 8px 10px; + height: 34px; + font-size: 9px; + font-weight: bold; + line-height: 20px; + text-transform: uppercase; + font-family: "Merriweather", Georgia, serif; + color: #777; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +#searchsubmit:hover { + background: #fff666; + color: #222; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#searchform { + float: left; + width: 100%; +} + +#s { + background: #f7f7f7; + float: left; + padding: 10px 65px 10px 8px; + border: 0; + font-size: 12px; + color: #999; + outline: none; + width: 190px; + margin: 0 0 0 0; + font-family: Georgia, serif; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; + font-style: italic; + width: 100%; + -webkit-appearance:caret; +} + +#s:focus, #s:hover { + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +#searchsubmit { +} + +.content #searchsubmit { float: left } + +#searchsubmit:hover { cursor: pointer } + +#searchform .screen-reader-text { display: none } + +/* ===[ Sidebar Styles ]===================================================== */ + +#sidebar-close { display: none } + +#sidebar { + width: 25%; + float: right; + font-size: 12px; + line-height: 22px; +} + +#sidebar p { + font-size: 12px; +} + +#sidebar a { + text-decoration: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#sidebar a:hover { + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.widget { + margin-bottom: 40px; + clear: both; + float: left; + width: 100%; +} + +.widget h2, .portfolio-sidebar h2 { + font-size: 10px; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + display: block; + line-height: 26px; + margin: 0 0 10px 0; + font-family: 'Merriweather', Georgia, serif; + text-align: center; + background: #f7f7f7; + color: #999; +} + +#sidebar .widget ul { + margin: 0; + padding: 0; +} + +#sidebar .widget li { + margin: 0 0 5px 15px; + list-style-type: square; +} + +#sidebar .slides li { + list-style-type: none; + margin: 0; +} + +.widget ul { padding: 0 0 0 15px } + +.widget ul li { + padding: 0; + list-style-type: none; +} + +.widget ul li ul { padding: 0 0 0 0 } + +.tagcloud { + padding: 0 0 0 0; + text-align: center; +} + +.tagcloud a { + text-decoration: none; + float: left; + color: #888; + padding: 10px; + position: relative; + font-weight: bold; +} + +.tagcloud a:hover { color: #555 } + +/* ===[ Default Widget Styles ]===================================================== */ + +.widget_archive select { + width: 100%; +} + +#wp-calendar { + width: 100%; +} + +#wp-calendar caption { + text-align: center; + margin-bottom: 5px; +} + +.widget_rss li { + margin: 0 0 15px 0 !important; + list-style-type: none !important; +} + +.widget_rss .rsswidget { + width: 100%; +} + +.widget_rss .rss-date { + width: 100%; + float: left; + font-size: 11px; + color: #999; +} + +.widget_rss cite { + color: #999; + font-size: 11px; +} + +#sidebar .wp-caption { + width: 100%; + text-align: center; + color: #999; +} + +.widget_text { + word-wrap: break-word; +} + +/* ===[ Comment Styles ]===================================================== */ + +.comments { + float: left; + margin: 50px 0px 50px 0px; + background: #f6f6f6; + width: 100%; + border-top: none; + padding: 30px; +} + +.commentlist { + margin-bottom: 0 !important; +} + +.comments li { background: none !important } + +h3#comments { + padding: 0 0 20px 0; + margin: 0 0 25px 0 !important; + font-size: 20px; + font-weight: bold; + border-bottom: solid 1px #eee; + line-height: 30px; + text-align: center; +} + +#respond { + margin: 0; + padding: 0; +} + +.commentlist #respond { + margin: 20px 0 20px 0; +} + +#respond h3 { + padding: 0 0 3px 0; + font-size: 20px; + font-weight: bold; + margin: 0 !important; +} + +#reply-title small { + font-weight: bold; + font-size: 9px; + text-transform: uppercase; + margin-left: 5px; +} + +#respond .logged-in-as, .comment-notes { + font-size: 13px; + padding-bottom: 10px; + margin-bottom: 15px; + border-bottom: solid 1px #e6e6e6; +} + +#comments .form-allowed-tags { + display: none; +} + +#respond label { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 1px; + margin: 5px 0 0 0px; + color: #aaa; +} + +#respond p { margin-bottom: 15px } + +#respond input[type="text"], #respond textarea { + color: #777; + border: none; + border: solid 1px #eee; + border-bottom: solid 1px #ddd; + background: #fff; + width: 100%; + padding: 10px; + font-size: 13px; + -webkit-appearance:caret; +} + +#respond input:focus, #respond textarea:focus { outline: none } + +#respond textarea { + line-height: 22px; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.form-submit { + margin-bottom: 0 !important; +} + +#respond #submit { + background: #555; + color: #fff; + font-size: 12px; + font-weight: bold; + font-family: 'Merriweather', Georgia, serif; + padding: 10px 20px; + margin: 5px 0 0 0; + border: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +#respond #submit:hover { + background: #666; + cursor: pointer; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +#respond #commentform p { + +} + +.comment #respond #commentform p { + +} + +#respond #commentform .form-author { background: #fff } + +#respond #commentform .form-email { background: #fff } + +#respond #commentform .form-website { background: #fff } + +.allowed { + font-size: 11px; + color: #888; + width: 500px; + float: left; + margin: 0 0 15px 0; +} + +.commentlist { list-style-type: none !important } + +.commentlist li { + padding: 0 0 15px 0; + margin: 0 0 15px 0 !important; + position: relative; + list-style-type: none !important; +} + +.commentlist li:last-child { + margin-bottom: 40px !important; + padding-bottom: 0; +} + +.commentlist li:before, .commentlist ol .num { + float: left; + margin: 0 0 0 0 !important; + content: none !important; + counter-increment: none !important; +} + +#comments .children { + margin: 25px 0 0 25px !important; +} + +#comments .children li { + margin: 0; + padding: 0; +} + +#comments .children li:last-child { + margin-bottom: 0 !important; + padding-bottom: 0; +} + +.comment-block { padding: 0 } + +.comment-text { + background: #fff; + border: solid 1px #eee; + padding: 20px; + font-size: 14px; + line-height: 22px; + border-bottom: solid 1px #ddd; +} + +.comment-text:before { + width: 0; + height: 0; +} + +.reply { + margin: 0px !important; + font-size: 12px; +} + +.comments .children .reply { text-align: left } + +.reply a:hover { text-decoration: none } + +.reply a:hover:after { content: "\2192" } + +#cancel-comment-reply { + margin: 0 0 15px 0; + float: right; +} + +.comments .logged-in { + float: left; + font-size: 14px !important; +} + +.comment-awaiting-moderation { + color: #555; + font-weight: bold; + font-size: 11px; +} + +.vcard { + margin: 0 0 0 0; + padding: 0 0 0 0; + float: left; +} + +.vcard img { + float: left; + background: #fff; + border: solid 1px #eee; + padding: 3px; +} + +.fn { + float: left; + font-style: normal; + font-size: 15px; + font-weight: bold; + line-height: 20px; + margin-top: 0; + margin-bottom: -6px; +} + +.fn a { color: #666 } + +.comment-info { + margin-bottom: 15px; + position: relative; +} + +.comment-meta { + float: left; + margin: 2px 0 0 12px; +} + +.comment-time { + font-size: 11px; + color: #999; +} + +.comment-edit-link { font-size: 11px } + +/* ===[ Sidebar Styles ]===================================================== */ + +.blog-entry { + +} + +.pro-title h4 { + display: block float:left; + width: 295px; + background: url(images/design-repeat.gif) right center repeat-x; +} + +.pro-title h4 span { + font-size: 14px; + color: #FFF; + font-weight: bold; + background: #3e3e3e; + padding: 0 10px 0 0; +} + +.pro-title h3 { + font-size: 14px; + color: #FFF; + font-weight: bold; + display: block float:left; + width: 295px; + background: url(images/design-repeat.gif) right center repeat-x; +} + +.pro-title h3 span { + font-size: 14px; + color: #FFF; + font-weight: bold; + background: #3e3e3e; + padding: 0 10px 0 0; +} + +/* ===[ Section Styles ]===================================================== */ + +.container { + max-width: 980px; + margin: 0 auto; + padding-top: 140px; +} + +#sections { + max-width: 980px; + margin: 0 auto; + padding-top: 140px; +} + +.section-title { + letter-spacing: 5px; + font-size: 13px; + font-weight: bold; + text-transform: uppercase; + margin-bottom: 40px; + text-align: center; + padding: 5px; + border-top: solid 1px #eee; + border-bottom: solid 1px #eee; +} + +.section-title span { + background: #fff; + padding: 0 15px; +} + +.section:first-child { + padding-top: 0px; + border-top: none; +} + +.section { + padding: 0 0 0 0; + float: left; + width: 100%; + position: relative; +} + +.section-slider { + padding-bottom: 70px; +} + +.section-services { + padding-bottom: 80px; +} + +.section-services.student-index { + padding-bottom: 0px; +} + +.section-portfolio { + padding-bottom: 45px; +} + +.section-blog { + padding-bottom: 30px; +} + +.section-faq { + padding-bottom: 30px; +} + + +.section-testimonials { + padding-top: 100px; + padding-bottom: 300px; +} + + +.section-testimonials a { + color: #aaa; +} +.section-testimonials a:hover { + color: #60BDDB; +} + +.section-testimonials-curriculum { + padding-top: 40px; + padding-bottom: 150px; +} + +.section-testimonials-curriculum a { + color: #aaa; +} +.section-testimonials-curriculum a:hover { + color: #60BDDB; +} + + +.section .column { + width: 33%; + margin: 0 0 3% 0; + float: left; + padding-left: 4%; + margin-bottom: 3%; +} + +.section .column:last-child { + margin-right: 0px; + border-right: none; +} + +.section-titlea { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 2px; + color: #999; + background: #f7f7f7; + padding: 0 10px; + margin: 0 0 35px 0; + text-align: center; +} + +.section-title2a { + font-size: 48px; + letter-spacing: -2px; + color: #eee; + position: absolute; + bottom: -16px; + right: 0; + padding: 0; + text-align: center; + display: none; +} + +.section-title3a { + font-size: 28px; + text-align: center; + display: none; +} + +/* ===[ Ribbon Styles ]===================================================== */ + +.ribbon { + font-size: 11px !important; + text-transform: uppercase; + letter-spacing: 2px; + width: 30%; + position: relative; + background: #ededed; + color: #777; + text-align: center; + padding: 8px 2em; + margin: 0 auto 45px; + line-height: 16px; +} + +.ribbon:before, .ribbon:after { + content: ""; + position: absolute; + display: block; + bottom: -1em; + border: 1.5em solid #e4e2e2; + z-index: -1; +} + +.ribbon:before { + left: -2em; + border-right-width: 1.5em; + border-left-color: transparent; +} + +.ribbon:after { + right: -2em; + border-left-width: 1.5em; + border-right-color: transparent; +} + +.ribbon .ribbon-content:before, .ribbon .ribbon-content:after { + content: ""; + position: absolute; + display: block; + border-style: solid; + border-color: #cfcfcf transparent transparent transparent; + bottom: -1em; +} + +.ribbon .ribbon-content:before { + left: 0; + border-width: 1em 0 0 1em; +} + +.ribbon .ribbon-content:after { + right: 0; + border-width: 1em 1em 0 0; +} + +.non-semantic-protector { + position: relative; + z-index: 1; + background: url(images/ribbon-bg.png) no-repeat 0 24px; + display: none; +} + +/* ===[ Slider Styles ]===================================================== */ + +.single .gallery-wrap { + margin-bottom: 40px; + margin-top: -1px; +} + +.slides .featured-thumb img { + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +.featured-thumb img:hover { + opacity: .9; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +/* ===[ Services Styles ]===================================================== */ + +.services-wrap { + display: block; + float: left; + margin-left: -4%; + margin-bottom: -2%; + max-width: 1020px; +} + +.services-title { + float: left; + width: 75%; + padding-top: 11px; +} + +.services h3 { + font-size: 14px; + font-weight: bold; + line-height: 20px; + margin-bottom: 0; +} + +.services h3 a { color: #4c4c4c } + +.services h3 a:hover { color: #888 } + +.services .service-icon { + float: left; + margin: 0 5% 0 0; + font-size: 20px; + line-height: 22px; + text-align: center; + color: #555; + background: #f3f3f3; + display: block; + padding: 11px 10px 9px 10px; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + height: 40px; + width: 40px; + overflow: hidden; +} + +.services p { + margin: 15px 0 20px 0; + font-size: 13px; + border-top: dotted 1px #e6e6e6; + padding-top: 8px; +} + +.services:hover .service-icon { + background: #fff666; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; +} + +/* ===[ Home Blog Styles ]===================================================== */ + +body.students .home-blog { + display: block; + margin-left: -2.2%; + max-width: 1020px; +} + +.home-blog-post li{ + list-style-type:none; +} + +body.students ul li.home-blog-post{ + list-style-type:none; +} + +.home-blog-post { + float: left; + width: 47%; + margin: 0 0 5% 2.2%; + /*border: solid 1px #eee;*/ + padding: 30px; + position: relative; +} + +.big-comment h3 { position: relative } + +.home-blog-post h3 { + font-size: 18px; + line-height: 24px; + margin-bottom: 5px; +} + +.home-blog-post h3 a { color: #4c4c4c } + +.home-blog-post h3 a:hover { color: #888 } + +.home-blog-post .excerpt p { + font-size: 13px; + margin-bottom: 0; + padding: 0; +} + +.home-blog-post .blog-text { + font-size: 14px; + line-height: 26px; +} + +.home-blog-post-meta { + text-transform: uppercase; + font-size: 10px; + color: #aaa; + line-height: 16px; + margin-bottom: 20px; + padding-bottom: 20px; + border-bottom: solid 1px #eee; +} + +.home-blog-post .blog-title { + margin-bottom:100px; +} + + +.home-blog-post .blog-thumb { + margin: -31px -31px 25px -31px; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + position: absolute; +} + +.home-blog-post img { + max-width: 40%; + /*min-width: 100%;*/ + height: auto; + border-radius: 50%; + margin: -31px -31px 25px -31px; + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; + transition: .1s ease-in; + position: absolute; +} + + +.home-blog-post img:hover { + opacity: .9; + border: 10px solid #98DFFF; + -webkit-transition:all .3s ease-in; + -moz-transition: .3s ease-in; + -o-transition: .1s ease-in; + transition:.1s ease-in; + box-shadow:5px 5px 15px lightgray ; + -webkit-transform: rotate(-15deg) scale(1.2); +} + +.home-blog-right { + float: right; + width: 300px; +} + +.home-blog-post:nth-child(even) img { + right:0; +} +.home-blog-post:nth-child(odd) .blog-title { + text-align:right +} + +.home-blog-post:nth-child(even) img:hover { + -webkit-transform: rotate(15deg) scale(1.2); +} + + +.okay-recent-posts { + margin: 0; + padding: 0; +} + +.okay-recent-posts .pane { + padding-top: 10px !important; + border: none !important; + padding: 0; +} + +.okay-recent-posts .pane h4 { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 2px; + display: block; + line-height: 30px; + margin: 0 0 15px 0; + font-family: 'Merriweather', Georgia, serif; + text-align: center; + background: #f7f7f7; + color: #999; +} + +.recent-posts-widget .recent-posts { + width: 100%; +} + +.recent-posts-widget li, .recent-comments-widget li { + list-style-type: none; + margin: 0 0 15px 0 !important; + padding: 0 0 15px 0 !important; + border-bottom: solid 1px #eee; + display: inline-block; +} + +.recent-posts-widget li:last-child, .recent-comments-widget li:last-child { + border-bottom: none !important; + margin-bottom: 0 !important; + padding-bottom: 5px !important; +} + +.recent-posts h3 { + line-height: 18px; + margin-bottom: 2px; + font-weight: bold; + font-size: 12px; +} + +.recent-posts h3 a { color: #4c4c4c } + +.recent-posts h3 a:hover { color: #888 } + +.recent-posts p { + font-size: 10px; + line-height: 15px; + color: #aaa; + margin-bottom: 0px; +} + +/* ===[ Homepage Testimonial Styles ]===================================================== */ + + +.testimonials h2 { + font-size: 30px; + margin: 15px 0 0 0; + text-align: center; +} + +.testimonials h3 { + font-weight: normal; + font-size: 20px; + line-height: 32px; + text-align: center; +} + +/* ===[ Homepage FAQ Styles ]===================================================== */ + + +.faq h2 { + font-size: 30px; + margin: 15px 0 0 0; + text-align: center; +} + +.faq h3 { + font-weight: normal; + font-size: 20px; + line-height: 32px; + text-align: center; +} + +/* ===[ Portfolio Page Styles ]===================================================== */ + +.mobile-slide { display: none !important } + +.portfolio-big-slide { + float: left; + width: 100%; + position: relative; +} + +.portfolio-large-image { + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + position: relative; + display: inline-block; + width: 100%; +} + +.portfolio-big-slide:hover .portfolio-large-image, .portfolio-block:hover .portfolio-small-image { + opacity: .16; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.portfolio-block .students { + display:none; + } +.portfolio-block:hover .students { + display:block; + position:absolute; + z-index:1; + left:-1px; + text-align: center; + top:68px; + color: #000; + width:312px; + height:100px; + } + + +.portfolio-large-image img { + min-width: 100%; + height: auto; +} + +.portfolio-big-slide .portfolio-block { + width: 980px; + margin-bottom: 40px; +} + +/* ===[ Portfolio Page Titles ]===================================================== */ + +.portfolio-big-title { + text-align: center; + margin-bottom: 40px; + display: block; + clear: both; +} + +.portfolio-big-title h2 { + letter-spacing: 0px; + font-size: 32px; + line-height: 40px; + margin-bottom: 0px; + text-align: center; +} + +.portfolio-big-title h3 { + font-size: 16px; + line-height: 26px; + letter-spacing: 0px; + color: #aaa; + text-align: center; + margin: 15px 0 0 0; + padding: 0 50px; +} + +#portfolio-blocks .slides li:first-child { display: none } + +.paged #portfolio-blocks .slides li:first-child, .home #portfolio-blocks .slides li:first-child { display: block } + +.page-template-portfolio-php #portfolio-blocks { margin-bottom: 60px } + +.portfolio-navigation { + width: 100%; + max-width: 980px; + clear: both; + margin-top: 20px; + display: inline-block; + position: relative; +} + +.portfolio-navigation a { + color: #555; +} + +.portfolio-navigation .alignleft, .portfolio-navigation .alignright { + color: #555; + font-size: 12px; + line-height: 30px; + font-weight: bold; + position: relative; +} + +.portfolio-navigation .alignleft a { + padding: 10px 15px 10px 22px; + background: #f7f7f7; +} + +.portfolio-navigation .alignleft a:before { + position: absolute; + top: -1px; + left: 12px; + display: block; + content: "\f0d9"; + font-family: "FontAwesome"; +} + +.portfolio-navigation .alignright a { + padding: 10px 22px 10px 15px; + background: #f7f7f7; +} + +.portfolio-navigation .alignright a:before { + position: absolute; + top: -1px; + right: 12px; + display: block; + content: "\f0da"; + font-family: "FontAwesome"; +} + +.portfolio-navigation .alignleft i { + margin: 0 5px 0 0; + font-size: 10px; + position: absolute; + top: 14px; + left: 12px; +} + +.portfolio-navigation .alignright i { + margin: 0 0 0 5px; +} + +/* ===[ Portfolio Block Styles ]===================================================== */ + +.portfolio-blocks-wrap { + width: 103%; +} + +.portfolio-blocks { + max-width: 1008px; + overflow: hidden; + color: white; + position: relative; +} + +.portfolio-block { + position: relative; + z-index: 5; + overflow: hidden; + float: left; + display: inline-block; +} + +.page-template-portfolio-php .portfolio-blocks .portfolio-block:first-child { + display: none; +} + +.home .portfolio-block:first-child { + display: block !important; +} + +.portfolio-block-large { + margin-bottom: 40px; +} + +.portfolio-block-inside { + position: absolute; + height: 100%; + width: 100%; + overflow: hidden; + display: inline-block; +} + +.portfolio-block-inside a { + display: block; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.portfolio-block-inside img { + width: 100%; + max-width: 100%; + height: auto; +} + +/* ===[ Portfolio Meta Styles ]===================================================== */ + +.portfolio-sidebar { + width: 25%; + float: right; + font-size: 12px; + line-height: 22px; +} + +.portfolio-meta { + margin: 0 0 0 0; +} + +.portfolio-meta h3 { + border-bottom: solid 1px #eee; + padding-bottom: 12px; +} + +.portfolio-meta li { + background: none !important; + padding: 0 0 10px 0 !important; + margin: 0 0 10px 0 !important; + color: #999; + width: 100%; + line-height: 18px; + float: left; + border-bottom: solid 1px #eee; +} + +.portfolio-meta li:last-child { + border-bottom: none; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} + +.portfolio-meta li span { + color: #555; + width: 100%; + float: left; +} + +/* ===[ Testimonial Styles ]===================================================== */ + +.faq h2 { font-size: 26px } + +.faq h3 { color: #aaa } + + +/* ===[ Testimonial Styles ]===================================================== */ + +.testimonials h2 { font-size: 26px } + +.testimonials h3 { color: #aaa } + +/* ===[ Recent Posts Widget Styles ]===================================================== */ + +.recent-comment-text { + margin-top: 5px; + font-size: 11px !important; + line-height: 18px !important; +} + +.recent-comments-widget .comment-txt:hover { color: #888 } + +/* ===[ Content Styles ]===================================================== */ + +.content { + width: 70%; + float: left; + margin: 0 0 0 0; + padding: 0 0 0 0; +} + +.content-full { + width: 100%; +} + +.portfolio-full { + padding-top: 30px; + max-width: 980px !important +} + +.archive .portfolio-full { + padding-top: 0; +} + +.content ul, .content ol { + margin: 0 0 20px 15px; +} + +.content ul li { + list-style-type: square; + margin-bottom: 5px; +} + +.content ol li { + list-style-type: decimal; +} + +/* ===[ Footer Styles ]===================================================== */ + +.footer { width: 100% } + +.footer-text { + max-width: 980px; + margin: 0 auto; + padding: 10px 0px 30px 0px; + border-top: solid 1px #eee; + border-bottom: solid 0px #eee; +} + +.footer-text-left { + width: 50%; + float: left; +} + +.footer-text-left ul { float: left } + +.footer-text-left ul li { + float: left; + display: inline; + margin: 0 5px 0 0; +} + +.footer-text-left ul li a { + font-size: 11px; + font-weight: bold; + text-transform: uppercase; + color: #999; + text-decoration: none; + padding: 0px 10px 0 0; +} + +.footer-text-left ul li a:hover { + color: #555; +} + +.footer-text-left ul li:first-child { padding-left: 0px } + +.footer-text-left ul li.last { padding: 3px 0 0 0 } + +.footer-text-right { + float: right; + font-size: 11px; + color: #999; + text-decoration: none; + text-transform: uppercase; +} + +.footer-text-right a { color: #4c4c4c } + +.footer-text-right a:hover { color: #999 } + +.footer-widgets { + max-width: 980px; + margin: 50px auto 0 auto; + padding: 0px 0 75px 0; + border-top: solid 5px #f2f2f2; +} + +.footer-widgets-wrap { + margin-left: -5%; +} + +.footer-widget { + width: 33%; + float: left; + padding: 30px 0 0 5%; + font-size: 12px; +} + +.footer-widget:last-child { + +} + +.footer-widget a { text-decoration: none } + +.footer-widget ul { margin: 0 0 0 0 } + +.footer-widget li { + margin-left: 15px; + list-style-type: square; +} + +.footer-widget p { line-height: 22px } + +.footer-widget h2 { + font-size: 11px; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + display: block; + line-height: 24px; + padding: 0 0 5px 0; + margin: 0 0 20px 0; + border-bottom: solid 1px #eee; +} + +/* ===[ Deafult WP Styles ]===================================================== */ + +.wp-caption { +} + +.wp-caption.alignnone { margin: 5px 20px 20px 0 } + +.wp-caption.alignleft { margin: 5px 20px 20px 0 } + +.wp-caption.alignright { margin: 5px 0 20px 20px } + +img.alignleft, img.alignright { + +} + +.alignright { float: right } + +.alignleft { float: left } + +.aligncenter { text-align: center } + +img.alignleft { margin: 5px 25px 20px 0 } + +img.alignright { margin: 5px 0 20px 20px } + +.wp-caption img { + border: 0 none; + height: auto; + margin: 0; + max-width: 98.5%; + padding: 0; + width: auto; +} + +.wp-caption p.wp-caption-text { + font-size: 10px !important; + margin: 0 !important; + padding: 3px 0 0 0!important; +} + +.gallery-caption { text-align: center } + +.gallery-item { + width: 105px !important; + margin-right: 15px; + margin-bottom: 20px; +} + +.gallery-icon { width: 105px } + +.gallery-item img { + width: 95px; + height: auto; + padding: 8px; + border: solid 1px #eee !important; +} + +.gallery-item img:hover { + border: solid 1px #ddd !important; +} + +.sticky { +} + +.bypostauthor { +} + +/* ===[ Contact Form 7 Styles ]===================================================== */ + +.hbspt-form input[type="text"], .hbspt-form textarea { font-family: Georgia, serif } + +.hbspt-form input[type="text"] { + padding: 10px; + font-size: 16px; + font-weight: 200; + color: #777; + border: none; + width: 100%; + background: #f0f0f0; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form input[type="email"] { + padding: 10px; + font-size: 16px; + font-weight: 200; + color: #777; + border: none; + width: 100%; + background: #f0f0f0; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form textarea { + margin: 0; + padding: 10px; + font-size: 16px; + width: 100%; + height: 250px; + box-sizing: border-box; + -moz-box-sizing: border-box; + color: #777; + border: none; + background: #f0f0f0; + margin-top: 5px; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form input:focus, .hbspt-form textarea:focus { + outline: none; + background: #e9e9e9; + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.hbspt-form p { + font-size: 11px !important; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + margin: 0 0 20px 0; +} + +.hbspt-form br { margin-bottom: 10px } + +input.hs-button.primary.large{ + background: #555; + color: #fff; + font-size: 12px; + font-weight: bold; + font-family: 'Merriweather', Georgia, serif; + padding: 10px 20px; + margin: 5px 0 0 0; + border: none; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; + -webkit-appearance:none; +} + +.hbspt-form-submit:hover { + background: #666; + cursor: pointer; + -webkit-transition: .07s ease-in; + -moz-transition: .07s ease-in; + transition: .07s ease-in; +} + +.hbspt-form-response-output { + background: #faf7d6; + border: none !important; +} + +.hbspt-form-mail-sent-ok { + margin-left: 0px !important; + margin-right: 0px !important; + background: #ECF3E5; + background: rgba(229, 243, 212, .5); + padding: 15px !important; + border: solid 1px #D2EFAC !important; +} + +.hbspt-form-validation-errors { + margin-left: 0px !important; + background: #FCF3F3; + background: rgba(255, 238, 238, .5); + border: solid 1px #FBDCDC !important; + padding: 10px !important; + margin-right: 0px !important; +} + +/* ===[ Page With Sidebar Shortcode Column Styles ]===================================================== */ + +.highlight { + background: #fff9ce; + width: auto; + display: inline; + padding: 0px 3px; + font-weight: bold; +} + +/* ===[ Full Width Shortcode Column Styles ]===================================================== */ + +.two-thirds, .two-thirds-last { + width: 65.319148936%; + margin: 0 4% 20px 0; + float: left; +} + +.two-thirds-last { margin-right: 0px !important } + +.one-third, .one-third-last { + width: 30.425531915%; + float: left; + margin: 0 4% 20px 0; +} + +.one-third-last { margin-right: 0px !important } + +.one-quarter, .one-quarter-last { + width: 21.914893617%; + float: left; + margin: 0 4% 20px 0; +} + +.one-quarter-last { margin-right: 0px !important } + +.one-half, .one-half-last { + width: 47.872340426%; + margin: 0 4% 20px 0; + float: left; +} + +.one-half-last { margin-right: 0px !important } + +/* ===[ Shortcode Button Styles ]===================================================== */ + +.highlight { + background: #fff666; + color: #222; + width: auto; + display: inline; + padding: 2px 3px; + font-weight: normal; +} + +.demo-button { + margin-bottom: 6px; + padding-top: 4px; +} + +.demo-button span { margin-right: 2px } + +.button a { + +} + +.button a:hover { + +} + +.button { + display: inline-block; + text-decoration: none; + font: bold 11px/12px Georgia, HelveticaNeue, Arial; + text-transform: uppercase; + padding: 6px 11px; + color: #555; + border: 1px solid #dedede; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + text-align: center; +} + +.button:hover { cursor: pointer } + +.button.white { + background: #f5f5f5; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /* WebKit */ + background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0); + border-color: #dedede #d8d8d8 #d3d3d3; + color: #555; + text-shadow: 0 1px 0 #fff; + -webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; + -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; + box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; +} + +.button.white:hover { + background: #f4f4f4; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8)); /* WebKit */ + background: -moz-linear-gradient(top, #efefef, #f8f8f8); + border-color: #c7c7c7 #c3c3c3 #bebebe; + text-shadow: 0 1px 0 #fdfdfd; + -webkit-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; + -moz-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; + box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; +} + +.button.white a { color: #555 } + +.button.gray { + background: #bdbdbd; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae)); /* WebKit */ + background: -moz-linear-gradient(top, #cacaca, #aeaeae); + border-color: #b5b5b5 #a1a1a1 #8f8f8f; + color: #555; + text-shadow: 0 1px 0 #d4d4d4; + -webkit-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; + -moz-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; + box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; +} + +.button.gray:hover { + background: #c2c2c2; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2)); /* WebKit */ + background: -moz-linear-gradient(top, #bcbcbc, #c2c2c2); + border-color: #989898 #8e8e8e #878787; + text-shadow: 0 1px 0 #dadada; + -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; +} + +.button.gray a { color: #555 } + +.button.pink { + background: #f67689; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78297', endColorstr='#f56778'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f78297), to(#f56778)); /* WebKit */ + background: -moz-linear-gradient(top, #f78297, #f56778); + border-color: #df6f8b #da5f75 #d55061; + color: #913944; + text-shadow: 0 1px 0 #f89ca9; + -webkit-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; + -moz-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; + box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; +} + +.button.pink:hover { + background: #f67c90; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56c7e', endColorstr='#f78297'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#f56c7e), to(#f78297)); /* WebKit */ + background: -moz-linear-gradient(top, #f56c7e, #f78297); + border-color: #c36079 #c25669 #c14e5c; + text-shadow: 0 1px 0 #f9a6b4; + -webkit-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; + -moz-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; + box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; +} + +.button.pink a { color: #913944 } + +.button.orange { + background: #fecc5f; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda71', endColorstr='#febb4a'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb4a)); /* WebKit */ + background: -moz-linear-gradient(top, #feda71, #febb4a); + border-color: #f5b74e #e5a73e #d6982f; + color: #996633; + text-shadow: 0 1px 0 #fedd9b; + -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; + -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; + box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; +} + +.button.orange:hover { + background: #fecb5e; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec354', endColorstr='#fecd61'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#fec354), to(#fecd61)); /* WebKit */ + background: -moz-linear-gradient(top, #fec354, #fecd61); + border-color: #d29a3a #cc9436 #c89133; + text-shadow: 0 1px 0 #fee1a0; + -webkit-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; + -moz-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; + box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; +} + +.button.orange a { color: #996633 } + +.button.green { + background: #b7d770; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9fcb57)); /* WebKit */ + background: -moz-linear-gradient(top, #cae285, #9fcb57); + border-color: #adc671 #98b65b #87aa4a; + color: #5d7731; + text-shadow: 0 1px 0 #cfe5a4; + -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; + -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; + box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4; +} + +.button.green:hover { + background: #b9d972; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d872', endColorstr='#b9d972'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#b8d872), to(#b9d972)); /* WebKit */ + background: -moz-linear-gradient(top, #b8d872, #b9d972); + border-color: #8bb14d #83a648 #7d9e45; + text-shadow: 0 1px 0 #d5e8aa; + -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; + -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; + box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295; +} + +.button.green a { color: #5d7731 } + +.button.blue { + background: #92dbf6; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abe4f8', endColorstr='#6fcef3'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3)); /* WebKit */ + background: -moz-linear-gradient(top, #abe4f8, #6fcef3); + border-color: #8dc5da #76b7cf #63abc7; + text-shadow: 0 1px 0 #b6e6f9; + -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; + -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; + box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa; +} + +.button.blue:hover { + background: #92dbf6; + border-color: #7caec0 #68a3ba #5a9cb5; + text-shadow: 0 1px 0 #bee9fa; + -webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; + -moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; + box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8; +} + +.button.blue a { color: #42788e } + +.button.purple { + background: #dfaeda; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8c4e4', endColorstr='#d494ce'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#e8c4e4), to(#d494ce)); /* WebKit */ + background: -moz-linear-gradient(top, #e8c4e4, #d494ce); + border-color: #bc9db9 #ad89aa #a1799d; + color: #7b5777; + text-shadow: 0 1px 0 #eacae6; + -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; + -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; + box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb; +} + +.button.purple:hover { + background: #e0b1db; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deabd9', endColorstr='#e0b1db'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#deabd9), to(#e0b1db)); /* WebKit */ + background: -moz-linear-gradient(top, #deabd9, #e0b1db); + border-color: #a482a0 #9b7897 #947090; + text-shadow: 0 1px 0 #ecd0e9; + -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; + box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; +} + +.button.purple a { color: #7b5777 } + +.button.black { + background: #525252; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#434343'); /* IE */ + background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); /* WebKit */ + background: -moz-linear-gradient(top, #5e5e5e, #434343); + border-color: #4c4c4c #313131 #1f1f1f; + color: #fff; + text-shadow: 0 1px 0 #2e2e2e; + -webkit-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; + -moz-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; + box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686; +} + +.button.black:hover { + background: #5a5a5a; + border-color: #2c2c2c #1c1c1c #101010; + text-shadow: 0 1px 0 #363636; + -webkit-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; + -moz-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; + box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383; +} + +.button.black a { color: #fff } + +/* ===[ Shortcode Message Style ]===================================================== */ + +.message { + width: 100%; + float: left; + margin: 0 0 15px 0; +} + +.message a { color: #555 } + +.message a:hover { text-decoration: underline } + +.message strong { + text-transform: uppercase; + font-size: 12px; + letter-spacing: 1px; +} + +.red-message { + background: #fff7f7; + border: solid 1px #fddcdc; + padding: 15px; +} + +.green-message { + background: #f1f9ea; + padding: 15px; + border: solid 1px #d0eeac; +} + +.yellow-message { + background: #fcfbe4; + border: solid 1px #efebbc; + padding: 15px; +} + +.gray-message { + background: #f5f5f5; + border: solid 1px #ddd; + padding: 15px; +} + +/* ===[ Shortcode Tooltip Styles ]===================================================== */ + +.tooltip { + display: inline; + position: relative; +} + +.tooltip a span { + width: 115px; + height: auto; + line-height: 20px; + padding: 5px 10px 0px 10px; + left: 50%; + margin-left: -58px; + font-family: Georgia, serif; + font-size: 11px; + color: #777; + text-align: center; + border: 4px solid #fff; + background: rgba(255,255,255,1); + text-indent: 0px; + border-radius: 5px; + position: absolute; + pointer-events: none; + bottom: 30px; + opacity: 0; + box-shadow: 1px 1px 2px rgba(0,0,0,0.1); + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + border-left: solid 1px #f5f5f5; + border-top: solid 1px #f5f5f5; +} + +.tooltip a span:before, .tooltip a span:after { + content: ''; + position: absolute; + bottom: -15px; + left: 50%; + margin-left: -9px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid rgba(0,0,0,0.1); +} + +.tooltip a span:after { + bottom: -14px; + margin-left: -10px; + border-top: 10px solid #fff; +} + +.tooltip a:hover span { + opacity: 0.9; + bottom: 35px; +} + +/* ===[ Shortcode Tabbed Box Styles ]===================================================== */ + +.tabs { + list-style-type: none !important; + margin: 0 !important; + padding: 0; + height: 30px; + border-bottom: solid 1px #eee; +} + +#sidebar .tabs { + border-bottom: none; + height: auto; +} + +.tabs li { + float: left; + text-indent: 0; + padding: 0 !important; + margin: 0 !important; + list-style-type: none !important; + background: none !important; +} + +.content .tabs li a:hover { background: #f7f7f7 } + +.content .tabs li a:hover { + -webkit-transition: .2s ease-in; + -moz-transition: .2s ease-in; + -o-transition: .2s ease-in; + transition: .2s ease-in; +} + +.tabs a { + display: block; + font-size: 11px; + text-transform: uppercase; + line-height: 30px; + text-align: center; + text-decoration: none; + padding: 0 10px; + margin: 0px; + position: relative; + color: #888; +} + +.tabs a:hover { color: #555 } + +.tabs a:active { outline: none } + +.tabs .current, .tabs .current:hover, .tabs li.current a { + cursor: default !important; + color: #555 !important; + background: #f2f2f2; +} + +.tab-wrapper li .current, .tab-wrapper li .current:hover, .tab-wrapper li.current a, .tab-wrapper a:hover { background: #fff666 } + +.tab-wrapper { + padding: 0; + width: 435px; + height: 70px; + margin: 80px auto 30px auto; +} + +#sidebar .tab-wrapper { width: 100% } + +.tab-wrapper li { + float: left; + background: none !important; + padding: 0 !important; + margin: 0 1% 0 0 !important; + width: 24%; +} + +.tab-wrapper li:last-child { + margin-right: 0px !important; +} + +.tab-wrapper li a { + display: block; + height: 32px; + text-align: center; + line-height: 34px; + margin: 0; + outline: none; + background: #f2f2f2; + padding: 0; + position: relative; + font-family: 'ModernPictogramsNormal'; + -webkit-font-smoothing: antialiased; + color: #555; + font-size: 22px; + text-transform: none; +} + +.tab-wrapper li a.current { } + +.tab-wrapper li a:hover { } + +.tab-wrapper li a:active i { + line-height: 34px; +} + +.tab-wrapper li i { + font-size: 17px; + line-height: 32px; +} + +#sidebar .panes { + width: 99%; +} + +#sidebar .panes .pane { + margin-top: 2px; + background: #f7f7f7; + padding: 15px !important; +} + +.panes .pane { + display: none; + padding-top: 15px; + margin-top: -1px; +} + +.change-font a { + text-transform: uppercase; + font-size: 10px; + color: #999; + margin-right: 15px; +} + +.change-font a:hover { color: #4c4c4c } + +.chirp li { + border-bottom: solid 1px #eee !important; + padding-bottom: 10px !important; + margin: 0 0 10px 0 !important; + list-style-type: none !important; +} + +.chirp li:last-child { + border-bottom: none !important; + margin-bottom: 0 !important; + padding-bottom: 0 !important; +} \ No newline at end of file diff --git a/public/css/styles_new.css b/public/css/styles_new.css new file mode 100644 index 0000000..c73685f --- /dev/null +++ b/public/css/styles_new.css @@ -0,0 +1,15 @@ +.content img { + float:left; + margin-right:2%; + border:1px solid #ccc; +} +.content { +width:90%; +} + +.social_icons ul li{ +list-style-type:none; +border:1px solid red; +width:50px; +height:50px; +} \ No newline at end of file diff --git a/public/img/Alisa_dazed.jpg b/public/img/Alisa_dazed.jpg new file mode 100644 index 0000000..f2f699c Binary files /dev/null and b/public/img/Alisa_dazed.jpg differ diff --git a/public/img/Alisa_pic.png b/public/img/Alisa_pic.png new file mode 100644 index 0000000..3fee1af Binary files /dev/null and b/public/img/Alisa_pic.png differ diff --git a/public/img/Alisa_pic1.png b/public/img/Alisa_pic1.png new file mode 100644 index 0000000..a1e930e Binary files /dev/null and b/public/img/Alisa_pic1.png differ diff --git a/public/img/Alisa_pic2.png b/public/img/Alisa_pic2.png new file mode 100644 index 0000000..a62a535 Binary files /dev/null and b/public/img/Alisa_pic2.png differ diff --git a/public/img/DR_image.jpg b/public/img/DR_image.jpg new file mode 100644 index 0000000..83e9f75 Binary files /dev/null and b/public/img/DR_image.jpg differ diff --git a/public/img/adobe_kuler_shaped.png b/public/img/adobe_kuler_shaped.png new file mode 100644 index 0000000..bf37f2b Binary files /dev/null and b/public/img/adobe_kuler_shaped.png differ diff --git a/public/img/airbnb_logo.png b/public/img/airbnb_logo.png new file mode 100644 index 0000000..5d20b94 Binary files /dev/null and b/public/img/airbnb_logo.png differ diff --git a/public/img/andorian copy.jpg b/public/img/andorian copy.jpg new file mode 100644 index 0000000..07cceec Binary files /dev/null and b/public/img/andorian copy.jpg differ diff --git a/public/img/andorian.jpg b/public/img/andorian.jpg new file mode 100644 index 0000000..07cceec Binary files /dev/null and b/public/img/andorian.jpg differ diff --git a/public/img/anishav.jpg b/public/img/anishav.jpg new file mode 100644 index 0000000..a987911 Binary files /dev/null and b/public/img/anishav.jpg differ diff --git a/public/img/anishavasandani.jpg b/public/img/anishavasandani.jpg new file mode 100644 index 0000000..8193b9e Binary files /dev/null and b/public/img/anishavasandani.jpg differ diff --git a/public/img/apple-touch-icon.png b/public/img/apple-touch-icon.png new file mode 100644 index 0000000..b8b61ec Binary files /dev/null and b/public/img/apple-touch-icon.png differ diff --git a/public/img/awaxman.jpg b/public/img/awaxman.jpg new file mode 100644 index 0000000..db97099 Binary files /dev/null and b/public/img/awaxman.jpg differ diff --git a/public/img/b_icon_facebook.png b/public/img/b_icon_facebook.png new file mode 100644 index 0000000..a6fab45 Binary files /dev/null and b/public/img/b_icon_facebook.png differ diff --git a/public/img/b_icon_instagram.png b/public/img/b_icon_instagram.png new file mode 100644 index 0000000..2c2716d Binary files /dev/null and b/public/img/b_icon_instagram.png differ diff --git a/public/img/b_icon_linkedin.gif b/public/img/b_icon_linkedin.gif new file mode 100644 index 0000000..9c4af7c Binary files /dev/null and b/public/img/b_icon_linkedin.gif differ diff --git a/public/img/b_icon_skype.png b/public/img/b_icon_skype.png new file mode 100644 index 0000000..072e95d Binary files /dev/null and b/public/img/b_icon_skype.png differ diff --git a/public/img/b_icon_twitter-60x60.png b/public/img/b_icon_twitter-60x60.png new file mode 100644 index 0000000..8bf327a Binary files /dev/null and b/public/img/b_icon_twitter-60x60.png differ diff --git a/public/img/b_icon_twitter.png b/public/img/b_icon_twitter.png new file mode 100644 index 0000000..8992dff Binary files /dev/null and b/public/img/b_icon_twitter.png differ diff --git a/public/img/carloslazo.jpg b/public/img/carloslazo.jpg new file mode 100644 index 0000000..9ffcf5a Binary files /dev/null and b/public/img/carloslazo.jpg differ diff --git a/public/img/cg.jpeg b/public/img/cg.jpeg new file mode 100644 index 0000000..4eec221 Binary files /dev/null and b/public/img/cg.jpeg differ diff --git a/public/img/check.png b/public/img/check.png new file mode 100644 index 0000000..d5b293a Binary files /dev/null and b/public/img/check.png differ diff --git a/public/img/chrisg.png b/public/img/chrisg.png new file mode 100644 index 0000000..d6d65ce Binary files /dev/null and b/public/img/chrisg.png differ diff --git a/public/img/coder-dojo.jpg b/public/img/coder-dojo.jpg new file mode 100644 index 0000000..c37e176 Binary files /dev/null and b/public/img/coder-dojo.jpg differ diff --git a/public/img/coderwall_eewang.jpeg b/public/img/coderwall_eewang.jpeg new file mode 100644 index 0000000..59032f0 Binary files /dev/null and b/public/img/coderwall_eewang.jpeg differ diff --git a/public/img/codeschool_eewang.jpg b/public/img/codeschool_eewang.jpg new file mode 100644 index 0000000..ec7cd8b Binary files /dev/null and b/public/img/codeschool_eewang.jpg differ diff --git a/public/img/desmond-background.jpg b/public/img/desmond-background.jpg new file mode 100644 index 0000000..545b5a2 Binary files /dev/null and b/public/img/desmond-background.jpg differ diff --git a/public/img/employers/carrot.jpg b/public/img/employers/carrot.jpg new file mode 100644 index 0000000..4a741bd Binary files /dev/null and b/public/img/employers/carrot.jpg differ diff --git a/public/img/employers/code42.jpg b/public/img/employers/code42.jpg new file mode 100644 index 0000000..c783dc7 Binary files /dev/null and b/public/img/employers/code42.jpg differ diff --git a/public/img/employers/concierge.jpg b/public/img/employers/concierge.jpg new file mode 100644 index 0000000..3e67953 Binary files /dev/null and b/public/img/employers/concierge.jpg differ diff --git a/public/img/employers/conde.jpg b/public/img/employers/conde.jpg new file mode 100644 index 0000000..a1b7c70 Binary files /dev/null and b/public/img/employers/conde.jpg differ diff --git a/public/img/employers/contently.jpg b/public/img/employers/contently.jpg new file mode 100644 index 0000000..8b138a5 Binary files /dev/null and b/public/img/employers/contently.jpg differ diff --git a/public/img/employers/crv.jpg b/public/img/employers/crv.jpg new file mode 100644 index 0000000..b407275 Binary files /dev/null and b/public/img/employers/crv.jpg differ diff --git a/public/img/employers/cyrus.jpg b/public/img/employers/cyrus.jpg new file mode 100644 index 0000000..b4d8fd0 Binary files /dev/null and b/public/img/employers/cyrus.jpg differ diff --git a/public/img/employers/founderscard.jpg b/public/img/employers/founderscard.jpg new file mode 100644 index 0000000..e7c36a3 Binary files /dev/null and b/public/img/employers/founderscard.jpg differ diff --git a/public/img/employers/levo.jpg b/public/img/employers/levo.jpg new file mode 100644 index 0000000..1f1a99d Binary files /dev/null and b/public/img/employers/levo.jpg differ diff --git a/public/img/employers/lifebooker.jpg b/public/img/employers/lifebooker.jpg new file mode 100644 index 0000000..073d27a Binary files /dev/null and b/public/img/employers/lifebooker.jpg differ diff --git a/public/img/employers/nycdevshop.jpg b/public/img/employers/nycdevshop.jpg new file mode 100644 index 0000000..c4cb89a Binary files /dev/null and b/public/img/employers/nycdevshop.jpg differ diff --git a/public/img/employers/radiosys.jpg b/public/img/employers/radiosys.jpg new file mode 100644 index 0000000..618461c Binary files /dev/null and b/public/img/employers/radiosys.jpg differ diff --git a/public/img/employers/sevenfifty.jpg b/public/img/employers/sevenfifty.jpg new file mode 100644 index 0000000..60f70c9 Binary files /dev/null and b/public/img/employers/sevenfifty.jpg differ diff --git a/public/img/employers/sidetour.jpg b/public/img/employers/sidetour.jpg new file mode 100644 index 0000000..a0b319e Binary files /dev/null and b/public/img/employers/sidetour.jpg differ diff --git a/public/img/employers/spinsfm.jpg b/public/img/employers/spinsfm.jpg new file mode 100644 index 0000000..a69215b Binary files /dev/null and b/public/img/employers/spinsfm.jpg differ diff --git a/public/img/employers/sumzero.jpg b/public/img/employers/sumzero.jpg new file mode 100644 index 0000000..c114cb9 Binary files /dev/null and b/public/img/employers/sumzero.jpg differ diff --git a/public/img/employers/taximagic.jpg b/public/img/employers/taximagic.jpg new file mode 100644 index 0000000..951e3ef Binary files /dev/null and b/public/img/employers/taximagic.jpg differ diff --git a/public/img/employers/tribeca.jpg b/public/img/employers/tribeca.jpg new file mode 100644 index 0000000..7db32a8 Binary files /dev/null and b/public/img/employers/tribeca.jpg differ diff --git a/public/img/employers/universum.jpg b/public/img/employers/universum.jpg new file mode 100644 index 0000000..208b6f2 Binary files /dev/null and b/public/img/employers/universum.jpg differ diff --git a/public/img/employers/wework.jpg b/public/img/employers/wework.jpg new file mode 100644 index 0000000..17a2007 Binary files /dev/null and b/public/img/employers/wework.jpg differ diff --git a/public/img/eventbrite.jpg b/public/img/eventbrite.jpg new file mode 100644 index 0000000..a565ebd Binary files /dev/null and b/public/img/eventbrite.jpg differ diff --git a/public/img/fall.jpg b/public/img/fall.jpg new file mode 100644 index 0000000..b6a2bac Binary files /dev/null and b/public/img/fall.jpg differ diff --git a/public/img/github_eewang.png b/public/img/github_eewang.png new file mode 100644 index 0000000..a1a6235 Binary files /dev/null and b/public/img/github_eewang.png differ diff --git a/public/img/grizzly.jpg b/public/img/grizzly.jpg new file mode 100644 index 0000000..22aa204 Binary files /dev/null and b/public/img/grizzly.jpg differ diff --git a/public/img/grumpycat-slice.png b/public/img/grumpycat-slice.png new file mode 100644 index 0000000..910dd9b Binary files /dev/null and b/public/img/grumpycat-slice.png differ diff --git a/public/img/guest-speakers/dan.jpg b/public/img/guest-speakers/dan.jpg new file mode 100644 index 0000000..68a968d Binary files /dev/null and b/public/img/guest-speakers/dan.jpg differ diff --git a/public/img/guest-speakers/holman.jpg b/public/img/guest-speakers/holman.jpg new file mode 100644 index 0000000..4a28ba8 Binary files /dev/null and b/public/img/guest-speakers/holman.jpg differ diff --git a/public/img/guest-speakers/johnbritton.jpg b/public/img/guest-speakers/johnbritton.jpg new file mode 100644 index 0000000..77fd981 Binary files /dev/null and b/public/img/guest-speakers/johnbritton.jpg differ diff --git a/public/img/guest-speakers/jongrover.jpg b/public/img/guest-speakers/jongrover.jpg new file mode 100644 index 0000000..1a9b14e Binary files /dev/null and b/public/img/guest-speakers/jongrover.jpg differ diff --git a/public/img/guest-speakers/ricky.jpg b/public/img/guest-speakers/ricky.jpg new file mode 100644 index 0000000..6c41837 Binary files /dev/null and b/public/img/guest-speakers/ricky.jpg differ diff --git a/public/img/guest-speakers/sara.jpg b/public/img/guest-speakers/sara.jpg new file mode 100644 index 0000000..d52c8e4 Binary files /dev/null and b/public/img/guest-speakers/sara.jpg differ diff --git a/public/img/header_bg.gif b/public/img/header_bg.gif new file mode 100644 index 0000000..52681a7 Binary files /dev/null and b/public/img/header_bg.gif differ diff --git a/public/img/j.collins.square.jpg b/public/img/j.collins.square.jpg new file mode 100644 index 0000000..a115752 Binary files /dev/null and b/public/img/j.collins.square.jpg differ diff --git a/public/img/jackaltman.jpg b/public/img/jackaltman.jpg new file mode 100644 index 0000000..7790c9c Binary files /dev/null and b/public/img/jackaltman.jpg differ diff --git a/public/img/jaltman.jpg b/public/img/jaltman.jpg new file mode 100644 index 0000000..8211723 Binary files /dev/null and b/public/img/jaltman.jpg differ diff --git a/public/img/jeneisenberg.jpg b/public/img/jeneisenberg.jpg new file mode 100644 index 0000000..d17afe2 Binary files /dev/null and b/public/img/jeneisenberg.jpg differ diff --git a/public/img/jennifer_eisenberg.jpg b/public/img/jennifer_eisenberg.jpg new file mode 100644 index 0000000..7e4e8cd Binary files /dev/null and b/public/img/jennifer_eisenberg.jpg differ diff --git a/public/img/jgtr2.jpeg b/public/img/jgtr2.jpeg new file mode 100644 index 0000000..17eea55 Binary files /dev/null and b/public/img/jgtr2.jpeg differ diff --git a/public/img/jgtr3.jpg b/public/img/jgtr3.jpg new file mode 100644 index 0000000..21da416 Binary files /dev/null and b/public/img/jgtr3.jpg differ diff --git a/public/img/joe_index.jpg b/public/img/joe_index.jpg new file mode 100644 index 0000000..e637a23 Binary files /dev/null and b/public/img/joe_index.jpg differ diff --git a/public/img/joegiralt.jpg b/public/img/joegiralt.jpg new file mode 100644 index 0000000..07cceec Binary files /dev/null and b/public/img/joegiralt.jpg differ diff --git a/public/img/katie_beach.jpg b/public/img/katie_beach.jpg new file mode 100644 index 0000000..2c1237e Binary files /dev/null and b/public/img/katie_beach.jpg differ diff --git a/public/img/katieishibashi.jpg b/public/img/katieishibashi.jpg new file mode 100644 index 0000000..bce1088 Binary files /dev/null and b/public/img/katieishibashi.jpg differ diff --git a/public/img/kirinpicture.jpg b/public/img/kirinpicture.jpg new file mode 100644 index 0000000..89aaea5 Binary files /dev/null and b/public/img/kirinpicture.jpg differ diff --git a/public/img/kitten.jpeg b/public/img/kitten.jpeg new file mode 100644 index 0000000..deb0aa7 Binary files /dev/null and b/public/img/kitten.jpeg differ diff --git a/public/img/mendel.jpg b/public/img/mendel.jpg new file mode 100644 index 0000000..f94304c Binary files /dev/null and b/public/img/mendel.jpg differ diff --git a/public/img/micah.jpg b/public/img/micah.jpg new file mode 100644 index 0000000..e3f714b Binary files /dev/null and b/public/img/micah.jpg differ diff --git a/public/img/ning_profile_610_610.jpg b/public/img/ning_profile_610_610.jpg new file mode 100644 index 0000000..2b230f7 Binary files /dev/null and b/public/img/ning_profile_610_610.jpg differ diff --git a/public/img/ningyap.jpg b/public/img/ningyap.jpg new file mode 100644 index 0000000..4827b83 Binary files /dev/null and b/public/img/ningyap.jpg differ diff --git a/public/img/ningyapprofile.jpg b/public/img/ningyapprofile.jpg new file mode 100644 index 0000000..9549210 Binary files /dev/null and b/public/img/ningyapprofile.jpg differ diff --git a/public/img/nyc-on-rails.jpg b/public/img/nyc-on-rails.jpg new file mode 100644 index 0000000..c4884ce Binary files /dev/null and b/public/img/nyc-on-rails.jpg differ diff --git a/public/img/nyc.jpg b/public/img/nyc.jpg new file mode 100644 index 0000000..32944e2 Binary files /dev/null and b/public/img/nyc.jpg differ diff --git a/public/img/overapi-logo.png b/public/img/overapi-logo.png new file mode 100644 index 0000000..67dcc56 Binary files /dev/null and b/public/img/overapi-logo.png differ diff --git a/public/img/placeholders/circle-400x275.jpg b/public/img/placeholders/circle-400x275.jpg new file mode 100644 index 0000000..3698059 Binary files /dev/null and b/public/img/placeholders/circle-400x275.jpg differ diff --git a/public/img/placeholders/circle-450x309.jpg b/public/img/placeholders/circle-450x309.jpg new file mode 100644 index 0000000..938f0e0 Binary files /dev/null and b/public/img/placeholders/circle-450x309.jpg differ diff --git a/public/img/placeholders/enbo.jpg b/public/img/placeholders/enbo.jpg new file mode 100644 index 0000000..c7572e3 Binary files /dev/null and b/public/img/placeholders/enbo.jpg differ diff --git a/public/img/placeholders/micah.jpg b/public/img/placeholders/micah.jpg new file mode 100644 index 0000000..e3f714b Binary files /dev/null and b/public/img/placeholders/micah.jpg differ diff --git a/public/img/placeholders/placeholder-blog.jpg b/public/img/placeholders/placeholder-blog.jpg new file mode 100644 index 0000000..e1fee41 Binary files /dev/null and b/public/img/placeholders/placeholder-blog.jpg differ diff --git a/public/img/placeholders/placeholder1-150x150.jpg b/public/img/placeholders/placeholder1-150x150.jpg new file mode 100644 index 0000000..0de0f48 Binary files /dev/null and b/public/img/placeholders/placeholder1-150x150.jpg differ diff --git a/public/img/placeholders/placeholder1.jpg b/public/img/placeholders/placeholder1.jpg new file mode 100644 index 0000000..7032695 Binary files /dev/null and b/public/img/placeholders/placeholder1.jpg differ diff --git a/public/img/placeholders/placeholder2-150x150.jpg b/public/img/placeholders/placeholder2-150x150.jpg new file mode 100644 index 0000000..5bba54b Binary files /dev/null and b/public/img/placeholders/placeholder2-150x150.jpg differ diff --git a/public/img/placeholders/placeholder2.jpg b/public/img/placeholders/placeholder2.jpg new file mode 100644 index 0000000..931e2c5 Binary files /dev/null and b/public/img/placeholders/placeholder2.jpg differ diff --git a/public/img/placeholders/wave-400x275.jpg b/public/img/placeholders/wave-400x275.jpg new file mode 100644 index 0000000..4581851 Binary files /dev/null and b/public/img/placeholders/wave-400x275.jpg differ diff --git a/public/img/plaza_espana.jpg b/public/img/plaza_espana.jpg new file mode 100644 index 0000000..23576af Binary files /dev/null and b/public/img/plaza_espana.jpg differ diff --git a/public/img/profile_desmond.jpg b/public/img/profile_desmond.jpg new file mode 100644 index 0000000..ff5d05b Binary files /dev/null and b/public/img/profile_desmond.jpg differ diff --git a/public/img/profile_george.jpg b/public/img/profile_george.jpg new file mode 100644 index 0000000..3f5e498 Binary files /dev/null and b/public/img/profile_george.jpg differ diff --git a/public/img/quora.png b/public/img/quora.png new file mode 100644 index 0000000..f8e5918 Binary files /dev/null and b/public/img/quora.png differ diff --git a/public/img/quote.png b/public/img/quote.png new file mode 100644 index 0000000..f378289 Binary files /dev/null and b/public/img/quote.png differ diff --git a/public/img/reddit.jpg b/public/img/reddit.jpg new file mode 100644 index 0000000..9481b73 Binary files /dev/null and b/public/img/reddit.jpg differ diff --git a/public/img/ruthienachmany.jpeg b/public/img/ruthienachmany.jpeg new file mode 100644 index 0000000..4b8506d Binary files /dev/null and b/public/img/ruthienachmany.jpeg differ diff --git a/public/img/sarah_square.jpg b/public/img/sarah_square.jpg new file mode 100644 index 0000000..0939380 Binary files /dev/null and b/public/img/sarah_square.jpg differ diff --git a/public/img/schmaus_profile.jpg b/public/img/schmaus_profile.jpg new file mode 100644 index 0000000..1d926fb Binary files /dev/null and b/public/img/schmaus_profile.jpg differ diff --git a/public/img/schmaus_profile_hover.jpg b/public/img/schmaus_profile_hover.jpg new file mode 100644 index 0000000..585d1d9 Binary files /dev/null and b/public/img/schmaus_profile_hover.jpg differ diff --git a/public/img/seamless.jpg b/public/img/seamless.jpg new file mode 100644 index 0000000..1147603 Binary files /dev/null and b/public/img/seamless.jpg differ diff --git a/public/img/skillcrush.jpg b/public/img/skillcrush.jpg new file mode 100644 index 0000000..20f13b6 Binary files /dev/null and b/public/img/skillcrush.jpg differ diff --git a/public/img/skillshare.jpg b/public/img/skillshare.jpg new file mode 100644 index 0000000..3f83225 Binary files /dev/null and b/public/img/skillshare.jpg differ diff --git a/public/img/sponsors.png b/public/img/sponsors.png new file mode 100644 index 0000000..e648e40 Binary files /dev/null and b/public/img/sponsors.png differ diff --git a/public/img/squirrel2.jpg b/public/img/squirrel2.jpg new file mode 100644 index 0000000..478ee61 Binary files /dev/null and b/public/img/squirrel2.jpg differ diff --git a/public/img/stevenbrooks.png b/public/img/stevenbrooks.png new file mode 100644 index 0000000..647d0ba Binary files /dev/null and b/public/img/stevenbrooks.png differ diff --git a/public/img/stl.jpg b/public/img/stl.jpg new file mode 100644 index 0000000..f93ee56 Binary files /dev/null and b/public/img/stl.jpg differ diff --git a/public/img/stripe_bg.gif b/public/img/stripe_bg.gif new file mode 100644 index 0000000..9b29225 Binary files /dev/null and b/public/img/stripe_bg.gif differ diff --git a/public/img/student-icons/globe.png b/public/img/student-icons/globe.png new file mode 100644 index 0000000..5172745 Binary files /dev/null and b/public/img/student-icons/globe.png differ diff --git a/public/img/student-icons/swiss-army-knife.png b/public/img/student-icons/swiss-army-knife.png new file mode 100644 index 0000000..49dffb4 Binary files /dev/null and b/public/img/student-icons/swiss-army-knife.png differ diff --git a/public/img/student_photos/kristenc.jpg b/public/img/student_photos/kristenc.jpg new file mode 100644 index 0000000..7a4a8bb Binary files /dev/null and b/public/img/student_photos/kristenc.jpg differ diff --git a/public/img/student_photos/kristenc_thumb.jpg b/public/img/student_photos/kristenc_thumb.jpg new file mode 100644 index 0000000..f6e43d4 Binary files /dev/null and b/public/img/student_photos/kristenc_thumb.jpg differ diff --git a/public/img/student_photos/maxjacobson-cropped.jpg b/public/img/student_photos/maxjacobson-cropped.jpg new file mode 100644 index 0000000..ad46ff8 Binary files /dev/null and b/public/img/student_photos/maxjacobson-cropped.jpg differ diff --git a/public/img/student_photos/maxjacobson.jpg b/public/img/student_photos/maxjacobson.jpg new file mode 100644 index 0000000..5ffc235 Binary files /dev/null and b/public/img/student_photos/maxjacobson.jpg differ diff --git a/public/img/student_photos/sagarshah.jpg b/public/img/student_photos/sagarshah.jpg new file mode 100644 index 0000000..0b8803a Binary files /dev/null and b/public/img/student_photos/sagarshah.jpg differ diff --git a/public/img/student_photos/sagarshah2.jpg b/public/img/student_photos/sagarshah2.jpg new file mode 100644 index 0000000..307ce50 Binary files /dev/null and b/public/img/student_photos/sagarshah2.jpg differ diff --git a/public/img/student_photos/sarah.jpg b/public/img/student_photos/sarah.jpg new file mode 100644 index 0000000..0e32eaa Binary files /dev/null and b/public/img/student_photos/sarah.jpg differ diff --git a/public/img/student_photos/sarah_cropped.jpg b/public/img/student_photos/sarah_cropped.jpg new file mode 100644 index 0000000..ac7c0f4 Binary files /dev/null and b/public/img/student_photos/sarah_cropped.jpg differ diff --git a/public/img/student_pics/j.collins.photo.360x140.jpg b/public/img/student_pics/j.collins.photo.360x140.jpg new file mode 100644 index 0000000..967c02e Binary files /dev/null and b/public/img/student_pics/j.collins.photo.360x140.jpg differ diff --git a/public/img/student_pics/j.collins.photo.jpg b/public/img/student_pics/j.collins.photo.jpg new file mode 100644 index 0000000..1c68f8d Binary files /dev/null and b/public/img/student_pics/j.collins.photo.jpg differ diff --git a/public/img/the-flatiron-school-logo-sm-black.png b/public/img/the-flatiron-school-logo-sm-black.png new file mode 100644 index 0000000..53e2639 Binary files /dev/null and b/public/img/the-flatiron-school-logo-sm-black.png differ diff --git a/public/img/the-flatiron-school-logo-sm-gry.png b/public/img/the-flatiron-school-logo-sm-gry.png new file mode 100644 index 0000000..05fb56d Binary files /dev/null and b/public/img/the-flatiron-school-logo-sm-gry.png differ diff --git a/public/img/the-flatiron-school-logo-sm-white.png b/public/img/the-flatiron-school-logo-sm-white.png new file mode 100644 index 0000000..2b3fa90 Binary files /dev/null and b/public/img/the-flatiron-school-logo-sm-white.png differ diff --git a/public/img/thomas.jpg b/public/img/thomas.jpg new file mode 100644 index 0000000..59eb9bb Binary files /dev/null and b/public/img/thomas.jpg differ diff --git a/public/img/thomas_2.jpg b/public/img/thomas_2.jpg new file mode 100644 index 0000000..99c0373 Binary files /dev/null and b/public/img/thomas_2.jpg differ diff --git a/public/img/thomas_3.jpg b/public/img/thomas_3.jpg new file mode 100644 index 0000000..244db20 Binary files /dev/null and b/public/img/thomas_3.jpg differ diff --git a/public/img/treehouse_eewang.png b/public/img/treehouse_eewang.png new file mode 100644 index 0000000..28a1c17 Binary files /dev/null and b/public/img/treehouse_eewang.png differ diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..c31548b --- /dev/null +++ b/public/index.html @@ -0,0 +1,725 @@ + + + + + + + + The Flatiron School + + + + + + + + + + + + + + + + +
+ +
+
+
+

+ + + +

+
+
+
+ +
+
+
+
+
+
+ + + +
+ + +
+

Every Story Has Heroes

+

We're 32 people on a journey to learn to love code.

+
+ + + +
+
+
+ Flatiron School Class 002 +
+
+ + +
+
+
    + + +
  • +
    + +
    + +
    +

    Jack Altman

    +

    Hysterical Tag Line

    +
    +
    + +
    +

    Jack's Excerpt.

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    Alex Au

    +

    Hysterical Tag Line

    +
    +
    + +
    +

    Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    Steven Brooks

    +

    Beast

    +
    +
    + +
    +

    ex-professional skydiver / drug dealer, founder of Stunable, lover of dogs and all things extreme. He also lies on his profile.

    +
    +
    +
    • + + + +
  • +
    + +
    + +
    +

    Jennifer Campbell

    +

    Hysterical Tag Line

    +
    +
    + +
    +

    Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.

    +
    +
    +
    • +
  • +
    + + +
    + +
    +

    Alisa Chang

    +

    Dazed and Confused

    +
    +
    + +
    +

    I'm learning to code because I plan to use my newfound knowledge to take over the world, build a rocket and then take over the universe. Seriously.

    +
    +
    +
    • +
  • +
    + Joshua Caleb Collins +
    + +
    +

    Joshua Caleb Collins

    +

    'GIT'ing ready for Ruby

    +
    +
    + +
    +

    Born and raised in winter wonderland of St. Paul, Minnesota. After finishing undergrad in California, he moved to New York City and has yet to find a way to escape.

    +
    +
    +
    • + + + +
  • +
    + +
    + +
    +

    Micah Corn

    +

    Hysterical Tag Line

    +
    +
    + +
    +

    Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    Kristen Curtis

    +

    Super Cala Fragelis

    +
    +
    + +
    +

    art director, finger portrait painter, dinosaur enthusiast, ceramic camel collector, chemistry set abuser, enjoyer of burritos, British television watcher, hater of carrots

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    Thomas Deatherage

    +

    Hysterical Tag Line

    +
    +
    + +
    +

    Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.

    +
    +
    +
    • + + + +
  • +
    + +
    + +
    +

    Sarah Duve

    +

    There's got to be a better way

    +
    +
    + +
    +

    Learning to code so I have the hard skills to actually create products, not just advocate on their behalf.

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    Jennifer Eisenberg

    +

    Hysterical Tag Line

    +
    +
    + +
    +

    Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    Daniel Friedman

    +

    Hysterical Tag Line

    +
    +
    + +
    +

    Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.

    +
    +
    +
    • + + + +
  • +
    + +
    + +
    +

    Joseph Giralt

    +

    Break. Cry. Fix.

    +
    +
    + +
    +

    Flaom......

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    Chris Gonzales

    +

    Code Explorer

    +
    +
    + +
    +

    Reader, writer... etc.

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    Katie Ishibashi

    +

    Yoga, bacon and code

    +
    +
    + +
    +

    Future Rubyist, current code enthusiast. Dave Barry has probably had a disproportionate influence on my world view.

    +
    +
    +
    • + + + +
  • +
    + +
    + +
    +

    Max Jacobson

    +

    Having fun and doing my thing! Lol!

    +
    +
    + +
    +

    Having fun with learning and knowledge this is fun and great I love it.

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    Mendel Kramer

    +

    Hysterical Tag Line

    +
    +
    + +
    +

    Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    Chris Lake

    +

    Hacker in Residence

    +
    +
    + +
    +

    n00b developer. entrepreneur. man of letters. newly wed. dog owner. born and raised in nyc

    +
    +
    +
    • + + + +
  • +
    + + + +
    + +
    +

    Carlos Lazo

    +

    You must construct additional pylons.

    +
    +
    + +
    +

    Born in El Salvador and of Mayan descent. Culture fanatic. International explorer and travler. Software junkie and technology guru. Changing the world, one line of code at a time.

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    George Lin

    +

    Throwing my hat into the arena

    +
    +
    + +
    +

    There once was a young nerd named George / +Whose first job was in the business world / +After working many days / +Realizing he was astray / +He hopes soon many sites he will forge

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    David Manaster

    +

    Hysterical Tag Line

    +
    +
    + +
    +

    Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.

    +
    +
    +
    • + + + +
  • +
    + +
    + +
    +

    Kirin Masood

    +

    Hysterical Tag Line

    +
    +
    + +
    +

    Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    Ruthie Nachmany

    +

    Inernet Swiss Army Chard

    +
    +
    + +
    +

    Hey, I'm Ruthie. I will put something interesting later.

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    Samantha Radocchia

    +

    and all the time you were holding three queens

    +
    +
    + +
    +

    ex-professional skydiver, founder of Stunable, lover of dogs and all things extreme.

    +
    +
    +
    • + + + +
  • +
    + +
    + +
    +

    Desmond Rawls

    +

    Hysterical Tag Line

    +
    +
    + +
    +

    Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    David Rodriguez

    +

    Great programmers do not choose their destiny, destiny chooses them.

    +
    +
    + +
    +

    Engineer turned consultant turned project manager turned high school math teacher turned developer. Roundabout path but I'm here to stay and be totally awesome.

    +
    +
    +
    • +
  • +
    + +
    + Matthew Schmaus Profile +
    +     +
    + +
    + +

    Matthew Schmaus

    +

    Tgihere's no place like 127.0.0.1

    +
    + +
    + +
    +

    I love learning how things work...and building things...and technology. So learning how to code is the next logical step!

    +
    +
    +
    • + + + +
  • +
    + +
    + +
    +

    Sagar Shah

    +

    Transaction consultant turned tech trainee

    +
    +
    + +
    +

    My name is Sagar. I was born in Queens, raised in New Jersey, and went to NYU's Stern School of Business. Now, I'm a programmer...sort of.

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    Jordán Treviño

    +

    Building things awesome

    +
    +
    + +
    +

    Aspiring hacker, management consultant, budding tech entrepreneur, amateur anthropologist and philosopher, and guitar enthusiast.

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    Anisha Vasandani

    +

    Eat. Sleep. Code. Blog.

    +
    +
    + +
    +

    Tax accountant turns funemployed to learn code. Entrepreneurship runs in her blood -- her parents own an ice cream store! Social media enthusiast and espressophile.

    +
    +
    +
    • + + + +
  • +
    + +
    + +
    +

    Adam Waxman

    +

    Hysterical Tag Line

    +
    +
    + +
    +

    Really interesting description no longer than 200 characters that gives people a quick idea of who you are. Something around this length should suffice, you've got plenty of room on your profile page.

    +
    +
    +
    • +
  • +
    + +
    + +
    +

    Ning Yap

    +

    What did I Git myself into?

    +
    +
    + +
    +

    If I can teach myself to play cello, I'm sure I can become a Ruby developer in 12 weeks. How hard can it be? Let's see: HTML, CSS, Ruby, JavaScript, jQuery, Rails, SQL, AJAX...

    +
    +
    +
    • + + +
+
+
+
+ + +
+
+ +
+ + + + + +
+
+
+
© 2013. The Flatiron School. All Your Rights Are Belong To Us.
+
+
+
+
+ + + + + + + + + + + + + + + + diff --git a/public/js/chirp.min.js b/public/js/chirp.min.js new file mode 100644 index 0000000..e95618f --- /dev/null +++ b/public/js/chirp.min.js @@ -0,0 +1 @@ +var Chirp=function(opts){var api={user:"http://api.twitter.com/1/statuses/user_timeline.json?include_entities=true&count={{count}}&include_rts={{retweets}}&exclude_replies={{!replies}}&screen_name={{user}}",list:"http://api.twitter.com/1/{{user}}/lists/{{list}}/statuses.json?include_entities=true",search:"http://search.twitter.com/search.json?include_entities=true&q={{search}}"},options={retweets:!0,replies:!1,user:"mikemcalister",list:null,search:null,target:null,count:100,max:20,cacheExpire:12e4,success:function(){},error:function(){},templates:{base:'
{{tweets}}
',tweet:'

{{html}}

— via {{user.name}}'}},ext=function(e,t){for(var n in t)n in e&&(e[n]&&e[n].constructor==Object?ext(e[n],t[n]):e[n]=t[n])},ago=function(e){var t=new Date((e||"").replace(/(\d{1,2}[:]\d{2}[:]\d{2}) (.*)/,"$2 $1").replace(/(\+\S+) (.*)/,"$2 $1").replace(/-/g,"/")),n=((new Date).getTime()-t.getTime())/1e3,r=Math.floor(n/86400);if(isNaN(r)||r<0||r>=31)return;return r==0&&(n<60&&"just now"||n<120&&"1 minute ago"||n<3600&&Math.floor(n/60)+" minutes ago"||n<7200&&"1 hour ago"||n<86400&&Math.floor(n/3600)+" hours ago")||r==1&&"Yesterday"||r<7&&r+" days ago"||r<31&&Math.ceil(r/7)+" weeks ago"},htmlify=function(e,t){var n=[],r=e,i={urls:function(e){return''+e.display_url+""},hashtags:function(e){return'#'+e.text+""},user_mentions:function(e){return'@'+e.screen_name+""},media:function(e){return''+e.display_url+""}};for(var s in t){u=t[s];if(t[s].length>0)for(var o=0,u;u=t[s][o];++o)n[u.indices[0]]={start:u.indices[0],end:u.indices[1],link:i[s](u)}}for(var o=n.length-1;o>=0;--o)n[o]!=undefined&&(r=r.substr(0,n[o].start)+n[o].link+r.substr(n[o].end,r.length-1));return r},toHTML=function(e){var t="",n=0;for(twt in e){e[twt].index=++n;e[twt].html=htmlify(e[twt].text,e[twt].entities);e[twt].time_ago=ago(e[twt].created_at);t+=render(options.templates.tweet,e[twt]);if(n==options.max)break}return render(options.templates.base,{tweets:t})},render=function(tpl,data){var output=tpl,dotData=function(d,dotKey){var invert="";if(dotKey.indexOf("!")>-1){dotKey=dotKey.replace(/!/ig,"");invert="!"}try{val=eval(invert+"d['"+dotKey.split(".").join("']['")+"']")}catch(e){val=""}return val},matches=tpl.match(/{{[^}}]*}}/igm);for(var i=0;i').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+"%"); + $this.removeAttr('height').removeAttr('width'); + }); + }); + + } +})( jQuery ); \ No newline at end of file diff --git a/public/js/jquery.flexslider.js b/public/js/jquery.flexslider.js new file mode 100644 index 0000000..57cc750 --- /dev/null +++ b/public/js/jquery.flexslider.js @@ -0,0 +1,895 @@ +/* + * jQuery FlexSlider v2.1 + * http://www.woothemes.com/flexslider/ + * + * Copyright 2012 WooThemes + * Free to use under the GPLv2 license. + * http://www.gnu.org/licenses/gpl-2.0.html + * + * Contributing author: Tyler Smith (@mbmufffin) + */ + +;(function ($) { + + //FlexSlider: Object Instance + $.flexslider = function(el, options) { + var slider = $(el), + vars = $.extend({}, $.flexslider.defaults, options), + namespace = vars.namespace, + touch = ("ontouchstart" in window) || window.DocumentTouch && document instanceof DocumentTouch, + eventType = (touch) ? "touchend" : "click", + vertical = vars.direction === "vertical", + reverse = vars.reverse, + carousel = (vars.itemWidth > 0), + fade = vars.animation === "fade", + asNav = vars.asNavFor !== "", + methods = {}; + + // Store a reference to the slider object + $.data(el, "flexslider", slider); + + // Privat slider methods + methods = { + init: function() { + slider.animating = false; + slider.currentSlide = vars.startAt; + slider.animatingTo = slider.currentSlide; + slider.atEnd = (slider.currentSlide === 0 || slider.currentSlide === slider.last); + slider.containerSelector = vars.selector.substr(0,vars.selector.search(' ')); + slider.slides = $(vars.selector, slider); + slider.container = $(slider.containerSelector, slider); + slider.count = slider.slides.length; + // SYNC: + slider.syncExists = $(vars.sync).length > 0; + // SLIDE: + if (vars.animation === "slide") vars.animation = "swing"; + slider.prop = (vertical) ? "top" : "marginLeft"; + slider.args = {}; + // SLIDESHOW: + slider.manualPause = false; + // TOUCH/USECSS: + slider.transitions = !vars.video && !fade && vars.useCSS && (function() { + var obj = document.createElement('div'), + props = ['perspectiveProperty', 'WebkitPerspective', 'MozPerspective', 'OPerspective', 'msPerspective']; + for (var i in props) { + if ( obj.style[ props[i] ] !== undefined ) { + slider.pfx = props[i].replace('Perspective','').toLowerCase(); + slider.prop = "-" + slider.pfx + "-transform"; + return true; + } + } + return false; + }()); + // CONTROLSCONTAINER: + if (vars.controlsContainer !== "") slider.controlsContainer = $(vars.controlsContainer).length > 0 && $(vars.controlsContainer); + // MANUAL: + if (vars.manualControls !== "") slider.manualControls = $(vars.manualControls).length > 0 && $(vars.manualControls); + + // RANDOMIZE: + if (vars.randomize) { + slider.slides.sort(function() { return (Math.round(Math.random())-0.5); }); + slider.container.empty().append(slider.slides); + } + + slider.doMath(); + + // ASNAV: + if (asNav) methods.asNav.setup(); + + // INIT + slider.setup("init"); + + // CONTROLNAV: + if (vars.controlNav) methods.controlNav.setup(); + + // DIRECTIONNAV: + if (vars.directionNav) methods.directionNav.setup(); + + // KEYBOARD: + if (vars.keyboard && ($(slider.containerSelector).length === 1 || vars.multipleKeyboard)) { + $(document).bind('keyup', function(event) { + var keycode = event.keyCode; + if (!slider.animating && (keycode === 39 || keycode === 37)) { + var target = (keycode === 39) ? slider.getTarget('next') : + (keycode === 37) ? slider.getTarget('prev') : false; + slider.flexAnimate(target, vars.pauseOnAction); + } + }); + } + // MOUSEWHEEL: + if (vars.mousewheel) { + slider.bind('mousewheel', function(event, delta, deltaX, deltaY) { + event.preventDefault(); + var target = (delta < 0) ? slider.getTarget('next') : slider.getTarget('prev'); + slider.flexAnimate(target, vars.pauseOnAction); + }); + } + + // PAUSEPLAY + if (vars.pausePlay) methods.pausePlay.setup(); + + // SLIDSESHOW + if (vars.slideshow) { + if (vars.pauseOnHover) { + slider.hover(function() { + if (!slider.manualPlay && !slider.manualPause) slider.pause(); + }, function() { + if (!slider.manualPause && !slider.manualPlay) slider.play(); + }); + } + // initialize animation + (vars.initDelay > 0) ? setTimeout(slider.play, vars.initDelay) : slider.play(); + } + + // TOUCH + if (touch && vars.touch) methods.touch(); + + // FADE&&SMOOTHHEIGHT || SLIDE: + if (!fade || (fade && vars.smoothHeight)) $(window).bind("resize focus", methods.resize); + + + // API: start() Callback + setTimeout(function(){ + vars.start(slider); + }, 200); + }, + asNav: { + setup: function() { + slider.asNav = true; + slider.animatingTo = Math.floor(slider.currentSlide/slider.move); + slider.currentItem = slider.currentSlide; + slider.slides.removeClass(namespace + "active-slide").eq(slider.currentItem).addClass(namespace + "active-slide"); + slider.slides.click(function(e){ + e.preventDefault(); + var $slide = $(this), + target = $slide.index(); + if (!$(vars.asNavFor).data('flexslider').animating && !$slide.hasClass('active')) { + slider.direction = (slider.currentItem < target) ? "next" : "prev"; + slider.flexAnimate(target, vars.pauseOnAction, false, true, true); + } + }); + } + }, + controlNav: { + setup: function() { + if (!slider.manualControls) { + methods.controlNav.setupPaging(); + } else { // MANUALCONTROLS: + methods.controlNav.setupManual(); + } + }, + setupPaging: function() { + var type = (vars.controlNav === "thumbnails") ? 'control-thumbs' : 'control-paging', + j = 1, + item; + + slider.controlNavScaffold = $('
    '); + + if (slider.pagingCount > 1) { + for (var i = 0; i < slider.pagingCount; i++) { + item = (vars.controlNav === "thumbnails") ? '' : '' + j + ''; + slider.controlNavScaffold.append('
  1. ' + item + '
    2. '); + j++; + } + } + + // CONTROLSCONTAINER: + (slider.controlsContainer) ? $(slider.controlsContainer).append(slider.controlNavScaffold) : slider.append(slider.controlNavScaffold); + methods.controlNav.set(); + + methods.controlNav.active(); + + slider.controlNavScaffold.delegate('a, img', eventType, function(event) { + event.preventDefault(); + var $this = $(this), + target = slider.controlNav.index($this); + + if (!$this.hasClass(namespace + 'active')) { + slider.direction = (target > slider.currentSlide) ? "next" : "prev"; + slider.flexAnimate(target, vars.pauseOnAction); + } + }); + // Prevent iOS click event bug + if (touch) { + slider.controlNavScaffold.delegate('a', "click touchstart", function(event) { + event.preventDefault(); + }); + } + }, + setupManual: function() { + slider.controlNav = slider.manualControls; + methods.controlNav.active(); + + slider.controlNav.live(eventType, function(event) { + event.preventDefault(); + var $this = $(this), + target = slider.controlNav.index($this); + + if (!$this.hasClass(namespace + 'active')) { + (target > slider.currentSlide) ? slider.direction = "next" : slider.direction = "prev"; + slider.flexAnimate(target, vars.pauseOnAction); + } + }); + // Prevent iOS click event bug + if (touch) { + slider.controlNav.live("click touchstart", function(event) { + event.preventDefault(); + }); + } + }, + set: function() { + var selector = (vars.controlNav === "thumbnails") ? 'img' : 'a'; + slider.controlNav = $('.' + namespace + 'control-nav li ' + selector, (slider.controlsContainer) ? slider.controlsContainer : slider); + }, + active: function() { + slider.controlNav.removeClass(namespace + "active").eq(slider.animatingTo).addClass(namespace + "active"); + }, + update: function(action, pos) { + if (slider.pagingCount > 1 && action === "add") { + slider.controlNavScaffold.append($('
  2. ' + slider.count + '
    3. ')); + } else if (slider.pagingCount === 1) { + slider.controlNavScaffold.find('li').remove(); + } else { + slider.controlNav.eq(pos).closest('li').remove(); + } + methods.controlNav.set(); + (slider.pagingCount > 1 && slider.pagingCount !== slider.controlNav.length) ? slider.update(pos, action) : methods.controlNav.active(); + } + }, + directionNav: { + setup: function() { + var directionNavScaffold = $(''); + + // CONTROLSCONTAINER: + if (slider.controlsContainer) { + $(slider.controlsContainer).append(directionNavScaffold); + slider.directionNav = $('.' + namespace + 'direction-nav li a', slider.controlsContainer); + } else { + slider.append(directionNavScaffold); + slider.directionNav = $('.' + namespace + 'direction-nav li a', slider); + } + + methods.directionNav.update(); + + slider.directionNav.bind(eventType, function(event) { + event.preventDefault(); + var target = ($(this).hasClass(namespace + 'next')) ? slider.getTarget('next') : slider.getTarget('prev'); + slider.flexAnimate(target, vars.pauseOnAction); + }); + // Prevent iOS click event bug + if (touch) { + slider.directionNav.bind("click touchstart", function(event) { + event.preventDefault(); + }); + } + }, + update: function() { + var disabledClass = namespace + 'disabled'; + if (slider.pagingCount === 1) { + slider.directionNav.addClass(disabledClass); + } else if (!vars.animationLoop) { + if (slider.animatingTo === 0) { + slider.directionNav.removeClass(disabledClass).filter('.' + namespace + "prev").addClass(disabledClass); + } else if (slider.animatingTo === slider.last) { + slider.directionNav.removeClass(disabledClass).filter('.' + namespace + "next").addClass(disabledClass); + } else { + slider.directionNav.removeClass(disabledClass); + } + } else { + slider.directionNav.removeClass(disabledClass); + } + } + }, + pausePlay: { + setup: function() { + var pausePlayScaffold = $('
    '); + + // CONTROLSCONTAINER: + if (slider.controlsContainer) { + slider.controlsContainer.append(pausePlayScaffold); + slider.pausePlay = $('.' + namespace + 'pauseplay a', slider.controlsContainer); + } else { + slider.append(pausePlayScaffold); + slider.pausePlay = $('.' + namespace + 'pauseplay a', slider); + } + + methods.pausePlay.update((vars.slideshow) ? namespace + 'pause' : namespace + 'play'); + + slider.pausePlay.bind(eventType, function(event) { + event.preventDefault(); + if ($(this).hasClass(namespace + 'pause')) { + slider.manualPause = true; + slider.manualPlay = false; + slider.pause(); + } else { + slider.manualPause = false; + slider.manualPlay = true; + slider.play(); + } + }); + // Prevent iOS click event bug + if (touch) { + slider.pausePlay.bind("click touchstart", function(event) { + event.preventDefault(); + }); + } + }, + update: function(state) { + (state === "play") ? slider.pausePlay.removeClass(namespace + 'pause').addClass(namespace + 'play').text(vars.playText) : slider.pausePlay.removeClass(namespace + 'play').addClass(namespace + 'pause').text(vars.pauseText); + } + }, + touch: function() { + var startX, + startY, + offset, + cwidth, + dx, + startT, + scrolling = false; + + el.addEventListener('touchstart', onTouchStart, false); + function onTouchStart(e) { + if (slider.animating) { + e.preventDefault(); + } else if (e.touches.length === 1) { + slider.pause(); + // CAROUSEL: + cwidth = (vertical) ? slider.h : slider. w; + startT = Number(new Date()); + // CAROUSEL: + offset = (carousel && reverse && slider.animatingTo === slider.last) ? 0 : + (carousel && reverse) ? slider.limit - (((slider.itemW + vars.itemMargin) * slider.move) * slider.animatingTo) : + (carousel && slider.currentSlide === slider.last) ? slider.limit : + (carousel) ? ((slider.itemW + vars.itemMargin) * slider.move) * slider.currentSlide : + (reverse) ? (slider.last - slider.currentSlide + slider.cloneOffset) * cwidth : (slider.currentSlide + slider.cloneOffset) * cwidth; + startX = (vertical) ? e.touches[0].pageY : e.touches[0].pageX; + startY = (vertical) ? e.touches[0].pageX : e.touches[0].pageY; + + el.addEventListener('touchmove', onTouchMove, false); + el.addEventListener('touchend', onTouchEnd, false); + } + } + + function onTouchMove(e) { + dx = (vertical) ? startX - e.touches[0].pageY : startX - e.touches[0].pageX; + scrolling = (vertical) ? (Math.abs(dx) < Math.abs(e.touches[0].pageX - startY)) : (Math.abs(dx) < Math.abs(e.touches[0].pageY - startY)); + + if (!scrolling || Number(new Date()) - startT > 500) { + e.preventDefault(); + if (!fade && slider.transitions) { + if (!vars.animationLoop) { + dx = dx/((slider.currentSlide === 0 && dx < 0 || slider.currentSlide === slider.last && dx > 0) ? (Math.abs(dx)/cwidth+2) : 1); + } + slider.setProps(offset + dx, "setTouch"); + } + } + } + + function onTouchEnd(e) { + // finish the touch by undoing the touch session + el.removeEventListener('touchmove', onTouchMove, false); + + if (slider.animatingTo === slider.currentSlide && !scrolling && !(dx === null)) { + var updateDx = (reverse) ? -dx : dx, + target = (updateDx > 0) ? slider.getTarget('next') : slider.getTarget('prev'); + + if (slider.canAdvance(target) && (Number(new Date()) - startT < 550 && Math.abs(updateDx) > 50 || Math.abs(updateDx) > cwidth/2)) { + slider.flexAnimate(target, vars.pauseOnAction); + } else { + if (!fade) slider.flexAnimate(slider.currentSlide, vars.pauseOnAction, true); + } + } + el.removeEventListener('touchend', onTouchEnd, false); + startX = null; + startY = null; + dx = null; + offset = null; + } + }, + resize: function() { + if (!slider.animating && slider.is(':visible')) { + if (!carousel) slider.doMath(); + + if (fade) { + // SMOOTH HEIGHT: + methods.smoothHeight(); + } else if (carousel) { //CAROUSEL: + slider.slides.width(slider.computedW); + slider.update(slider.pagingCount); + slider.setProps(); + } + else if (vertical) { //VERTICAL: + slider.viewport.height(slider.h); + slider.setProps(slider.h, "setTotal"); + } else { + // SMOOTH HEIGHT: + if (vars.smoothHeight) methods.smoothHeight(); + slider.newSlides.width(slider.computedW); + slider.setProps(slider.computedW, "setTotal"); + } + } + }, + smoothHeight: function(dur) { + if (!vertical || fade) { + var $obj = (fade) ? slider : slider.viewport; + (dur) ? $obj.animate({"height": slider.slides.eq(slider.animatingTo).height()}, dur) : $obj.height(slider.slides.eq(slider.animatingTo).height()); + } + }, + sync: function(action) { + var $obj = $(vars.sync).data("flexslider"), + target = slider.animatingTo; + + switch (action) { + case "animate": $obj.flexAnimate(target, vars.pauseOnAction, false, true); break; + case "play": if (!$obj.playing && !$obj.asNav) { $obj.play(); } break; + case "pause": $obj.pause(); break; + } + } + } + + // public methods + slider.flexAnimate = function(target, pause, override, withSync, fromNav) { + if (asNav && slider.pagingCount === 1) slider.direction = (slider.currentItem < target) ? "next" : "prev"; + + if (!slider.animating && (slider.canAdvance(target, fromNav) || override) && slider.is(":visible")) { + if (asNav && withSync) { + var master = $(vars.asNavFor).data('flexslider'); + slider.atEnd = target === 0 || target === slider.count - 1; + master.flexAnimate(target, true, false, true, fromNav); + slider.direction = (slider.currentItem < target) ? "next" : "prev"; + master.direction = slider.direction; + + if (Math.ceil((target + 1)/slider.visible) - 1 !== slider.currentSlide && target !== 0) { + slider.currentItem = target; + slider.slides.removeClass(namespace + "active-slide").eq(target).addClass(namespace + "active-slide"); + target = Math.floor(target/slider.visible); + } else { + slider.currentItem = target; + slider.slides.removeClass(namespace + "active-slide").eq(target).addClass(namespace + "active-slide"); + return false; + } + } + + slider.animating = true; + slider.animatingTo = target; + // API: before() animation Callback + vars.before(slider); + + // SLIDESHOW: + if (pause) slider.pause(); + + // SYNC: + if (slider.syncExists && !fromNav) methods.sync("animate"); + + // CONTROLNAV + if (vars.controlNav) methods.controlNav.active(); + + // !CAROUSEL: + // CANDIDATE: slide active class (for add/remove slide) + if (!carousel) slider.slides.removeClass(namespace + 'active-slide').eq(target).addClass(namespace + 'active-slide'); + + // INFINITE LOOP: + // CANDIDATE: atEnd + slider.atEnd = target === 0 || target === slider.last; + + // DIRECTIONNAV: + if (vars.directionNav) methods.directionNav.update(); + + if (target === slider.last) { + // API: end() of cycle Callback + vars.end(slider); + // SLIDESHOW && !INFINITE LOOP: + if (!vars.animationLoop) slider.pause(); + } + + // SLIDE: + if (!fade) { + var dimension = (vertical) ? slider.slides.filter(':first').height() : slider.computedW, + margin, slideString, calcNext; + + // INFINITE LOOP / REVERSE: + if (carousel) { + margin = (vars.itemWidth > slider.w) ? vars.itemMargin * 2 : vars.itemMargin; + calcNext = ((slider.itemW + margin) * slider.move) * slider.animatingTo; + slideString = (calcNext > slider.limit && slider.visible !== 1) ? slider.limit : calcNext; + } else if (slider.currentSlide === 0 && target === slider.count - 1 && vars.animationLoop && slider.direction !== "next") { + slideString = (reverse) ? (slider.count + slider.cloneOffset) * dimension : 0; + } else if (slider.currentSlide === slider.last && target === 0 && vars.animationLoop && slider.direction !== "prev") { + slideString = (reverse) ? 0 : (slider.count + 1) * dimension; + } else { + slideString = (reverse) ? ((slider.count - 1) - target + slider.cloneOffset) * dimension : (target + slider.cloneOffset) * dimension; + } + slider.setProps(slideString, "", vars.animationSpeed); + if (slider.transitions) { + if (!vars.animationLoop || !slider.atEnd) { + slider.animating = false; + slider.currentSlide = slider.animatingTo; + } + slider.container.unbind("webkitTransitionEnd transitionend"); + slider.container.bind("webkitTransitionEnd transitionend", function() { + slider.wrapup(dimension); + }); + } else { + slider.container.animate(slider.args, vars.animationSpeed, vars.easing, function(){ + slider.wrapup(dimension); + }); + } + } else { // FADE: + slider.slides.eq(slider.currentSlide).fadeOut(vars.animationSpeed, vars.easing); + slider.slides.eq(target).fadeIn(vars.animationSpeed, vars.easing, slider.wrapup); + if (touch) { + slider.slides.unbind("webkitTransitionEnd transitionend"); + slider.slides.eq(slider.currentSlide).bind("webkitTransitionEnd transitionend", function() { + // API: after() animation Callback + vars.after(slider); + }); + + slider.animating = false; + slider.currentSlide = slider.animatingTo; + } + } + // SMOOTH HEIGHT: + if (vars.smoothHeight) methods.smoothHeight(vars.animationSpeed); + } + } + slider.wrapup = function(dimension) { + // SLIDE: + if (!fade && !carousel) { + if (slider.currentSlide === 0 && slider.animatingTo === slider.last && vars.animationLoop) { + slider.setProps(dimension, "jumpEnd"); + } else if (slider.currentSlide === slider.last && slider.animatingTo === 0 && vars.animationLoop) { + slider.setProps(dimension, "jumpStart"); + } + } + slider.animating = false; + slider.currentSlide = slider.animatingTo; + // API: after() animation Callback + vars.after(slider); + } + + // SLIDESHOW: + slider.animateSlides = function() { + if (!slider.animating) slider.flexAnimate(slider.getTarget("next")); + } + // SLIDESHOW: + slider.pause = function() { + clearInterval(slider.animatedSlides); + slider.playing = false; + // PAUSEPLAY: + if (vars.pausePlay) methods.pausePlay.update("play"); + // SYNC: + if (slider.syncExists) methods.sync("pause"); + } + // SLIDESHOW: + slider.play = function() { + slider.animatedSlides = setInterval(slider.animateSlides, vars.slideshowSpeed); + slider.playing = true; + // PAUSEPLAY: + if (vars.pausePlay) methods.pausePlay.update("pause"); + // SYNC: + if (slider.syncExists) methods.sync("play"); + } + slider.canAdvance = function(target, fromNav) { + // ASNAV: + var last = (asNav) ? slider.pagingCount - 1 : slider.last; + return (fromNav) ? true : + (asNav && slider.currentItem === slider.count - 1 && target === 0 && slider.direction === "prev") ? true : + (asNav && slider.currentItem === 0 && target === slider.pagingCount - 1 && slider.direction !== "next") ? false : + (target === slider.currentSlide && !asNav) ? false : + (vars.animationLoop) ? true : + (slider.atEnd && slider.currentSlide === 0 && target === last && slider.direction !== "next") ? false : + (slider.atEnd && slider.currentSlide === last && target === 0 && slider.direction === "next") ? false : + true; + } + slider.getTarget = function(dir) { + slider.direction = dir; + if (dir === "next") { + return (slider.currentSlide === slider.last) ? 0 : slider.currentSlide + 1; + } else { + return (slider.currentSlide === 0) ? slider.last : slider.currentSlide - 1; + } + } + + // SLIDE: + slider.setProps = function(pos, special, dur) { + var target = (function() { + var posCheck = (pos) ? pos : ((slider.itemW + vars.itemMargin) * slider.move) * slider.animatingTo, + posCalc = (function() { + if (carousel) { + return (special === "setTouch") ? pos : + (reverse && slider.animatingTo === slider.last) ? 0 : + (reverse) ? slider.limit - (((slider.itemW + vars.itemMargin) * slider.move) * slider.animatingTo) : + (slider.animatingTo === slider.last) ? slider.limit : posCheck; + } else { + switch (special) { + case "setTotal": return (reverse) ? ((slider.count - 1) - slider.currentSlide + slider.cloneOffset) * pos : (slider.currentSlide + slider.cloneOffset) * pos; + case "setTouch": return (reverse) ? pos : pos; + case "jumpEnd": return (reverse) ? pos : slider.count * pos; + case "jumpStart": return (reverse) ? slider.count * pos : pos; + default: return pos; + } + } + }()); + return (posCalc * -1) + "px"; + }()); + + if (slider.transitions) { + target = (vertical) ? "translate3d(0," + target + ",0)" : "translate3d(" + target + ",0,0)"; + dur = (dur !== undefined) ? (dur/1000) + "s" : "0s"; + slider.container.css("-" + slider.pfx + "-transition-duration", dur); + } + + slider.args[slider.prop] = target; + if (slider.transitions || dur === undefined) slider.container.css(slider.args); + } + + slider.setup = function(type) { + // SLIDE: + if (!fade) { + var sliderOffset, arr; + + if (type === "init") { + slider.viewport = $('
    ').css({"overflow": "hidden", "position": "relative"}).appendTo(slider).append(slider.container); + // INFINITE LOOP: + slider.cloneCount = 0; + slider.cloneOffset = 0; + // REVERSE: + if (reverse) { + arr = $.makeArray(slider.slides).reverse(); + slider.slides = $(arr); + slider.container.empty().append(slider.slides); + } + } + // INFINITE LOOP && !CAROUSEL: + if (vars.animationLoop && !carousel) { + slider.cloneCount = 2; + slider.cloneOffset = 1; + // clear out old clones + if (type !== "init") slider.container.find('.clone').remove(); + slider.container.append(slider.slides.first().clone().addClass('clone')).prepend(slider.slides.last().clone().addClass('clone')); + } + slider.newSlides = $(vars.selector, slider); + + sliderOffset = (reverse) ? slider.count - 1 - slider.currentSlide + slider.cloneOffset : slider.currentSlide + slider.cloneOffset; + // VERTICAL: + if (vertical && !carousel) { + slider.container.height((slider.count + slider.cloneCount) * 200 + "%").css("position", "absolute").width("100%"); + setTimeout(function(){ + slider.newSlides.css({"display": "block"}); + slider.doMath(); + slider.viewport.height(slider.h); + slider.setProps(sliderOffset * slider.h, "init"); + }, (type === "init") ? 100 : 0); + } else { + slider.container.width((slider.count + slider.cloneCount) * 200 + "%"); + slider.setProps(sliderOffset * slider.computedW, "init"); + setTimeout(function(){ + slider.doMath(); + slider.newSlides.css({"width": slider.computedW, "float": "left", "display": "block"}); + // SMOOTH HEIGHT: + if (vars.smoothHeight) methods.smoothHeight(); + }, (type === "init") ? 100 : 0); + } + } else { // FADE: + slider.slides.css({"width": "100%", "float": "left", "marginRight": "-100%", "position": "relative"}); + if (type === "init") { + slider.slides.eq(slider.currentSlide).fadeIn(vars.animationSpeed, vars.easing); + } + // SMOOTH HEIGHT: + if (vars.smoothHeight) methods.smoothHeight(); + } + // !CAROUSEL: + // CANDIDATE: active slide + if (!carousel) slider.slides.removeClass(namespace + "active-slide").eq(slider.currentSlide).addClass(namespace + "active-slide"); + } + + slider.doMath = function() { + var slide = slider.slides.first(), + slideMargin = vars.itemMargin, + minItems = vars.minItems, + maxItems = vars.maxItems; + + slider.w = slider.width(); + slider.h = slide.height(); + slider.boxPadding = slide.outerWidth() - slide.width(); + + // CAROUSEL: + if (carousel) { + slider.itemT = vars.itemWidth + slideMargin; + slider.minW = (minItems) ? minItems * slider.itemT : slider.w; + slider.maxW = (maxItems) ? maxItems * slider.itemT : slider.w; + slider.itemW = (slider.minW > slider.w) ? (slider.w - (slideMargin * minItems))/minItems : + (slider.maxW < slider.w) ? (slider.w - (slideMargin * maxItems))/maxItems : + (vars.itemWidth > slider.w) ? slider.w : vars.itemWidth; + slider.visible = Math.floor(slider.w/(slider.itemW + slideMargin)); + slider.move = (vars.move > 0 && vars.move < slider.visible ) ? vars.move : slider.visible; + slider.pagingCount = Math.ceil(((slider.count - slider.visible)/slider.move) + 1); + slider.last = slider.pagingCount - 1; + slider.limit = (slider.pagingCount === 1) ? 0 : + (vars.itemWidth > slider.w) ? ((slider.itemW + (slideMargin * 2)) * slider.count) - slider.w - slideMargin : ((slider.itemW + slideMargin) * slider.count) - slider.w - slideMargin; + } else { + slider.itemW = slider.w; + slider.pagingCount = slider.count; + slider.last = slider.count - 1; + } + slider.computedW = slider.itemW - slider.boxPadding; + } + + slider.update = function(pos, action) { + slider.doMath(); + + // update currentSlide and slider.animatingTo if necessary + if (!carousel) { + if (pos < slider.currentSlide) { + slider.currentSlide += 1; + } else if (pos <= slider.currentSlide && pos !== 0) { + slider.currentSlide -= 1; + } + slider.animatingTo = slider.currentSlide; + } + + // update controlNav + if (vars.controlNav && !slider.manualControls) { + if ((action === "add" && !carousel) || slider.pagingCount > slider.controlNav.length) { + methods.controlNav.update("add"); + } else if ((action === "remove" && !carousel) || slider.pagingCount < slider.controlNav.length) { + if (carousel && slider.currentSlide > slider.last) { + slider.currentSlide -= 1; + slider.animatingTo -= 1; + } + methods.controlNav.update("remove", slider.last); + } + } + // update directionNav + if (vars.directionNav) methods.directionNav.update(); + + } + + slider.addSlide = function(obj, pos) { + var $obj = $(obj); + + slider.count += 1; + slider.last = slider.count - 1; + + // append new slide + if (vertical && reverse) { + (pos !== undefined) ? slider.slides.eq(slider.count - pos).after($obj) : slider.container.prepend($obj); + } else { + (pos !== undefined) ? slider.slides.eq(pos).before($obj) : slider.container.append($obj); + } + + // update currentSlide, animatingTo, controlNav, and directionNav + slider.update(pos, "add"); + + // update slider.slides + slider.slides = $(vars.selector + ':not(.clone)', slider); + // re-setup the slider to accomdate new slide + slider.setup(); + + //FlexSlider: added() Callback + vars.added(slider); + } + slider.removeSlide = function(obj) { + var pos = (isNaN(obj)) ? slider.slides.index($(obj)) : obj; + + // update count + slider.count -= 1; + slider.last = slider.count - 1; + + // remove slide + if (isNaN(obj)) { + $(obj, slider.slides).remove(); + } else { + (vertical && reverse) ? slider.slides.eq(slider.last).remove() : slider.slides.eq(obj).remove(); + } + + // update currentSlide, animatingTo, controlNav, and directionNav + slider.doMath(); + slider.update(pos, "remove"); + + // update slider.slides + slider.slides = $(vars.selector + ':not(.clone)', slider); + // re-setup the slider to accomdate new slide + slider.setup(); + + // FlexSlider: removed() Callback + vars.removed(slider); + } + + //FlexSlider: Initialize + methods.init(); + } + + //FlexSlider: Default Settings + $.flexslider.defaults = { + namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin + selector: ".slides > li", //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril + animation: "fade", //String: Select your animation type, "fade" or "slide" + easing: "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported! + direction: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical" + reverse: false, //{NEW} Boolean: Reverse the animation direction + animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end + smoothHeight: false, //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode + startAt: 0, //Integer: The slide that the slider should start on. Array notation (0 = first slide) + slideshow: true, //Boolean: Animate slider automatically + slideshowSpeed: 7000, //Integer: Set the speed of the slideshow cycling, in milliseconds + animationSpeed: 600, //Integer: Set the speed of animations, in milliseconds + initDelay: 0, //{NEW} Integer: Set an initialization delay, in milliseconds + randomize: false, //Boolean: Randomize slide order + + // Usability features + pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended. + pauseOnHover: false, //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering + useCSS: true, //{NEW} Boolean: Slider will use CSS3 transitions if available + touch: true, //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices + video: false, //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches + + // Primary Controls + controlNav: true, //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage + directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false) + prevText: "Previous", //String: Set the text for the "previous" directionNav item + nextText: "Next", //String: Set the text for the "next" directionNav item + + // Secondary Navigation + keyboard: true, //Boolean: Allow slider navigating via keyboard left/right keys + multipleKeyboard: false, //{NEW} Boolean: Allow keyboard navigation to affect multiple sliders. Default behavior cuts out keyboard navigation with more than one slider present. + mousewheel: false, //{UPDATED} Boolean: Requires jquery.mousewheel.js (https://github.com/brandonaaron/jquery-mousewheel) - Allows slider navigating via mousewheel + pausePlay: false, //Boolean: Create pause/play dynamic element + pauseText: "Pause", //String: Set the text for the "pause" pausePlay item + playText: "Play", //String: Set the text for the "play" pausePlay item + + // Special properties + controlsContainer: "", //{UPDATED} jQuery Object/Selector: Declare which container the navigation elements should be appended too. Default container is the FlexSlider element. Example use would be $(".flexslider-container"). Property is ignored if given element is not found. + manualControls: "", //{UPDATED} jQuery Object/Selector: Declare custom control navigation. Examples would be $(".flex-control-nav li") or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs. + sync: "", //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care. + asNavFor: "", //{NEW} Selector: Internal property exposed for turning the slider into a thumbnail navigation for another slider + + // Carousel Options + itemWidth: 0, //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding. + itemMargin: 0, //{NEW} Integer: Margin between carousel items. + minItems: 0, //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this. + maxItems: 0, //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit. + move: 0, //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items. + + // Callback API + start: function(){}, //Callback: function(slider) - Fires when the slider loads the first slide + before: function(){}, //Callback: function(slider) - Fires asynchronously with each slider animation + after: function(){}, //Callback: function(slider) - Fires after each slider animation completes + end: function(){}, //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous) + added: function(){}, //{NEW} Callback: function(slider) - Fires after a slide is added + removed: function(){} //{NEW} Callback: function(slider) - Fires after a slide is removed + } + + + //FlexSlider: Plugin Function + $.fn.flexslider = function(options) { + if (options === undefined) options = {}; + + if (typeof options === "object") { + return this.each(function() { + var $this = $(this), + selector = (options.selector) ? options.selector : ".slides > li", + $slides = $this.find(selector); + + if ($slides.length === 1) { + $slides.fadeIn(400); + if (options.start) options.start($this); + } else if ($this.data('flexslider') == undefined) { + new $.flexslider(this, options); + } + }); + } else { + // Helper strings to quickly perform functions on the slider + var $slider = $(this).data('flexslider'); + switch (options) { + case "play": $slider.play(); break; + case "pause": $slider.pause(); break; + case "next": $slider.flexAnimate($slider.getTarget("next"), true); break; + case "prev": + case "previous": $slider.flexAnimate($slider.getTarget("prev"), true); break; + default: if (typeof options === "number") $slider.flexAnimate(options, true); + } + } + } + +})(jQuery); diff --git a/public/js/jquery.js b/public/js/jquery.js new file mode 100644 index 0000000..6db2afa --- /dev/null +++ b/public/js/jquery.js @@ -0,0 +1,3 @@ +/*! jQuery v1.8.3 jquery.com | jquery.org/license */ +(function(e,t){function _(e){var t=M[e]={};return v.each(e.split(y),function(e,n){t[n]=!0}),t}function H(e,n,r){if(r===t&&e.nodeType===1){var i="data-"+n.replace(P,"-$1").toLowerCase();r=e.getAttribute(i);if(typeof r=="string"){try{r=r==="true"?!0:r==="false"?!1:r==="null"?null:+r+""===r?+r:D.test(r)?v.parseJSON(r):r}catch(s){}v.data(e,n,r)}else r=t}return r}function B(e){var t;for(t in e){if(t==="data"&&v.isEmptyObject(e[t]))continue;if(t!=="toJSON")return!1}return!0}function et(){return!1}function tt(){return!0}function ut(e){return!e||!e.parentNode||e.parentNode.nodeType===11}function at(e,t){do e=e[t];while(e&&e.nodeType!==1);return e}function ft(e,t,n){t=t||0;if(v.isFunction(t))return v.grep(e,function(e,r){var i=!!t.call(e,r,e);return i===n});if(t.nodeType)return v.grep(e,function(e,r){return e===t===n});if(typeof t=="string"){var r=v.grep(e,function(e){return e.nodeType===1});if(it.test(t))return v.filter(t,r,!n);t=v.filter(t,r)}return v.grep(e,function(e,r){return v.inArray(e,t)>=0===n})}function lt(e){var t=ct.split("|"),n=e.createDocumentFragment();if(n.createElement)while(t.length)n.createElement(t.pop());return n}function Lt(e,t){return e.getElementsByTagName(t)[0]||e.appendChild(e.ownerDocument.createElement(t))}function At(e,t){if(t.nodeType!==1||!v.hasData(e))return;var n,r,i,s=v._data(e),o=v._data(t,s),u=s.events;if(u){delete o.handle,o.events={};for(n in u)for(r=0,i=u[n].length;r").appendTo(i.body),n=t.css("display");t.remove();if(n==="none"||n===""){Pt=i.body.appendChild(Pt||v.extend(i.createElement("iframe"),{frameBorder:0,width:0,height:0}));if(!Ht||!Pt.createElement)Ht=(Pt.contentWindow||Pt.contentDocument).document,Ht.write(""),Ht.close();t=Ht.body.appendChild(Ht.createElement(e)),n=Dt(t,"display"),i.body.removeChild(Pt)}return Wt[e]=n,n}function fn(e,t,n,r){var i;if(v.isArray(t))v.each(t,function(t,i){n||sn.test(e)?r(e,i):fn(e+"["+(typeof i=="object"?t:"")+"]",i,n,r)});else if(!n&&v.type(t)==="object")for(i in t)fn(e+"["+i+"]",t[i],n,r);else r(e,t)}function Cn(e){return function(t,n){typeof t!="string"&&(n=t,t="*");var r,i,s,o=t.toLowerCase().split(y),u=0,a=o.length;if(v.isFunction(n))for(;u)[^>]*$|#([\w\-]*)$)/,E=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,S=/^[\],:{}\s]*$/,x=/(?:^|:|,)(?:\s*\[)+/g,T=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,N=/"[^"\\\r\n]*"|true|false|null|-?(?:\d\d*\.|)\d+(?:[eE][\-+]?\d+|)/g,C=/^-ms-/,k=/-([\da-z])/gi,L=function(e,t){return(t+"").toUpperCase()},A=function(){i.addEventListener?(i.removeEventListener("DOMContentLoaded",A,!1),v.ready()):i.readyState==="complete"&&(i.detachEvent("onreadystatechange",A),v.ready())},O={};v.fn=v.prototype={constructor:v,init:function(e,n,r){var s,o,u,a;if(!e)return this;if(e.nodeType)return this.context=this[0]=e,this.length=1,this;if(typeof e=="string"){e.charAt(0)==="<"&&e.charAt(e.length-1)===">"&&e.length>=3?s=[null,e,null]:s=w.exec(e);if(s&&(s[1]||!n)){if(s[1])return n=n instanceof v?n[0]:n,a=n&&n.nodeType?n.ownerDocument||n:i,e=v.parseHTML(s[1],a,!0),E.test(s[1])&&v.isPlainObject(n)&&this.attr.call(e,n,!0),v.merge(this,e);o=i.getElementById(s[2]);if(o&&o.parentNode){if(o.id!==s[2])return r.find(e);this.length=1,this[0]=o}return this.context=i,this.selector=e,this}return!n||n.jquery?(n||r).find(e):this.constructor(n).find(e)}return v.isFunction(e)?r.ready(e):(e.selector!==t&&(this.selector=e.selector,this.context=e.context),v.makeArray(e,this))},selector:"",jquery:"1.8.3",length:0,size:function(){return this.length},toArray:function(){return l.call(this)},get:function(e){return e==null?this.toArray():e<0?this[this.length+e]:this[e]},pushStack:function(e,t,n){var r=v.merge(this.constructor(),e);return r.prevObject=this,r.context=this.context,t==="find"?r.selector=this.selector+(this.selector?" ":"")+n:t&&(r.selector=this.selector+"."+t+"("+n+")"),r},each:function(e,t){return v.each(this,e,t)},ready:function(e){return v.ready.promise().done(e),this},eq:function(e){return e=+e,e===-1?this.slice(e):this.slice(e,e+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(l.apply(this,arguments),"slice",l.call(arguments).join(","))},map:function(e){return this.pushStack(v.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:[].sort,splice:[].splice},v.fn.init.prototype=v.fn,v.extend=v.fn.extend=function(){var e,n,r,i,s,o,u=arguments[0]||{},a=1,f=arguments.length,l=!1;typeof u=="boolean"&&(l=u,u=arguments[1]||{},a=2),typeof u!="object"&&!v.isFunction(u)&&(u={}),f===a&&(u=this,--a);for(;a0)return;r.resolveWith(i,[v]),v.fn.trigger&&v(i).trigger("ready").off("ready")},isFunction:function(e){return v.type(e)==="function"},isArray:Array.isArray||function(e){return v.type(e)==="array"},isWindow:function(e){return e!=null&&e==e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return e==null?String(e):O[h.call(e)]||"object"},isPlainObject:function(e){if(!e||v.type(e)!=="object"||e.nodeType||v.isWindow(e))return!1;try{if(e.constructor&&!p.call(e,"constructor")&&!p.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(n){return!1}var r;for(r in e);return r===t||p.call(e,r)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw new Error(e)},parseHTML:function(e,t,n){var r;return!e||typeof e!="string"?null:(typeof t=="boolean"&&(n=t,t=0),t=t||i,(r=E.exec(e))?[t.createElement(r[1])]:(r=v.buildFragment([e],t,n?null:[]),v.merge([],(r.cacheable?v.clone(r.fragment):r.fragment).childNodes)))},parseJSON:function(t){if(!t||typeof t!="string")return null;t=v.trim(t);if(e.JSON&&e.JSON.parse)return e.JSON.parse(t);if(S.test(t.replace(T,"@").replace(N,"]").replace(x,"")))return(new Function("return "+t))();v.error("Invalid JSON: "+t)},parseXML:function(n){var r,i;if(!n||typeof n!="string")return null;try{e.DOMParser?(i=new DOMParser,r=i.parseFromString(n,"text/xml")):(r=new ActiveXObject("Microsoft.XMLDOM"),r.async="false",r.loadXML(n))}catch(s){r=t}return(!r||!r.documentElement||r.getElementsByTagName("parsererror").length)&&v.error("Invalid XML: "+n),r},noop:function(){},globalEval:function(t){t&&g.test(t)&&(e.execScript||function(t){e.eval.call(e,t)})(t)},camelCase:function(e){return e.replace(C,"ms-").replace(k,L)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,n,r){var i,s=0,o=e.length,u=o===t||v.isFunction(e);if(r){if(u){for(i in e)if(n.apply(e[i],r)===!1)break}else for(;s0&&e[0]&&e[a-1]||a===0||v.isArray(e));if(f)for(;u-1)a.splice(n,1),i&&(n<=o&&o--,n<=u&&u--)}),this},has:function(e){return v.inArray(e,a)>-1},empty:function(){return a=[],this},disable:function(){return a=f=n=t,this},disabled:function(){return!a},lock:function(){return f=t,n||c.disable(),this},locked:function(){return!f},fireWith:function(e,t){return t=t||[],t=[e,t.slice?t.slice():t],a&&(!r||f)&&(i?f.push(t):l(t)),this},fire:function(){return c.fireWith(this,arguments),this},fired:function(){return!!r}};return c},v.extend({Deferred:function(e){var t=[["resolve","done",v.Callbacks("once memory"),"resolved"],["reject","fail",v.Callbacks("once memory"),"rejected"],["notify","progress",v.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return v.Deferred(function(n){v.each(t,function(t,r){var s=r[0],o=e[t];i[r[1]](v.isFunction(o)?function(){var e=o.apply(this,arguments);e&&v.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[s+"With"](this===i?n:this,[e])}:n[s])}),e=null}).promise()},promise:function(e){return e!=null?v.extend(e,r):r}},i={};return r.pipe=r.then,v.each(t,function(e,s){var o=s[2],u=s[3];r[s[1]]=o.add,u&&o.add(function(){n=u},t[e^1][2].disable,t[2][2].lock),i[s[0]]=o.fire,i[s[0]+"With"]=o.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=l.call(arguments),r=n.length,i=r!==1||e&&v.isFunction(e.promise)?r:0,s=i===1?e:v.Deferred(),o=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?l.call(arguments):r,n===u?s.notifyWith(t,n):--i||s.resolveWith(t,n)}},u,a,f;if(r>1){u=new Array(r),a=new Array(r),f=new Array(r);for(;t
    a",n=p.getElementsByTagName("*"),r=p.getElementsByTagName("a")[0];if(!n||!r||!n.length)return{};s=i.createElement("select"),o=s.appendChild(i.createElement("option")),u=p.getElementsByTagName("input")[0],r.style.cssText="top:1px;float:left;opacity:.5",t={leadingWhitespace:p.firstChild.nodeType===3,tbody:!p.getElementsByTagName("tbody").length,htmlSerialize:!!p.getElementsByTagName("link").length,style:/top/.test(r.getAttribute("style")),hrefNormalized:r.getAttribute("href")==="/a",opacity:/^0.5/.test(r.style.opacity),cssFloat:!!r.style.cssFloat,checkOn:u.value==="on",optSelected:o.selected,getSetAttribute:p.className!=="t",enctype:!!i.createElement("form").enctype,html5Clone:i.createElement("nav").cloneNode(!0).outerHTML!=="<:nav>",boxModel:i.compatMode==="CSS1Compat",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0,boxSizingReliable:!0,pixelPosition:!1},u.checked=!0,t.noCloneChecked=u.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!o.disabled;try{delete p.test}catch(d){t.deleteExpando=!1}!p.addEventListener&&p.attachEvent&&p.fireEvent&&(p.attachEvent("onclick",h=function(){t.noCloneEvent=!1}),p.cloneNode(!0).fireEvent("onclick"),p.detachEvent("onclick",h)),u=i.createElement("input"),u.value="t",u.setAttribute("type","radio"),t.radioValue=u.value==="t",u.setAttribute("checked","checked"),u.setAttribute("name","t"),p.appendChild(u),a=i.createDocumentFragment(),a.appendChild(p.lastChild),t.checkClone=a.cloneNode(!0).cloneNode(!0).lastChild.checked,t.appendChecked=u.checked,a.removeChild(u),a.appendChild(p);if(p.attachEvent)for(l in{submit:!0,change:!0,focusin:!0})f="on"+l,c=f in p,c||(p.setAttribute(f,"return;"),c=typeof p[f]=="function"),t[l+"Bubbles"]=c;return v(function(){var n,r,s,o,u="padding:0;margin:0;border:0;display:block;overflow:hidden;",a=i.getElementsByTagName("body")[0];if(!a)return;n=i.createElement("div"),n.style.cssText="visibility:hidden;border:0;width:0;height:0;position:static;top:0;margin-top:1px",a.insertBefore(n,a.firstChild),r=i.createElement("div"),n.appendChild(r),r.innerHTML="
    t
    ",s=r.getElementsByTagName("td"),s[0].style.cssText="padding:0;margin:0;border:0;display:none",c=s[0].offsetHeight===0,s[0].style.display="",s[1].style.display="none",t.reliableHiddenOffsets=c&&s[0].offsetHeight===0,r.innerHTML="",r.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;",t.boxSizing=r.offsetWidth===4,t.doesNotIncludeMarginInBodyOffset=a.offsetTop!==1,e.getComputedStyle&&(t.pixelPosition=(e.getComputedStyle(r,null)||{}).top!=="1%",t.boxSizingReliable=(e.getComputedStyle(r,null)||{width:"4px"}).width==="4px",o=i.createElement("div"),o.style.cssText=r.style.cssText=u,o.style.marginRight=o.style.width="0",r.style.width="1px",r.appendChild(o),t.reliableMarginRight=!parseFloat((e.getComputedStyle(o,null)||{}).marginRight)),typeof r.style.zoom!="undefined"&&(r.innerHTML="",r.style.cssText=u+"width:1px;padding:1px;display:inline;zoom:1",t.inlineBlockNeedsLayout=r.offsetWidth===3,r.style.display="block",r.style.overflow="visible",r.innerHTML="
    ",r.firstChild.style.width="5px",t.shrinkWrapBlocks=r.offsetWidth!==3,n.style.zoom=1),a.removeChild(n),n=r=s=o=null}),a.removeChild(p),n=r=s=o=u=a=p=null,t}();var D=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,P=/([A-Z])/g;v.extend({cache:{},deletedIds:[],uuid:0,expando:"jQuery"+(v.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(e){return e=e.nodeType?v.cache[e[v.expando]]:e[v.expando],!!e&&!B(e)},data:function(e,n,r,i){if(!v.acceptData(e))return;var s,o,u=v.expando,a=typeof n=="string",f=e.nodeType,l=f?v.cache:e,c=f?e[u]:e[u]&&u;if((!c||!l[c]||!i&&!l[c].data)&&a&&r===t)return;c||(f?e[u]=c=v.deletedIds.pop()||v.guid++:c=u),l[c]||(l[c]={},f||(l[c].toJSON=v.noop));if(typeof n=="object"||typeof n=="function")i?l[c]=v.extend(l[c],n):l[c].data=v.extend(l[c].data,n);return s=l[c],i||(s.data||(s.data={}),s=s.data),r!==t&&(s[v.camelCase(n)]=r),a?(o=s[n],o==null&&(o=s[v.camelCase(n)])):o=s,o},removeData:function(e,t,n){if(!v.acceptData(e))return;var r,i,s,o=e.nodeType,u=o?v.cache:e,a=o?e[v.expando]:v.expando;if(!u[a])return;if(t){r=n?u[a]:u[a].data;if(r){v.isArray(t)||(t in r?t=[t]:(t=v.camelCase(t),t in r?t=[t]:t=t.split(" ")));for(i=0,s=t.length;i1,null,!1))},removeData:function(e){return this.each(function(){v.removeData(this,e)})}}),v.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=v._data(e,t),n&&(!r||v.isArray(n)?r=v._data(e,t,v.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=v.queue(e,t),r=n.length,i=n.shift(),s=v._queueHooks(e,t),o=function(){v.dequeue(e,t)};i==="inprogress"&&(i=n.shift(),r--),i&&(t==="fx"&&n.unshift("inprogress"),delete s.stop,i.call(e,o,s)),!r&&s&&s.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return v._data(e,n)||v._data(e,n,{empty:v.Callbacks("once memory").add(function(){v.removeData(e,t+"queue",!0),v.removeData(e,n,!0)})})}}),v.fn.extend({queue:function(e,n){var r=2;return typeof e!="string"&&(n=e,e="fx",r--),arguments.length1)},removeAttr:function(e){return this.each(function(){v.removeAttr(this,e)})},prop:function(e,t){return v.access(this,v.prop,e,t,arguments.length>1)},removeProp:function(e){return e=v.propFix[e]||e,this.each(function(){try{this[e]=t,delete this[e]}catch(n){}})},addClass:function(e){var t,n,r,i,s,o,u;if(v.isFunction(e))return this.each(function(t){v(this).addClass(e.call(this,t,this.className))});if(e&&typeof e=="string"){t=e.split(y);for(n=0,r=this.length;n=0)r=r.replace(" "+n[s]+" "," ");i.className=e?v.trim(r):""}}}return this},toggleClass:function(e,t){var n=typeof e,r=typeof t=="boolean";return v.isFunction(e)?this.each(function(n){v(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if(n==="string"){var i,s=0,o=v(this),u=t,a=e.split(y);while(i=a[s++])u=r?u:!o.hasClass(i),o[u?"addClass":"removeClass"](i)}else if(n==="undefined"||n==="boolean")this.className&&v._data(this,"__className__",this.className),this.className=this.className||e===!1?"":v._data(this,"__className__")||""})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;n=0)return!0;return!1},val:function(e){var n,r,i,s=this[0];if(!arguments.length){if(s)return n=v.valHooks[s.type]||v.valHooks[s.nodeName.toLowerCase()],n&&"get"in n&&(r=n.get(s,"value"))!==t?r:(r=s.value,typeof r=="string"?r.replace(R,""):r==null?"":r);return}return i=v.isFunction(e),this.each(function(r){var s,o=v(this);if(this.nodeType!==1)return;i?s=e.call(this,r,o.val()):s=e,s==null?s="":typeof s=="number"?s+="":v.isArray(s)&&(s=v.map(s,function(e){return e==null?"":e+""})),n=v.valHooks[this.type]||v.valHooks[this.nodeName.toLowerCase()];if(!n||!("set"in n)||n.set(this,s,"value")===t)this.value=s})}}),v.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,s=e.type==="select-one"||i<0,o=s?null:[],u=s?i+1:r.length,a=i<0?u:s?i:0;for(;a=0}),n.length||(e.selectedIndex=-1),n}}},attrFn:{},attr:function(e,n,r,i){var s,o,u,a=e.nodeType;if(!e||a===3||a===8||a===2)return;if(i&&v.isFunction(v.fn[n]))return v(e)[n](r);if(typeof e.getAttribute=="undefined")return v.prop(e,n,r);u=a!==1||!v.isXMLDoc(e),u&&(n=n.toLowerCase(),o=v.attrHooks[n]||(X.test(n)?F:j));if(r!==t){if(r===null){v.removeAttr(e,n);return}return o&&"set"in o&&u&&(s=o.set(e,r,n))!==t?s:(e.setAttribute(n,r+""),r)}return o&&"get"in o&&u&&(s=o.get(e,n))!==null?s:(s=e.getAttribute(n),s===null?t:s)},removeAttr:function(e,t){var n,r,i,s,o=0;if(t&&e.nodeType===1){r=t.split(y);for(;o=0}})});var $=/^(?:textarea|input|select)$/i,J=/^([^\.]*|)(?:\.(.+)|)$/,K=/(?:^|\s)hover(\.\S+|)\b/,Q=/^key/,G=/^(?:mouse|contextmenu)|click/,Y=/^(?:focusinfocus|focusoutblur)$/,Z=function(e){return v.event.special.hover?e:e.replace(K,"mouseenter$1 mouseleave$1")};v.event={add:function(e,n,r,i,s){var o,u,a,f,l,c,h,p,d,m,g;if(e.nodeType===3||e.nodeType===8||!n||!r||!(o=v._data(e)))return;r.handler&&(d=r,r=d.handler,s=d.selector),r.guid||(r.guid=v.guid++),a=o.events,a||(o.events=a={}),u=o.handle,u||(o.handle=u=function(e){return typeof v=="undefined"||!!e&&v.event.triggered===e.type?t:v.event.dispatch.apply(u.elem,arguments)},u.elem=e),n=v.trim(Z(n)).split(" ");for(f=0;f=0&&(y=y.slice(0,-1),a=!0),y.indexOf(".")>=0&&(b=y.split("."),y=b.shift(),b.sort());if((!s||v.event.customEvent[y])&&!v.event.global[y])return;n=typeof n=="object"?n[v.expando]?n:new v.Event(y,n):new v.Event(y),n.type=y,n.isTrigger=!0,n.exclusive=a,n.namespace=b.join("."),n.namespace_re=n.namespace?new RegExp("(^|\\.)"+b.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,h=y.indexOf(":")<0?"on"+y:"";if(!s){u=v.cache;for(f in u)u[f].events&&u[f].events[y]&&v.event.trigger(n,r,u[f].handle.elem,!0);return}n.result=t,n.target||(n.target=s),r=r!=null?v.makeArray(r):[],r.unshift(n),p=v.event.special[y]||{};if(p.trigger&&p.trigger.apply(s,r)===!1)return;m=[[s,p.bindType||y]];if(!o&&!p.noBubble&&!v.isWindow(s)){g=p.delegateType||y,l=Y.test(g+y)?s:s.parentNode;for(c=s;l;l=l.parentNode)m.push([l,g]),c=l;c===(s.ownerDocument||i)&&m.push([c.defaultView||c.parentWindow||e,g])}for(f=0;f=0:v.find(h,this,null,[s]).length),u[h]&&f.push(c);f.length&&w.push({elem:s,matches:f})}d.length>m&&w.push({elem:this,matches:d.slice(m)});for(r=0;r0?this.on(t,null,e,n):this.trigger(t)},Q.test(t)&&(v.event.fixHooks[t]=v.event.keyHooks),G.test(t)&&(v.event.fixHooks[t]=v.event.mouseHooks)}),function(e,t){function nt(e,t,n,r){n=n||[],t=t||g;var i,s,a,f,l=t.nodeType;if(!e||typeof e!="string")return n;if(l!==1&&l!==9)return[];a=o(t);if(!a&&!r)if(i=R.exec(e))if(f=i[1]){if(l===9){s=t.getElementById(f);if(!s||!s.parentNode)return n;if(s.id===f)return n.push(s),n}else if(t.ownerDocument&&(s=t.ownerDocument.getElementById(f))&&u(t,s)&&s.id===f)return n.push(s),n}else{if(i[2])return S.apply(n,x.call(t.getElementsByTagName(e),0)),n;if((f=i[3])&&Z&&t.getElementsByClassName)return S.apply(n,x.call(t.getElementsByClassName(f),0)),n}return vt(e.replace(j,"$1"),t,n,r,a)}function rt(e){return function(t){var n=t.nodeName.toLowerCase();return n==="input"&&t.type===e}}function it(e){return function(t){var n=t.nodeName.toLowerCase();return(n==="input"||n==="button")&&t.type===e}}function st(e){return N(function(t){return t=+t,N(function(n,r){var i,s=e([],n.length,t),o=s.length;while(o--)n[i=s[o]]&&(n[i]=!(r[i]=n[i]))})})}function ot(e,t,n){if(e===t)return n;var r=e.nextSibling;while(r){if(r===t)return-1;r=r.nextSibling}return 1}function ut(e,t){var n,r,s,o,u,a,f,l=L[d][e+" "];if(l)return t?0:l.slice(0);u=e,a=[],f=i.preFilter;while(u){if(!n||(r=F.exec(u)))r&&(u=u.slice(r[0].length)||u),a.push(s=[]);n=!1;if(r=I.exec(u))s.push(n=new m(r.shift())),u=u.slice(n.length),n.type=r[0].replace(j," ");for(o in i.filter)(r=J[o].exec(u))&&(!f[o]||(r=f[o](r)))&&(s.push(n=new m(r.shift())),u=u.slice(n.length),n.type=o,n.matches=r);if(!n)break}return t?u.length:u?nt.error(e):L(e,a).slice(0)}function at(e,t,r){var i=t.dir,s=r&&t.dir==="parentNode",o=w++;return t.first?function(t,n,r){while(t=t[i])if(s||t.nodeType===1)return e(t,n,r)}:function(t,r,u){if(!u){var a,f=b+" "+o+" ",l=f+n;while(t=t[i])if(s||t.nodeType===1){if((a=t[d])===l)return t.sizset;if(typeof a=="string"&&a.indexOf(f)===0){if(t.sizset)return t}else{t[d]=l;if(e(t,r,u))return t.sizset=!0,t;t.sizset=!1}}}else while(t=t[i])if(s||t.nodeType===1)if(e(t,r,u))return t}}function ft(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function lt(e,t,n,r,i){var s,o=[],u=0,a=e.length,f=t!=null;for(;u-1&&(s[f]=!(o[f]=c))}}else g=lt(g===o?g.splice(d,g.length):g),i?i(null,o,g,a):S.apply(o,g)})}function ht(e){var t,n,r,s=e.length,o=i.relative[e[0].type],u=o||i.relative[" "],a=o?1:0,f=at(function(e){return e===t},u,!0),l=at(function(e){return T.call(t,e)>-1},u,!0),h=[function(e,n,r){return!o&&(r||n!==c)||((t=n).nodeType?f(e,n,r):l(e,n,r))}];for(;a1&&ft(h),a>1&&e.slice(0,a-1).join("").replace(j,"$1"),n,a0,s=e.length>0,o=function(u,a,f,l,h){var p,d,v,m=[],y=0,w="0",x=u&&[],T=h!=null,N=c,C=u||s&&i.find.TAG("*",h&&a.parentNode||a),k=b+=N==null?1:Math.E;T&&(c=a!==g&&a,n=o.el);for(;(p=C[w])!=null;w++){if(s&&p){for(d=0;v=e[d];d++)if(v(p,a,f)){l.push(p);break}T&&(b=k,n=++o.el)}r&&((p=!v&&p)&&y--,u&&x.push(p))}y+=w;if(r&&w!==y){for(d=0;v=t[d];d++)v(x,m,a,f);if(u){if(y>0)while(w--)!x[w]&&!m[w]&&(m[w]=E.call(l));m=lt(m)}S.apply(l,m),T&&!u&&m.length>0&&y+t.length>1&&nt.uniqueSort(l)}return T&&(b=k,c=N),x};return o.el=0,r?N(o):o}function dt(e,t,n){var r=0,i=t.length;for(;r2&&(f=u[0]).type==="ID"&&t.nodeType===9&&!s&&i.relative[u[1].type]){t=i.find.ID(f.matches[0].replace($,""),t,s)[0];if(!t)return n;e=e.slice(u.shift().length)}for(o=J.POS.test(e)?-1:u.length-1;o>=0;o--){f=u[o];if(i.relative[l=f.type])break;if(c=i.find[l])if(r=c(f.matches[0].replace($,""),z.test(u[0].type)&&t.parentNode||t,s)){u.splice(o,1),e=r.length&&u.join("");if(!e)return S.apply(n,x.call(r,0)),n;break}}}return a(e,h)(r,t,s,n,z.test(e)),n}function mt(){}var n,r,i,s,o,u,a,f,l,c,h=!0,p="undefined",d=("sizcache"+Math.random()).replace(".",""),m=String,g=e.document,y=g.documentElement,b=0,w=0,E=[].pop,S=[].push,x=[].slice,T=[].indexOf||function(e){var t=0,n=this.length;for(;ti.cacheLength&&delete e[t.shift()],e[n+" "]=r},e)},k=C(),L=C(),A=C(),O="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[-\\w]|[^\\x00-\\xa0])+",_=M.replace("w","w#"),D="([*^$|!~]?=)",P="\\["+O+"*("+M+")"+O+"*(?:"+D+O+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+_+")|)|)"+O+"*\\]",H=":("+M+")(?:\\((?:(['\"])((?:\\\\.|[^\\\\])*?)\\2|([^()[\\]]*|(?:(?:"+P+")|[^:]|\\\\.)*|.*))\\)|)",B=":(even|odd|eq|gt|lt|nth|first|last)(?:\\("+O+"*((?:-\\d)?\\d*)"+O+"*\\)|)(?=[^-]|$)",j=new RegExp("^"+O+"+|((?:^|[^\\\\])(?:\\\\.)*)"+O+"+$","g"),F=new RegExp("^"+O+"*,"+O+"*"),I=new RegExp("^"+O+"*([\\x20\\t\\r\\n\\f>+~])"+O+"*"),q=new RegExp(H),R=/^(?:#([\w\-]+)|(\w+)|\.([\w\-]+))$/,U=/^:not/,z=/[\x20\t\r\n\f]*[+~]/,W=/:not\($/,X=/h\d/i,V=/input|select|textarea|button/i,$=/\\(?!\\)/g,J={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),NAME:new RegExp("^\\[name=['\"]?("+M+")['\"]?\\]"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+P),PSEUDO:new RegExp("^"+H),POS:new RegExp(B,"i"),CHILD:new RegExp("^:(only|nth|first|last)-child(?:\\("+O+"*(even|odd|(([+-]|)(\\d*)n|)"+O+"*(?:([+-]|)"+O+"*(\\d+)|))"+O+"*\\)|)","i"),needsContext:new RegExp("^"+O+"*[>+~]|"+B,"i")},K=function(e){var t=g.createElement("div");try{return e(t)}catch(n){return!1}finally{t=null}},Q=K(function(e){return e.appendChild(g.createComment("")),!e.getElementsByTagName("*").length}),G=K(function(e){return e.innerHTML="",e.firstChild&&typeof e.firstChild.getAttribute!==p&&e.firstChild.getAttribute("href")==="#"}),Y=K(function(e){e.innerHTML="";var t=typeof e.lastChild.getAttribute("multiple");return t!=="boolean"&&t!=="string"}),Z=K(function(e){return e.innerHTML="",!e.getElementsByClassName||!e.getElementsByClassName("e").length?!1:(e.lastChild.className="e",e.getElementsByClassName("e").length===2)}),et=K(function(e){e.id=d+0,e.innerHTML="
    ",y.insertBefore(e,y.firstChild);var t=g.getElementsByName&&g.getElementsByName(d).length===2+g.getElementsByName(d+0).length;return r=!g.getElementById(d),y.removeChild(e),t});try{x.call(y.childNodes,0)[0].nodeType}catch(tt){x=function(e){var t,n=[];for(;t=this[e];e++)n.push(t);return n}}nt.matches=function(e,t){return nt(e,null,null,t)},nt.matchesSelector=function(e,t){return nt(t,null,null,[e]).length>0},s=nt.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(i===1||i===9||i===11){if(typeof e.textContent=="string")return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=s(e)}else if(i===3||i===4)return e.nodeValue}else for(;t=e[r];r++)n+=s(t);return n},o=nt.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?t.nodeName!=="HTML":!1},u=nt.contains=y.contains?function(e,t){var n=e.nodeType===9?e.documentElement:e,r=t&&t.parentNode;return e===r||!!(r&&r.nodeType===1&&n.contains&&n.contains(r))}:y.compareDocumentPosition?function(e,t){return t&&!!(e.compareDocumentPosition(t)&16)}:function(e,t){while(t=t.parentNode)if(t===e)return!0;return!1},nt.attr=function(e,t){var n,r=o(e);return r||(t=t.toLowerCase()),(n=i.attrHandle[t])?n(e):r||Y?e.getAttribute(t):(n=e.getAttributeNode(t),n?typeof e[t]=="boolean"?e[t]?t:null:n.specified?n.value:null:null)},i=nt.selectors={cacheLength:50,createPseudo:N,match:J,attrHandle:G?{}:{href:function(e){return e.getAttribute("href",2)},type:function(e){return e.getAttribute("type")}},find:{ID:r?function(e,t,n){if(typeof t.getElementById!==p&&!n){var r=t.getElementById(e);return r&&r.parentNode?[r]:[]}}:function(e,n,r){if(typeof n.getElementById!==p&&!r){var i=n.getElementById(e);return i?i.id===e||typeof i.getAttributeNode!==p&&i.getAttributeNode("id").value===e?[i]:t:[]}},TAG:Q?function(e,t){if(typeof t.getElementsByTagName!==p)return t.getElementsByTagName(e)}:function(e,t){var n=t.getElementsByTagName(e);if(e==="*"){var r,i=[],s=0;for(;r=n[s];s++)r.nodeType===1&&i.push(r);return i}return n},NAME:et&&function(e,t){if(typeof t.getElementsByName!==p)return t.getElementsByName(name)},CLASS:Z&&function(e,t,n){if(typeof t.getElementsByClassName!==p&&!n)return t.getElementsByClassName(e)}},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace($,""),e[3]=(e[4]||e[5]||"").replace($,""),e[2]==="~="&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),e[1]==="nth"?(e[2]||nt.error(e[0]),e[3]=+(e[3]?e[4]+(e[5]||1):2*(e[2]==="even"||e[2]==="odd")),e[4]=+(e[6]+e[7]||e[2]==="odd")):e[2]&&nt.error(e[0]),e},PSEUDO:function(e){var t,n;if(J.CHILD.test(e[0]))return null;if(e[3])e[2]=e[3];else if(t=e[4])q.test(t)&&(n=ut(t,!0))&&(n=t.indexOf(")",t.length-n)-t.length)&&(t=t.slice(0,n),e[0]=e[0].slice(0,n)),e[2]=t;return e.slice(0,3)}},filter:{ID:r?function(e){return e=e.replace($,""),function(t){return t.getAttribute("id")===e}}:function(e){return e=e.replace($,""),function(t){var n=typeof t.getAttributeNode!==p&&t.getAttributeNode("id");return n&&n.value===e}},TAG:function(e){return e==="*"?function(){return!0}:(e=e.replace($,"").toLowerCase(),function(t){return t.nodeName&&t.nodeName.toLowerCase()===e})},CLASS:function(e){var t=k[d][e+" "];return t||(t=new RegExp("(^|"+O+")"+e+"("+O+"|$)"))&&k(e,function(e){return t.test(e.className||typeof e.getAttribute!==p&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r,i){var s=nt.attr(r,e);return s==null?t==="!=":t?(s+="",t==="="?s===n:t==="!="?s!==n:t==="^="?n&&s.indexOf(n)===0:t==="*="?n&&s.indexOf(n)>-1:t==="$="?n&&s.substr(s.length-n.length)===n:t==="~="?(" "+s+" ").indexOf(n)>-1:t==="|="?s===n||s.substr(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r){return e==="nth"?function(e){var t,i,s=e.parentNode;if(n===1&&r===0)return!0;if(s){i=0;for(t=s.firstChild;t;t=t.nextSibling)if(t.nodeType===1){i++;if(e===t)break}}return i-=r,i===n||i%n===0&&i/n>=0}:function(t){var n=t;switch(e){case"only":case"first":while(n=n.previousSibling)if(n.nodeType===1)return!1;if(e==="first")return!0;n=t;case"last":while(n=n.nextSibling)if(n.nodeType===1)return!1;return!0}}},PSEUDO:function(e,t){var n,r=i.pseudos[e]||i.setFilters[e.toLowerCase()]||nt.error("unsupported pseudo: "+e);return r[d]?r(t):r.length>1?(n=[e,e,"",t],i.setFilters.hasOwnProperty(e.toLowerCase())?N(function(e,n){var i,s=r(e,t),o=s.length;while(o--)i=T.call(e,s[o]),e[i]=!(n[i]=s[o])}):function(e){return r(e,0,n)}):r}},pseudos:{not:N(function(e){var t=[],n=[],r=a(e.replace(j,"$1"));return r[d]?N(function(e,t,n,i){var s,o=r(e,null,i,[]),u=e.length;while(u--)if(s=o[u])e[u]=!(t[u]=s)}):function(e,i,s){return t[0]=e,r(t,null,s,n),!n.pop()}}),has:N(function(e){return function(t){return nt(e,t).length>0}}),contains:N(function(e){return function(t){return(t.textContent||t.innerText||s(t)).indexOf(e)>-1}}),enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return t==="input"&&!!e.checked||t==="option"&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},parent:function(e){return!i.pseudos.empty(e)},empty:function(e){var t;e=e.firstChild;while(e){if(e.nodeName>"@"||(t=e.nodeType)===3||t===4)return!1;e=e.nextSibling}return!0},header:function(e){return X.test(e.nodeName)},text:function(e){var t,n;return e.nodeName.toLowerCase()==="input"&&(t=e.type)==="text"&&((n=e.getAttribute("type"))==null||n.toLowerCase()===t)},radio:rt("radio"),checkbox:rt("checkbox"),file:rt("file"),password:rt("password"),image:rt("image"),submit:it("submit"),reset:it("reset"),button:function(e){var t=e.nodeName.toLowerCase();return t==="input"&&e.type==="button"||t==="button"},input:function(e){return V.test(e.nodeName)},focus:function(e){var t=e.ownerDocument;return e===t.activeElement&&(!t.hasFocus||t.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},active:function(e){return e===e.ownerDocument.activeElement},first:st(function(){return[0]}),last:st(function(e,t){return[t-1]}),eq:st(function(e,t,n){return[n<0?n+t:n]}),even:st(function(e,t){for(var n=0;n=0;)e.push(r);return e}),gt:st(function(e,t,n){for(var r=n<0?n+t:n;++r",e.querySelectorAll("[selected]").length||i.push("\\["+O+"*(?:checked|disabled|ismap|multiple|readonly|selected|value)"),e.querySelectorAll(":checked").length||i.push(":checked")}),K(function(e){e.innerHTML="

    ",e.querySelectorAll("[test^='']").length&&i.push("[*^$]="+O+"*(?:\"\"|'')"),e.innerHTML="",e.querySelectorAll(":enabled").length||i.push(":enabled",":disabled")}),i=new RegExp(i.join("|")),vt=function(e,r,s,o,u){if(!o&&!u&&!i.test(e)){var a,f,l=!0,c=d,h=r,p=r.nodeType===9&&e;if(r.nodeType===1&&r.nodeName.toLowerCase()!=="object"){a=ut(e),(l=r.getAttribute("id"))?c=l.replace(n,"\\$&"):r.setAttribute("id",c),c="[id='"+c+"'] ",f=a.length;while(f--)a[f]=c+a[f].join("");h=z.test(e)&&r.parentNode||r,p=a.join(",")}if(p)try{return S.apply(s,x.call(h.querySelectorAll(p),0)),s}catch(v){}finally{l||r.removeAttribute("id")}}return t(e,r,s,o,u)},u&&(K(function(t){e=u.call(t,"div");try{u.call(t,"[test!='']:sizzle"),s.push("!=",H)}catch(n){}}),s=new RegExp(s.join("|")),nt.matchesSelector=function(t,n){n=n.replace(r,"='$1']");if(!o(t)&&!s.test(n)&&!i.test(n))try{var a=u.call(t,n);if(a||e||t.document&&t.document.nodeType!==11)return a}catch(f){}return nt(n,null,null,[t]).length>0})}(),i.pseudos.nth=i.pseudos.eq,i.filters=mt.prototype=i.pseudos,i.setFilters=new mt,nt.attr=v.attr,v.find=nt,v.expr=nt.selectors,v.expr[":"]=v.expr.pseudos,v.unique=nt.uniqueSort,v.text=nt.getText,v.isXMLDoc=nt.isXML,v.contains=nt.contains}(e);var nt=/Until$/,rt=/^(?:parents|prev(?:Until|All))/,it=/^.[^:#\[\.,]*$/,st=v.expr.match.needsContext,ot={children:!0,contents:!0,next:!0,prev:!0};v.fn.extend({find:function(e){var t,n,r,i,s,o,u=this;if(typeof e!="string")return v(e).filter(function(){for(t=0,n=u.length;t0)for(i=r;i=0:v.filter(e,this).length>0:this.filter(e).length>0)},closest:function(e,t){var n,r=0,i=this.length,s=[],o=st.test(e)||typeof e!="string"?v(e,t||this.context):0;for(;r-1:v.find.matchesSelector(n,e)){s.push(n);break}n=n.parentNode}}return s=s.length>1?v.unique(s):s,this.pushStack(s,"closest",e)},index:function(e){return e?typeof e=="string"?v.inArray(this[0],v(e)):v.inArray(e.jquery?e[0]:e,this):this[0]&&this[0].parentNode?this.prevAll().length:-1},add:function(e,t){var n=typeof e=="string"?v(e,t):v.makeArray(e&&e.nodeType?[e]:e),r=v.merge(this.get(),n);return this.pushStack(ut(n[0])||ut(r[0])?r:v.unique(r))},addBack:function(e){return this.add(e==null?this.prevObject:this.prevObject.filter(e))}}),v.fn.andSelf=v.fn.addBack,v.each({parent:function(e){var t=e.parentNode;return t&&t.nodeType!==11?t:null},parents:function(e){return v.dir(e,"parentNode")},parentsUntil:function(e,t,n){return v.dir(e,"parentNode",n)},next:function(e){return at(e,"nextSibling")},prev:function(e){return at(e,"previousSibling")},nextAll:function(e){return v.dir(e,"nextSibling")},prevAll:function(e){return v.dir(e,"previousSibling")},nextUntil:function(e,t,n){return v.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return v.dir(e,"previousSibling",n)},siblings:function(e){return v.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return v.sibling(e.firstChild)},contents:function(e){return v.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:v.merge([],e.childNodes)}},function(e,t){v.fn[e]=function(n,r){var i=v.map(this,t,n);return nt.test(e)||(r=n),r&&typeof r=="string"&&(i=v.filter(r,i)),i=this.length>1&&!ot[e]?v.unique(i):i,this.length>1&&rt.test(e)&&(i=i.reverse()),this.pushStack(i,e,l.call(arguments).join(","))}}),v.extend({filter:function(e,t,n){return n&&(e=":not("+e+")"),t.length===1?v.find.matchesSelector(t[0],e)?[t[0]]:[]:v.find.matches(e,t)},dir:function(e,n,r){var i=[],s=e[n];while(s&&s.nodeType!==9&&(r===t||s.nodeType!==1||!v(s).is(r)))s.nodeType===1&&i.push(s),s=s[n];return i},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)e.nodeType===1&&e!==t&&n.push(e);return n}});var ct="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",ht=/ jQuery\d+="(?:null|\d+)"/g,pt=/^\s+/,dt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,vt=/<([\w:]+)/,mt=/]","i"),Et=/^(?:checkbox|radio)$/,St=/checked\s*(?:[^=]|=\s*.checked.)/i,xt=/\/(java|ecma)script/i,Tt=/^\s*\s*$/g,Nt={option:[1,""],legend:[1,"
    ","
    "],thead:[1,"","
    "],tr:[2,"","
    "],td:[3,"","
    "],col:[2,"","
    "],area:[1,"",""],_default:[0,"",""]},Ct=lt(i),kt=Ct.appendChild(i.createElement("div"));Nt.optgroup=Nt.option,Nt.tbody=Nt.tfoot=Nt.colgroup=Nt.caption=Nt.thead,Nt.th=Nt.td,v.support.htmlSerialize||(Nt._default=[1,"X
    ","
    "]),v.fn.extend({text:function(e){return v.access(this,function(e){return e===t?v.text(this):this.empty().append((this[0]&&this[0].ownerDocument||i).createTextNode(e))},null,e,arguments.length)},wrapAll:function(e){if(v.isFunction(e))return this.each(function(t){v(this).wrapAll(e.call(this,t))});if(this[0]){var t=v(e,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstChild&&e.firstChild.nodeType===1)e=e.firstChild;return e}).append(this)}return this},wrapInner:function(e){return v.isFunction(e)?this.each(function(t){v(this).wrapInner(e.call(this,t))}):this.each(function(){var t=v(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=v.isFunction(e);return this.each(function(n){v(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){v.nodeName(this,"body")||v(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(e){(this.nodeType===1||this.nodeType===11)&&this.appendChild(e)})},prepend:function(){return this.domManip(arguments,!0,function(e){(this.nodeType===1||this.nodeType===11)&&this.insertBefore(e,this.firstChild)})},before:function(){if(!ut(this[0]))return this.domManip(arguments,!1,function(e){this.parentNode.insertBefore(e,this)});if(arguments.length){var e=v.clean(arguments);return this.pushStack(v.merge(e,this),"before",this.selector)}},after:function(){if(!ut(this[0]))return this.domManip(arguments,!1,function(e){this.parentNode.insertBefore(e,this.nextSibling)});if(arguments.length){var e=v.clean(arguments);return this.pushStack(v.merge(this,e),"after",this.selector)}},remove:function(e,t){var n,r=0;for(;(n=this[r])!=null;r++)if(!e||v.filter(e,[n]).length)!t&&n.nodeType===1&&(v.cleanData(n.getElementsByTagName("*")),v.cleanData([n])),n.parentNode&&n.parentNode.removeChild(n);return this},empty:function(){var e,t=0;for(;(e=this[t])!=null;t++){e.nodeType===1&&v.cleanData(e.getElementsByTagName("*"));while(e.firstChild)e.removeChild(e.firstChild)}return this},clone:function(e,t){return e=e==null?!1:e,t=t==null?e:t,this.map(function(){return v.clone(this,e,t)})},html:function(e){return v.access(this,function(e){var n=this[0]||{},r=0,i=this.length;if(e===t)return n.nodeType===1?n.innerHTML.replace(ht,""):t;if(typeof e=="string"&&!yt.test(e)&&(v.support.htmlSerialize||!wt.test(e))&&(v.support.leadingWhitespace||!pt.test(e))&&!Nt[(vt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(dt,"<$1>");try{for(;r1&&typeof f=="string"&&St.test(f))return this.each(function(){v(this).domManip(e,n,r)});if(v.isFunction(f))return this.each(function(i){var s=v(this);e[0]=f.call(this,i,n?s.html():t),s.domManip(e,n,r)});if(this[0]){i=v.buildFragment(e,this,l),o=i.fragment,s=o.firstChild,o.childNodes.length===1&&(o=s);if(s){n=n&&v.nodeName(s,"tr");for(u=i.cacheable||c-1;a0?this.clone(!0):this).get(),v(o[i])[t](r),s=s.concat(r);return this.pushStack(s,e,o.selector)}}),v.extend({clone:function(e,t,n){var r,i,s,o;v.support.html5Clone||v.isXMLDoc(e)||!wt.test("<"+e.nodeName+">")?o=e.cloneNode(!0):(kt.innerHTML=e.outerHTML,kt.removeChild(o=kt.firstChild));if((!v.support.noCloneEvent||!v.support.noCloneChecked)&&(e.nodeType===1||e.nodeType===11)&&!v.isXMLDoc(e)){Ot(e,o),r=Mt(e),i=Mt(o);for(s=0;r[s];++s)i[s]&&Ot(r[s],i[s])}if(t){At(e,o);if(n){r=Mt(e),i=Mt(o);for(s=0;r[s];++s)At(r[s],i[s])}}return r=i=null,o},clean:function(e,t,n,r){var s,o,u,a,f,l,c,h,p,d,m,g,y=t===i&&Ct,b=[];if(!t||typeof t.createDocumentFragment=="undefined")t=i;for(s=0;(u=e[s])!=null;s++){typeof u=="number"&&(u+="");if(!u)continue;if(typeof u=="string")if(!gt.test(u))u=t.createTextNode(u);else{y=y||lt(t),c=t.createElement("div"),y.appendChild(c),u=u.replace(dt,"<$1>"),a=(vt.exec(u)||["",""])[1].toLowerCase(),f=Nt[a]||Nt._default,l=f[0],c.innerHTML=f[1]+u+f[2];while(l--)c=c.lastChild;if(!v.support.tbody){h=mt.test(u),p=a==="table"&&!h?c.firstChild&&c.firstChild.childNodes:f[1]===""&&!h?c.childNodes:[];for(o=p.length-1;o>=0;--o)v.nodeName(p[o],"tbody")&&!p[o].childNodes.length&&p[o].parentNode.removeChild(p[o])}!v.support.leadingWhitespace&&pt.test(u)&&c.insertBefore(t.createTextNode(pt.exec(u)[0]),c.firstChild),u=c.childNodes,c.parentNode.removeChild(c)}u.nodeType?b.push(u):v.merge(b,u)}c&&(u=c=y=null);if(!v.support.appendChecked)for(s=0;(u=b[s])!=null;s++)v.nodeName(u,"input")?_t(u):typeof u.getElementsByTagName!="undefined"&&v.grep(u.getElementsByTagName("input"),_t);if(n){m=function(e){if(!e.type||xt.test(e.type))return r?r.push(e.parentNode?e.parentNode.removeChild(e):e):n.appendChild(e)};for(s=0;(u=b[s])!=null;s++)if(!v.nodeName(u,"script")||!m(u))n.appendChild(u),typeof u.getElementsByTagName!="undefined"&&(g=v.grep(v.merge([],u.getElementsByTagName("script")),m),b.splice.apply(b,[s+1,0].concat(g)),s+=g.length)}return b},cleanData:function(e,t){var n,r,i,s,o=0,u=v.expando,a=v.cache,f=v.support.deleteExpando,l=v.event.special;for(;(i=e[o])!=null;o++)if(t||v.acceptData(i)){r=i[u],n=r&&a[r];if(n){if(n.events)for(s in n.events)l[s]?v.event.remove(i,s):v.removeEvent(i,s,n.handle);a[r]&&(delete a[r],f?delete i[u]:i.removeAttribute?i.removeAttribute(u):i[u]=null,v.deletedIds.push(r))}}}}),function(){var e,t;v.uaMatch=function(e){e=e.toLowerCase();var t=/(chrome)[ \/]([\w.]+)/.exec(e)||/(webkit)[ \/]([\w.]+)/.exec(e)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(e)||/(msie) ([\w.]+)/.exec(e)||e.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(e)||[];return{browser:t[1]||"",version:t[2]||"0"}},e=v.uaMatch(o.userAgent),t={},e.browser&&(t[e.browser]=!0,t.version=e.version),t.chrome?t.webkit=!0:t.webkit&&(t.safari=!0),v.browser=t,v.sub=function(){function e(t,n){return new e.fn.init(t,n)}v.extend(!0,e,this),e.superclass=this,e.fn=e.prototype=this(),e.fn.constructor=e,e.sub=this.sub,e.fn.init=function(r,i){return i&&i instanceof v&&!(i instanceof e)&&(i=e(i)),v.fn.init.call(this,r,i,t)},e.fn.init.prototype=e.fn;var t=e(i);return e}}();var Dt,Pt,Ht,Bt=/alpha\([^)]*\)/i,jt=/opacity=([^)]*)/,Ft=/^(top|right|bottom|left)$/,It=/^(none|table(?!-c[ea]).+)/,qt=/^margin/,Rt=new RegExp("^("+m+")(.*)$","i"),Ut=new RegExp("^("+m+")(?!px)[a-z%]+$","i"),zt=new RegExp("^([-+])=("+m+")","i"),Wt={BODY:"block"},Xt={position:"absolute",visibility:"hidden",display:"block"},Vt={letterSpacing:0,fontWeight:400},$t=["Top","Right","Bottom","Left"],Jt=["Webkit","O","Moz","ms"],Kt=v.fn.toggle;v.fn.extend({css:function(e,n){return v.access(this,function(e,n,r){return r!==t?v.style(e,n,r):v.css(e,n)},e,n,arguments.length>1)},show:function(){return Yt(this,!0)},hide:function(){return Yt(this)},toggle:function(e,t){var n=typeof e=="boolean";return v.isFunction(e)&&v.isFunction(t)?Kt.apply(this,arguments):this.each(function(){(n?e:Gt(this))?v(this).show():v(this).hide()})}}),v.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Dt(e,"opacity");return n===""?"1":n}}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":v.support.cssFloat?"cssFloat":"styleFloat"},style:function(e,n,r,i){if(!e||e.nodeType===3||e.nodeType===8||!e.style)return;var s,o,u,a=v.camelCase(n),f=e.style;n=v.cssProps[a]||(v.cssProps[a]=Qt(f,a)),u=v.cssHooks[n]||v.cssHooks[a];if(r===t)return u&&"get"in u&&(s=u.get(e,!1,i))!==t?s:f[n];o=typeof r,o==="string"&&(s=zt.exec(r))&&(r=(s[1]+1)*s[2]+parseFloat(v.css(e,n)),o="number");if(r==null||o==="number"&&isNaN(r))return;o==="number"&&!v.cssNumber[a]&&(r+="px");if(!u||!("set"in u)||(r=u.set(e,r,i))!==t)try{f[n]=r}catch(l){}},css:function(e,n,r,i){var s,o,u,a=v.camelCase(n);return n=v.cssProps[a]||(v.cssProps[a]=Qt(e.style,a)),u=v.cssHooks[n]||v.cssHooks[a],u&&"get"in u&&(s=u.get(e,!0,i)),s===t&&(s=Dt(e,n)),s==="normal"&&n in Vt&&(s=Vt[n]),r||i!==t?(o=parseFloat(s),r||v.isNumeric(o)?o||0:s):s},swap:function(e,t,n){var r,i,s={};for(i in t)s[i]=e.style[i],e.style[i]=t[i];r=n.call(e);for(i in t)e.style[i]=s[i];return r}}),e.getComputedStyle?Dt=function(t,n){var r,i,s,o,u=e.getComputedStyle(t,null),a=t.style;return u&&(r=u.getPropertyValue(n)||u[n],r===""&&!v.contains(t.ownerDocument,t)&&(r=v.style(t,n)),Ut.test(r)&&qt.test(n)&&(i=a.width,s=a.minWidth,o=a.maxWidth,a.minWidth=a.maxWidth=a.width=r,r=u.width,a.width=i,a.minWidth=s,a.maxWidth=o)),r}:i.documentElement.currentStyle&&(Dt=function(e,t){var n,r,i=e.currentStyle&&e.currentStyle[t],s=e.style;return i==null&&s&&s[t]&&(i=s[t]),Ut.test(i)&&!Ft.test(t)&&(n=s.left,r=e.runtimeStyle&&e.runtimeStyle.left,r&&(e.runtimeStyle.left=e.currentStyle.left),s.left=t==="fontSize"?"1em":i,i=s.pixelLeft+"px",s.left=n,r&&(e.runtimeStyle.left=r)),i===""?"auto":i}),v.each(["height","width"],function(e,t){v.cssHooks[t]={get:function(e,n,r){if(n)return e.offsetWidth===0&&It.test(Dt(e,"display"))?v.swap(e,Xt,function(){return tn(e,t,r)}):tn(e,t,r)},set:function(e,n,r){return Zt(e,n,r?en(e,t,r,v.support.boxSizing&&v.css(e,"boxSizing")==="border-box"):0)}}}),v.support.opacity||(v.cssHooks.opacity={get:function(e,t){return jt.test((t&&e.currentStyle?e.currentStyle.filter:e.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":t?"1":""},set:function(e,t){var n=e.style,r=e.currentStyle,i=v.isNumeric(t)?"alpha(opacity="+t*100+")":"",s=r&&r.filter||n.filter||"";n.zoom=1;if(t>=1&&v.trim(s.replace(Bt,""))===""&&n.removeAttribute){n.removeAttribute("filter");if(r&&!r.filter)return}n.filter=Bt.test(s)?s.replace(Bt,i):s+" "+i}}),v(function(){v.support.reliableMarginRight||(v.cssHooks.marginRight={get:function(e,t){return v.swap(e,{display:"inline-block"},function(){if(t)return Dt(e,"marginRight")})}}),!v.support.pixelPosition&&v.fn.position&&v.each(["top","left"],function(e,t){v.cssHooks[t]={get:function(e,n){if(n){var r=Dt(e,t);return Ut.test(r)?v(e).position()[t]+"px":r}}}})}),v.expr&&v.expr.filters&&(v.expr.filters.hidden=function(e){return e.offsetWidth===0&&e.offsetHeight===0||!v.support.reliableHiddenOffsets&&(e.style&&e.style.display||Dt(e,"display"))==="none"},v.expr.filters.visible=function(e){return!v.expr.filters.hidden(e)}),v.each({margin:"",padding:"",border:"Width"},function(e,t){v.cssHooks[e+t]={expand:function(n){var r,i=typeof n=="string"?n.split(" "):[n],s={};for(r=0;r<4;r++)s[e+$t[r]+t]=i[r]||i[r-2]||i[0];return s}},qt.test(e)||(v.cssHooks[e+t].set=Zt)});var rn=/%20/g,sn=/\[\]$/,on=/\r?\n/g,un=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,an=/^(?:select|textarea)/i;v.fn.extend({serialize:function(){return v.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?v.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||an.test(this.nodeName)||un.test(this.type))}).map(function(e,t){var n=v(this).val();return n==null?null:v.isArray(n)?v.map(n,function(e,n){return{name:t.name,value:e.replace(on,"\r\n")}}):{name:t.name,value:n.replace(on,"\r\n")}}).get()}}),v.param=function(e,n){var r,i=[],s=function(e,t){t=v.isFunction(t)?t():t==null?"":t,i[i.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};n===t&&(n=v.ajaxSettings&&v.ajaxSettings.traditional);if(v.isArray(e)||e.jquery&&!v.isPlainObject(e))v.each(e,function(){s(this.name,this.value)});else for(r in e)fn(r,e[r],n,s);return i.join("&").replace(rn,"+")};var ln,cn,hn=/#.*$/,pn=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,dn=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,vn=/^(?:GET|HEAD)$/,mn=/^\/\//,gn=/\?/,yn=/)<[^<]*)*<\/script>/gi,bn=/([?&])_=[^&]*/,wn=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,En=v.fn.load,Sn={},xn={},Tn=["*/"]+["*"];try{cn=s.href}catch(Nn){cn=i.createElement("a"),cn.href="",cn=cn.href}ln=wn.exec(cn.toLowerCase())||[],v.fn.load=function(e,n,r){if(typeof e!="string"&&En)return En.apply(this,arguments);if(!this.length)return this;var i,s,o,u=this,a=e.indexOf(" ");return a>=0&&(i=e.slice(a,e.length),e=e.slice(0,a)),v.isFunction(n)?(r=n,n=t):n&&typeof n=="object"&&(s="POST"),v.ajax({url:e,type:s,dataType:"html",data:n,complete:function(e,t){r&&u.each(r,o||[e.responseText,t,e])}}).done(function(e){o=arguments,u.html(i?v("
    ").append(e.replace(yn,"")).find(i):e)}),this},v.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(e,t){v.fn[t]=function(e){return this.on(t,e)}}),v.each(["get","post"],function(e,n){v[n]=function(e,r,i,s){return v.isFunction(r)&&(s=s||i,i=r,r=t),v.ajax({type:n,url:e,data:r,success:i,dataType:s})}}),v.extend({getScript:function(e,n){return v.get(e,t,n,"script")},getJSON:function(e,t,n){return v.get(e,t,n,"json")},ajaxSetup:function(e,t){return t?Ln(e,v.ajaxSettings):(t=e,e=v.ajaxSettings),Ln(e,t),e},ajaxSettings:{url:cn,isLocal:dn.test(ln[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded; charset=UTF-8",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":Tn},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":e.String,"text html":!0,"text json":v.parseJSON,"text xml":v.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:Cn(Sn),ajaxTransport:Cn(xn),ajax:function(e,n){function T(e,n,s,a){var l,y,b,w,S,T=n;if(E===2)return;E=2,u&&clearTimeout(u),o=t,i=a||"",x.readyState=e>0?4:0,s&&(w=An(c,x,s));if(e>=200&&e<300||e===304)c.ifModified&&(S=x.getResponseHeader("Last-Modified"),S&&(v.lastModified[r]=S),S=x.getResponseHeader("Etag"),S&&(v.etag[r]=S)),e===304?(T="notmodified",l=!0):(l=On(c,w),T=l.state,y=l.data,b=l.error,l=!b);else{b=T;if(!T||e)T="error",e<0&&(e=0)}x.status=e,x.statusText=(n||T)+"",l?d.resolveWith(h,[y,T,x]):d.rejectWith(h,[x,T,b]),x.statusCode(g),g=t,f&&p.trigger("ajax"+(l?"Success":"Error"),[x,c,l?y:b]),m.fireWith(h,[x,T]),f&&(p.trigger("ajaxComplete",[x,c]),--v.active||v.event.trigger("ajaxStop"))}typeof e=="object"&&(n=e,e=t),n=n||{};var r,i,s,o,u,a,f,l,c=v.ajaxSetup({},n),h=c.context||c,p=h!==c&&(h.nodeType||h instanceof v)?v(h):v.event,d=v.Deferred(),m=v.Callbacks("once memory"),g=c.statusCode||{},b={},w={},E=0,S="canceled",x={readyState:0,setRequestHeader:function(e,t){if(!E){var n=e.toLowerCase();e=w[n]=w[n]||e,b[e]=t}return this},getAllResponseHeaders:function(){return E===2?i:null},getResponseHeader:function(e){var n;if(E===2){if(!s){s={};while(n=pn.exec(i))s[n[1].toLowerCase()]=n[2]}n=s[e.toLowerCase()]}return n===t?null:n},overrideMimeType:function(e){return E||(c.mimeType=e),this},abort:function(e){return e=e||S,o&&o.abort(e),T(0,e),this}};d.promise(x),x.success=x.done,x.error=x.fail,x.complete=m.add,x.statusCode=function(e){if(e){var t;if(E<2)for(t in e)g[t]=[g[t],e[t]];else t=e[x.status],x.always(t)}return this},c.url=((e||c.url)+"").replace(hn,"").replace(mn,ln[1]+"//"),c.dataTypes=v.trim(c.dataType||"*").toLowerCase().split(y),c.crossDomain==null&&(a=wn.exec(c.url.toLowerCase()),c.crossDomain=!(!a||a[1]===ln[1]&&a[2]===ln[2]&&(a[3]||(a[1]==="http:"?80:443))==(ln[3]||(ln[1]==="http:"?80:443)))),c.data&&c.processData&&typeof c.data!="string"&&(c.data=v.param(c.data,c.traditional)),kn(Sn,c,n,x);if(E===2)return x;f=c.global,c.type=c.type.toUpperCase(),c.hasContent=!vn.test(c.type),f&&v.active++===0&&v.event.trigger("ajaxStart");if(!c.hasContent){c.data&&(c.url+=(gn.test(c.url)?"&":"?")+c.data,delete c.data),r=c.url;if(c.cache===!1){var N=v.now(),C=c.url.replace(bn,"$1_="+N);c.url=C+(C===c.url?(gn.test(c.url)?"&":"?")+"_="+N:"")}}(c.data&&c.hasContent&&c.contentType!==!1||n.contentType)&&x.setRequestHeader("Content-Type",c.contentType),c.ifModified&&(r=r||c.url,v.lastModified[r]&&x.setRequestHeader("If-Modified-Since",v.lastModified[r]),v.etag[r]&&x.setRequestHeader("If-None-Match",v.etag[r])),x.setRequestHeader("Accept",c.dataTypes[0]&&c.accepts[c.dataTypes[0]]?c.accepts[c.dataTypes[0]]+(c.dataTypes[0]!=="*"?", "+Tn+"; q=0.01":""):c.accepts["*"]);for(l in c.headers)x.setRequestHeader(l,c.headers[l]);if(!c.beforeSend||c.beforeSend.call(h,x,c)!==!1&&E!==2){S="abort";for(l in{success:1,error:1,complete:1})x[l](c[l]);o=kn(xn,c,n,x);if(!o)T(-1,"No Transport");else{x.readyState=1,f&&p.trigger("ajaxSend",[x,c]),c.async&&c.timeout>0&&(u=setTimeout(function(){x.abort("timeout")},c.timeout));try{E=1,o.send(b,T)}catch(k){if(!(E<2))throw k;T(-1,k)}}return x}return x.abort()},active:0,lastModified:{},etag:{}});var Mn=[],_n=/\?/,Dn=/(=)\?(?=&|$)|\?\?/,Pn=v.now();v.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Mn.pop()||v.expando+"_"+Pn++;return this[e]=!0,e}}),v.ajaxPrefilter("json jsonp",function(n,r,i){var s,o,u,a=n.data,f=n.url,l=n.jsonp!==!1,c=l&&Dn.test(f),h=l&&!c&&typeof a=="string"&&!(n.contentType||"").indexOf("application/x-www-form-urlencoded")&&Dn.test(a);if(n.dataTypes[0]==="jsonp"||c||h)return s=n.jsonpCallback=v.isFunction(n.jsonpCallback)?n.jsonpCallback():n.jsonpCallback,o=e[s],c?n.url=f.replace(Dn,"$1"+s):h?n.data=a.replace(Dn,"$1"+s):l&&(n.url+=(_n.test(f)?"&":"?")+n.jsonp+"="+s),n.converters["script json"]=function(){return u||v.error(s+" was not called"),u[0]},n.dataTypes[0]="json",e[s]=function(){u=arguments},i.always(function(){e[s]=o,n[s]&&(n.jsonpCallback=r.jsonpCallback,Mn.push(s)),u&&v.isFunction(o)&&o(u[0]),u=o=t}),"script"}),v.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(e){return v.globalEval(e),e}}}),v.ajaxPrefilter("script",function(e){e.cache===t&&(e.cache=!1),e.crossDomain&&(e.type="GET",e.global=!1)}),v.ajaxTransport("script",function(e){if(e.crossDomain){var n,r=i.head||i.getElementsByTagName("head")[0]||i.documentElement;return{send:function(s,o){n=i.createElement("script"),n.async="async",e.scriptCharset&&(n.charset=e.scriptCharset),n.src=e.url,n.onload=n.onreadystatechange=function(e,i){if(i||!n.readyState||/loaded|complete/.test(n.readyState))n.onload=n.onreadystatechange=null,r&&n.parentNode&&r.removeChild(n),n=t,i||o(200,"success")},r.insertBefore(n,r.firstChild)},abort:function(){n&&n.onload(0,1)}}}});var Hn,Bn=e.ActiveXObject?function(){for(var e in Hn)Hn[e](0,1)}:!1,jn=0;v.ajaxSettings.xhr=e.ActiveXObject?function(){return!this.isLocal&&Fn()||In()}:Fn,function(e){v.extend(v.support,{ajax:!!e,cors:!!e&&"withCredentials"in e})}(v.ajaxSettings.xhr()),v.support.ajax&&v.ajaxTransport(function(n){if(!n.crossDomain||v.support.cors){var r;return{send:function(i,s){var o,u,a=n.xhr();n.username?a.open(n.type,n.url,n.async,n.username,n.password):a.open(n.type,n.url,n.async);if(n.xhrFields)for(u in n.xhrFields)a[u]=n.xhrFields[u];n.mimeType&&a.overrideMimeType&&a.overrideMimeType(n.mimeType),!n.crossDomain&&!i["X-Requested-With"]&&(i["X-Requested-With"]="XMLHttpRequest");try{for(u in i)a.setRequestHeader(u,i[u])}catch(f){}a.send(n.hasContent&&n.data||null),r=function(e,i){var u,f,l,c,h;try{if(r&&(i||a.readyState===4)){r=t,o&&(a.onreadystatechange=v.noop,Bn&&delete Hn[o]);if(i)a.readyState!==4&&a.abort();else{u=a.status,l=a.getAllResponseHeaders(),c={},h=a.responseXML,h&&h.documentElement&&(c.xml=h);try{c.text=a.responseText}catch(p){}try{f=a.statusText}catch(p){f=""}!u&&n.isLocal&&!n.crossDomain?u=c.text?200:404:u===1223&&(u=204)}}}catch(d){i||s(-1,d)}c&&s(u,f,c,l)},n.async?a.readyState===4?setTimeout(r,0):(o=++jn,Bn&&(Hn||(Hn={},v(e).unload(Bn)),Hn[o]=r),a.onreadystatechange=r):r()},abort:function(){r&&r(0,1)}}}});var qn,Rn,Un=/^(?:toggle|show|hide)$/,zn=new RegExp("^(?:([-+])=|)("+m+")([a-z%]*)$","i"),Wn=/queueHooks$/,Xn=[Gn],Vn={"*":[function(e,t){var n,r,i=this.createTween(e,t),s=zn.exec(t),o=i.cur(),u=+o||0,a=1,f=20;if(s){n=+s[2],r=s[3]||(v.cssNumber[e]?"":"px");if(r!=="px"&&u){u=v.css(i.elem,e,!0)||n||1;do a=a||".5",u/=a,v.style(i.elem,e,u+r);while(a!==(a=i.cur()/o)&&a!==1&&--f)}i.unit=r,i.start=u,i.end=s[1]?u+(s[1]+1)*n:n}return i}]};v.Animation=v.extend(Kn,{tweener:function(e,t){v.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;r-1,f={},l={},c,h;a?(l=i.position(),c=l.top,h=l.left):(c=parseFloat(o)||0,h=parseFloat(u)||0),v.isFunction(t)&&(t=t.call(e,n,s)),t.top!=null&&(f.top=t.top-s.top+c),t.left!=null&&(f.left=t.left-s.left+h),"using"in t?t.using.call(e,f):i.css(f)}},v.fn.extend({position:function(){if(!this[0])return;var e=this[0],t=this.offsetParent(),n=this.offset(),r=er.test(t[0].nodeName)?{top:0,left:0}:t.offset();return n.top-=parseFloat(v.css(e,"marginTop"))||0,n.left-=parseFloat(v.css(e,"marginLeft"))||0,r.top+=parseFloat(v.css(t[0],"borderTopWidth"))||0,r.left+=parseFloat(v.css(t[0],"borderLeftWidth"))||0,{top:n.top-r.top,left:n.left-r.left}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||i.body;while(e&&!er.test(e.nodeName)&&v.css(e,"position")==="static")e=e.offsetParent;return e||i.body})}}),v.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(e,n){var r=/Y/.test(n);v.fn[e]=function(i){return v.access(this,function(e,i,s){var o=tr(e);if(s===t)return o?n in o?o[n]:o.document.documentElement[i]:e[i];o?o.scrollTo(r?v(o).scrollLeft():s,r?s:v(o).scrollTop()):e[i]=s},e,i,arguments.length,null)}}),v.each({Height:"height",Width:"width"},function(e,n){v.each({padding:"inner"+e,content:n,"":"outer"+e},function(r,i){v.fn[i]=function(i,s){var o=arguments.length&&(r||typeof i!="boolean"),u=r||(i===!0||s===!0?"margin":"border");return v.access(this,function(n,r,i){var s;return v.isWindow(n)?n.document.documentElement["client"+e]:n.nodeType===9?(s=n.documentElement,Math.max(n.body["scroll"+e],s["scroll"+e],n.body["offset"+e],s["offset"+e],s["client"+e])):i===t?v.css(n,r,i,u):v.style(n,r,i,u)},n,o?i:t,o,null)}})}),e.jQuery=e.$=v,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return v})})(window); +jQuery.noConflict(); diff --git a/public/js/jquery.mobilemenu.js b/public/js/jquery.mobilemenu.js new file mode 100644 index 0000000..ef2ec18 --- /dev/null +++ b/public/js/jquery.mobilemenu.js @@ -0,0 +1,75 @@ +/** + * jQuery Mobile Menu + * Turn unordered list menu into dropdown select menu + * version 1.0(31-OCT-2011) + * + * Built on top of the jQuery library + * http://jquery.com + * + * Documentation + * http://github.com/mambows/mobilemenu + */ +(function($){ +$.fn.mobileMenu = function(options) { + + var defaults = { + defaultText: 'Navigate to...', + className: 'select-menu', + subMenuClass: 'sub-menu', + subMenuDash: '–' + }, + settings = $.extend( defaults, options ), + el = $(this); + + this.each(function(){ + // ad class to submenu list + el.find('ul').addClass(settings.subMenuClass); + + // Create base menu + $('
    a",n=p.getElementsByTagName("*"),r=p.getElementsByTagName("a")[0];if(!n||!r||!n.length)return{};s=i.createElement("select"),o=s.appendChild(i.createElement("option")),u=p.getElementsByTagName("input")[0],r.style.cssText="top:1px;float:left;opacity:.5",t={leadingWhitespace:p.firstChild.nodeType===3,tbody:!p.getElementsByTagName("tbody").length,htmlSerialize:!!p.getElementsByTagName("link").length,style:/top/.test(r.getAttribute("style")),hrefNormalized:r.getAttribute("href")==="/a",opacity:/^0.5/.test(r.style.opacity),cssFloat:!!r.style.cssFloat,checkOn:u.value==="on",optSelected:o.selected,getSetAttribute:p.className!=="t",enctype:!!i.createElement("form").enctype,html5Clone:i.createElement("nav").cloneNode(!0).outerHTML!=="<:nav>",boxModel:i.compatMode==="CSS1Compat",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0,boxSizingReliable:!0,pixelPosition:!1},u.checked=!0,t.noCloneChecked=u.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!o.disabled;try{delete p.test}catch(d){t.deleteExpando=!1}!p.addEventListener&&p.attachEvent&&p.fireEvent&&(p.attachEvent("onclick",h=function(){t.noCloneEvent=!1}),p.cloneNode(!0).fireEvent("onclick"),p.detachEvent("onclick",h)),u=i.createElement("input"),u.value="t",u.setAttribute("type","radio"),t.radioValue=u.value==="t",u.setAttribute("checked","checked"),u.setAttribute("name","t"),p.appendChild(u),a=i.createDocumentFragment(),a.appendChild(p.lastChild),t.checkClone=a.cloneNode(!0).cloneNode(!0).lastChild.checked,t.appendChecked=u.checked,a.removeChild(u),a.appendChild(p);if(p.attachEvent)for(l in{submit:!0,change:!0,focusin:!0})f="on"+l,c=f in p,c||(p.setAttribute(f,"return;"),c=typeof p[f]=="function"),t[l+"Bubbles"]=c;return v(function(){var n,r,s,o,u="padding:0;margin:0;border:0;display:block;overflow:hidden;",a=i.getElementsByTagName("body")[0];if(!a)return;n=i.createElement("div"),n.style.cssText="visibility:hidden;border:0;width:0;height:0;position:static;top:0;margin-top:1px",a.insertBefore(n,a.firstChild),r=i.createElement("div"),n.appendChild(r),r.innerHTML="
    t
    ",s=r.getElementsByTagName("td"),s[0].style.cssText="padding:0;margin:0;border:0;display:none",c=s[0].offsetHeight===0,s[0].style.display="",s[1].style.display="none",t.reliableHiddenOffsets=c&&s[0].offsetHeight===0,r.innerHTML="",r.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;",t.boxSizing=r.offsetWidth===4,t.doesNotIncludeMarginInBodyOffset=a.offsetTop!==1,e.getComputedStyle&&(t.pixelPosition=(e.getComputedStyle(r,null)||{}).top!=="1%",t.boxSizingReliable=(e.getComputedStyle(r,null)||{width:"4px"}).width==="4px",o=i.createElement("div"),o.style.cssText=r.style.cssText=u,o.style.marginRight=o.style.width="0",r.style.width="1px",r.appendChild(o),t.reliableMarginRight=!parseFloat((e.getComputedStyle(o,null)||{}).marginRight)),typeof r.style.zoom!="undefined"&&(r.innerHTML="",r.style.cssText=u+"width:1px;padding:1px;display:inline;zoom:1",t.inlineBlockNeedsLayout=r.offsetWidth===3,r.style.display="block",r.style.overflow="visible",r.innerHTML="
    ",r.firstChild.style.width="5px",t.shrinkWrapBlocks=r.offsetWidth!==3,n.style.zoom=1),a.removeChild(n),n=r=s=o=null}),a.removeChild(p),n=r=s=o=u=a=p=null,t}();var D=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,P=/([A-Z])/g;v.extend({cache:{},deletedIds:[],uuid:0,expando:"jQuery"+(v.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(e){return e=e.nodeType?v.cache[e[v.expando]]:e[v.expando],!!e&&!B(e)},data:function(e,n,r,i){if(!v.acceptData(e))return;var s,o,u=v.expando,a=typeof n=="string",f=e.nodeType,l=f?v.cache:e,c=f?e[u]:e[u]&&u;if((!c||!l[c]||!i&&!l[c].data)&&a&&r===t)return;c||(f?e[u]=c=v.deletedIds.pop()||v.guid++:c=u),l[c]||(l[c]={},f||(l[c].toJSON=v.noop));if(typeof n=="object"||typeof n=="function")i?l[c]=v.extend(l[c],n):l[c].data=v.extend(l[c].data,n);return s=l[c],i||(s.data||(s.data={}),s=s.data),r!==t&&(s[v.camelCase(n)]=r),a?(o=s[n],o==null&&(o=s[v.camelCase(n)])):o=s,o},removeData:function(e,t,n){if(!v.acceptData(e))return;var r,i,s,o=e.nodeType,u=o?v.cache:e,a=o?e[v.expando]:v.expando;if(!u[a])return;if(t){r=n?u[a]:u[a].data;if(r){v.isArray(t)||(t in r?t=[t]:(t=v.camelCase(t),t in r?t=[t]:t=t.split(" ")));for(i=0,s=t.length;i1,null,!1))},removeData:function(e){return this.each(function(){v.removeData(this,e)})}}),v.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=v._data(e,t),n&&(!r||v.isArray(n)?r=v._data(e,t,v.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=v.queue(e,t),r=n.length,i=n.shift(),s=v._queueHooks(e,t),o=function(){v.dequeue(e,t)};i==="inprogress"&&(i=n.shift(),r--),i&&(t==="fx"&&n.unshift("inprogress"),delete s.stop,i.call(e,o,s)),!r&&s&&s.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return v._data(e,n)||v._data(e,n,{empty:v.Callbacks("once memory").add(function(){v.removeData(e,t+"queue",!0),v.removeData(e,n,!0)})})}}),v.fn.extend({queue:function(e,n){var r=2;return typeof e!="string"&&(n=e,e="fx",r--),arguments.length1)},removeAttr:function(e){return this.each(function(){v.removeAttr(this,e)})},prop:function(e,t){return v.access(this,v.prop,e,t,arguments.length>1)},removeProp:function(e){return e=v.propFix[e]||e,this.each(function(){try{this[e]=t,delete this[e]}catch(n){}})},addClass:function(e){var t,n,r,i,s,o,u;if(v.isFunction(e))return this.each(function(t){v(this).addClass(e.call(this,t,this.className))});if(e&&typeof e=="string"){t=e.split(y);for(n=0,r=this.length;n=0)r=r.replace(" "+n[s]+" "," ");i.className=e?v.trim(r):""}}}return this},toggleClass:function(e,t){var n=typeof e,r=typeof t=="boolean";return v.isFunction(e)?this.each(function(n){v(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if(n==="string"){var i,s=0,o=v(this),u=t,a=e.split(y);while(i=a[s++])u=r?u:!o.hasClass(i),o[u?"addClass":"removeClass"](i)}else if(n==="undefined"||n==="boolean")this.className&&v._data(this,"__className__",this.className),this.className=this.className||e===!1?"":v._data(this,"__className__")||""})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;n=0)return!0;return!1},val:function(e){var n,r,i,s=this[0];if(!arguments.length){if(s)return n=v.valHooks[s.type]||v.valHooks[s.nodeName.toLowerCase()],n&&"get"in n&&(r=n.get(s,"value"))!==t?r:(r=s.value,typeof r=="string"?r.replace(R,""):r==null?"":r);return}return i=v.isFunction(e),this.each(function(r){var s,o=v(this);if(this.nodeType!==1)return;i?s=e.call(this,r,o.val()):s=e,s==null?s="":typeof s=="number"?s+="":v.isArray(s)&&(s=v.map(s,function(e){return e==null?"":e+""})),n=v.valHooks[this.type]||v.valHooks[this.nodeName.toLowerCase()];if(!n||!("set"in n)||n.set(this,s,"value")===t)this.value=s})}}),v.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,s=e.type==="select-one"||i<0,o=s?null:[],u=s?i+1:r.length,a=i<0?u:s?i:0;for(;a=0}),n.length||(e.selectedIndex=-1),n}}},attrFn:{},attr:function(e,n,r,i){var s,o,u,a=e.nodeType;if(!e||a===3||a===8||a===2)return;if(i&&v.isFunction(v.fn[n]))return v(e)[n](r);if(typeof e.getAttribute=="undefined")return v.prop(e,n,r);u=a!==1||!v.isXMLDoc(e),u&&(n=n.toLowerCase(),o=v.attrHooks[n]||(X.test(n)?F:j));if(r!==t){if(r===null){v.removeAttr(e,n);return}return o&&"set"in o&&u&&(s=o.set(e,r,n))!==t?s:(e.setAttribute(n,r+""),r)}return o&&"get"in o&&u&&(s=o.get(e,n))!==null?s:(s=e.getAttribute(n),s===null?t:s)},removeAttr:function(e,t){var n,r,i,s,o=0;if(t&&e.nodeType===1){r=t.split(y);for(;o=0}})});var $=/^(?:textarea|input|select)$/i,J=/^([^\.]*|)(?:\.(.+)|)$/,K=/(?:^|\s)hover(\.\S+|)\b/,Q=/^key/,G=/^(?:mouse|contextmenu)|click/,Y=/^(?:focusinfocus|focusoutblur)$/,Z=function(e){return v.event.special.hover?e:e.replace(K,"mouseenter$1 mouseleave$1")};v.event={add:function(e,n,r,i,s){var o,u,a,f,l,c,h,p,d,m,g;if(e.nodeType===3||e.nodeType===8||!n||!r||!(o=v._data(e)))return;r.handler&&(d=r,r=d.handler,s=d.selector),r.guid||(r.guid=v.guid++),a=o.events,a||(o.events=a={}),u=o.handle,u||(o.handle=u=function(e){return typeof v=="undefined"||!!e&&v.event.triggered===e.type?t:v.event.dispatch.apply(u.elem,arguments)},u.elem=e),n=v.trim(Z(n)).split(" ");for(f=0;f=0&&(y=y.slice(0,-1),a=!0),y.indexOf(".")>=0&&(b=y.split("."),y=b.shift(),b.sort());if((!s||v.event.customEvent[y])&&!v.event.global[y])return;n=typeof n=="object"?n[v.expando]?n:new v.Event(y,n):new v.Event(y),n.type=y,n.isTrigger=!0,n.exclusive=a,n.namespace=b.join("."),n.namespace_re=n.namespace?new RegExp("(^|\\.)"+b.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,h=y.indexOf(":")<0?"on"+y:"";if(!s){u=v.cache;for(f in u)u[f].events&&u[f].events[y]&&v.event.trigger(n,r,u[f].handle.elem,!0);return}n.result=t,n.target||(n.target=s),r=r!=null?v.makeArray(r):[],r.unshift(n),p=v.event.special[y]||{};if(p.trigger&&p.trigger.apply(s,r)===!1)return;m=[[s,p.bindType||y]];if(!o&&!p.noBubble&&!v.isWindow(s)){g=p.delegateType||y,l=Y.test(g+y)?s:s.parentNode;for(c=s;l;l=l.parentNode)m.push([l,g]),c=l;c===(s.ownerDocument||i)&&m.push([c.defaultView||c.parentWindow||e,g])}for(f=0;f=0:v.find(h,this,null,[s]).length),u[h]&&f.push(c);f.length&&w.push({elem:s,matches:f})}d.length>m&&w.push({elem:this,matches:d.slice(m)});for(r=0;r0?this.on(t,null,e,n):this.trigger(t)},Q.test(t)&&(v.event.fixHooks[t]=v.event.keyHooks),G.test(t)&&(v.event.fixHooks[t]=v.event.mouseHooks)}),function(e,t){function nt(e,t,n,r){n=n||[],t=t||g;var i,s,a,f,l=t.nodeType;if(!e||typeof e!="string")return n;if(l!==1&&l!==9)return[];a=o(t);if(!a&&!r)if(i=R.exec(e))if(f=i[1]){if(l===9){s=t.getElementById(f);if(!s||!s.parentNode)return n;if(s.id===f)return n.push(s),n}else if(t.ownerDocument&&(s=t.ownerDocument.getElementById(f))&&u(t,s)&&s.id===f)return n.push(s),n}else{if(i[2])return S.apply(n,x.call(t.getElementsByTagName(e),0)),n;if((f=i[3])&&Z&&t.getElementsByClassName)return S.apply(n,x.call(t.getElementsByClassName(f),0)),n}return vt(e.replace(j,"$1"),t,n,r,a)}function rt(e){return function(t){var n=t.nodeName.toLowerCase();return n==="input"&&t.type===e}}function it(e){return function(t){var n=t.nodeName.toLowerCase();return(n==="input"||n==="button")&&t.type===e}}function st(e){return N(function(t){return t=+t,N(function(n,r){var i,s=e([],n.length,t),o=s.length;while(o--)n[i=s[o]]&&(n[i]=!(r[i]=n[i]))})})}function ot(e,t,n){if(e===t)return n;var r=e.nextSibling;while(r){if(r===t)return-1;r=r.nextSibling}return 1}function ut(e,t){var n,r,s,o,u,a,f,l=L[d][e+" "];if(l)return t?0:l.slice(0);u=e,a=[],f=i.preFilter;while(u){if(!n||(r=F.exec(u)))r&&(u=u.slice(r[0].length)||u),a.push(s=[]);n=!1;if(r=I.exec(u))s.push(n=new m(r.shift())),u=u.slice(n.length),n.type=r[0].replace(j," ");for(o in i.filter)(r=J[o].exec(u))&&(!f[o]||(r=f[o](r)))&&(s.push(n=new m(r.shift())),u=u.slice(n.length),n.type=o,n.matches=r);if(!n)break}return t?u.length:u?nt.error(e):L(e,a).slice(0)}function at(e,t,r){var i=t.dir,s=r&&t.dir==="parentNode",o=w++;return t.first?function(t,n,r){while(t=t[i])if(s||t.nodeType===1)return e(t,n,r)}:function(t,r,u){if(!u){var a,f=b+" "+o+" ",l=f+n;while(t=t[i])if(s||t.nodeType===1){if((a=t[d])===l)return t.sizset;if(typeof a=="string"&&a.indexOf(f)===0){if(t.sizset)return t}else{t[d]=l;if(e(t,r,u))return t.sizset=!0,t;t.sizset=!1}}}else while(t=t[i])if(s||t.nodeType===1)if(e(t,r,u))return t}}function ft(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function lt(e,t,n,r,i){var s,o=[],u=0,a=e.length,f=t!=null;for(;u-1&&(s[f]=!(o[f]=c))}}else g=lt(g===o?g.splice(d,g.length):g),i?i(null,o,g,a):S.apply(o,g)})}function ht(e){var t,n,r,s=e.length,o=i.relative[e[0].type],u=o||i.relative[" "],a=o?1:0,f=at(function(e){return e===t},u,!0),l=at(function(e){return T.call(t,e)>-1},u,!0),h=[function(e,n,r){return!o&&(r||n!==c)||((t=n).nodeType?f(e,n,r):l(e,n,r))}];for(;a1&&ft(h),a>1&&e.slice(0,a-1).join("").replace(j,"$1"),n,a0,s=e.length>0,o=function(u,a,f,l,h){var p,d,v,m=[],y=0,w="0",x=u&&[],T=h!=null,N=c,C=u||s&&i.find.TAG("*",h&&a.parentNode||a),k=b+=N==null?1:Math.E;T&&(c=a!==g&&a,n=o.el);for(;(p=C[w])!=null;w++){if(s&&p){for(d=0;v=e[d];d++)if(v(p,a,f)){l.push(p);break}T&&(b=k,n=++o.el)}r&&((p=!v&&p)&&y--,u&&x.push(p))}y+=w;if(r&&w!==y){for(d=0;v=t[d];d++)v(x,m,a,f);if(u){if(y>0)while(w--)!x[w]&&!m[w]&&(m[w]=E.call(l));m=lt(m)}S.apply(l,m),T&&!u&&m.length>0&&y+t.length>1&&nt.uniqueSort(l)}return T&&(b=k,c=N),x};return o.el=0,r?N(o):o}function dt(e,t,n){var r=0,i=t.length;for(;r2&&(f=u[0]).type==="ID"&&t.nodeType===9&&!s&&i.relative[u[1].type]){t=i.find.ID(f.matches[0].replace($,""),t,s)[0];if(!t)return n;e=e.slice(u.shift().length)}for(o=J.POS.test(e)?-1:u.length-1;o>=0;o--){f=u[o];if(i.relative[l=f.type])break;if(c=i.find[l])if(r=c(f.matches[0].replace($,""),z.test(u[0].type)&&t.parentNode||t,s)){u.splice(o,1),e=r.length&&u.join("");if(!e)return S.apply(n,x.call(r,0)),n;break}}}return a(e,h)(r,t,s,n,z.test(e)),n}function mt(){}var n,r,i,s,o,u,a,f,l,c,h=!0,p="undefined",d=("sizcache"+Math.random()).replace(".",""),m=String,g=e.document,y=g.documentElement,b=0,w=0,E=[].pop,S=[].push,x=[].slice,T=[].indexOf||function(e){var t=0,n=this.length;for(;ti.cacheLength&&delete e[t.shift()],e[n+" "]=r},e)},k=C(),L=C(),A=C(),O="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[-\\w]|[^\\x00-\\xa0])+",_=M.replace("w","w#"),D="([*^$|!~]?=)",P="\\["+O+"*("+M+")"+O+"*(?:"+D+O+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+_+")|)|)"+O+"*\\]",H=":("+M+")(?:\\((?:(['\"])((?:\\\\.|[^\\\\])*?)\\2|([^()[\\]]*|(?:(?:"+P+")|[^:]|\\\\.)*|.*))\\)|)",B=":(even|odd|eq|gt|lt|nth|first|last)(?:\\("+O+"*((?:-\\d)?\\d*)"+O+"*\\)|)(?=[^-]|$)",j=new RegExp("^"+O+"+|((?:^|[^\\\\])(?:\\\\.)*)"+O+"+$","g"),F=new RegExp("^"+O+"*,"+O+"*"),I=new RegExp("^"+O+"*([\\x20\\t\\r\\n\\f>+~])"+O+"*"),q=new RegExp(H),R=/^(?:#([\w\-]+)|(\w+)|\.([\w\-]+))$/,U=/^:not/,z=/[\x20\t\r\n\f]*[+~]/,W=/:not\($/,X=/h\d/i,V=/input|select|textarea|button/i,$=/\\(?!\\)/g,J={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),NAME:new RegExp("^\\[name=['\"]?("+M+")['\"]?\\]"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+P),PSEUDO:new RegExp("^"+H),POS:new RegExp(B,"i"),CHILD:new RegExp("^:(only|nth|first|last)-child(?:\\("+O+"*(even|odd|(([+-]|)(\\d*)n|)"+O+"*(?:([+-]|)"+O+"*(\\d+)|))"+O+"*\\)|)","i"),needsContext:new RegExp("^"+O+"*[>+~]|"+B,"i")},K=function(e){var t=g.createElement("div");try{return e(t)}catch(n){return!1}finally{t=null}},Q=K(function(e){return e.appendChild(g.createComment("")),!e.getElementsByTagName("*").length}),G=K(function(e){return e.innerHTML="",e.firstChild&&typeof e.firstChild.getAttribute!==p&&e.firstChild.getAttribute("href")==="#"}),Y=K(function(e){e.innerHTML="";var t=typeof e.lastChild.getAttribute("multiple");return t!=="boolean"&&t!=="string"}),Z=K(function(e){return e.innerHTML="",!e.getElementsByClassName||!e.getElementsByClassName("e").length?!1:(e.lastChild.className="e",e.getElementsByClassName("e").length===2)}),et=K(function(e){e.id=d+0,e.innerHTML="
    ",y.insertBefore(e,y.firstChild);var t=g.getElementsByName&&g.getElementsByName(d).length===2+g.getElementsByName(d+0).length;return r=!g.getElementById(d),y.removeChild(e),t});try{x.call(y.childNodes,0)[0].nodeType}catch(tt){x=function(e){var t,n=[];for(;t=this[e];e++)n.push(t);return n}}nt.matches=function(e,t){return nt(e,null,null,t)},nt.matchesSelector=function(e,t){return nt(t,null,null,[e]).length>0},s=nt.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(i===1||i===9||i===11){if(typeof e.textContent=="string")return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=s(e)}else if(i===3||i===4)return e.nodeValue}else for(;t=e[r];r++)n+=s(t);return n},o=nt.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?t.nodeName!=="HTML":!1},u=nt.contains=y.contains?function(e,t){var n=e.nodeType===9?e.documentElement:e,r=t&&t.parentNode;return e===r||!!(r&&r.nodeType===1&&n.contains&&n.contains(r))}:y.compareDocumentPosition?function(e,t){return t&&!!(e.compareDocumentPosition(t)&16)}:function(e,t){while(t=t.parentNode)if(t===e)return!0;return!1},nt.attr=function(e,t){var n,r=o(e);return r||(t=t.toLowerCase()),(n=i.attrHandle[t])?n(e):r||Y?e.getAttribute(t):(n=e.getAttributeNode(t),n?typeof e[t]=="boolean"?e[t]?t:null:n.specified?n.value:null:null)},i=nt.selectors={cacheLength:50,createPseudo:N,match:J,attrHandle:G?{}:{href:function(e){return e.getAttribute("href",2)},type:function(e){return e.getAttribute("type")}},find:{ID:r?function(e,t,n){if(typeof t.getElementById!==p&&!n){var r=t.getElementById(e);return r&&r.parentNode?[r]:[]}}:function(e,n,r){if(typeof n.getElementById!==p&&!r){var i=n.getElementById(e);return i?i.id===e||typeof i.getAttributeNode!==p&&i.getAttributeNode("id").value===e?[i]:t:[]}},TAG:Q?function(e,t){if(typeof t.getElementsByTagName!==p)return t.getElementsByTagName(e)}:function(e,t){var n=t.getElementsByTagName(e);if(e==="*"){var r,i=[],s=0;for(;r=n[s];s++)r.nodeType===1&&i.push(r);return i}return n},NAME:et&&function(e,t){if(typeof t.getElementsByName!==p)return t.getElementsByName(name)},CLASS:Z&&function(e,t,n){if(typeof t.getElementsByClassName!==p&&!n)return t.getElementsByClassName(e)}},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace($,""),e[3]=(e[4]||e[5]||"").replace($,""),e[2]==="~="&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),e[1]==="nth"?(e[2]||nt.error(e[0]),e[3]=+(e[3]?e[4]+(e[5]||1):2*(e[2]==="even"||e[2]==="odd")),e[4]=+(e[6]+e[7]||e[2]==="odd")):e[2]&&nt.error(e[0]),e},PSEUDO:function(e){var t,n;if(J.CHILD.test(e[0]))return null;if(e[3])e[2]=e[3];else if(t=e[4])q.test(t)&&(n=ut(t,!0))&&(n=t.indexOf(")",t.length-n)-t.length)&&(t=t.slice(0,n),e[0]=e[0].slice(0,n)),e[2]=t;return e.slice(0,3)}},filter:{ID:r?function(e){return e=e.replace($,""),function(t){return t.getAttribute("id")===e}}:function(e){return e=e.replace($,""),function(t){var n=typeof t.getAttributeNode!==p&&t.getAttributeNode("id");return n&&n.value===e}},TAG:function(e){return e==="*"?function(){return!0}:(e=e.replace($,"").toLowerCase(),function(t){return t.nodeName&&t.nodeName.toLowerCase()===e})},CLASS:function(e){var t=k[d][e+" "];return t||(t=new RegExp("(^|"+O+")"+e+"("+O+"|$)"))&&k(e,function(e){return t.test(e.className||typeof e.getAttribute!==p&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r,i){var s=nt.attr(r,e);return s==null?t==="!=":t?(s+="",t==="="?s===n:t==="!="?s!==n:t==="^="?n&&s.indexOf(n)===0:t==="*="?n&&s.indexOf(n)>-1:t==="$="?n&&s.substr(s.length-n.length)===n:t==="~="?(" "+s+" ").indexOf(n)>-1:t==="|="?s===n||s.substr(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r){return e==="nth"?function(e){var t,i,s=e.parentNode;if(n===1&&r===0)return!0;if(s){i=0;for(t=s.firstChild;t;t=t.nextSibling)if(t.nodeType===1){i++;if(e===t)break}}return i-=r,i===n||i%n===0&&i/n>=0}:function(t){var n=t;switch(e){case"only":case"first":while(n=n.previousSibling)if(n.nodeType===1)return!1;if(e==="first")return!0;n=t;case"last":while(n=n.nextSibling)if(n.nodeType===1)return!1;return!0}}},PSEUDO:function(e,t){var n,r=i.pseudos[e]||i.setFilters[e.toLowerCase()]||nt.error("unsupported pseudo: "+e);return r[d]?r(t):r.length>1?(n=[e,e,"",t],i.setFilters.hasOwnProperty(e.toLowerCase())?N(function(e,n){var i,s=r(e,t),o=s.length;while(o--)i=T.call(e,s[o]),e[i]=!(n[i]=s[o])}):function(e){return r(e,0,n)}):r}},pseudos:{not:N(function(e){var t=[],n=[],r=a(e.replace(j,"$1"));return r[d]?N(function(e,t,n,i){var s,o=r(e,null,i,[]),u=e.length;while(u--)if(s=o[u])e[u]=!(t[u]=s)}):function(e,i,s){return t[0]=e,r(t,null,s,n),!n.pop()}}),has:N(function(e){return function(t){return nt(e,t).length>0}}),contains:N(function(e){return function(t){return(t.textContent||t.innerText||s(t)).indexOf(e)>-1}}),enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return t==="input"&&!!e.checked||t==="option"&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},parent:function(e){return!i.pseudos.empty(e)},empty:function(e){var t;e=e.firstChild;while(e){if(e.nodeName>"@"||(t=e.nodeType)===3||t===4)return!1;e=e.nextSibling}return!0},header:function(e){return X.test(e.nodeName)},text:function(e){var t,n;return e.nodeName.toLowerCase()==="input"&&(t=e.type)==="text"&&((n=e.getAttribute("type"))==null||n.toLowerCase()===t)},radio:rt("radio"),checkbox:rt("checkbox"),file:rt("file"),password:rt("password"),image:rt("image"),submit:it("submit"),reset:it("reset"),button:function(e){var t=e.nodeName.toLowerCase();return t==="input"&&e.type==="button"||t==="button"},input:function(e){return V.test(e.nodeName)},focus:function(e){var t=e.ownerDocument;return e===t.activeElement&&(!t.hasFocus||t.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},active:function(e){return e===e.ownerDocument.activeElement},first:st(function(){return[0]}),last:st(function(e,t){return[t-1]}),eq:st(function(e,t,n){return[n<0?n+t:n]}),even:st(function(e,t){for(var n=0;n=0;)e.push(r);return e}),gt:st(function(e,t,n){for(var r=n<0?n+t:n;++r",e.querySelectorAll("[selected]").length||i.push("\\["+O+"*(?:checked|disabled|ismap|multiple|readonly|selected|value)"),e.querySelectorAll(":checked").length||i.push(":checked")}),K(function(e){e.innerHTML="

    ",e.querySelectorAll("[test^='']").length&&i.push("[*^$]="+O+"*(?:\"\"|'')"),e.innerHTML="",e.querySelectorAll(":enabled").length||i.push(":enabled",":disabled")}),i=new RegExp(i.join("|")),vt=function(e,r,s,o,u){if(!o&&!u&&!i.test(e)){var a,f,l=!0,c=d,h=r,p=r.nodeType===9&&e;if(r.nodeType===1&&r.nodeName.toLowerCase()!=="object"){a=ut(e),(l=r.getAttribute("id"))?c=l.replace(n,"\\$&"):r.setAttribute("id",c),c="[id='"+c+"'] ",f=a.length;while(f--)a[f]=c+a[f].join("");h=z.test(e)&&r.parentNode||r,p=a.join(",")}if(p)try{return S.apply(s,x.call(h.querySelectorAll(p),0)),s}catch(v){}finally{l||r.removeAttribute("id")}}return t(e,r,s,o,u)},u&&(K(function(t){e=u.call(t,"div");try{u.call(t,"[test!='']:sizzle"),s.push("!=",H)}catch(n){}}),s=new RegExp(s.join("|")),nt.matchesSelector=function(t,n){n=n.replace(r,"='$1']");if(!o(t)&&!s.test(n)&&!i.test(n))try{var a=u.call(t,n);if(a||e||t.document&&t.document.nodeType!==11)return a}catch(f){}return nt(n,null,null,[t]).length>0})}(),i.pseudos.nth=i.pseudos.eq,i.filters=mt.prototype=i.pseudos,i.setFilters=new mt,nt.attr=v.attr,v.find=nt,v.expr=nt.selectors,v.expr[":"]=v.expr.pseudos,v.unique=nt.uniqueSort,v.text=nt.getText,v.isXMLDoc=nt.isXML,v.contains=nt.contains}(e);var nt=/Until$/,rt=/^(?:parents|prev(?:Until|All))/,it=/^.[^:#\[\.,]*$/,st=v.expr.match.needsContext,ot={children:!0,contents:!0,next:!0,prev:!0};v.fn.extend({find:function(e){var t,n,r,i,s,o,u=this;if(typeof e!="string")return v(e).filter(function(){for(t=0,n=u.length;t0)for(i=r;i=0:v.filter(e,this).length>0:this.filter(e).length>0)},closest:function(e,t){var n,r=0,i=this.length,s=[],o=st.test(e)||typeof e!="string"?v(e,t||this.context):0;for(;r-1:v.find.matchesSelector(n,e)){s.push(n);break}n=n.parentNode}}return s=s.length>1?v.unique(s):s,this.pushStack(s,"closest",e)},index:function(e){return e?typeof e=="string"?v.inArray(this[0],v(e)):v.inArray(e.jquery?e[0]:e,this):this[0]&&this[0].parentNode?this.prevAll().length:-1},add:function(e,t){var n=typeof e=="string"?v(e,t):v.makeArray(e&&e.nodeType?[e]:e),r=v.merge(this.get(),n);return this.pushStack(ut(n[0])||ut(r[0])?r:v.unique(r))},addBack:function(e){return this.add(e==null?this.prevObject:this.prevObject.filter(e))}}),v.fn.andSelf=v.fn.addBack,v.each({parent:function(e){var t=e.parentNode;return t&&t.nodeType!==11?t:null},parents:function(e){return v.dir(e,"parentNode")},parentsUntil:function(e,t,n){return v.dir(e,"parentNode",n)},next:function(e){return at(e,"nextSibling")},prev:function(e){return at(e,"previousSibling")},nextAll:function(e){return v.dir(e,"nextSibling")},prevAll:function(e){return v.dir(e,"previousSibling")},nextUntil:function(e,t,n){return v.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return v.dir(e,"previousSibling",n)},siblings:function(e){return v.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return v.sibling(e.firstChild)},contents:function(e){return v.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:v.merge([],e.childNodes)}},function(e,t){v.fn[e]=function(n,r){var i=v.map(this,t,n);return nt.test(e)||(r=n),r&&typeof r=="string"&&(i=v.filter(r,i)),i=this.length>1&&!ot[e]?v.unique(i):i,this.length>1&&rt.test(e)&&(i=i.reverse()),this.pushStack(i,e,l.call(arguments).join(","))}}),v.extend({filter:function(e,t,n){return n&&(e=":not("+e+")"),t.length===1?v.find.matchesSelector(t[0],e)?[t[0]]:[]:v.find.matches(e,t)},dir:function(e,n,r){var i=[],s=e[n];while(s&&s.nodeType!==9&&(r===t||s.nodeType!==1||!v(s).is(r)))s.nodeType===1&&i.push(s),s=s[n];return i},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)e.nodeType===1&&e!==t&&n.push(e);return n}});var ct="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",ht=/ jQuery\d+="(?:null|\d+)"/g,pt=/^\s+/,dt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,vt=/<([\w:]+)/,mt=/]","i"),Et=/^(?:checkbox|radio)$/,St=/checked\s*(?:[^=]|=\s*.checked.)/i,xt=/\/(java|ecma)script/i,Tt=/^\s*\s*$/g,Nt={option:[1,""],legend:[1,"
    ","
    "],thead:[1,"","
    "],tr:[2,"","
    "],td:[3,"","
    "],col:[2,"","
    "],area:[1,"",""],_default:[0,"",""]},Ct=lt(i),kt=Ct.appendChild(i.createElement("div"));Nt.optgroup=Nt.option,Nt.tbody=Nt.tfoot=Nt.colgroup=Nt.caption=Nt.thead,Nt.th=Nt.td,v.support.htmlSerialize||(Nt._default=[1,"X
    ","
    "]),v.fn.extend({text:function(e){return v.access(this,function(e){return e===t?v.text(this):this.empty().append((this[0]&&this[0].ownerDocument||i).createTextNode(e))},null,e,arguments.length)},wrapAll:function(e){if(v.isFunction(e))return this.each(function(t){v(this).wrapAll(e.call(this,t))});if(this[0]){var t=v(e,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstChild&&e.firstChild.nodeType===1)e=e.firstChild;return e}).append(this)}return this},wrapInner:function(e){return v.isFunction(e)?this.each(function(t){v(this).wrapInner(e.call(this,t))}):this.each(function(){var t=v(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=v.isFunction(e);return this.each(function(n){v(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){v.nodeName(this,"body")||v(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(e){(this.nodeType===1||this.nodeType===11)&&this.appendChild(e)})},prepend:function(){return this.domManip(arguments,!0,function(e){(this.nodeType===1||this.nodeType===11)&&this.insertBefore(e,this.firstChild)})},before:function(){if(!ut(this[0]))return this.domManip(arguments,!1,function(e){this.parentNode.insertBefore(e,this)});if(arguments.length){var e=v.clean(arguments);return this.pushStack(v.merge(e,this),"before",this.selector)}},after:function(){if(!ut(this[0]))return this.domManip(arguments,!1,function(e){this.parentNode.insertBefore(e,this.nextSibling)});if(arguments.length){var e=v.clean(arguments);return this.pushStack(v.merge(this,e),"after",this.selector)}},remove:function(e,t){var n,r=0;for(;(n=this[r])!=null;r++)if(!e||v.filter(e,[n]).length)!t&&n.nodeType===1&&(v.cleanData(n.getElementsByTagName("*")),v.cleanData([n])),n.parentNode&&n.parentNode.removeChild(n);return this},empty:function(){var e,t=0;for(;(e=this[t])!=null;t++){e.nodeType===1&&v.cleanData(e.getElementsByTagName("*"));while(e.firstChild)e.removeChild(e.firstChild)}return this},clone:function(e,t){return e=e==null?!1:e,t=t==null?e:t,this.map(function(){return v.clone(this,e,t)})},html:function(e){return v.access(this,function(e){var n=this[0]||{},r=0,i=this.length;if(e===t)return n.nodeType===1?n.innerHTML.replace(ht,""):t;if(typeof e=="string"&&!yt.test(e)&&(v.support.htmlSerialize||!wt.test(e))&&(v.support.leadingWhitespace||!pt.test(e))&&!Nt[(vt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(dt,"<$1>");try{for(;r1&&typeof f=="string"&&St.test(f))return this.each(function(){v(this).domManip(e,n,r)});if(v.isFunction(f))return this.each(function(i){var s=v(this);e[0]=f.call(this,i,n?s.html():t),s.domManip(e,n,r)});if(this[0]){i=v.buildFragment(e,this,l),o=i.fragment,s=o.firstChild,o.childNodes.length===1&&(o=s);if(s){n=n&&v.nodeName(s,"tr");for(u=i.cacheable||c-1;a0?this.clone(!0):this).get(),v(o[i])[t](r),s=s.concat(r);return this.pushStack(s,e,o.selector)}}),v.extend({clone:function(e,t,n){var r,i,s,o;v.support.html5Clone||v.isXMLDoc(e)||!wt.test("<"+e.nodeName+">")?o=e.cloneNode(!0):(kt.innerHTML=e.outerHTML,kt.removeChild(o=kt.firstChild));if((!v.support.noCloneEvent||!v.support.noCloneChecked)&&(e.nodeType===1||e.nodeType===11)&&!v.isXMLDoc(e)){Ot(e,o),r=Mt(e),i=Mt(o);for(s=0;r[s];++s)i[s]&&Ot(r[s],i[s])}if(t){At(e,o);if(n){r=Mt(e),i=Mt(o);for(s=0;r[s];++s)At(r[s],i[s])}}return r=i=null,o},clean:function(e,t,n,r){var s,o,u,a,f,l,c,h,p,d,m,g,y=t===i&&Ct,b=[];if(!t||typeof t.createDocumentFragment=="undefined")t=i;for(s=0;(u=e[s])!=null;s++){typeof u=="number"&&(u+="");if(!u)continue;if(typeof u=="string")if(!gt.test(u))u=t.createTextNode(u);else{y=y||lt(t),c=t.createElement("div"),y.appendChild(c),u=u.replace(dt,"<$1>"),a=(vt.exec(u)||["",""])[1].toLowerCase(),f=Nt[a]||Nt._default,l=f[0],c.innerHTML=f[1]+u+f[2];while(l--)c=c.lastChild;if(!v.support.tbody){h=mt.test(u),p=a==="table"&&!h?c.firstChild&&c.firstChild.childNodes:f[1]===""&&!h?c.childNodes:[];for(o=p.length-1;o>=0;--o)v.nodeName(p[o],"tbody")&&!p[o].childNodes.length&&p[o].parentNode.removeChild(p[o])}!v.support.leadingWhitespace&&pt.test(u)&&c.insertBefore(t.createTextNode(pt.exec(u)[0]),c.firstChild),u=c.childNodes,c.parentNode.removeChild(c)}u.nodeType?b.push(u):v.merge(b,u)}c&&(u=c=y=null);if(!v.support.appendChecked)for(s=0;(u=b[s])!=null;s++)v.nodeName(u,"input")?_t(u):typeof u.getElementsByTagName!="undefined"&&v.grep(u.getElementsByTagName("input"),_t);if(n){m=function(e){if(!e.type||xt.test(e.type))return r?r.push(e.parentNode?e.parentNode.removeChild(e):e):n.appendChild(e)};for(s=0;(u=b[s])!=null;s++)if(!v.nodeName(u,"script")||!m(u))n.appendChild(u),typeof u.getElementsByTagName!="undefined"&&(g=v.grep(v.merge([],u.getElementsByTagName("script")),m),b.splice.apply(b,[s+1,0].concat(g)),s+=g.length)}return b},cleanData:function(e,t){var n,r,i,s,o=0,u=v.expando,a=v.cache,f=v.support.deleteExpando,l=v.event.special;for(;(i=e[o])!=null;o++)if(t||v.acceptData(i)){r=i[u],n=r&&a[r];if(n){if(n.events)for(s in n.events)l[s]?v.event.remove(i,s):v.removeEvent(i,s,n.handle);a[r]&&(delete a[r],f?delete i[u]:i.removeAttribute?i.removeAttribute(u):i[u]=null,v.deletedIds.push(r))}}}}),function(){var e,t;v.uaMatch=function(e){e=e.toLowerCase();var t=/(chrome)[ \/]([\w.]+)/.exec(e)||/(webkit)[ \/]([\w.]+)/.exec(e)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(e)||/(msie) ([\w.]+)/.exec(e)||e.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(e)||[];return{browser:t[1]||"",version:t[2]||"0"}},e=v.uaMatch(o.userAgent),t={},e.browser&&(t[e.browser]=!0,t.version=e.version),t.chrome?t.webkit=!0:t.webkit&&(t.safari=!0),v.browser=t,v.sub=function(){function e(t,n){return new e.fn.init(t,n)}v.extend(!0,e,this),e.superclass=this,e.fn=e.prototype=this(),e.fn.constructor=e,e.sub=this.sub,e.fn.init=function(r,i){return i&&i instanceof v&&!(i instanceof e)&&(i=e(i)),v.fn.init.call(this,r,i,t)},e.fn.init.prototype=e.fn;var t=e(i);return e}}();var Dt,Pt,Ht,Bt=/alpha\([^)]*\)/i,jt=/opacity=([^)]*)/,Ft=/^(top|right|bottom|left)$/,It=/^(none|table(?!-c[ea]).+)/,qt=/^margin/,Rt=new RegExp("^("+m+")(.*)$","i"),Ut=new RegExp("^("+m+")(?!px)[a-z%]+$","i"),zt=new RegExp("^([-+])=("+m+")","i"),Wt={BODY:"block"},Xt={position:"absolute",visibility:"hidden",display:"block"},Vt={letterSpacing:0,fontWeight:400},$t=["Top","Right","Bottom","Left"],Jt=["Webkit","O","Moz","ms"],Kt=v.fn.toggle;v.fn.extend({css:function(e,n){return v.access(this,function(e,n,r){return r!==t?v.style(e,n,r):v.css(e,n)},e,n,arguments.length>1)},show:function(){return Yt(this,!0)},hide:function(){return Yt(this)},toggle:function(e,t){var n=typeof e=="boolean";return v.isFunction(e)&&v.isFunction(t)?Kt.apply(this,arguments):this.each(function(){(n?e:Gt(this))?v(this).show():v(this).hide()})}}),v.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Dt(e,"opacity");return n===""?"1":n}}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":v.support.cssFloat?"cssFloat":"styleFloat"},style:function(e,n,r,i){if(!e||e.nodeType===3||e.nodeType===8||!e.style)return;var s,o,u,a=v.camelCase(n),f=e.style;n=v.cssProps[a]||(v.cssProps[a]=Qt(f,a)),u=v.cssHooks[n]||v.cssHooks[a];if(r===t)return u&&"get"in u&&(s=u.get(e,!1,i))!==t?s:f[n];o=typeof r,o==="string"&&(s=zt.exec(r))&&(r=(s[1]+1)*s[2]+parseFloat(v.css(e,n)),o="number");if(r==null||o==="number"&&isNaN(r))return;o==="number"&&!v.cssNumber[a]&&(r+="px");if(!u||!("set"in u)||(r=u.set(e,r,i))!==t)try{f[n]=r}catch(l){}},css:function(e,n,r,i){var s,o,u,a=v.camelCase(n);return n=v.cssProps[a]||(v.cssProps[a]=Qt(e.style,a)),u=v.cssHooks[n]||v.cssHooks[a],u&&"get"in u&&(s=u.get(e,!0,i)),s===t&&(s=Dt(e,n)),s==="normal"&&n in Vt&&(s=Vt[n]),r||i!==t?(o=parseFloat(s),r||v.isNumeric(o)?o||0:s):s},swap:function(e,t,n){var r,i,s={};for(i in t)s[i]=e.style[i],e.style[i]=t[i];r=n.call(e);for(i in t)e.style[i]=s[i];return r}}),e.getComputedStyle?Dt=function(t,n){var r,i,s,o,u=e.getComputedStyle(t,null),a=t.style;return u&&(r=u.getPropertyValue(n)||u[n],r===""&&!v.contains(t.ownerDocument,t)&&(r=v.style(t,n)),Ut.test(r)&&qt.test(n)&&(i=a.width,s=a.minWidth,o=a.maxWidth,a.minWidth=a.maxWidth=a.width=r,r=u.width,a.width=i,a.minWidth=s,a.maxWidth=o)),r}:i.documentElement.currentStyle&&(Dt=function(e,t){var n,r,i=e.currentStyle&&e.currentStyle[t],s=e.style;return i==null&&s&&s[t]&&(i=s[t]),Ut.test(i)&&!Ft.test(t)&&(n=s.left,r=e.runtimeStyle&&e.runtimeStyle.left,r&&(e.runtimeStyle.left=e.currentStyle.left),s.left=t==="fontSize"?"1em":i,i=s.pixelLeft+"px",s.left=n,r&&(e.runtimeStyle.left=r)),i===""?"auto":i}),v.each(["height","width"],function(e,t){v.cssHooks[t]={get:function(e,n,r){if(n)return e.offsetWidth===0&&It.test(Dt(e,"display"))?v.swap(e,Xt,function(){return tn(e,t,r)}):tn(e,t,r)},set:function(e,n,r){return Zt(e,n,r?en(e,t,r,v.support.boxSizing&&v.css(e,"boxSizing")==="border-box"):0)}}}),v.support.opacity||(v.cssHooks.opacity={get:function(e,t){return jt.test((t&&e.currentStyle?e.currentStyle.filter:e.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":t?"1":""},set:function(e,t){var n=e.style,r=e.currentStyle,i=v.isNumeric(t)?"alpha(opacity="+t*100+")":"",s=r&&r.filter||n.filter||"";n.zoom=1;if(t>=1&&v.trim(s.replace(Bt,""))===""&&n.removeAttribute){n.removeAttribute("filter");if(r&&!r.filter)return}n.filter=Bt.test(s)?s.replace(Bt,i):s+" "+i}}),v(function(){v.support.reliableMarginRight||(v.cssHooks.marginRight={get:function(e,t){return v.swap(e,{display:"inline-block"},function(){if(t)return Dt(e,"marginRight")})}}),!v.support.pixelPosition&&v.fn.position&&v.each(["top","left"],function(e,t){v.cssHooks[t]={get:function(e,n){if(n){var r=Dt(e,t);return Ut.test(r)?v(e).position()[t]+"px":r}}}})}),v.expr&&v.expr.filters&&(v.expr.filters.hidden=function(e){return e.offsetWidth===0&&e.offsetHeight===0||!v.support.reliableHiddenOffsets&&(e.style&&e.style.display||Dt(e,"display"))==="none"},v.expr.filters.visible=function(e){return!v.expr.filters.hidden(e)}),v.each({margin:"",padding:"",border:"Width"},function(e,t){v.cssHooks[e+t]={expand:function(n){var r,i=typeof n=="string"?n.split(" "):[n],s={};for(r=0;r<4;r++)s[e+$t[r]+t]=i[r]||i[r-2]||i[0];return s}},qt.test(e)||(v.cssHooks[e+t].set=Zt)});var rn=/%20/g,sn=/\[\]$/,on=/\r?\n/g,un=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,an=/^(?:select|textarea)/i;v.fn.extend({serialize:function(){return v.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?v.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||an.test(this.nodeName)||un.test(this.type))}).map(function(e,t){var n=v(this).val();return n==null?null:v.isArray(n)?v.map(n,function(e,n){return{name:t.name,value:e.replace(on,"\r\n")}}):{name:t.name,value:n.replace(on,"\r\n")}}).get()}}),v.param=function(e,n){var r,i=[],s=function(e,t){t=v.isFunction(t)?t():t==null?"":t,i[i.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};n===t&&(n=v.ajaxSettings&&v.ajaxSettings.traditional);if(v.isArray(e)||e.jquery&&!v.isPlainObject(e))v.each(e,function(){s(this.name,this.value)});else for(r in e)fn(r,e[r],n,s);return i.join("&").replace(rn,"+")};var ln,cn,hn=/#.*$/,pn=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,dn=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,vn=/^(?:GET|HEAD)$/,mn=/^\/\//,gn=/\?/,yn=/)<[^<]*)*<\/script>/gi,bn=/([?&])_=[^&]*/,wn=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,En=v.fn.load,Sn={},xn={},Tn=["*/"]+["*"];try{cn=s.href}catch(Nn){cn=i.createElement("a"),cn.href="",cn=cn.href}ln=wn.exec(cn.toLowerCase())||[],v.fn.load=function(e,n,r){if(typeof e!="string"&&En)return En.apply(this,arguments);if(!this.length)return this;var i,s,o,u=this,a=e.indexOf(" ");return a>=0&&(i=e.slice(a,e.length),e=e.slice(0,a)),v.isFunction(n)?(r=n,n=t):n&&typeof n=="object"&&(s="POST"),v.ajax({url:e,type:s,dataType:"html",data:n,complete:function(e,t){r&&u.each(r,o||[e.responseText,t,e])}}).done(function(e){o=arguments,u.html(i?v("
    ").append(e.replace(yn,"")).find(i):e)}),this},v.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(e,t){v.fn[t]=function(e){return this.on(t,e)}}),v.each(["get","post"],function(e,n){v[n]=function(e,r,i,s){return v.isFunction(r)&&(s=s||i,i=r,r=t),v.ajax({type:n,url:e,data:r,success:i,dataType:s})}}),v.extend({getScript:function(e,n){return v.get(e,t,n,"script")},getJSON:function(e,t,n){return v.get(e,t,n,"json")},ajaxSetup:function(e,t){return t?Ln(e,v.ajaxSettings):(t=e,e=v.ajaxSettings),Ln(e,t),e},ajaxSettings:{url:cn,isLocal:dn.test(ln[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded; charset=UTF-8",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":Tn},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":e.String,"text html":!0,"text json":v.parseJSON,"text xml":v.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:Cn(Sn),ajaxTransport:Cn(xn),ajax:function(e,n){function T(e,n,s,a){var l,y,b,w,S,T=n;if(E===2)return;E=2,u&&clearTimeout(u),o=t,i=a||"",x.readyState=e>0?4:0,s&&(w=An(c,x,s));if(e>=200&&e<300||e===304)c.ifModified&&(S=x.getResponseHeader("Last-Modified"),S&&(v.lastModified[r]=S),S=x.getResponseHeader("Etag"),S&&(v.etag[r]=S)),e===304?(T="notmodified",l=!0):(l=On(c,w),T=l.state,y=l.data,b=l.error,l=!b);else{b=T;if(!T||e)T="error",e<0&&(e=0)}x.status=e,x.statusText=(n||T)+"",l?d.resolveWith(h,[y,T,x]):d.rejectWith(h,[x,T,b]),x.statusCode(g),g=t,f&&p.trigger("ajax"+(l?"Success":"Error"),[x,c,l?y:b]),m.fireWith(h,[x,T]),f&&(p.trigger("ajaxComplete",[x,c]),--v.active||v.event.trigger("ajaxStop"))}typeof e=="object"&&(n=e,e=t),n=n||{};var r,i,s,o,u,a,f,l,c=v.ajaxSetup({},n),h=c.context||c,p=h!==c&&(h.nodeType||h instanceof v)?v(h):v.event,d=v.Deferred(),m=v.Callbacks("once memory"),g=c.statusCode||{},b={},w={},E=0,S="canceled",x={readyState:0,setRequestHeader:function(e,t){if(!E){var n=e.toLowerCase();e=w[n]=w[n]||e,b[e]=t}return this},getAllResponseHeaders:function(){return E===2?i:null},getResponseHeader:function(e){var n;if(E===2){if(!s){s={};while(n=pn.exec(i))s[n[1].toLowerCase()]=n[2]}n=s[e.toLowerCase()]}return n===t?null:n},overrideMimeType:function(e){return E||(c.mimeType=e),this},abort:function(e){return e=e||S,o&&o.abort(e),T(0,e),this}};d.promise(x),x.success=x.done,x.error=x.fail,x.complete=m.add,x.statusCode=function(e){if(e){var t;if(E<2)for(t in e)g[t]=[g[t],e[t]];else t=e[x.status],x.always(t)}return this},c.url=((e||c.url)+"").replace(hn,"").replace(mn,ln[1]+"//"),c.dataTypes=v.trim(c.dataType||"*").toLowerCase().split(y),c.crossDomain==null&&(a=wn.exec(c.url.toLowerCase()),c.crossDomain=!(!a||a[1]===ln[1]&&a[2]===ln[2]&&(a[3]||(a[1]==="http:"?80:443))==(ln[3]||(ln[1]==="http:"?80:443)))),c.data&&c.processData&&typeof c.data!="string"&&(c.data=v.param(c.data,c.traditional)),kn(Sn,c,n,x);if(E===2)return x;f=c.global,c.type=c.type.toUpperCase(),c.hasContent=!vn.test(c.type),f&&v.active++===0&&v.event.trigger("ajaxStart");if(!c.hasContent){c.data&&(c.url+=(gn.test(c.url)?"&":"?")+c.data,delete c.data),r=c.url;if(c.cache===!1){var N=v.now(),C=c.url.replace(bn,"$1_="+N);c.url=C+(C===c.url?(gn.test(c.url)?"&":"?")+"_="+N:"")}}(c.data&&c.hasContent&&c.contentType!==!1||n.contentType)&&x.setRequestHeader("Content-Type",c.contentType),c.ifModified&&(r=r||c.url,v.lastModified[r]&&x.setRequestHeader("If-Modified-Since",v.lastModified[r]),v.etag[r]&&x.setRequestHeader("If-None-Match",v.etag[r])),x.setRequestHeader("Accept",c.dataTypes[0]&&c.accepts[c.dataTypes[0]]?c.accepts[c.dataTypes[0]]+(c.dataTypes[0]!=="*"?", "+Tn+"; q=0.01":""):c.accepts["*"]);for(l in c.headers)x.setRequestHeader(l,c.headers[l]);if(!c.beforeSend||c.beforeSend.call(h,x,c)!==!1&&E!==2){S="abort";for(l in{success:1,error:1,complete:1})x[l](c[l]);o=kn(xn,c,n,x);if(!o)T(-1,"No Transport");else{x.readyState=1,f&&p.trigger("ajaxSend",[x,c]),c.async&&c.timeout>0&&(u=setTimeout(function(){x.abort("timeout")},c.timeout));try{E=1,o.send(b,T)}catch(k){if(!(E<2))throw k;T(-1,k)}}return x}return x.abort()},active:0,lastModified:{},etag:{}});var Mn=[],_n=/\?/,Dn=/(=)\?(?=&|$)|\?\?/,Pn=v.now();v.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Mn.pop()||v.expando+"_"+Pn++;return this[e]=!0,e}}),v.ajaxPrefilter("json jsonp",function(n,r,i){var s,o,u,a=n.data,f=n.url,l=n.jsonp!==!1,c=l&&Dn.test(f),h=l&&!c&&typeof a=="string"&&!(n.contentType||"").indexOf("application/x-www-form-urlencoded")&&Dn.test(a);if(n.dataTypes[0]==="jsonp"||c||h)return s=n.jsonpCallback=v.isFunction(n.jsonpCallback)?n.jsonpCallback():n.jsonpCallback,o=e[s],c?n.url=f.replace(Dn,"$1"+s):h?n.data=a.replace(Dn,"$1"+s):l&&(n.url+=(_n.test(f)?"&":"?")+n.jsonp+"="+s),n.converters["script json"]=function(){return u||v.error(s+" was not called"),u[0]},n.dataTypes[0]="json",e[s]=function(){u=arguments},i.always(function(){e[s]=o,n[s]&&(n.jsonpCallback=r.jsonpCallback,Mn.push(s)),u&&v.isFunction(o)&&o(u[0]),u=o=t}),"script"}),v.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(e){return v.globalEval(e),e}}}),v.ajaxPrefilter("script",function(e){e.cache===t&&(e.cache=!1),e.crossDomain&&(e.type="GET",e.global=!1)}),v.ajaxTransport("script",function(e){if(e.crossDomain){var n,r=i.head||i.getElementsByTagName("head")[0]||i.documentElement;return{send:function(s,o){n=i.createElement("script"),n.async="async",e.scriptCharset&&(n.charset=e.scriptCharset),n.src=e.url,n.onload=n.onreadystatechange=function(e,i){if(i||!n.readyState||/loaded|complete/.test(n.readyState))n.onload=n.onreadystatechange=null,r&&n.parentNode&&r.removeChild(n),n=t,i||o(200,"success")},r.insertBefore(n,r.firstChild)},abort:function(){n&&n.onload(0,1)}}}});var Hn,Bn=e.ActiveXObject?function(){for(var e in Hn)Hn[e](0,1)}:!1,jn=0;v.ajaxSettings.xhr=e.ActiveXObject?function(){return!this.isLocal&&Fn()||In()}:Fn,function(e){v.extend(v.support,{ajax:!!e,cors:!!e&&"withCredentials"in e})}(v.ajaxSettings.xhr()),v.support.ajax&&v.ajaxTransport(function(n){if(!n.crossDomain||v.support.cors){var r;return{send:function(i,s){var o,u,a=n.xhr();n.username?a.open(n.type,n.url,n.async,n.username,n.password):a.open(n.type,n.url,n.async);if(n.xhrFields)for(u in n.xhrFields)a[u]=n.xhrFields[u];n.mimeType&&a.overrideMimeType&&a.overrideMimeType(n.mimeType),!n.crossDomain&&!i["X-Requested-With"]&&(i["X-Requested-With"]="XMLHttpRequest");try{for(u in i)a.setRequestHeader(u,i[u])}catch(f){}a.send(n.hasContent&&n.data||null),r=function(e,i){var u,f,l,c,h;try{if(r&&(i||a.readyState===4)){r=t,o&&(a.onreadystatechange=v.noop,Bn&&delete Hn[o]);if(i)a.readyState!==4&&a.abort();else{u=a.status,l=a.getAllResponseHeaders(),c={},h=a.responseXML,h&&h.documentElement&&(c.xml=h);try{c.text=a.responseText}catch(p){}try{f=a.statusText}catch(p){f=""}!u&&n.isLocal&&!n.crossDomain?u=c.text?200:404:u===1223&&(u=204)}}}catch(d){i||s(-1,d)}c&&s(u,f,c,l)},n.async?a.readyState===4?setTimeout(r,0):(o=++jn,Bn&&(Hn||(Hn={},v(e).unload(Bn)),Hn[o]=r),a.onreadystatechange=r):r()},abort:function(){r&&r(0,1)}}}});var qn,Rn,Un=/^(?:toggle|show|hide)$/,zn=new RegExp("^(?:([-+])=|)("+m+")([a-z%]*)$","i"),Wn=/queueHooks$/,Xn=[Gn],Vn={"*":[function(e,t){var n,r,i=this.createTween(e,t),s=zn.exec(t),o=i.cur(),u=+o||0,a=1,f=20;if(s){n=+s[2],r=s[3]||(v.cssNumber[e]?"":"px");if(r!=="px"&&u){u=v.css(i.elem,e,!0)||n||1;do a=a||".5",u/=a,v.style(i.elem,e,u+r);while(a!==(a=i.cur()/o)&&a!==1&&--f)}i.unit=r,i.start=u,i.end=s[1]?u+(s[1]+1)*n:n}return i}]};v.Animation=v.extend(Kn,{tweener:function(e,t){v.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;r-1,f={},l={},c,h;a?(l=i.position(),c=l.top,h=l.left):(c=parseFloat(o)||0,h=parseFloat(u)||0),v.isFunction(t)&&(t=t.call(e,n,s)),t.top!=null&&(f.top=t.top-s.top+c),t.left!=null&&(f.left=t.left-s.left+h),"using"in t?t.using.call(e,f):i.css(f)}},v.fn.extend({position:function(){if(!this[0])return;var e=this[0],t=this.offsetParent(),n=this.offset(),r=er.test(t[0].nodeName)?{top:0,left:0}:t.offset();return n.top-=parseFloat(v.css(e,"marginTop"))||0,n.left-=parseFloat(v.css(e,"marginLeft"))||0,r.top+=parseFloat(v.css(t[0],"borderTopWidth"))||0,r.left+=parseFloat(v.css(t[0],"borderLeftWidth"))||0,{top:n.top-r.top,left:n.left-r.left}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||i.body;while(e&&!er.test(e.nodeName)&&v.css(e,"position")==="static")e=e.offsetParent;return e||i.body})}}),v.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(e,n){var r=/Y/.test(n);v.fn[e]=function(i){return v.access(this,function(e,i,s){var o=tr(e);if(s===t)return o?n in o?o[n]:o.document.documentElement[i]:e[i];o?o.scrollTo(r?v(o).scrollLeft():s,r?s:v(o).scrollTop()):e[i]=s},e,i,arguments.length,null)}}),v.each({Height:"height",Width:"width"},function(e,n){v.each({padding:"inner"+e,content:n,"":"outer"+e},function(r,i){v.fn[i]=function(i,s){var o=arguments.length&&(r||typeof i!="boolean"),u=r||(i===!0||s===!0?"margin":"border");return v.access(this,function(n,r,i){var s;return v.isWindow(n)?n.document.documentElement["client"+e]:n.nodeType===9?(s=n.documentElement,Math.max(n.body["scroll"+e],s["scroll"+e],n.body["offset"+e],s["offset"+e],s["client"+e])):i===t?v.css(n,r,i,u):v.style(n,r,i,u)},n,o?i:t,o,null)}})}),e.jQuery=e.$=v,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return v})})(window); +jQuery.noConflict(); diff --git a/public/oldpublic/js/jquery.mobilemenu.js b/public/oldpublic/js/jquery.mobilemenu.js new file mode 100755 index 0000000..ef2ec18 --- /dev/null +++ b/public/oldpublic/js/jquery.mobilemenu.js @@ -0,0 +1,75 @@ +/** + * jQuery Mobile Menu + * Turn unordered list menu into dropdown select menu + * version 1.0(31-OCT-2011) + * + * Built on top of the jQuery library + * http://jquery.com + * + * Documentation + * http://github.com/mambows/mobilemenu + */ +(function($){ +$.fn.mobileMenu = function(options) { + + var defaults = { + defaultText: 'Navigate to...', + className: 'select-menu', + subMenuClass: 'sub-menu', + subMenuDash: '–' + }, + settings = $.extend( defaults, options ), + el = $(this); + + this.each(function(){ + // ad class to submenu list + el.find('ul').addClass(settings.subMenuClass); + + // Create base menu + $(' + +
    + + + +
    + + +
    + + + + + +
    +
    + +
    +

    Contact Us

    +
    +

    + The Flatiron School
    33 West 26th St, 2nd Floor
    New York, NY 10010

    + (347) 729-7911
    info@flatironschool.com +

    +
    +
    + + + + + +
    +
    +
    + + + +
    +
    +
    +
    + +
    +
    +
    +
    © 2013. The Flatiron School. All Your Rights Are Belong To Us.
    +
    +
    +
    +
    + + + + + + + + + + + + + + + + diff --git a/public/students/student_template.html b/public/students/student_template.html new file mode 100644 index 0000000..d64a4b4 --- /dev/null +++ b/public/students/student_template.html @@ -0,0 +1,427 @@ + + + + + + + + The Flatiron School + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    +
    +

    + + + +

    +
    +
    +
    + +
    +
    +
    +
    +
    + +
    + + George Lin + + +
    +
    + + + +
    + + +
    + +
    + +
    +
    + + + +
    +

    George Lin

    + + +
    +
    +
      +
    • +
      +

      “It is not the critic who counts; not the man who points out how the strong man stumbles, or where the doer of deeds could have done them better. The credit belongs to the man who is actually in the arena, whose face is marred by dust and sweat and blood; who strives valiantly; who errs, who comes short again and again.”    - Teddy Roosevelt

      +
      +
      • +
    +
    +
    +
    + + + +
    +
    +
    + About +
    Go To Top
    +
    + +
    + +
    +
    +

    Biography

    +
    +

    + if life == RPG then coders = wizards
    I'm a former consultant (merchant class) who left the magicians' apprenticeship ages ago.
    I'm back. +

    +
    +
    + +
    +
    +

    Education

    +
    +
      +
    • BS Chemical Engineering 2008, MIT
      • +
    +
    +
    + +
    +
    +

    Work

    +
    + +
    +
    +
    + +
    +
    +
    + Coder Cred +
    Go To Top
    +
    + +
    + +
    + GitHub +
    + +
    + Treehouse +
    + +
    + Code School +
    + +
    + Coder Wall +
    +
    + +
    + +
    + +
    +
    +
    + Recently +
    Go To Top
    +
    + +
    +
    +
    +
    +

    Blog Posts

    +
    +
    +

    + Coming soon... +

    +
    +
    + +
    +
    +

    GitHub Projects

    +
    +
    +

    + Coming soon... +

    +
    +
    + +
    +
    +
    +

    Tweets

    +
    +
    +

    + + +

    +
    +
    + +
    +
    + +
    +
    +
    + Favorite Sites +
    Go To Top
    +
    + +
    +
    +
    +
    +

    Quora

    +
    +
    +

    +

    + Quora +
    + Google and Wikipedia are the books. Quora is the wise old man with tons of life lessons. +

    +
    +
    + +
    +
    +
    +

    Reddit

    +
    +
    +

    +

    + Reddit +
    + My guilty pleasure. Memes and puns galore! Favorite subreddits: askscience, gameofthrones, nfl, IAmA +

    +
    +
    + +
    +
    +
    +

    Seamless

    +
    +
    +

    +

    + Seamless +
    + I order food from here so often that I think the doorman and delivery guys all know me... +

    +
    + +
    +
    + +
    + +
    +
    +
    +
    + +
    + + + +
    +
    +
    +
    + +
    +
    +
    +
    + © 2013. The Flatiron School. All Your Rights Are Belong To Us. +
    +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + diff --git a/public/students/team-rogue/img/Stunable_button.png b/public/students/team-rogue/img/Stunable_button.png new file mode 100644 index 0000000..b460448 Binary files /dev/null and b/public/students/team-rogue/img/Stunable_button.png differ diff --git a/public/students/team-rogue/img/apple-touch-icon.png b/public/students/team-rogue/img/apple-touch-icon.png new file mode 100644 index 0000000..b8b61ec Binary files /dev/null and b/public/students/team-rogue/img/apple-touch-icon.png differ diff --git a/public/students/team-rogue/img/b_icon_delicious.png b/public/students/team-rogue/img/b_icon_delicious.png new file mode 100644 index 0000000..0aeecdd Binary files /dev/null and b/public/students/team-rogue/img/b_icon_delicious.png differ diff --git a/public/students/team-rogue/img/b_icon_dribbble.png b/public/students/team-rogue/img/b_icon_dribbble.png new file mode 100644 index 0000000..d867b0f Binary files /dev/null and b/public/students/team-rogue/img/b_icon_dribbble.png differ diff --git a/public/students/team-rogue/img/b_icon_facebook.png b/public/students/team-rogue/img/b_icon_facebook.png new file mode 100644 index 0000000..cb61715 Binary files /dev/null and b/public/students/team-rogue/img/b_icon_facebook.png differ diff --git a/public/students/team-rogue/img/b_icon_linkedin.png b/public/students/team-rogue/img/b_icon_linkedin.png new file mode 100644 index 0000000..cd42a6c Binary files /dev/null and b/public/students/team-rogue/img/b_icon_linkedin.png differ diff --git a/public/students/team-rogue/img/b_icon_skype.png b/public/students/team-rogue/img/b_icon_skype.png new file mode 100644 index 0000000..4581f39 Binary files /dev/null and b/public/students/team-rogue/img/b_icon_skype.png differ diff --git a/public/students/team-rogue/img/b_icon_twitter.png b/public/students/team-rogue/img/b_icon_twitter.png new file mode 100644 index 0000000..4238241 Binary files /dev/null and b/public/students/team-rogue/img/b_icon_twitter.png differ diff --git a/public/students/team-rogue/img/billgates.jpg b/public/students/team-rogue/img/billgates.jpg new file mode 100644 index 0000000..f0112da Binary files /dev/null and b/public/students/team-rogue/img/billgates.jpg differ diff --git a/public/students/team-rogue/img/check.png b/public/students/team-rogue/img/check.png new file mode 100644 index 0000000..d846980 Binary files /dev/null and b/public/students/team-rogue/img/check.png differ diff --git a/public/students/team-rogue/img/coder-dojo.jpg b/public/students/team-rogue/img/coder-dojo.jpg new file mode 100644 index 0000000..c37e176 Binary files /dev/null and b/public/students/team-rogue/img/coder-dojo.jpg differ diff --git a/public/students/team-rogue/img/coderwall_eewang.jpeg b/public/students/team-rogue/img/coderwall_eewang.jpeg new file mode 100644 index 0000000..59032f0 Binary files /dev/null and b/public/students/team-rogue/img/coderwall_eewang.jpeg differ diff --git a/public/students/team-rogue/img/codeschool_eewang.jpg b/public/students/team-rogue/img/codeschool_eewang.jpg new file mode 100644 index 0000000..ec7cd8b Binary files /dev/null and b/public/students/team-rogue/img/codeschool_eewang.jpg differ diff --git a/public/students/team-rogue/img/eventbrite.jpg b/public/students/team-rogue/img/eventbrite.jpg new file mode 100644 index 0000000..a565ebd Binary files /dev/null and b/public/students/team-rogue/img/eventbrite.jpg differ diff --git a/public/students/team-rogue/img/filter.png b/public/students/team-rogue/img/filter.png new file mode 100644 index 0000000..b39fb49 Binary files /dev/null and b/public/students/team-rogue/img/filter.png differ diff --git a/public/students/team-rogue/img/gglin.jpg b/public/students/team-rogue/img/gglin.jpg new file mode 100644 index 0000000..9fc2e02 Binary files /dev/null and b/public/students/team-rogue/img/gglin.jpg differ diff --git a/public/students/team-rogue/img/gglin.png b/public/students/team-rogue/img/gglin.png new file mode 100644 index 0000000..0055452 Binary files /dev/null and b/public/students/team-rogue/img/gglin.png differ diff --git a/public/students/team-rogue/img/github_eewang.png b/public/students/team-rogue/img/github_eewang.png new file mode 100644 index 0000000..a1a6235 Binary files /dev/null and b/public/students/team-rogue/img/github_eewang.png differ diff --git a/public/students/team-rogue/img/header_bg.gif b/public/students/team-rogue/img/header_bg.gif new file mode 100644 index 0000000..bee27d6 Binary files /dev/null and b/public/students/team-rogue/img/header_bg.gif differ diff --git a/public/students/team-rogue/img/machineelf_logo_circle_whiteongreen.png b/public/students/team-rogue/img/machineelf_logo_circle_whiteongreen.png new file mode 100644 index 0000000..d1e4a18 Binary files /dev/null and b/public/students/team-rogue/img/machineelf_logo_circle_whiteongreen.png differ diff --git a/public/students/team-rogue/img/nyc-on-rails.jpg b/public/students/team-rogue/img/nyc-on-rails.jpg new file mode 100644 index 0000000..c4884ce Binary files /dev/null and b/public/students/team-rogue/img/nyc-on-rails.jpg differ diff --git a/public/students/team-rogue/img/quote.png b/public/students/team-rogue/img/quote.png new file mode 100644 index 0000000..f378289 Binary files /dev/null and b/public/students/team-rogue/img/quote.png differ diff --git a/public/students/team-rogue/img/samantharadocchia.png b/public/students/team-rogue/img/samantharadocchia.png new file mode 100644 index 0000000..588037f Binary files /dev/null and b/public/students/team-rogue/img/samantharadocchia.png differ diff --git a/public/students/team-rogue/img/skillcrush.jpg b/public/students/team-rogue/img/skillcrush.jpg new file mode 100644 index 0000000..20f13b6 Binary files /dev/null and b/public/students/team-rogue/img/skillcrush.jpg differ diff --git a/public/students/team-rogue/img/skillshare.jpg b/public/students/team-rogue/img/skillshare.jpg new file mode 100644 index 0000000..3f83225 Binary files /dev/null and b/public/students/team-rogue/img/skillshare.jpg differ diff --git a/public/students/team-rogue/img/sponsors.png b/public/students/team-rogue/img/sponsors.png new file mode 100644 index 0000000..e648e40 Binary files /dev/null and b/public/students/team-rogue/img/sponsors.png differ diff --git a/public/students/team-rogue/img/stevenbrooks.png b/public/students/team-rogue/img/stevenbrooks.png new file mode 100644 index 0000000..647d0ba Binary files /dev/null and b/public/students/team-rogue/img/stevenbrooks.png differ diff --git a/public/students/team-rogue/img/stripe_bg.gif b/public/students/team-rogue/img/stripe_bg.gif new file mode 100644 index 0000000..916d7a0 Binary files /dev/null and b/public/students/team-rogue/img/stripe_bg.gif differ diff --git a/public/students/team-rogue/img/the-flatiron-school-logo-sm-black.png b/public/students/team-rogue/img/the-flatiron-school-logo-sm-black.png new file mode 100644 index 0000000..53e2639 Binary files /dev/null and b/public/students/team-rogue/img/the-flatiron-school-logo-sm-black.png differ diff --git a/public/students/team-rogue/img/the-flatiron-school-logo-sm-gry.png b/public/students/team-rogue/img/the-flatiron-school-logo-sm-gry.png new file mode 100644 index 0000000..4058ad7 Binary files /dev/null and b/public/students/team-rogue/img/the-flatiron-school-logo-sm-gry.png differ diff --git a/public/students/team-rogue/img/the-flatiron-school-logo-sm-white.png b/public/students/team-rogue/img/the-flatiron-school-logo-sm-white.png new file mode 100644 index 0000000..2b3fa90 Binary files /dev/null and b/public/students/team-rogue/img/the-flatiron-school-logo-sm-white.png differ diff --git a/public/students/team-rogue/img/treehouse_eewang.png b/public/students/team-rogue/img/treehouse_eewang.png new file mode 100644 index 0000000..28a1c17 Binary files /dev/null and b/public/students/team-rogue/img/treehouse_eewang.png differ diff --git a/public/template.html b/public/template.html new file mode 100644 index 0000000..b98b85a --- /dev/null +++ b/public/template.html @@ -0,0 +1,386 @@ + + + + + + + + + The Flatiron School + + + + + + + + + + + + + + + + + + +
    + +
    +
    +
    +

    + + + +

    +
    +
    +
    + +
    +
    +
    +
    +
    +
    + + + +
    + + +
    +
    +
    + +
    + +

    Desmond Rawls

    + +
    + +
    +
    +
    +
      +
    • +
      +

      "It's better to regret something you did than something you didn't do." -- Butthole Surfers

      +
      +
      • +
    +
    +
    +
    + + + + + +
    +
    +
    + About
    Go To Top
    +
    +
    +
    +
    +
    +

    Prominent Feature

    +
    +
    +

    I'm never bored.

    +
    +
    +
    +
    +
    +

    What I Want

    +
    +
    +

    A Strong Community.

    +

    Freedom from Illusions.

    +

    Health Insurance.

    +
    +
    +
    +
    +
    +

    My Style

    +
    +
    +

    Talk Things Out.

    +

    No Excuses.

    +
    +
    +
    + +
    +
    +
    + Background
    Go To Top
    +
    +
    +
    +
    +
    +

    Work History

    +
    +
    +

    Arborist
    Oil Rig Mechanic
    Furniture Builder

    +
    +
    +
    +
    +
    +

    Education

    +
    +
    +

    Georgetown University -- Math (incomplete)

    +
    +
    +
    +
    +
    +

    Interests

    +
    +
    +

    Comic Books
    Motorcycles
    Chess
    Martial Arts

    +
    +
    +
    + +
    +
    +
    + Coder Cred
    Go To Top
    +
    +
    +
    +
    +
    +

    Current Cred

    +
    +
    +

    Coming soon...

    +
    +
    +
    +
    +
    +

    Current Cred

    +
    +
    +

    Coming Soon...

    +
    +
    +
    +
    +
    +

    Current Cred

    +
    +
    +

    Comming Soon..

    +
    +
    +
    + + + + + + +
    +
    + +
    + + + +
    +
    + +
    +

    Contact Us

    +
    +

    + The Flatiron School
    33 West 26th St, 2nd Floor
    New York, NY 10010

    + (347) 729-7911
    info@flatironschool.com +

    +
    +
    + + + + + +
    +
    +
    + + + +
    +
    +
    +
    + +
    +
    +
    +
    © 2013. The Flatiron School. All Your Rights Are Belong To Us.
    +
    +
    +
    +
    + + + + + + + + + + // + + // + // + + + + + diff --git a/views/layout.erb b/views/layout.erb new file mode 100644 index 0000000..db957ae --- /dev/null +++ b/views/layout.erb @@ -0,0 +1,187 @@ + + + + + + + + The Flatiron School + + + + + + + + + + + + + + + + +
    + +
    +
    +
    +

    + + + +

    +
    +
    +
    + +
    +
    +
    +
    +
    +
    + + + +
    + + <%= yield %> + +
    +
    + +
    + + + + + +
    +
    +
    +
    + +
    +
    +
    +
    + © 2013. The Flatiron School. All Your Rights Are Belong To Us. +
    +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/views/students/student_profile.erb b/views/students/student_profile.erb new file mode 100644 index 0000000..2e6a69b --- /dev/null +++ b/views/students/student_profile.erb @@ -0,0 +1,210 @@ + +
    + +
    + +
    +
    + + + +
    +

    <%= @student.name %>

    + + +
    +
    +
      +
    • +
      +

      <%= @student.quote %>

      +
      +
      • +
    +
    +
    +
    + + + +
    +
    +
    + About +
    Go To Top
    +
    + +
    + +
    +
    +

    Biography

    +
    + + @student.prof_bio + +
    +
    + +
    +
    +

    Education

    +
    + + @student.education + +
    +
    + +
    +
    +

    Work

    +
    + + @student.work + +
    +
    +
    + +
    +
    +
    + Coder Cred +
    Go To Top
    +
    + +
    + +
    + GitHub +
    + +
    + Treehouse +
    + +
    + Code School +
    + +
    + Coder Wall +
    +
    + +
    + +
    + +
    +
    +
    + Recently +
    Go To Top
    +
    + +
    +
    +
    +
    +

    Blog Posts

    +
    +
    +

    + Coming soon... +

    +
    +
    + +
    +
    +

    GitHub Projects

    +
    +
    +

    + Coming soon... +

    +
    +
    + +
    +
    +
    +

    Tweets

    +
    +
    +

    + + +

    +
    +
    + +
    +
    + +
    +
    +
    + Favorite Sites +
    Go To Top
    +
    + +
    +
    +
    +
    +

    Site1

    +
    +
    +

    +

    + Quora +
    + Awesome description of website! +

    +
    +
    + +
    +
    +
    +

    Site2

    +
    +
    +

    +

    + Reddit +
    + Awesome description of website! +

    +
    +
    + +
    +
    +
    +

    Site3

    +
    +
    +

    +

    + Seamless +
    + Awesome description of website! +

    +
    + +
    +
    + +
    + +
    +
    \ No newline at end of file diff --git a/views/students/students.erb b/views/students/students.erb new file mode 100644 index 0000000..dcaca7b --- /dev/null +++ b/views/students/students.erb @@ -0,0 +1,46 @@ + + + + +
    +

    Every Story Has Villains

    +

    We're <%= @students.size %> people on a journey to learn to smell code.

    +
    + + + +
    +
    +
    + Flatiron School Class 002 +
    +
    + +
    +
    +
      + + <% @students.each do |student| %> +
    • +
      + +
      + +
      +

      <%= student.name %>

      +

      <%= student.tagline %>

      +
      +
      + +
      +

      <%= student.bio %>

      +
      +
      +
      • + <% end %> + +
    +
    +
    +
    + \ No newline at end of file