/* ----------------------------------------------------------------------------- LAPIS-LAZULI Theme for Piwigo ------------------------------------------------------------------------------ file: gally/lapis-lazuli/theme.css file version: 1.2.0 ------------------------------------------------------------------------------ author: grum at grum.dnsalias.com << May the Little SpaceFrog be with you >> ------------------------------------------------------------------------------ Lapis-Lazuli for template "Gally" ----------------------------------------------------------------------------- */ div.errors { background:#FFB0B0; border:4px solid #802020; color:#802020; padding:8px; } div.errors a { color:#800000; font-weight:bold; } div.infos { background:#B0FFB0; border:4px solid #208020; color:#208020; padding:8px; } div.infos a { color:#008000; font-weight:bold; } div.errors ul, div.infos ul { text-align:justify; padding-left:0px; } div.errors ul li, div.infos ul li { margin-bottom:4px; } .ui-dialog-overlay { background:#101010; opacity:0.88; filter:alpha(opacity:88); } .ui-dialog-buttonpane { margin-bottom:8px; } /* page */ body { background:#303030 url(./icon/backgd.png) repeat scroll 0 0; color:#dedede; } #the_page { display:block; margin:auto; width:1012px; background:transparent; } a { color: #0066cc; } A:hover { color: #F07D00; } a.button, a.navButton { display:block; display:inline-block; /*display:table-cell;*/ width:28px; height:28px; } /* index.tpl */ #icon_menu { background:url(./icon/menu-show.png); } #icon_menu:hover { background:url(./icon/menu-show_h.png); } #icon_menu.button2 { display:block; display:inline-block; /*display:table-cell;*/ width:28px; height:28px; background:url(./icon/menu-hide.png); } #icon_menu.button2:hover { display:block; display:inline-block; /*display:table-cell;*/ width:28px; height:28px; background:url(./icon/menu-hide_h.png); } #icon_caddie { background:url(./icon/caddie_add.png); } #icon_caddie:hover { background:url(./icon/caddie_add_h.png); } #icon_category_edit { background:url(./icon/category_edit.png); } #icon_category_edit:hover { background:url(./icon/category_edit_h.png); } #icon_search_rules { background:url(./icon/search_rules.png); } #icon_search_rules:hover { background:url(./icon/search_rules_h.png); } #icon_start_slideshow { background:url(./icon/start_slideshow.png); } #icon_start_slideshow:hover { background:url(./icon/start_slideshow_h.png); } #icon_flat { background:url(./icon/flat.png); } #icon_flat:hover { background:url(./icon/flat_h.png); } #icon_normal_mode { background:url(./icon/normal_mode.png); } #icon_normal_mode:hover { background:url(./icon/normal_mode_h.png); } #icon_calendar { background:url(./icon/calendar.png); } #icon_calendar:hover { background:url(./icon/calendar_h.png); } #icon_calendar_created { background:url(./icon/calendar_created.png); } #icon_calendar_created:hover { background:url(./icon/calendar_created_h.png); } /* about.tpl */ /* comments.tpl */ /* identification.tpl */ /* nbm.tpl */ /* notification.tpl */ /* password.tpl */ /* tags.tpl */ /* profile.tpl */ /* register.tpl */ /* upload.tpl */ #icon_home { background:url(./icon/home.png); } #icon_home:hover { background:url(./icon/home_h.png); } /* identification.tpl */ /* menubar_identification.tpl */ #icon_lost_password { background:url(./icon/lost_password.png); } #icon_lost_password:hover { background:url(./icon/lost_password_h.png); } #icon_register, #icon_register2, #icon_register3 { background:url(./icon/register.png); } #icon_register:hover, #icon_register2:hover, #icon_register3:hover { background:url(./icon/register_h.png); } #icon_lost_password, #icon_lost_password2, #icon_lost_password3 { background:url(./icon/lost_password.png); } #icon_lost_password:hover, #icon_lost_password2:hover, #icon_lost_password3:hover { background:url(./icon/lost_password_h.png); } /* menubar_categories.tpl */ #icon_start_filter { background:url(./icon/start_filter.png); } #icon_start_filter:hover { background:url(./icon/start_filter_h.png); } #icon_stop_filter { background:url(./icon/stop_filter.png); } #icon_stop_filter:hover { background:url(./icon/stop_filter_h.png); } /* picture.tpl */ #icon_start_slideshow { background:url(./icon/start_slideshow.png); } #icon_start_slideshow:hover { background:url(./icon/start_slideshow_h.png); } #icon_stop_slideshow { background:url(./icon/stop_slideshow.png); } #icon_stop_slideshow:hover { background:url(./icon/stop_slideshow_h.png); } #icon_metadata { background:url(./icon/metadata.png); } #icon_metadata:hover { background:url(./icon/metadata_h.png); } #icon_save { background:url(./icon/save.png); } #icon_save:hover { background:url(./icon/save_h.png); } #icon_favorite { background:url(./icon/favorite.png); } #icon_favorite:hover { background:url(./icon/favorite_h.png); } #icon_del_favorite { background:url(./icon/del_favorite.png); } #icon_del_favorite:hover { background:url(./icon/del_favorite_h.png); } #icon_delall_favorite { background:url(./../../icon/del_favorite.png); } #icon_delall_favorite:hover { background:url(./../../icon/del_favorite_h.png); } #icon_representative { background:url(./icon/representative.png); } #icon_representative:hover { background:url(./icon/representative_h.png); } #icon_preferences { background:url(./icon/preferences.png); } #icon_preferences:hover { background:url(./icon/preferences_h.png); } /* tags.tpl */ #icon_cloud { background:url(./icon/tag_cloud.png); } #icon_cloud:hover { background:url(./icon/tag_cloud_h.png); } #icon_tag_letters { background:url(./icon/tag_letters.png); } #icon_tag_letters:hover { background:url(./icon/tag_letters_h.png); } /* picture_nav_buttons.tpl */ #icon_last { background:url(./icon/last.png); } #icon_last:hover { background:url(./icon/last_h.png); } #icon_right { background:url(./icon/right.png); } #icon_right:hover { background:url(./icon/right_h.png); } #icon_play { background:url(./icon/play.png); } #icon_play:hover { background:url(./icon/play_h.png); } #icon_pause { background:url(./icon/pause.png); } #icon_pause:hover { background:url(./icon/pause_h.png); } #icon_up { background:url(./icon/up.png); } #icon_up:hover { background:url(./icon/up_h.png); } #icon_left { background:url(./icon/left.png); } #icon_left:hover { background:url(./icon/left_h.png); } #icon_first { background:url(./icon/first.png); } #icon_first:hover { background:url(./icon/first_h.png); } #icon_start_repeat { background:url(./icon/start_repeat.png); } #icon_start_repeat:hover { background:url(./icon/start_repeat_h.png); } #icon_stop_repeat { background:url(./icon/stop_repeat.png); } #icon_stop_repeat:hover { background:url(./icon/stop_repeat_h.png); } #icon_dec_period { background:url(./icon/dec_period.png); } #icon_dec_period:hover { background:url(./icon/dec_period_h.png); } #icon_inc_period { background:url(./icon/inc_period.png); } #icon_inc_period:hover { background:url(./icon/inc_period_h.png); } /* popuphelp.tpl */ /* search_rules.tpl */ #icon_exit { background:url(./icon/exit.png); } #icon_exit:hover { background:url(./icon/exit_h.png); } /* search.tpl */ #icon_help { background:url(./icon/help.png); } #icon_help:hover { background:url(./icon/help_h.png); } /* * page : header */ #theHeader { background:transparent url(./icon/skin_top.png) no-repeat scroll 0 0; height:120px; } /* page : title */ .titrePage { height:auto; padding:0 12px 0 30px; min-height:31px; } .titrePageEmpty { height:0px; min-height:0px; } .titrePage, .navigationBar, #imageHeaderBar { background:#303030 url(./icon/backgd.png) repeat scroll 0 0; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; margin-left:8px; margin-right:10px; padding-left:8px; padding-right:8px; } .titrePage .categoryActions { padding-top:2px; height:28px; } #titrePageID { min-height:62px; height:auto; padding-bottom:1px; } /* * page content */ #content { background:transparent url(./icon/skin_page.png) repeat scroll 0 0; min-height:450px; } #content h2 { clear:left; } #content2 { padding:8px; } /* * page : identification, register, profile */ #identification, #register, #profile { margin:0; padding:16px; } /* page content : thumbnails */ #additional_infoTOP, #additional_infoBOTTOM { background-color:#101010; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; margin:12px 26px 16px 16px; } .additional_info { border-right:1px #303030 dotted; padding:8px 8px 8px 16px; } #thumbnails { font-size:80%; font-weight:bold; } /* page content : categories thumbnails */ #subContent { padding:0px; clear:both; } #subContent h2 { font-size: 150%; border-bottom:1px solid #303030; padding-bottom:4px; } .thumbnailCategory { background-color: #101010; border:2px solid #000000; display:block; margin:8px; padding:8px 8px 0 4px; -moz-border-radius:12px; -webkit-border-radius:12px; -khtml-border-radius:12px; border-radius:12px; } .thumbnailCategory:hover { background-color:#dedede; border:2px solid #0066cc; color:#101010; } ul.thumbnailCategories { padding:16px 0 0; } ul.thumbnailCategories li { float:none; margin:auto; width:96%; } #thumbContents { margin:0px; } .illustration { text-align:center; padding-left:20px; padding-right:20px; } li.odd1 .illustration { float:right; } .illustration a img { border:2px #ffffff solid; } p.thumbCatDesc { border-top:1px #303030 dotted; text-align:justify; } p.thumbCatDescNbImg { text-align:right; font-style:italic; } .content ul.thumbnails img, #linkPrev img, #linkNext img { border:1px solid #FFFFFF; } .content ul.thumbnails span.wrap2 { display:table-cell; margin:0; vertical-align:middle; height:140px; width:140px; -moz-border-radius: 8px; /* round corners with Geko */ -webkit-border-radius: 8px; /* round corners with webkit */ -khtml-border-radius: 8px; /* round corners with khtml */ border-radius:8px; /* round corners with CSS3 compliant browsers */ background-color:#101010; border:none; } #content UL.thumbnails SPAN.wrap2:hover { background-color: #FFFFFF; } table.wrap1 { padding:25px 50px; } /* * page :search */ form.filter { margin:0; padding:16px; } /* * page:help */ .help { margin:8px; } /* page : copyright */ #copyright { font-size:10px; background:transparent url(./icon/skin_bottom.png) no-repeat; width:1012px; height:45px; padding:16px; position:relative; color:#dedede; z-index:800; } /* page : menubar */ #menubar { display:block; width:100%; z-index:1000; height:30px; margin:0; padding:0; position:relative; visibility:visible; overflow:visible; left:-6px; } #menubar dt { font-size:120%; font-weight:bold; cursor:default; z-index:1010; } #menubar dt a { color:#dedede; } #menubar dl:hover dt:hover, #menubar dl:hover dt a:hover { color:#F07D00; } #menubar dl:hover dt, #menubar dl:hover dt a { color:#0066cc; } #menubar dl { float:left; margin:1px 1px 1px 10px; padding:0px 6px 0; max-height:30px; } #menubar dl:hover { background-color:#000000; border:1px #ffffff solid; border-bottom:none; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; -webkit-border-top-left-radius:12px; -webkit-border-top-right-radius:12px; -khtml-border-top-left-radius: 12px; -khtml-border-top-right-radius: 12px; border-radius:12px 0px; margin:-4px 0px 0px 9px; padding-top:4px; } #menubar ul { list-style-type:disc; font-size:92%; margin:8px 0 0; padding:0 0 0 10px; } #menubar ul ul { font-size:100%; padding-bottom:0px; padding-top:0px; } #menubar dt .button { left:-4px; top:-5px; float:left; } #menubar p.totalImages { font-size:80%; } div#menubar dd, div#menubar ul ul, div#menubar ul li:hover ul ul, div#menubar ul ul li:hover ul ul, div#menubar ul ul ul li:hover ul ul, div#menubar ul ul ul ul li:hover ul ul, div#menubar ul ul ul ul ul li:hover ul ul, div#menubar ul ul ul ul ul ul li:hover ul ul { display:none; } #menubar dd ul ul { -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; left:99%; position:absolute; padding-top:8px; padding-bottom:8px; padding-left:10px; margin:-23px 0px 0px -8px; /* for FF, Opera, Safari... */ #margin:-8px 0px 0px -8px; /* for the M$IE (f**k M$IE and the bad tips) */ } div#menubar dl:hover dd, div#menubar ul li:hover ul, div#menubar ul ul li:hover ul, div#menubar ul ul ul li:hover ul, div#menubar ul ul ul ul li:hover ul, div#menubar ul ul ul ul ul li:hover ul, div#menubar ul ul ul ul ul ul li:hover ul, div#menubar ul ul ul ul ul ul ul li:hover ul { display:block; background:#000000; border:1px solid #ffffff; padding-bottom:6px; min-width:180px; } #menubar dd { position:absolute; z-index:-1; margin:-1px 0 0 -7px; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -khtml-border-bottom-left-radius:4px; -khtml-border-bottom-right-radius:4px; border-radius:0px 4px; } #menubar li { padding:0px; padding-right:8px; margin-left:8px; } #mbCategories dt { height:18px; overflow:hidden; } /* calendar bar */ .calendarBar { margin-top:2px; text-align:center; padding:0 15px; } span.calItemP { float:left; } span.calItemN { float:right; } span.calItem, span.calItemEmpty { display:inline-table; margin:1px; min-width:15px; padding-left:2px; padding-right:2px; border:1px solid #303030; font-weight:bold; } td.calDayHead { font-size:14px; font-weight:normal; padding-bottom:12px; } table.calMonth tbody td.calDayCellFull, table.calMonth tbody td.calDayCellEmpty { border:1px solid #101010; overflow:hidden; } .calBackDate { color:#000000; padding-left:10px; padding-top:7px; } .calForeDate { color: #fff; padding-left:10px; padding-top:6px; } table.calMonth tbody td.calDayCellEmpty, table.calMonth tbody td.calDayCellBlank { height:97px; width:84px; } td.calDayCellEmpty { color:#303030; padding-left:12px; padding-top:8px; } div.calImg { position:relative; left:8px; top:8px; } .calendarCalBar { border-bottom:1px dotted #606060; padding-left:16px; padding-top:8px; margin-left:8px; margin-right:12px; } table.calMonth { margin-left:auto; margin-right:auto; left:0px; } table.calMonth td.calDayCellFull:hover { background-color:#ffffff; } /* inputs */ input[type="text"], input[type="password"], select, textarea, file { font-family: monospace; background: #f0f0f0; color:#333333; border:none; margin:0px; max-width:640px; } input:focus, select:focus { background: #ffffff; color:#000000; } input[type="submit"], input[type="button"], input[type="reset"], button { font-family: monospace; border-bottom:1px #606060 solid; border-right:1px #606060 solid; border-top:1px #ffffff solid; border-left:1px #ffffff solid; } input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { border-bottom:1px #ffffff solid; border-right:1px #ffffff solid; border-top:1px #606060 solid; border-left:1px #606060 solid; } fieldset { border:1px #606060 dotted; margin:3px; padding:8px; } fieldset legend { padding-left:3px; padding-right:3px; background:#000000; } /* picture page */ #imageHeaderBar { height:20px; } .imageNumber { border:1px #999999 solid; } #theImage { position:static; padding-bottom:0px; } #theImage p { margin:0; } #theImgContainer { border:8px #ffffff solid; margin-top:30px; } #imageHeaderBar .browsePath h2 { font-weight:normal; } #imageToolBar { height:37px; top:0px; overflow:visible; margin-left:9px; width:992px; } .imageToolBarBg { background:#303030 url(./icon/backgd.png) repeat scroll 0 -2px; z-index:-1; left:0px; } #imageToolBar h2 { color:#f0f0f0; margin-top:6px; } #navThumbNext { right:auto; margin-left:824px; } #navThumbPrev { left:auto; margin-left:-14px; } #navThumbNext, #navThumbPrev { top:310px; max-height:200px; height:200px; } #navThumbPrevContainer, #navThumbNextContainer { height:200px; } .navThumbPrevContent a img, .navThumbNextContent a img { border:1px #606060 solid; } .navThumbPrevContent a:hover img, .navThumbNextContent a:hover img { border:1px #f0f0f0 solid; } .navThumbNextBg, .navThumbPrevBg { -moz-border-radius:12px; -webkit-border-radius:12px; -khtml-border-radius:12px; border-radius:12px; background:#303030 url(./icon/backgd.png); border:1px solid #ffffff; height:180px; width:180px; margin:10px; } #navThumbNextContainer:hover div.navThumbNextBg, #navThumbPrevContainer:hover div.navThumbPrevBg { background:#ffffff; } #imageInfos { z-index:100; } #imageInfosContainer { padding-bottom:8px; } .infoTable { margin:auto; font-size:90%; max-width:94%; color:#f0f0f0; z-index:200; border-collapse:collapse; position:relative; left:25px; } .infoTable td { padding-bottom:5px; padding-left:4px; padding-right:50px; } .infoTable .label { font-weight:bold; border-left:1px dotted #606060; } .infoTable tr:hover { color:#0066cc; cursor:default; } .infoTable tr.emptyrow td { height:4px; padding:0px; } .imageMeta { padding-top:16px; } #rateForm input[type="button"].rateButtonStarFull, #rateForm input[type="button"].rateButtonStarFull:focus, #rateForm input[type="submit"].rateButtonStarFull { background: url('./icon/rating-stars.png') no-repeat scroll; background-position:-16px center; width:16px; } #rateForm input[type="button"].rateButtonStarEmpty, #rateForm input[type="button"].rateButtonStarEmpty:focus, #rateForm input[type="submit"].rateButtonStarEmpty { background: url('./icon/rating-stars.png') no-repeat scroll; background-position:0 center; width:16px; } #rateForm input[type="button"], #rateForm input[type="button"]:active, #rateForm input[type="submit"], #rateForm input[type="submit"]:active { cursor:pointer; border:none; padding:0; } .commentList { margin-left:8px; padding:10px 4px 10px 10px; } #theCommentsPage ul.commentList { margin-bottom:0; margin-left:8px; margin-right:8px; padding-left:0px; } .commentDetail { border-bottom:1px dotted #606060; } .commentDetail ul { list-style-type:none; padding:4px; } .commentDetail .description .author, .commentDetail .description .date { font-weight:bold; color:#f0f0f0; } .commentDetail .description blockquote { margin:0; padding:4px 4px 8px 12px; text-align:justify; } #titleComment h3:hover { background:#303030; } .comment_icon { margin-left:5px; padding:0; position:absolute; } #theCommentContainer { clear:both; } #theCommentContainer input, #theCommentContainer textarea { max-width:458px; } #theCommentContainer form { padding-right:8px; padding-left:8px; padding-top:0px; } #theCommentList { width:489px; height:75%; } /* * tabs */ #theTabs { } #theTabsBg { background:#303030 url(./icon/backgd.png) repeat scroll 0 0; } #theTabsheets { margin:6px 0 0; } #theTabsheets li.tab { -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; background-color:#303030; border:1px solid #606060; display:block; float:left; margin:0 0 0 4px; padding:2px 8px; position:relative; top:-2px; } #theTabsheets li.ui-tabs-selected { border-bottom-width:3px; padding:4px 8px; top:-3px; } #theTabsContainer { margin-left:9px; position:absolute; width:992px; } #theTabsContainer .navigationBar { background:transparent; margin:0px; border:none; float:right; } /* tags */ #fullTagCloud SPAN a:hover { background:#303030 url(./icon/backgd.png) repeat scroll 0 0; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; } #menuTagCloud SPAN { margin:0px; } #fullTagCloud span a { padding:4px; margin:0px; } #fullTagCloud { padding:8px 16px; margin:0px; } .tagLetters { padding:8px 16px; } .nbEntries { text-align:right; padding-left:20px; } .tagaddbutton { left:-4px; position:relative; top:-3px; } .mandatorystar { color:#A04040; } .mandatorynfo { font-size:90%; margin:0 0 4px 8px } /* help */ #thePopuphelpPage h1 { background:transparent; padding-top:30px; } #thePopuphelpPage #the_page { width:auto; } #thePopuphelpPage #theHeader { -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; -webkit-border-top-left-radius:12px; -webkit-border-top-right-radius:12px; -khtml-border-top-left-radius:12px; -khtml-border-top-right-radius:12px; border-radius:12px 0px; background:#000000 none repeat scroll 0 0; border-color:#FFFFFF; border-style:solid solid none; border-width:1px 1px medium; height:80px; margin:8px 8px 0; } #thePopuphelpPage #content { background:#000000 none repeat scroll 0 0; border-color:-moz-use-text-color #FFFFFF; border-style:none solid; border-width:medium 1px; margin:0 8px; min-height:0; padding:16px; } #thePopuphelpPage #copyright { -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -webkit-border-bottom-left-radius:12px; -webkit-border-bottom-right-radius:12px; -khtml-border-bottom-left-radius:12px; -khtml-border-bottom-right-radius:12px; border-radius:0px 12px; background:#000000 none repeat scroll 0 0; border-color:#FFFFFF; border-style:none solid solid; border-width:1px; height:25px; margin:0 8px 8px; width:auto; } #thePopuphelpPage ul.categoryActions { margin:-16px 0 0; padding:0; } /* * diaporama */ #imageHeaderBar h2.showtitle { display:inline; } #imageHeaderBar div.slideShow { padding:2px 0 0 5px; } /* vd language switch plugin */ .menuf ul.flag-pan { z-index:2000; } .menuf ul li a, .menuf ul li a:visited { height:27px; line-height:27px; margin-top:5px; } .menuf ul.flag-pan .flags:hover, .menuf a img.flags { border:1px solid #303030; } .menuf ul.flag-pan .flags { border:1px solid #000000; } .menuf ul.flag-pan { background:#000000 url(./icon/backgd.png) repeat scroll 0 -2px; -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -webkit-border-bottom-left-radius:12px; -webkit-border-bottom-right-radius:12px; -khtml-border-bottom-left-radius:12px; -khtml-border-bottom-right-radius:12px; border-radius:12px; padding-bottom:4px; border:none; } /* * PWG Stuff plugin */ div.stuffs_block { background:transparent url(./icon/skin_page.png); margin:0px; padding:0px; } div.stuffs_block .stuffs { margin:0px; padding:0px; background:transparent; } div.stuffs_block .stuffs h2 { margin:0px; padding-top:4px; } /* * Comment editor compatibility */ #theCategoryPage div#ce-content.content, #theCategoryPage div#ce-message-block.content { background:transparent url(./icon/skin_page.png); } #thePicturePage div#ce-content.content, #thePicturePage div#ce-message-block.content { margin:70px auto auto; border:1px solid #FFFFFF; } div#ce-content .titrePage, div#ce-message-block .titrePage { background:#303030 url(./icon/backgd.png); height:31px; border:none; margin:0; } #theCategoryPage div#ce-content .titrePage, #theCategoryPage div#ce-message-block .titrePage { margin:0 11px 0 9px; } div#ce-content h2, div#ce-message-block h2 { padding-top:4px; margin:0px; } div#ce-content.content ul.categoryActions { padding-top:1px; } div#ce-comments { padding-bottom:0; padding-top:16px; } /* * AMM compatibility */ div#menubar dd.randompicdd { margin-left:-7px; } div#irandompicinner.illustration { height:auto; padding:0px; }