Jump to content

Download: Delicate


IPBSkins

Recommended Posts

%7Boption%7D



File Name: Delicate

File Submitter: Fisana.

File Submitted: 05 Jun 2010

File Category: Light Skins

Supported Versions: IP.Blog 2.6.x, IP.Board 3.4.x, IP.Calendar 3.3.x, IP.Content 2.3.x, IP.Downloads 2.5.x, IP.Gallery 5.0.x



Delicate Skin by Fisana (ipbskins.ru) for
IP.Board 3.4.6
IP.Blog 2.6.3
IP.Calendar 3.3.4
IP.Content 2.3.6
IP.Downloads 2.5.4
IP.Gallery 5.0.5

Installation instructions.
If you have not installed a skin before and are unsure what to do, follow this guide:
http://community.inv...ing-a-skin-r543

For editing footer:
1. Go to ACP
2. Look & Feel > Manage Skin Sets & Templates > Manage Templates in delicate
2. Open Global Templates > globalTemplate
3. Find



<div class='foot'><span class='left'><img src='{$this->settings['img_url']}/pic.png' alt=''/></span><span class='right'>Copyright © {parse expression="strftime('%Y')"} Your Company Name</span></div>


4. Edit "Your Company Name"



Click here to download this file

Link to comment
  • 1 month later...

Maybe I forgot to put new images when skin had been updated. Will be fixed in version 3.1.2
You yourself can put the missing images. Take them from your forum: /public/style_images/master/gallery

Also see the article [url=" fixes for Opera 10.60

Link to comment
  • 1 month later...
  • 7 months later...

Hello Fisana, love your skins but have a slight issue...

I've changed some css on delicate green skin, and have upgraded to IPB Gallery 4.0, are the changes needed to display gallery correctly pure CSS based, if so could you please post the CSS changes required from the previous delicate version to the new version, so I can add them...

Many Thanks

Link to comment

Ok
ipgallery.css

/***************************************************************/

/* IP.Board 3 CSS                                               */

/* ___________________________________________________________ */

/* By Rikki Tissier                                            */

/* ©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 #f0f1e6;*/

		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: #a0b18e;

			color: #fff;

		}


	#ipg_categories .file_count {

		font-size: 9px;

		padding: 1px 3px;

		font-weight: bold;

		color: #5e673a;

		background: #dbe1cf;

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 #fff;

		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: #a0b18e;

		min-width: 280px;

		padding-left: 10px;

		border-left: 1px solid #a0b18e;

		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: #d57712;

	}


	#ipg_category .topic_prefix.light {

		background-color: #9cb87e;

		color: #fff;

	}


	#ipg_category .album_desc {

		color: #444;

		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: #444;

		color: #fff;

		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: #fff;

	margin-bottom: 10px;

box-shadow: #a0b18e 2px 2px 2px;

	-moz-box-shadow: #a0b18e 2px 2px 2px;

	-webkit-box-shadow: #a0b18e 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: #444;

    	font-weight: bold;

    	padding: 15px 8px 6px 0px;

    	border-bottom:1px solid #dbe1cf;

    	margin-bottom: 8px;

	}


	.gallery_photo_info .shaded

	{

		background: #edefe2;

		padding: 10px;

	}


.gallery_view {

	margin-right: 335px;

	background: #f2f7e9;

	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: #edefe2;

	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 #a0b18e;

	}


	.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 #fff;

	}


.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: #edefe2;

	padding: 4px;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border: 1px solid #5e673a;

	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: #444;

			color: #fff;

			padding: 3px 8px;

		}




/* New stuffs */

h2.gallery_title

{

	font-family: 'Helvetica Neue', Helvetica;

	padding-bottom: 3px;

	border-bottom: 1px solid #dbe1cf !important;

}



.c_block_title,

.cblock h3

{

	color: #fff; 

	font-size: 1.0em;

	font-weight: normal;

	text-transform: uppercase;

	border-top:1px solid #e4ecc9;

	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: #a0b18e;

	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: #f0f1e6;

	display: block;

	width:100%;

	margin-left: -5px;

}


.album.horizontal .sub_album_children {

	margin-top:2px;

	padding-right:16px;

	background: #f2f7e9 url({style_images_url}/dropdown.png) no-repeat 98% 10px;

	border:1px dotted #dbe1cf;

	width: auto;

	display: inline-block;

	clear: both;

	cursor: pointer;

}


/*DD*/

.albumdd.ipbmenu_content {

	background-color: #f9fcf0;

	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: #fff;

	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: #dbe1cf;

	color: #5e673a;

	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: #444;

	}


	#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: #5e673a url({style_images_url}/gradient_bg.png) repeat-x 50%;

	color: #fff;

	font-weight: bold;

	padding: 8px;

	border:2px outset #5e673a;

	font-size: 1.0em;

}


.galleryNextButton:hover

{

	cursor: pointer;

}


.galleryNextButton a {

	color: #fff;

	text-decoration: none;

}


/* Newer IPB styles */

.blocks_wrap {

	padding: 10px;

}


