IP.Gallery 4 доделки кастомных скинов - Дизайн и модификация Invision Power Board

/***************************************************************//* IP.Board 3 CSS                                              *//* ___________________________________________________________ *//* By Rikki Tissier                                            *//* (c)2008 Invision Power Services                             *//***************************************************************//* ipb_gallery.css - Gallery styles							   *//***************************************************************//* NOTE: This CSS is currently *unoptimized*				   */.galattach {	padding: 3px;}.galattach.cover_img_50 {	background: url({style_images_url}/gallery/50x50.png ) no-repeat 4px 4px;	padding: 13px;}.galattach.cover_img_75 {	background: url({style_images_url}/gallery/75x75.png ) no-repeat 0px 0px;	padding: 13px;}/* Browse mode */#ipg_categories a {		text-decoration: none;	}		#ipg_categories a.cat_toggle {		text-indent: -2000em;		width: 12px;		height: 12px;		position: absolute;		left: 8px;		top: 11px;		padding: 0;	}			#ipg_categories > li.with_sub.closed > a.cat_toggle {			background: url({style_images_url}/folder_closed.png ) no-repeat;		}			#ipg_categories > li.with_sub.open > a.cat_toggle {			background: url({style_images_url}/folder_open.png ) no-repeat;		}		#ipg_categories > li {		/*border-bottom: 1px solid #f3e8d4;*/		position: relative;			}				#ipg_categories > li:last-child {			border: 0;		}				#ipg_categories > li > a {			display: block;			padding: 10px 10px 10px 25px;		}				#ipg_categories > li.selected > a {			font-weight: bold;			background: #896842;			color: #fcf7ed;		}			#ipg_categories .file_count {		font-size: 9px;		padding: 1px 3px;		font-weight: bold;		color: #725f49;		background: #e1d1ba;border-radius: 3px;		-moz-border-radius: 3px;		-webkit-border-radius: 3px;		margin: 11px 8px 0 0;	}		#ipg_categories ul.subforums {		margin: 0px 0 10px 35px;		font-size: 0.9em;		line-height: 1.5;	}	#ipg_category { }		#ipg_category.no_screenshots .screenshot {		display: none;	}		#ipg_category .ipg_category_row {		padding: 10px;		border-bottom: 1px solid #efeae2;		line-height: 1.4;		position: relative;	}			#ipg_category .ipg_category_row a {			text-decoration: none;		}	#ipg_category .galattach {		max-width: 75px;		max-height: 75px;		float: left;		margin-right: 15px;		padding:0px;		background: transparent !important;	}		#ipg_category h3 {		font-weight: bold;		font-size: 18px;		padding: 0;		display: inline-block;	}			#ipg_category h3 .version {			font-weight: normal;			font-size: 15px;		}				#ipg_category .cat_name {			font-size: 12px;			margin-left: 6px;		}			#ipg_category .cat_name, #ipg_category .cat_name a {				color: #bebebe;			}		#ipg_category .file_info {		font-size: 14px;		line-height: 2;		color: #896842;		min-width: 280px;		padding-left: 10px;		border-left: 1px solid #d0c5b4;		min-height: 75px;	}		#ipg_category .file_info .date {			font-size: 13px;		}			#ipg_category .topic_prefix {		float: right;		margin-top: 3px;		margin-right: 10px;		padding: 2px 5px;	}		#ipg_category .topic_prefix a {			color: #fff;	}		#ipg_category .topic_prefix.light {		background-color: #ddcbaf;		color: #fcf7ed;	}		#ipg_category .album_desc {		color: #725f49;		margin-top: 10px;	}	#filter_show_menucontent {	min-width: 150px;}	#filter_show_menucontent li {		padding: 8px 8px 8px 24px;	}		#filter_show_menucontent li.active {		background-image: url({style_images_url}/accept.png );		background-repeat: no-repeat;		background-position: 2px 6px;		font-weight: bold;	}	#category_wrap .pagination {	padding-left: 0 !important;	margin-left: 0 !important;	margin-bottom: 4px;	margin-top: -1px;}.filters {	padding: 7px;	font-size: 12px;	margin-top: 10px;}	.filters li, .filters ul {	display: inline;}	.filters a {		display: inline-block;		padding: 5px 9px;		text-decoration: none;	}			.filters .active a {		background: #5d4934;		color: #fcf7ed;		font-weight: bold;		opacity: 1;border-radius: 3px;		-moz-border-radius: 3px;	}		.filters li.dropdown a {		padding-right: 17px;		background-image: url({style_images_url}/dropdown.png );		background-repeat: no-repeat;		background-position: right 10px;	}#ipg_browse__menu {	width: 250px;}/* Gallery view image */#gallery_main_parent {	min-width: 950px;	margin: 0 auto 0 auto;	padding:8px;}#gallery_main_wrap {	margin:0 auto;	background: #fcf7ed;	margin-bottom: 10px;box-shadow: #d0c5b4 2px 2px 2px;	-moz-box-shadow: #d0c5b4 2px 2px 2px;	-webkit-box-shadow: #d0c5b4 2px 2px 2px;	overflow: hidden;	padding:14px;}.gallery_photo_info {	float: right;	display: inline-block;	width: 315px;}		.gallery_photo_info .uploader_info h3 {		margin: 0;	}		.gallery_photo_info .uploader_info .photo {		float: left;		margin-right: 10px;	}		.gallery_photo_info h4    {    	font-family: 'Helvetica Neue', Helvetica;    	font-size: 1.1em;    	color: #5d4934;    	font-weight: bold;    	padding: 15px 8px 6px 0px;    	border-bottom:1px solid #ddcbaf;    	margin-bottom: 8px;	}		.gallery_photo_info .shaded	{		background: #efeae2;		padding: 10px;	}.gallery_view {	margin-right: 335px;	background: #f3ead9;	padding: 0px 0 0;	text-align: center;}	.gallery_view .primary {		margin-left:auto;		margin-right:auto;		display: inline-block;		width: 660px;		text-align: left;	}		.gallery_view .description {		font-family: Georgia, Times;		font-style: italic;		margin: 5px 0 5px 10px;		padding: 5px 0px;		font-size: 12px;		line-height: 150%;		text-align: left;	}		.image_info {			margin-top: 5px;		}			.image_info li {			padding: 5px 0px 5px 2px;			font-size: 0.9em;		}					.image_info li STRONG {				width: 30% !important;				display: block;				float: left;			}			#theImage {	background-color: #efeae2;	padding-top: 8px;	cursor: url({style_images_url}/gallery/icons/zoom_in.png), pointer;	z-index: 999;}/* USER VIEW */#gallery_user_info {	width: 19%;	float: left;	margin-right: 2%;}	#gallery_user_info ul.info li {		padding: 8px;		font-size: 0.9em;	}#gallery_user_photos {	width: 79%;	float: left;}/* Others... */em.inline-moderated {	display: inline;	clear: none;	margin-left: 5px;	vertical-align: middle;}/***********************************************//* Image notes */body.resizing {	cursor: se-resize;}#add_note {	cursor: pointer;}.image_view_wrap {	margin:0px auto;	clear: both;}.note_wrap {	position: absolute;	font-size: 12px;}.note_box {	border: 1px solid #342f2b;	position: relative;	cursor: pointer;	opacity: 0.7;}		.note_box .internal {		width: 100%;		height: 100%;		border: 1px solid #b0a594;	}		.note_wrap .note_box:hover {		opacity: 1;	}	.note_wrap.editable.selected .note_box {	border: 1px dashed #342f2b;	cursor: move;}			.note_wrap.editable.selected .note_box .internal {		border: 1px dashed #fcf7ed;	}.note_wrap.editable .handle {	width: 11px;	height: 11px;	background: url({style_images_url}/gallery/drag_handle.png ) no-repeat;	position: absolute;	right: 0;	bottom: 0;	cursor: se-resize;}	.note_text, .note_form {	background: #efeae2;	padding: 4px;	border-radius: 4px;	-moz-border-radius: 4px;	-webkit-border-radius: 4px;	border: 1px solid #725f49;	font-size: 11px;	margin-top: 4px;	text-align: left;	display: inline-block;} .note_form {	font-size: 12px;}/******************************************/.gallery_filter {	padding: 8px;}	.gallery_filter a {		margin: 0 8px;		text-decoration: none;		display: inline-block;		padding: 3px;		border-radius: 4px;		-moz-border-radius: 4px;		-webkit-border-radius: 4px;	}			.gallery_filter a.active {			background: #5d4934;			color: #fcf7ed;			padding: 3px 8px;		}						/* New stuffs */h2.gallery_title{	font-family: 'Helvetica Neue', Helvetica;	padding-bottom: 3px;	border-bottom: 1px solid #e1d1ba !important;}	.c_block_title,.cblock h3{	color: #402100; 	font-size: 1.0em;	font-weight: normal;	text-transform: uppercase;	border-top:4px solid #d57712;	background-color: transparent !important;}.c_block_title {	border:0px;}.album.horizontal{	min-height: 75px;}.latestComments img,.album.horizontal img{	float: left;}.latestComments{	padding: 8px;	min-height: 55px;}.latestComments img{	margin-right: 4px;}.latestComments p{	line-height: 140%;}.album.horizontal p,.album.horizontal em{	font-size: 0.9em;	color: #402100;	font-weight: bold;	padding-top: 10px;}.album.horizontal em{	color: #896842;	font-size: 0.8em;	font-weight: normal;	text-transform: none;}.album.horizontal.showMore {	text-align: right;	padding: 6px;	font-weight: bold;	height: 10px !important;	min-height: 0px !important;	background-color: #f3e8d4;	display: block;	width:100%;	margin-left: -5px;}.album.horizontal .sub_album_children {	margin-top:2px;	padding-right:16px;	background: #f3ead9 url({style_images_url}/dropdown.png) no-repeat 98% 10px;	border:1px dotted #ddcbaf;	width: auto;	display: inline-block;	clear: both;	cursor: pointer;}/*DD*/.albumdd.ipbmenu_content {	background-color: #fcf7ed;	padding:0px;}.album.horizontal .sub_album_children span.desc{	float: left;	display: inline-block;	padding: 6px 2px 0px 2px;}/* Contents of drop down */.album.horizontal.mini {	min-height: 50px;	}	.album.horizontal.mini p {		padding-top: 4px;	}		.album.horizontal.mini img {		margin-top:5px;		margin-right: 3px;	}	.cblock .general_box.noborder {	border:0px;	background-color: #fcf7ed;	padding: 0px;	margin: 0px 4px 0px 4px;}/* Home page overrides */ul.wrap li div.desc.homepage {	text-align: center;}/* Recent images */#home_side_recents {	width: 285px;	margin: 0 auto 0 auto;	padding: 4px 0;	text-align: center;}.gallery_tiny_box,.gallery_thumb_box{	display: inline-block;}	.gallery_tiny_box p,	.gallery_thumb_box p	{		text-align: center;		font-size: 0.8em;	}		.gallery_tiny_box .galattach {		padding: 1px;		padding-bottom:3px;	}	/* Show image page */#uploadFieldWrap,#uploadBoxWrap {	max-width: 1100px;	text-align: left;	margin-left: auto;	margin-right: auto;	min-height: 40px;}#albumBoxWrap {	background: #ddcbaf;	color: #804100;	font-size: 14px;	padding: 20px;	min-height: 120px;}#albumBoxWrap img.galattach {	float: left;	background: white;	padding: 4px;}	#albumBoxWrap h4	{		margin-left: 130px;	}		#albumWrap span	{		clear: both;		float: left;			font-size: 0.8em;		padding-top: 3px;		width: 100px;		text-align: center;	}		#albumWrap span label	{		margin-top:-2px;	}		#albumBoxWrap p	{		margin-left: 130px;		margin-top: 10px;		color: #896842;	}		#albumBoxWrap p a	{		text-align: center;		clear: both;		display: inline-block;		width: 100px;		margin-top: 45px;	}		#albumBoxWrap p a._albumNew	{		margin-right: 3px;		float: left;		clear: none;	}/* Ensure thumb uploads are resized */.input_submit.galupload {	font-size: 12px;}#attachWrap {	margin: 0px auto 20px auto;}#attachments {	max-width: 870px;	width: auto;	padding-top: 10px;	padding-left: 10px;	margin: 0px auto 0px auto;}#attachments li {	margin-right: 5px;	margin-left: 5px;	min-height: 50px;	padding-left: 62px;	display: inline-block;	width: 190px;	overflow: hidden;}	#attachments li .thumb_img {		width: 50px;		height: 50px;	}		#attachments li.complete .links {		top: 40px;		left: 63px;	}		#attachments li h4	{		overflow: hidden;		white-space: nowrap;	}		#attachments li .progress_bar	{		top: 32px;		left: 60px;		width: 185px;	}		#attachments li p.info	{		width: 180px;	}.galleryNextButton {	float: right;	width: auto;	background: #804100 url({style_images_url}/gradient_bg.png) repeat-x 50%;	color: #fcf7ed;	font-weight: bold;	padding: 8px;	border:2px outset #804100;	font-size: 1.0em;}.galleryNextButton:hover{	cursor: pointer;}.galleryNextButton a {	color: #fcf7ed;	text-decoration: none;}	/* Newer IPB styles */.blocks_wrap {	padding: 10px;}.block_inner {	background: #fcf7ed;	margin-bottom: 10px;box-shadow: #e1d1ba 2px 2px 2px;	-moz-box-shadow: #e1d1ba 2px 2px 2px;	-webkit-box-shadow: #e1d1ba 2px 2px 2px;	overflow: hidden;}		.pad {		padding: 15px;	}		.block_inner .ipb_table {		border-bottom: 0;	}		.block_inner .ipb_table td {		background: #fcf7ed;		border-bottom: 1px solid #e1d1ba;	}	.block_text {	line-height: 140%;}#wizard_progress {	margin-bottom: 10px;	overflow: hidden;}	#wizard_progress li {		float: left;		min-width: 130px;		padding: 8px;	}		#wizard_progress li.done {		color: #8db596;		background: #d2e8d8;	}		#wizard_progress li.active {		background: #804100 url({style_images_url}/gradient_bg.png) repeat-x 50%;		color: #fcf7ed;		font-weight: bold;	}/* Review images row */.block_inner.review_row p {	display: block;	margin:2px;	line-height: 200%;	padding: 10px;	background-color: #efeae2;}.block_inner .review_row_right {	margin-left: 120px;}.review_row .rotate:hover {	cursor: pointer;}.ipb_table td.last {	border:0px;}/* Album selector */.gas_entry {	padding: 4px;	margin:2px;	min-height: 30px;	overflow: hidden;	display: block;}	.gas_right h3.header,	.gas_left h3.header {		background: #fcf7ed;	}		.gas_entry img	{		float: left;		width: 25px;		height: 25px;	}		.gas_entry p {		padding-top: 2px;		color: #5d4934;	}		.gas_entry:hover {		background-color: #f3ead9;box-shadow: #ddcbaf 1px 1px 1px;		-moz-box-shadow: #ddcbaf 1px 1px 1px;		-webkit-box-shadow: #ddcbaf 1px 1px 1px;border-radius: 8px;		-moz-border-radius: 8px;		-webkit-border-radius: 8px;		cursor: pointer;		color: #528f6c;	}.gas_right {	margin-left: 295px;	width: 300px;}.gas_left {	width: 300px;	float: left;}.gas_wrap {	padding: 12px 0px 0px 0px;	min-height: 200px;	overflow: hidden;}/* Photo strip */ul#strip{	overflow: ;	margin: 0px 0px 0px 122px;	position: relative;	display: block;	width: 307px;	padding: 3px 0px 0px 0px;	height: 60px;}ul#strip li{	display: block;	position: absolute;	float: left;	list-style: none;	margin: -2px 1px 0px 0px;	padding: 1px;}ul#strip img{	width: 56px;	height: 56px;}/* Photostrip */#photostripwrap {	display: block;	margin-left: -10px;	padding-left: 10px;	width: 320px;	z-index: 1000;}#photostrip {	overflow: hidden;	display: block;	position: relative;	margin-left: 2px;	margin-right: 0px;	width: 307px;}#photostripwrap .nav {	height: 56px;	position: absolute;	width: 20px;	z-index: 1000;}#photostripwrap .nav.nleft {	background: url({style_images_url}/gallery/slider/slideLeft.png) no-repeat;}#photostripwrap .nav.nright {	background: url({style_images_url}/gallery/slider/slideRight.png) no-repeat;}#photostripwrap .nav.nleft:hover,#photostripwrap .nav.nright:hover {	background-color: #fcf7ed;	cursor: pointer;}/* Image view */.ipbmenu_content._goptions li {	border-bottom: 0px;	padding-top: 5px;}.ipbmenu_content._goptions li a {	display: block;}.ipbmenu_content._goptions li._sep {	border-top: 1px solid #e3e3e3;	height: 6px;	display: block;	padding: 0px 0px 0px 0px;}.ipbmenu_content._goptions li img {	margin-right: 5px;	margin-top: -2px;}/* Override default topic buttons */.topic_controls._goptions {	float: left;	height: 32px;}.topic_controls {	height: 32px;}.topic_buttons.right li {	margin-right: 0px;	margin-left: 10px;}.topic_buttons li a {	height: 17px;}img.galmedium {	clear: both;}/* Next/previous links in image view */#image_nav_links {	position: absolute;	display: inline-block;	left: 563px;	width: auto;}#image_nav_links{	position: relative;	text-align: right;	float: right;	display: block;	left: 0px;	width: 100%;	margin-top: -33px;	margin-right: 8px;	}	#image_nav_links li {		padding: 0px 0px 2px 8px;		display: inline-block;	}		#image_nav_links li.off {		color: #CBCBCB;	}			#image_nav_links li a {			color: #878787;			text-decoration: none;		}				#image_nav_links li a:hover {			color: #000000;			text-decoration: underline;		}		/* New styles */h2.gallery_title {	clear:none;}ul.gallery_buttons {	float: right;	position: relative;	display: inline-block;	color: #878787;	padding-right: 5px;	padding-top: 3px;}	ul.gallery_buttons li {		display: inline-block;	}		ul.gallery_buttons li a {			background-color: #b0a594;			color: #fff;			padding:4px 6px;			font-size: 0.9em;			text-decoration: none;			border-radius: 4px;			-moz-border-radius: 4px;			-webkit-border-radius: 4px;		}				ul.gallery_buttons li a img {			margin-top:-2px;			margin-left:-4px;		}				ul.gallery_buttons li a.on {			background-color: #896842;		}				ul.gallery_buttons li a:hover {			background-color: #804100; 		}/* Black pop-up */.popupWrapper .blackPop {	background-color: #000;	color: #eee;	padding: 10px;	text-align: center;}	.popupWrapper .blackPop img {		border:2px solid #ccc;	}		.popupWrapper .blackPop p {		margin: 0 10px;		padding: 6px 0px;		color: #aaa;		font-size: 0.9em;	}		.popupWrapper .blackPop p a {		color: #aaa;	}	.ips_like a{		background-color: #efeae2 !important;	}/* Photo sizes */#photo_sizes ul{	margin: 20px 2px;	float: none;	display: block;	width: 100%;}	#photo_sizes ul li	{		display: inline-block;		width: 22%;		color: #333;	}		#photo_sizes ul li span	{		font-size: 0.8em;		color: #555;	}		#photo_sizes ul li a	{		font-weight: bold;		text-decoration: none;		font-size: 1.1em;		text-transform: smallcaps;		}	.image_is_new_box{	position: absolute !important;	display: inline-block !important;	background: #f3ead9 !important;	z-index:5;	margin: 0px 0px 0px 0px !important;	width: auto !important;	height: 12px !important;	color: #fcf7ed !important;	font-weight:bold !important;	font-size:0.8em !important;	text-decoration: none !important;	padding:0px 2px 0px 2px !important;	font-variant: small-caps !important;box-shadow: 2px 2px 3px #725f49 !important;  	-moz-box-shadow: 2px 2px 3px #725f49 !important;  	-webkit-box-shadow: 2px 2px 3px #725f49 !important;}.image_is_hidden_box{	position: absolute !important;	display: inline-block !important;	background: #b0a594 !important;	z-index:5;	margin: 0px 0px 0px 3px !important;	width: auto !important;	text-align: center !important;	height: 12px !important;	color: #fcf7ed !important;	font-weight:bold !important;	font-size:0.8em !important;	text-decoration: none !important;	padding:0px 2px 0px 2px !important;	font-variant: small-caps !important;box-shadow: 0px 0px 3px #725f49 !important;  	-moz-box-shadow: 0px 0px 3px #725f49 !important;  	-webkit-box-shadow: 0px 0px 3px #725f49 !important;}input[type="checkbox"].modBox {	position: absolute !important;	z-index:9999;	margin: 90px 0px 0px 90px !important;}.gallery_pane {box-shadow: 0px 0px 8px rgba(0,0,0,0.10) inset;border-radius: 6px;	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.10) inset;	-moz-border-radius: 6px;	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.10) inset;	-webkit-border-radius: 6px;}		.gallery_pane h2 {		font-size: 19px;		font-weight: bold;		margin-bottom: 20px;		border-bottom: 1px solid #efeae2;	}		.gallery_pane a {		text-decoration: none;	}#photoTrigger_image{	text-align: center;	margin-left: 15px;}	#photoTrigger_buttons	{		margin: 8px 13px 8px 0px;		padding-bottom: 10px;	}		#photoTrigger_buttons .ptAccept,	#photoTrigger_buttons .ptCancel	{		background: #f3e8d4 url({style_images_url}/accept.png) no-repeat 2px 5px;		border: 1px solid #c7c5c4;		padding: 5px;		width: 50px;		padding-left: 15px;border-radius: 6px;		-moz-border-radius: 6px;		-webkit-border-radius: 6px;		border-radius: 6px;		float: right;		margin-left: 8px;		cursor: pointer;	}		#photoTrigger_buttons .ptCancel	{		background: #f2e4e7 url({style_images_url}/delete.png) no-repeat 2px 5px;		border:1px solid #7D1B1B;	}	#imageRating img {	margin-top: -6px;}#galleryFooterLinks{	text-align: center;	padding: 8px 4px 4px 4px;	font-size: 0.9em;	color: #725f49;}#galleryFooterLinks a{	color: #725f49;}#portal_sidebar h3 {	color: #402100; 	font-size: 1.0em;	font-weight: normal;	text-transform: uppercase;	border-top:4px solid #d2740e;	background-color: transparent !important;	padding: 5px;}.cblock .general_box.alt h3 {background-image: url({style_images_url}/menu_bg.png ) !important;}.comment_wrap {background: transparent;}