eidolon/static/css/style-global.css

256 lines
5.0 KiB
CSS
Executable File

@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');
@import url('font-awesome.min.css');
/*
Parallelism by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
/*********************************************************************************/
/* Basic */
/*********************************************************************************/
body
{
position: relative;
background-color: #12151D;
color: #999;
color: rgba(255,255,255,0.6);
font-family: 'Source Sans Pro';
font-weight: 400;
}
figcaption
{
display:none;
}
a
{
color: #fff;
color: rgba(255,255,255,0.85);
text-decoration: none;
-moz-transition: color 0.25s ease-in-out;
-webkit-transition: color 0.25s ease-in-out;
-o-transition: color 0.25s ease-in-out;
-ms-transition: color 0.25s ease-in-out;
transition: color 0.25s ease-in-out;
}
h1,h2,h3,h4,h5,h6
{
font-weight: 400;
color: #fff;
letter-spacing: -0.05em;
}
strong, b
{
color: #fff;
color: rgba(255,255,255,0.85);
font-weight: 600;
}
/* List */
ul
{
}
ul.contact
{
cursor: default;
margin: 0 0 1em 0;
}
ul.contact li
{
display: inline-block;
font-size: 1.5em;
}
ul.contact li span
{
display: none;
}
ul.contact li a
{
opacity: 0.35;
color: #fff;
-moz-transition: opacity 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out;
-ms-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
}
ul.contact li a:hover
{
opacity: 1.0;
}
/* Item */
.item
{
background: #1a1f2c;
background: rgba(255,255,255,0.25);
}
.item.thumb
{
display: block;
position: relative;
background: #1a1f2c;
background: rgba(255,255,255,0.25);
cursor: default;
}
.item.thumb h2
{
position: absolute;
bottom: 0;
left: 0;
background: #1a1f2c;
background: rgba(18,21,29,0.85);
width: 100%;
padding: 1em;
font-weight: 400;
line-height: 1em;
z-index: 2;
}
.item.thumb img
{
display: block;
z-index: 1;
}
/*********************************************************************************/
/* Icons */
/*********************************************************************************/
.icon
{
position: relative;
text-decoration: none;
}
.icon:before
{
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important;
}
.icon > .label
{
display: none;
}
/*********************************************************************************/
/* Wrapper */
/*********************************************************************************/
#wrapper
{
position: relative;
z-index: 1;
/*custom*/
overflow: auto;
}
/*********************************************************************************/
/* Main */
/*********************************************************************************/
#main
{
margin-top: 60px;
position: static;
}
/*********************************************************************************/
/* Header */
/*********************************************************************************/
#header
{
position: relative;
background: #d64760 url('images/overlay.png');
color: #fff;
cursor: default;
}
#header p
{
opacity: 0.65;
}
#header .inner {
width: 100%;
}
/*custom*/
a:hover
{
color: black;
}
.image img
{
position: relative !important;
max-width: 100%;
/*max-height: auto !important;*/
/*width: auto !important;*/
display: block;
margin-left: auto;
margin-right: auto;
}
nav
{
padding: 1em 2em;
}
nav li
{
display: inline-block;
}
.comment
{
border: 5px solid rgb(255, 255, 255);
padding: 2em 3em;
background: #d64760 url('/static/css/images/overlay.png');
}
.center
{
text-align: center;
}
.image
{
height: 100% !important;
}
.reply
{
background: #47d65f url('/static/css/images/overlay.png');
}
#message
{
padding: 20px;
background: lightyellow url('/static/css/images/overlay.png');
color: #d64760;
font-size: 1.5em;
}