/* CSS below */ .sidebar_container { float:right; width:100%; padding:17px 0; margin-bottom:3em; } .sidebar_container.sidebarleft { float:left; } .sidebar_container a { color: ; } .sidebar_container a:hover { color: ; } .sidebar_container .time { color: ; } #sidebar_button { display:block; margin-top: 40px; float:right; margin-right:-28px; _margin: 40px 0 0 0; _display: inline-block; } #sidebar_button { _display: inline; } .sidebar_container.sidebarleft #sidebar_button { float:left; margin-left:-28px; } .sidebar_container .block { margin-bottom:4px; padding:6px; background:#79BAEC url(images/misc/blog/top-highlight.png) repeat-x left top; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; } .sidebar_container .blockbody { color: #2B3856; background:rgb(255, 255, 255); -moz-border-radius:10px; -webkit-border-radius: 10px; padding:0; border:1px solid #2B3856; } .sidebar_container .blockrow { border-top:1px solid rgb(255, 255, 255); /* makes the bevel look part of the background */ -moz-border-radius:10px; -webkit-border-radius: 10px; background:rgb(255, 255, 255) url(images/gradients/gradient-black-down.png) repeat-x ; _background-image: none; } .sidebar_container .underblock { height:; background:; } .sidebar_container .blockrow, .sidebar_container .blocksubhead { padding:10px 6px 10px 6px; } .sidebar_container .blocksubhead { background:transparent none; height:16.76px; color: #00685A; padding: 5px 6px; border:none; outline:none; font-weight:bold; } .sidebar_container .blocksubhead span.blocktitle { width:-70px; display:block; white-space:nowrap; float:left; overflow:hidden; padding-left:3px; } /* Add a "middle" font size, between default and small */ .sidebar_container .blocksubhead.smaller { font:; } .sidebar_container .blockrow { font-size:12px; color: #2B3856; } .sidebar_container .advanced.blockfoot { padding:6px; border-bottom:none; font-size:88%; font-weight:bold; background: transparent; } .sidebar_container .smalltext a { line-height:1.5; font-weight: bold; } .sidebar_container .parent a { color: #C03; line-height:1.5; font-weight: bold; } .sidebar_container > ul { background-color:#79BAEC; border:1px solid #2B3856; -moz-border-radius:10px; -webkit-border-radius: 10px; -moz-box-shadow:-2px 2px 2px #000000; float:left; width:100%; } .sidebar_container a.collapse { position:static; } .sidebar_container a.title { font-weight:bold; } #gallery_home { width: 100%; text-align: center; } #gallery_home div.image_box { display: table-cell; position: relative; min-height: 260px; min-width: 180px; float: left; text-align: center; vertical-align: top; } #gallery_home div.image_box * { vertical-align: top; } #gallery_home div.image_box span { display: inline-block; height: 200px; width: 1px; } #gallery_home div.image_box .text { position: absolute; font-size: 11px; font-weight: bold; bottom: 20px; height: 70px; width: 100%; text-align: center; } #gallery_home div.image_box .options { position: absolute; font-size: 11px; font-weight: bold; bottom: 5px; height: 15px; width: 100%; text-align: center; } #gallery_home div.image_box .small { font-size: 10px; width: 100%; height: 35px; } #content_filter { float: left; width: 175px; height: 15px; font-weight: bold; color: #1E786C; background-color: #CCC; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid #aebfd8; padding: 2px; text-align: center; margin-bottom: 30px; } .gallery_header_text { } #gallery_search { float: left; width: 175px; height: 60px; padding: 2px; text-align: center; } #gallery_button { margin: 0 auto; display: block; } .gallery_button { background: #1E786C url(images/buttons/newbtn_middle.png) repeat-x left top; _background-image: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 3px 8px #000000; -webkit-box-shadow: 0 3px 8px #000000; box-shadow: 0 3px 8px #000000; font: normal 14px Arial, sans-serif; font-size: 12px; color: #FFFFFF; text-shadow: 1px 1px 0px #25383C; padding: 4px 15px 4px 15px; border: 0 none ; } .gallery_button_left { background: #1E786C url(images/buttons/newbtn_middle.png) repeat-x left top; _background-image: none; border-top-left-radius: 10px; border-bottom-left-radius: 10px; font: normal 14px Arial, sans-serif; font-size: 12px; color: #FFFFFF; text-shadow: 1px 1px 0px #25383C; padding: 4px 15px 4px 15px; border: 0 none ; display:block; float: right; width: 50%; } .gallery_button_right { background: #1E786C url(images/buttons/newbtn_middle.png) repeat-x left top; _background-image: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px; font: normal 14px Arial, sans-serif; font-size: 12px; color: #FFFFFF; text-shadow: 1px 1px 0px #25383C; padding: 4px 15px 4px 15px; border: 0 none ; display:block; float: left; width: 50%; } .gallery_button_left_dis { font-size: 12px; background: #1E786C url(images/buttons/newbtn_middle.png) repeat-x left top; _background-image: none; border-top-left-radius: 10px; border-bottom-left-radius: 10px; font: normal 14px Arial, sans-serif; font-size: 12px; color: #FFFFFF; text-shadow: 1px 1px 0px #25383C; padding: 4px 15px 4px 15px; border: 0 none ; display:block; float: right; width: 50%; } .gallery_button_right_dis { font-size: 12px; background: #1E786C url(images/buttons/newbtn_middle.png) repeat-x left top; _background-image: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px; font: normal 14px Arial, sans-serif; font-size: 12px; color: #FFFFFF; text-shadow: 1px 1px 0px #25383C; padding: 4px 15px 4px 15px; border: 0 none ; display:block; float: left; width: 50%; } .gallery_button, .gallery_button_left, .gallery_button_right, .gallery_button_left_dis, .gallery_button_right_dis span { font: normal 14px Arial, sans-serif; font-size: 12px; font-weight:bold; display:inline; } .gallery_button:hover, .gallery_button_left:hover, .gallery_button_right:hover { background: #057D9F url(images/buttons/newbtn_middle.png) repeat-x left top; color: #FFFFFF; text-shadow: 1px 1px 0px #25383C; text-decoration: none; } .gallery_button_left_dis:hover, .gallery_button_right_dis:hover { background: #057D9F url(images/buttons/newbtn_middle.png) repeat-x left top; text-decoration: none; } #gallery_clap_overlay { background: url("dbtech/gallery/images/dark.png") repeat scroll 0 0 transparent; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 15; } #gallery_image img { border-radius: 7px; border: 10px double #aebfd8; box-shadow: 3px 3px 4px #606060; border: solid; padding: 2px; // background: #417394; margin-bottom: 25px; z-index: 20; } #gallery_image_info div { float: left; margin-right: 10px; } #gallery_image_info .title { font-weight: bold; font-size: 1.5em; } #gallery_image_info a.username { font-size: 1.2em; } #gallery_image_stats { border: 1px solid #aebfd8; text-align: left; padding: 2px; } #gallery_image_cam_info { border: 1px solid #aebfd8; text-align: left; padding: 2px; } #gallery_image_more_info { border: 1px solid #aebfd8; text-align: left; padding: 2px; } #gallery_image_img_info { border: 1px solid #aebfd8; text-align: left; padding: 2px; } #gallery_image_tags { border: 1px solid #aebfd8; text-align: left; padding: 2px; } .gallery_image_comment_text { border-radius: 2px; border: 1px solid #aebfd8; padding: 4px; float: left; } .gallery_subscriber_container { border: none; padding: 2px; margin-bottom: 15px; float: left; } .gallery_subscriber_container .avatar { width: 85px; } .gallery_subscriber_container .avatar img { max-width: 75px; } .gallery_image_comment_container { border: none; overflow: auto; padding: 2px; margin-bottom: 15px; } .gallery_image_comment_container .avatar { float: left; width: 85px; } .gallery_image_comment_container .avatar img { max-width: 75px; } .gallery_image_comment_container .comments { border-radius: 5px; border: 1px solid #aebfd8; padding: 5px; float: left; width: 80%; } .gallery_image_comment_container .comments .admin { float: right; width: 20px; vertical-align: top; } .gallery_image_comment_container .comments .admin a { display: block; width: 20px; height: 20px; margin: 0px; text-decoration: none; background-image: url('dbtech/gallery/images/delete.gif') } .gallery_image_comment_container .comments .admin a:hover { background-position: 0 -20px } .gallery_view_image_container { width: 100%; vertical-align: top; text-align: center; clear: left; margin-bottom: 10px; overflow: auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #aebfd8; } .gallery_view_image_container .more_images { display: inline-block; margin-right: 10px; height: 100px; min-width: 85px; overflow: auto; } .gallery_view_image_container .more_images_current { display: inline-block; margin-right: 10px; min-width: 100px; } .gallery_view_image_side_container_10 { vertical-align: top; text-align: center; clear: left; overflow: auto; margin-bottom: 10px; } .gallery_view_image_side_container_20 { vertical-align: top; text-align: center; clear: left; overflow: auto; margin-bottom: 20px; } .gallery_view_image_side_container_20 .title { float: left; width: 100px; margin-bottom: 2px; font-weight: bold; } .gallery_view_image_side_container_20 .data { float: left; } .gallery_profile_container { width: 100%; vertical-align: top; overflow: auto; padding: 7px; color: #ffffff; background: #1E786C url(images/buttons/newbtn_middle.png) repeat-x ; border-top-left-radius: 7px; border-top-right-radius: 7px; border: 1px solid #aebfd8; } .gallery_profile_container a { color: #ffffff; } .gallery_profile_container a:hover { color: #ffffff; } .gallery_profile_container_view { width: 100%; vertical-align: top; overflow: auto; padding: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-top: 1px solid #aebfd8; border-left: 1px solid #aebfd8; border-right: 1px solid #aebfd8; } .gallery_profile_container_view_no_border { width: 100%; vertical-align: top; overflow: auto; padding: 7px; } .gallery_profile_container_bottom { width: 100%; vertical-align: top; margin-bottom: 10px; overflow: auto; padding: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; border-bottom: 1px solid #aebfd8; border-left: 1px solid #aebfd8; border-right: 1px solid #aebfd8; } div.image_box { display: table-cell; position: relative; height: 200px; min-width: 155px; float: left; text-align: center; vertical-align: middle; margin-bottom: 30px; margin-right: 15px; border-radius: 7px; border: 10px double #aebfd8; box-shadow: 3px 3px 4px #606060; padding: 2px; } div.image_box * { vertical-align: middle; } div.image_box span { display: inline-block; height: 150px; width: 1px; } div.image_box .text { position: absolute; font-size: 11px; font-weight: bold; bottom: 20px; height: 30px; width: 100%; text-align: center; } div.image_box .small { font-size: 10px; width: 100%; height: 10px; } div.image_box_large { display: table-cell; position: relative; height: 400px; min-width: 355px; float: left; text-align: center; vertical-align: middle; margin-bottom: 30px; margin-right: 15px; border-radius: 7px; border: 10px double #aebfd8; box-shadow: 3px 3px 4px #606060; padding: 2px; } div.image_box_large * { vertical-align: middle; } div.image_box_large span { display: inline-block; height: 350px; width: 1px; } div.image_box_large .text { position: absolute; font-size: 11px; font-weight: bold; bottom: 20px; height: 20px; width: 100%; text-align: center; } div.image_box_large .small { font-size: 10px; width: 100%; height: 10px; } div.album_box { display: table-cell; position: relative; height: 200px; min-width: 155px; float: left; text-align: center; vertical-align: middle; margin-bottom: 30px; margin-right: 15px; padding: 2px; } div.album_box * { vertical-align: middle; } div.album_box span { display: inline-block; height: 150px; width: 1px; } div.album_box .text { position: absolute; font-size: 11px; font-weight: bold; bottom: 20px; height: 30px; width: 100%; text-align: center; } div.album_box .small { font-size: 10px; width: 100%; height: 10px; } #gallery_profile_info .title { font-weight: bold; font-size: 1.5em; margin-bottom: 10px; } .gallery_profile_info .title { font-weight: bold; font-size: 1.5em; margin-bottom: 10px; } #gallery_profile_info .username { text-align: left; font-size: 1.2em; margin-bottom: 10px; } #gallery_profile_info .info { text-align: left; } .image_rating { width: 200px; height: 40px; margin: 0 0 0 0; padding: 0; list-style: none; clear: both; position: relative; background: url(dbtech/gallery/images/rating_matrix.png) no-repeat 0 0; } /* add these classes to the ul to effect the change to the correct number of stars */ .nostar {background-position: 0 0} .one_star {background-position: 0 -40px} .two_star {background-position: 0 -80px} .three_star {background-position: 0 -120px} .four_star {background-position: 0 -160px} .five_star {background-position: 0 -200px} ul.image_rating li { cursor: pointer; float: left; text-indent: -999em; } ul.image_rating li a { position:absolute; left: 0; top: 0; width: 40px; height: 40px; text-decoration: none; z-index: 200; } ul.image_rating li.one a {left: 0} ul.image_rating li.one a:hover {background-position: 0 -40px;} ul.image_rating li.two a {left: 40px;} ul.image_rating li.two a:hover {background-position: 0 -80px;} ul.image_rating li.three a {left: 80px;} ul.image_rating li.three a:hover {background-position: 0 -120px} ul.image_rating li.four a {left: 120px;} ul.image_rating li.four a:hover {background-position: 0 -160px} ul.image_rating li.five a {left: 160px;} ul.image_rating li.five a:hover {background-position: 0 -200px} ul.image_rating li a:hover { z-index: 2; width: 200px; height: 40px; overflow: hidden; left: 0; background: url(dbtech/gallery/images/rating_matrix.png) no-repeat 0 0 } iframe.gallery-facebook-like { width: 110px; height: 20px; } .gallery-overlay { text-align: center; opacity:0.85; filter:alpha(opacity=85); background: black; color: white; width: 40%; position: absolute; z-index: 1001; display: none; top: 500; left: 250; padding: 5px; } .gallery-overlay-item { text-align: center; font-weight: bold; opacity:1; filter:alpha(opacity=100); margin: auto; background: transparent; padding: 5px; width: 85%; font-size: 14px; } .gallery_zindex { display: inline-block; text-align: $stylevar[left]; position: relative; z-index: 20; } #gallery_cinema_overlay { background: url("http://www.pilarceleste.net/dbtech/gallery/images/dark.png") repeat scroll 0 0 transparent; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; z-index: 15; } .smallfont { font-size:11px; } .formcontrols .blockrow .dbtech_livewall_smallfont { font-size:11px; } /* this makes it possible to add next button beside scrollable */ .scrollable { float:left; } /* prev, next, prevPage and nextPage buttons */ a.browse { background:url(dbtech/gallery/images/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 10px; cursor:pointer; font-size:1px; } /* right */ a.right { background-position: 0 -30px; clear:right; margin-right: 0px;} a.right:hover { background-position:-30px -30px; } a.right:active { background-position:-60px -30px; } /* left */ a.left { margin-left: 0px; } a.left:hover { background-position:-30px 0; } a.left:active { background-position:-60px 0; } /* disabled navigational button */ a.disabled { visibility:hidden !important; } /* root element for the scrollable. when scrolling occurs this element stays still. */ .scrollable { /* required settings */ position:relative; overflow:hidden; width: 550px; height:120px; /* custom decorations */ border:1px solid #ccc; background:url(/media/img/gradient/h300.png) repeat-x; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; } .items div { float:left; width:680px; } /* single scrollable item */ .scrollable img { float:left; margin:20px 5px 20px 21px; background-color:#fff; padding:2px; border:1px solid #ccc; width:100px; height:75px; -moz-border-radius:4px; -webkit-border-radius:4px; } /* active item */ .scrollable .active { border:2px solid #000; position:relative; cursor:default; } /* CSS Document */ .album_pagination_top { float: right; clear: both; margin: 5px 0; display: block; } .toolsmenu li a.upload, .toolsmenu li a.upload { background: url(skins/Skin_DeltaBreeze/buttons/reply_40b.png) no-repeat transparent left ; } .toolsmenu li a.upload:hover, .toolsmenu li a.upload:hover { background: url(skins/Skin_DeltaBreeze/buttons/reply_40b-hover.png) no-repeat transparent left ; } .toolsmenu .picturenav li a.edit, .toolsmenu li a.edit { background: url(skins/Skin_DeltaBreeze/buttons/edit_40b.png) no-repeat transparent left ; } .toolsmenu li a.edit:hover, .toolsmenu li a.edit:hover { background: url(skins/Skin_DeltaBreeze/buttons/edit_40b-hover.png) no-repeat transparent left ; } .toolsmenu li a.add, .toolsmenu li a.add { background: url(skins/Skin_DeltaBreeze/site_icons/add.png) no-repeat transparent left ; } .toolsmenu li a.add:hover, .toolsmenu li a.add:hover { background: url(skins/Skin_DeltaBreeze/site_icons/add-hover.png) no-repeat transparent left ; } .toolsmenu li a.report { background: url(skins/Skin_DeltaBreeze/buttons/report-40b.png) no-repeat transparent left ; } .toolsmenu li a.report:hover { background: url(skins/Skin_DeltaBreeze/buttons/report-40b-hover.png) no-repeat transparent left ; } .albumedit .blockrow { border: 1px solid #c4c4c4; margin: 10px 0; -moz-box-shadow: -2px 2px 2px #000000; -webkit-box-shadow: -2px 2px 2px #000000; box-shadow: -2px 2px 2px #000000; } .albumedit .blockrow .thumbnailedit { float: left; padding: 5px; } .albumedit .blockrow .maineditor { float: left; margin-right: 110px; padding: 5px; } .albumedit .blockrow .movedelete { float: left; width: auto; padding: 5px; margin-left: 10px; } .albumedit .blockrow .movedelete layer { clear:both; margin-bottom: 5px; } .albumedit .blockrow .approve { float: left; padding: 5px; margin-left: 10px; width: auto; } .albumedit .blockrow .maineditor textarea { background: #f2f6f8 none ; border: 1px solid #98AFC7; height: auto !important; width: 350px; } .albumedit .movelabel { width: 100%; display: block; } /*form .blockfoot { border: none; } VBIV-9063 */ #album_content { width: 100%; float: left; margin-right:-48%; margin-top: 5px; padding-bottom:20px; clear: both; } #album_content > div, #album_content > form { margin-right: 48%; } #album_content .content { margin-right: 48%; } #album_sidebar { float:right; width: 46.5%; margin-left:10px; margin-top: 5px; } #albumlist .blockbody ,#albumlist .blockbody.albumsback, #album_sidebar .blockbody, #album_content .blockbody, #album_sidebar .blockrow.albumlist_entry { background: #99cccc none ; } .albumlist_entry { float:left; margin-left:25px; margin-top:20px; padding: 0 15px 10px 15px; text-align:left; display:block; width:100px; height:161.58px; overflow:hidden; border: 1px solid #ADDFFF; background:#ADDFFF none ; -moz-box-shadow: -2px 2px 2px #000000; -webkit-box-shadow: -2px 2px 2px #000000; box-shadow: -2px 2px 2px #000000; } .albumlist_entry .albumthumb { display:block; width:100px; margin: 5px auto; text-align:center; } .albumlist_entry img { -moz-box-shadow: -2px 2px 2px #99cccc; -webkit-box-shadow: -2px 2px 2px #99cccc; box-shadow: -2px 2px 2px #99cccc; } .albumlist_entry .albumtitle { font-weight:bold; text-decoration:none; } .albumlist_entry .albumdescription { font-size: 10px; } .albumlist_entry .shade { display: inline; font-size: 10px; } .albumlist_entry .stats { margin-top:0.3em; font-size:11px; } /* Show album */ #thumbnails li { float:left; margin:10px; text-align:center; background:#ADDFFF none ; border:1px solid #98AFC7; -moz-box-shadow: -2px 2px 2px #000000; -webkit-box-shadow: -2px 2px 2px #000000; box-shadow: -2px 2px 2px #000000; } #thumbnails li:last-child { margin-bottom:10px; } #thumbnails li .picturetitle { display:none; } #thumbnails li .picture { display:block; width:108px; height:108px; padding:10px; } #album .blockfoot { /*text-align:right;*/ } #edit_controls { float:right; padding:5px 10px; } #edit_controls li { font-size:11px; display:inline-block; margin-left: 10px; } #controls_above { margin-bottom:10px; } #controls_below { margin-top:10px; } #controls_above a.textcontrol, #controls_below a.textcontrol { float:right; margin-left:10px; } #pagination_top, #pagination_bottom { float:left; } .addgrouprow { text-align:center; } /* View picture */ .picturenav { float:right; } .picturenav li { float:left; margin-left:10px; } #picturecontainer { margin:10px 20px; } #picturestats { font-size:11px; } #picturelink { text-align:center; vertical-align:middle; display:block; margin: auto; } #picturelink img { background:#ADDFFF none ; border:1px solid #98AFC7; padding:10px; text-align:center; -moz-box-shadow: -2px 2px 2px #99cccc; -webkit-box-shadow: -2px 2px 2px #99cccc; box-shadow: -2px 2px 2px #99cccc; } #picturecaption { margin: 10px 0px; font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin-right:400px; } #picturestats { margin-right:380px; } #picturestats dt { float:left; clear:left; } #picturestats dd { float:left; margin-left:5px; } #picturecontrols { float:right; margin-right:10px; } #picturecontrols li { float:left; margin-left:10px; } #picturecontrols li a { text-align:center; } #pictureurls { float:right; padding-bottom:10px; width: 370px; } #pictureurls input.textbox { display:block; width:300px; margin:3px 0; padding:3px; } /* Picture comments */ #above_posts { clear:both; position:relative; } #picturecommentpopups { position:absolute; right:5px; top:5px; } #picturecommentpopups a.popupctrl { color: #FFFFFF; text-shadow: 1px 1px 0px #25383C; } #picture_comment_inlinemod_form { margin-bottom:10px; } #below_posts { clear:both; position:relative; padding-bottom:10px; } #inlinemod_formctrls { float:right; } #addalbumlink { float:right; } #albumlist { margin-bottom:10px; } /* Latest Albums */ #latestalbumcontainer div.albumthumbcontainer, .albumlist_entry div.albumthumbcontainer { margin:5px auto; text-align:center; vertical-align: middle; } #latestalbumcontainer div.albumthumbcontainer img.album_cover { margin: auto 0; vertical-align: middle; -moz-box-shadow: -2px 2px 2px #99cccc; -webkit-box-shadow: -2px 2px 2px #99cccc; box-shadow: -2px 2px 2px #99cccc; } #latestalbumcontainer p { overflow:hidden; } #latestalbumcontainer li { float:left; margin-left:25px; margin-top:20px; padding: 0 15px 10px 15px; text-align:left; display:block; width:100px; height:161.58px; overflow:hidden; border: 1px solid #ADDFFF; background:#ADDFFF none ; -moz-box-shadow: -2px 2px 2px #000000; -webkit-box-shadow: -2px 2px 2px #000000; box-shadow: -2px 2px 2px #000000; } #latestalbumcontainer li:last-child { margin-bottom:10px; } #latestalbumcontainer li a img { margin: auto; } #latestalbumcontainer li span { display:block; clear:left; margin-top:5px; } #latestalbumcontainer li span.time { display:inline; } #latestalbumcontainer .albumtitle { font-weight:bold; text-decoration:none; } #latestalbumcontainer .shade { font-size:11px; } #latestalbumcontainer .alb_unread_picture { margin-top:10px; } .alb_picturebit_checkbox { position:relative; width:px; } .alb_picturebit_checkbox_input { position:absolute; left: 0px; top: 0px; } #controls_top { margin-bottom:14px; margin-top:2px; } ol.addgrouplist .checkbox { margin-top:2px; float:left; } ol.addgrouplist .blockrow { background:#C6DEFF none repeat-x center bottom; border-bottom:solid 1px #cedfeb; } ol.addgrouplist .desc { margin-left:20px; } ol.addgrouplist .desc strong { font-weight:bold; } .postbit-lite .texteditor { margin-left: 80px; } /* CSS Document */ /* TOOLS MENU */ /* convert to stylevars pls */ .toolsmenu { background: #057D9F url(images/buttons/newbtn_middle.png) repeat-x ; width: 100%; display: block; border: 1px solid #1F45FC; float: left; clear: both; margin: 0.5em 0; } .toolsmenu div { text-align: right; color: #FFFFFF; width: 100%; clear: both; float: left; } .toolsmenu h1 { font-size:14px; font-weight:bold; margin-top: 0.25em; text-align: left; display: inline; float: left; margin-left: 10px; } .toolsmenu h1 a { color: #FFFFFF; } .toolsmenu ul { padding: 5px 0; float: right; margin-right: 10px; } .toolsmenu .nopopupgroup li { float: left; margin-left: 10px; } .toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .nopopupgroup li a { font-size: 11px; color: #FFFFFF; display:block; _display:inline; float: left; clear: right; padding: 0.2em 0.4em; } .toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover .popupctrl a.popupctrl.active { border: 0; color: #FFFFFF; padding-right: 15px; } .toolsmenu li { position: relative; display:block; clear: right; } .toolsmenu .popupgroup ul { text-align: left; float: left; } .toolsmenu .popupgroup .popupbody { padding:2px; } .toolsmenu .menuimage, .toolsmenu li a.menuimage { padding-left: 20px; color: #4e4e4e; } .toolsmenu .nopopupgroup li a, .toolsmenu .menuimage a.popupctrl { color: #4e4e4e; font-weight: bold; } .toolsmenu .nopopupgroup li a:hover, .toolsmenu .menuimage a.popupctrl:hover { color: #417394; } .menusearch.popupmenu .popupbody { min-width:240px; max-width:240px; font-size: 11px; left: -100px; } .menusearch input.button { float: right; top: 0; } .menusearch .submitoptions { width: 50%; float: left; text-align: left; clear: right; } .menusearch .formsubmit .advancedsearchlink { width: 50%; float: left; clear: right; } .toolsmenu .popupgroup .popupbody a, .toolsmenu .popupgroup .popupbody li label { font-size: 11px; } .toolsmenu .popupgroup .popupbody li { width: 100%; } .toolsmenu .popupgroup .popupbody form ul { width: 100%; } /* CSS Document */ .postbit-lite { clear:both; position:relative; padding-bottom:10px; background: #E0FFFF none ; } .postbit.postbit-lite { border:0; } .postbit-lite.noavatar { padding-left:0; } .postbit-deleted, .postbit-ignored { padding-left:0; } .postbit-deleted .postcontent.deletereason dt, .postbit-deleted .postcontent.deletereason dd { display:block; } .postbit-deleted .posttext .deletedby { font-weight:bold; } .postbit-deleted .managelinks { float:right; margin-right:10px; } .postbit-deleted .managelinks a { margin-left:1em; text-decoration:none; font-size:11px; } .postbit-lite dl.stats.groups { font-size:11px; margin-left:80px; margin-bottom:-10px; font-weight:normal; } .postbit-lite dl.stats.groups dd { padding-right:10px; } .postbit-lite p.moderated { padding:10px 10px 0; } .postbit-lite.imod_highlight, .postbit-lite.imod_highlight .blocksubhead, .postbit-lite.imod_highlight:hover .blockfoot { background:#61B7CF none no-repeat 10px 10px; } .postbit-lite .postbithead { color: #3e3e3e; background: #E0FFFF none repeat-x ; border: 1px solid #6495ED; padding: 5px 10px; margin-left:80px; text-align: left; } .postbit-lite .postbithead label { margin-right: 300px; display: block; } .postbit-lite .postbit-chkbox { position: absolute; right: 10px; margin-top: 5px; } .postbit-lite .avatarlink { float: left; clear: right; } .postbit-lite .avatarlink img { max-height:60px; width: auto; } .postbit-lite .username { font-weight:normal; } .postbit-lite .posttext { padding:10px; font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin-left:80px; } .postbit-lite .postbithead.no_avatar, .postbit-lite .posttext.no_avatar, .postbit-lite .postinfo.no_avatar { margin-left:0; } .postbit-lite .posttext ul, .postbit-lite .posttext ol, .postbit-lite .posttext dl { margin:0 40px; } .postbit-lite.noavatar .posthead, .postbit-lite.noavatar .posttext, .postbit-lite.noavatar p.moderated { margin-left: 0; } .postbit-lite .postinfo { color:#2B3856; } .postbit-lite .postbitfoot { position: absolute; top: 5px; right: 20px; } .postbit-lite .postbitfoot .postcontrols li { display: inline; position: relative; top: -3px; } .postbit-lite .postbitfoot .postcontrols li.separator { color: #6495ED; /* do not change, makes the separator appear like a border */ font-size: 17px; position: relative; top: -2px; } .postbit-lite .postbitfoot .postcontrols a { color: #417394; } .postbit-lite .postbitfoot .postcontrols li img { position: relative; top: 2px; } .postbit-lite .postbitfoot .postcontrols a, .postbit-lite .postbitfoot .postcontrols a:hover { border:0; padding:0; font-size: 11px; margin-right: 10px; } .postbit-lite .postbitfoot .postcontrols a:hover { text-decoration: none /* to preserve normal style of links. do not change */ } .postbit-lite input.inlinemod { position:relative; top:2px; } .postbit-lite.moderated-picturecomment { padding-left:0; } .postbit-lite.moderated-picturecomment .postbithead, .postbit-lite.moderated-picturecomment .posttext, .postbit-lite.moderated-picturecomment .stats.groups, .postbit-lite.moderated-picturecomment .posttext { margin-left:120px } .postbit-lite img.statusicon, .postbit-lite img.posticon { vertical-align:top; } .postbit-lite .title img { } /* Moderated Picture Comments Attachent */ .avatarlink.pc-attachment { width:100px; font-size:11px; text-align:center; } .avatarlink.pc-attachment img { width:100px; } .postbit-lite .comment_blockrow label { margin-right: 300px; display: block; } .postbit-lite .comment_blockrow { color: #3e3e3e; float: right; width: 100%; } .postbit-lite .comment_text { clear: right; } .postbit-lite .postbit_headers { background: #E0FFFF none repeat-x ; border: 1px solid #6495ED; } .postbit-lite .postbit_pb_right { margin-left: 80px; } .postbit-lite .postbit_pb_left { float: left; } .postbit-lite .comment_blockrow .floatleft { float: left; padding: 5px 10px 5px 10px; } .postbit-lite .comment_blockrow .floatright { float: right; } .postbit-lite .comment_blockrow.no_avatar { margin-left:0; } .postbit-lite .floatright .postcontrols { float: right; } .postbit-lite .floatright .postcontrols li { display: inline-block; padding: 5px; } .postbit-lite .floatright .postcontrols a, .postbit-lite .floatright .postcontrols { color: #417394; font-size: 11px; } .postbit-lite .floatright .postcontrols li img { position: relative; top: 2px; } .postbit-lite .postbit_pb_right .restore_margin { margin-left: 0; } .postbit-lite div.post_message_blockrow { float: right; width: 100%; }