.block_inner {

	background: #fff;

	margin-bottom: 10px;

box-shadow: #dbe1cf 2px 2px 2px;

	-moz-box-shadow: #dbe1cf 2px 2px 2px;

	-webkit-box-shadow: #dbe1cf 2px 2px 2px;

	overflow: hidden;

}


	.pad {

		padding: 15px;

	}


.block_inner .ipb_table {

background: #f6f6f6;

border: 0;

}


	.block_inner .ipb_table td {

		background: #fff;

		border-bottom: 1px solid #fff;

	}


.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: #5e673a url({style_images_url}/gradient_bg.png) repeat-x 50%;

		color: #fff;

		font-weight: bold;

	}

/* Review images row */

.block_inner.review_row p {

	display: block;

	margin:2px;

	line-height: 200%;

	padding: 10px;

	background-color: #edefe2;

}


.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: #fff;

	}


	.gas_entry img

	{

		float: left;

		width: 25px;

		height: 25px;

	}


	.gas_entry p {

		padding-top: 2px;

		color: #444;

	}


	.gas_entry:hover {

		background-color: #f2f7e9;

box-shadow: #dbe1cf 1px 1px 1px;

		-moz-box-shadow: #dbe1cf 1px 1px 1px;

		-webkit-box-shadow: #dbe1cf 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: #fff;

	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: #a0b18e;

			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: #a0b18e;

		}


		ul.gallery_buttons li a:hover {

			background-color: #5e673a; 

		}


/* 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: #edefe2 !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: #f2f7e9 !important;

	z-index:5;

	margin: 0px 0px 0px 0px !important;

	width: auto !important;

	height: 12px !important;

	color: #fff !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 #5e673a !important;

  	-moz-box-shadow: 2px 2px 3px #5e673a !important;

  	-webkit-box-shadow: 2px 2px 3px #5e673a !important;

}


.image_is_hidden_box

{

	position: absolute !important;

	display: inline-block !important;

	background: #a0b18e !important;

	z-index:5;

	margin: 0px 0px 0px 3px !important;

	width: auto !important;

	text-align: center !important;

	height: 12px !important;

	color: #fff !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 #5e673a !important;

  	-moz-box-shadow: 0px 0px 3px #5e673a !important;

  	-webkit-box-shadow: 0px 0px 3px #5e673a !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 #edefe2;

	}


	.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: #f0f1e6 url({style_images_url}/accept.png) no-repeat 2px 5px;

		border: 1px solid #9cb87e;

		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: #5e673a;

}


#galleryFooterLinks a

{

	color: #5e673a;

}


#portal_sidebar h3 {

	color: #444; 

	font-size: 1.0em;

	font-weight: normal;

	text-transform: uppercase;

	border-top:2px solid #dbe1cf;

	background-color: transparent !important;

	padding: 5px;

}



.cblock .general_box.alt h3 {

background: #444 !important;

}


.comment_wrap {

background: transparent;

}

ipgallery_bbcode.css

/************************************************************************/


._galleryBbcode

{ 

	width: 300px;

	height: 100px;

	background: #a0b18e;

	border: 1px solid #464d3f;

	display: inline-block;

	-webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;

	-moz-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;

	box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;

	margin-right: 15px;

	margin-bottom: 15px;

}


.bbcode_albumWrap,

.bbcode_imageWrap

{

	width: 300px;

	height: 100px;

	background: #464d3f;

	border: 1px solid #fff;

	padding: 10px;

	-webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;

	-moz-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;

	box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;

	margin-right: 5px;

	margin-bottom: 5px;

}


.bbcode_imageWrap

{

	background: #000000;

	height: 104px;

}


.bbcode_imageWrap .details,

.bbcode_albumWrap .details

{

	display: inline-block;

	margin-left: 20px;

	margin-top: 10px;

	color: #ffffff;

	font-size: 0.9em;

	line-height: 150%;

}


.bbcode_imageWrap .details

{

	float: left;

	margin-left: 120px;

}


.bbcode_imageWrap .details a

{

	color: #ffffff;

	text-decoration: none;

}


.bbcode_imageWrap .details h5,

.bbcode_imageWrap .details h5 a,

.bbcode_albumWrap .details h5,

.bbcode_albumWrap .details h5 a

{

	color: #ffffff;

	text-decoration: none;

	font-size:1.05em;


}


.bbcode_imageWrap img.galattach

{

	margin-top: -80px;

	display: inline-block;

	border: 2px solid #ffffff;

}


.bbcode_albumWrap img.galattach

{

	float: left;

	background: url({style_images_url}/gallery/75x75.png ) no-repeat 0px 0px;

	padding: 13px;

}

ipgallery_albums.css

/***************************************************************/

/* IP.Board 3 CSS                                               */

/* ___________________________________________________________ */

/* By Rikki Tissier                                            */

/* ©2010 Invision Power Services                             */

/***************************************************************/

/* ipb_gallery.css - Gallery styles							   */

/***************************************************************/

/* NOTE: This CSS is currently *unoptimized*				   */


#albumRate { 

	float: left;

	margin-top: 6px;

}


