eidolon/static/css/style-global.css

@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;
	}

	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;
	}