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