#albumRate.center

{

	text-align: center;

	margin-left: auto;

	margin-right: auto;

	width: 100%;

}


#albumLinks {

	float: right;

	margin-top: 10px;

}


.ips_like {

	background-color: transparent !important;

}


#gallery_main_wrap .album_primary {

	overflow: hidden;

	width: 270px;

	float: left;

}

	.album_primary .album_owner {

		background-color: #edefe2;

		padding: 10px 0px 0px 10px;

		margin-top: 10px;

		min-height: 65px;

	}

	.album_primary .album_owner h3 {

		margin: 0;

	}


	.album_primary .album_owner .photo {

		float: left;

		margin-right: 10px;

	}


#gallery_main_wrap .album_primary .featured {

	padding: 14px 10px;

	text-align: center;

	border-radius: 6px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	margin: 0 auto;

	max-width: 690px;

}


#gallery_main_wrap .album_primary .ription {

	padding: 2px 12px 6px 12px;

	background-color: #edefe2;

	font-family: Georgia, Times;

	font-style: italic;

}


#gallery_main_wrap .album_thumbnails {

	margin-left: 280px;

	margin-right: auto;

	padding: 14px;

}

	#gallery_main_wrap .album_thumbnails.has_kids {

		margin-right: 28%;

	}


	ul.wrap {

		display: block;

	}

		ul.wrap li {

			display: inline-block;

			min-width: 100px;

		}


		ul.wrap.three_col {

			position: relative;

			left: 37px;

		}


		ul.wrap.four_col {

			position: relative;

			left: 8px;

		} 


		ul.wrap.three_col li {

			width: 32%;

		}


		ul.wrap.four_col li {

			width: 24%;

		}


			ul.wrap li .small

			{

				position: absolute;

				background-color: #d57712;

				margin-left:90px;

				width: 18px;

				font-size: 0.8em;

				color: #fff;

				font-weight: bold;

				padding: 1px 0px;

				text-align: center;

				border-radius: 4px;

				-moz-border-radius: 4px;

				-webkit-border-radius: 4px;

			}


#gallery_main_wrap .album_side_panel {

	float: right;

	width: 27%;

}


/* Container */

#gallery_main_wrap.wcontainer {

	margin: 0 auto 0 auto;

	min-width: 950px;

}


#gallery_main_wrap .album_primary.container {

	overflow: hidden;

	min-width: 660px;

	width: 66%;

	margin-right: 300px;

	float: none;

}


#gallery_main_wrap .album_primary.container p {

	text-align: center;

}


#gallery_main_wrap .album_side_panel.container {

	float: right;

	display: inline-block;

	width: 30%;

	min-width: 284px;

	margin-top: 0px;

}


#gallery_main_wrap .album_primary.container  .description {

		background: url({style_images_url}/gallery/trans_bg2.png );

		color: #e2e2e2;

		position: absolute;

		padding: 10px 0px 10px 10px;

		bottom: 0;

		left: 0;

		line-height: 140%;

		width: 100%;

		text-align: left;

	}


#gallery_main_wrap .album_thumbnails.detail {

	margin: 10px auto 0 auto;

	padding: 15px 15px 30px 15px;

	max-width: 680px;

}


	#gallery_main_wrap .album_thumbnails.detail ul.wrap {

		padding-left: 10px;

	}


	#gallery_main_wrap .album_thumbnails.detail ul.wrap li {

		padding: 4px 11px 4px 11px;

		width: 100px;

	}


		#gallery_main_wrap .album_thumbnails.detail ul.wrap .desc {

			overflow: hidden;

			text-overflow: ellipsis;

			white-space: nowrap;

			width: 100%;

			line-height: 140%;

		}


		#gallery_main_wrap .album_thumbnails.detail ul.wrap .desc a {

			text-decoration: none;

		}


ul.pagination {

	margin-top:6px;

	margin-left: 2px;

}


/* Album DETAIL mode */

#gallery_main_wrap .album_detail {


}


#gallery_main_wrap .album_detail table {

	margin: 0 auto;

	width: 1020px;

}


#gallery_main_wrap .album_detail table td {

	margin:4px 4px 10px 4px;

	vertical-align: top;

	text-align: left;

	width: 340px;

}


#gallery_main_wrap .album_detail table td div {

	max-width: 280px;

	width: auto;

	text-align: left;

	display: inline-block;

	margin: 0 auto;

}


#gallery_main_wrap .album_detail table td div h3 {

	padding-left: 2px;

}


#gallery_main_wrap .album_detail table td div p.details {

	line-height: 150%;

	margin-top: 8px;

}


#gallery_main_wrap .album_detail table td img.galsmall {

	background-color: #edefe2;

	padding: 10px;

	margin: 0 auto;

}


.album_owner h3 .desc {

	color: inherit !important;

	font-weight: normal;

}


.GalleryRssIcon {

	margin-top: -3px;

}


.privateAlbumIcon {

	margin-top: -6px;

	opacity: 0.4;

}

Link to comment
  • 1 month later...
  • 4 months later...
  • 2 months later...

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...