/* Laizerox New Gen Mod v0.1 ORIGINAL by IG */ /***** BASE ELEMENTS *****/ body { background: #000; color: #666; } /** Links */ a, #center #center-footer a, #center #center-top a, { color: #FF99CC; } #center a, #center a:hover, #center a:active { color: #999; } a:hover, a:active, #center #center-footer a:hover, #center #center-footer a:active, #center #center-top a:hover, #center #center-top a:active { color: #999; } /** /Links */ /***** /BASE ELEMENTS *****/ /***** BASE LAYOUT *****/ /* Basic text */ #top, #left { color: #CCFF66; } /* Strong text */ #top strong, #left strong { color: #FF99CC; } /* Center area backgrounds */ #center-top { background: #000; } #center-center { background: transparent; } #center-shadow { background: transparent; } #center-content { background: #000 } #center-footer { background:transparent url(http://r31967.ovh.net/~laizerox/IG_Modi/center_footer.png) no-repeat scroll left top; } /* Warnings */ .site-warning { background: #FFD803 url(/img/bashi/site-warning.gif) repeat-x left bottom; color: black; } .site-warning a { color: #0094B3; } /***** /BASE LAYOUT *****/ /***** TOP OF THE PAGE *****/ /*** H1 */ #h1 { background: #000; } /** H1 menu (Main menu - Front page, Images, Videos...) */ #h1-menu { background: #000; } /* Wrapper for the logo */ #h1-menu h1 { background: transparent; } /* Main menu list */ #h1-menu .menulist { background: transparent; border-left: 1px solid #333; } #h1-menu .menulist li { background: transparent; border-right: 1px solid #333; } #h1-menu .menulist li.selected { background: transparent; } #h1-menu .menulist li.selected a { background: transparent; } #h1-menu .menulist a { background: transparent; color: #FF99CC; } #h1 a:hover { color: #999; } /** Search text input */ #h1-search input.text { background: transparent url(/img/bashi/h1_search.gif) no-repeat left top; border: 1px solid #FFF; -moz-border-radius: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #h1-search button span span span { background: transparent url(/img/bashi/icon_search.gif) no-repeat center center; } .inputgroup { margin-left: 12px; margin-right: 12px; } /** H1 actions list (Add image, Add video...) */ #h1-actions .actions-left li { border-left: 1px solid #333; } #h1-actions .actions-left .first { border-left: none; } #h1-actions .actions-right li { border-right: 1px solid #333; } #h1-actions .actions-right .last { border-right: none; } #h1-actions a { color: #FF99CC; padding: 0 5px; } #h1-actions span { padding: 0 5px; } /** Default action images (Front page, Friends, Random) */ #h1-actions .new-comments .personal:before { content: "("; color: #FFAA3B; } #h1-actions .new-comments .personal:after { content: ")"; color: #FFAA3B; } #h1-actions .new-comments .channel:before { content: "["; color: #83FFAF; } #h1-actions .new-comments .channel:after { content: "]"; color: #83FFAF; } /** Login form for not logged in users */ #h1-login input.text { background: transparent url(/img/bashi/h1_login.gif) no-repeat left top; border: none; -moz-border-radius: 0; } #h1-login button { background: transparent url(/img/bashi/h1_button_login.gif) no-repeat left top; } #h1-login button span { background: none; } /*** /H1 */ /*** H2 */ #h2 { background: #000; } #h2-content { background: transparent url(http://r31967.ovh.net/~laizerox/IG_Modi/h2_footer.gif) no-repeat bottom left; } #h2 h2 { color: #666; } /** H2 menu (Submenu - Profile, Albums, Blog...) */ #h2-menu .menulist a { background: #000; color: #FF99CC; } #h2-menu .menulist span { background: #000; } #h2-menu .menulist li.selected a { background: #000; } #h2-menu .menulist li.selected span { background: #000; } #h2 a:hover { color: #999; } /** Mood form */ #h2-menu .subtitle input.text { background: transparent; border: none; color: #666; padding: 0; } #h2-menu .subtitle input.text:hover, #h2-menu .subtitle input.text.focused, #h2-menu .subtitle input.text:focus { background-color: #FFF; color: #000; } /*** /H2 */ /***** /TOP OF THE PAGE *****/ /***** BOXES *****/ /*** Left boxes */ #left .box .header { background: url(http://r31967.ovh.net/~laizerox/IG_Modi/left_box.gif) no-repeat left top; } #left .box .header h3 { color: #000; line-height: 26px; position: absolute; top: 0; } #left .box .center { background: #474747; } #left .box .footer { background: #474747; } #left .first .header { background: #474747; } /** Left box actions (e.g. edit button at info-box) */ #left .box .header .actions { background: transparent; } #left .box .header .actions ul { right: -1px; top: 0; } #left .box .header .actions ul li { background: #474747; } #left .box .header .actions ul li a { color: #999; } #left .box .header .actions ul li:hover a { color: #666; } /* Boxes "under" the other boxes (Little darker by default) */ #left .box.under { background: #000; } #left .box.under .header { background: transparent; } #left .box.under .center { background: transparent; } #left .box.under .footer { background: #000; } /* Divider */ #left .box .divider { margin: 0; } /*** /Left boxes */ /*** Center boxes */ #center .box { background: #000; } #center .box .center { background: transparent; } /* Header of the boxes */ #center .box .header { background: transparent; } /* Center box actions (e.g. delete comments button) */ #center .box .header .actions ul { right: -1px; top: 0; } #center .box .header .actions ul li { background: #000; border-color: #FFF; } #center .box .header .actions ul li a { color: #999; } #center .box .header .actions ul li:hover a { color: #666; } /** Paginated boxes */ #center .paginated .header { background: transparent url(http://r31967.ovh.net/~laizerox/IG_Modi/center_box_pagination_header.png) no-repeat left top; } /* Override the center box actions above not to make links look like a button */ #center .paginated .header .actions .actions-left *, #center .paginated .header .actions .actions-right * { background: transparent none !important; color: #666; } /* Pagination */ /* Active arrows */ #center .prevnext .prev { color: #666; } #center .prevnext .next { color: #999; } /* Inactive arrows */ #center .prevnext span.inactive { color: #111111 } /* /Pagination */ /** /Paginated boxes*/ /** Profile image box */ /* Picture definitions*/ #center #picture-definitions dt { background: transparent; } #center #picture-definitions dd { background: transparent; } /* Spinner when adding new definition */ #center #picture-definitions dd.spinner { background: transparent url(/img/bashi/ajax_eff2e6.gif) no-repeat right bottom; } #center .content .add-tag .spinner { background: transparent url(/img/bashi/ajax_eff2e6.gif) no-repeat left top; } /** /Profile image box */ /** Other boxes (Comment box, Last.fm box) */ #center div.insider { border: 0px solid #FFF; border-top: 0px solid #FFF; margin: 10px 20px 0; padding: 0; } #center div.insider .header, #center div.insider .center, #center div.insider .footer { background: #111111; } #center .box .header { min-height: 0; text-align: center; } #center div.insider .header .actions { background: #111111; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; padding: 2px; } #center div.insider .header h3 { color: #FFF; font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; height: 13px; padding-bottom: 0; text-transform: uppercase; } #center div.insider .center { border: 0px solid #FFF; padding: 15px 10px 15px 20px; } #center div.insider .footer { display: none; } /* comments box */ #center #comments .header .actions { padding-bottom: 16px; } /* /comments box */ .box.insider.lastfm .header .actions h3 { height: 13px; position: static; text-indent: 0; width: auto; } /** /Other boxes */ /** Last.fm */ #center .box.lastfm .center .content .items .item-container p a { color: #DAE6ED; } .box.lastfm .center .pills a { color: #E5C59A; font-weight: bold; } .box.lastfm .center .pills a:hover { color: #FFDEB0; } #center .box.lastfm .center .value { color: #DCDCDC; font-weight: normal; } #center .box.lastfm h4 { border-bottom: 1px solid #DCDCDC; color: #f28e00; font-size: 1em; } .box.lastfm .center .content .right-container #lastfm-pagination a { background-color: white; background-repeat: no-repeat; background-position: 50% 50%; } .box.lastfm .center .content .right-container #lastfm-pagination a.up { background-image: url(/img/bashi/light_mini_arrow_up.gif); } .box.lastfm .center .content .right-container #lastfm-pagination a.down { background-image: url(/img/bashi/light_mini_arrow_down.gif); } .box.lastfm .center .content .right-container #lastfm-pagination a.disabled:hover { background-color: white; } .box.lastfm dd.nowplaying { background: transparent url(/img/bashi/lastfm-eq.gif) no-repeat scroll 5px 5px !important; } .box.lastfm dd.nowplaying .value { font-style: oblique; } .box.lastfm .item-container .artist-image { border: 1px solid #DCDCDC; } /** /Last.fm */ /** Peepbox */ .peepbox { background: url(http://r31967.ovh.net/~laizerox/IG_Modi/peepbox.png) no-repeat left top; color: #DAEEFF; } .peepbox .footer { background: url(http://r31967.ovh.net/~laizerox/IG_Modi/peepbox_footer.png) no-repeat left top; } .peepbox .community-network { color: #EEF2E7; } /** /Peepbox */ /** Infobox */ .infobox2 .content { background: transparent url(/img/bashi/lightbox_light.png) no-repeat top left; } .infobox2 .bottom { background: transparent url(/img/bashi/lightbox_light.png) no-repeat bottom left; } .infobox2 .close_a { background: url(/img/bashi/infobox_close.gif); } .infobox2 h1 { background: none !important; color: #4F7507; } .infobox2 div.infobox_arrow_w { background: url(/img/bashi/infobox_arrow_l.png) no-repeat; } .infobox2 div.infobox_arrow_e { background: url(/img/bashi/infobox_arrow_r.png) no-repeat; } .infobox2 .infobox_text { color: black; } .infobox2 .infobox_text a, .infobox2 .infobox_text a:visited { color: #117A8F; } .infobox2 ul.whereisthis li { background: transparent url(/img/bashi/mini_arrow_down.gif) no-repeat 50% bottom; } .infobox2 ul.whereisthis li em { color: #3F3F3F; } .infobox2 ul.whereisthis li.first a { background: transparent url(/img/bashi/community_moderator.gif) no-repeat left center; } .infobox2 ul.whereisthis li.last { background: none; } /** /Infobox */ /** Hoverbox (e.g. box opening when editing notes) */ #center .hoverbox { background: #f9fbf7; color: #6C6C6B; } #center .hoverbox .header { background: #e3e8dc; } #center .hoverbox .header .actions h3 { background: transparent; color: #6C6C6B; } #center .hoverbox .center { background: transparent; padding: 9px 20px 3px; } #center .hoverbox .center .content { background: transparent; } #center .hoverbox .footer { background: #f9fbf7; } #center .hoverbox .footer .footer-wrap { height: auto; } /* Override the center box actions above not to make links look like a button */ #center .hoverbox .header .actions, #center .hoverbox .header .actions ul li, #center .hoverbox .header .actions ul li a, #center .hoverbox .header .actions ul li:hover, #center .hoverbox .header .actions ul li:hover a, #center .hoverbox .header .actions ul li.last a, #center .hoverbox .header .actions ul li.last:hover a { background: transparent; color: #7D8078; } /** /Hoverbox */ /*** /Center boxes */ /***** /BOXES *****/ /***** BUTTONS *****/ button { background: none; } button span { background: url(/img/bashi/buttons.png) no-repeat left -200px; } button span span { background-position: right -200px; color: #F1F1F1; } button:hover span { background-position: left -225px; } button:hover span span { background-position: right -225px; } button.submit span { background-position: left 0; } button.submit span span { background-position: right 0; color: #273B16; } button.submit:hover span { background-position: left -25px; } button.submit:hover span span { background-position: right -25px; color: #1D310F; } button.delete span { background-position: left -100px; } button.delete span span { background-position: right -100px; color: #410A0D; } button.delete:hover span { background-position: left -125px; } button.delete:hover span span { background-position: right -125px; color: #2D0909; } button.secondary span { background-position: left -50px; } button.secondary span span { background-position: right -50px; color: #3A2B09; } button.secondary:hover span { background-position: left -75px; } button.secondary:hover span span { background-position: right -75px; color: #3A2C09; } button.special span { background-position: left -150px; } button.special span span { background-position: right -150px; color: #B5D3EA; } button.special:hover span { background-position: left -175px; } button.special:hover span span { background-position: right -175px; color: #B6D4EA; } /***** /BUTTONS *****/ /***** FORMS *****/ /* Delete links */ a.delete { background: url(/img/bashi/button_delete_red.gif) no-repeat left center; } a.delete span { display: none; } #left a.delete { background: url(/img/bashi/left_button_delete_red.gif) no-repeat left center; } /* Adding and expanding */ .button.add, .button.unban { background: url(/img/bashi/button_add.gif) no-repeat left center; } .button.expand-down { background: url(/img/bashi/center_fat_arrow_down.gif) no-repeat right 5px; } /* Text inputs */ select, textarea, input.text { background: #FDFFFA; border: 1px solid #ACB0A6; color: #FFF; } select { background: #FDFFFA; } #left select, #left textarea, #left input.text { border: 0; } #left .content .inputhelp li { padding-left: 0px; } #center .content .inputhelp li { padding-left: 0px; } /* Errors in inputs (text inputs and error messages) */ .inputerror { background: #E4D7D9; } .inputerror input.text, .inputerror textarea { border: 1px solid #BDBCC4; } .errormsg, .errormsg, .inputerrormsg { color: #DC1500; } #left .inputerror { background: #474747; } #left .inputerrormsg { color: #DC6E63; padding-left: 0px; } /* Empty inputs (e.g. comment form when there is nothing typed) */ span.empty, textarea.empty, input.empty { color: #888; } /* Inputs updating via ajax */ .ajaxtext { border: 1px solid transparent; background: transparent; } #center .image .ajaxtext { border: 1px solid #000; color: #666666; background: #000; } #center .image .ajaxtext:hover, #center .image .ajaxtext:focus { background-color: white; border: 1px solid #FFF; color: black; } /***** /FORMS *****/ /***** LISTS *****/ .content .menulist li.selected { color: #E98300 !important; } #left .content .menulist li:before, #left .content a.menulist-action:before { content: "ยป"; color: #FFF; padding-right: 5px; } #left .content .menulist li a strong { color: #555 !important; } #left .content .menulist li, #left a.menulist-action { padding-left: 0px; } #left dt, .peepbox dt { color: #91ff40; margin: 0px; } #left dt.first, .peepbox dt.first { background: none; } #left dd ul li { background: none; } #left .value, #center .value { color: #E98300; } /* Thumblist (e.g. album listing box at left) */ .thumblist li.hover .itemdesc, .thumblist li.selected .itemdesc, .thumblist li:hover .itemdesc { background: #183c5b; } /* user actions list */ #left #user-actions .content ul.menulist li.friend { background: transparent url(/img/bashi/icon_friend_small.png) no-repeat 0px 3px; } #left #user-actions .content ul.menulist li.bookmark { background: transparent url(/img/bashi/icon_bookmark_small.png) no-repeat 0px 3px; } /***** /LISTS *****/ /***** IMAGES *****/ /* Thumb images (e.g. album listing box at left) */ .thumb .thumbstamp { color: #8398A0; } .thumb .thumbimage { background: white; border: 1px solid #999; } /***** /IMAGES *****/ /***** COMMENTS *****/ /* New comments*/ #newcomments { color: #0066CC; } /* Normal comments */ .comments .comment { color: #FFF; } #center .form-comment .comment { color: #000; } /* Comments marked to be deleted */ .comments .deleted .comment, #comments .deleted .comment { color: #FF0000 !important; } /* Delete comment link */ .comments .deletecomment a, #comments .content .deletecomment a { color: #FF0000; } /* Own comments */ .comments .owner .comment, .comments .own, .comments .own td.comment, #comments tr.owner { color: #f90; } /* Admin's comments */ .form-comment .admin_comment, #form-comment .admin_comment { color: #999; } .comments .admintext { color: #999; } .comments .personal .comment { color: #999; } /* Private comments */ #center .form-comment label.private, #center label.private, .comments .private td, .comments .private .comment { color: #f0f; } .comment.private, #comment.private { border-color: #f0f; } /* Timestamp */ .comments .stamp { color: #FFF; font-size: 8px; } /***** /COMMENTS *****/ /***** NOTES *****/ #notes .hoverinner { background: url(/img/bashi/1x1trans.gif); } #notes .hover1 { border: 1px solid #90A2B6; } #notes .hover2 { border: 1px solid white; } #notes .hover3 { border: 1px dashed white; } #notes .hover1 .hoverinner { border: 1px solid #162538; } #notes .hover2 .hoverinner { border: 1px solid black; } #notes .hover3 .hoverinner { border: 1px dashed black; } #notes span.notetext { background: #162538; border: 1px solid #90A2B6; color: #DAE6ED; } #notes .sw, #notes .se, #notes .nw, #notes .ne { background-color: white; border: 1px solid black; } /***** /NOTES *****/ /***** REGISTER SEDUCTION *****/ #form-quick-join h4, #center #comments-notlogged #form-quick-join h4 { color: #E05206; } #jointeaser label, #center #comments-notlogged label { color: #FFF; } /***** /REGISTER SEDUCTION *****/ /***** TRINKETS *****/ div.trinket-editor { background: url(/img/bashi/trinket_bg.png) !important; } div.trinket-editor-pick-btn { height: 25px; width: 25px; background: url(/img/bashi/trinket_pick.png); cursor: pointer } div.trinket-editor-pick-btn:hover { background: url(/img/bashi/trinket_pick_h.png) } div.trinket-editor-rotate-btn { height: 25px; width: 25px; background: url(/img/bashi/trinket_rotate.png); cursor: pointer } div.trinket-editor-rotate-btn:hover { background: url(/img/bashi/trinket_rotate_h.png) } div.trinket-editor-resize-btn { height: 25px; width: 25px; background: url(/img/bashi/trinket_resize.png); cursor: pointer } div.image div.trinket-hover { border: 6px solid yellow !important; } div.image div.trinket-hint { border: 6px solid #E98300 !important; } div.trinketamount { border:1px solid #072A40 ; background: #072A40; } /***** /TRINKETS *****/ /***** SUGGEST SEARCH *****/ #suggest-search { color: #6C6C6B; } #suggest-search .header { background: url(http://r31967.ovh.net/~laizerox/IG_Modi/suggestinput.png) no-repeat left top; } #suggest-search .header h3 { display: none; } #suggest-search .header .actions { background: url(http://r31967.ovh.net/~laizerox/IG_Modi/suggestinput.png) no-repeat right top; } #suggest-search .center { background: url(http://r31967.ovh.net/~laizerox/IG_Modi/suggestinput.png) no-repeat left center; } #suggest-search .center .content { background: url(http://r31967.ovh.net/~laizerox/IG_Modi/suggestinput.png) no-repeat right center; } #suggest-search .footer { background: url(http://r31967.ovh.net/~laizerox/IG_Modi/suggestinput.png) no-repeat left bottom; } #suggest-search .footer-wrap { background: url(http://r31967.ovh.net/~laizerox/IG_Modi/suggestinput.png) no-repeat right bottom; } #suggest-search p.suggest-search-notice { } #suggest-search .content ul.first { padding-left: 5px; } #suggest-search .content li { background: #0b0b0b; cursor: pointer; font-weight: bold; font-size: 0.9em; line-height: 1.5em; border: 0px solid #0b0b0b; border-right: 1px solid #FFF; } #suggest-search .content ul.last li { border-right: 0; } #suggest-search .content li.first { border-top: 0px solid #0b0b0b; } #suggest-search .content li.last { border-bottom: 0px solid #0b0b0b; } #suggest-search .content li.selected { background: #234B6C url(http://r31967.ovh.net/~laizerox/IG_Modi/suggestinput_selected_item.png) left top repeat-x; border-color: #B8C9D5; color: #B1C8D9; } #suggest-search .suggest-result-wrapper { } #suggest-search .content span { } #suggest-search .content span.value { color: #588212; } #suggest-search .content li.selected span.value { color: #D2E3F0; } #suggest-search .content span.title { color: #2195B5; font-size: 1.1em; } #suggest-search .content li.selected span.title { color: white; } #suggest-search .content em { background: #D3D7CA; font-style: normal; } #suggest-search .content li.selected em { background: #3F759B; } #suggest-search .users img { background: url(/img/bashi/icon_user.png) no-repeat center center; border: 1px solid #666; } #suggest-search .communities .suggest-result-wrapper { background: url(/img/bashi/icon_channel_small.png) right bottom no-repeat; } /***** /SUGGEST SEARCH *****/ /***** MISC ELEMENTS *****/ .icon-friend-count { background: transparent url(/img/bashi/icon_friend_small.png) no-repeat 1px 2px; } .icon-bookmark-count { background: transparent url(/img/bashi/icon_bookmark_small.png) no-repeat 2px 3px; } .icon-image-count { background: transparent url(/img/bashi/icon_image_small.png) no-repeat 2px 2px; } .autocomplete { background-color: #EEF2E7; border-radius: 5px; color: #FFF; } .autocomplete li.selected { background-color: #002B45; border-radius: 5px; color: #DAEEFF; } div.step { color: #6F9624; } span.step { color: #4E4A4A; } .error, #shoutbox-error { color: #E05206; } div.error, div.notification, div.important_information { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #center div.error { background: #E05206; color: white; } #left div.notification { background: #183C5C; } #left .box.under div.notification { background: #234B6C; } #top div.notification, #center div.notification { background: #81B320; color: white; } #friends-top div.notification { width: 450px; } #top .notification a, #center .notification a { color: #295578; } .emptyPlaceMarker { background: #C3D8DF; border: 1px dashed white; } .loader { background: url(/img/bashi/ajax_dark_background.gif) no-repeat right center; } .stamp { color: #707070; } #left .stamp, #center-top .stamp { color: #708FA7; } a.returntotop { background: url(/img/bashi/return_to_top_arrow.gif) no-repeat left center; color: #939A9F !important; } .tip { color: #7C6D6D; } #left .notice { color: #94AAAE; } .smileyselector, #smileyselector { background: #E6E9E1; border: 1px solid #A4AB97; -moz-border-radius: 5px; } .adv-debug { background: #FD7E7E; color: black; } div.important_information { background-color: #FFFFCC; border: 1px solid #EEEF59; } /***** /MISC ELEMENTS *****/ /***** Custom Style Fixes *****/ #left .first .header, .box .header { min-height: 20px; } .box .header .actions ul { display: block; font-size: 0.9em; line-height: 26px; list-style-image: none; list-style-position: outside; list-style-type: none; position: absolute; } .box .header .actions ul li { display: block; float: left; font-family: Arial,Helvetica,sans-serif ;font-weight: bold; padding-left: 10px; } #profile div.insider .header .actions ul li { background: #000 none repeat scroll 0 0; border-top: 1px solid #FFF; height: 18px; line-height: 18px; margin: 0 0 0 -1px; } #profile div.insider .header .actions ul li.first { border-left: 1px solid #FFF; } #profile div.insider .header .actions ul li.last { border-left: 1px solid #FFF; } #box-profile-channels form { background: transparent; padding-top: 0px; } #center .nick1 .highlight a, .nick1 .highlight a { color: #708FA7; } #h1-actions .action-user a, #h1-actions .action-friends a, #h1-actions .action-randomuser a, #h1-actions .action-pictureadd a, #h1-actions .action-videoadd a, #h1-actions .action-blogadd a, #h1-actions .action-settingsedit a { padding-left: 5px; } .loggedin { color: #FFF; } #box-profile-communities .community-moderator { background: transparent; padding-left: 0px; } #box-profile-communities .community-moderator:before { content: "@"; color: #f90; padding-left: 0px; } #left .stamp, #center-top .stamp { color: #FFF; } /***** / Custom Style Fixes *****/