shimmie2/themes/rule34v2/style.css

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                  things common to all pages                    *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

:root {
	font-family: "Arial", sans-serif;
	font-size: 14px;
}
BODY {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAFVBMVEV8und+uXeo5aKo5qOq5aOr46Ks5KN5+6UZAAAAN0lEQVQImWNIc2FLcUhzYWBIczRLEU5zNGBwEQlxdHURCWBwdEkRcXN0SWBgVkswSgMSDDRTDADa2B2AhUf94AAAAABJRU5ErkJggg==');
	margin: 0;
}
#header {
	border-bottom: 1px solid #7EB977;
	margin-top: 0;
	margin-bottom: 16px;
	padding: 8px;
	background: #ACE4A3;
	text-align: center;
}
H1 {
	font-size: 5rem;
	margin: 0;
	padding: 0;
}
H1 A {
	color: black;
}
H3 {
	text-align: center;
	margin: 0;
}
THEAD {
	font-weight: bold;
}
TD {
	vertical-align: top;
	text-align: center;
}

#flash {
	background: #FF7;
	display: block;
	padding: 8px;
	margin: 8px;
	border: 1px solid #882;
}

TABLE.zebra {background: #ACE4A3; border-collapse: collapse; border: 1px solid #7EB977;}
TABLE.zebra TD {font-size: 0.8rem;margin: 0;	border-top: 1px solid #7EB977;	padding: 2px;}
TABLE.zebra TR:nth-child(odd) {background: #9CD493;}
TABLE.zebra TR:nth-child(even) {background: #ACE4A3;}

FOOTER {
	clear: both;
	padding: 8px;
	font-size: 0.7rem;
	text-align: center;
	border-top: 1px solid #7EB977;
	background: #ACE4A3;
}


A         {color: #000099; text-decoration: none; font-weight: bold;}
A:hover   {color: #000099; text-decoration: underline;}
A:visited {color: #000099; text-decoration: none}
A:active  {color: #000099; text-decoration: underline;}

UL {
	text-align: left;
}

.ad1{
	display:flex;
	justify-content:center;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*             the navigation bar, and all its blocks             *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

NAV {
	width: 250px;
	float: left;
	text-align: center;
	margin-left: 16px;
}
NAV .blockbody {
	font-size: 0.85rem;
	text-align: center;
}
NAV TABLE {
	width: 100%;
}
NAV TD {
	vertical-align: middle;
}
NAV INPUT {
	width: 100%;
	padding: 0;
}
NAV SELECT {
	width: 100%;
	padding: 0;
}

#Friends_of_Pahealleft {
	z-index: 0;
	position: relative;
}

.comment .info {
	background: #ACE4A3;
	border: 1px solid #7EB977;
}

.more:after {
	content: " >>>";
}

.tag_count:before {
	content: "(";
}
.tag_count:after {
	content: ")";
}

#imagelist .blockbody,
#paginator .blockbody {
	background: none;
	border: none;
	box-shadow: none;
}

#commentlistimage .blockbody,
#commentlistrecent .blockbody {
	background: none;
	border: none;
	box-shadow: none;
	padding: 0;
}

#commentlistimage .blockbody .comment,
#commentlistrecent .blockbody .comment {
	margin-left: 0;
	margin-right: 0;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                 the main part of each page                     *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

ARTICLE {
	margin-left: 276px;
	margin-right: 16px;
	text-align: center;
	height: 1%;
	margin-top: 16px;
}
ARTICLE TABLE {
	width: 90%;
	margin: auto;
}
NAV SECTION:first-child H3 {
	margin-top: 0;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                     specific page types                        *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#pagelist {
	margin-top: 32px;
}

#tagmap A {
	padding: 8px 4px 8px 4px;
}

SECTION>.blockbody, .comment, .setupblock {
	background: #ACE4A3;
	margin: 8px;
	border: 1px solid #7EB977;
	padding: 8px;
}

SECTION>H3 {
	text-align: center;
	background: #9CD493;
	margin: 8px;
	border: 1px solid #7EB977;
	padding: 8px;
}

.thumb {
	width: 226px;
	display: inline-block;
	zoom: 1; /* ie6 */
	*display: inline; /* ie6 */
	text-align: center;
	margin-bottom: 8px;
}
.thumb IMG {
	border: 1px solid #7EB977;
	background: #ACE4A3;
	padding: 4px;
}

.username {
	font-weight: bold;
}

#bans TD, .image_info TD {
	vertical-align: middle;
}
#bans INPUT {
	font-size: 0.85rem;
}

.need-del {
	display: none;
}
.can-del .need-del {
	display: inline;
}


.unread {
	color: red;
}

[data-tags~="ai-generated"]>A>IMG { background: #BC8F8F; }
[data-tags~="animated"]>A>IMG { background: #CC00CC; }
[data-ext="mp4"]>A>IMG,
[data-ext="webm"]>A>IMG { background: #0000FF; }

#menuh-container {
	float: none;
	width: 650px;
	margin: auto;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                     responsive overrides                       *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media (max-width: 750px) {
	.atoz, #paginator {
		font-size: 2rem;
	}
	.header-sites {
		display: none;
	}
	SECTION>.blockbody {
		overflow-x: auto;
	}
}

/* responsive padding */
@media (max-width: 1024px) {
	NAV {margin-left: 0;}
	ARTICLE {margin-right: 0; margin-left: 242px;}
}
@media (max-width: 750px) {
	NAV {margin-left: 0;}
	ARTICLE {margin-right: 0; margin-left: 250px;}
}

/* responsive navbar */
#nav-toggle {display: none;}
@media (max-width: 750px) {
	TD#nav-toggle {display: table-cell; width: 40px;}
	#nav-toggle A {border: 1px solid black; border-radius: 8px;}
	#nav-toggle A:hover {text-decoration: none;}

	NAV>SECTION>.blockbody,
	NAV>SECTION>.blockbody>.comment {
		margin: 0;
	}
	NAV>SECTION>H3 {
		margin: 0;
	}

	BODY.navHidden #menuh-container {display: none;}
	BODY.navHidden NAV {display: none;}
	BODY.navHidden ARTICLE {margin-left: 0;}

/*
	NAV {
		position: fixed;
		top: 6.5em;
		bottom: 0px;
		overflow-y: scroll;
	}
	*/
}

/* sticky header */
@media (max-width: 750px) {
	BODY.navHidden {padding-top: 5.4em}
}
@media (max-width: 750px) {
	#header {position: fixed; top: 0; left: 0; z-index: 99999999999;}
	.ui-autocomplete {z-index: 999999999999;}
	BODY {padding-top: 7em}
}

/* responsive header */
#Uploadleft {display: none;}
#Uploadhead {display: block;}
#UserBlockleft {display: none;}
#UserBlockhead {display: block;}
#Loginleft {display: none;}
#Loginhead {display: block;}
.headcol {width: 250px; font-size: 0.85rem;}
.headbox {width: 80%; margin: auto;}
#big-logo {display: table-cell;}
#mini-logo {display: none;}
@media (max-width: 1024px) {
	#Uploadleft {display: block;}
	#Uploadhead {display: none;}
	#UserBlockleft {display: block;}
	#UserBlockhead {display: none;}
	#Loginleft {display: block;}
	#Loginhead {display: none;}
	.headcol {display: none;}
	.headbox {width: 100%; margin: auto;}
	#big-logo {display: none;}
	#mini-logo {display: table-cell; width: 100px;}

	/* hide nav-search when header-search is sticky */
	ARTICLE {margin-top: 0;}
	#Navigationleft .blockbody {font-size: 1.5rem;}
	#Navigationleft .blockbody P,
	#Navigationleft .blockbody FORM
	{display: none;}
}

/* responsive comments */
.comment_list_table {width: 100%;}

/* responsive misc */
@media (max-width: 750px) {
	#shm-main-image { max-width: 95%; }
}

#ed91727bc9c7a73fdcec6db562e63151main {
	overflow: scroll;
}

/* front page */
div#front-page h1 {font-size: 4rem; margin-top: 2em; margin-bottom: 0; text-align: center; border: none; background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
div#front-page {text-align:center;}
.space {margin-bottom: 1em;}
div#front-page div#links a {margin: 0 0.5em;}
div#front-page li {list-style-type: none; margin: 0;}
@media (max-width: 800px) {
	div#front-page h1 {font-size: 3rem; margin-top: 0.5em; margin-bottom: 0.5em;}
	#counter {display: none;}
}