Foreground.css: Difference between revisions

Revision as of 01:57, 26 November 2015

html, body {
	height: 100%;
}

body, #page-content {
	background: url('http://new.therockmanexezone.com/wp-content/uploads/2015/07/bg_TilesGrain.png');
	background-repeat: repeat;
	background-position: top center;
	background-attachment: fixed;
}

#page-content {
	padding: 30px 1% 0 1%;
	background: url('http://new.therockmanexezone.com/wp-content/uploads/2015/07/bg_TilesGrain.png');
	background-repeat: repeat;
	background-position: top center;
	background-attachment: fixed;
}

.top-bar {
	margin-bottom: 0;
	background: url('http://new.therockmanexezone.com/wp-content/uploads/2015/07/bg_header.png') !important;
	box-shadow: 0 4px 0 rgba(0,0,0,0.25);
	height: 88px;
}

.top-bar .title-area {
	height: 100%;
}

.top-bar .name {
	height: 88px;
}

.top-bar .name h1 {
	height: 100%;
}

.top-bar .name h1 a {
	height: 100%;
}

.top-bar .name h1 a img {
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
}

.top-bar .name h1 a div.title-name {
	display: none !important;
}

.top-bar-section {
	height: 100%;
}

.top-bar-section>ul>.divider {
	display: none !important;
}

.top-bar-section>ul {
	background: none !important;
	height: 100% !important;
}

.top-bar-section>ul>li {
	height: 100% !important;
}

.top-bar-section>ul>li>a {
	background: none !important;
	height: 100% !important;
}

@media only screen and (min-width: 58.75em) {
	.top-bar-section>ul>li>a {
		line-height: 88px !important;
	}
}

.top-bar-section>ul>li>a::after {
	top: 44px !important;
}

.top-bar-section .has-form {
	background: none !important;
}

#searchform>div.row>div.columns {
	line-height: 88px;
}

#page-content>div.row {
	max-width: 1340px;
	background-color: #FFF;
	padding: 45px 0;
	margin-bottom: 30px;
	background-image: url('http://new.therockmanexezone.com/wp-content/uploads/2015/07/bg_content_header.png');
	background-position: left top;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
	border-top: 1px solid #DADADA;
	border-bottom: 4px solid #E0E0E0;
	border-radius: 4px;
}

#page-content>div.row:first-child {
	display: none;
}

#p-cactions #drop1 {
	right: 15px !important;
	left: initial !important;
}

#wpTextbox1 {
	width: 100%;
}

@media only screen and (min-width: 58.75em) {
	#toc {
		position: fixed;
		bottom: 0;
		right: 0;
		max-height: 100%;
		background: lightblue;
		overflow: auto;
		padding: 1em;
		border-top-left-radius: 1em;
	}
	#toc ul {
		margin: 5pt 0 0 0;
	}
	#toctitle {
		position: relative;
	}
	#toctitle h2 {
		margin: 0;
		overflow: hidden;
		padding-bottom: 5pt;
		border-bottom: 1px solid black;
	}
	#toctitle h2::after {
		content: '×';
		font-size: 100%;
		float: right;
	}
	#toctitle .toctoggle {
		color: transparent;
		float: left;
		height: 0;
		overflow: hidden;
	}
	#togglelink {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		color: transparent;
	}
	.tochidden {
		bottom: 2.5% !important;
		right: 2.5% !important;
		border-radius: 1em !important;
		padding: 0 !important;
		width: 5em;
		height: 5em;
		overflow: hidden !important;
	}
	.tochidden #toctitle {
		height: 100%;
		width: 100%;
	}
	.tochidden #toctitle::before {
		content: '📑';
		font-size: 3em;
		float: right;
		overflow: hidden;
		height: 100%;
		width: 100%;
		line-height: 170%;
		text-align: center;
		vertical-align:middle;
	}
	.tochidden #toctitle h2::after {
		display: none;
	}
}