Tabula Rasa
This commit is contained in:
Anthony Dumas
7092
css/bootstrap.css
vendored
7092
css/bootstrap.css
vendored
File diff suppressed because it is too large
Load Diff
@@ -1,9 +0,0 @@
|
||||
#center
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p.descriptionPortfolio
|
||||
{
|
||||
font-size: 1.3em;
|
||||
}
|
||||
@@ -1,721 +0,0 @@
|
||||
/*!
|
||||
* Start Bootstrap - Freelancer Bootstrap Theme (http://startbootstrap.com)
|
||||
* Code licensed under the Apache License v2.0.
|
||||
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*/
|
||||
|
||||
.loader
|
||||
{
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
background: url('/img/loadinggif/preloader.gif') 50% 50% no-repeat rgb(256,256,256);
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
p.small
|
||||
{
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active,
|
||||
a.active
|
||||
{
|
||||
color: #18bc9c;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6
|
||||
{
|
||||
font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
|
||||
font-weight: 700;
|
||||
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
hr.star-light,
|
||||
hr.star-primary-portfolio,
|
||||
hr.star-primary-etudes
|
||||
{
|
||||
max-width: 250px;
|
||||
margin: 25px auto 30px;
|
||||
padding: 0;
|
||||
|
||||
text-align: center;
|
||||
|
||||
border: 0;
|
||||
border-top: solid 5px;
|
||||
}
|
||||
|
||||
hr.star-light:after,
|
||||
hr.star-primary-portfolio:after,
|
||||
hr.star-primary-etudes:after
|
||||
{
|
||||
font-family: FontAwesome;
|
||||
font-size: 2em;
|
||||
|
||||
position: relative;
|
||||
top: -.8em;
|
||||
|
||||
display: inline-block;
|
||||
|
||||
padding: 0 .25em;
|
||||
|
||||
content: '\f005';
|
||||
}
|
||||
|
||||
hr.star-light
|
||||
{
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
hr.star-light:after
|
||||
{
|
||||
color: #fff;
|
||||
background-color: #6c6f7d ;
|
||||
}
|
||||
|
||||
|
||||
hr.star-primary-etudes
|
||||
{
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
hr.star-primary-etudes:after
|
||||
{
|
||||
color: #fff;
|
||||
background-color: #6c6f7d ;
|
||||
}
|
||||
|
||||
hr.star-primary-portfolio
|
||||
{
|
||||
border-color: #2c3e50;
|
||||
}
|
||||
|
||||
/*Star Color*/
|
||||
|
||||
hr.star-primary-portfolio:after
|
||||
{
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.img-centered
|
||||
{
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
header
|
||||
{
|
||||
text-align: center;
|
||||
|
||||
color: #fff;
|
||||
background-image: url(/img/cover/background.jpg);
|
||||
background-attachment: scroll;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
header .container
|
||||
{
|
||||
padding-top: 100px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
header img
|
||||
{
|
||||
display: block;
|
||||
|
||||
margin: 0 auto 20px;
|
||||
}
|
||||
|
||||
header .intro-text .name
|
||||
{
|
||||
font-family: Cabin,Helvetica,Arial,sans-serif;
|
||||
font-size: 4em;
|
||||
font-weight: 700;
|
||||
|
||||
display: block;
|
||||
|
||||
text-transform: uppercase;
|
||||
|
||||
text-shadow: 5px 5px rgba(93, 96, 103, .55);
|
||||
}
|
||||
|
||||
header .intro-text .skills
|
||||
{
|
||||
font-size: 1.25em;
|
||||
font-weight: 500;
|
||||
|
||||
text-shadow: 1px 1px #000;
|
||||
}
|
||||
|
||||
@media(min-width:768px)
|
||||
{
|
||||
header .container
|
||||
{
|
||||
padding-top: 200px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
header .intro-text .name
|
||||
{
|
||||
font-size: 4.75em;
|
||||
}
|
||||
|
||||
header .intro-text .skills
|
||||
{
|
||||
font-size: 1.75em;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width:768px)
|
||||
{
|
||||
.navbar-fixed-top
|
||||
{
|
||||
padding: 25px 0;
|
||||
|
||||
-webkit-transition: padding .3s;
|
||||
-moz-transition: padding .3s;
|
||||
transition: padding .3s;
|
||||
}
|
||||
|
||||
.navbar-fixed-top .navbar-brand
|
||||
{
|
||||
font-size: 2em;
|
||||
|
||||
-webkit-transition: all .3s;
|
||||
-moz-transition: all .3s;
|
||||
transition: all .3s;
|
||||
}
|
||||
|
||||
.navbar-fixed-top.navbar-shrink
|
||||
{
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.navbar-fixed-top.navbar-shrink .navbar-brand
|
||||
{
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar
|
||||
{
|
||||
font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
|
||||
font-weight: 700;
|
||||
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.navbar a:focus
|
||||
{
|
||||
outline: 0;
|
||||
}
|
||||
/* Navbar Color*/
|
||||
.navbar-default
|
||||
{
|
||||
border-color: transparent;
|
||||
background-color: #2e3138;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav
|
||||
{
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav li a:focus
|
||||
{
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.navbar-default,
|
||||
.navbar-inverse
|
||||
{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
section
|
||||
{
|
||||
padding: 100px 0;
|
||||
}
|
||||
|
||||
section h2
|
||||
{
|
||||
font-size: 2.5em;
|
||||
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* About Portfolio*/
|
||||
section.contact
|
||||
{
|
||||
color: #fff;
|
||||
background: #6c6f7d;
|
||||
}
|
||||
|
||||
/* About section*/
|
||||
section.etudes
|
||||
{
|
||||
color: #fff;
|
||||
background: #6c6f7d;
|
||||
}
|
||||
|
||||
section.etudes a,
|
||||
section.etudes a:hover,
|
||||
section.etudes a:focus,
|
||||
section.etudes a:active,
|
||||
section.etudes a.active
|
||||
{
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
section.about
|
||||
{
|
||||
color: #fff;
|
||||
background: #6c6f7d;
|
||||
}
|
||||
|
||||
section.about a,
|
||||
section.about a:hover,
|
||||
section.about a:focus,
|
||||
section.about a:active,
|
||||
section.about a.active
|
||||
{
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
@media(max-width:767px)
|
||||
{
|
||||
section
|
||||
{
|
||||
padding: 75px 0;
|
||||
}
|
||||
|
||||
section.first
|
||||
{
|
||||
padding-top: 75px;
|
||||
}
|
||||
}
|
||||
|
||||
#portfolio .portfolio-item
|
||||
{
|
||||
right: 0;
|
||||
|
||||
margin: 0 0 15px;
|
||||
}
|
||||
|
||||
#portfolio .portfolio-item .portfolio-link
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#portfolio .portfolio-item .portfolio-link .caption
|
||||
{
|
||||
position: absolute;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
-webkit-transition: all ease .5s;
|
||||
-moz-transition: all ease .5s;
|
||||
transition: all ease .5s;
|
||||
|
||||
opacity: 0;
|
||||
background: rgba(24,188,156,.9);
|
||||
}
|
||||
|
||||
#portfolio .portfolio-item .portfolio-link .caption:hover
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#portfolio .portfolio-item .portfolio-link .caption .caption-content
|
||||
{
|
||||
font-size: 20px;
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
margin-top: -12px;
|
||||
|
||||
text-align: center;
|
||||
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#portfolio .portfolio-item .portfolio-link .caption .caption-content i
|
||||
{
|
||||
margin-top: -12px;
|
||||
}
|
||||
|
||||
#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
|
||||
#portfolio .portfolio-item .portfolio-link .caption .caption-content h4
|
||||
{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#portfolio *
|
||||
{
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
@media(min-width:767px)
|
||||
{
|
||||
#portfolio .portfolio-item
|
||||
{
|
||||
margin: 0 0 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-outline
|
||||
{
|
||||
font-size: 20px;
|
||||
|
||||
margin-top: 15px;
|
||||
|
||||
transition: all .3s ease-in-out;
|
||||
|
||||
color: #fff;
|
||||
border: solid 2px #fff;
|
||||
background: 0 0;
|
||||
}
|
||||
|
||||
.btn-outline:hover,
|
||||
.btn-outline:focus,
|
||||
.btn-outline:active,
|
||||
.btn-outline.active
|
||||
{
|
||||
color: #18bc9c;
|
||||
border: solid 2px #fff;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.floating-label-form-group
|
||||
{
|
||||
position: relative;
|
||||
|
||||
margin-bottom: 0;
|
||||
padding-bottom: .5em;
|
||||
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.floating-label-form-group input,
|
||||
.floating-label-form-group textarea
|
||||
{
|
||||
font-size: 1.5em;
|
||||
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
|
||||
resize: none;
|
||||
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: 0 0;
|
||||
box-shadow: none!important;
|
||||
}
|
||||
|
||||
.floating-label-form-group label
|
||||
{
|
||||
font-size: .85em;
|
||||
line-height: 1.764705882em;
|
||||
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
top: 2em;
|
||||
|
||||
display: block;
|
||||
|
||||
margin: 0;
|
||||
|
||||
-webkit-transition: top .3s ease,opacity .3s ease;
|
||||
-moz-transition: top .3s ease,opacity .3s ease;
|
||||
-ms-transition: top .3s ease,opacity .3s ease;
|
||||
transition: top .3s ease,opacity .3s ease;
|
||||
vertical-align: middle;
|
||||
vertical-align: baseline;
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.floating-label-form-group:not(:first-child)
|
||||
{
|
||||
padding-left: 14px;
|
||||
|
||||
border-left: 1px solid #eee;
|
||||
}
|
||||
|
||||
.floating-label-form-group-with-value label
|
||||
{
|
||||
top: 0;
|
||||
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.floating-label-form-group-with-focus label
|
||||
{
|
||||
color: #18bc9c;
|
||||
}
|
||||
|
||||
form .row:first-child .floating-label-form-group
|
||||
{
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
|
||||
footer
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
footer h3
|
||||
{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
footer .footer-above
|
||||
{
|
||||
padding-top: 50px;
|
||||
|
||||
background-color: #6c6f7d;
|
||||
}
|
||||
|
||||
footer .footer-col
|
||||
{
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
footer .footer-below
|
||||
{
|
||||
padding: 25px 0;
|
||||
|
||||
background-color: #2e3138;
|
||||
}
|
||||
|
||||
.btn-social
|
||||
{
|
||||
font-size: 20px;
|
||||
line-height: 45px;
|
||||
|
||||
display: inline-block;
|
||||
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
|
||||
text-align: center;
|
||||
|
||||
border: 2px solid #fff;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.btn:focus,
|
||||
.btn:active,
|
||||
.btn.active
|
||||
{
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.scroll-top
|
||||
{
|
||||
position: fixed;
|
||||
z-index: 1049;
|
||||
right: 2%;
|
||||
bottom: 2%;
|
||||
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.scroll-top .btn
|
||||
{
|
||||
font-size: 20px;
|
||||
line-height: 28px;
|
||||
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.scroll-top .btn:focus
|
||||
{
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.portfolio-modal .modal-content
|
||||
{
|
||||
min-height: 100%;
|
||||
padding: 100px 0;
|
||||
|
||||
text-align: center;
|
||||
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background-clip: border-box;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.portfolio-modal .modal-content h2
|
||||
{
|
||||
font-size: 2.5em;
|
||||
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.portfolio-modal .modal-content img
|
||||
{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.portfolio-modal .modal-content .item-details
|
||||
{
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.portfolio-modal .close-modal
|
||||
{
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
right: 25px;
|
||||
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.portfolio-modal .close-modal:hover
|
||||
{
|
||||
opacity: .3;
|
||||
}
|
||||
|
||||
.portfolio-modal .close-modal .lr
|
||||
{
|
||||
z-index: 1051;
|
||||
|
||||
width: 1px;
|
||||
height: 75px;
|
||||
margin-left: 35px;
|
||||
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
|
||||
background-color: #2c3e50;
|
||||
}
|
||||
|
||||
.portfolio-modal .close-modal .lr .rl
|
||||
{
|
||||
z-index: 1052;
|
||||
|
||||
width: 1px;
|
||||
height: 75px;
|
||||
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
|
||||
background-color: #2c3e50;
|
||||
}
|
||||
|
||||
.portfolio-modal .modal-backdrop
|
||||
{
|
||||
display: none;
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.rotate-words
|
||||
{
|
||||
display: inline-block;
|
||||
|
||||
min-width: 180px;
|
||||
min-height: 34px;
|
||||
|
||||
text-align: left;
|
||||
text-indent: 6px;
|
||||
}
|
||||
h6
|
||||
{
|
||||
display: inline;
|
||||
}
|
||||
.left-little
|
||||
{
|
||||
margin-top: -2px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.txtcenter
|
||||
{
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
/*Since <center> is not W3C complia
|
||||
nt*/
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.video-container
|
||||
{
|
||||
position: relative;
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
height: 0;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 56.25%;
|
||||
}
|
||||
.video-container iframe,
|
||||
.video-container object,
|
||||
.video-container embed
|
||||
{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
section
|
||||
{
|
||||
background: #fff;
|
||||
}
|
||||
body
|
||||
{
|
||||
background: #2e3138;
|
||||
}
|
||||
424
css/normalize.css
vendored
424
css/normalize.css
vendored
@@ -1,424 +0,0 @@
|
||||
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/**
|
||||
* 1. Change the default font family in all browsers (opinionated).
|
||||
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
font-family: sans-serif; /* 1 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* HTML5 display definitions
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
* 1. Add the correct display in Edge, IE, and Firefox.
|
||||
* 2. Add the correct display in IE.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
details, /* 1 */
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
main, /* 2 */
|
||||
menu,
|
||||
nav,
|
||||
section,
|
||||
summary { /* 1 */
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
progress,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in iOS 4-7.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10-.
|
||||
* 1. Add the correct display in IE.
|
||||
*/
|
||||
|
||||
template, /* 1 */
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Links
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background on active links in IE 10.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the outline on focused links when they are also active or hovered
|
||||
* in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Firefox 39-.
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font style in Android 4.3-.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct background and color in IE 9-.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background-color: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10-.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide the overflow in IE.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct margin in IE 8.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Change font properties to `inherit` in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the font weight unset by the previous rule.
|
||||
*/
|
||||
|
||||
optgroup {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
* 2. Show the overflow in Edge, Firefox, and IE.
|
||||
*/
|
||||
|
||||
button,
|
||||
input, /* 1 */
|
||||
select { /* 2 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the margin in Safari.
|
||||
* 1. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea { /* 1 */
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritence of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritence of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Change the cursor in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the default cursor to disabled elements unset by the previous rule.
|
||||
*/
|
||||
|
||||
[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
||||
* controls in Android 4.
|
||||
* 2. Correct the inability to style clickable types in iOS.
|
||||
*/
|
||||
|
||||
button,
|
||||
html [type="button"], /* 1 */
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
input:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Change the border, margin, and padding in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10-.
|
||||
* 2. Remove the padding in IE 10-.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the odd appearance of search inputs in Chrome and Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding and cancel buttons in Chrome on OS X and
|
||||
* Safari on OS X.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
@@ -1,48 +0,0 @@
|
||||
/* http://meyerweb.com/eric/tools/css/reset/
|
||||
v2.0 | 20110126
|
||||
License: none (public domain)
|
||||
*/
|
||||
|
||||
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, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
Reference in New Issue
Block a user