Replace website with static html
This commit is contained in:
parent
7707d769b4
commit
87921999be
109
Gemfile.lock
109
Gemfile.lock
@ -1,109 +0,0 @@
|
|||||||
GEM
|
|
||||||
remote: http://rubygems.org/
|
|
||||||
specs:
|
|
||||||
activesupport (3.2.11)
|
|
||||||
i18n (~> 0.6)
|
|
||||||
multi_json (~> 1.0)
|
|
||||||
chunky_png (1.2.7)
|
|
||||||
coffee-script (2.2.0)
|
|
||||||
coffee-script-source
|
|
||||||
execjs
|
|
||||||
coffee-script-source (1.3.3)
|
|
||||||
compass (0.12.2)
|
|
||||||
chunky_png (~> 1.2)
|
|
||||||
fssm (>= 0.2.7)
|
|
||||||
sass (~> 3.1)
|
|
||||||
execjs (1.4.0)
|
|
||||||
multi_json (~> 1.0)
|
|
||||||
ffi (1.3.1)
|
|
||||||
fssm (0.2.10)
|
|
||||||
haml (3.1.7)
|
|
||||||
hike (1.2.1)
|
|
||||||
http_router (0.10.2)
|
|
||||||
rack (>= 1.0.0)
|
|
||||||
url_mount (~> 0.2.1)
|
|
||||||
i18n (0.6.1)
|
|
||||||
libv8 (3.11.8.13)
|
|
||||||
listen (0.5.3)
|
|
||||||
maruku (0.6.1)
|
|
||||||
syntax (>= 1.0.0)
|
|
||||||
middleman (3.0.11)
|
|
||||||
middleman-core (= 3.0.11)
|
|
||||||
middleman-more (= 3.0.11)
|
|
||||||
middleman-sprockets (~> 3.0.6)
|
|
||||||
middleman-core (3.0.11)
|
|
||||||
activesupport (~> 3.2.6)
|
|
||||||
bundler (~> 1.1)
|
|
||||||
listen (~> 0.5.2)
|
|
||||||
rack (~> 1.4.1)
|
|
||||||
rack-test (~> 0.6.1)
|
|
||||||
rb-fsevent (~> 0.9.1)
|
|
||||||
rb-inotify (~> 0.8.8)
|
|
||||||
thor (~> 0.15.4)
|
|
||||||
tilt (~> 1.3.1)
|
|
||||||
middleman-more (3.0.11)
|
|
||||||
coffee-script (~> 2.2.0)
|
|
||||||
coffee-script-source (~> 1.3.3)
|
|
||||||
compass (>= 0.12.2)
|
|
||||||
execjs (~> 1.4.0)
|
|
||||||
haml (>= 3.1.6)
|
|
||||||
i18n (~> 0.6.0)
|
|
||||||
maruku (~> 0.6.0)
|
|
||||||
middleman-core (= 3.0.11)
|
|
||||||
padrino-helpers (= 0.10.7)
|
|
||||||
sass (>= 3.1.20)
|
|
||||||
uglifier (~> 1.2.6)
|
|
||||||
middleman-sprockets (3.0.6)
|
|
||||||
middleman-more (>= 3.0.1)
|
|
||||||
sprockets (~> 2.1, < 2.5)
|
|
||||||
sprockets-sass (~> 0.9.0)
|
|
||||||
multi_json (1.5.0)
|
|
||||||
padrino-core (0.10.7)
|
|
||||||
activesupport (~> 3.2.0)
|
|
||||||
http_router (~> 0.10.2)
|
|
||||||
sinatra (~> 1.3.1)
|
|
||||||
thor (~> 0.15.2)
|
|
||||||
tilt (~> 1.3.0)
|
|
||||||
padrino-helpers (0.10.7)
|
|
||||||
i18n (~> 0.6)
|
|
||||||
padrino-core (= 0.10.7)
|
|
||||||
rack (1.4.4)
|
|
||||||
rack-protection (1.3.2)
|
|
||||||
rack
|
|
||||||
rack-test (0.6.2)
|
|
||||||
rack (>= 1.0)
|
|
||||||
rb-fsevent (0.9.3)
|
|
||||||
rb-inotify (0.8.8)
|
|
||||||
ffi (>= 0.5.0)
|
|
||||||
ref (1.0.2)
|
|
||||||
sass (3.2.5)
|
|
||||||
sinatra (1.3.4)
|
|
||||||
rack (~> 1.4)
|
|
||||||
rack-protection (~> 1.3)
|
|
||||||
tilt (~> 1.3, >= 1.3.3)
|
|
||||||
sprockets (2.4.5)
|
|
||||||
hike (~> 1.2)
|
|
||||||
multi_json (~> 1.0)
|
|
||||||
rack (~> 1.0)
|
|
||||||
tilt (~> 1.1, != 1.3.0)
|
|
||||||
sprockets-sass (0.9.1)
|
|
||||||
sprockets (~> 2.0)
|
|
||||||
tilt (~> 1.1)
|
|
||||||
syntax (1.0.0)
|
|
||||||
therubyracer (0.11.3)
|
|
||||||
libv8 (~> 3.11.8.12)
|
|
||||||
ref
|
|
||||||
thor (0.15.4)
|
|
||||||
tilt (1.3.3)
|
|
||||||
uglifier (1.2.7)
|
|
||||||
execjs (>= 0.3.0)
|
|
||||||
multi_json (~> 1.3)
|
|
||||||
url_mount (0.2.1)
|
|
||||||
rack
|
|
||||||
|
|
||||||
PLATFORMS
|
|
||||||
ruby
|
|
||||||
|
|
||||||
DEPENDENCIES
|
|
||||||
middleman (~> 3.0.11)
|
|
||||||
therubyracer
|
|
||||||
82
assets/application.css
Normal file
82
assets/application.css
Normal file
@ -0,0 +1,82 @@
|
|||||||
|
* {
|
||||||
|
color: #222;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #8EE4AF;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
width: 60%;
|
||||||
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, p {
|
||||||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav > img {
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul {
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav li {
|
||||||
|
margin: 5px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav li a {
|
||||||
|
display: block;
|
||||||
|
background-color: #379683;
|
||||||
|
border-radius: 3px;
|
||||||
|
padding: 5px 0;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: bold;
|
||||||
|
text-decoration: none;
|
||||||
|
font-family: Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav li a:hover {
|
||||||
|
background-color: #05386B;
|
||||||
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
padding: 20px;
|
||||||
|
background-color: #EDF5E1;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid #379683;
|
||||||
|
}
|
||||||
|
|
||||||
|
article p:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
article p:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
body {
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
margin: auto;
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
}
|
||||||
79
config.rb
79
config.rb
@ -1,79 +0,0 @@
|
|||||||
###
|
|
||||||
# Compass
|
|
||||||
###
|
|
||||||
|
|
||||||
# Susy grids in Compass
|
|
||||||
# First: gem install susy
|
|
||||||
# require 'susy'
|
|
||||||
|
|
||||||
# Change Compass configuration
|
|
||||||
# compass_config do |config|
|
|
||||||
# config.output_style = :compact
|
|
||||||
# end
|
|
||||||
|
|
||||||
###
|
|
||||||
# Page options, layouts, aliases and proxies
|
|
||||||
###
|
|
||||||
|
|
||||||
# Per-page layout changes:
|
|
||||||
#
|
|
||||||
# With no layout
|
|
||||||
# page "/path/to/file.html", :layout => false
|
|
||||||
#
|
|
||||||
# With alternative layout
|
|
||||||
# page "/path/to/file.html", :layout => :otherlayout
|
|
||||||
#
|
|
||||||
# A path which all have the same layout
|
|
||||||
# with_layout :admin do
|
|
||||||
# page "/admin/*"
|
|
||||||
# end
|
|
||||||
|
|
||||||
# Proxy (fake) files
|
|
||||||
# page "/this-page-has-no-template.html", :proxy => "/template-file.html" do
|
|
||||||
# @which_fake_page = "Rendering a fake page with a variable"
|
|
||||||
# end
|
|
||||||
|
|
||||||
###
|
|
||||||
# Helpers
|
|
||||||
###
|
|
||||||
|
|
||||||
activate :i18n
|
|
||||||
|
|
||||||
# Automatic image dimensions on image_tag helper
|
|
||||||
# activate :automatic_image_sizes
|
|
||||||
|
|
||||||
# Methods defined in the helpers block are available in templates
|
|
||||||
# helpers do
|
|
||||||
# def some_helper
|
|
||||||
# "Helping"
|
|
||||||
# end
|
|
||||||
# end
|
|
||||||
|
|
||||||
set :css_dir, 'stylesheets'
|
|
||||||
|
|
||||||
set :js_dir, 'javascripts'
|
|
||||||
|
|
||||||
set :images_dir, 'images'
|
|
||||||
|
|
||||||
# Build-specific configuration
|
|
||||||
configure :build do
|
|
||||||
# For example, change the Compass output style for deployment
|
|
||||||
# activate :minify_css
|
|
||||||
|
|
||||||
# Minify Javascript on build
|
|
||||||
# activate :minify_javascript
|
|
||||||
|
|
||||||
# Enable cache buster
|
|
||||||
# activate :cache_buster
|
|
||||||
|
|
||||||
# Use relative URLs
|
|
||||||
# activate :relative_assets
|
|
||||||
|
|
||||||
# Compress PNGs after build
|
|
||||||
# First: gem install middleman-smusher
|
|
||||||
# require "middleman-smusher"
|
|
||||||
# activate :smusher
|
|
||||||
|
|
||||||
# Or use a different image path
|
|
||||||
# set :http_path, "/Content/images/"
|
|
||||||
end
|
|
||||||
BIN
files/CV_GuillaumeDott.pdf
Normal file
BIN
files/CV_GuillaumeDott.pdf
Normal file
Binary file not shown.
BIN
images/avatar.png
Normal file
BIN
images/avatar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 256 B After Width: | Height: | Size: 256 B |
40
index.html
Normal file
40
index.html
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||||
|
|
||||||
|
<link rel="icon" type="image/png" href="images/favicon.png" />
|
||||||
|
<link href="assets/application.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<title>Guillaume Dott</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav>
|
||||||
|
<img src="images/avatar.png" alt="Avatar" />
|
||||||
|
<ul>
|
||||||
|
<li><a href="files/CV_GuillaumeDott.pdf">Mon CV</a></li>
|
||||||
|
<li><a href="https://code.amnesix.eu/guillaume">Gitea</a></li>
|
||||||
|
<li><a href="https://github.com/gdott9">Github</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<section>
|
||||||
|
<header>
|
||||||
|
<h1>Guillaume Dott</h1>
|
||||||
|
</header>
|
||||||
|
<article>
|
||||||
|
<p>
|
||||||
|
Je suis un développeur basé en Alsace, habitant à proximité de Strasbourg et je travaille dans le dévelopement web en Ruby et Ruby on Rails.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Mon environnement de travail est actuellement constitué d'une distribution Linux (Arch Linux ou Debian), d'un terminal, de zshell, de tmux et de vim, le tout <a href="https://code.amnesix.eu/guillaume/dotfiles">configuré</a> pour répondre au mieux à mes besoins.
|
||||||
|
<br />
|
||||||
|
J'utilise majoritairement le Ruby mais je suis aussi ammené à utiliser le Python, le Javascript ou le PHP pour certains projets.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>Pour en savoir plus sur mon travail et découvrir certains de mes projets, vous pouvez vous rendre sur mon <a href="https://code.amnesix.eu/guillaume">instance Gitea</a> ou mon <a href="https://github.com/gdott9">compte Github</a>.<p>
|
||||||
|
</article>
|
||||||
|
</section>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1,9 +0,0 @@
|
|||||||
---
|
|
||||||
en:
|
|
||||||
french: "French"
|
|
||||||
english: "English"
|
|
||||||
developer: "Developer"
|
|
||||||
download_resume: "Download my resume"
|
|
||||||
find_me_github: "Find me on github at %{link}"
|
|
||||||
created_with: "Generated with %{link}."
|
|
||||||
find_site_github: "Want to see the source ? Go on %{link}."
|
|
||||||
@ -1,9 +0,0 @@
|
|||||||
---
|
|
||||||
fr:
|
|
||||||
french: "Français"
|
|
||||||
english: "Anglais"
|
|
||||||
developer: "Développeur"
|
|
||||||
download_resume: "Télecharger mon CV"
|
|
||||||
find_me_github: "Contactez moi sur Github à %{link}"
|
|
||||||
created_with: "Généré avec %{link}."
|
|
||||||
find_site_github: "Want to see the source ? Go on %{link}."
|
|
||||||
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
@ -1 +0,0 @@
|
|||||||
//= require_tree .
|
|
||||||
@ -1,36 +0,0 @@
|
|||||||
!!! 5
|
|
||||||
%html
|
|
||||||
%head
|
|
||||||
%meta{charset: 'utf-8'}
|
|
||||||
|
|
||||||
/ Always force latest IE rendering engine or request Chrome Frame
|
|
||||||
%meta{content: 'IE=edge,chrome=1', :'http-equiv' => 'X-UA-Compatible'}
|
|
||||||
|
|
||||||
%title= "#{data.page.title || "Home"} | Guillaume DOTT"
|
|
||||||
= stylesheet_link_tag "normalize", "all"
|
|
||||||
= favicon_tag 'favicon.png'
|
|
||||||
|
|
||||||
%body{class: page_classes}
|
|
||||||
%ul#lang
|
|
||||||
%li= link_to I18n.t(:french), "/fr/"
|
|
||||||
%li= link_to I18n.t(:english), "/"
|
|
||||||
|
|
||||||
%header
|
|
||||||
%div
|
|
||||||
%h1 Guillaume DOTT
|
|
||||||
%h2= I18n.t(:developer)
|
|
||||||
#download_cv
|
|
||||||
= link_to '/files/CV_Guillaume_DOTT.pdf' do
|
|
||||||
#icon
|
|
||||||
= image_tag 'pdf.png'
|
|
||||||
%p= I18n.t(:download_resume)
|
|
||||||
|
|
||||||
%nav
|
|
||||||
%ul
|
|
||||||
|
|
||||||
.content
|
|
||||||
= yield
|
|
||||||
|
|
||||||
%footer
|
|
||||||
%p= I18n.t(:created_with, link: link_to('Middleman', 'http://middlemanapp.com/'))
|
|
||||||
%p= I18n.t(:find_site_github, link: link_to('Github', 'https://github.com/gdott9/guillaume.dott.fr'))
|
|
||||||
@ -1,4 +0,0 @@
|
|||||||
%section.welcome
|
|
||||||
= image_tag 'github-original.png'
|
|
||||||
%p
|
|
||||||
= I18n.t(:find_me_github, link: link_to('gdott9', 'https://github.com/gdott9'))
|
|
||||||
@ -1,96 +0,0 @@
|
|||||||
@charset "utf-8"
|
|
||||||
|
|
||||||
body
|
|
||||||
font: 14px Verdana, sans-serif
|
|
||||||
background: #99a
|
|
||||||
color: #eee
|
|
||||||
|
|
||||||
a
|
|
||||||
color: #bbb
|
|
||||||
&:hover
|
|
||||||
color: white
|
|
||||||
|
|
||||||
#lang
|
|
||||||
padding: 0
|
|
||||||
position: absolute
|
|
||||||
top: 0
|
|
||||||
right: 4em
|
|
||||||
margin: 0
|
|
||||||
list-style-type: none
|
|
||||||
li
|
|
||||||
display: inline-block
|
|
||||||
padding: 6px
|
|
||||||
margin-left: 10px
|
|
||||||
background: rgba(0, 0, 0, 0.6)
|
|
||||||
border: 2px solid white
|
|
||||||
border-top: none
|
|
||||||
a
|
|
||||||
text-decoration: none
|
|
||||||
font-variant: small-caps
|
|
||||||
|
|
||||||
header
|
|
||||||
width: 18em
|
|
||||||
padding: 20px
|
|
||||||
background-color: rgba(0, 0, 0, 0.9)
|
|
||||||
border: 2px solid white
|
|
||||||
border-top: none
|
|
||||||
position: absolute
|
|
||||||
top: 0
|
|
||||||
left: 4em
|
|
||||||
h1
|
|
||||||
font-size: 2.0em
|
|
||||||
font-weight: normal
|
|
||||||
font-family: "Times New Roman", Times, serif
|
|
||||||
margin: 5px 0
|
|
||||||
h2
|
|
||||||
font-size: 1.2em
|
|
||||||
font-weight: normal
|
|
||||||
margin: 2px 0
|
|
||||||
#download_cv
|
|
||||||
margin-top: 20px
|
|
||||||
img
|
|
||||||
float: left
|
|
||||||
margin-right: 10px
|
|
||||||
p
|
|
||||||
padding-top: 4px
|
|
||||||
font-size: 1.1em
|
|
||||||
font-weight: normal
|
|
||||||
a
|
|
||||||
text-decoration: none
|
|
||||||
.st
|
|
||||||
font-size: 0.8em
|
|
||||||
font-weight: normal
|
|
||||||
|
|
||||||
nav
|
|
||||||
margin-top: 50px
|
|
||||||
padding: 10px
|
|
||||||
padding-left: 28em
|
|
||||||
background-color: rgba(0, 0, 0, 0.6)
|
|
||||||
border: white solid
|
|
||||||
border-width: 2px 0
|
|
||||||
ul
|
|
||||||
padding: 0
|
|
||||||
margin: 0
|
|
||||||
li
|
|
||||||
list-style: none
|
|
||||||
display: inline-block
|
|
||||||
|
|
||||||
.content
|
|
||||||
margin: 0 4em
|
|
||||||
margin-top: 140px
|
|
||||||
section
|
|
||||||
background-color: rgba(0, 0, 0, 0.7)
|
|
||||||
border: 2px solid white
|
|
||||||
padding: 1.2em
|
|
||||||
|
|
||||||
&.welcome
|
|
||||||
text-align: center
|
|
||||||
|
|
||||||
footer
|
|
||||||
padding: 10px
|
|
||||||
margin-top: 2em
|
|
||||||
background-color: rgba(0, 0, 0, 0.7)
|
|
||||||
border: white solid
|
|
||||||
border-width: 2px 0
|
|
||||||
text-align: center
|
|
||||||
|
|
||||||
375
source/stylesheets/normalize.css
vendored
375
source/stylesheets/normalize.css
vendored
@ -1,375 +0,0 @@
|
|||||||
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
|
|
||||||
|
|
||||||
/* ==========================================================================
|
|
||||||
HTML5 display definitions
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Corrects `block` display not defined in IE 8/9.
|
|
||||||
*/
|
|
||||||
|
|
||||||
article,
|
|
||||||
aside,
|
|
||||||
details,
|
|
||||||
figcaption,
|
|
||||||
figure,
|
|
||||||
footer,
|
|
||||||
header,
|
|
||||||
hgroup,
|
|
||||||
nav,
|
|
||||||
section,
|
|
||||||
summary {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Corrects `inline-block` display not defined in IE 8/9.
|
|
||||||
*/
|
|
||||||
|
|
||||||
audio,
|
|
||||||
canvas,
|
|
||||||
video {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Prevents modern browsers from displaying `audio` without controls.
|
|
||||||
* Remove excess height in iOS 5 devices.
|
|
||||||
*/
|
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Addresses styling for `hidden` attribute not present in IE 8/9.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[hidden] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ==========================================================================
|
|
||||||
Base
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 1. Sets default font family to sans-serif.
|
|
||||||
* 2. Prevents iOS text size adjust after orientation change, without disabling
|
|
||||||
* user zoom.
|
|
||||||
*/
|
|
||||||
|
|
||||||
html {
|
|
||||||
font-family: sans-serif; /* 1 */
|
|
||||||
-webkit-text-size-adjust: 100%; /* 2 */
|
|
||||||
-ms-text-size-adjust: 100%; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Removes default margin.
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ==========================================================================
|
|
||||||
Links
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Addresses `outline` inconsistency between Chrome and other browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
a:focus {
|
|
||||||
outline: thin dotted;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Improves readability when focused and also mouse hovered in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
a:active,
|
|
||||||
a:hover {
|
|
||||||
outline: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ==========================================================================
|
|
||||||
Typography
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
|
|
||||||
* Safari 5, and Chrome.
|
|
||||||
*/
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Addresses styling not present in IE 8/9, Safari 5, and Chrome.
|
|
||||||
*/
|
|
||||||
|
|
||||||
abbr[title] {
|
|
||||||
border-bottom: 1px dotted;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
|
|
||||||
*/
|
|
||||||
|
|
||||||
b,
|
|
||||||
strong {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Addresses styling not present in Safari 5 and Chrome.
|
|
||||||
*/
|
|
||||||
|
|
||||||
dfn {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Addresses styling not present in IE 8/9.
|
|
||||||
*/
|
|
||||||
|
|
||||||
mark {
|
|
||||||
background: #ff0;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Corrects font family set oddly in Safari 5 and Chrome.
|
|
||||||
*/
|
|
||||||
|
|
||||||
code,
|
|
||||||
kbd,
|
|
||||||
pre,
|
|
||||||
samp {
|
|
||||||
font-family: monospace, serif;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Improves readability of pre-formatted text in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
pre {
|
|
||||||
white-space: pre;
|
|
||||||
white-space: pre-wrap;
|
|
||||||
word-wrap: break-word;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Sets consistent quote types.
|
|
||||||
*/
|
|
||||||
|
|
||||||
q {
|
|
||||||
quotes: "\201C" "\201D" "\2018" "\2019";
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Addresses inconsistent and variable font size in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
small {
|
|
||||||
font-size: 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
sub,
|
|
||||||
sup {
|
|
||||||
font-size: 75%;
|
|
||||||
line-height: 0;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
sup {
|
|
||||||
top: -0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
sub {
|
|
||||||
bottom: -0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ==========================================================================
|
|
||||||
Embedded content
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Removes border when inside `a` element in IE 8/9.
|
|
||||||
*/
|
|
||||||
|
|
||||||
img {
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Corrects overflow displayed oddly in IE 9.
|
|
||||||
*/
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ==========================================================================
|
|
||||||
Figures
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Addresses margin not present in IE 8/9 and Safari 5.
|
|
||||||
*/
|
|
||||||
|
|
||||||
figure {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ==========================================================================
|
|
||||||
Forms
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Define consistent border, margin, and padding.
|
|
||||||
*/
|
|
||||||
|
|
||||||
fieldset {
|
|
||||||
border: 1px solid #c0c0c0;
|
|
||||||
margin: 0 2px;
|
|
||||||
padding: 0.35em 0.625em 0.75em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 1. Corrects color not being inherited in IE 8/9.
|
|
||||||
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
|
||||||
*/
|
|
||||||
|
|
||||||
legend {
|
|
||||||
border: 0; /* 1 */
|
|
||||||
padding: 0; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 1. Corrects font family not being inherited in all browsers.
|
|
||||||
* 2. Corrects font size not being inherited in all browsers.
|
|
||||||
* 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
input,
|
|
||||||
select,
|
|
||||||
textarea {
|
|
||||||
font-family: inherit; /* 1 */
|
|
||||||
font-size: 100%; /* 2 */
|
|
||||||
margin: 0; /* 3 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
|
|
||||||
* the UA stylesheet.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
input {
|
|
||||||
line-height: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
|
||||||
* and `video` controls.
|
|
||||||
* 2. Corrects inability to style clickable `input` types in iOS.
|
|
||||||
* 3. Improves usability and consistency of cursor style between image-type
|
|
||||||
* `input` and others.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
html input[type="button"], /* 1 */
|
|
||||||
input[type="reset"],
|
|
||||||
input[type="submit"] {
|
|
||||||
-webkit-appearance: button; /* 2 */
|
|
||||||
cursor: pointer; /* 3 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Re-set default cursor for disabled elements.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button[disabled],
|
|
||||||
input[disabled] {
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 1. Addresses box sizing set to `content-box` in IE 8/9.
|
|
||||||
* 2. Removes excess padding in IE 8/9.
|
|
||||||
*/
|
|
||||||
|
|
||||||
input[type="checkbox"],
|
|
||||||
input[type="radio"] {
|
|
||||||
box-sizing: border-box; /* 1 */
|
|
||||||
padding: 0; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
|
|
||||||
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
|
|
||||||
* (include `-moz` to future-proof).
|
|
||||||
*/
|
|
||||||
|
|
||||||
input[type="search"] {
|
|
||||||
-webkit-appearance: textfield; /* 1 */
|
|
||||||
-moz-box-sizing: content-box;
|
|
||||||
-webkit-box-sizing: content-box; /* 2 */
|
|
||||||
box-sizing: content-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Removes inner padding and search cancel button in Safari 5 and Chrome
|
|
||||||
* on OS X.
|
|
||||||
*/
|
|
||||||
|
|
||||||
input[type="search"]::-webkit-search-cancel-button,
|
|
||||||
input[type="search"]::-webkit-search-decoration {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Removes inner padding and border in Firefox 4+.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button::-moz-focus-inner,
|
|
||||||
input::-moz-focus-inner {
|
|
||||||
border: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 1. Removes default vertical scrollbar in IE 8/9.
|
|
||||||
* 2. Improves readability and alignment in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
overflow: auto; /* 1 */
|
|
||||||
vertical-align: top; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ==========================================================================
|
|
||||||
Tables
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Remove most spacing between table cells.
|
|
||||||
*/
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
border-spacing: 0;
|
|
||||||
}
|
|
||||||
Loading…
x
Reference in New Issue
Block a user