/*---------------------------------------*/ /* CSS by Tomas Sardyha */ /* ( Darsain ) */ /* ( http://www.darsain.net/ ) */ /*---------------------------------------*/ /* ------ RESET ------- */ * { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit; text-decoration: none; outline: 0; } b { font-weight: bold; } i { font-style: italic; } u { text-decoration: underline; } ul { list-style: none; } label, input[type=checkbox] { cursor: pointer; } /* ------ Elements ------- */ body { padding: 0 0 20px 0; background: url('style/body-bg.gif') repeat-y center top #00060a; font-family: Arial, "Trebuchet MS", Verdana; color: #d7d7d7; font-size: 13px; } h1 { margin: 4px; font-size: 20px; font-weight: normal; color: #fff; } h2 { font-size: 18px; font-weight: normal; color: #fff; } h3 { font-size: 15px; font-weight: bold; color: #fff; } a { color: #0276cf; font-weight: normal; text-decoration: underline; outline: 0; } a:hover { color : #fff; text-decoration: none; } input[type=text], input[type=password] { height: 17px; padding: 3px; border: 1px solid #00357c; background: url('style/input-bg.png') left top repeat-x #fff; } input[type=checkbox] { width: 13px; height: 13px; border: 1px solid #00357c; } textarea { font-size: 12px; font-family: Arial, Verdana; border: 1px solid #00357c; background: url('style/input-bg.png') left top repeat-x #fff; } /* ----- GLOBAL ----- */ .ffix { position: relative; clear: both; margin: 0; padding: 0; width: 0; height: 0; font-size: 0; line-height: 0; } .button { cursor: pointer; margin: 8px 0 0 0; padding: 0; border: 0; } .left { float: left; } .right { float: right; } .marg20 { margin: 20px; } div.divider { position: relative; margin: 10px 0 0 0; padding: 0 8px 0 0; height: 22px; border-bottom: 1px solid #032153; text-align: right; font-size: 11px; line-height: 28px; } div.divider a { font-size: 11px; text-decoration: none; } div.divider div { float: left; margin: 0 0 0 22px; padding: 6px 10px; background: url('style/divider-bg.gif') repeat-x left top; border: 1px solid #00173d; border-bottom: 0; color: #99a8b7; font-size: 10px; line-height: 10px; } .opbutton { cursor: pointer; } .warning { padding: 10px; text-align: center; background: url('style/op-bg-red.png'); color: #aa3f3f; } ul.list { list-style-type: disc; margin: 0 0 10px 17px; } ul.list li { padding: 3px 0; } /* ----- WRAPPERS ----- */ #cpwrapper { display: none;background: url('style/usercp-bg.jpg') center top no-repeat #000e1d; border-bottom: 3px solid #001d4b; } #sitewrapper { background: url('style/body-bg-top.jpg') no-repeat center top; } /* ----- User Control Panel ----- */ #cpwrapper > div.login { width: 250px; padding: 20px 0 30px 300px; background: url('style/login-bg.png') left 22px no-repeat; text-align: left; } #cpwrapper input[type=text], #cpwrapper input[type=password], #cpwrapper input[type=file] { width: 100%; margin: 1px 0 6px 0; padding: 4px 0; font-weight: bold; font-size: 14px; line-height: 14px; color: #011a35; clear: both; } #cpwrapper input.button { width: 100%; margin: 18px 0 0 0; padding: 0; height: 30px; border: 1px solid #c1c1c1; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #a1a1a1; font-size: 18px; line-height: 30px; color: #011a35; cursor: pointer; background: url('input-button-bg.png') repeat-x left top #e8e8e8; } #cpwrapper input.clean { width: auto; height: auto; padding: 0; margin: 0; border: 0; } #cpwrapper > div.configwrapper { width: 755px; padding: 0; font-size: 14px; line-height: 24px; } div.configwrapper > ul.configtabs { display: block; float: left; width: 160px; margin: 8px 3px 0 0; } div.configwrapper > ul.configtabs > li { margin: 7px 0; height: 30px; line-height: 30px; font-size: 14px; color: #c6c6c6; text-shadow: #000 1px 1px 3px; text-align: left; cursor: pointer; } div.configwrapper > ul.configtabs > li.active { color: #fff; background: url('style/configtab-bg.png') right center no-repeat; } div.configwrapper > ul.configtabs > li > span { display: block; float: left; width: 25px; height: 25px; margin: 3px 7px 0 0; background-position: left center; background-repeat: no-repeat; } div.configwrapper > ul.configtabs > li > span.info { background-image: url('style/configtab-info.png'); } div.configwrapper > ul.configtabs > li > span.edit { background-image: url('style/configtab-edit.png'); } div.configwrapper > ul.configtabs > li > span.networks { background-image: url('style/configtab-networks.png'); } div.configwrapper > ul.configtabs > li > span.avatar { background-image: url('style/configtab-avatar.png'); } div.configwrapper > ul.configtabs > li > span.password { background-image: url('style/configtab-password.png'); } div.configwrapper > div.configbox { position: relative; float: left; width: 530px; height: 230px; overflow: hidden; padding: 10px 30px 20px 30px; color: #d3d3d3; background: url('style/configbox-bg.png'); text-align: left; } div.configwrapper > div.configbox ul { list-style: disc; margin: 4px 0 4px 15px; font-size: 12px; line-height: 15px; } div.configwrapper > div.configbox ul li { margin: 7px 0; } div.configwrapper > div.configbox img.avatar { float: left; margin: 5px 15px 20px 10px; padding: 1px; background: #000; border: 1px solid #164c8d; } div.configwrapper > div.configbox table { width: 100%; } div.configwrapper > div.configbox table input { height: 15px; line-height: 15px; } div.configwrapper > div.configbox textarea { width: 100%; height: 130px; } div.configwrapper > div.configbox div.gravatar { margin: 20px 0 0 105px; padding-left: 20px; line-height: 18px; color: #fff; background: url('style/arr-left.png') left center no-repeat; } div.configwrapper > div.configbox img.networkicon { margin: 0 5px -3px 0; } div.configwrapper > div.configbox div.halfbox { width: 255px; } div.configwrapper > div.configbox div.smallbox { width: 230px; } div.configwrapper > div.configbox div.widebox { width: 280px; } div.configwrapper > div.configbox div.savebox { position: absolute; bottom: 20px; left: 185px; width: 220px; } div.configwrapper > div.configbox div.line { height: 7px; background: url('style/configbox-line.png') left top repeat-x; } #tab-password div.line { height: 22px; } /* ----- User Control Panel -> Profile info ----- */ div.profileinfo { text-align: left; text-shadow: #000 1px 1px 2px; } div.profileinfo > img.profileavatar { float: left; margin: -10px 0 20px 0; padding: 1px; background: #000; border: 1px solid #193c6b; } div.profileinfo > h1 { margin: 15px 0 0 90px; line-height: 18px; vertical-align: middle; font-size: 18px; font-style: italic; color: #fff; } div.profileinfo > h2 { margin: 8px 0 0 105px; line-height: 12px; font-size: 12px; font-style: italic; color: #a7a7a7; } div.profileinfo > h3 { margin: 10px 0 0 105px; line-height: 12px; font-weight: normal; font-size: 12px; font-style: italic; text-transform: capitalize; color: #1774dd; } div.profileinfo > h3 > img { margin: -5px 0 -2px 2px; } div.profileinfo > div.boxwrapper { overflow: auto; clear: both; margin: 5px 0; text-align: left; } div.profileinfo > div.boxwrapper > h4 { float: left; color: #0d6394; font-size: 12px; font-style: italic; line-height: 25px; } div.profileinfo > div.boxwrapper > div.box { margin: 2px 0 0 70px; background: url('style/op-bg.png'); } div.profileinfo > div.boxwrapper > div.box > span { height: 25px; padding: 0 10px 0 30px; line-height: 25px; font-size: 12px; color: #fff; background: url('style/point.png') 8px center no-repeat; } div.profileinfo > div.boxwrapper > div.box > span > a { text-decoration: none; } div.profileinfo > div.boxwrapper > div.in { float: right; height: 20px; line-height: 20px; color: #3b6388; background: url('style/profile-comments-in.png') 10px top no-repeat; } div.profileinfo > div.boxwrapper > div.box > span.email { background-image: url('style/icon-email.png'); } div.profileinfo > div.boxwrapper > div.box > span.www { background-image: url('style/icon-www.png'); } div.profileinfo > div.boxwrapper > div.box > span.msn { background-image: url('style/icon-msn.png'); } div.profileinfo > div.boxwrapper > div.box > span.icq { background-image: url('style/icon-icq.png'); } div.profileinfo > div.boxwrapper > div.box > span.facebook { background-image: url('style/icon-facebook.png'); } div.profileinfo > div.boxwrapper > div.box > span.twitter { background-image: url('style/icon-twitter.png'); } div.profileinfo > div.boxwrapper > div.box > span.deviantart { background-image: url('style/icon-deviantart.png'); } div.profileinfo > div.boxwrapper > div.box > span.lastfm { background-image: url('style/icon-lastfm.png'); } /* ----- User CP toggle ----- */ #cptoggle { position: absolute; top: 0; right: 20px; vertical-align: middle; } #cptoggle div.right { float: right; height: 33px; line-height: 33px; padding: 0 12px 0 10px; font-size: 13px; border-left: 1px solid #000e19; background: url('style/login-top-bg.png') right bottom no-repeat; } #cptoggle div.right a { color: #b6101b; text-decoration: none; } #cptoggle div.right a.register { color: #15c944; text-decoration: none; } #cptoggle div.right a:hover { color: #fff; } #cptoggle div.left { float: right; height: 33px; line-height: 33px; padding: 0 10px 0 10px; background: url('style/login-top-bg.png') left bottom no-repeat; cursor: pointer; } #cptoggle div.left div.female { background: url('style/user-female.png') no-repeat left center; } #cptoggle div.left div.male { background: url('style/user-male.png') no-repeat left center; } #cptoggle div.left div.unknown { background: url('style/user-unknown.png') no-repeat left center; } #cptoggle div.left div div.exp { padding: 0 10px 0 24px; font-size: 13px; line-height: 33px; text-align: left; background: url('style/expand.gif') no-repeat right center; color: #017fc0; } #cptoggle div.left:hover div div.exp { color: #fff; } #cptoggle div.left img.user { margin: -6px 1px -4px 0; } #cptoggle div.left img.exp { margin: 0 0 0 0; } /* ----- Upper menu ----- */ #up-menu { position: relative; width: 760px; height: 125px; text-align: left; } #up-menu .logolink { position: absolute; top: 40px; left: 0; width: 230px; height: 45px; text-decoration: none; } #up-menu div.button { position: absolute; height: 40px; line-height: 40px; font-size: 14px; font-style: italic; color: #3f8dd7; text-shadow: #000 1px 1px 2px; padding: 0 42px 0 15px; background-position: right center; background-repeat: no-repeat; } #up-menu div.button:hover, #up-menu div.button.active { color: #fff; } #up-menu div.button:active { opacity: 0.6; } #up-menu div.search { top: 20px; right: 320px; background-image: url('style/icon-45-search.png'); } #up-menu div.rss { top: 60px; right: 330px; background-image: url('style/icon-45-rss.png'); } #checkout-blog { display: block; position: absolute; top: 50px; right: 110px; width: 130px; height: 65px; background: url('style/checkout-blog.png') no-repeat left top; } #checkout-blog:hover { background-position: left bottom; } #box { display: none; position: absolute; top: 38px; right: 10px; width: 315px; height: 88px; background: url('style/upmenu-box-bg.png') right top no-repeat; } #box span.close { display: block; position: absolute; top: 11px; right: -8px; width: 18px; height: 18px; background: url('style/icon-close.png') no-repeat; cursor: pointer; } #search { display: none; width: 225px; margin: 20px 0 0 70px; text-align: left; } #search input.go { float: right; } #search input.string { float: left; width: 140px; line-height: 15px; height: 15px; margin: 2px 0 5px 0; } #search div { float: left; } #search div.first { width: 67px; } #feeds { margin: 30px 0 0 40px; } #feeds a { display: block; float: left; width: 90px; height: 22px; margin: 0 0 5px 10px; padding-left: 30px; color: #a7bfe1; text-decoration: none; line-height: 22px; text-align: left; background: url('style/icon-rss.png') no-repeat left center; } #feeds a:hover { color : #fff; } /* ----- Main menu ----- */ #main-menu { width: 723px; height: 37px; } #main-menu a { display: block; float: left; height: 35px; overflow: hidden; margin: 0 3px; } /* ----- Content ----- */ .content-up { width: 718px; height: 9px; background: url('style/content-bg-top.png') no-repeat center top; font-size: 0px; line-height: 0px; } .content { width: 718px; background: url('style/content-bg.png') repeat-y center top; } .content-inner-up { background: url('style/content-bg-inner-top.png') no-repeat center top; } .content-inner-bottom { position: relative; width: 700px; min-height: 500px; background: url('style/content-bg-inner-bottom.png') no-repeat center bottom; } .content-bottom { width: 718px; height: 9px; background: url('style/content-bg-bottom.png') no-repeat center top; font-size: 0px; line-height: 0px; } /* ----- QUICK NEWS ----- */ #quicknews { position: relative; width: 715px; height: 56px; left: -15px; margin-bottom: 5px; font-size: 14px; line-height: 56px; font-weight: bold; font-style: italic; color: #fff; text-align: center; text-shadow: #062d01 1px 1px 3px; background: url('style/home-quicknews.png') no-repeat left top; } /* ----- SITE INFO ----- */ div.siteinfo { padding: 20px 20px; overflow: auto; background: url('style/home-siteinfo.png') no-repeat center top; text-shadow: #000 1px 1px 2px; } div.siteinfo > div.left { float: left; width: 320px; } div.siteinfo > div.right { float: right; width: 328px; } div.siteinfo h1 { margin: 0 0 0 0; font-size: 24px; font-family: "Trebuchet MS", Tahoma, sans-serif; font-weight: bold; font-style: italic; color: #fff; text-align: left; } div.siteinfo p { padding: 10px; font-size: 14px; line-height: 20px; color: #aca9a9; text-align: justify; } div.siteinfo p a { color: #aca9a9; font-style: italic; text-decoration: underline; } div.siteinfo p a:hover { color: #fff; text-decoration: none; } /* ----- RECENT ITEMS ----- */ div.recent { position: relative; height: 240px; } div.recent > h1 { margin: 0 0 8px 20px; font-size: 24px; font-family: "Trebuchet MS", Tahoma, sans-serif; font-weight: bold; font-style: italic; color: #fff; text-align: left; } div.recent > span.nav-left { position: absolute; display: block; bottom: 90px; left: -40px; width: 40px; height: 60px; cursor: pointer; background: url('style/home-preview-navigation.png') no-repeat left 0px; } div.recent > span.nav-left:hover { background-position: left -60px; } div.recent > span.nav-left:active { background-position: left -120px; } div.recent > span.nav-right { position: absolute; display: block; bottom: 90px; right: -40px; width: 40px; height: 60px; cursor: pointer; background: url('style/home-preview-navigation.png') no-repeat right 0px; } div.recent > span.nav-right:hover { background-position: right -60px; } div.recent > span.nav-right:active { background-position: right -120px; } div.recent > div.slideshow { position: relative; width: 676px; height: 208px; overflow: hidden; } div.recent > div.slideshow div.slideitems { position: absolute; top: 0; left: 0; } div.recent > div.slideshow a { position: relative; display: block; float: left; width: 322px; height: 182px; margin: 0 5px; border: 3px solid #025e85; overflow: hidden; text-decoration: none; } div.recent > div.slideshow a:hover { border-color: #17aa08; } div.recent > div.slideshow a > img { width: 320px; border: 1px solid #000; } div.recent > div.slideshow a > div { position: absolute; top: 111px; left: 0; width: 321px; height: 70px; text-align: left; border-bottom: 1px solid #000; background: url('style/home-preview-info-bg.png'); } div.recent > div.slideshow a > div > img { display: block; float: right; margin: 0 5px 0 0; } div.recent > div.slideshow a > div > h2 { display: block; margin: 7px 0 0 20px; font-size: 18px; line-height: 18px; font-family: "Trebuchet MS", Tahoma; font-weight: bold; font-style: italic; color: #fff; text-shadow: #000 1px 1px 3px; } div.recent > div.slideshow a > div > span { display: block; margin: 8px 0 0 20px; font-size: 12px; line-height: 16px; font-family: "Trebuchet MS", Tahoma; font-weight: bold; font-style: italic; color: #c1c2c2; text-shadow: #000 1px 1px 3px; } div.recent > div.slideshow a > span { position: absolute; display: block; top: 1px; right: 1px; width: 48px; height: 48px; background: url('style/sign-free.png') no-repeat right top; } /* ---- CONTENT COLUMNS ---- */ div.leftcolumn { float: left; width: 265px; min-height: 500px; margin: 15px 0 0 0; border-right: 1px solid #033462; text-align: left; } div.rightcolumn { float: left; width: 410px; min-width: 410px; max-width: 410px; text-align: left; } div.leftcolumn div.in { padding: 100px 20px 70px 15px; } div.rightcolumn div.in { margin: 15px 0 0 10px; } a.sectionlink { position: absolute; top: 15px; left: 15px; width: 160px; height: 100px; text-decoration: none; } /* ---- MEMBERS ---- */ div.memberstitle { background: url('style/title-members.png') no-repeat left top; height: 150px; min-height: 150px; text-align: left; } div.memberstitle div.stats { float: left; margin: 15px 0 0 205px; width: 180px; height: 120px; background: url('style/op-bg.png'); overflow: visible; } div.memberstitle div.search { float: left; margin: 15px 0 0 13px; width: 280px; height: 120px; background: url('style/op-bg.png'); } div.memberstitle div.stats h1, div.memberstitle div.search h1 { position: relative; margin: -12px 0 0 -8px; font-size: 18px; line-height: 18px; font-weight: normal; color: #c0d0dc; } div.memberstitle div.stats table { width: 160px; margin: 0 0 0 5px; } div.memberstitle div.search table { width: 285px; margin: -5px 0 0 0; } div.memberstitle div.search input, div.memberstitle div.search select { font-size: 11px; } /* ---- REGISTER ---- */ div.registertitle { background: url('style/title-registration.png') no-repeat left top; min-height: 135px; text-align: left; } /* ---- CONTACT ---- */ div.contacttitle { background: url('style/title-contact.png') no-repeat left top; min-height: 135px; text-align: left; } div.contacttitle div.upper { padding: 30px 0 0 230px; } div.contacttitle div.lower { padding: 10px 50px 30px 50px; } div.contacttitle div.lower table { width: 100%; } /* ---- ABOUT ME ---- */ div.aboutmetitle { background: url('style/title-aboutme.png') no-repeat left top; min-height: 135px; text-align: left; } div.aboutmetitle div.photo { float: right; margin: 30px 25px 0 0; text-align: right; } div.aboutmetitle div.photo img { padding: 2px; background: #000; border: 3px solid #0e1c37; } div.aboutmetitle div.nickname { position: absolute; top: 55px; right: 310px; font-size: 30px; line-height: 30px; font-style: italic; font-weight: normal; text-shadow: #000 1px 1px; } div.aboutmetitle div.about { float: left; margin: 125px 0 0 25px; width: 375px; height: 210px; text-align: left; background: url('style/aboutme-bg.png'); } div.aboutmetitle div.about h1 { position: relative; margin: 17px 0 0 18px; padding: 0; font-size: 12px; line-height: 12px; color: #0a7cbd; font-style: italic; } div.aboutmetitle div.about div.text { margin: 3px 20px 0 35px; font-size: 13px; line-height: 16px; color: #ddd; font-style: italic; } div.aboutmetitle div.aboutme-networks { float: left;height: 60px; margin: 50px 0 0 40px; text-align: center; background: url('style/aboutme-networks-g.png') center top no-repeat; } div.aboutmetitle div.aboutme-networks > a { display: block; float: left; width: 80px; height: 32px; margin: 14px 3px 0 3px; font-size: 12px; font-weight: bold; line-height: 12px; text-decoration: none; color: #fff; text-shadow: #000 1px 1px 2px; text-align: center; overflow: hidden; } div.aboutmetitle div.aboutme-networks > a > img { display: block; margin: 0 0 5px 24px; } div.aboutmetitle > a.donate { display: block; float: right; width: 240px; height: 86px; margin: 30px 28px 0 0; background: url('style/donate.png') left top no-repeat; } div.aboutmetitle > a.donate:hover { background-position: left bottom; } div.aboutmetitle div.skills { width: 700px; height: 230px; margin-top: 20px; background: url('style/skills.png') center top no-repeat; } /* ---- PROFILE ---- */ div.profile { padding: 20px 20px 20px 210px; font-size: 11px; } div.profile img.avatar { float: left; padding: 1px; background: #000; border: 1px solid #022652; } div.profile div.nickname { margin: 0 0 0 97px; padding: 0 5px 2px 5px; border-bottom: 1px solid #032153; color: #fff; font-size: 18px; line-height: 18px; } div.profile div.nickname img { margin: 0 0 0 0; } div.profile div.nickname span { float: right; font-size: 14px; } div.profile div.info { float: left; width: 240px; min-width: 240px; max-width: 240px; margin: 4px 0 0 15px; color: #0068c9; line-height: 18px; } div.profile div.info img { margin: 0 4px -3px 0; } div.profile div.dates { float: right; width: 120px; margin: 2px 4px 0 0; color: #0068c9; font-size: 11px; line-height: 18px; text-align: right; } div.profile div.dates div.upik { margin: 0 7px -2px 0; color: #014885; font-size: 10px; font-style: italic; line-height: 10px; } div.aboutme { padding: 10px 15px; color: #11569d; text-align: left; } /* ----- Member box ----- */ div.members { padding: 10px 0; } a.memberbox { position: relative; display: block; float: left; margin: 0 0 5px 11px; width: 218px; height: 116px; background: url('style/member-box.png') no-repeat left top; text-decoration: none; text-align: left; } a.memberbox:hover { background: url('style/member-box-h.png') no-repeat left top; } a.memberbox div.in { padding: 13px 5px 5px 10px;} a.memberbox img.avatar { float: left; padding: 1px; background: #000; border: 1px solid #022652; } a.memberbox img.gender { position: absolute; top: 12px; right: 14px; } a.memberbox div.nick { margin: 1px 0 0 90px; font-weight: bold; font-size: 13px; line-height: 13px; color: #fff; } a.memberbox div.info { margin: 2px 0 0 90px; font-size: 11px; line-height: 11px; font-style: italic; color: #c2c2c2; } a.memberbox div.value { margin: 1px 0 0 98px; font-size: 11px; line-height: 11px; color: #00486e; } a.memberbox div.operations { margin: 3px 0 0 0; padding: 3px; background: #c8bea9; } /* ---- SITEMAP ---- */ div.sitemaptitle { width: 700px; background: url('style/title-sitemap.png') no-repeat left top; } div.sitemaptitle div.stats { float: left; margin: 30px 0 10px 250px; padding: 15px 0; width: 360px; background: url('style/op-bg.png'); font-size: 13px; line-height: 13px; text-align: center; color: #0066b5; } div.sitemaptitle div.stats h1 { position: relative; margin: -22px 0 10px -8px; font-size: 18px; line-height: 18px; font-weight: normal; color: #c0d0dc; text-align: left; overflow:visible; } div.sitemaptitle div.sitemap { display: block; float: left; margin: 20px 0 40px 100px; } div.spad { padding: 5px 0; } div.sitemap a { display: block; margin: 6px 0; padding: 0 20px 0 15px; font-size: 14px; line-height: 14px; color: #01639c; font-weight: bold; text-decoration: none; text-align: left; outline: 0; background: url('style/sitemap-arr.png') no-repeat left center; } div.sitemap a:hover { color : #fff; } /* ---- STATS ---- */ div.statstitle { background: url('style/title-stats.png') no-repeat left top; } div.statstitle div.stats { float: left; padding: 15px 0; background: url('style/op-bg.png'); font-size: 13px; line-height: 13px; text-align: left; color: #0066b5; } div.statstitle div.stats h1 { position: relative; margin: -22px 0 10px -8px; font-size: 18px; line-height: 18px; font-weight: normal; color: #c0d0dc; text-align: left; } div.statstitle div.visits { margin: 30px 0 10px 220px; } div.statstitle div.items { margin: 30px 0 0 30px; } div.statstitle div.image { margin: 30px 0 15px 30px; } div.statstitle div.stats table { margin: 0 20px; } div.statstitle div.stats table td.td1 { padding: 4px 8px; color: #0965a5; } div.statstitle div.stats table td.td2 { padding: 4px 8px; color: #fff; } div.statstitle div.stats table td.l { background: url('style/op-bg.png'); } div.statstitle div.stats table td.d { background: url('style/op-bg-dark.png'); } /* ---- Search ---- */ div.searchtitle { background: url('style/title-search.png') no-repeat left top; } div.searchtitle div.searchform { float: left; margin: 20px 0 30px 255px; padding: 15px 0; background: url('style/op-bg.png'); font-size: 13px; line-height: 13px; text-align: left; color: #0066b5; } div.searchtitle div.searchform table { margin: 0 20px; } div.searchtitle div.searchform h1 { position: relative; margin: -22px 0 10px -8px; font-size: 18px; line-height: 18px; font-weight: normal; color: #003a88; text-align: left; } span.highlight { color: #d0c183; font-weight: bold; } table.searchresults { width: 98%; padding: 15px 20px; font-weight: inherit; } table.searchresults td { text-align: left; } table.searchresults td.itemtitle a { font-size: 14px; font-weight: bold; } table.searchresults td.itemdescription { padding: 0 0 0 10px; font-size: 12px; font-weight: normal; color: #0f66a3; } /* ---- GUESTBOOK ---- */ div.gbtitle { background: url('style/title-guestbook.png') no-repeat left top; } div.gbtitle div.stats { float: left; margin: 30px 0 0 250px; padding: 15px 0; width: 360px; font-size: 13px; line-height: 13px; font-style: italic; text-align: center; color: #0066b5; background: url('style/op-bg.png'); } div.gbtitle div.stats h1 { position: relative; margin: -22px 0 10px -8px; font-size: 18px; line-height: 18px; font-weight: normal; color: #c0d0dc; text-align: left; } /* ----- Navigation ----- */ div.navigation { width: 473px; height: 30px; margin: 3px 50px 0 50px; padding: 1px 0; text-align: center; color: #014f98; font-size: 12px; line-height: 24px; font-weight: normal; background: url('style/nav-bg.png') no-repeat center top; } div.navigation a.left-nav { float: left; margin: 3px 0 0 15px; opacity: 0.5; } div.navigation a.left-nav:hover { opacity: 1; } div.navigation a.right-nav { float: right; margin: 3px 15px 0 0; opacity: 0.5; } div.navigation a.right-nav:hover { opacity: 1; } div.navigation a { color: #1774dd; padding: 0 5px 0 7px; font-size: 12px; font-weight: bold; text-decoration: none; } div.navigation a:hover { color : #fff; } div.navigation a:active { color: #000; } div.navigation a.active { color : #fff; font-weight: bold; margin: -6px 0 0 0; padding: 7px 5px 7px 8px; background: url('style/nav-link-bg.png') left top repeat-x; } /* ---- ADD COMMENT ---- */ #post-comment { width: 660px; margin: 15px 0 5px 0; padding-bottom: 2px; background: url('style/post-comment-bg.png') right bottom no-repeat; } #post-comment > div { background: url('style/post-comment-bg.png') left top no-repeat; } #post-comment > div > div.toggler { height: 30px; margin: 0 5px; cursor: pointer; background: url('style/arr-updown.png') right bottom no-repeat; } #post-comment > div > div.expanded { background-position: right top; } #comment-form { display: none; padding: 5px 20px 20px 20px; } #comment-form div.visitorinput { margin: 0 0 12px 0; text-align: left; } #comment-form div.visitorinput input.space { margin: 0 20px 0 0; } #comment-form table { width: 100%; } #comment-form table td { text-align: left; vertical-align: top; padding: 4px 8px; } #comment-form form { clear: both; } #comment-form textarea { width: 100%; height: 150px; } #message { clear: both; } /* ------ COMMENT ------ */ div.comments { clear: both; padding: 15px 0; } div.comments > h1 { margin-left: 20px; font-size: 18px; color: #2a5981; text-align: left; } div.comment { padding: 30px 0 30px 20px; } div.comment div.leftb { position: relative; float: left; width: 100px; text-align: left; } div.comment div.leftb a p { position: absolute; margin: 0px; width: 82px; height: 82px; padding: 0; left: 1px; top: 1px; z-index: 100; background: url('style/op-bg-dark2.png'); color: #ffffff; text-align: center; font-size: 12px; line-height: 40px; cursor: pointer; } div.comment div.leftb a > img { width: 80px; height: 80px; } div.comment div.leftb a p img { margin: 12px 0 0 0; border: 0; background-color: transparent; cursor: pointer; } div.comment div.leftb img { z-index: 1; padding: 1px; background: #000; border: 1px solid #164c8d; } div.comment div.leftb div.nickname { width: 84px; min-width: 84px; max-width: 84px; padding: 4px 0 0 0; font-size: 12px; line-height: 12px; font-weight: bold; color: #737373; text-align: center; } div.comment div.leftb a { text-decoration: none; } div.comment div.leftb a div.nickname { width: 84px; padding: 4px 0 0 0; font-size: 13px; line-height: 13px; font-weight: bold; color: #0579af; text-align: center; cursor: pointer; } div.comment div.leftb a:hover div.nickname { color: #fff; } div.comment div.middleb { float: left; width: 529px; text-align: left; } div.comment div.middleb div.message { padding: 12px 20px 0 32px; min-height: 70px; background: url('style/comment-bg.png') left top no-repeat; font-size: 12px; line-height: 20px; color: #b5cade; } img.smile { margin: 0 0 -3px 0; } div.comment div.middleb div.message hr { margin: 1px 0 2px 0; padding: 0; color: #002443; border: 0; border-bottom: 1px dashed #002443; } div.comment div.middleb div.message div.code { padding: 4px 6px; margin: 4px 13px 15px 13px; background: url('style/op-bg-white.png'); border-left: 3px solid #cdcdcd; color: #000; font-family: "Courier New", Tahoma, Verdana; font-size: 13px; overflow: auto; cursor: text; } div.comment div.middleb div.message div.quote { padding: 4px 6px; margin: 4px 13px 15px 13px; background: url('style/op-bg.png'); border-left: 3px solid #00447e; color: #4b87c1; } div.comment div.middleb div.info { height: 20px; padding: 13px 12px 0 20px; font-size: 11px; background: url('style/comment-bg.png') right bottom no-repeat; color: #0d4f78; } div.comment div.rightb { float: left; width: 28px; margin-top: 5px; padding: 0 0 12px 0; text-align: left; background: url('style/comment-buttons-bg.png') right bottom no-repeat; } div.comment div.rightb div.buttonswrapper { padding: 15px 0 0 5px; background: url('style/comment-buttons-bg.png') left top no-repeat; } div.comment div.rightb img { opacity: 0.6; margin: 0 0 4px 0; } div.comment div.rightb img:hover { opacity: 1; } /* --------- BBcode ---------- */ div.bbcode { position: relative; float: left; margin: 0 0 5px 0; } div.bbcode a, div.bbcode a:link, div.bbcode a:visited, div.bbcode a:active { display: block; float: left; min-width: 10px; margin: 0 1px 0 0; padding: 0 7px; color: #abb7bf; font-size: 12px; line-height: 19px; font-weight: bold; text-decoration: none; background: url('style/bb-bg.png') no-repeat center top; } div.bbcode a:hover { background-position: center bottom; color: #fff; } div.bbcode a.first { background: url('style/bb-bg.png') no-repeat left top; border: 0; } div.bbcode a.first:hover { background-position: left bottom; } div.bbcode a.last { background: url('style/bb-bg.png') no-repeat right top; } div.bbcode a.last:hover { background-position: right bottom; } div.bbcode a:active { background: #00203c; } div.bbsmiles { position: relative; float: right; margin: 0 2px 5px 0; } div.bbsmiles img { margin: 0 0 0 0; opacity: 0.6; } div.bbsmiles img:hover { opacity: 1; } /* ----- Footer ----- */ #footer { position: relative; margin: 15px 0 0 0; width: 724px; height: 124px; background: url('style/footer-bg.png') no-repeat center top; font-size: 11px; color: #015495; } #footer a { font-size: 11px; text-decoration: none; } #footer #top-button { position: absolute; right: 8px; bottom: 4px; width: 53px; height: 24px; background: url('style/button-top.png') no-repeat right top; text-decoration: none; } #footer div.copyright { position: absolute; width: 710px; bottom: 8px; left: 6px; } #footer div.rightlinks { position: absolute; top: 8px; right: 10px; text-align: right; } #footer div.rightlinks a:hover { border-bottom: 1px dotted #004484; } #footer div.logolinks { position: absolute; top: 33px; right: 15px; text-align: right; } #footer div.leftblock { padding: 4px 0 0 12px; } #footer div.online { float: left; padding: 3px 0; width: 420px; text-align: left; } #footer div.online a:hover { border-bottom: 1px dotted #004484; } #footer div.bottomline { background: url('style/foot-feather-line.png') no-repeat left bottom; } #footer div.members { height: 37px; min-height: 37px; max-height: 37px; color: #102f56; } /* ---- Colors overwrite ---- */ .Member { color: #15a901 !important; } .VIP { color: #fff !important; } .Admin { color: #eac488 !important; } .red { color: #960f0f !important; } /* ---- Against IE ----*/ div.iewarn { position: absolute; top: 30px; left: 225px; width: 382px; height: 79px; background: url('style/ie-warn.png') no-repeat left top; z-index: 1; } div.iewarn p { padding: 15px 8px 0 40px; margin: 0; color: #fd6b6b; font-size: 11px; line-height: 14px; font-weight: normal; text-align: left; } /* ============================================================================================= jQuery ============================================================================================= */ /* ------ Galleries Submenu ------ */ ul.submenu { padding: 12px 0; background: url('style/submenu-bg.png') no-repeat center top; height: 13px; } ul.submenu li { display: inline; margin: 0 8px; padding: 3px 0 5px 6px; } ul.submenu li a { display: inline; padding: 3px 10px 4px 5px; color: #1a73c6; font-size: 13px; line-height: 13px; font-weight: normal; text-decoration: none; outline: 0; } ul.submenu li a:hover { color : #fff; } ul.submenu li.active { background: url('style/submenu-link-l.png') no-repeat left top; } ul.submenu li.active a { background: url('style/submenu-link-bg.png') no-repeat right top; color: #fff; } /* ------ Gallery title & Filters ------ */ #gallery-title { height: 38px; overflow: hidden; background: #0a0f27; border-bottom: 1px solid #01224b; text-align: left; } #gallery-title * { height: 39px; line-height: 39px; } #gallery-title > img { display: block; float: left; margin: -2px 0 -12px 7px; } #gallery-title > h1 { display: block; float: left; font-size: 18px; line-height: 37px; margin: 0 0 0 4px; color: #d9e8f4; } #gallery-title > h2 { display: block; float: left; font-size: 13px; line-height: 40px; margin: 0 0 0 2px; color: #0b5599; } #gallery-title > h3 { display: block; float: right; font-size: 12px; margin: 0 5px 0 0; color: #0b5599; font-weight: normal; } #gallery-title > div.filters { float: right; vertical-align: middle; } #gallery-title > div.filters > span { display: block; float: left; margin: 0 7px 0 0; padding: 0 5px 0 20px; background-position: left center; background-repeat: no-repeat; color: #0b5599; cursor: pointer; } #gallery-title > div.filters > span.filter-downloads { background-image: url('style/icon-box.png'); color: #abb018; } #gallery-title > div.filters > span.filter-reset { background-image: url('style/icon-reload.png'); color: #48924d; } #gallery-title > div.filters > span:hover { color: #fff; } #gallery-title > div.filters > span:active { opacity: 0.5; } /* ------ Gallery - Default items dump ------ */ div.multimedia { padding: 10px 0 15px 0; overflow: auto; } div.multimedia a { position: relative; display: block; float: left; margin: 6px 0 6px 15px; width: 214px; height: 200px; text-decoration: none; cursor: pointer; background: url('style/listing-multimedia-bg.png') no-repeat center top; } div.multimedia a div.thumb { float: left; padding: 10px 0 0 11px; opacity: 0.8; } div.multimedia a div.thumb img { width: 190px; height: 152px; border: 1px solid #000; } div.multimedia a div.name { float: left; padding: 10px 0 0 0; width: 100%; font-size: 13px; line-height: 14px; color: #006cb1; text-shadow: #000 1px 1px; text-align: center; } div.multimedia a:hover { background: url('style/listing-multimedia-bg-h.png') no-repeat center top; } div.multimedia a:hover div.thumb { opacity: 1; } div.multimedia a:hover div.name { color: #fff; } /* ------ Gallery - Video items dump ------ */ div.videos { padding: 10px 0 15px 0; overflow: auto; } div.videos > a { position: relative; display: block; float: left; width: 326px; height: 220px; margin: 6px 0 6px 17px; text-decoration: none; cursor: pointer;} div.videos > a > img { position: absolute; display: block; top: 20px; left: 3px; width: 320px; height: 180px; z-index: 1; } div.videos > a > div { position: absolute; top: 0; left: 0; width: 311px; height: 50px; padding: 170px 0 0 15px; font-family: Tahoma; font-size: 18px; color: #fff; text-shadow: #000 1px 1px 3px; text-align: left; background: url('style/listing-videos.png') no-repeat center top; z-index: 2; } div.videos > a:hover > div { background-position: left bottom; } /* ------ Gallery - Download items dump ------ */ /* Left box */ #gallery-download div.left-box { float: left; padding: 11px 0 0 14px; } #gallery-download div.gallery-info { position: relative; width: 264px; min-height: 170px; background: url('style/download-info-top.png') no-repeat left top; } #gallery-download div.gallery-info img { position: absolute; left: 10px; top: 18px; } #gallery-download div.gallery-info h1 { margin: 0; padding: 27px 0 0 65px; font-size: 24px; line-height: 24px; font-style: italic; text-align: left; color: #fff; text-shadow: #000 1px 1px 0; } #gallery-download div.gallery-info div.text { padding: 27px 30px 8px 32px; color: #bdbdbd; font-size: 12px; line-height: 15px; text-align: justify; font-style: normal; } #gallery-download div.gallery-warn { width: 264px; height: 77px; background: url('style/download-info-bottom.png') no-repeat left top; } #gallery-download div.gallery-warn div.text { padding: 13px 27px 0 29px; color: #7b0d0d; font-size: 11px; line-height: 13px; text-align: justify; } #gallery-download div.left-box > div.legend { padding: 10px 0 20px 20px; color: #bdbdbd; line-height: 33px; vertical-align: middle; text-align: left; font-size: 11px; color: #7a7a7a; } #gallery-download div.left-box > div.legend img { margin: 0 0 -12px 0; } /* Right box */ #gallery-download div.right-box { float: right; width: 415px; padding: 20px 0; } #gallery-download div.download-box { margin: 5px 0; padding: 0 0 0 0; background: url('style/download-box.png') no-repeat left top; text-decoration: none; text-align: left; overflow: auto; } #gallery-download div.download-box:hover { background-image: url('style/download-box-h.png'); } #gallery-download div.download-box > a { display: block; float: left; width: 280px; padding: 6px 20px 7px 10px; text-decoration: none; text-align: left; font-size: 12px; cursor: pointer; } #gallery-download div.download-box > a div.icon { float: left; width: 31px; height: 31px; background: url('style/download-icon.png') no-repeat left top; } #gallery-download div.download-box > a h1 { display: block; float: left; margin: 0; padding: 10px 0 0 5px; font-size: 12px; line-height: 12px; font-weight: normal; color: #1f6fad; } #gallery-download div.download-box > a div.size { float: right; padding: 10px 0 0 10px; font-size: 12px; line-height: 12px; color: #cecece; } #gallery-download div.download-box > a div.downloaded { float: right; min-width: 15px; padding: 10px 0 0 10px; font-size: 12px; line-height: 12px; text-align: left; color: #cecece; } #gallery-download div.download-box > a:hover div.icon { background-image: url('style/download-icon-h.png'); } #gallery-download div.download-box > a:hover h1 { color: #fff; } #gallery-download div.download-box > a.unav div.icon { background-image: url('style/download-icon-unav.png'); } #gallery-download div.download-box > a.unav h1 { color: #818282; } #gallery-download div.download-box > a.unav:hover h1 { color: #fff; } #gallery-download div.download-box > a.reference { display: block; float: left; width: 90px; margin: 6px 0; padding: 7px 0; color: #b49760; text-decoration: none; text-align: center; background: url('style/download-reference-arr.png') no-repeat right center; } #gallery-download div.download-box > a.reference:hover { color: #fff; } #gallery-download div.download-box > a.no-reference { display: block; float: left; width: 90px; margin: 6px 0; padding: 7px 0; color: #cdcdcd; text-decoration: none; text-align: center; } /* ------ Item - TITLE ------ */ #item-title { height: 45px; background: url('style/item-title-bg.png') center top no-repeat; border-bottom: 1px solid #000a16; } #item-title > img { display: block; float: left; margin: 4px 0 0 5px; } #item-title > h1 { display: block; float: left; margin-left: 5px; font-size: 18px; line-height: 37px; color: #fff; } #item-title > a { display: block; float: right; padding: 0 10px; font-size: 18px; line-height: 45px; color: #fff; text-decoration: none; background: url('style/item-title-line.png') left top no-repeat; } #item-title > a > span { display: block; float: right; width: 24px; height: 22px; margin: 12px 0 0 7px; background: url('style/item-title-arrow.png') no-repeat; } /* ------ Inner -> Item - IMAGES ------ */ div.item-images { width: 680px; padding: 10px 0 0 0; } div.item-images > div { height: 25px; margin-top: 0; line-height: 25px; font-size: 12px; } div.item-images > div > div.description { float: left; color: #1f619e; } div.item-images > div > div.description > span { margin: -5px 3px 0 0; font-size: 15px; color: #09345f; } div.item-images > div > div.info { float: right; padding: 0 8px; margin: 0 0 0 8px; font-size: 11px; color: #215692; background: #03142e; } div.item-images > a { display: block; clear: both; margin-bottom: 20px; text-decoration: none; } div.item-images > a img { background: #000; padding: 1px; border: 1px solid #034060; } div.item-images > a:hover > img { border-color: #1f619e; } /* ------ Item - DEFAULT ELEMENTS ------ */ #itemwrapper { width: 680px; padding: 5px 0 10px 0; } div.item-thumbnail { float: left; position: relative; width: 190px; height: 152px; margin: 5px 15px 0 0; overflow: hidden; border: 1px solid #032c6a; } div.item-thumbnail > p { display: block; position: absolute; top: 0; left: 0; width: 190px; height: 152px; background: url('style/item-thumb-glossiness.png') left top no-repeat; } div.infobox { position: relative; float: left; width: 150px; height: 35px; margin: 26px 0 5px 15px; font-size: 14px; line-height: 35px; color: #c7c8c8; text-shadow: #04173c 1px 1px 0; background: url('style/item-infobox-bg.png') center top no-repeat; } div.infobox h2 { position: absolute; display: block; top: -15px; left: 4px; font-size: 14px; line-height: 14px; font-style: italic; color: #025ebb; } div.infobox a { color: #19b833; text-decoration: none; } div.infobox a:hover { color: #fff; } div.infobig { font-size: 18px; } /* Item Downloads */ div.item-downloads { float: right; width: 280px; height: 82px; padding: 38px 0 0 10px; margin: 15px 20px 0 0; text-align: left; background: url('style/item-downloads-bg.png') left top no-repeat; } div.item-downloads a { display: block; margin: 0 60px 6px 0; padding-left: 32px; height: 34px; overflow: hidden; text-decoration: none; background: url('style/item-downloads-link.png') left top no-repeat; } div.item-downloads a h1 { display: block; margin: 5px 0 0 0; font-size: 13px; line-height: 12px; font-weight: bold; color: #014301; text-align: left; } div.item-downloads a h2 { display: block; margin: 1px 0 0 0; font-size: 11px; line-height: 11px; font-style: italic; color: #014301; } div.item-downloads a:hover { background-position: left center; } div.item-downloads a.unav { background-position: left bottom; } div.item-downloads a.unav h1 { color: #5a5a59; } div.item-downloads a.unav h2 { color: #5a5a59; } div.item-downloads a:hover h1 { color: #fff; } /* Item About info box */ div.item-about { margin: 10px 0 0 0; background: url('style/item-about-bg.png') left top no-repeat; } div.item-about > div { padding: 28px 20px 17px 20px; color: #bac6d8; font-size: 12px; line-height: 18px; text-align: left; background: url('style/item-about-bg.png') right bottom no-repeat; } div.item-about > div ul { margin: 3px 20px 15px 20px; } div.item-about > div ul > li { margin: 2px 0; } div.item-about-small { float: right; width: 290px; margin: 15px 10px 0 0; background: url('style/item-about-small-bg.png') left top no-repeat; } div.item-about-small > div { padding: 25px 15px 13px 15px; color: #bac6d8; font-size: 12px; text-align: left; background: url('style/item-about-small-bg.png') right bottom no-repeat; } /* Item license box */ div.license { margin: 25px 0 5px 0; padding-bottom: 2px; background: url('style/item-license.png') right bottom no-repeat #1a0000; } div.license > div { background: url('style/item-license.png') left top no-repeat; } div.license > div > div.title { margin: 0 5px; padding: 0 20px; font-size: 14px; line-height: 30px; color: #cb9e9e; text-align: right; cursor: pointer; background: url('style/arr-updown.png') right bottom no-repeat; } div.license > div > div.title:hover { color: #fff; } div.license > div > div.expanded { background-position: right top; } div.license > div > #license { display: none; padding: 20px; font-size: 12px; color: #ddd; text-align: left; line-height: 18px; } div.license > div > #license a { margin-left: 5px; color: #ea5e5e; text-decoration: none; } div.license > div > #license a:hover { color: #fff; } /* Item Small license box ~ expanded */ div.license-small { width: 580px; margin: 30px 0 10px 0; padding: 5px 0 2px 0; background: url('style/item-license-small.png') right bottom no-repeat #1a0000; } div.license-small > div { position: relative; background: url('style/item-license-small.png') left -20px no-repeat; } div.license-small > div > div.title { position: absolute; top: -20px; left: 0; width: 570px; font-size: 14px; line-height: 20px; color: #e8a3a3; text-align: right; background: url('style/item-license-small.png') left top no-repeat } div.license-small > div > div.text { padding: 15px 20px; font-size: 12px; color: #ddd; text-align: left; line-height: 18px; } div.license-small > div > div.text a { margin-left: 5px; color: #ea5e5e; text-decoration: none; } div.license-small > div > div.text a:hover { color: #fff; } /* Item Video */ div.video { margin: 1px 0; font-family: Tahoma; } div.video + div.video { margin-top: 20px; padding-top: 1px; border-top: 1px solid #002044; background: #000; } div.video > div.infobar { height: 45px; line-height: 45px; border-top: 2px solid #000000; border-bottom: 1px solid #002044; background: #000e1d; } div.video > div.infobar > h1 { display: block; float: left; margin: 0 10px 0 10px; font-size: 18px; color: #998c1d; } div.video > div.infobar > h2 { display: block; float: left; margin: 1px 0 0 0; font-size: 14px; color: #18466a; } div.video > div.infobar > h3 { display: block; float: right; font-weight: normal; margin: 1px 5px 0 0; font-size: 12px; color: #346c06; } div.video > div.infobar > a.download { display: block; float: right; margin: 7px 10px 0 0; width: 130px; height: 30px; text-decoration: none; background: url('style/button-download-video.png') no-repeat left top; } div.video > div.infobar > a.download:hover { background-position: left bottom; } div.video > div.infobar > a.download:active { opacity: 0.5; } /* ------ Item - Download ------ */ #item-download { width: 658px; min-width: 658px; max-width: 658px; padding: 20px 0; } #item-download div.top { position: relative; width: 658px; height: 92px; background: url('style/download-top.png') no-repeat center top; } #item-download div.top a.galicon { position: absolute; top: 20px; left: 10px; text-decoration: none; } #item-download div.top div.date { position: absolute; top: 68px; left: 15px; font-size: 10px; line-height: 10px; font-style: italic; color: #002744; } #item-download div.top div.titleBG { position: absolute; top: 19px; left: 75px; font-size: 24px; line-height: 24px; font-style: italic; color: #000; } #item-download div.top div.title { position: absolute; top: 18px; left: 74px; font-size: 24px; line-height: 24px; font-style: italic; color: #fff; } #item-download div.top div.description { position: absolute; top: 47px; left: 83px; width: 480px; font-size: 12px; line-height: 17px; font-style: normal; color: #074f87; text-align: left; } #item-download div.top a.reference { position: absolute; top: 10px; right: 20px; padding: 7px 14px 7px 7px; color: #b49760; text-decoration: none; text-align: right; background: url('style/download-reference-arr.png') no-repeat right center; } #item-download div.top a.reference:hover { color: #fff; } #item-download div.top div.size { position: absolute; top: 40px; right: 24px; font-size: 18px; line-height: 18px; font-style: normal; color: #bebebe; } /* ------ Restricted Area ------ */ div.restricted-area { position: relative; width: 605px; height: 340px; background: url('style/restricted-area-bg.png') no-repeat center top; } div.restricted-area div.text { float: left; margin: 135px 130px 0 235px; font-size: 12px; line-height: 18px; font-weight: bold; text-align: justify; color: #0a80ca; text-shadow: #00203f 1px 1px 1px; } div.restricted-area a.go-back, div.restricted-area a.go-back:link, div.restricted-area a.go-back:visited, div.restricted-area a.go-back:active { position: absolute; width: 65px; height: 15px; left: 150px; top: 220px; background: url('style/button-go-back.png') no-repeat left top; text-decoration: none; } div.restricted-area a.go-back:hover { background-position: left bottom;} div.restricted-area div.buttons { position: absolute; right: 120px; bottom: 95px; } div.restricted-area a { display: block; float: left; width: 114px; height: 34px; text-decoration: none; } div.restricted-area a.register-button { background: url('style/button-registration.png') no-repeat left top; } div.restricted-area a.login-button { background: url('style/button-login.png') no-repeat left top; } div.restricted-area a:hover { background-position: left bottom;} div.restricted-area a.becomevip-button, div.restricted-area a.becomevip-button:link, div.restricted-area a.becomevip-button:visited, div.restricted-area a.becomevip-button:active { position: absolute; width: 114px; height: 34px; left: 365px; top: 210px; background: url('style/button-become-vip.png') no-repeat left top; text-decoration: none; } div.restricted-area a.becomevip-button:hover { background-position: left bottom;} /* ============================================================================================= jQuery ============================================================================================= */ /* Resizable textarea */ div.grippie { background:#03375e url('style/grippie.png') no-repeat scroll center 1px; border-color:#000e20; border-style:solid; border-width: 1px 0 0 0; cursor:s-resize; height:5px; max-height:5px; overflow:hidden; } .resizable-textarea textarea { display:block; margin-bottom:0pt; width:100%; height: 130px; }