You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
193 lines
4.2 KiB
193 lines
4.2 KiB
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} |
|
|
|
/** |
|
* General |
|
*/ |
|
|
|
html { |
|
font-size: 15px; |
|
font-weight: 300; |
|
font-family: 'Open Sans', sans-serif; |
|
color: rgba(0, 0, 0, 0.87); |
|
} |
|
|
|
textarea { |
|
color: #4D4D4D; |
|
font: 14px/16px "Lato", sans-serif; |
|
padding: 5px !important; |
|
width: 100%; |
|
} |
|
|
|
div#preview { |
|
background: rgba(0, 0, 0, 0.1); |
|
padding: 5px; |
|
} |
|
|
|
a { |
|
text-decoration: none; |
|
color: #6E88C2; |
|
} |
|
|
|
a:hover { |
|
text-decoration: none; |
|
color: #5570AB; |
|
} |
|
|
|
small, .small { |
|
font-size: 85%; |
|
} |
|
|
|
code { |
|
background-color: #fbfbfb; |
|
border-radius: 2px; |
|
padding: 4px 8px; |
|
margin: 0px 4px; |
|
color: rgba(0, 0, 0, 0.54); |
|
} |
|
|
|
pre { |
|
background-color: #fbfbfb; |
|
border-radius: 2px; |
|
padding: 10px; |
|
margin: 10px 0 20px 0; |
|
color: rgba(0, 0, 0, 0.54); |
|
} |
|
|
|
/** |
|
* Image |
|
*/ |
|
|
|
img.responsive { |
|
max-width: 100%; |
|
height: auto; |
|
} |
|
|
|
#image { |
|
background-image: url( '../images/manhattan-banner.jpg' ); |
|
background-position: center center; |
|
background-size: cover; |
|
height: 300px; |
|
position: relative; |
|
} |
|
|
|
@media (min-width: 900px) { |
|
#image { |
|
height: 400px; |
|
} |
|
} |
|
|
|
#logo { |
|
color: white; |
|
font-weight: 600; |
|
margin-top: -0.66em; |
|
position: absolute; |
|
text-align: center; |
|
top: 50%; |
|
width: 100%; |
|
font-size: 50px; |
|
text-shadow: 0px 0px 2px rgba(81, 99, 144, 0.22); |
|
} |
|
|
|
@media (min-width: 480px) { |
|
#logo { |
|
font-size: 75px; |
|
} |
|
} |
|
|
|
@media (min-width: 600px) { |
|
#logo { |
|
font-size: 100px; |
|
} |
|
} |
|
|
|
@media (min-width: 900px) { |
|
#logo { |
|
font-size: 125px; |
|
} |
|
} |
|
|
|
@media (min-width: 1200px) { |
|
#logo { |
|
font-size: 150px; |
|
} |
|
} |
|
|
|
img.bordered { |
|
max-width: 100%; |
|
height: auto; |
|
padding: 5px; |
|
border: 1px solid #f2f2f2; |
|
border-radius: 1px; |
|
} |
|
|
|
|
|
/** |
|
* Titles |
|
*/ |
|
|
|
h1 { |
|
color: #F48BAE; |
|
margin-top: 40px; |
|
font-weight: 400; |
|
margin-bottom: 40px; |
|
} |
|
|
|
h3 { |
|
font-weight: 400; |
|
} |
|
|
|
/** |
|
* About |
|
*/ |
|
|
|
/** |
|
* Changelog |
|
*/ |
|
|
|
.version-release { |
|
margin-bottom: 40px; |
|
} |
|
|
|
.version-release:last-of-type { |
|
margin-bottom: 0; |
|
} |
|
|
|
.version-release h3 { |
|
margin-bottom: 0px; |
|
} |
|
|
|
.version-release p:first-of-type { |
|
margin-top: 0px; |
|
} |
|
|
|
/** |
|
* License |
|
*/ |
|
|
|
.license { |
|
margin-top: 40px; |
|
} |
|
|
|
|
|
/** |
|
* Footer menu |
|
*/ |
|
|
|
#footer { |
|
margin: 40px 0; |
|
text-align: center; |
|
color: rgba(0, 0, 0, 0.54); |
|
} |
|
|
|
/** |
|
* Demo |
|
*/ |
|
|
|
.demo [mhtn*="col"] { |
|
background-color: #f4f4f4; |
|
min-height: 50px; |
|
border-left: 15px solid white; |
|
border-right: 15px solid white; |
|
margin-top: 15px; |
|
margin-bottom: 15px; |
|
} |