/************************************ * MEMBER -> MESSAGES */ .rpgtk-member-messages-older { position: relative; width: 100%; height: 18px; text-align: center; } .rpgtk-member-messages-older img { cursor: pointer; } .rpgtk-member-messages-message { position: relative; width: 550px; margin-bottom: 8px; } .rpgtk-member-messages-empty { position: relative; width: 100%; height: 24px; overflow: hidden; line-height: 24px; font-size: 12px; color: #cccccc; text-align: center; } .rpgtk-member-messages-info { position: relative; width: 550px; min-height: 32px; } .rpgtk-member-messages-avatar { position: relative; float: left; width: 32px; height: 32px; } .rpgtk-member-messages-subject { position: relative; width: 550px; color: #cccccc; font-size: 16px; margin-bottom: 4px; } .rpgtk-member-messages-title { position: relative; float: left; width: 512px; margin-left: 6px; margin-top: 4px; color: #cccccc; line-height: 13px; } .rpgtk-member-messages-options { position: relative; float: left; width: 550px; font-size: 10px; line-height: 12px; margin-top: 2px; text-align: right; } .rpgtk-member-messages-quote-more a, .rpgtk-member-messages-quote-more a:visited, .rpgtk-member-messages-options a, .rpgtk-member-messages-options a:visited, .rpgtk-member-messages-subject a, .rpgtk-member-messages-subject a:visited, .rpgtk-member-messages-title a, .rpgtk-member-messages-title a:visited { color: #6699cc; } .rpgtk-member-messages-quote-more a:hover, .rpgtk-member-messages-options a:hover, .rpgtk-member-messages-subject a:hover, .rpgtk-member-messages-title a:hover { text-decoration: underline; } .rpgtk-member-messages-date { font-size: 10px; color: #999999; } .rpgtk-member-messages-quote { position: relative; float: left; margin-top: 5px; margin-left: 38px; padding: 8px; } .rpgtk-member-messages-quote-text-fixed { width: 496px; } .rpgtk-member-messages-quote-text { position: relative; font-size: 10px; color: #000000; background-color: #ffffff; z-index: 2; } .rpgtk-member-messages-quote-more { padding-top: 6px; position: relative; font-size: 10px; text-align: left; color: #999999; background-color: #ffffff; z-index: 2; } .rpgtk-member-messages-quote-arrow { position: absolute; top: -4px; left: 16px; width: 7px; height: 4px; background-image: url(../templates/gfx/community/member/messages/quote-arrow.png); } /************************************ * MEMBER -> ACHIEVEMENTS */ .community-member-achievements-empty { background-image: url(../templates/gfx/community/member/achievements-empty.png); } .community-member-achievement { position: relative; float: left; width: 292px; margin: 9px; height: 115px; background-image: url(../templates/gfx/community/member/achievement-bkg.png); } .community-member-achievement-sword { position: absolute; left: 10px; top: 10px; } .community-member-achievement-name { position: absolute; left: 44px; right: 10px; top: 8px; color: #cccccc; } .community-member-achievement-title { font-size: 14px; color: #ffffff; } .community-member-achievement-blurb { position: absolute; left: 10px; top: 50px; right: 10px; bottom; 10px; color: #ffffff; } .community-member-achievement-percent { position: absolute; left: 10px; bottom: 6px; font-size: 10px; color: #cccccc; } /*********************************** * MEMBERS -> HALL OF FAME */ .community-members-halloffame-user { position: relative; float: left; width: 292px; height: 200px; margin: 9px; background-image: url(../templates/gfx/community/members/hall.png); } .community-members-halloffame-blurb { position: absolute; left: 20px; top: 20px; right: 20px; height: 110px; color: #cccccc; } .community-members-halloffame-name { position: absolute; left: 20px; bottom: 15px; height: 40px; width: 150px; color: #ffffff; } .community-members-halloffame-name-big { font-size: 18px; } .community-members-halloffame-link { position: absolute; right: 20px; bottom: 15px; color: #ffffff; } .community-members-halloffame-link a:link, .community-members-halloffame-link a:visited { color: #6699cc; } .community-members-halloffame-link a:hover { text-decoration: underline; } /*********************************** * MEMBERS -> LEADERBOARD */ .community-members-leaderboard-row { position: relative; width: 950px; height: 100px; } #community-members-leaderboard-next { position: absolute; top: 4px; left: 50%; margin-left: -70px; background-image: url(../templates/gfx/community/members/next-ten.png); width: 140px; height: 18px; cursor: pointer; } .community-members-leaderboard-inner { background-image: url(../templates/gfx/community/members/leaderboard-bkg.png); } .community-members-leaderboard-rank { position: absolute; top: 12px; left: 5px; width: 30px; } .community-members-leaderboard-rank div { float: left; position: relative; margin-right: 1px; } .community-members-leaderboard-avatar { position: absolute; left: 38px; top: 10px; width: 80px; height: 80px; } .community-members-leaderboard-username { position: absolute; left: 130px; top: 28px; font-size: 24px; color: #ffffff; } .community-members-leaderboard-username-single { top: 36px; } .community-members-leaderboard-username a:link, .community-members-leaderboard-username a:visited { color: #6699cc; } .community-members-leaderboard-username a:hover { text-decoration: underline; } .community-members-leaderboard-text { position: absolute; left: 130px; top: 58px; color: #cccccc; } .community-members-leaderboard-joined { position: absolute; left: 402px; width: 90px; top: 10px; bottom: 10px; line-height: 80px; text-align: center; color: #ffffff; font-size: 22px; } .community-members-leaderboard-achievements { position: absolute; left: 515px; width: 300px; bottom: 10px; } .community-members-leaderboard-achievements-3 { top: 6px; } .community-members-leaderboard-achievements-2 { top: 22px; } .community-members-leaderboard-achievements-1 { top: 38px; } .community-members-leaderboard-achievements div { position: relative; float: left; width: 32px; height: 32px; } .community-members-leaderboard-level { position: absolute; width: 100px; height: 40px; left: 830px; top: 30px; } .community-members-leaderboard-content { background-image: url(../templates/gfx/community/members/leaderboard.png); background-repeat: no-repeat; } /*********************************** * MEMBERS -> LISTING */ .community-members-items-thumb { float: left; position: relative; width: 100px; height: 110px; background-image: url(../templates/gfx/listing/thumb.png); } .community-members-items-thumb-thumb { position: absolute; width: 60px; height: 60px; top: 10px; left: 20px; } .community-members-items-thumb-text { position: absolute; font-family: verdana; font-size: 10px; top: 70px; left: 4px; right: 4px; color: #cccccc; text-align: center; } .community-members-items-info { float: left; position: relative; width: 308px; height: 80px; background-image: url(../templates/gfx/community/members/info.png); margin: 1px; } .community-members-items-info-thumb { float: left; width: 70px; height: 70px; padding: 5px; } .community-members-items-info-text { float: left; padding: 5px 0px 5px 0px; font-family: verdana; color: #cccccc; font-size: 12px; width: 227px; } .community-members-items-info-text a:link, .community-members-items-info-text a:visited { font-size: 14px; } .community-members-items-info-date { position: absolute; left: 84px; bottom: 5px; font-family: verdana; font-size: 10px; color: #999999; } .community-members-items-info-date a:link, .community-members-items-info-date a:visited { color: #6699cc; } .community-members-items-info-date a:hover { text-decoration: underline; } .community-members-items-info-stats { position: absolute; right: 12px; bottom: 5px; font-size: 10px; font-family: verdana; color: #999999; } .community-members-items-list { position: relative; width: 928px; height: 20px; background-image: url(../templates/gfx/listing/list.png); } .community-members-items-list-text { width: 440px; font-family: verdana; font-size: 12px; line-height: 20px; height: 20px; padding-left: 10px; color: #cccccc; overflow: hidden; } .community-members-items-list-stats { position: absolute; right: 8px; color: #999999; font-family: verdana; font-size: 10px; line-height: 20px; height: 20px; } .community-members-items-list a:link, .community-members-items-list a:visited, .community-members-items-info-text a:link, .community-members-items-info-text a:visited, .community-members-items-thumb-text a:link, .community-members-items-thumb-text a:visited { font-weight: bold; color: #6699cc; } .community-members-items-list a:hover,.community-members-items-info-text a:hover, .community-members-items-thumb-text a:hover { font-weight: bold; text-decoration: underline; } /************************************ * MEMBER -> GAMES */ .community-member-games-empty { background-image: url(../templates/gfx/community/member/games-empty.png); } #community-member-games { position: relative; width: 910px; background-image: url(../templates/gfx/community/member/completed.png); background-repeat: no-repeat; padding: 10px 10px 10px 30px; min-height: 185px; } #community-member-projects { position: relative; width: 910px; padding: 10px 10px 10px 30px; min-height: 185px; } .community-member-projects-alternate { background-image: url(../templates/gfx/core/bkg-light.png); } #community-member-projects-bar { position: absolute; background-image: url(../templates/gfx/community/member/indevelopment.png); background-repeat: no-repeat; left: 0px; top: 0px; height: 185px; width: 27px; } /************************************ * MEMBER -> MINDMAP */ #words-empty { position: relative; width: 930px; height: 150px; background-image: url(../templates/gfx/community/member/mindmap-empty.png); background-repeat: no-repeat; background-position: 50% 50%; } .words-content { height: 200px; overflow: hidden; } #words-container { position: relative; width: 930px; visibility: hidden; background-image: url(../templates/gfx/core/container-bkg.png); } .community-member-mindmap-word { padding: 4px; color: #ffffff; } .community-member-mindmap-word-size-0 { font-size: 10px; } .community-member-mindmap-word-size-1 { font-size: 12px; } .community-member-mindmap-word-size-2 { font-size: 16px; } .community-member-mindmap-word-size-3 { font-size: 20px; } .community-member-mindmap-word-size-4 { font-size: 24px; } .community-member-mindmap-word-size-5 { font-size: 28px; } .community-member-mindmap-word-size-6 { font-size: 32px; } .community-member-mindmap-word-size-7 { font-size: 36px; } .community-member-mindmap-word-size-8 { font-size: 40px; } .community-member-mindmap-word-size-9 { font-size: 44px; } .community-member-mindmap-word-size-10 { font-size: 48px; } .community-member-mindmap-word-size-11 { font-size: 52px; } .community-member-mindmap-word-size-12 { font-size: 56px; } .community-member-mindmap-word-size-13 { font-size: 60px; } .community-member-mindmap-word-size-14 { font-size: 64px; } .community-member-mindmap-word-size-15 { font-size: 68px; } .community-member-mindmap-word-size-16 { font-size: 72px; } .community-member-mindmap-word-size-17 { font-size: 76px; } .community-member-mindmap-word-size-18 { font-size: 80px; } .community-member-mindmap-word-size-19 { font-size: 84px; } .community-member-mindmap-word-size-20 { font-size: 88px; } /************************************ * MEMBER */ .community-member-about { position: relative; width: 100%; height: 12px; color: #ffffff; padding-bottom: 12px; } .community-member-about-field { position: absolute; bottom: 0px; left: 0px; font-size: 10px; color: #cccccc; } .community-member-about-value { position: absolute; bottom: 0px; left: 100px; font-size: 12px; } .community-member-about-value a:link, .community-member-about-value a:visited { color: #6699cc; } .community-member-about-value a:hover { text-decoration: underline; } .community-member-social { position: relative; width: 100%; padding-top: 16px; } .community-member-social div { position: relative; float: left; height: 16px; width: 16px; margin: 0px 2px 2px 0px; } #community-member-header-user { position: absolute; top: 32px; left: 150px; width: 400px; height: 80px; } #community-member-header-avatar { position: absolute; width: 80px; height: 80px; } #community-member-header-about { position: absolute; left: 95px; top: 10px; font-size: 12px; color: #cccccc; } .community-member-header-username { font-size: 24px; color: #ffffff; } #community-member-header-level-container { position: absolute; width: 380px; height: 100px; top: 20px; right: 10px; } #community-member-header-level-box { position: absolute; right: 0px; top: 0px; width: 100px; height: 100px; background-image: url(../templates/gfx/community/member/level-box.png); z-index: 5; } #community-member-header-level-box img { position: absolute; top: 30px; left: 0px; } #community-member-header-level-bar { position: absolute; top: 7px; width: 316px; left: 0px; height: 86px; background-image: url(../templates/gfx/community/member/progress-bkg.png); background-repeat: no-repeat; z-index: 1; } #community-member-header-level-progress { position: absolute; right: 0px; top: 0px; height: 66px; background-image: url(../templates/gfx/community/member/progress-percent.png); } #community-member-header-level-percent { position: absolute; left: 6px; bottom: 4px; height: 13px; width: 50px; } #community-member-header-level-percent div { float: left; position: relative; height: 13px; margin-right: 1px; } #community-member-header-level-overlay { position: absolute; width: 316px; height: 86px; z-index: 3; background-image: url(../templates/gfx/community/member/progress-overlay.png); } #community-member-header-level-achievements { position: absolute; height: 24px; width: 278px; left: 0px; bottom: 5px; z-index: 2; text-align: right; line-height: 22px; color: #666666; font-size: 10px; } #community-member-header-level-achievements div { position: relative; float: right; width: 24px; height: 24px; } /************************************ * MEMBERS */ #community-members-categories { position: absolute; right: 0px; top: 12px; width: 480px; bottom: 0px; } .community-members-category { position: relative; float: left; width: 139px; height: 24px; cursor: pointer; margin: 8px; z-index: 1; } .community-members-category-count { position: absolute; width: 30px; height: 10px; right: -28px; bottom: -2px; text-align: left; line-height: 10px; color: #cccccc; font-size: 10px; z-index: 2; } .community-members-active { background-image: url(../templates/gfx/community/members/active.png); min-height: 150px; } .community-members-active-user { float: left; position: relative; width: 64px; height: 94px; margin: 0px 8px 8px 0px; } .community-members-active-user-time { margin-top: 4px; position: relative; text-align: center; font-size: 9px; color: #666666; } .community-members-achievements { background-image: url(../templates/gfx/community/members/achievements.png); min-height: 150px; } /************************************ * MEMBER PROFILE */ .member-summary-about { background-image: url(../templates/gfx/community/member/about.png); min-height: 150px; } .member-summary-activity { background-image: url(../templates/gfx/community/member/activity.png); min-height: 150px; } /************************************ * links */ .links-box { position: relative; float: left; width: 300px; background-repeat: no-repeat; padding-top: 40px; margin-right: 6px; } .link-item { position: relative; width: 290px; font-family: verdana; color: #cccccc; font-size: 12px; padding-bottom: 6px; } .link-item a:link, .link-item a:visited { font-weight: bold; color: #6699cc; } .link-item a:hover { text-decoration: underline; } .links-type-1 { background-image: url(../templates/gfx/community/links/1.png); } .links-type-2 { background-image: url(../templates/gfx/community/links/2.png); } .links-type-3 { background-image: url(../templates/gfx/community/links/3.png); } .links-type-4 { background-image: url(../templates/gfx/community/links/4.png); } .links-type-5 { background-image: url(../templates/gfx/community/links/5.png); } /************************************ * contests */ .contests-latest { background-image: url(../templates/gfx/community/contests/latest.png); } .contests-listing { background-image: url(../templates/gfx/community/contests/events.png); } .contests-main { position: relative; width: 100%; height: 132px; } .contests-main-image { position: absolute; left: 0px; top: 0px; width: 120px; height: 120px; } .contests-main-text { position: relative; margin-left: 126px; font-family: verdana; color: #cccccc; font-size: 12px; } #contests-years-container { position: relative; width: 100%; height: 400px; background-image: url(../templates/gfx/core/loading-light.gif); background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden; } #contests-years-inner { position: absolute; width: 100%; top: 0px; left: 0px; background-image: url(../templates/gfx/layout/column-bkg-light.png); visibility: hidden; } #contests-years-buttons { position: absolute; right: 0px; top: 0px; width: 36px; height: 17px; visibility: hidden; } #contests-years-buttons div { position: relative; float: left; width: 17px; height: 17px; cursor: pointer; } #contests-years-up { background-image: url(../templates/gfx/community/contests/up.png); } #contests-years-down { background-image: url(../templates/gfx/community/contests/down.png); margin-left: 2px; } .contests-years-year { position: relative; width: 364px; height: 32px; } .contests-years-count { position: absolute; left: 68px; bottom: 5px; font-family: verdana; font-size: 9px; color: #ffffff; } .contests-years-contest { position: relative; width: 364px; margin-bottom: 6px; } .contests-years-contest-image { position: absolute; left: 0px; top: 0px; width: 64px; height: 64px; } .contests-years-contest-text { position: relative; margin-left: 70px; width: 294px; font-family: verdana; color: #cccccc; font-size: 12px; } .contests-years-contest-date { font-family: verdana; font-size: 10px; color: #999999; } .contests-years-contest-text a:link, .contests-years-contest-text a:visited, .contests-main-text a:link, .contests-main-text a:visited { font-weight: bold; color: #6699cc; } .contests-years-contest-text a:hover, .contests-main-text a:hover { text-decoration: underline; } body { background-image: url(../templates/gfx/core/bkg.png); margin: 0px; font-family: verdana; font-size: 12px; color: #000000; } a, a:visited { text-decoration: none; } img { border: 0px; } #blanket { display: none; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 100; background-image: url(../templates/gfx/core/blanket.png); overflow: auto; } #container { position: relative; margin: 0px auto; margin-top: 10px; width: 950px; z-index: 2; border: 1px solid #000000; background-image: url(../templates/gfx/core/container-bkg.png); } #header { position: relative; width: 100%; /*height: 92px; background-position: 0px -58px;*/ height: 208px; } #barA { position: absolute; width: 100%; left: 0px; right: 0px; top: 0px; height: 65px; background-image: url(../templates/gfx/core/bar-bkg.png); } #barB { position: absolute; width: 100%; right: 0px; left: 0px; bottom: 0px; height: 31px; background-image: url(../templates/gfx/core/menu-bkg.png); } #menu { position: absolute; left: 10px; top: 0px; height: 31px; } #menu img { position: relative; margin: 0px; float: left; } #whoonline-avatars { position: absolute; overflow: hidden; width: 360px; height: 44px; bottom: 0px; right: 10px; z-index: 2; } #whoonline-loading { position: absolute; right: 6px; top: 13px; width: 44px; height: 11px; background-image: url(../templates/gfx/core/online-load.gif); background-repeat: no-repeat; z-index: 1; } .whoonline-avatar { position: absolute; bottom: 4px; left: 360px; z-index: 2; } #whoonline-close { position: absolute; right: 3px; bottom: 6px; width: 12px; height: 13px; cursor: pointer; background-image: url(../templates/gfx/core/online.png); } #whoonline { position: absolute; padding-top: 11px; right: 10px; color: #ffffff; font-size: 10px; z-index: 3; } #whoonline a, #whoonline a:visited { color: #6699cc; } #whoonline a:hover { color: #336699; } #logo { position: absolute; left: 15px; top: 8px; } #userbox-large { position: absolute; height: 36px; top: 15px; left: 450px; width: 250px; } #userbox { position: absolute; height: 36px; top: 15px; left: 350px; width: 250px; } #userbox-avatar { position: absolute; width: 32px; height: 32px; left: 0px; top: 2px; } .hide { display: none; } #userbox-text { position: absolute; left: 42px; font-size: 12px; top: 5px; color: #ffffff; font-family: verdana; } #userbox-text a:link, #userbox-text a:visited { color: #6699cc; } #userbox-text a:hover { color: #336699; } #userbox-small { font-size: 10px; } #userbox-login { position: absolute; left: -90px; top: 4px; height: 38px; width: 267px; } #userbox-login-error { position: absolute; top: 2px; z-index: 10; left: 242px; } #userbox-login-error-inner { position: relative; height: 24px; line-height: 24px; font-size: 10px; padding: 0px 8px 0px 8px; color: #ffffff; z-index: 2; } #userbox-login-username { position: absolute; left: 0px; top: 0px; height: 27px; width: 120px; } #userbox-login-password { position: absolute; left: 120px; width: 120px; top: 0px; height: 27px; } .userbox-textbox { width: 120px; height: 27px; background-image: url(../templates/gfx/core/login-text.png); } .userbox-login-input { position: absolute; border: 0px; top: 4px; left: 8px; width: 104px; height: 17px; color: #333333; line-height: 17px; } #userbox-login-submit { position: absolute; left: 242px; top: 2px; height: 23px; width: 23px; } #userbox-login-links { position: absolute; bottom: 0px; right: 29px; font-size: 10px; color: #ffffff; } #userbox-login-links a:link, #userbox-login-links a:visited { color: #6699cc; } #userbox-login-links a:hover { text-decoration: underline; } #gabble-launch { position: absolute; right: 12px; top: 18px; width: 37px; height: 34px; background-image: url(../templates/gfx/core/gabble.png); cursor: pointer; } #gabble-launch-count { position: absolute; left: 12px; width: 20px; top: 3px; font-size: 10px; text-align: center; font-family: "courier"; color: #003366; } .gabble-launch-count-active { color: #003366; } #search { position: absolute; width: 186px; height: 27px; top: 19px; background-image: url(../templates/gfx/core/search-bkg.png); } .search-left { right: 62px; } .search-right { right: 10px; } #search-text { position: absolute; border: 0px; top: 4px; left: 8px; width: 150px; height: 17px; line-height: 17px; } .search-text { color: #333333; } #search-icon { position: absolute; width: 19px; height: 17px; right: 8px; top: 5px; background-image: url(../templates/gfx/core/search-icon.png); cursor: pointer; } .search-result { position: relative; width: 550px; margin-bottom: 10px; height: 32px; } .search-result-icon { position: absolute; width: 32px; height: 32px; left: 0px; top: 0px; } .search-result-title { position: absolute; left: 40px; top: 3px; height: 14px; line-height: 14px; } .search-result-title a, .search-result-title a:visited { color: #6699cc; } .search-result-title a:hover { text-decoration: underline; } .search-result-info { position: absolute; left: 40px; bottom: 3px; font-size: 10px; color: #666666; } .search-result-empty { position: relative; width: 438px; height: 132px; margin-left: 106px; background-image: url(../templates/gfx/devlog/share-project-none.png); } #strip { position: relative; width: 100%; height: 140px; } .strip { background-image: url(../templates/gfx/core/strip-bkg.png); } .strip-light { background-image: url(../templates/gfx/core/strip-light-bkg.png); } .strip-noarrow { background-image: url(../templates/gfx/core/strip-noarrow-bkg.png); } .strip-noarrow-withline { background-image: url(../templates/gfx/core/strip-noarrow-withline-bkg.png); } #transition { position: relative; width: 100%; height: 10px; background-image: url(../templates/gfx/core/transition.png); } #submenu { position: absolute; left: 0px; width: 135px; } #chara { position: absolute; background-position: 50% 50%; background-repeat: no-repeat; width: 130px; height: 160px; z-index: 10; left: 336px; top: -10px; } .submenu-6 { top: 9px; } .submenu-5 { top: 20px; } .submenu-4 { top: 28px; } .submenu-3 { top: 40px; } .submenu-2 { top: 50px; } .submenu-1 { top: 65px; } #submenu img { clear: both; } #blurb { position: absolute; left: 150px; width: 205px; height: 120px; top: 2px; } #content { position: relative; } .subcontent { width: 930px; margin: 10px; } .content { background-image: url(../templates/gfx/core/strip-bkg-strip.png); width: 950px; margin: 0px; } #content-empty { position: relative; width: 100%; height: 200px; background-repeat: no-repeat; background-position: 50% 50%; } .text h1 { margin: 0px; } .clear { clear: both; } .loading { background-image: url(../templates/gfx/core/loading-white.gif); background-position: 50% 50%; background-repeat: no-repeat; } .loading-fb { background-image: url(../templates/gfx/core/loading-fb.gif); background-position: 50% 50%; background-repeat: no-repeat; } .loading-dark { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-image: url(../templates/gfx/core/loading.gif); background-position: 50% 50%; background-repeat: no-repeat; z-index: 0; } .loading-light { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-image: url(../templates/gfx/core/loading-light.gif); background-position: 50% 50%; background-repeat: no-repeat; z-index: 0; } #footer { position: relative; width: 950px; height: 140px; background-image: url(../templates/gfx/core/footer.png); } /****************************************************** * VIEW */ #view-content { position: relative; width: 100%; } #view-comments { position: relative; width: 100%; } #view-stats { position: relative; height: 16px; width: 100%; margin-top: 16px; } #view-stats div { float: right; height: 16px; background-repeat: no-repeat; padding-left: 20px; margin-left: 8px; font-size: 10px; line-height: 16px; } #view-stats a, #view-stats a:visited { color: #99ccff; } #view-stats a:hover { text-decoration: underline; } #view-stats-views { background-image: url(../templates/gfx/layout/stats-views.png); } #view-stats-comments { background-image: url(../templates/gfx/layout/stats-comments.png); } #view-stats-like { background-image: url(../templates/gfx/layout/stats-like.png); } .avatar-container-load { background-image: url(../templates/gfx/core/avatar-load.gif); background-position: 50% 50%; background-repeat: no-repeat; } .avatar-container-20 { position: relative; width: 20px; height: 20px; } .avatar-container-32 { position: relative; width: 32px; height: 32px; } .avatar-container-40 { position: relative; width: 40px; height: 40px; } .avatar-container-50 { position: relative; width: 50px; height: 50px; } .avatar-container-60 { position: relative; width: 60px; height: 60px; } .avatar-container-64 { position: relative; width: 64px; height: 64px; } .avatar-container-66 { position: relative; width: 66px; height: 66px; } .avatar-container-70 { position: relative; width: 70px; height: 70px; } .avatar-container-73 { position: relative; width: 73px; height: 73px; } .avatar-container-80 { position: relative; width: 80px; height: 80px; } .avatar-container-90 { position: relative; width: 90px; height: 90px; } .avatar-container-100 { position: relative; width: 100px; height: 100px; } .avatar-container-120 { position: relative; width: 120px; height: 120px; } .avatar-guild-container { position: absolute; left: 2px; bottom: 2px; width: 16px; height: 16px; } .avatar-level-container { position: absolute; width: 14px; height: 14px; right: -4px; bottom: -4px; } .label-default { color: #cccccc; } #core-manage-tab { position: absolute; right: 951px; top: 350px; width: 24px; height: 73px; z-index: 10; cursor: pointer; background-image: url(../templates/gfx/core/edit.png); } #footer { position: relative; width: 950px; height: 46px; background-image: url(../templates/gfx/core/footer.png); border-top: 1px solid #000000; } #footer-links { position: absolute; left: 7px; top: 0px; height: 46px; } #footer-links div { position: relative; float: left; height: 32px; margin: 7px; line-height: 32px; font-size: 12px; color: #ffffff; } #footer-links a, #footer-links a:visited { color: #ffffff; } #footer-links a:hover { color: #999999; } #footer-fb { position: absolute; top: 7px; left: 866px; width: 32px; height: 34px; } #footer-tw { position: absolute; top: 7px; left: 901px; width: 32px; height: 34px; } #footer-bubble { position: absolute; top: 6px; right: 7px; width: 386px; height: 34px; display: none; background-image: url(../templates/gfx/core/footer-bubble.png); } #footer-bubble div { position: absolute; left: 10px; top: 2px; right: 2px; overflow: hidden; font-size: 9px; color: #000000; line-height: 10px; } #footer-bubble span { color: #666666; } #footer-bubble a, #footer-bubble a:visited { color: #336699; } #footer-bubble a:hover { color: #003366; } .rpgtk-core-unread-absolute { position: absolute; left: 0px; top: 0px; z-index: 20; background-image: url(../templates/gfx/core/new.png); width: 30px; height: 30px; } .rpgtk-member-messages-count { font-size: 8px; } #rpgtk-member-notifications { position: absolute; left: 120px; top: 30px; z-index: 10; cursor: pointer; } #rpgtk-member-notifications-inner { position: relative; padding: 3px 6px 3px 6px; font-size: 10px; color: #ffffff; z-index: 10; } #rpgtk-member-notifications-arrow { position: absolute; top: -4px; left: -4px; width: 10px; height: 10px; background-image: url(../templates/gfx/ui/rounded/new/arrow.png); } #search-hints-container { position: absolute; width: 186px; z-index: 1000; top: 19px; left: 1px; } #search-hints-head { position: relative; width: 184px; height: 18px; background-image: url(../templates/gfx/core/search-head.png); } #search-hints-body { position: relative; width: 184px; background-image: url(../templates/gfx/core/search-body.png); } .search-hint-item { position: relative; width: 184px; padding: 1px 0px 1px 0px; cursor: pointer; min-height: 32px; background-image: url(../templates/gfx/core/search-item.png); } .search-hint-item-avatar { position: absolute; left: 4px; top: 1px; width: 32px; height: 32px; } .search-hint-item-title { position: relative; padding-left: 40px; padding-top: 1px; width: 140px; font-size: 9px; line-height: 10px; color: #cccccc; } .search-hint-item-title span { color: #ffffff; } #search-hints-foot { position: relative; width: 184px; height: 11px; background-image: url(../templates/gfx/core/search-foot.png); } #gabble { position: absolute; right: 0px; top: 0px; bottom: 0px; display: none; border-left: 1px solid #000000; background-image: url(../templates/gfx/core/gabble-bkg.png); z-index: 10; } #gabble-load { position: absolute; background-image: url(../templates/gfx/core/loading-dark.gif); background-position: 50% 50%; background-repeat: no-repeat; left: 0px; top: 0px; right: 0px; bottom: 0px; } #gabble-load-text { position: absolute; font-family: courier; left: 0px; right: 0px; text-align: center; top: 50%; margin-top: 24px; color: #ffffff; } #gabble-head { position: absolute; right: 0px; top: 0px; left: 0px; height: 30px; display: none; } #gabble-timeout { position: absolute; top: 50%; left: 10px; right: 10px; margin-top: -20px; font-size: 12px; display: none; color: #ffffff; text-align: center; } #gabble-timeout a, #gabble-timeout a:visited { color: #6699cc; } #gabble-timeout a:hover { color: #336699; } #gabble-expand { position: absolute; right: 33px; width: 25px; height: 25px; top: 3px; background-image: url(../templates/gfx/core/gabble-expand.png); cursor: pointer; } #gabble-collapse { position: absolute; right: 33px; width: 25px; height: 25px; top: 3px; background-image: url(../templates/gfx/core/gabble-collapse.png); cursor: pointer; } #gabble-close { position: absolute; right: 4px; width: 25px; height: 25px; top: 3px; background-image: url(../templates/gfx/core/gabble-close.png); cursor: pointer; } #gabble-online { position: absolute; right: 4px; top: 30px; left: 3px; display: none; padding-bottom: 2px; } #gabble-users { position: relative; z-index: 10; } #gabble-users img { position: relative; float: left; width: 32px; height: 32px; padding: 3px 0px 0px 3px; } #gabble-body { position: absolute; left: 3px; right: 4px; top: 30px; bottom: 80px; display: none; } #gabble-messages { position: absolute; left: 3px; top: 3px; bottom: 3px; right: 3px; z-index: 100; overflow: auto; overflow-x: hidden; } .gabble-message { position: relative; width: 100%; padding-bottom: 3px; } .gabble-message-avatar { position: relative; float: left; width: 20px; height: 20px; } .gabble-message-server { position: relative; margin-left: 0px; line-height: 20px; font-weight: bold; color: #000000; font-size: 10px; } .gabble-message-text { position: relative; margin-left: 24px; line-height: 20px; color: #000000; font-size: 10px; word-wrap: break-word; } .gabble-message-type-me { font-weight: bold; } #gabble-foot { position: absolute; right: 4px; bottom: 3px; left: 3px; height: 74px; display: none; } #gabble-message { position: absolute; left: 3px; right: 3px; top: 3px; bottom: 6px; z-index: 10; } #gabble-overtext { position: absolute; left: 3px; right: 3px; top: 3px; bottom: 6px; z-index: 11; line-height: 65px; text-align: center; color: #999999; font-size: 18px; cursor: text; } #gabble-message-load { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 12; background-image: url(../templates/gfx/core/gabble-load.gif); background-position: 50% 50%; background-repeat: no-repeat; display: none; } #gabble-message textarea { position: absolute; left: 0px; top: 0px; z-index: 11; height: 68px; width: 100%; border: 0px; background-color: transparent; font-size: 12px; font-family: verdana; color: #000000; } #container-shell { position: absolute; left: 0px; top: 0px; bottom: 0px; overflow: auto; padding-bottom: 10px; display: none; z-index: 1; } .rpgtk-core-fittext { display: none; } #tidbit { position: absolute; bottom: -40px; font-size: 10px; color: #336699; padding: 10px; text-align: center; width: 950px; } #tidbit a, #tidbit a:visited { color: #6699cc; } #tidbit a:hover { text-decoration: underline; } /************************************ * MEMBER -> MESSAGES */ .rpgtk-member-messages-older { position: relative; width: 100%; height: 18px; text-align: center; } .rpgtk-member-messages-older img { cursor: pointer; } .rpgtk-member-messages-message { position: relative; width: 550px; margin-bottom: 8px; } .rpgtk-member-messages-empty { position: relative; width: 100%; height: 24px; overflow: hidden; line-height: 24px; font-size: 12px; color: #cccccc; text-align: center; } .rpgtk-member-messages-info { position: relative; width: 550px; min-height: 32px; } .rpgtk-member-messages-avatar { position: relative; float: left; width: 32px; height: 32px; } .rpgtk-member-messages-subject { position: relative; width: 550px; color: #cccccc; font-size: 16px; margin-bottom: 4px; } .rpgtk-member-messages-title { position: relative; float: left; width: 512px; margin-left: 6px; margin-top: 4px; color: #cccccc; line-height: 13px; } .rpgtk-member-messages-options { position: relative; float: left; width: 550px; font-size: 10px; line-height: 12px; margin-top: 2px; text-align: right; } .rpgtk-member-messages-quote-more a, .rpgtk-member-messages-quote-more a:visited, .rpgtk-member-messages-options a, .rpgtk-member-messages-options a:visited, .rpgtk-member-messages-subject a, .rpgtk-member-messages-subject a:visited, .rpgtk-member-messages-title a, .rpgtk-member-messages-title a:visited { color: #6699cc; } .rpgtk-member-messages-quote-more a:hover, .rpgtk-member-messages-options a:hover, .rpgtk-member-messages-subject a:hover, .rpgtk-member-messages-title a:hover { text-decoration: underline; } .rpgtk-member-messages-date { font-size: 10px; color: #999999; } .rpgtk-member-messages-quote { position: relative; float: left; margin-top: 5px; margin-left: 38px; padding: 8px; } .rpgtk-member-messages-quote-text-fixed { width: 496px; } .rpgtk-member-messages-quote-text { position: relative; font-size: 10px; color: #000000; background-color: #ffffff; z-index: 2; } .rpgtk-member-messages-quote-more { padding-top: 6px; position: relative; font-size: 10px; text-align: left; color: #999999; background-color: #ffffff; z-index: 2; } .rpgtk-member-messages-quote-arrow { position: absolute; top: -4px; left: 16px; width: 7px; height: 4px; background-image: url(../templates/gfx/community/member/messages/quote-arrow.png); } /************************************ * MEMBER -> ACHIEVEMENTS */ .community-member-achievements-empty { background-image: url(../templates/gfx/community/member/achievements-empty.png); } .community-member-achievement { position: relative; float: left; width: 292px; margin: 9px; height: 115px; background-image: url(../templates/gfx/community/member/achievement-bkg.png); } .community-member-achievement-sword { position: absolute; left: 10px; top: 10px; } .community-member-achievement-name { position: absolute; left: 44px; right: 10px; top: 8px; color: #cccccc; } .community-member-achievement-title { font-size: 14px; color: #ffffff; } .community-member-achievement-blurb { position: absolute; left: 10px; top: 50px; right: 10px; bottom; 10px; color: #ffffff; } .community-member-achievement-percent { position: absolute; left: 10px; bottom: 6px; font-size: 10px; color: #cccccc; } /*********************************** * MEMBERS -> HALL OF FAME */ .community-members-halloffame-user { position: relative; float: left; width: 292px; height: 200px; margin: 9px; background-image: url(../templates/gfx/community/members/hall.png); } .community-members-halloffame-blurb { position: absolute; left: 20px; top: 20px; right: 20px; height: 110px; color: #cccccc; } .community-members-halloffame-name { position: absolute; left: 20px; bottom: 15px; height: 40px; width: 150px; color: #ffffff; } .community-members-halloffame-name-big { font-size: 18px; } .community-members-halloffame-link { position: absolute; right: 20px; bottom: 15px; color: #ffffff; } .community-members-halloffame-link a:link, .community-members-halloffame-link a:visited { color: #6699cc; } .community-members-halloffame-link a:hover { text-decoration: underline; } /*********************************** * MEMBERS -> LEADERBOARD */ .community-members-leaderboard-row { position: relative; width: 950px; height: 100px; } #community-members-leaderboard-next { position: absolute; top: 4px; left: 50%; margin-left: -70px; background-image: url(../templates/gfx/community/members/next-ten.png); width: 140px; height: 18px; cursor: pointer; } .community-members-leaderboard-inner { background-image: url(../templates/gfx/community/members/leaderboard-bkg.png); } .community-members-leaderboard-rank { position: absolute; top: 12px; left: 5px; width: 30px; } .community-members-leaderboard-rank div { float: left; position: relative; margin-right: 1px; } .community-members-leaderboard-avatar { position: absolute; left: 38px; top: 10px; width: 80px; height: 80px; } .community-members-leaderboard-username { position: absolute; left: 130px; top: 28px; font-size: 24px; color: #ffffff; } .community-members-leaderboard-username-single { top: 36px; } .community-members-leaderboard-username a:link, .community-members-leaderboard-username a:visited { color: #6699cc; } .community-members-leaderboard-username a:hover { text-decoration: underline; } .community-members-leaderboard-text { position: absolute; left: 130px; top: 58px; color: #cccccc; } .community-members-leaderboard-joined { position: absolute; left: 402px; width: 90px; top: 10px; bottom: 10px; line-height: 80px; text-align: center; color: #ffffff; font-size: 22px; } .community-members-leaderboard-achievements { position: absolute; left: 515px; width: 300px; bottom: 10px; } .community-members-leaderboard-achievements-3 { top: 6px; } .community-members-leaderboard-achievements-2 { top: 22px; } .community-members-leaderboard-achievements-1 { top: 38px; } .community-members-leaderboard-achievements div { position: relative; float: left; width: 32px; height: 32px; } .community-members-leaderboard-level { position: absolute; width: 100px; height: 40px; left: 830px; top: 30px; } .community-members-leaderboard-content { background-image: url(../templates/gfx/community/members/leaderboard.png); background-repeat: no-repeat; } /*********************************** * MEMBERS -> LISTING */ .community-members-items-thumb { float: left; position: relative; width: 100px; height: 110px; background-image: url(../templates/gfx/listing/thumb.png); } .community-members-items-thumb-thumb { position: absolute; width: 60px; height: 60px; top: 10px; left: 20px; } .community-members-items-thumb-text { position: absolute; font-family: verdana; font-size: 10px; top: 70px; left: 4px; right: 4px; color: #cccccc; text-align: center; } .community-members-items-info { float: left; position: relative; width: 308px; height: 80px; background-image: url(../templates/gfx/community/members/info.png); margin: 1px; } .community-members-items-info-thumb { float: left; width: 70px; height: 70px; padding: 5px; } .community-members-items-info-text { float: left; padding: 5px 0px 5px 0px; font-family: verdana; color: #cccccc; font-size: 12px; width: 227px; } .community-members-items-info-text a:link, .community-members-items-info-text a:visited { font-size: 14px; } .community-members-items-info-date { position: absolute; left: 84px; bottom: 5px; font-family: verdana; font-size: 10px; color: #999999; } .community-members-items-info-date a:link, .community-members-items-info-date a:visited { color: #6699cc; } .community-members-items-info-date a:hover { text-decoration: underline; } .community-members-items-info-stats { position: absolute; right: 12px; bottom: 5px; font-size: 10px; font-family: verdana; color: #999999; } .community-members-items-list { position: relative; width: 928px; height: 20px; background-image: url(../templates/gfx/listing/list.png); } .community-members-items-list-text { width: 440px; font-family: verdana; font-size: 12px; line-height: 20px; height: 20px; padding-left: 10px; color: #cccccc; overflow: hidden; } .community-members-items-list-stats { position: absolute; right: 8px; color: #999999; font-family: verdana; font-size: 10px; line-height: 20px; height: 20px; } .community-members-items-list a:link, .community-members-items-list a:visited, .community-members-items-info-text a:link, .community-members-items-info-text a:visited, .community-members-items-thumb-text a:link, .community-members-items-thumb-text a:visited { font-weight: bold; color: #6699cc; } .community-members-items-list a:hover,.community-members-items-info-text a:hover, .community-members-items-thumb-text a:hover { font-weight: bold; text-decoration: underline; } /************************************ * MEMBER -> GAMES */ .community-member-games-empty { background-image: url(../templates/gfx/community/member/games-empty.png); } #community-member-games { position: relative; width: 910px; background-image: url(../templates/gfx/community/member/completed.png); background-repeat: no-repeat; padding: 10px 10px 10px 30px; min-height: 185px; } #community-member-projects { position: relative; width: 910px; padding: 10px 10px 10px 30px; min-height: 185px; } .community-member-projects-alternate { background-image: url(../templates/gfx/core/bkg-light.png); } #community-member-projects-bar { position: absolute; background-image: url(../templates/gfx/community/member/indevelopment.png); background-repeat: no-repeat; left: 0px; top: 0px; height: 185px; width: 27px; } /************************************ * MEMBER -> MINDMAP */ #words-empty { position: relative; width: 930px; height: 150px; background-image: url(../templates/gfx/community/member/mindmap-empty.png); background-repeat: no-repeat; background-position: 50% 50%; } .words-content { height: 200px; overflow: hidden; } #words-container { position: relative; width: 930px; visibility: hidden; background-image: url(../templates/gfx/core/container-bkg.png); } .community-member-mindmap-word { padding: 4px; color: #ffffff; } .community-member-mindmap-word-size-0 { font-size: 10px; } .community-member-mindmap-word-size-1 { font-size: 12px; } .community-member-mindmap-word-size-2 { font-size: 16px; } .community-member-mindmap-word-size-3 { font-size: 20px; } .community-member-mindmap-word-size-4 { font-size: 24px; } .community-member-mindmap-word-size-5 { font-size: 28px; } .community-member-mindmap-word-size-6 { font-size: 32px; } .community-member-mindmap-word-size-7 { font-size: 36px; } .community-member-mindmap-word-size-8 { font-size: 40px; } .community-member-mindmap-word-size-9 { font-size: 44px; } .community-member-mindmap-word-size-10 { font-size: 48px; } .community-member-mindmap-word-size-11 { font-size: 52px; } .community-member-mindmap-word-size-12 { font-size: 56px; } .community-member-mindmap-word-size-13 { font-size: 60px; } .community-member-mindmap-word-size-14 { font-size: 64px; } .community-member-mindmap-word-size-15 { font-size: 68px; } .community-member-mindmap-word-size-16 { font-size: 72px; } .community-member-mindmap-word-size-17 { font-size: 76px; } .community-member-mindmap-word-size-18 { font-size: 80px; } .community-member-mindmap-word-size-19 { font-size: 84px; } .community-member-mindmap-word-size-20 { font-size: 88px; } /************************************ * MEMBER */ .community-member-about { position: relative; width: 100%; height: 12px; color: #ffffff; padding-bottom: 12px; } .community-member-about-field { position: absolute; bottom: 0px; left: 0px; font-size: 10px; color: #cccccc; } .community-member-about-value { position: absolute; bottom: 0px; left: 100px; font-size: 12px; } .community-member-about-value a:link, .community-member-about-value a:visited { color: #6699cc; } .community-member-about-value a:hover { text-decoration: underline; } .community-member-social { position: relative; width: 100%; padding-top: 16px; } .community-member-social div { position: relative; float: left; height: 16px; width: 16px; margin: 0px 2px 2px 0px; } #community-member-header-user { position: absolute; top: 32px; left: 150px; width: 400px; height: 80px; } #community-member-header-avatar { position: absolute; width: 80px; height: 80px; } #community-member-header-about { position: absolute; left: 95px; top: 10px; font-size: 12px; color: #cccccc; } .community-member-header-username { font-size: 24px; color: #ffffff; } #community-member-header-level-container { position: absolute; width: 380px; height: 100px; top: 20px; right: 10px; } #community-member-header-level-box { position: absolute; right: 0px; top: 0px; width: 100px; height: 100px; background-image: url(../templates/gfx/community/member/level-box.png); z-index: 5; } #community-member-header-level-box img { position: absolute; top: 30px; left: 0px; } #community-member-header-level-bar { position: absolute; top: 7px; width: 316px; left: 0px; height: 86px; background-image: url(../templates/gfx/community/member/progress-bkg.png); background-repeat: no-repeat; z-index: 1; } #community-member-header-level-progress { position: absolute; right: 0px; top: 0px; height: 66px; background-image: url(../templates/gfx/community/member/progress-percent.png); } #community-member-header-level-percent { position: absolute; left: 6px; bottom: 4px; height: 13px; width: 50px; } #community-member-header-level-percent div { float: left; position: relative; height: 13px; margin-right: 1px; } #community-member-header-level-overlay { position: absolute; width: 316px; height: 86px; z-index: 3; background-image: url(../templates/gfx/community/member/progress-overlay.png); } #community-member-header-level-achievements { position: absolute; height: 24px; width: 278px; left: 0px; bottom: 5px; z-index: 2; text-align: right; line-height: 22px; color: #666666; font-size: 10px; } #community-member-header-level-achievements div { position: relative; float: right; width: 24px; height: 24px; } /************************************ * MEMBERS */ #community-members-categories { position: absolute; right: 0px; top: 12px; width: 480px; bottom: 0px; } .community-members-category { position: relative; float: left; width: 139px; height: 24px; cursor: pointer; margin: 8px; z-index: 1; } .community-members-category-count { position: absolute; width: 30px; height: 10px; right: -28px; bottom: -2px; text-align: left; line-height: 10px; color: #cccccc; font-size: 10px; z-index: 2; } .community-members-active { background-image: url(../templates/gfx/community/members/active.png); min-height: 150px; } .community-members-active-user { float: left; position: relative; width: 64px; height: 94px; margin: 0px 8px 8px 0px; } .community-members-active-user-time { margin-top: 4px; position: relative; text-align: center; font-size: 9px; color: #666666; } .community-members-achievements { background-image: url(../templates/gfx/community/members/achievements.png); min-height: 150px; } /************************************ * MEMBER PROFILE */ .member-summary-about { background-image: url(../templates/gfx/community/member/about.png); min-height: 150px; } .member-summary-activity { background-image: url(../templates/gfx/community/member/activity.png); min-height: 150px; } /************************************ * links */ .links-box { position: relative; float: left; width: 300px; background-repeat: no-repeat; padding-top: 40px; margin-right: 6px; } .link-item { position: relative; width: 290px; font-family: verdana; color: #cccccc; font-size: 12px; padding-bottom: 6px; } .link-item a:link, .link-item a:visited { font-weight: bold; color: #6699cc; } .link-item a:hover { text-decoration: underline; } .links-type-1 { background-image: url(../templates/gfx/community/links/1.png); } .links-type-2 { background-image: url(../templates/gfx/community/links/2.png); } .links-type-3 { background-image: url(../templates/gfx/community/links/3.png); } .links-type-4 { background-image: url(../templates/gfx/community/links/4.png); } .links-type-5 { background-image: url(../templates/gfx/community/links/5.png); } /************************************ * contests */ .contests-latest { background-image: url(../templates/gfx/community/contests/latest.png); } .contests-listing { background-image: url(../templates/gfx/community/contests/events.png); } .contests-main { position: relative; width: 100%; height: 132px; } .contests-main-image { position: absolute; left: 0px; top: 0px; width: 120px; height: 120px; } .contests-main-text { position: relative; margin-left: 126px; font-family: verdana; color: #cccccc; font-size: 12px; } #contests-years-container { position: relative; width: 100%; height: 400px; background-image: url(../templates/gfx/core/loading-light.gif); background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden; } #contests-years-inner { position: absolute; width: 100%; top: 0px; left: 0px; background-image: url(../templates/gfx/layout/column-bkg-light.png); visibility: hidden; } #contests-years-buttons { position: absolute; right: 0px; top: 0px; width: 36px; height: 17px; visibility: hidden; } #contests-years-buttons div { position: relative; float: left; width: 17px; height: 17px; cursor: pointer; } #contests-years-up { background-image: url(../templates/gfx/community/contests/up.png); } #contests-years-down { background-image: url(../templates/gfx/community/contests/down.png); margin-left: 2px; } .contests-years-year { position: relative; width: 364px; height: 32px; } .contests-years-count { position: absolute; left: 68px; bottom: 5px; font-family: verdana; font-size: 9px; color: #ffffff; } .contests-years-contest { position: relative; width: 364px; margin-bottom: 6px; } .contests-years-contest-image { position: absolute; left: 0px; top: 0px; width: 64px; height: 64px; } .contests-years-contest-text { position: relative; margin-left: 70px; width: 294px; font-family: verdana; color: #cccccc; font-size: 12px; } .contests-years-contest-date { font-family: verdana; font-size: 10px; color: #999999; } .contests-years-contest-text a:link, .contests-years-contest-text a:visited, .contests-main-text a:link, .contests-main-text a:visited { font-weight: bold; color: #6699cc; } .contests-years-contest-text a:hover, .contests-main-text a:hover { text-decoration: underline; } body { background-image: url(../templates/gfx/core/bkg.png); margin: 0px; font-family: verdana; font-size: 12px; color: #000000; } a, a:visited { text-decoration: none; } img { border: 0px; } #blanket { display: none; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 100; background-image: url(../templates/gfx/core/blanket.png); overflow: auto; } #container { position: relative; margin: 0px auto; margin-top: 10px; width: 950px; z-index: 2; border: 1px solid #000000; background-image: url(../templates/gfx/core/container-bkg.png); } #header { position: relative; width: 100%; /*height: 92px; background-position: 0px -58px;*/ height: 208px; } #barA { position: absolute; width: 100%; left: 0px; right: 0px; top: 0px; height: 65px; background-image: url(../templates/gfx/core/bar-bkg.png); } #barB { position: absolute; width: 100%; right: 0px; left: 0px; bottom: 0px; height: 31px; background-image: url(../templates/gfx/core/menu-bkg.png); } #menu { position: absolute; left: 10px; top: 0px; height: 31px; } #menu img { position: relative; margin: 0px; float: left; } #whoonline-avatars { position: absolute; overflow: hidden; width: 360px; height: 44px; bottom: 0px; right: 10px; z-index: 2; } #whoonline-loading { position: absolute; right: 6px; top: 13px; width: 44px; height: 11px; background-image: url(../templates/gfx/core/online-load.gif); background-repeat: no-repeat; z-index: 1; } .whoonline-avatar { position: absolute; bottom: 4px; left: 360px; z-index: 2; } #whoonline-close { position: absolute; right: 3px; bottom: 6px; width: 12px; height: 13px; cursor: pointer; background-image: url(../templates/gfx/core/online.png); } #whoonline { position: absolute; padding-top: 11px; right: 10px; color: #ffffff; font-size: 10px; z-index: 3; } #whoonline a, #whoonline a:visited { color: #6699cc; } #whoonline a:hover { color: #336699; } #logo { position: absolute; left: 15px; top: 8px; } #userbox-large { position: absolute; height: 36px; top: 15px; left: 450px; width: 250px; } #userbox { position: absolute; height: 36px; top: 15px; left: 350px; width: 250px; } #userbox-avatar { position: absolute; width: 32px; height: 32px; left: 0px; top: 2px; } .hide { display: none; } #userbox-text { position: absolute; left: 42px; font-size: 12px; top: 5px; color: #ffffff; font-family: verdana; } #userbox-text a:link, #userbox-text a:visited { color: #6699cc; } #userbox-text a:hover { color: #336699; } #userbox-small { font-size: 10px; } #userbox-login { position: absolute; left: -90px; top: 4px; height: 38px; width: 267px; } #userbox-login-error { position: absolute; top: 2px; z-index: 10; left: 242px; } #userbox-login-error-inner { position: relative; height: 24px; line-height: 24px; font-size: 10px; padding: 0px 8px 0px 8px; color: #ffffff; z-index: 2; } #userbox-login-username { position: absolute; left: 0px; top: 0px; height: 27px; width: 120px; } #userbox-login-password { position: absolute; left: 120px; width: 120px; top: 0px; height: 27px; } .userbox-textbox { width: 120px; height: 27px; background-image: url(../templates/gfx/core/login-text.png); } .userbox-login-input { position: absolute; border: 0px; top: 4px; left: 8px; width: 104px; height: 17px; color: #333333; line-height: 17px; } #userbox-login-submit { position: absolute; left: 242px; top: 2px; height: 23px; width: 23px; } #userbox-login-links { position: absolute; bottom: 0px; right: 29px; font-size: 10px; color: #ffffff; } #userbox-login-links a:link, #userbox-login-links a:visited { color: #6699cc; } #userbox-login-links a:hover { text-decoration: underline; } #gabble-launch { position: absolute; right: 12px; top: 18px; width: 37px; height: 34px; background-image: url(../templates/gfx/core/gabble.png); cursor: pointer; } #gabble-launch-count { position: absolute; left: 12px; width: 20px; top: 3px; font-size: 10px; text-align: center; font-family: "courier"; color: #003366; } .gabble-launch-count-active { color: #003366; } #search { position: absolute; width: 186px; height: 27px; top: 19px; background-image: url(../templates/gfx/core/search-bkg.png); } .search-left { right: 62px; } .search-right { right: 10px; } #search-text { position: absolute; border: 0px; top: 4px; left: 8px; width: 150px; height: 17px; line-height: 17px; } .search-text { color: #333333; } #search-icon { position: absolute; width: 19px; height: 17px; right: 8px; top: 5px; background-image: url(../templates/gfx/core/search-icon.png); cursor: pointer; } .search-result { position: relative; width: 550px; margin-bottom: 10px; height: 32px; } .search-result-icon { position: absolute; width: 32px; height: 32px; left: 0px; top: 0px; } .search-result-title { position: absolute; left: 40px; top: 3px; height: 14px; line-height: 14px; } .search-result-title a, .search-result-title a:visited { color: #6699cc; } .search-result-title a:hover { text-decoration: underline; } .search-result-info { position: absolute; left: 40px; bottom: 3px; font-size: 10px; color: #666666; } .search-result-empty { position: relative; width: 438px; height: 132px; margin-left: 106px; background-image: url(../templates/gfx/devlog/share-project-none.png); } #strip { position: relative; width: 100%; height: 140px; } .strip { background-image: url(../templates/gfx/core/strip-bkg.png); } .strip-light { background-image: url(../templates/gfx/core/strip-light-bkg.png); } .strip-noarrow { background-image: url(../templates/gfx/core/strip-noarrow-bkg.png); } .strip-noarrow-withline { background-image: url(../templates/gfx/core/strip-noarrow-withline-bkg.png); } #transition { position: relative; width: 100%; height: 10px; background-image: url(../templates/gfx/core/transition.png); } #submenu { position: absolute; left: 0px; width: 135px; } #chara { position: absolute; background-position: 50% 50%; background-repeat: no-repeat; width: 130px; height: 160px; z-index: 10; left: 336px; top: -10px; } .submenu-6 { top: 9px; } .submenu-5 { top: 20px; } .submenu-4 { top: 28px; } .submenu-3 { top: 40px; } .submenu-2 { top: 50px; } .submenu-1 { top: 65px; } #submenu img { clear: both; } #blurb { position: absolute; left: 150px; width: 205px; height: 120px; top: 2px; } #content { position: relative; } .subcontent { width: 930px; margin: 10px; } .content { background-image: url(../templates/gfx/core/strip-bkg-strip.png); width: 950px; margin: 0px; } #content-empty { position: relative; width: 100%; height: 200px; background-repeat: no-repeat; background-position: 50% 50%; } .text h1 { margin: 0px; } .clear { clear: both; } .loading { background-image: url(../templates/gfx/core/loading-white.gif); background-position: 50% 50%; background-repeat: no-repeat; } .loading-fb { background-image: url(../templates/gfx/core/loading-fb.gif); background-position: 50% 50%; background-repeat: no-repeat; } .loading-dark { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-image: url(../templates/gfx/core/loading.gif); background-position: 50% 50%; background-repeat: no-repeat; z-index: 0; } .loading-light { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-image: url(../templates/gfx/core/loading-light.gif); background-position: 50% 50%; background-repeat: no-repeat; z-index: 0; } #footer { position: relative; width: 950px; height: 140px; background-image: url(../templates/gfx/core/footer.png); } /****************************************************** * VIEW */ #view-content { position: relative; width: 100%; } #view-comments { position: relative; width: 100%; } #view-stats { position: relative; height: 16px; width: 100%; margin-top: 16px; } #view-stats div { float: right; height: 16px; background-repeat: no-repeat; padding-left: 20px; margin-left: 8px; font-size: 10px; line-height: 16px; } #view-stats a, #view-stats a:visited { color: #99ccff; } #view-stats a:hover { text-decoration: underline; } #view-stats-views { background-image: url(../templates/gfx/layout/stats-views.png); } #view-stats-comments { background-image: url(../templates/gfx/layout/stats-comments.png); } #view-stats-like { background-image: url(../templates/gfx/layout/stats-like.png); } .avatar-container-load { background-image: url(../templates/gfx/core/avatar-load.gif); background-position: 50% 50%; background-repeat: no-repeat; } .avatar-container-20 { position: relative; width: 20px; height: 20px; } .avatar-container-32 { position: relative; width: 32px; height: 32px; } .avatar-container-40 { position: relative; width: 40px; height: 40px; } .avatar-container-50 { position: relative; width: 50px; height: 50px; } .avatar-container-60 { position: relative; width: 60px; height: 60px; } .avatar-container-64 { position: relative; width: 64px; height: 64px; } .avatar-container-66 { position: relative; width: 66px; height: 66px; } .avatar-container-70 { position: relative; width: 70px; height: 70px; } .avatar-container-73 { position: relative; width: 73px; height: 73px; } .avatar-container-80 { position: relative; width: 80px; height: 80px; } .avatar-container-90 { position: relative; width: 90px; height: 90px; } .avatar-container-100 { position: relative; width: 100px; height: 100px; } .avatar-container-120 { position: relative; width: 120px; height: 120px; } .avatar-guild-container { position: absolute; left: 2px; bottom: 2px; width: 16px; height: 16px; } .avatar-level-container { position: absolute; width: 14px; height: 14px; right: -4px; bottom: -4px; } .label-default { color: #cccccc; } #core-manage-tab { position: absolute; right: 951px; top: 350px; width: 24px; height: 73px; z-index: 10; cursor: pointer; background-image: url(../templates/gfx/core/edit.png); } #footer { position: relative; width: 950px; height: 46px; background-image: url(../templates/gfx/core/footer.png); border-top: 1px solid #000000; } #footer-links { position: absolute; left: 7px; top: 0px; height: 46px; } #footer-links div { position: relative; float: left; height: 32px; margin: 7px; line-height: 32px; font-size: 12px; color: #ffffff; } #footer-links a, #footer-links a:visited { color: #ffffff; } #footer-links a:hover { color: #999999; } #footer-fb { position: absolute; top: 7px; left: 866px; width: 32px; height: 34px; } #footer-tw { position: absolute; top: 7px; left: 901px; width: 32px; height: 34px; } #footer-bubble { position: absolute; top: 6px; right: 7px; width: 386px; height: 34px; display: none; background-image: url(../templates/gfx/core/footer-bubble.png); } #footer-bubble div { position: absolute; left: 10px; top: 2px; right: 2px; overflow: hidden; font-size: 9px; color: #000000; line-height: 10px; } #footer-bubble span { color: #666666; } #footer-bubble a, #footer-bubble a:visited { color: #336699; } #footer-bubble a:hover { color: #003366; } .rpgtk-core-unread-absolute { position: absolute; left: 0px; top: 0px; z-index: 20; background-image: url(../templates/gfx/core/new.png); width: 30px; height: 30px; } .rpgtk-member-messages-count { font-size: 8px; } #rpgtk-member-notifications { position: absolute; left: 120px; top: 30px; z-index: 10; cursor: pointer; } #rpgtk-member-notifications-inner { position: relative; padding: 3px 6px 3px 6px; font-size: 10px; color: #ffffff; z-index: 10; } #rpgtk-member-notifications-arrow { position: absolute; top: -4px; left: -4px; width: 10px; height: 10px; background-image: url(../templates/gfx/ui/rounded/new/arrow.png); } #search-hints-container { position: absolute; width: 186px; z-index: 1000; top: 19px; left: 1px; } #search-hints-head { position: relative; width: 184px; height: 18px; background-image: url(../templates/gfx/core/search-head.png); } #search-hints-body { position: relative; width: 184px; background-image: url(../templates/gfx/core/search-body.png); } .search-hint-item { position: relative; width: 184px; padding: 1px 0px 1px 0px; cursor: pointer; min-height: 32px; background-image: url(../templates/gfx/core/search-item.png); } .search-hint-item-avatar { position: absolute; left: 4px; top: 1px; width: 32px; height: 32px; } .search-hint-item-title { position: relative; padding-left: 40px; padding-top: 1px; width: 140px; font-size: 9px; line-height: 10px; color: #cccccc; } .search-hint-item-title span { color: #ffffff; } #search-hints-foot { position: relative; width: 184px; height: 11px; background-image: url(../templates/gfx/core/search-foot.png); } #gabble { position: absolute; right: 0px; top: 0px; bottom: 0px; display: none; border-left: 1px solid #000000; background-image: url(../templates/gfx/core/gabble-bkg.png); z-index: 10; } #gabble-load { position: absolute; background-image: url(../templates/gfx/core/loading-dark.gif); background-position: 50% 50%; background-repeat: no-repeat; left: 0px; top: 0px; right: 0px; bottom: 0px; } #gabble-load-text { position: absolute; font-family: courier; left: 0px; right: 0px; text-align: center; top: 50%; margin-top: 24px; color: #ffffff; } #gabble-head { position: absolute; right: 0px; top: 0px; left: 0px; height: 30px; display: none; } #gabble-timeout { position: absolute; top: 50%; left: 10px; right: 10px; margin-top: -20px; font-size: 12px; display: none; color: #ffffff; text-align: center; } #gabble-timeout a, #gabble-timeout a:visited { color: #6699cc; } #gabble-timeout a:hover { color: #336699; } #gabble-expand { position: absolute; right: 33px; width: 25px; height: 25px; top: 3px; background-image: url(../templates/gfx/core/gabble-expand.png); cursor: pointer; } #gabble-collapse { position: absolute; right: 33px; width: 25px; height: 25px; top: 3px; background-image: url(../templates/gfx/core/gabble-collapse.png); cursor: pointer; } #gabble-close { position: absolute; right: 4px; width: 25px; height: 25px; top: 3px; background-image: url(../templates/gfx/core/gabble-close.png); cursor: pointer; } #gabble-online { position: absolute; right: 4px; top: 30px; left: 3px; display: none; padding-bottom: 2px; } #gabble-users { position: relative; z-index: 10; } #gabble-users img { position: relative; float: left; width: 32px; height: 32px; padding: 3px 0px 0px 3px; } #gabble-body { position: absolute; left: 3px; right: 4px; top: 30px; bottom: 80px; display: none; } #gabble-messages { position: absolute; left: 3px; top: 3px; bottom: 3px; right: 3px; z-index: 100; overflow: auto; overflow-x: hidden; } .gabble-message { position: relative; width: 100%; padding-bottom: 3px; } .gabble-message-avatar { position: relative; float: left; width: 20px; height: 20px; } .gabble-message-server { position: relative; margin-left: 0px; line-height: 20px; font-weight: bold; color: #000000; font-size: 10px; } .gabble-message-text { position: relative; margin-left: 24px; line-height: 20px; color: #000000; font-size: 10px; word-wrap: break-word; } .gabble-message-type-me { font-weight: bold; } #gabble-foot { position: absolute; right: 4px; bottom: 3px; left: 3px; height: 74px; display: none; } #gabble-message { position: absolute; left: 3px; right: 3px; top: 3px; bottom: 6px; z-index: 10; } #gabble-overtext { position: absolute; left: 3px; right: 3px; top: 3px; bottom: 6px; z-index: 11; line-height: 65px; text-align: center; color: #999999; font-size: 18px; cursor: text; } #gabble-message-load { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 12; background-image: url(../templates/gfx/core/gabble-load.gif); background-position: 50% 50%; background-repeat: no-repeat; display: none; } #gabble-message textarea { position: absolute; left: 0px; top: 0px; z-index: 11; height: 68px; width: 100%; border: 0px; background-color: transparent; font-size: 12px; font-family: verdana; color: #000000; } #container-shell { position: absolute; left: 0px; top: 0px; bottom: 0px; overflow: auto; padding-bottom: 10px; display: none; z-index: 1; } .rpgtk-core-fittext { display: none; } #tidbit { position: absolute; bottom: -40px; font-size: 10px; color: #336699; padding: 10px; text-align: center; width: 950px; } #tidbit a, #tidbit a:visited { color: #6699cc; } #tidbit a:hover { text-decoration: underline; } #rpgtk-devlog-keywords { position: absolute; cursor: pointer; top: 11px; left: 105px; z-index: 100; } #devlog-share-file-button { position: relative; width: 264px; height: 98px; margin-left: 238px; } #devlog-lab-experiment-download { position: relative; width: 264px; height: 98px; margin-top: 32px; } #devlog-share-file-button-size { position: absolute; left: 12px; top: 55px; color: #ffffff; font-size: 12px; } /****************************************************** * DEVLOG - VIEW */ .rpgtk-devlog-view-like { position: absolute; left: 50px; top: 11px; } #rpgtk-devlog-view-stats { position: relative; } #rpgtk-devlog-view-stats div { position: relative; height: 16px; padding-right: 20px; font-size: 10px; line-height: 16px; background-repeat: no-repeat; background-position: 100% 0%; text-align: right; color: #ffffff; } #rpgtk-devlog-view-stats a, #rpgtk-devlog-view-stats a:visited { color: #99ccff; } #rpgtk-devlog-view-stats a:hover { text-decoration: underline; } /****************************************************** * PROJECT */ #devlog-about-empty { width: 950px; height: 300px; background-image: url(../templates/gfx/devlog/project/about-empty.png); background-position: 50% 50%; background-repeat: no-repeat; } .devlog-project-content { background-image: url(../templates/gfx/devlog/project/contents.png); min-height: 200px; } #devlog-project-content-rows { position: relative; width: 271px; margin-left: 29px; padding: 16px 0px 16px 0px; background-image: url(../templates/gfx/devlog/project/about-selected.png); background-repeat: no-repeat; } .devlog-project-content-row { position: relative; width: 255px; height: 32px; line-height: 32px; color: #cccccc; margin-left: 16px; overflow: hidden; } .devlog-project-content-row a:link, .devlog-project-content-row a:visited { color: #cccccc; } .devlog-project-content-row a:hover { color: #ffffff; } #devlog-project-content-container { position: relative; overflow: hidden; height: 200px; background-image: url(../templates/gfx/core/loading-light.gif); background-position: 50% 50%; background-repeat: no-repeat; } #devlog-project-content-inner { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-image: url(../templates/gfx/core/bkg-light.png); } .devlog-project-content-content { position: absolute; width: 600px; color: #cccccc; } #devlog-summary-blurb { position: relative; margin: 8px 0px 8px 0px; color: #ffffff; } #devlog-summary-rankings { position: relative; margin: 8px 0px 8px 0px; color: #ffffff; } .devlog-summary-rankings-row { position: relative; width: 100%; height: 32px; } .devlog-summary-rankings-title { float: left; width: 90px; height: 32px; } .devlog-summary-rankings-rank { font-size: 10px; color: #cccccc; } .devlog-summary-rankings-rank a:link, .devlog-summary-rankings-rank a:visited { color: #6699cc; } .devlog-summary-rankings-rank a:hover { text-decoration: underline; } .devlog-summary-rankings-score { float: left; width: 175px; height: 16px; margin-top: 6px; color: #cccccc; line-height: 16px; font-size: 10px; } .devlog-summary-rankings-score div { float: left; width: 29px; height: 16px; margin-right: 1px; } #devlog-summary-fans { position: relative; margin: 12px 0px 8px 0px; color: #ffffff; } .devlog-summary-fans-count { font-size: 10px; color: #ffffff; } #devlog-summary-fans-avatars { position: relative; margin: 8px 0px 0px 0px; } #devlog-summary-fans-avatars div { float: left; width: 32px; height: 32px; margin: 0px 4px 4px 0px; } #devlog-summary-fans-link { position: relative; width: 247px; text-align: right; font-size: 10px; } #devlog-summary-fans-link a:link, #devlog-summary-fans-link a:visited { color: #6699cc; } #devlog-summary-fans-link a:hover { text-decoration: underline; } #devlog-summary-developers { position: relative; margin: 20px 0px 16px 0px; color: #ffffff; } .devlog-summary-developer { position: relative; height: 32px; width: 274px; margin-bottom: 4px; } .devlog-summary-developer-avatar { position: absolute; width: 32px; height: 32px; top: 0px; left: 0px; } .devlog-summary-developer-info { position: absolute; left: 36px; right: 0px; top: 3px; } .devlog-summary-developer-info a:link, .devlog-summary-developer-info a:visited { font-weight: bold; color: #6699cc; } .devlog-summary-developer-info a:hover { text-decoration: underline; } .devlog-summary-developer-info-role { font-size: 10px; color: #ffffff; } #devlog-project-header { position: absolute; width: 800px; height: 139px; right: 0px; top: 0px; } #devlog-project-header-image { position: absolute; top: 29px; } #devlog-project-header-title { position: absolute; top: 39px; left: 90px; width: 310px; height: 60px; color: #ffffff; } .devlog-project-header-title-big { font-size: 32px; line-height: 32px; display: block; } #devlog-project-header-progress-container { position: absolute; width: 390px; height: 139px; right: 0px; top: 0px; background-image: url(../templates/gfx/devlog/project/header-progress.png); } #devlog-project-header-progress-overlay { position: absolute; width: 390px; height: 139px; right: 0px; top: 0px; background-image: url(../templates/gfx/devlog/project/header-progress-overlay.png); z-index: 2; } #devlog-project-header-progress-none { position: absolute; right: 8px; bottom: 5px; width: 196px; height: 22px; background-image: url(../templates/gfx/devlog/project/progress-none.png); } #devlog-project-header-progress-percent { position: absolute; height: 36px; right: 8px; width: 102px; bottom: 8px; padding-right: 18px; background-image: url(../templates/gfx/devlog/project/progress-percent.png); background-position: 100% -1px; background-repeat: no-repeat; } #devlog-project-header-progress-percent img { float: right; height: 36px; margin-left: 2px; } .devlog-project-header-progress-segment { position: relative; float: left; height: 139px; background-position: 100% 100%; background-repeat: no-repeat; } .devlog-project-header-progress-line { position: absolute; width: 5px; height: 139px; z-index: 2; background-position: 0% 50%; background-image: url(../templates/gfx/devlog/project/progress-line.png); } .devlog-project-about { background-image: url(../templates/gfx/devlog/project/about.png); } .devlog-project-activity { background-image: url(../templates/gfx/devlog/project/activity.png); } /****************************************************** * DIRECTORY */ #devlog-directory-categories { position: absolute; right: 0px; top: 12px; width: 480px; bottom: 0px; } .devlog-directory-category { position: relative; float: left; width: 139px; height: 24px; margin: 8px; } .devlog-directory-category-count { position: absolute; width: 36px; height: 10px; right: -32px; bottom: -2px; text-align: left; line-height: 10px; color: #cccccc; font-size: 10px; } .devlog-directory-content { position: relative; width: 930px; min-height: 300px; background-image: url(../templates/gfx/devlog/directory-bkg.png); background-position: 50% 50%; background-repeat: no-repeat; } /****************************************************** * DEVLOG */ #devlog-container { position: relative; width: 930px; padding: 10px; } .rpgtk-devlog-page { position: relative; width: 930px; } .rpgtk-devlog-page-row { position: relative; width: 930px; height: 231px; } .devlog-content { background-image: url(../templates/gfx/devlog/body-bkg.png); background-repeat: no-repeat; height: 130px; overflow: hidden; } /****************************************************** * LAB */ #lab-empty { width: 950px; height: 100px; background-image: url(../templates/gfx/devlog/lab-empty.png); background-position: 50% 30px; background-repeat: no-repeat; } #lab-head { position: absolute; right: 0px; top: 0px; width: 450px; bottom: 1px; background-image: url(../templates/gfx/devlog/lab-head.png); background-position: 0px 0px; } #lab-head-icons { position: absolute; top: 40px; height: 60px; right: 28px; left: 0px; text-align: right; } #lab-head-icons img { display: inline; cursor: pointer; } .devlog-lab-content { background-image: url(../templates/gfx/devlog/lab/body-bkg.png); background-repeat: no-repeat; padding-top: 33px; } #devlog-lab-container { position: relative; width: 950px; background-image: url(../templates/gfx/devlog/lab/container-bkg.png); } .devlog-lab-item { position: relative; width: 950px; height: 100px; } .devlog-lab-item-inner { position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; } .devlog-lab-item-avatar { position: absolute; left: 0px; top: 0px; } .devlog-lab-item-text { position: absolute; left: 90px; width: 360px; top: 0px; bottom: 20px; color: #cccccc; } .devlog-lab-item-text a:link, .devlog-lab-item-text a:visited { font-weight: bold; color: #6699cc; } .devlog-lab-item-text a:hover { font-weight: bold; text-decoration: underline; } .devlog-lab-item-info { position: absolute; left: 90px; bottom: 0px; width: 340px; font-family: verdana; font-size: 10px; color: #999999; } .devlog-lab-item-info a:link, .devlog-lab-item-info a:visited { color: #6699cc; font-weight: normal; } .devlog-lab-item-info a:hover { text-decoration: underline; } .devlog-lab-item-testers { position: absolute; left: 470px; top: 0px; bottom: 0px; line-height: 80px; color: #cccccc; width: 230px; } .devlog-lab-item-testers-inner { position: absolute; left: 0px; top: 10px; bottom: 0px; right: 0px; } .devlog-lab-item-testers-inner div { float: left; } .devlog-lab-item-testers-5 div { margin-top: 16px; margin-right: 2px; } .devlog-lab-item-testers-7 div { margin-top: 22px; margin-right: 2px; } .devlog-lab-item-testers-9 div, .devlog-lab-item-testers-11 div, .devlog-lab-item-testers-13 div { margin-top: 7px; margin-right: 2px; } .devlog-lab-item-progress { position: absolute; left: 714px; top: 1px; bottom: 1px; width: 216px; } .devlog-lab-item-progress-row { position: relative; right: 0px; left: 0px; height: 26px; background-position: 0px 50%; background-repeat: no-repeat; padding-left: 32px; color: #cccccc; line-height: 26px; } .devlog-lab-item-progress-row a:link, .devlog-lab-item-progress-row a:visited { color: #6699cc; } .devlog-lab-item-progress-row a:hover { text-decoration: underline; } .devlog-lab-item-progress-row-clock { background-image: url(../templates/gfx/devlog/lab/clock.png); } .devlog-lab-item-progress-row-reports { background-image: url(../templates/gfx/devlog/lab/reports.png); } .devlog-lab-item-progress-row-success { background-image: url(../templates/gfx/devlog/lab/success.png); } #devlog-lab-view { position: relative; width: 750px; } #devlog-lab-view-about { position: relative; float: left; width: 430px; } #devlog-lab-view-stats { position: relative; float: left; margin-left: 20px; width: 230px; } .devlog-lab-view-stats-item { position: relative; right: 0px; left: 0px; height: 32px; background-position: 0px 50%; background-repeat: no-repeat; padding-left: 32px; color: #ffffff; line-height: 32px; } /****************************************************** * WHATS HOT */ .devlog-hot-screens { background-image: url(../templates/gfx/devlog/hot/screens.png); } .devlog-hot-media { background-image: url(../templates/gfx/devlog/hot/media.png); } .devlog-hot-news { background-image: url(../templates/gfx/devlog/hot/news.png); } #devlog-hot-options { position: absolute; right: 0px; top: 0px; width: 398px; bottom: 1px; background-image: url(../templates/gfx/devlog/hot/options-bkg.png); } .devlog-hot-option { position: relative; width: 144px; height: 24px; cursor: pointer; background-image: url(../templates/gfx/devlog/hot/option-bkg.png); } #devlog-hot-options-listing { position: absolute; top: 65px; left: 98px; } #devlog-hot-options-timeframe { position: absolute; top: 65px; left: 245px; } /****************************************************** * PROGRESS */ #progress-empty { width: 950px; height: 100px; background-image: url(../templates/gfx/devlog/progress-empty.png); background-position: 50% 30px; background-repeat: no-repeat; } #progress-head { position: absolute; right: 0px; top: 0px; width: 450px; bottom: 1px; background-image: url(../templates/gfx/devlog/progress-head.png); background-position: 0px 0px; } #progress-head-icons { position: absolute; top: 40px; height: 60px; right: 28px; left: 0px; text-align: right; } #progress-head-icons img { display: inline; cursor: pointer; } #progress-container { position: relative; overflow: hidden; height: 100px; } .progress-content { width: 950px; background-image: url(../templates/gfx/devlog/progress-bkg.png); } .progress-update { position: relative; width: 950px; height: 100px; } .progress-update-avatar { position: absolute; width: 80px; top: 10px; left: 10px; height: 80px; } .progress-update-text { position: absolute; left: 100px; top: 13px; width: 380px; height: 60px; color: #cccccc; } .progress-update-text a:link, .progress-update-text a:visited { font-weight: bold; color: #6699cc; } .progress-update-text a:hover { font-weight: bold; text-decoration: underline; } .progress-update-info { position: absolute; left: 100px; bottom: 13px; width: 380px; font-family: verdana; font-size: 10px; color: #999999; } .progress-update-info a:link, .progress-update-info a:visited { color: #6699cc; font-weight: normal; } .progress-update-info a:hover { text-decoration: underline; } .progress-update-bar { position: absolute; right: 10px; top: 10px; width: 457px; height: 80px; } .progress-update-bar-container { position: relative; background-image: url(../templates/gfx/devlog/progress-bar-bkg.png); width: 457px; height: 66px; } .progress-update-bar-segment { position: relative; float: left; height: 66px; background-position: 100% 100%; } .progress-update-bar-segment-gfx { background-image: url(../templates/gfx/devlog/progress-bar-segment-gfx.png); } .progress-update-bar-segment-story { background-image: url(../templates/gfx/devlog/progress-bar-segment-story.png); } .progress-update-bar-segment-code { background-image: url(../templates/gfx/devlog/progress-bar-segment-code.png); } .progress-update-bar-segment-audio { background-image: url(../templates/gfx/devlog/progress-bar-segment-audio.png); } .progress-update-bar-overlay { position: absolute; z-index: 2; left: 0px; top: 0px; width: 457px; height: 66px; background-image: url(../templates/gfx/devlog/progress-bar-overlay.png); } .progress-update-bar-line { position: absolute; width: 5px; height: 66px; margin-left: -2px; z-index: 2; background-position: 0% 50%; background-image: url(../templates/gfx/devlog/progress-bar-line.png); } .progress-update-bar-percent { position: relative; width: 457px; height: 14px; } .progress-update-bar-percent div { height: 14px; line-height: 14px; font-family: verdana; font-size: 10px; color: #cccccc; } .progress-update-bar-percent-0 { position: absolute; left: 0px; } .progress-update-bar-percent-current { position: absolute; width: 20px; margin-left: -10px; text-align: center; } .progress-update-bar-percent-100 { position: absolute; right: 0px; } /****************************************************** * SCREENDIPITY */ #screendipity-popup { position: absolute; width: 240px; height: 76px; background-image: url(../templates/gfx/devlog/screendipity-popup.png); z-index: 2; display: none; } #screendipity-popup-project { position: absolute; left: 8px; top: 8px; right: 8px; height: 12px; font-weight: bold; color: #ffffff; } #screendipity-popup-share { position: absolute; left: 8px; top: 22px; right: 8px; height: 12px; font-size: 10px; color: #ffffff; } #screendipity-popup-stats { position: absolute; left: 8px; right: 8px; bottom: 8px; height: 16px; } #screendipity-popup-stats div { position: relative; float: left; width: 50px; height: 16px; color: #ffffff; line-height: 16px; font-size: 10px; background-repeat: no-repeat; padding-left: 22px; } #screendipity-container { position: relative; width: 950px; height: 584px; background-image: url(../templates/gfx/devlog/screendipity-grid.png); } .screendipity-screen { position: absolute; width: 73px; height: 73px; cursor: pointer; } .screendipity-content { height: 292px; overflow: hidden; background-image: url(../templates/gfx/devlog/screendipity-content-bkg.png); background-position: 50% 50%; background-repeat: no-repeat; } #screendipity-input { position: absolute; right: 0px; top: 0px; width: 400px; bottom: 1px; background-image: url(../templates/gfx/devlog/screendipity-bkg.png); background-position: 0px 0px; } #screendipity-textbox { position: absolute; top: 65px; right: 15px; width: 292px; height: 27px; background-image: url(../templates/gfx/devlog/screendipity-input.png); overflow: hidden; } #screendipity-keywords { position: relative; border: 0px; height: 21px; width: 260px; text-align: right; line-height: 21px; font-size: 13px; color: #666666; } #screendipity-keywords-wrapper { position: absolute; left: 3px; top: 2px; height: 21px; width: 260px; line-height: 21px; font-size: 13px; color: #cccccc; } #screendipity-button { position: absolute; right: 3px; top: 4px; width: 21px; height: 21px; background-image: url(../templates/gfx/devlog/screendipity-button.png); cursor: pointer; } #screendipity-hints { position: absolute; width: 32px; height: 132px; right: 15px; top: 93px; z-index: 10; display: none; } #screendipity-hints-words { position: absolute; left: 6px; right: 6px; top: 6px; bottom: 6px; z-index: 2; background-image: url(../templates/gfx/devlog/screendipity-hint.png); } #screendipity-hints-words div { position: relative; float: left; width: 120px; height: 20px; line-height: 20px; color: #000000; font-size: 12px; } #screendipity-hints-words a:link, #screendipity-hints-words a:visited { color: #000000; text-decoration: none; } #screendipity-hints-words a:hover { font-weight: bold; } #screendipity-hints-t { position: absolute; left: 6px; right: 6px; top: 0px; height: 6px; background-image: url(../templates/gfx/devlog/screendipity-hint-t.png); z-index: 1; } #screendipity-hints-b { position: absolute; left: 6px; right: 6px; bottom: 0px; height: 6px; background-image: url(../templates/gfx/devlog/screendipity-hint-b.png); z-index: 1; } #screendipity-hints-l { position: absolute; bottom: 6px; top: 6px; left: 0px; width: 6px; background-image: url(../templates/gfx/devlog/screendipity-hint-l.png); z-index: 1; } #screendipity-hints-r { position: absolute; bottom: 6px; top: 6px; right: 0px; width: 6px; background-image: url(../templates/gfx/devlog/screendipity-hint-r.png); z-index: 1; } #screendipity-hints-tl { position: absolute; left: 0px; top: 0px; width: 6px; height: 6px; background-image: url(../templates/gfx/devlog/screendipity-hint-tl.png); z-index: 1; } #screendipity-hints-tr { position: absolute; right: 0px; top: 0px; width: 6px; height: 6px; background-image: url(../templates/gfx/devlog/screendipity-hint-tr.png); z-index: 1; } #screendipity-hints-bl { position: absolute; left: 0px; bottom: 0px; width: 6px; height: 6px; background-image: url(../templates/gfx/devlog/screendipity-hint-bl.png); z-index: 1; } #screendipity-hints-br { position: absolute; right: 0px; bottom: 0px; width: 6px; height: 6px; background-image: url(../templates/gfx/devlog/screendipity-hint-br.png); z-index: 1; } /****************************************************** * SHARE */ #devlog-share { position: absolute; right: 0px; top: 0px; width: 400px; bottom: 1px; background-image: url(../templates/gfx/devlog/share-bkg.png); background-position: 0px 0px; } #devlog-share-icons { position: absolute; top: 65px; height: 42px; right: 20px; left: 0px; text-align: right; } #devlog-share-icons img { display: inline; cursor: pointer; } .rpgtk-devlog-share-project-none { position: relative; width: 438px; height: 132px; margin-left: 106px; background-image: url(../templates/gfx/devlog/share-project-none.png); } .rpgtk-devlog-share-project-buttons { position: relative; width: 103px; margin-top: 12px; margin-left: 441px; } .rpgtk-devlog-share-project-buttons div { margin-bottom: 4px; } /****************************************************** * FEED MANAGEMENT */ #devlog-feed { position: relative; width: 950px; height: 33px; } .rpgtk-devlog-feed-empty { background-image: url(../templates/gfx/devlog/feed-empty.png); background-position: 50% 44px; background-repeat: no-repeat; } .rpgtk-devlog-feed-norules { background-image: url(../templates/gfx/devlog/feed-norules.png); background-position: 50% 30px; background-repeat: no-repeat; } #devlog-feed-count { position: absolute; width: 244px; height: 24px; left: 8px; top: 4px; line-height: 24px; color: #ffffff; font-size: 18px; } #devlog-feed-manage { position: absolute; width: 260px; height: 24px; right: 3px; top: 3px; z-index: 2; } #devlog-feed-load { position: absolute; width: 260px; height: 24px; right: 3px; top: 3px; z-index: 1; background-image: url(../templates/gfx/devlog/feed-load.gif); background-position: 50% 50%; background-repeat: no-repeat; } #rpgtk-devlog-feed-select { position: absolute; right: 0px; top: 0px; width: 202px; height: 26px; } #rpgtk-devlog-feed-edit { position: absolute; right: 205px; top: 1px; width: 24px; height: 24px; background-image: url(../templates/gfx/devlog/feed-edit.png); cursor: pointer; } #rpgtk-devlog-feed-default { position: absolute; right: 232px; top: 1px; width: 24px; height: 24px; background-image: url(../templates/gfx/devlog/feed-default.png); cursor: pointer; } /****************************************************** * FEED ITEM */ .devlog-item { position: relative; float: left; width: 186px; height: 208px; } .devlog-item-new { position: absolute; left: 6px; top: 5px; width: 51px; height: 51px; background-image: url(../templates/gfx/devlog/item-new.png); background-repeat: no-repeat; z-index: 10; } .devlog-item-box { position: relative; width: 156px; height: 156px; cursor: pointer; padding: 15px; font-size: 12px; color: #ffffff; } .devlog-item-video-inner { position: absolute; left: 15px; right: 15px; top: 35px; bottom: 15px; z-index: 5; } .devlog-item-audio-inner { position: absolute; left: 15px; right: 15px; height: 24px; top: 50%; margin-top: -12px; z-index: 5; } .devlog-item-info { position: absolute; left: 5px; bottom: 6px; width: 175px; height: 44px; z-index: 10; background-image: url(../templates/gfx/devlog/item-info.png); line-height: 12px; } .devlog-item-info-avatar { position: absolute; top: 6px; left: 6px; width: 32px; height: 32px; } .devlog-item-info-text-project { font-size: 14px; color: #ffffff; } .devlog-item-info-text { position: absolute; left: 45px; top: 11px; right: 6px; bottom: 6px; font-size: 10px; color: #ccccccc; font-style: normal; } .devlog-item-info-text { display: block; } .devlog-item-stats { position: absolute; left: 16px; right: 16px; top: 180px; height: 18px; } .devlog-item-stats-counts { position: absolute; top: 0px; right: 0px; background-image: url(../templates/gfx/devlog/item-stats.png); width: 61px; height: 18px; } .devlog-item-stats-counts div { position: absolute; height: 18px; line-height: 18px; text-align: center; color: #ffffff; font-size: 10px; } .devlog-item-stats-counts-likes { left: 15px; width: 15px; } .devlog-item-stats-counts-comments { left: 44px; width: 15px; } .devlog-item-stats-date { position: absolute; left: 0px; height: 18px; line-height: 18px; font-size: 10px; color: #cccccc; } .devlog-item-icon { position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; width: 32px; height: 32px; cursor: pointer; z-index: 10; } .devlog-item-news { background-image: url(../templates/gfx/devlog/item-news-box.png); font-style: italic; } .devlog-item-file { background-image: url(../templates/gfx/devlog/item-file-box.png); } .devlog-item-file-icon { background-image: url(../templates/gfx/devlog/item-file-icon.png); } .devlog-item-audio { background-image: url(../templates/gfx/devlog/item-audio-box.png); } .devlog-item-audio-icon { background-image: url(../templates/gfx/devlog/item-audio-icon.png); } .devlog-item-video { background-image: url(../templates/gfx/devlog/item-video-box.png); } .devlog-item-video-icon { background-image: url(../templates/gfx/devlog/item-video-icon.png); } .devlog-item-screen { padding: 0px; height: 186px; width: 186px; background-image: url(../templates/gfx/core/loading.gif); background-position: 50% 50%; background-repeat: no-repeat; } .devlog-item-news-bkg { font-style: normal; background-image: url(../templates/gfx/devlog/item-news-bkg.png); } .devlog-item-screen-bkg { left: 0px; top: 0px; right: 0px; bottom: 0px; padding: 25px; background-image: url(../templates/gfx/devlog/item-screen-bkg.png); } .devlog-item-news-bkg a, .devlog-item-news-bkg a:visited, .devlog-item-screen-bkg a, .devlog-item-screen-bkg a:visited { color: #3399ff; } .devlog-item-news-bkg a:hover, .devlog-item-screen-bkg a:hover { color: #0066cc; text-decoration: underline; } .devlog-item-file-bkg { background-image: url(../templates/gfx/devlog/item-file-bkg.png); } .devlog-item-audio-bkg { background-image: url(../templates/gfx/devlog/item-audio-bkg.png); } .devlog-item-video-bkg { background-image: url(../templates/gfx/devlog/item-video-bkg.png); } .dropdown-body { position: absolute; z-index: 50; height: 18px; overflow: hidden; } .dropdown-text { position: absolute; left: 8px; right: 36px; top: 3px; bottom: 5px; color: #333333; font-size: 12px; line-height: 16px; overflow: hidden; } .dropdown-inner { position: relative; padding: 6px 9px 6px 9px; width: 100%; } .dropdown-item { position: relative; width: 100%; height: 22px; font-size: 12px; color: #ffffff; line-height: 22px; z-index: 2; cursor: pointer; } .dropdown-item-default { font-weight: normal; } .dropdown-item-over { font-weight: bold; } .dropdown-tl { position: absolute; z-index: 1; left: 0px; top: 0px; width: 9px; height: 9px; background-image: url(../templates/gfx/dropdown/tl.png); } .dropdown-tr { position: absolute; z-index: 1; right: 0px; top: 0px; width: 9px; height: 9px; background-image: url(../templates/gfx/dropdown/tr.png); } .dropdown-bl { position: absolute; z-index: 1; left: 0px; bottom: 0px; width: 9px; height: 9px; background-image: url(../templates/gfx/dropdown/bl.png); } .dropdown-br { position: absolute; z-index: 1; right: 0px; bottom: 0px; width: 9px; height: 9px; background-image: url(../templates/gfx/dropdown/br.png); } .dropdown-h { position: absolute; top: 9px; bottom: 9px; left: 0px; right: 0px; z-index: 1; background-image: url(../templates/gfx/dropdown/bkg.png); } .dropdown-v { position: absolute; top: 0px; bottom: 0px; left: 9px; right: 9px; z-index: 1; background-image: url(../templates/gfx/dropdown/bkg.png); } .rpgtk-core-user-contributor a:link, .rpgtk-core-user-contributor a:visited { color: #99cc99; } .rpgtk-core-user-editor a:link, .rpgtk-core-user-editor a:visited { color: #cc6666; } .rpgtk-core-user-moderator a:link, .rpgtk-core-user-moderator a:visited { color: #ffcc66; } .rpgtk-core-user-immortal a:link, .rpgtk-core-user-immortal a:visited { color: #9966cc; } /************************************************* * MISC */ #topic-stats { position: absolute; right: 15px; top: 28px; bottom: 30px; color: #ffffff; font-size: 10px; text-align: right; } #topic-stats b { font-size: 14px; } #forum-count { position: absolute; right: 15px; top: 10px; bottom: 30px; width: 450px; background-image: url(../templates/gfx/forum/forum/count.png); background-position: 100% 100%; background-repeat: no-repeat; } .forum-error { width: 908px; margin: 10px; padding: 10px; border: 1px dotted #330000; background-color: #996666; line-height: 16px; color: #330000; } #forum-message { position: relative; width: 100%; color: #ffffff; text-align: center; padding-top: 40px; font-size: 12px; } #forum-message input { width: 100px; } #forum-message p { margin: 0px; } #forum-message a, #forum-message a:visited { color: #519EE6; text-decoration: none; } #forum-message a:hover { text-decoration: underline; } /************************************************* * POSTING */ #posting-editor { position: relative; width: 930px; margin: 10px; } #posting-buttons { position: relative; width: 920px; margin: 10px; height: 30px; text-align: right; } #posting-buttons img { cursor: pointer; } #posting-create { position: relative; float: left; width: 760px; } #posting-subject { position: relative; float: left; width: 760px; margin-bottom: 4px; height: 18px; background-image: url(../templates/gfx/forum/posting/subject-bkg.png); padding: 3px 10px 3px 10px; } #posting-subject input { width: 756px; border: 0px; color: #000000; height: 16px; background-color: #ffffff; } #posting-textarea { position: relative; float: left; width: 760px; height: 280px; background-image: url(../templates/gfx/forum/posting/bkg.png); padding: 10px; margin-top: 2px; } #posting-textarea textarea { width: 756px; border: 0px; color: #000000; height: 280px; background-color: #ffffff; } #posting-options { position: relative; float: left; width: 150px; height: 300px; } #posting-options-bbcode { position: relative; } #posting-options-bbcode img { cursor: pointer; } #posting-options-smilies { padding-top: 10px; padding-left: 6px; position: relative; } #posting-options-checkboxes { padding-top: 10px; position: absolute; font-size: 10px; color: #6699cc; bottom: 0px; } #posting-preview { position: relative; width: 930px; padding: 10px; background-image: url(../templates/gfx/forum/topic/bkg.png); } #posting-review { position: relative; width: 930px; padding: 10px; background-image: url(../templates/gfx/forum/topic/bkg.png); } #posting-review-inner { width: 930px; height: 250px; overflow: auto; } /************************************************* * VIEW TOPIC */ #topic-quickreply { position: relative; display: none; height: 200px; width: 950px; background-image: url(../templates/gfx/forum/topic/quickreply-bkg.png); } #topic-quickreply-buttons { position: absolute; left: 8px; bottom: 8px; right: 8px; } #topic-quickreply-buttons div { float: right; } #topic-quickreply-body { position: absolute; left: 8px; top: 8px; height: 150px; width: 934px; } #topic-quickreply-body textarea { position: relative; margin: 8px; height: 134px; width: 918px; z-index: 10; border: 0px; color: #000000; } #topic-options { position: relative; width: 950px; height: 33px; background-image: url(../templates/gfx/forum/topic/options-bkg.png); } #topic-options-pagination { position: absolute; left: 8px; top: 8px; width: 450px; height: 26px; } #topic-options-buttons { position: absolute; right: 8px; top: 4px; width: 450px; height: 26px; text-align: right; } #topic-header { position: absolute; left: 150px; top: 30px; width: 450px; color: #cccccc; line-height: 20px; } #topic-header h1 { color: #ffffff; font-size: 20px; margin: 0px; padding: 0px; } #topic-pagination { position: absolute; right: 354px; top: 32px; } .topic-pagination-space { position: relative; float: left; height: 16px; padding: 0px 4px 0px 4px; width: 16px; color: #ffffff; text-align: center; } .topic-pagination-page { position: relative; float: left; height: 16px; padding: 0px 4px 0px 4px; line-height: 16px; color: #cccccc; background-image: url(../templates/gfx/forum/topic/page-bkg.png); border: 1px solid #333366; margin-right: 2px; cursor: pointer; } .topic-pagination-page-selected { color: #ffffff; background-image: url(../templates/gfx/forum/topic/page-selected-bkg.png); cursor: default; } #topic-chara { position: absolute; background-position: 50% 50%; background-repeat: no-repeat; width: 130px; height: 160px; z-index: 10; left: 600px; top: -10px; } .topic-post { position: relative; width: 930px; padding: 10px; } .topic-post-review { width: 890px; } .topic-post-light { background-image: url(../templates/gfx/forum/topic/bkg.png); } .topic-post-info { float: left; width: 140px; } .topic-post-avatar { position: relative; width: 130px; height: 130px; } .topic-post-author { position: relative; width: 120px; height: 20px; text-align: center; font-size: 12px; color: #ffffff; font-weight: bold; } .topic-post-author a, .topic-post-author a:visited { color: #6699cc; } .topic-post-author a:hover { text-decoration: underline; } .topic-post-helpful { position: relative; font-size: 10px; padding-left: 20px; color: #ffffff; background-image: url(../templates/gfx/layout/stats-like.png); background-repeat: no-repeat; } .topic-post-stats { margin-top: 15px; margin-left: 140px; position: relative; float: left; color: #cccccc; font-size: 10px; } .topic-post-stats-hide { display: none; } .topic-post-stats a, .topic-post-stats a:visited { color: #99ccff; } .topic-post-stats a:hover { text-decoration: underline; } .topic-post-stats div { position: relative; width: 398px; margin-bottom: 2px; line-height: 16px; padding-left: 22px; background-repeat: no-repeat; } .topic-post-stats-like { background-image: url(../templates/gfx/layout/stats-like.png); } .topic-post-helpful { position: relative; float: right; width: 118px; height: 26px; margin-left: 1px; margin-top: 6px; } .topic-post-helpful img { cursor: pointer; } .topic-post-content { float: left; width: 790px; color: #cccccc; font-size: 12px; } .topic-post-content-review { width: 750px; } .topic-post-header { position: relative; width: 100%; height: 24px; } .topic-post-date { position: absolute; left: 0px; top: 0px; color: #999999; font-size: 10px; } .topic-post-options { position: absolute; right: 0px; top: 0px; } .topic-post-message { position: relative; width: 100%; } .bbcode-quote { margin: 0px; padding: 4px; background-color: #ffffff; font-size: 12px; color: #333333; border: 1px solid #666666; } .bbcode-code { margin: 0px; padding: 4px; background-color: #ffffcc; font-size: 10px; color: #333333; border: 1px dotted #666666; font-family: "courier"; } .topic-post-message a, .topic-post-message a:visited { color: #6699cc; } .topic-post-message a:hover { text-decoration: underline; } /************************************************* * VIEW FORUM */ #forum-pagination { position: absolute; left: 7px; top: 8px; } .forum-pagination-space { position: relative; float: left; height: 15px; padding: 0px 4px 0px 4px; width: 15px; color: #ffffff; text-align: center; } .forum-pagination-page { position: relative; float: left; height: 15px; padding: 0px 4px 0px 4px; line-height: 15px; font-size: 11px; color: #cccccc; background-image: url(../templates/gfx/forum/topic/page-bkg.png); border: 1px solid #333366; margin-right: 2px; cursor: pointer; } .forum-pagination-page-selected { color: #ffffff; background-image: url(../templates/gfx/forum/topic/page-selected-bkg.png); cursor: default; } #forum-options { position: relative; width: 950px; height: 33px; background-image: url(../templates/gfx/forum/topic/options-bkg.png); } #forum-options-pagination { position: absolute; left: 7px; top: 9px; width: 450px; height: 26px; } #forum-bar { position: relative; width: 950px; height: 33px; background-image: url(../templates/gfx/forum/forum/bar2.png); } #forum-header { position: absolute; left: 150px; top: 30px; width: 300px; color: #cccccc; line-height: 20px; } #forum-header h1 { color: #ffffff; font-size: 20px; margin: 0px; padding: 0px; } #forum-chara { position: absolute; background-position: 50% 50%; background-repeat: no-repeat; width: 130px; height: 160px; z-index: 10; left: 430px; top: -10px; } .forum-topic { position: relative; height: 62px; width: 950px; } .forum-topic-light { background-image: url(../templates/gfx/forum/forum/bkg.png); } .forum-preview { position: relative; float: left; width: 598px; height: 62px; } .forum-avatar { position: absolute; left: 16px; top: 6px; width: 50px; height: 50px; } .forum-about { position: absolute; top: 5px; bottom: 5px; left: 72px; right: -40px; font-family: verdana; font-size: 10px; color: #cccccc; } .forum-topic-pagination { position: absolute; right: 0px; top: 0px; } .forum-topic-pagination-page-dots { position: relative; float: left; height: 12px; padding: 0px 2px 0px 2px; line-height: 12px; color: #ffffff; margin-right: 2px; font-size: 10px; } .forum-topic-pagination-page { position: relative; float: left; height: 12px; padding: 0px 2px 0px 2px; line-height: 12px; font-size: 10px; color: #cccccc; background-image: url(../templates/gfx/forum/topic/page-bkg.png); border: 1px solid #333366; margin-right: 2px; cursor: pointer; } .forum-subject { font-size: 12px; } .forum-subject a, .forum-subject a:visited { color: #6699cc; } .forum-subject a:hover { text-decoration: underline; } .forum-replies { position: relative; float: left; width: 70px; height: 62px; line-height: 62px; color: #ffffff; font-size: 20px; text-align: center; margin-left: 70px; } .forum-lastpost { position: relative; float: left; width: 172px; height: 62px; margin-left: 40px; } .forum-lastpost-avatar { position: absolute; height: 32px; width: 32px; top: 16px; } .forum-lastpost-about { position: absolute; left: 36px; right: 8px; top: 18px; height: 32px; font-size: 11px; color: #cccccc; } .forum-lastpost-about-row1 { position: relative; width: 128px; } .forum-lastpost-about-row2 { position: relative; width: 128px; } .forum-lastpost-about-row1 div { position: relative; float: left; } .forum-lastpost-about-more img { margin-top: 2px; margin-left: 4px; } .forum-lastpost-about a, .forum-lastpost-about a:visited { font-weight: bold; color: #6699cc; } .forum-lastpost-about a:hover { text-decoration: underline; } .forum-participants { position: relative; float: left; width: 176px; height: 62px; line-height: 62px; font-size: 10px; color: #cccccc; } .forum-participants div { position: relative; float: left; } .forum-participants-5 div { margin-top: 16px; margin-right: 2px; width: 32px; height: 32px; } .forum-participants-7 div { margin-top: 22px; margin-right: 2px; width: 20px; height: 20px; } .forum-participants-9 { width: 88px; } .forum-participants-11 { width: 110px; } .forum-participants-13 { width: 132px; } .forum-participants-9 div, .forum-participants-11 div, .forum-participants-13 div { margin-top: 7px; margin-right: 2px; width: 20px; height: 20px; } /************************************************* * INDEX */ #index-options { position: relative; width: 950px; height: 33px; background-image: url(../templates/gfx/forum/topic/options-bkg.png); } #index-options-links { position: absolute; right: 16px; top: 4px; width: 450px; height: 26px; line-height: 26px; font-size: 10px; color: #cccccc; text-align: right; } #index-options-links a:link, #index-options-links a:visited { color: #cccccc; } #index-options-links a:hover { color: #cccccc; text-decoration: underline; } #index-features { position: absolute; width: 450px; height: 110px; right: 13px; top: 15px; overflow: hidden; visibility: hidden; } .index-features-feature { position: absolute; left: 0px; top: 0px; width: 450px; height: 110px; overflow: hidden; z-index: 1; } .index-features-feature-screen { position: absolute; left: -15px; top: -43px; width: 480px; height: 195px; z-index: 1; } .index-features-feature-blurb { position: absolute; right: 0px; top: 0px; width: 330px; height: 110px; z-index: 2; padding: 8px; font-size: 12px; color: #ffffff; background-image: url(../templates/gfx/forum/index/feature-blurb.png); } .index-features-feature-blurb span { font-size: 18px; } .index-features-overlay { z-index: 3; position: absolute; background-image: url(../templates/gfx/forum/index/feature-overlay.png); left: 0px; top: 0px; width: 450px; height: 110px; } .index-features-button { z-index: 4; position: absolute; right: 8px; bottom: 8px; width: 31px; height: 31px; } .index-category { position: relative; width: 950px; } .index-category-light { background-image: url(../templates/gfx/forum/index/category-light.png); } .index-category-info { position: relative; float: left; width: 200px; } .index-category-title { position: absolute; left: 10px; top: 10px; width: 109px; height: 27px; } .index-category-stats { position: absolute; left: 14px; right: 10px; top: 40px; color: #cccccc; } .index-category-forums { position: relative; float: left; width: 750px; padding-top: 10px; } .index-category-forum { position: relative; float: left; width: 365px; height: 80px; background-image: url(../templates/gfx/forum/index/forum.png); margin: 0px 10px 10px 0px; } .index-category-forum-icon { position: absolute; left: 0px; top: 2px; width: 86px; height: 76px; } .index-category-forum-about { position: absolute; top: 8px; left: 80px; right: 8px; bottom: 8px; } .index-category-forum-title { position: absolute; left: 8px; top: 6px; width: 200px; height: 18px; } .index-category-forum-blurb { position: absolute; left: 8px; top: 20px; height: 38px; right: 8px; font-size: 10px; color: #999999; overflow: hidden; } #game-screens-empty { width: 950px; height: 100px; background-image: url(../templates/gfx/games/screens-empty.png); background-position: 50% 30px; background-repeat: no-repeat; } #game-header-box { position: absolute; width: 450px; height: 110px; right: 13px; top: 15px; overflow: hidden; } .game-header-box-screen { position: absolute; left: 0px; top: -60px; width: 403px; height: 230px; z-index: 1; } .game-header-box-blurb { position: absolute; right: 0px; top: 0px; width: 330px; height: 110px; z-index: 2; padding: 8px; font-size: 12px; color: #ffffff; background-image: url(../templates/gfx/forum/index/feature-blurb.png); } .game-header-box-blurb span { font-size: 18px; } .game-header-box-overlay { z-index: 3; position: absolute; background-image: url(../templates/gfx/forum/index/feature-overlay.png); left: 0px; top: 0px; width: 450px; height: 110px; } .game-header-box-button { z-index: 4; position: absolute; right: 8px; bottom: 8px; width: 31px; height: 31px; } /****************************************************** * DEVLOG - VIEW */ .rpgtk-game-say-view-like { position: absolute; left: 50px; top: 11px; } #rpgtk-game-say-view-stats { position: relative; } #rpgtk-game-say-view-stats div { position: relative; height: 16px; padding-right: 20px; font-size: 10px; line-height: 16px; background-repeat: no-repeat; background-position: 100% 0%; text-align: right; color: #ffffff; } #rpgtk-game-say-view-stats a, #rpgtk-game-say-view-stats a:visited { color: #99ccff; } #rpgtk-game-say-view-stats a:hover { text-decoration: underline; } /************************************ * GAMES SECTION -> SAY */ #game-say-scores { position: relative; width: 776px; height: 91px; } #game-say-scores-score { position: absolute; right: 28px; top: 8px; width: 97px; height: 71px; } #game-say-scores-graphics { position: absolute; right: 120px; top: 10px; } #game-say-scores-audio { position: absolute; right: 120px; top: 27px; } #game-say-scores-fun { position: absolute; right: 120px; top: 44px; } #game-say-scores-stability { position: absolute; right: 120px; top: 61px; } /************************************ * GAME PROFILE -> DOWNLOAD */ #game-download-guide { color: #999999; font-size: 9px; padding: 4px 8px 0px 8px; } #game-download-users { position: relative; width: 100%; padding: 16px 0px 8px 0px; } #game-download-users h1 { color: #cccccc; margin: 0px 0px 8px 0px; font-size: 12px; } .game-download-user { float: left; position: relative; width: 40px; width: 40px; margin: 0px 4px 4px 0px; } #game-download-stats { position: relative; padding-top: 8px; color: #ffffff; font-size: 10px; } #game-download-stats div { position: relative; padding-left: 22px; width: 100%; margin-bottom: 10px; line-height: 16px; background-repeat: no-repeat; } #game-download-button { position: relative; width: 264px; height: 98px; } #game-download-button-size { position: absolute; left: 12px; top: 55px; color: #ffffff; font-size: 12px; } .game-download-releasenotes { color: #cccccc; } .game-download-releasenotes h1 { font-size: 12px; color: #cccccc; font-weight: bold; } .game-download-download { background-image: url(../templates/gfx/games/download/download.png); } .game-download-notes { background-image: url(../templates/gfx/games/download/notes.png); } /************************************ * GAMES -> REVIEWS */ .reviews-items-info-score { position: absolute; width: 32px; height: 32px; bottom: 8px; left: 42px; z-index: 2; background-image: url(../templates/gfx/games/review/score-bkg.png); } .reviews-items-thumb-score { position: absolute; width: 32px; height: 32px; top: 38px; left: 56px; z-index: 2; background-image: url(../templates/gfx/games/review/score-bkg.png); } .reviews-items-thumb-score img, .reviews-items-info-score img { margin-top: 4px; margin-left: 4px; } /************************************ * GAME PROFILE -> SAYS */ .says-items-info { float: left; position: relative; width: 292px; height: 200px; background-image: url(../templates/gfx/games/says/bkg.png); margin-right: 15px; margin-left: 6px; margin-bottom: 10px; } .says-items-info-blurb { position: absolute; left: 16px; top: 16px; right: 16px; bottom: 88px; color: #ffffff; } .says-items-info-avatar { position: absolute; width: 32px; height: 32px; left: 16px; bottom: 76px; } .says-items-info-user { position: absolute; left: 52px; bottom: 79px; } .says-items-info-blurb a:link, .says-items-info-blurb a:visited, .says-items-info-user a:link, .says-items-info-user a:visited { font-weight: bold; color: #6699cc; } .says-items-info-user a:hover, .says-items-info-blurb a:hover { text-decoration: underline; } .says-items-info-date { font-size: 10px; color: #cccccc; } .says-items-info-score { position: absolute; right: 12px; bottom: 13px; width: 76px; height: 45px; } .says-items-info-bars { position: absolute; left: 16px; height: 56px; bottom: 6px; right: 90px; } .says-items-info-bars-row { position: relative; height: 13px; width: 180px; margin-bottom: 1px; } .says-items-info-bars-name { position: relative; float: left; width: 45px; margin-right: 4px; text-align: right; font-size: 9px; height: 13px; line-height: 10px; color: #ffffff; } .says-items-info-bars-bar { position: relative; float: left; width: 24px; height: 13px; margin-right: 1px; } .says-items-thumb-thumb { position: absolute; width: 60px; height: 60px; top: 15px; left: 12px; } /************************************ * GAME PROFILE */ #game-summary-pie { margin-left: 0px } #game-summary-feedback { position: relative; width: 274px; height: 104px; } .game-summary-feedback-box { position: absolute; width: 104px; height: 104px; background-image: url(../templates/gfx/games/profile/feedbackbox.png); } .game-summary-feedback-box-empty { position: absolute; left: 0px; right: 0px; top: 50px; height: 14px; line-height: 14px; color: #ffffff; text-align: center; } .game-summary-feedback-box-title { position: absolute; left: 0px; right: 0px; top: 7px; height: 14px; line-height: 14px; color: #ffffff; text-align: center; font-weight: bold; } .game-summary-feedback-box-rank { position: absolute; left: 0px; right: 0px; bottom: 7px; height: 14px; line-height: 14px; color: #ffffff; text-align: center; } .game-summary-feedback-box-rank a:link, .game-summary-feedback-box-rank a:visited { color: #ffffff; } .game-summary-feedback-box-rank a:hover { color: #6699cc; } .game-summary-feedback-box-score { position: absolute; left: 15px; top: 30px; } .game-summary-feedback-box-official { left: 20px; } .game-summary-feedback-box-community { left: 150px; } #game-summary-image { } #game-summary-blurb { position: relative; margin: 8px 0px 8px 0px; color: #ffffff; } #game-summary-developers { position: relative; margin: 20px 0px 0px 0px; color: #ffffff; } .game-summary-developer { position: relative; height: 32px; width: 274px; margin-bottom: 4px; } .game-summary-developer-avatar { position: absolute; width: 32px; height: 32px; top: 0px; left: 0px; } .game-summary-developer-info { position: absolute; left: 36px; right: 0px; top: 3px; } .game-summary-developer-info a:link, .game-summary-developer-info a:visited { font-weight: bold; color: #6699cc; } .game-summary-developer-info a:hover { text-decoration: underline; } .game-summary-developer-info-role { font-size: 10px; color: #ffffff; } #game-header { position: absolute; left: 150px; top: 0px; bottom: 1px; right: 0px; } #game-header-image { position: absolute; width: 99px; height: 99px; top: 21px; } #game-header-title { position: absolute; left: 114px; top: 34px; width: 589px; height: 74px; } #game-header-says { position: absolute; width: 252px; height: 139px; right: 0px; top: 0px; } #game-header-says-inner { position: absolute; left: 25px; top: 10px; right: 10px; bottom: 10px; } #game-header-says-score { position: relative; width: 217px; height: 50px; } .game-header-says-name { float: left; position: relative; width: 56px; margin-right: 10px; text-align: right; color: #ffffff; font-size: 10px; line-height: 14px; } .game-header-says-name span { font-size: 12px; font-weight: bold; } .game-header-says-score-says { position: absolute; left: 80px; bottom: -1px; width: 100px; font-size: 10px; color: #ffffff; } .game-header-says-score { float: left; position: relative; width: 77px; height: 45px; } .game-column-stats { background-image: url(../templates/gfx/games/profile/stats.png); } .game-column-summary { background-image: url(../templates/gfx/games/profile/summary.png); } .game-column-news { background-image: url(../templates/gfx/games/profile/news.png); min-height: 150px; } .game-screen { position: relative; float: left; width: 296px; margin-left: 4px; } .game-screen-screen { position: relative; width: 296px; height: 150px; } .game-screen-blurb { position: relative; width: 284px; padding: 6px 6px 15px 6px; color: #ffffff; } .game-screen-margin { margin-right: 12px; } #game-review-column { position: relative; float: left; margin-left: 0px; margin-top: 140px; width: 250px; height: 200px; } #game-review-score { position: relative; width: 265px; height: 95px; background-image: url(../templates/gfx/games/review/bkg.png); } #game-review-score img { position: absolute; left: 50%; top: 50%; margin-left: -48px; margin-top: -36px; } #game-review-info { position: relative; margin: 15px; width: 235px; } #game-review-blurb { position: relative; color: #ffffff; } #game-review-stats { margin: 15px 0px 0px 0px; } .game-review-stats-stat { position: relative; height: 16px; width: 235px; margin-bottom: 1px; } .game-review-stats-stat div { position: relative; float: left; height: 16px; line-height: 14px; } .game-review-stats-stat-name { font-size: 10px; width: 65px; margin-right: 10px; color: #ffffff; text-align: right; } .game-review-stats-stat-bar { width: 29px; margin-right: 1px; } /************************************ * FRONTPAGE */ .game-says { position: relative; width: 100%; height: 72px; margin-bottom: 8px; } .game-says-screen { position: absolute; width: 60px; height: 60px; } .game-says-score { position: absolute; width: 32px; height: 32px; top: 40px; left: 40px; z-index: 2; background-image: url(../templates/gfx/games/review/score-bkg.png); } .game-says-score img { margin-top: 4px; margin-left: 4px; } .games-says-text { position: absolute; left: 80px; top: 0px; height: 60px; right: 6px; color: #cccccc; } .games-says-text a:link, .games-says-text a:visited { font-weight: bold; color: #6699cc; } .games-says-text a:hover { text-decoration: underline; } .games-says-info { position: absolute; left: 80px; bottom: 12px; height: 10px; color: #999999; font-size: 10px; } .games-says-info a:link, .games-says-info a:visited { color: #6699cc; } .games-says-info a:hover { text-decoration: underline; } .games-says-stats { position: absolute; right: 12px; bottom: 12px; height: 10px; color: #999999; font-size: 10px; } #games-recent { position: relative; width: 950px; height: 231px; background-image: url(../templates/gfx/games/recent.png); overflow: hidden; } #games-recent-inner { position: relative; width: 2000px; height: 230px; } .game-recent-box { float: left; position: relative; width: 190px; height: 230px; overflow: hidden; } .game-recent-box-info { position: absolute; left: 1px; bottom: 0px; height: 16px; width: 394px; background-image: url(../templates/gfx/games/recent-info.png); z-index: 2; color: #ffffff; padding: 4px; } .game-recent-box-info-flush { left: 0px; } .game-recent-box-bar { position: absolute; left: 0px; top: 0px; height: 230px; width: 1px; background-image: url(../templates/gfx/games/recent-bar.png); z-index: 2; } .game-recent-box-more { position: absolute; width: 31px; height: 31px; right: 10px; top: 50%; margin-top: -16px; } .game-recent-box-inner { position: relative; width: 314px; } .game-recent-box-info-title { font-size: 16px; font-weight: bold; } .game-recent-box-screen { position: absolute; width: 402px; z-index: 1; } .games-news { background-image: url(../templates/gfx/games/news.png); } .games-says { background-image: url(../templates/gfx/games/says.png); } /****************************************************** * PLAYLIST */ #playlist-letters { position: absolute; right: 0px; top: 0px; width: 430px; bottom: 0px; } .playlist-letter { position: relative; float: left; width: 30px; height: 30px; cursor: pointer; margin: 8px; } .playlist-letter-count { position: absolute; width: 10px; height: 10px; right: -8px; bottom: -2px; text-align: center; line-height: 10px; color: #cccccc; font-size: 10px; } #playlist-container { position: relative; width: 950px; height: 300px; background-image: url(../templates/gfx/games/playlist/body-bkg.png); background-position: 50% 50%; background-repeat: no-repeat; } .playlist-game { position: relative; float: left; margin: 6px 6px 12px 6px; width: 300px; height: 350px; background-image: url(../templates/gfx/games/playlist/game.png); } .playlist-profile { width: 290px; } .playlist-game-title { position: absolute; left: 8px; right: 8px; top: 8px; text-align: center; color: #ffffff; } .playlist-game-title h1 { font-size: 16px; margin: 0px; } .playlist-game-screen { position: absolute; top: 50px; left: 50px; } .playlist-game-score { position: absolute; width: 97px; height: 71px; left: 102px; top: 202px; background-image: url(../templates/gfx/games/playlist/score-bkg.png); } .playlist-game-score img { margin-top: 5px; } .playlist-game-blurb { position: absolute; left: 8px; right: 8px; top: 280px; text-align: center; color: #ffffff; } .playlist-game-blurb-profile { position: absolute; left: 8px; right: 8px; top: 260px; text-align: center; color: #ffffff; } .playlist-game-info { position: absolute; left: 8px; right: 8px; bottom: 8px; text-align: center; color: #cccccc; font-size: 10px; } /****************************************************** * LEADERBOARD */ #leaderboard-options { position: absolute; right: 0px; top: 0px; width: 400px; bottom: 1px; background-image: url(../templates/gfx/games/leaderboard/options-bkg.png); } .leaderboard-option { position: relative; width: 144px; height: 24px; cursor: pointer; background-image: url(../templates/gfx/games/leaderboard/option-bkg.png); } #leaderboard-options-sorting { position: absolute; top: 65px; left: -50px; } #leaderboard-options-genre { position: absolute; top: 65px; left: 98px; } #leaderboard-options-year { position: absolute; top: 65px; left: 245px; } .leaderboard-content { height: 130px; background-image: url(../templates/gfx/games/leaderboard/body-bkg.png); background-repeat: no-repeat; overflow: hidden; } #leaderboard-container { position: relative; width: 950px; height: 300px; padding-top: 33px; } .leaderboard-row { float: left; position: relative; width: 950px; height: 92px; clear: both; } .leaderboard-row-bkg { background-image: url(../templates/gfx/games/leaderboard/row-bkg.png); } .leaderboard-row-thumb { position: absolute; top: 10px; left: 10px; width: 76px; height: 76px; } .leaderboard-row-thumb-screen { position: absolute; width: 70px; height: 70px; z-index: 1; } .leaderboard-row-thumb-rank { position: absolute; width: 32px; height: 32px; right: 0px; bottom: 0px; z-index: 2; } .leaderboard-row-details { position: absolute; left: 100px; top: 8px; height: 72px; width: 560px; } .leaderboard-row-details-title { position: absolute; left: 0px; top: 0px; height: 24px; right: 0px; font-size: 24px; color: #ffffff; line-height: 24px; } .leaderboard-row-details-title a:link, .leaderboard-row-details-title a:visited { color: #ffffff; } .leaderboard-row-details-title a:hover { color: #6699cc; text-decoration: none; } .leaderboard-row-details-blurb { position: absolute; left: 0px; right: 0px; top: 28px; height: 30px; color: #cccccc; font-size: 12px; line-height: 14px; } .leaderboard-row-details-info { position: absolute; left: 0px; right: 0px; bottom: 0px; color: #999999; font-size: 10px; } .leaderboard-row-details-info a:link, .leaderboard-row-details-info a:visited { color: #6699cc; } .leaderboard-row-details-info a:hover { text-decoration: underline; } .leaderboard-row-official { position: absolute; left: 694px; top: 17px; width: 76px; height: 45px; text-align: center; line-height: 60px; font-size: 10px; color: #ffffff; } .leaderboard-row-official-info { position: absolute; left: 694px; bottom: 15px; width: 76px; height: 10px; text-align: center; font-size: 10px; color: #ffffff; } .leaderboard-row-says { position: absolute; left: 824px; top: 17px; width: 76px; height: 45px; } .leaderboard-row-says-count { position: absolute; left: 824px; bottom: 15px; width: 76px; height: 10px; text-align: center; font-size: 10px; color: #ffffff; } /****************************************************** * TIMELINE */ .timeline-content { height: 150px; overflow: hidden; } #timeline-container { position: relative; width: 950px; height: 300px; display: none; background-image: url(../templates/gfx/games/timeline/body-bkg.png); } .timeline-cell { float: left; position: relative; width: 950px; height: 300px; padding-bottom: 8px; } .timeline-head { position: relative; width: 100%; height: 85px; background-image: url(../templates/gfx/games/timeline/head-bkg.png); } .timeline-year-counter { position: absolute; left: 528px; top: 38px; font-size: 10px; color: #ffffff; } .timeline-year { position: absolute; width: 115px; height: 64px; left: 50%; top: 0px; margin-left: -58px; } .timeline-prev { position: absolute; width: 32px; height: 32px; background-image: url(../templates/gfx/games/timeline/prev.png); left: 8px; top: 16px; cursor: pointer; } .timeline-next { position: absolute; width: 32px; height: 32px; background-image: url(../templates/gfx/games/timeline/next.png); right: 8px; top: 16px; cursor: pointer; } .timeline-body { position: relative; width: 100%; height: 215px; } .timeline-months { position: absolute; width: 100%; top: 4px; height: 96px; background-image: url(../templates/gfx/games/timeline/months.png); } .timeline-game { position: absolute; width: 202px; height: 74px; z-index: 2; background-image: url(../templates/gfx/games/timeline/game-bkg.png); } .timeline-game-info { position: absolute; left: 78px; top: 4px; right: 4px; bottom: 4px; font-family: verdana; color: #cccccc; font-size: 12px; } .timeline-game-user { font-size: 10px; } .timeline-game-info a:link, .timeline-game-info a:visited { font-weight: bold; color: #6699cc; } .timeline-game-info a:hover { text-decoration: underline; } .timeline-game-release { position: absolute; bottom: 4px; right: 4px; left: 78px; font-size: 10px; color: #999999; } .timeline-line { position: absolute; top: 0px; width: 1px; z-index: 1; background-image: url(../templates/gfx/games/timeline/line-bkg.png); } .timeline-game-thumb { position: absolute; width: 70px; height: 70px; top: 2px; left: 4px; } .rpgtk-home-sitemap { color: #cccccc; } .rpgtk-home-sitemap a, .rpgtk-home-sitemap a:visited { color: #6699cc; } .rpgtk-home-sitemap a:hover { color: #99ccff; } .rpgtk-home-about { color: #cccccc; } .rpgtk-home-about a, .rpgtk-home-about a:visited { color: #6699cc; } .rpgtk-home-about a:hover { color: #99ccff; } .rpgtk-home-about h1 { font-size: 22px; } #home-count { position: absolute; right: 15px; top: 10px; bottom: 27px; width: 450px; background-image: url(../templates/gfx/home/count.png); background-position: 100% 100%; background-repeat: no-repeat; } #home-count-inner { position: absolute; right: 0px; height: 52px; top: 29px; } #home-count-inner div { float: left; width: 45px; height: 52px; margin-left: 2px; } #home-strip { position: relative; width: 950px; height: 32px; background-image: url(../templates/gfx/home/strip-bkg.png); } #home-blurb { position: absolute; left: 8px; bottom: 9px; color: #ffffff; } #home-blurb a, #home-blurb a:visited { color: #6699cc; } #home-blurb a:hover { color: #99ccff; } #home-rpgtoolkit { position: absolute; width: 322px; height: 78px; right: 6px; top: -57px; } #home-features { position: relative; width: 950px; height: 196px; background-image: url(../templates/gfx/home/features-bkg.png); overflow: hidden; } #home-features-inner { position: relative; width: 1400px; height: 195px; overflow: hidden; } .home-features-box { float: left; position: relative; width: 317px; height: 195px; overflow: hidden; } .home-features-box-info { position: absolute; left: 1px; bottom: 0px; width: 480px; height: 16px; background-image: url(../templates/gfx/games/recent-info.png); z-index: 3; color: #ffffff; padding: 4px; overflow: hidden; } .home-features-box-info-flush { left: 0px; } .home-features-box-more { position: absolute; width: 31px; height: 31px; right: 20px; top: 50%; margin-top: -16px; } .home-features-box-bar { position: absolute; left: 0px; top: 0px; height: 195px; width: 1px; background-image: url(../templates/gfx/home/feature-bar.png); z-index: 2; } .home-features-box-inner { position: relative; width: 400px; } .home-features-box-info-title { font-size: 16px; font-weight: bold; } .home-features-box-screen { position: absolute; width: 402px; z-index: 1; } .home-contribution { position: relative; width: 284px; margin: 0px 0px 10px 0px; } .home-contribution-review { position: absolute; right: -3px; bottom: -3px; } .home-contribution-avatar { position: relative; float: left; width: 60px; height: 60px; } .home-contribution-blurb { position: relative; float: left; margin-left: 8px; width: 208px; font-family: verdana; color: #cccccc; font-size: 12px; } .home-contribution-info { font-family: verdana; font-size: 10px; color: #999999; } .home-contribution-blurb a:link, .home-contribution-blurb a:visited { color: #6699cc; font-weight: bold; } .home-contribution-blurb a:hover { text-decoration: underline; } .home-contribution-info a:link, .home-contribution-info a:visited { color: #6699cc; } .home-contribution-info a:hover { text-decoration: underline; } #home-poll { position: relative; width: 278px; } .home-contributions { background-image: url(../templates/gfx/home/contributions.png); } .home-community { background-image: url(../templates/gfx/home/community.png); } .home-activity { background-image: url(../templates/gfx/home/activity.png); } /************************************************ * POLL */ #poll-inner { position: relative; background-image: url(../templates/gfx/core/bkg-light.png); } #poll-title { position: relative; color: #cccccc; } #poll-options { position: relative; padding: 10px 0px 10px 0px; } #poll-buttons { position: relative; width: 100%; text-align: center; margin-top: 8px; } #poll-buttons img { cursor: pointer; } .poll-option { position: relative; width: 100%; height: 36px; } .poll-option-vote { height: 20px; } .poll-option-title { position: relative; width: 100%; height: 12px; color: #cccccc; margin-bottom: 4px; } .poll-option-option { position: absolute; right: 0px; top: -3px; } .poll-option-bar { position: relative; width: 100%; height: 16px; } .poll-option-bar div { position: relative; float: left; height: 16px; } .poll-option-bar-start { width: 8px; } .poll-option-bar-middle { text-align: right; color: #ffffff; line-height: 16px; } .poll-option-bar-end { width: 8px; } .poll-option-1-start { background-image: url(../templates/gfx/poll/start-1.png); } .poll-option-1-middle { background-image: url(../templates/gfx/poll/middle-1.png); } .poll-option-1-end { background-image: url(../templates/gfx/poll/end-1.png); } .poll-option-2-start { background-image: url(../templates/gfx/poll/start-2.png); } .poll-option-2-middle { background-image: url(../templates/gfx/poll/middle-2.png); } .poll-option-2-end { background-image: url(../templates/gfx/poll/end-2.png); } .poll-option-3-start { background-image: url(../templates/gfx/poll/start-3.png); } .poll-option-3-middle { background-image: url(../templates/gfx/poll/middle-3.png); } .poll-option-3-end { background-image: url(../templates/gfx/poll/end-3.png); } .poll-option-4-start { background-image: url(../templates/gfx/poll/start-4.png); } .poll-option-4-middle { background-image: url(../templates/gfx/poll/middle-4.png); } .poll-option-4-end { background-image: url(../templates/gfx/poll/end-4.png); } .poll-option-5-start { background-image: url(../templates/gfx/poll/start-5.png); } .poll-option-5-middle { background-image: url(../templates/gfx/poll/middle-5.png); } .poll-option-5-end { background-image: url(../templates/gfx/poll/end-5.png); } .home-blog-entry { position: relative; float: left; width: 455px; height: 107px; margin: 5px; } .home-blog-entry-info { position: absolute; width: 64px; height: 107px; background-image: url(../templates/gfx/home/blog-bkg.png); } .home-blog-entry-info-day { position: absolute; width: 64px; height: 26px; top: 10px; left: 0px; } .home-blog-entry-info-month { position: absolute; width: 64px; height: 10px; top: 46px; left: 0px; } .home-blog-entry-info-comments { position: absolute; width: 40px; right: 4px; top: 66px; height: 20px; line-height: 20px; color: #ffffff; font-family: "Courier"; text-align: right; } .home-blog-entry-info-likes { position: absolute; width: 40px; right: 4px; top: 87px; height: 20px; line-height: 20px; color: #ffffff; font-family: "Courier"; text-align: right; } .home-blog-entry-text { position: absolute; left: 72px; top: 0px; bottom: 0px; right: 0px; color: #ffffff; overflow: hidden; } .home-blog-entry-text h1 { font-size: 18px; margin: 0px; } .home-blog-entry-date { text-align: right; position: absolute; right: 0px; bottom: 0px; font-size: 10px; color: #cccccc; } .home-blog-entry-text a:link, .home-blog-entry-text a:visited, .home-blog-entry-date a:link, .home-blog-entry-date a:visited { color: #6699cc; } .home-blog-entry-text a:hover { text-decoration: underline; } @CHARSET "ISO-8859-1"; /********************************************* * actions */ .actions-empty { position: relative; width: 100%; height: 100px; background-image: url(../templates/gfx/listing/empty.png); background-position: 50% 50%; background-repeat: no-repeat; } .actions-container { position: relative; width: 100%; color: #cccccc; height: 100px; overflow: hidden; padding-bottom: 32px; } .actions-inner { position: relative; width: 100%; } .action-page { position: relative; width: 100%; visibility: hidden; } .action-day { position: relative; width: 100%; margin-bottom: 4px; font-size: 14px; font-weight: bold; padding: 6px 0px 6px 0px; color: #cccccc; } .action { position: relative; width: 100%; margin-bottom: 4px; } .action-image { position: absolute; left: 0px; top: 0px; width: 32px; height: 32px; } .action-text { position: relative; margin-left: 42px; font-family: verdana; color: #cccccc; font-size: 12px; } .action-text-padding { padding-top: 6px; } .action-date { font-family: verdana; font-size: 10px; color: #999999; } .action-text a:link, .action-text a:visited { font-weight: bold; color: #6699cc; } .action-text a:hover { text-decoration: underline; } /********************************************* * snippets */ .snippets-container { position: relative; width: 100%; color: #cccccc; } .snippet { position: relative; width: 100%; margin-bottom: 4px; } .snippet-image { position: absolute; left: 0px; top: 0px; width: 32px; height: 32px; } .snippet-text { position: relative; margin-left: 36px; font-family: verdana; color: #cccccc; font-size: 12px; } .snippet-date { font-family: verdana; font-size: 10px; color: #999999; } .snippet-text a:link, .snippet-text a:visited { font-weight: bold; color: #6699cc; } .snippet-text a:hover { text-decoration: underline; } /********************************************* * section */ #section { position: relative; width: 950px; } #section-container { position: relative; width: 950px; } .section-container-2 { background-image: url(../templates/gfx/layout/section/bkg-2.png); } .section-container-3 { background-image: url(../templates/gfx/layout/section/bkg-3.png); } .section-container-2b { background-image: url(../templates/gfx/layout/section/bkg-2b.png); } .section-container-2d { background-image: url(../templates/gfx/layout/section/bkg-4.png); } .section-container-2f { background-image: url(../templates/gfx/layout/section/bkg-2f.png); } #section-column-1 { width: 317px; background-image: url(../templates/gfx/layout/section/recent.png); } #section-column-2 { width: 316px; background-image: url(../templates/gfx/layout/section/feedback.png); } #section-column-1-clean { width: 317px; } #section-column-2-clean { width: 316px; } #section-column-3 { width: 317px; } #section-column-1b { width: 550px; } #section-column-2b { width: 400px; } #section-column-1c { width: 650px; } #section-column-2c { width: 300px; } #section-column-1d { width: 475px; } #section-column-2d { width: 475px; } #section-column-1e { width: 317px; } #section-column-2e { width: 316px; } #section-column-3e { width: 317px; } #section-column-1f { width: 300px; } #section-column-2f { width: 650px; } .section-feedback-view { background-image: url(../templates/gfx/layout/section/view.png); } .section-feedback-comment { background-image: url(../templates/gfx/layout/section/comment.png); } .section-feedback-like { background-image: url(../templates/gfx/layout/section/like.png); } .section-column { float: left; background-repeat: no-repeat; position: relative; padding-bottom: 4px; } .section-column-inner { position: relative; width: 284px; margin-top: 8px; margin-left: 28px; } .section-column-1b-inner { position: relative; width: 518px; margin-top: 8px; margin-left: 28px; } .section-column-2b-inner { position: relative; width: 367px; margin-top: 8px; margin-left: 28px; } .section-column-1c-inner { position: relative; width: 618px; margin-top: 8px; margin-left: 28px; } .section-column-2c-inner { position: relative; width: 267px; margin-top: 8px; margin-left: 28px; } .section-column-1d-inner { position: relative; width: 443px; margin-top: 8px; margin-left: 28px; } .section-column-2d-inner { position: relative; width: 443px; margin-top: 8px; margin-left: 28px; } .section-column-3e-inner { position: relative; width: 274px; margin-top: 8px; margin-left: 28px; } .section-column-1f-inner { position: relative; width: 267px; margin-top: 8px; margin-left: 28px; } .section-column-2f-inner { position: relative; width: 618px; margin-top: 8px; margin-left: 28px; } .section-topfive-main { position: relative; width: 284px; height: 100px; margin: 0px 0px 6px 0px; } .section-topfive { position: relative; width: 284px; height: 50px; margin: 0px 0px 10px 0px; } .section-topfive-blurb { position: absolute; left: 60px; top: 12px; bottom: 0px; right: 0px; } .section-topfive-avatar { position: absolute; width: 50px; height: 50px; } .section-topfive-rank { position: absolute; width: 32px; height: 32px; right: 0px; bottom: 0px; } .section-topfive-rank-small { position: absolute; width: 16px; height: 16px; right: -4px; bottom: -4px; } .section-topfive-info { position: absolute; left: 104px; bottom: 8px; right: 0px; font-family: verdana; font-size: 10px; color: #999999; } .section-topfive-info-small { position: absolute; left: 60px; bottom: 12px; right: 0px; font-family: verdana; font-size: 10px; color: #999999; } .section-recent-fixed-avatar { position: absolute; width: 100px; height: 100px; } .section-recent-fixed-blurb { position: absolute; left: 104px; right: 0px; top: 0px; bottom: 0px; font-family: verdana; color: #cccccc; font-size: 12px; } .section-recent { position: relative; width: 284px; margin: 0px 0px 10px 0px; } .section-recent-avatar { position: relative; float: left; width: 60px; height: 60px; } .section-recent-blurb { position: relative; float: left; margin-left: 8px; width: 208px; font-family: verdana; color: #cccccc; font-size: 12px; } .section-recent-info { font-family: verdana; font-size: 10px; color: #999999; } .section-recent-info a:link, .section-recent-info a:visited, .section-topfive-info a:link, .section-topfive-info a:visited, .section-topfive-info-small a:link, .section-topfive-info-small a:visited { color: #6699cc; } .section-feedback { position: relative; width: 284px; height: 40px; margin: 0px 0px 8px 0px; } .section-feedback-avatar { position: absolute; width: 40px; height: 40px; } .section-feedback-type { position: absolute; right: -4px; bottom: -4px; width: 16px; height: 16px; } .section-feedback-blurb { position: absolute; left: 50px; top: 0px; bottom: 0px; right: 0px; font-family: verdana; color: #cccccc; font-size: 12px; } .section-feedback-date { font-family: verdana; font-size: 10px; color: #999999; } .section-recent-fixed-blurb a:link, .section-recent-fixed-blurb a:visited, .section-feedback-blurb a:link, .section-feedback-blurb a:visited, .section-recent-blurb a:link, .section-recent-blurb a:visited, .section-topfive-blurb a:link, .section-topfive-blurb a:visited { font-weight: bold; color: #6699cc; } .section-recent-fixed-blurb a:hover, .section-feedback-blurb a:hover, .section-recent-blurb a:hover, .section-recent-info a:hover, .section-topfive-info a:hover, .section-topfive-blurb a:hover, .section-topfive-info-small a:hover { text-decoration: underline; } /********************************************* * paper */ #paper-container { position: relative; float: left; margin-bottom: 28px; padding: 20px 0px 0px 10px; margin-left: 15px; width: 671px; background-image: url(../templates/gfx/layout/paper-bkg.png); background-repeat: no-repeat; background-position: 0px 10px; } #paper-foot { position: absolute; left: 0px; bottom: -10px; width: 671px; height: 10px; background-image: url(../templates/gfx/layout/paper-foot.png); } #paper { position: relative; width: 650px; padding: 0px 5px 0px 5px; background-color: #ffffff; color: #000000; } #paper a:link, #paper a:visited { color: #3366cc; } #paper a:hover { color: #006699; text-decoration: underline; } #paper-pagination { position: relative; width: 650px; padding-bottom: 10px; } .paper-pagination-button { position: relative; float: left; padding: 0px 12px 0px 12px; height: 20px; line-height: 20px; font-family: verdana; font-size: 10px; color: #ffffff; text-align: center; background-image: url(../templates/gfx/layout/pages/button-bkg.png); cursor: pointer; margin-right: 4px; margin-bottom: 2px; } .paper-pagination-button-selected { text-decoration: underline; } .paper-pagination-button-l { position: absolute; left: 0px; height: 20px; width: 9px; background-image: url(../templates/gfx/layout/pages/button-l.png); } .paper-pagination-button-r { position: absolute; right: 0px; height: 20px; width: 9px; background-image: url(../templates/gfx/layout/pages/button-r.png); } #paper-pages-container { position: relative; width: 650px; height: 300px; overflow: hidden; } .paper-pages-container-load { background-image: url(../templates/gfx/layout/loading.gif); background-position: 50% 50%; background-repeat: no-repeat; } #paper-pages-inner { position: relative; visibility: hidden; background-color: #ffffff; } .paper-pages-1 { width: 650px; } .paper-pages-2 { width: 1300px; } .paper-pages-3 { width: 1950px; } .paper-pages-4 { width: 2600px; } .paper-pages-5 { width: 3250px; } .paper-pages-6 { width: 3900px; } .paper-pages-7 { width: 4550px; } .paper-pages-8 { width: 5200px; } .paper-pages-9 { width: 5850px; } .paper-pages-10 { width: 6500px; } .paper-pages-11 { width: 7150px; } .paper-pages-12 { width: 7800px; } .paper-pages-13 { width: 8450px; } .paper-pages-14 { width: 9100px; } .paper-pages-15 { width: 9750px; } .paper-pages-16 { width: 10400px; } .paper-page { position: relative; float: left; width: 650px; padding-bottom: 10px; } .paper-page-inner { position: relative; width: 640px; } /********************************************* * columns */ #columns { position: relative; float: left; margin-left: 15px; margin-top: 45px; width: 235px; height: 200px; } /********************************************* * options */ #options { position: absolute; width: 671px; left: 0px; bottom: -26px; height: 26px; background-image: url(../templates/gfx/layout/options-bkg.png); background-repeat: no-repeat; padding: 0px 4px 0px 4px; } #options-load { position: absolute; width: 671px; left: 0px; top: 0px; height: 26px; z-index: 2; background-image: url(../templates/gfx/layout/options-load.gif); background-position: 318px 10px; background-repeat: no-repeat; } #options img { float: left; } /********************************************* * columns */ #columns-head { position: relative; width: 100%; height: 15px; background-image: url(../templates/gfx/layout/columns-head.png); } #columns-body { position: relative; width: 100%; background-image: url(../templates/gfx/layout/columns-bkg.png); } #columns-left { position: relative; float: left; margin-left: 20px; width: 284px; } #columns-right { position: relative; float: left; margin-left: 15px; width: 616px; } #columns-foot { position: relative; width: 100%; height: 15px; background-image: url(../templates/gfx/layout/columns-foot.png); } .columns-box { position: relative; width: 284px; margin-bottom: 1px; } .columns-box-head, .columns-box-foot { position: relative; width: 100%; height: 11px; } .columns-box-body { position: relative; padding: 0px 11px 0px 11px; width: 262px; } .columns-box-1-head { background-image: url(../templates/gfx/layout/columns-box-1-head.png); } .columns-box-1-body { background-image: url(../templates/gfx/layout/columns-box-1-bkg.png); } .columns-box-1-foot { background-image: url(../templates/gfx/layout/columns-box-1-foot.png); } .columns-box-2-head { background-image: url(../templates/gfx/layout/columns-box-2-head.png); } .columns-box-2-body { background-image: url(../templates/gfx/layout/columns-box-2-bkg.png); } .columns-box-2-foot { background-image: url(../templates/gfx/layout/columns-box-2-foot.png); } .columns-box-3-head { background-image: url(../templates/gfx/layout/columns-box-3-head.png); } .columns-box-3-body { background-image: url(../templates/gfx/layout/columns-box-3-bkg.png); } .columns-box-3-foot { background-image: url(../templates/gfx/layout/columns-box-3-foot.png); } #columns-summary { color: #ffffff; font-size: 10px; } #columns-summary-about { position: relative; width: 262px; height: 80px; } #columns-summary-about a, #columns-summary-about a:visited { color: #99ccff; } #columns-summary-about a:hover { text-decoration: underline; } #columns-summary-image { position: absolute; left: 0px; top: 0px; width: 80px; height: 80px; } #columns-summary-info { position: absolute; left: 88px; right: 0px; top: 0px; height: 100px; } #columns-summary-info b { font-size: 12px; } #columns-summary-info p { margin: 8px 0px 8px 0px; } #columns-summary-stats { margin-top: 15px; position: relative; padding-top: 8px; color: #ffffff; font-size: 10px; } #columns-summary-stats div { position: relative; padding-left: 22px; width: 220px; margin-bottom: 2px; line-height: 16px; background-repeat: no-repeat; } #columns-summary-stats a, #columns-summary-stats a:visited { color: #99ccff; } #columns-summary-stats a:hover { text-decoration: underline; } #columns-summary-stats-views { background-image: url(../templates/gfx/layout/stats-views.png); } #columns-summary-stats-comments { background-image: url(../templates/gfx/layout/stats-comments.png); } #columns-summary-stats-like { background-image: url(../templates/gfx/layout/stats-like.png); } #columns-summary-stats-downloads { background-image: url(../templates/gfx/layout/stats-downloads.png); } /********************************* * background */ .background { position: relative; margin-left: 20px; width: 930px; } .background-head { position: relative; width: 930px; height: 15px; background-image: url(../templates/gfx/layout/background-head.png); } .background-head-bar { height: 29px; background-image: url(../templates/gfx/layout/background-head-bar.png); } .background-content { position: relative; padding: 0px 15px 0px 15px; width: 900px; background-color: #ffffff; } .background-foot { position: relative; width: 930px; height: 15px; background-image: url(../templates/gfx/layout/background-foot.png); } .content-reference div { padding: 5px; font-family: courier; width: 630px; border: 1px dotted #cccccc; background-color: #ffffcc; } .content-reference-nodesc { margin-bottom: 5px; } .content-reference p { padding: 5px; font-family: verdana; border: 1px dotted #cccccc; margin: 0px; border-top: 0px; width: 630px; margin-bottom: 5px; } .lightbox-image { position: relative; visibility: visible; } .modal-container { position: absolute; width: 840px; left: 50%; margin-left: -420px; top: 40px; bottom: 40px; z-index: 101; color: #ffffff; } .modal-close { position: absolute; right: 0px; top: 0px; background-image: url(../templates/gfx/modal/close.png); width: 64px; height: 64px; cursor: pointer; } .modal-load { position: absolute; width: 128px; height: 15px; background-image: url(../templates/gfx/modal/load.gif); left: 50%; top: 50%; margin-left: -64px; margin-top: -8px; z-index: 100; } .modal-header { position: absolute; top: -78px; left: -33px; } .modal-header-avatar { position: absolute; } .modal-header-title { position: absolute; left: 74px; top: 4px; } .modal-header-title-text { width: 500px; } .modal-header-title-text h1 { font-size: 26px; margin: 0px; padding: 0px; } .modal-header-title-text a, .modal-header-title-text a:visited { color: #99ccff; } .modal-header-title-text a:hover { text-decoration: underline; } .modal-content { position: absolute; left: 32px; top: 80px; bottom: 0px; right: 32px; } .model-form-row { position: relative; float: left; clear: both; width: 840px; margin: 8px 0px 8px 0px; } .model-form-row-break { position: relative; float: left; clear: both; width: 840px; height: 12px; } .modal-form-buttons { text-align: right; } .modal-form-buttons img { cursor: pointer; } .model-form-field { position: relative; float: left; width: 200px; font-weight: bold; } .model-form-value { position: relative; float: left; width: 576px; } .model-form-value textarea { color: #333333; border: 0px; font-family: Verdana; font-size: 12px; } .modal-form-textarea-300 { background-image: url(../templates/gfx/modal/form-textarea-300.png); } .modal-form-textarea-300 textarea { width: 564px; height: 288px; margin: 6px; } #comments { position: relative; padding-top: 10px; width: 935px; height: 60px; background-image: url(../templates/gfx/comments/bkg.png); background-position: 100% 100%; background-repeat: no-repeat; margin-bottom: 10px; } .comments-comment-new { position: absolute; left: 0px; top: -8px; width: 20px; height: 20px; z-index: 10; } .comments { height: 60px; background-position: 100% 100%; background-image: url(../templates/gfx/comments/bkg.png); background-repeat: no-repeat; } #comments-loading { position: absolute; right: 0px; width: 646px; height: 60px; background-image: url(../templates/gfx/core/loading-white.gif); background-position: 50% 50%; background-repeat: no-repeat; } .comments-comment-quote { float: left; margin-bottom: 8px; } .comments-comment-quote img { margin-right: 3px; } .comments-comment { position: relative; width: 100%; clear: both; background-image: url(../templates/gfx/comments/bkg.png); background-position: 100% 0px; background-repeat: no-repeat; } .comments-comment-left { background-position: 90px 0px; } .comments-comment-loading { position: absolute; z-index: 10; width: 653px; top: 0px; right: 8px; bottom: 14px; background-color: #ffffff; background-image: url(../templates/gfx/core/loading-white.gif); background-position: 50% 50%; background-repeat: no-repeat; } .comments-comment-about { position: absolute; top: 0px; right: 670px; width: 60px; height: 60px; background-image: url(../templates/gfx/comments/about.png); background-position: 100% 50%; background-repeat: no-repeat; } .comments-comment-about-avatar { position: absolute; right: 8px; width: 60px; height: 60px; } .comments-comment-body { position: relative; float: right; width: 654px; min-height: 44px; margin-top: 8px; padding: 0px 8px 8px 8px; font-size: 10px; background-image: url(../templates/gfx/comments/expand.png); background-position: 100% 100%; background-repeat: no-repeat; } .comments-comment-body a:link, .comments-comment-body a:visited { color: #6699cc; } .comments-comment-body a:hover { text-decoration: underline; } .comments-comment-options { position: absolute; z-index: 2; right: 0px; width: 66px; height: 21px; text-align: right; background-image: url(../templates/gfx/comments/options-bkg.png); top: -8px; padding: 3px 2px 0px 0px; } .comments-comment-options img { display: inline; margin-right: 2px; cursor: pointer; } .comments-comment-body-text { position: relative; min-height: 28px; color: #000000; } .comments-comment-body-text textarea { width: 100%; border: 0px; font-size: 10px; height: 28px; font-family: verdana; overflow: hidden; } .comments-comment-quote { position: relative; display: block; width: 100%; color: #666666; font-size: 10px; line-height: 20px; font-family: verdana; } .overTxtLabel { font-family: verdana; font-size: 18px; color: #999999; padding: 0px; margin: 0px; text-align: center; width: 650px; height: 28px; line-height: 32px; } .comments-comment-body-date { position: relative; padding-top: 4px; color: #666666; height: 12px; clear: both; text-align: left; width: 100%; } .comments-comment-body-date a:link, .comments-comment-body-date a:visited { color: #6699cc; font-weight: normal; } .comments-comment-body-date a:hover { text-decoration: underline; } .comments-comment-body-delete { position: absolute; z-index: 9; width: 663px; top: 0px; right: 4px; bottom: 4px; background-color: #ffffff; text-align: center; font-size: 12px; } .comments-comment-body-delete img { margin: 2px; cursor: pointer; } .comments-comment-body-buttons { position: relative; padding-top: 4px; color: #666666; height: 20px; clear: both; text-align: right; width: 100%; } .comments-comment-body-buttons img { cursor: pointer; display: none; } .comments-comment-break { clear: both; float: left; height: 10px; } .rpgtk-common-like-user { position: relative; float: left; width: 80px; height: 100px; margin: 10px; text-align: center; color: #ffffff; font-size: 10px; } .rpgtk-common-like-user img { margin: 0px 0px 4px 0px; } .rpgtk-common-like-user a:link, .rpgtk-common-like-user a:visited { color: #6699cc; } .rpgtk-common-like-user a:hover { text-decoration: underline; } .rpgtk-common-like-load { background-image: url(../templates/gfx/like/load.gif); background-position: 50% 50%; background-repeat: no-repeat; } @CHARSET "ISO-8859-1"; #listing-keywords { position: absolute; height: 138px; right: 0px; top: 0px; display: none; width: 487px; background-image: url(../templates/gfx/listing/keywords.png); overflow: hidden; } #listing-keywords-small { position: absolute; height: 138px; right: 0px; top: 0px; display: none; width: 387px; background-image: url(../templates/gfx/listing/keywords-small.png); overflow: hidden; } #listing-keywords-words { position: absolute; left: 135px; color: #ffffff; text-align: center; width: 305px; } #listing-keywords-words-small { position: absolute; left: 135px; color: #ffffff; text-align: center; width: 205px; } #listing-keywords-words a, #listing-keywords-words a:visited, #listing-keywords-words-small a, #listing-keywords-words-small a:visited { color: #ffffff; text-decoration: none; } #listing-keywords-words a:hover, #listing-keywords-words-small a:hover { text-decoration: underline; } #listing-empty { position: relative; width: 950px; height: 150px; background-image: url(../templates/gfx/listing/empty.png); background-position: 50% 50px; background-repeat: no-repeat; } #listing-pagination { position: absolute; left: 0px; top: 0px; height: 30px; z-index: 10; } #listing-pagination-left { float: left; position: relative; height: 30px; width: 10px; background-image: url(../templates/gfx/listing/pagination-left.png); } #listing-pagination-content { float: left; position: relative; height: 30px; background-image: url(../templates/gfx/listing/pagination-bkg.png); } #listing-pagination-content div { float: left; position: relative; line-height: 29px; font-size: 12px; color: #ffffff; padding: 0px 2px 0px 2px; } #listing-pagination-content a:link, #listing-pagination-content a:visited { color: #ffffff; } #listing-pagination-content a:hover { text-decoration: underline; } .listing-pagination-divide { height: 30px; width: 11px; background-image: url(../templates/gfx/listing/pagination-divide.png); background-position: 50% 50%; background-repeat: no-repeat; } .listing-pagination-current { font-weight: bold; } #listing-pagination-prev { float: left; position: relative; height: 30px; width: 6px; background-image: url(../templates/gfx/listing/pagination-prev.png); background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; } #listing-pagination-next { float: left; position: relative; height: 30px; width: 6px; background-image: url(../templates/gfx/listing/pagination-next.png); background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; } #listing-pagination-right { float: left; position: relative; height: 30px; width: 10px; background-image: url(../templates/gfx/listing/pagination-right.png); } #listing-older { height: 24px; background-image: url(../templates/gfx/listing/view-older.png); } .listing-older-relative { position: relative; width: 950px; } .listing-older-absolute { position: absolute; bottom: 0px; left: 0px; right: 0px; } #listing-older-load { position: absolute; width: 16px; height: 11px; background-image: url(../templates/gfx/listing/view-older-load.gif); top: 7px; left: 50%; margin-left: -8px; } #listing-older-button { position: absolute; top: 4px; left: 50%; margin-left: -70px; background-image: url(../templates/gfx/listing/view-older-button.png); width: 140px; height: 18px; cursor: pointer; } .listing-loading { position: absolute; width: 930px; top: 0px; bottom: 0px; background-image: url(../templates/gfx/core/loading.gif); background-position: 50% 50%; background-repeat: no-repeat; z-index: 2; } .listing-header { position: relative; width: 100%; height: 32px; margin-bottom: 15px; } .listing-options { position: absolute; right: 0px; height: 32px; } .listing-options-option { position: relative; float: left; width: 32px; height: 32px; } .listing-options-option img { width: 32px; height: 32px; cursor: pointer; } .listing-options-menu { position: absolute; height: 12px; width: 12px; display: block; z-index: 10; } .listing-options-menu-arrow { position: absolute; width: 10px; height: 5px; top: -4px; left: 50%; margin-left: -5px; background-image: url(../templates/gfx/ui/rounded/listing/arrow.png); z-index: 10; } .listing-options-menu-content { position: absolute; left: 6px; right: 6px; top: 6px; bottom: 6px; overflow: auto; z-index: 10; } .listing-options-menu-option { position: relative; width: 100px; height: 32px; overflow: hidden; background-repeat: no-repeat; padding-left: 40px; line-height: 32px; cursor: pointer; color: #ffffff; } .listing-options-menu-option-over { font-weight: bold; } .listing-items { position: relative; width: 950px; height: 0px; overflow: auto; } .listing-items-item { position: relative; } .listing-items-thumb { float: left; position: relative; width: 100px; height: 110px; background-image: url(../templates/gfx/listing/thumb.png); } .listing-items-thumb-thumb { position: absolute; width: 60px; height: 60px; top: 10px; left: 20px; } .listing-items-thumb-text { position: absolute; font-family: verdana; font-size: 10px; top: 70px; left: 4px; right: 4px; color: #cccccc; text-align: center; } .listing-items-info { float: left; position: relative; width: 465px; height: 80px; background-image: url(../templates/gfx/listing/info.png); } .listing-items-info-thumb { float: left; width: 70px; height: 70px; padding: 5px; } .listing-items-info-text { float: left; padding: 5px 0px 5px 0px; font-family: verdana; color: #cccccc; font-size: 12px; width: 369px; } .listing-items-info-date { position: absolute; left: 84px; bottom: 5px; font-family: verdana; font-size: 10px; color: #999999; } .listing-items-info-date a:link, .listing-items-info-date a:visited { color: #6699cc; } .listing-items-info-date a:hover { text-decoration: underline; } .listing-items-info-stats { position: absolute; right: 12px; bottom: 5px; font-size: 10px; font-family: verdana; color: #999999; } .listing-items-list { position: relative; width: 928px; height: 20px; background-image: url(../templates/gfx/listing/list.png); } .listing-items-list-text { width: 440px; font-family: verdana; font-size: 12px; line-height: 20px; height: 20px; padding-left: 10px; color: #cccccc; overflow: hidden; } .listing-items-list-stats { position: absolute; right: 8px; color: #999999; font-family: verdana; font-size: 10px; line-height: 20px; height: 20px; } .listing-items-list a:link, .listing-items-list a:visited, .listing-items-info-text a:link, .listing-items-info-text a:visited, .listing-items-thumb-text a:link, .listing-items-thumb-text a:visited { font-weight: bold; color: #6699cc; } .listing-items-list a:hover,.listing-items-info-text a:hover, .listing-items-thumb-text a:hover { font-weight: bold; text-decoration: underline; } #listing-keywords { position: absolute; width: 487px; height: 138px; right: 0px; top: 0px; display: none; background-image: url(../templates/gfx/listing/keywords.png); } #listing-keywords-words { position: absolute; left: 135px; color: #ffffff; width: 305px; text-align: center; } #listing-keywords-words a, #listing-keywords-words a:visited { color: #ffffff; text-decoration: none; } #listing-keywords-words a:hover { text-decoration: underline; } .software-faq { position: relative; width: 950px; height: 32px; } .software-faq-question { position: absolute; left: 10px; height: 32px; line-height: 32px; font-size: 16px; color: #ffffff; } .software-faq-question a:link, .software-faq-question a:visited { color: #ffffff; } .software-faq-question a:hover { color: #6699cc; } .software-faq-keywords { position: absolute; right: 10px; height: 32px; line-height: 32px; font-size: 10px; color: #cccccc; } .software-faq-keywords a:link, .software-faq-keywords a:visited { color: #6699cc; } .software-faq-keywords a:hover { text-decoration: underline; } .software-faq-answer { display: none; } .software-faq-alternate { background-image: url(../templates/gfx/core/bkg-light.png); } .software-requirements { color: #999999; font-size: 10px; } .software-requirements a:link, .software-requirements a:visited { color: #6699cc; } .software-requirements a:hover { text-decoration: underline; } .software-about { color: #cccccc; font-size: 12px; } .software-start { background-image: url(../templates/gfx/software/start.png); } .software-latest { background-image: url(../templates/gfx/software/latest.png); } #software-count { position: absolute; right: 15px; top: 10px; bottom: 30px; width: 450px; background-image: url(../templates/gfx/software/count.png); background-position: 100% 100%; background-repeat: no-repeat; } #software-count-inner { position: absolute; right: 0px; height: 52px; top: 29px; } #software-count-inner div { float: left; width: 45px; height: 52px; margin-left: 2px; } .software-feature { position: relative; float: left; width: 296px; margin-left: 4px; } .software-feature-screen { position: relative; width: 296px; height: 150px; } .software-feature-blurb { position: relative; width: 284px; padding: 6px 6px 15px 6px; color: #ffffff; } .software-feature-margin { margin-right: 12px; } .ui-button { width: 103px; height: 26px; cursor: pointer; } .ui-button-reply { background-image: url(../templates/gfx/ui/buttons/reply.png); } .ui-button-quickreply { background-image: url(../templates/gfx/ui/buttons/quickreply.png); } .ui-button-yes-r { background-image: url(../templates/gfx/ui/buttons/yes-r.png); } .ui-button-no-r { background-image: url(../templates/gfx/ui/buttons/no-r.png); } .ui-button-create { background-image: url(../templates/gfx/ui/buttons/create.png); } .ui-button-cancel { background-image: url(../templates/gfx/ui/buttons/cancel.png); } .ui-button-share { background-image: url(../templates/gfx/ui/buttons/share.png); } .ui-button-new { background-image: url(../templates/gfx/ui/buttons/new.png); } .ui-button-like { background-image: url(../templates/gfx/ui/buttons/like.png); } .ui-button-save { background-image: url(../templates/gfx/ui/buttons/save.png); } .ui-button-remove { background-image: url(../templates/gfx/ui/buttons/remove.png); } .ui-button-back { background-image: url(../templates/gfx/ui/buttons/back.png); } .ui-button-send { background-image: url(../templates/gfx/ui/buttons/send.png); } .ui-button-change { background-image: url(../templates/gfx/ui/buttons/change.png); } .ui-button-upload { background-image: url(../templates/gfx/ui/buttons/upload.png); } .ui-button-browse { background-image: url(../templates/gfx/ui/buttons/browse.png); } .ui-button-begin { background-image: url(../templates/gfx/ui/buttons/begin.png); } .ui-button-report { background-image: url(../templates/gfx/ui/buttons/report.png); } .ui-button-close { background-image: url(../templates/gfx/ui/buttons/close.png); } .ui-button-submit { background-image: url(../templates/gfx/ui/buttons/submit.png); } .ui-button-add { background-image: url(../templates/gfx/ui/buttons/add.png); } .ui-button-preview { background-image: url(../templates/gfx/ui/buttons/preview.png); } /************************************** * GENERAL */ .ui-form-hidden { display: none; } .ui-form-saved { position: relative; height: 40px; } .ui-form-saved-550 { width: 550px; background-image: url(../templates/gfx/ui/forms/saved-550.png); } .ui-form-saved-650 { width: 650px; background-image: url(../templates/gfx/ui/forms/saved-650.png); } .ui-form-title { position: relative; height: 16px; width: 100%; font-size: 16px; color: #cccccc; font-weight: bold; font-family: verdana; letter-spacing: 1px; } .ui-form-title-padding { padding-top: 8px; } .ui-form-blurb { position: relative; width: 650px; padding-top: 10px; } .ui-form-step { position: absolute; left: -50px; top: 50%; margin-top: -18px; width: 39px; height: 40px; } .ui-form-step-1 { background-image: url(../templates/gfx/ui/forms/step-1.png); } .ui-form-step-2 { background-image: url(../templates/gfx/ui/forms/step-2.png); } .ui-form-step-3 { background-image: url(../templates/gfx/ui/forms/step-3.png); } .ui-form-error { position: absolute; width: 38px; height: 40px; left: -28px; top: 0px; background-image: url(../templates/gfx/ui/forms/error.png); z-index: 1; } .ui-form-errortext { position: relative; width: 100%; margin-bottom: 8px; } .ui-form-errortext-inner { position: relative; padding: 10px 10px 10px 36px; color: #ffffff; font-size: 12px; z-index: 100; background-image: url(../templates/gfx/ui/forms/error-arrow.png); background-position: 10px 50%; background-repeat: no-repeat; } /************************************** * BUTTONS */ .ui-form-buttons { width: 100%; height: 26px; padding-bottom: 8px; } .ui-form-buttons div { float: right; margin-left: 8px; } .ui-form-buttons img { float: right; cursor: pointer; margin-left: 4px; } .ui-form-buttons-right div { clear: both; margin-bottom: 4px; } /************************************** * BUTTON FIELD */ .ui-form-buttonfield { position: relative; height: 40px; width: 100%; font-size: 16px; line-height: 40px; color: #cccccc; font-weight: bold; font-family: verdana; letter-spacing: 1px; } .ui-form-buttonfield-button { position: absolute; right: 4px; top: 4px; } /************************************** * CHECKBOX */ .ui-form-checkbox { position: relative; height: 40px; width: 100%; font-size: 16px; color: #cccccc; font-weight: bold; font-family: verdana; letter-spacing: 1px; line-height: 40px; margin: 12px 0px 12px 0px; } .ui-form-checkbox-box { position: absolute; width: 32px; height: 32px; right: 0px; top: 4px; background-image: url(../templates/gfx/ui/forms/check.png); } .ui-form-checkbox-tick { position: relative; width: 32px; height: 32px; cursor: pointer; background-image: url(../templates/gfx/ui/forms/check-tick.png); } /************************************** * UPLOAD */ .ui-form-upload { position: relative; background-repeat: no-repeat; } .ui-form-upload-540 { position: relative; width: 540px; height: 40px; margin: 12px 0px 12px 0px; background-image: url(../templates/gfx/ui/forms/upload-540.png); } .ui-form-upload-540-inner { position: relative; width: 532px; padding: 4px; height: 32px; font-size: 26px; overflow: hidden; z-index: 10; } .ui-form-upload-button { position: absolute; right: -110px; top: 7px; } /************************************** * PERCENT SLIDER */ .ui-form-slider { position: relative; width: 100%; height: 40px; margin-bottom: 8px; } .ui-form-slider-text { position: relative; height: 40px; width: 100%; font-size: 16px; color: #cccccc; font-weight: bold; font-family: verdana; letter-spacing: 1px; line-height: 40px; } .ui-form-slider-range { position: absolute; right: 0px; top: 0px; height: 40px; width: 400px; background-image: url(../templates/gfx/ui/forms/slider-bkg.png); cursor: pointer; overflow: hidden; } .ui-form-slider-bar { position: absolute; width: 1px; height: 40px; top: 0px; background-color: #333333; z-index: 2; display: none; } .ui-form-slider-value { position: relative; height: 40px; } .ui-form-slider-tooltip { width: 60px; height: 30px; color: #ffffff; text-align: center; } .ui-form-slider-tooltip-percent { position: relative; width: 60px; height: 18px; font-size: 14px; line-height: 18px; font-weight: bold; text-align: center; } .ui-form-slider-tooltip-text { position: relative; width: 60px; height: 12px; line-height: 12px; font-size: 10px; text-align: center; } .ui-form-slider-percent { position: absolute; z-index: 3; font-size: 24px; font-weight: bold; color: #ffffff; right: 8px; bottom: 5px; } .ui-form-slider-percent span { font-size: 10px; font-weight: normal; } /************************************** * SELECT */ .ui-form-select { position: relative; cursor: pointer; } .ui-form-select-tick { position: absolute; width: 18px; height: 18px; right: 0px; top: 50%; margin-top: -9px; background-image: url(../templates/gfx/ui/forms/select-tick.png); } .ui-form-select-single { cursor: default; } .ui-form-select-button { position: absolute; right: -110px; top: 7px; } .ui-form-select-inner { position: absolute; left: 5px; top: 4px; right: 4px; bottom: 4px; padding-right: 30px; color: #333333; z-index: 2; overflow: hidden; } /************************************** * SELECT - 650 */ .ui-form-select-650 { width: 650px; height: 40px; margin: 12px 0px 12px 0px; font-size: 26px; background-image: url(../templates/gfx/ui/forms/select-650.png); z-index: 50; } .ui-form-select-650-disable { background-image: url(../templates/gfx/ui/forms/select-650-disable.png); } .ui-form-select-650-expand { position: absolute; top: 30px; left: 0px; right: 0px; padding: 0px 5px 0px 5px; height: 1px; background-image: url(../templates/gfx/ui/forms/select-650-expand.png); background-position: 0% 100%; z-index: 100; overflow: hidden; } .ui-form-select-650-expand-child { position: relative; float: left; width: 150px; height: 20px; line-height: 20px; margin-right: 10px; font-size: 14px; color: #666666; } .ui-form-select-650-expand-single { position: relative; float: none; width: 628px; margin-right: 0px; } /************************************** * SELECT - 550 */ .ui-form-select-550 { width: 550px; height: 40px; margin: 12px 0px 12px 0px; font-size: 26px; background-image: url(../templates/gfx/ui/forms/select-550.png); z-index: 50; } .ui-form-select-550-disable { background-image: url(../templates/gfx/ui/forms/select-550-disable.png); } .ui-form-select-550-expand { position: absolute; top: 30px; left: 0px; right: 0px; padding: 0px 5px 0px 5px; height: 1px; background-image: url(../templates/gfx/ui/forms/select-550-expand.png); background-position: 0% 100%; z-index: 1; overflow: hidden; } .ui-form-select-550-expand-child { position: relative; float: left; width: 540px; height: 20px; line-height: 20px; margin-right: 10px; font-size: 14px; color: #666666; } /************************************** * SELECT - 540 */ .ui-form-select-540 { width: 540px; height: 40px; margin: 12px 0px 12px 0px; font-size: 26px; background-image: url(../templates/gfx/ui/forms/select-540.png); z-index: 50; } .ui-form-select-540-disable { background-image: url(../templates/gfx/ui/forms/select-540-disable.png); } .ui-form-select-540-expand { position: absolute; top: 30px; left: 0px; right: 0px; padding: 0px 5px 0px 5px; height: 1px; background-image: url(../templates/gfx/ui/forms/select-540-expand.png); background-position: 0% 100%; z-index: 1; overflow: hidden; } .ui-form-select-540-expand-child { position: relative; float: left; width: 530px; height: 20px; line-height: 20px; margin-right: 10px; font-size: 14px; color: #666666; } /************************************** * SELECT - 202 */ .ui-form-select-202 { width: 202px; height: 26px; margin: 0px 0px 0px 0px; font-size: 16px; background-image: url(../templates/gfx/ui/forms/select-202.png); z-index: 50; } .ui-form-select-202-disable { background-image: url(../templates/gfx/ui/forms/select-202-disable.png); } .ui-form-select-202-expand { position: absolute; top: 21px; left: 0px; right: 0px; padding: 0px 5px 0px 5px; height: 1px; background-image: url(../templates/gfx/ui/forms/select-202-expand.png); background-position: 0% 100%; z-index: 1; overflow: hidden; } .ui-form-select-202-expand-child { position: relative; width: 192px; height: 16px; line-height: 16px; font-size: 12px; color: #666666; } /************************************** * SELECT - OTHER */ .ui-form-select-expand-selected { color: #333333; } .ui-form-select-expand-hover { font-weight: bold; } .ui-form-select-divide { background-image: url(../templates/gfx/ui/forms/select-divide.png); background-position: 0% 50%; background-repeat: repeat-x; } /************************************** * SELECT - CONTENT */ .ui-form-content { position: relative; } .ui-form-content textarea { position: relative; margin: 4px; border: 0px; font-family: verdana; z-index: 2; } .ui-form-content-650-260 { position: relative; width: 650px; height: 260px; margin: 12px 0px 12px 0px; background-image: url(../templates/gfx/ui/forms/content-650-260.png); background-repeat: no-repeat; } .ui-form-content-650-260 textarea { width: 642px; height: 252px; } .ui-form-content-650-100 { position: relative; width: 650px; height: 100px; margin: 12px 0px 12px 0px; background-image: url(../templates/gfx/ui/forms/content-650-100.png); background-repeat: no-repeat; } .ui-form-content-650-100 textarea { width: 642px; height: 92px; } .ui-form-content-550-100 { position: relative; width: 550px; height: 100px; margin: 12px 0px 12px 0px; background-image: url(../templates/gfx/ui/forms/content-550-100.png); background-repeat: no-repeat; } .ui-form-content-550-100 textarea { width: 542px; height: 92px; } .ui-form-content-text { color: #333333; font-size: 12px; } .ui-form-content-unchanged { color: #999999; font-size: 26px; } /************************************** * INTELLI */ .ui-form-intelli { position: relative; width: 650px; height: 40px; margin: 12px 0px 12px 0px; background-image: url(../templates/gfx/ui/forms/intelli-top.png); background-repeat: no-repeat; } .ui-form-intelli-hints { position: absolute; width: 200px; height: 50px; z-index: 3; } .ui-form-intelli-hints-inner { position: absolute; left: 10px; top: 10px; bottom: 10px; right: 10px; z-index: 1; background-image: url(../templates/gfx/ui/forms/intelli-hints-bkg.png); } .ui-form-intelli-hints-hint { position: relative; float: left; height: 32px; cursor: pointer; } .ui-form-intelli-hints-hint-info { position: relative; float: left; font-size: 10px; color: #cccccc; margin-top: 7px; margin-left: 6px; line-height: 10px; } .ui-form-intelli-hints-hint-info span { font-size: 12px; color: #ffffff; } .ui-form-intelli-hints-hint-info-over { color: #6699cc; } .ui-form-intelli-hints-hint-info-over span { font-size: 12px; color: #6699cc; } .ui-form-intelli-hints-hint-thumb { position: relative; float: left; width: 32px; height: 32px; } .ui-form-intelli-hints-arrow { position: absolute; width: 18px; height: 9px; top: -8px; margin-left: -9px; background-image: url(../templates/gfx/ui/forms/intelli-hint-arrow.png); } .ui-form-intelli-background { position: absolute; top: 16px; left: 0px; right: 0px; bottom: 0px; background-image: url(../templates/gfx/ui/forms/intelli.png); background-position: 0% 100%; z-index: 1; } .ui-form-intelli-inner { position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; width: 642px; z-index: 2; overflow: hidden; } .ui-form-intelli-ruler { position: relative; font-family: verdana; font-size: 26px; display: none; } .ui-form-intelli-object { position: relative; float: left; height: 32px; z-index: 1; font-size: 26px; font-family: verdana; background-color: #cccccc; color: #333333; padding-right: 24px; margin-right: 9px; margin-left: 5px; margin-bottom: 4px; } .ui-form-intelli-remove { position: absolute; right: -1px; bottom: 4px; width: 10px; height: 10px; background-image: url(../templates/gfx/ui/forms/intelli-hint-remove.png); cursor: pointer; } .ui-form-intelli-object-l { position: absolute; left: -5px; top: 0px; bottom: 0px; width: 5px; background-image: url(../templates/gfx/ui/forms/intelli-hint-object-l.png); } .ui-form-intelli-object-r { position: absolute; right: -5px; top: 0px; bottom: 0px; width: 5px; background-image: url(../templates/gfx/ui/forms/intelli-hint-object-r.png); } .ui-form-intelli-input { color: #333333; } .ui-form-intelli input { position: absolute; border: 0px; font-family: verdana; z-index: 1; width: 642px; height: 32px; left: 0px; top: 0px; font-size: 26px; } /************************************** * SELECT - TEXTBOX */ .ui-form-textbox { position: relative; background-repeat: no-repeat; } .ui-form-textbox img { position: absolute; left: 8px; top: 12px; z-index: 3; } .ui-form-textbox input { position: relative; margin: 4px; border: 0px; font-family: verdana; z-index: 2; } .ui-form-textbox-650 { position: relative; width: 650px; height: 40px; margin: 12px 0px 12px 0px; background-image: url(../templates/gfx/ui/forms/textbox-650.png); } .ui-form-textbox-650 input { width: 642px; height: 32px; font-size: 26px; } .ui-form-textbox-550 { position: relative; width: 550px; height: 40px; margin: 12px 0px 12px 0px; background-image: url(../templates/gfx/ui/forms/textbox-550.png); } .ui-form-textbox-550 input { width: 542px; height: 32px; font-size: 26px; } .ui-form-textbox-double-550 { position: relative; width: 550px; height: 80px; margin: 12px 0px 12px 0px; background-image: url(../templates/gfx/ui/forms/textbox-double-550.png); } .ui-form-textbox-double-550 input { width: 542px; height: 32px; font-size: 26px; margin-bottom: 0px; } .ui-form-textbox-with-image-650 input { margin-left: 30px; width: 616px; } .ui-form-textbox-with-image-550 input { margin-left: 30px; width: 516px; } .ui-form-textbox-text { color: #333333; } .ui-form-textbox-unchanged { color: #999999; } .ui-menu { position: relative; float: left; width: 170px; } .ui-menu-count { position: absolute; right: 4px; bottom: -4px; font-size: 10px; color: #ffffff; } .ui-menu-item { position: relative; width: 154px; padding: 0px 8px 0px 8px; height: 26px; font-size: 14px; line-height: 26px; color: #cccccc; cursor: pointer; margin-bottom: 2px; } .ui-menu-item-over { color: #ffffff; } .ui-menu-selected { background-image: url(../templates/gfx/ui/menu/item-selected.png); color: #ffffff; } .ui-menu-divider { position: relative; width: 170px; height: 27px; background-image: url(../templates/gfx/ui/menu/divider.png); background-position: 0% 50%; background-repeat: no-repeat; margin-bottom: 2px; } .ui-menu-content { position: relative; float: left; width: 550px; margin-left: 20px; } .ui-panes-container-container { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; overflow: hidden; } .ui-panes-container-inner { position: relative; } .ui-panes-container-cell { position: relative; float: left; overflow: auto; } .ui-panes-pane-container { position: absolute; width: 840px; left: 50%; margin-left: -420px; top: 0px; bottom: 0px; } .ui-panes-pane-inner { position: absolute; left: 0px; top: 0px; width: 840px; } .ui-panes-pane-load { position: absolute; width: 128px; height: 15px; background-image: url(../templates/gfx/modal/load.gif); left: 50%; top: 50%; margin-left: -64px; margin-top: -8px; } .ui-panes-pane-message { position: absolute; width:400px; height: 16px; font-size: 12px; font-weight: bold; color: #cccccc; left: 50%; top: 50%; text-align: center; margin-left: -200px; margin-top: 20px; } .ui-panes-pane-buttons { position: absolute; top: 10px; right: 0px; width: 64px; height: 64px; overflow: hidden; } .ui-panes-pane-buttons div { position: relative; float: left; width: 64px; height: 64px; margin-left: 8px; cursor: pointer; } .ui-panes-pane-button-close { background-image: url(../templates/gfx/modal/close.png); } .ui-panes-pane-button-edit { background-image: url(../templates/gfx/modal/edit.png); } .ui-panes-pane-button-back { background-image: url(../templates/gfx/modal/back.png); visibility: hidden; display: none; } .ui-panes-pane-head { position: absolute; left: 0px; top: 10px; width: 600px; height: 64px; } .ui-panes-pane-head-image { position: relative; float: left; width: 64px; height: 64px; } .ui-panes-pane-head-title { position: relative; float: left; margin-left: 20px; width: 516px; height: 64px; } .ui-panes-pane-head-title-h1 { position: relative; margin-top: 6px; font-size: 30px; color: #ffffff; } .ui-panes-pane-head-title-about { position: relative; margin-top: 0px; font-size: 12px; color: #cccccc; } .ui-panes-pane-head-title-about a:link, .ui-panes-pane-head-title-about a:visited { color: #6699cc; } .ui-panes-pane-head-title-about a:hover { text-decoration: underline; } .ui-panes-pane-body { position: relative; width: 650px; margin: 100px 95px 20px 95px; color: #ffffff; } .ui-panes-pane-body-740 { position: relative; width: 740px; margin-left: 50px; margin-right: 50px; } .ui-panes-pane-body-blank { position: relative; width: 840px; margin: 20px 0px 20px 0px; } .ui-panes-pane-comments { position: relative; width: 740px; margin: 0px 50px 0px 50px; } .ui-table { position: relative; margin: 10px 0px 10px 0px; } .ui-table-550 { width: 550px; } .ui-table-650 { width: 650px; } .ui-table-pagination { position: relative; width: 100%; height: 24px; } .ui-table-pagination div { position: relative; float: left; padding: 2px; height: 20px; font-size: 12px; line-height: 20px; } .ui-table-pagination a, .ui-table-pagination a:visited { color: #6699cc; } .ui-table-pagination a:hover { text-decoration: underline; } .ui-table-empty { position: relative; width: 100%; height: 24px; overflow: hidden; line-height: 24px; font-size: 12px; color: #cccccc; text-align: center; } .ui-table-row { position: relative; width: 100%; height: 24px; overflow: hidden; } .ui-table-row-40 { height: 40px; } .ui-table-row-alternate { background-image: url(../templates/gfx/ui/table/row-alternate.png); } .ui-table-row-edit { position: absolute; right: 24px; top: 4px; width: 16px; height: 16px; background-image: url(../templates/gfx/ui/table/row-edit.png); cursor: pointer; } .ui-table-row-up { position: absolute; right: 74px; top: 4px; width: 16px; height: 16px; background-image: url(../templates/gfx/ui/table/row-up.png); cursor: pointer; } .ui-table-row-down { position: absolute; right: 54px; top: 4px; width: 16px; height: 16px; background-image: url(../templates/gfx/ui/table/row-down.png); cursor: pointer; } .ui-table-row-remove { position: absolute; right: 4px; top: 4px; width: 16px; height: 16px; background-image: url(../templates/gfx/ui/table/row-delete.png); cursor: pointer; } .ui-table-cell { position: relative; float: left; height: 16px; padding: 4px; line-height: 16px; font-size: 12px; color: #cccccc; } .ui-table-cell-40 { height: 32px; line-height: 32px; } .ui-table-cell-doubeline { line-height: 12px; padding-top: 8px; } .ui-table-cell-doubeline span { font-size: 10px; } .ui-table-cell a, .ui-table-cell a:visited { color: #6699cc; } .ui-table-cell a:hover { text-decoration: underline; } .ui-tooltip-container { position: absolute; z-index: 200; padding: 7px 1px 1px 1px; width: 150px; } .ui-tooltip-arrow { position: absolute; background-image: url(../templates/gfx/ui/tooltip/arrow.png); width: 14px; height: 7px; top: 1px; left: 50%; margin-left: -7px; z-index: 2; } .ui-tooltip-text { position: relative; padding: 2px 6px 2px 6px; margin: 1px 0px 0px 0px; line-height: 16px; background-image: url(../templates/gfx/ui/tooltip/bkg.png); text-align: center; } .ui-tooltip-top { position: absolute; left: 1px; right: 1px; top: 7px; height: 1px; background-image: url(../templates/gfx/ui/tooltip/border.png); z-index: 1; } .ui-tooltip-left { position: absolute; right: 0px; top: 7px; bottom: 1px; width: 1px; background-image: url(../templates/gfx/ui/tooltip/border.png); z-index: 1; } .ui-tooltip-right { position: absolute; left: 0px; top: 7px; bottom: 1px; width: 1px; background-image: url(../templates/gfx/ui/tooltip/border.png); z-index: 1; } .ui-tooltip-bottom { position: absolute; left: 1px; right: 1px; bottom: 0px; height: 1px; background-image: url(../templates/gfx/ui/tooltip/border.png); z-index: 1; } .ui-upload-container { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; } .ui-upload-background { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1; margin: 0px; } .ui-upload-foreground { position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; z-index: 2; margin: 0px; } .ui-upload-foreground div { position: relative; float: left; } .ui-upload-progress-l, .ui-upload-progress-r { width: 9px; } .ui-upload-progress { background-color: blue; width: 10px; } .ui-upload-size { position: absolute; font-family: Courier; font-size: 10px; color: #ffffff; top: 0px; right: 10px; height: 10px; z-index: 3; } .ui-upload-percent { position: absolute; z-index: 3; left: 10px; top: 3px; height: 32px; font-size: 20px; font-weight: bold; font-family: verdana; color: #ffffff; line-height: 32px; } .ui-upload-percent span { font-size: 10px; } /* 40 */ .ui-upload-progress-l-40 { background-image: url(../templates/gfx/ui/upload/progress-l-40.png); height: 34px; } .ui-upload-progress-r-40 { background-image: url(../templates/gfx/ui/upload/progress-r-40.png); height: 34px; } .ui-upload-progress-40 { background-image: url(../templates/gfx/ui/upload/progress-40.png); height: 34px; } #rpgtk-devlog-keywords { position: absolute; cursor: pointer; top: 11px; left: 105px; z-index: 100; } #devlog-share-file-button { position: relative; width: 264px; height: 98px; margin-left: 238px; } #devlog-lab-experiment-download { position: relative; width: 264px; height: 98px; margin-top: 32px; } #devlog-share-file-button-size { position: absolute; left: 12px; top: 55px; color: #ffffff; font-size: 12px; } /****************************************************** * DEVLOG - VIEW */ .rpgtk-devlog-view-like { position: absolute; left: 50px; top: 11px; } #rpgtk-devlog-view-stats { position: relative; } #rpgtk-devlog-view-stats div { position: relative; height: 16px; padding-right: 20px; font-size: 10px; line-height: 16px; background-repeat: no-repeat; background-position: 100% 0%; text-align: right; color: #ffffff; } #rpgtk-devlog-view-stats a, #rpgtk-devlog-view-stats a:visited { color: #99ccff; } #rpgtk-devlog-view-stats a:hover { text-decoration: underline; } /****************************************************** * PROJECT */ #devlog-about-empty { width: 950px; height: 300px; background-image: url(../templates/gfx/devlog/project/about-empty.png); background-position: 50% 50%; background-repeat: no-repeat; } .devlog-project-content { background-image: url(../templates/gfx/devlog/project/contents.png); min-height: 200px; } #devlog-project-content-rows { position: relative; width: 271px; margin-left: 29px; padding: 16px 0px 16px 0px; background-image: url(../templates/gfx/devlog/project/about-selected.png); background-repeat: no-repeat; } .devlog-project-content-row { position: relative; width: 255px; height: 32px; line-height: 32px; color: #cccccc; margin-left: 16px; overflow: hidden; } .devlog-project-content-row a:link, .devlog-project-content-row a:visited { color: #cccccc; } .devlog-project-content-row a:hover { color: #ffffff; } #devlog-project-content-container { position: relative; overflow: hidden; height: 200px; background-image: url(../templates/gfx/core/loading-light.gif); background-position: 50% 50%; background-repeat: no-repeat; } #devlog-project-content-inner { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-image: url(../templates/gfx/core/bkg-light.png); } .devlog-project-content-content { position: absolute; width: 600px; color: #cccccc; } #devlog-summary-blurb { position: relative; margin: 8px 0px 8px 0px; color: #ffffff; } #devlog-summary-rankings { position: relative; margin: 8px 0px 8px 0px; color: #ffffff; } .devlog-summary-rankings-row { position: relative; width: 100%; height: 32px; } .devlog-summary-rankings-title { float: left; width: 90px; height: 32px; } .devlog-summary-rankings-rank { font-size: 10px; color: #cccccc; } .devlog-summary-rankings-rank a:link, .devlog-summary-rankings-rank a:visited { color: #6699cc; } .devlog-summary-rankings-rank a:hover { text-decoration: underline; } .devlog-summary-rankings-score { float: left; width: 175px; height: 16px; margin-top: 6px; color: #cccccc; line-height: 16px; font-size: 10px; } .devlog-summary-rankings-score div { float: left; width: 29px; height: 16px; margin-right: 1px; } #devlog-summary-fans { position: relative; margin: 12px 0px 8px 0px; color: #ffffff; } .devlog-summary-fans-count { font-size: 10px; color: #ffffff; } #devlog-summary-fans-avatars { position: relative; margin: 8px 0px 0px 0px; } #devlog-summary-fans-avatars div { float: left; width: 32px; height: 32px; margin: 0px 4px 4px 0px; } #devlog-summary-fans-link { position: relative; width: 247px; text-align: right; font-size: 10px; } #devlog-summary-fans-link a:link, #devlog-summary-fans-link a:visited { color: #6699cc; } #devlog-summary-fans-link a:hover { text-decoration: underline; } #devlog-summary-developers { position: relative; margin: 20px 0px 16px 0px; color: #ffffff; } .devlog-summary-developer { position: relative; height: 32px; width: 274px; margin-bottom: 4px; } .devlog-summary-developer-avatar { position: absolute; width: 32px; height: 32px; top: 0px; left: 0px; } .devlog-summary-developer-info { position: absolute; left: 36px; right: 0px; top: 3px; } .devlog-summary-developer-info a:link, .devlog-summary-developer-info a:visited { font-weight: bold; color: #6699cc; } .devlog-summary-developer-info a:hover { text-decoration: underline; } .devlog-summary-developer-info-role { font-size: 10px; color: #ffffff; } #devlog-project-header { position: absolute; width: 800px; height: 139px; right: 0px; top: 0px; } #devlog-project-header-image { position: absolute; top: 29px; } #devlog-project-header-title { position: absolute; top: 39px; left: 90px; width: 310px; height: 60px; color: #ffffff; } .devlog-project-header-title-big { font-size: 32px; line-height: 32px; display: block; } #devlog-project-header-progress-container { position: absolute; width: 390px; height: 139px; right: 0px; top: 0px; background-image: url(../templates/gfx/devlog/project/header-progress.png); } #devlog-project-header-progress-overlay { position: absolute; width: 390px; height: 139px; right: 0px; top: 0px; background-image: url(../templates/gfx/devlog/project/header-progress-overlay.png); z-index: 2; } #devlog-project-header-progress-none { position: absolute; right: 8px; bottom: 5px; width: 196px; height: 22px; background-image: url(../templates/gfx/devlog/project/progress-none.png); } #devlog-project-header-progress-percent { position: absolute; height: 36px; right: 8px; width: 102px; bottom: 8px; padding-right: 18px; background-image: url(../templates/gfx/devlog/project/progress-percent.png); background-position: 100% -1px; background-repeat: no-repeat; } #devlog-project-header-progress-percent img { float: right; height: 36px; margin-left: 2px; } .devlog-project-header-progress-segment { position: relative; float: left; height: 139px; background-position: 100% 100%; background-repeat: no-repeat; } .devlog-project-header-progress-line { position: absolute; width: 5px; height: 139px; z-index: 2; background-position: 0% 50%; background-image: url(../templates/gfx/devlog/project/progress-line.png); } .devlog-project-about { background-image: url(../templates/gfx/devlog/project/about.png); } .devlog-project-activity { background-image: url(../templates/gfx/devlog/project/activity.png); } /****************************************************** * DIRECTORY */ #devlog-directory-categories { position: absolute; right: 0px; top: 12px; width: 480px; bottom: 0px; } .devlog-directory-category { position: relative; float: left; width: 139px; height: 24px; margin: 8px; } .devlog-directory-category-count { position: absolute; width: 36px; height: 10px; right: -32px; bottom: -2px; text-align: left; line-height: 10px; color: #cccccc; font-size: 10px; } .devlog-directory-content { position: relative; width: 930px; min-height: 300px; background-image: url(../templates/gfx/devlog/directory-bkg.png); background-position: 50% 50%; background-repeat: no-repeat; } /****************************************************** * DEVLOG */ #devlog-container { position: relative; width: 930px; padding: 10px; } .rpgtk-devlog-page { position: relative; width: 930px; } .rpgtk-devlog-page-row { position: relative; width: 930px; height: 231px; } .devlog-content { background-image: url(../templates/gfx/devlog/body-bkg.png); background-repeat: no-repeat; height: 130px; overflow: hidden; } /****************************************************** * LAB */ #lab-empty { width: 950px; height: 100px; background-image: url(../templates/gfx/devlog/lab-empty.png); background-position: 50% 30px; background-repeat: no-repeat; } #lab-head { position: absolute; right: 0px; top: 0px; width: 450px; bottom: 1px; background-image: url(../templates/gfx/devlog/lab-head.png); background-position: 0px 0px; } #lab-head-icons { position: absolute; top: 40px; height: 60px; right: 28px; left: 0px; text-align: right; } #lab-head-icons img { display: inline; cursor: pointer; } .devlog-lab-content { background-image: url(../templates/gfx/devlog/lab/body-bkg.png); background-repeat: no-repeat; padding-top: 33px; } #devlog-lab-container { position: relative; width: 950px; background-image: url(../templates/gfx/devlog/lab/container-bkg.png); } .devlog-lab-item { position: relative; width: 950px; height: 100px; } .devlog-lab-item-inner { position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; } .devlog-lab-item-avatar { position: absolute; left: 0px; top: 0px; } .devlog-lab-item-text { position: absolute; left: 90px; width: 360px; top: 0px; bottom: 20px; color: #cccccc; } .devlog-lab-item-text a:link, .devlog-lab-item-text a:visited { font-weight: bold; color: #6699cc; } .devlog-lab-item-text a:hover { font-weight: bold; text-decoration: underline; } .devlog-lab-item-info { position: absolute; left: 90px; bottom: 0px; width: 340px; font-family: verdana; font-size: 10px; color: #999999; } .devlog-lab-item-info a:link, .devlog-lab-item-info a:visited { color: #6699cc; font-weight: normal; } .devlog-lab-item-info a:hover { text-decoration: underline; } .devlog-lab-item-testers { position: absolute; left: 470px; top: 0px; bottom: 0px; line-height: 80px; color: #cccccc; width: 230px; } .devlog-lab-item-testers-inner { position: absolute; left: 0px; top: 10px; bottom: 0px; right: 0px; } .devlog-lab-item-testers-inner div { float: left; } .devlog-lab-item-testers-5 div { margin-top: 16px; margin-right: 2px; } .devlog-lab-item-testers-7 div { margin-top: 22px; margin-right: 2px; } .devlog-lab-item-testers-9 div, .devlog-lab-item-testers-11 div, .devlog-lab-item-testers-13 div { margin-top: 7px; margin-right: 2px; } .devlog-lab-item-progress { position: absolute; left: 714px; top: 1px; bottom: 1px; width: 216px; } .devlog-lab-item-progress-row { position: relative; right: 0px; left: 0px; height: 26px; background-position: 0px 50%; background-repeat: no-repeat; padding-left: 32px; color: #cccccc; line-height: 26px; } .devlog-lab-item-progress-row a:link, .devlog-lab-item-progress-row a:visited { color: #6699cc; } .devlog-lab-item-progress-row a:hover { text-decoration: underline; } .devlog-lab-item-progress-row-clock { background-image: url(../templates/gfx/devlog/lab/clock.png); } .devlog-lab-item-progress-row-reports { background-image: url(../templates/gfx/devlog/lab/reports.png); } .devlog-lab-item-progress-row-success { background-image: url(../templates/gfx/devlog/lab/success.png); } #devlog-lab-view { position: relative; width: 750px; } #devlog-lab-view-about { position: relative; float: left; width: 430px; } #devlog-lab-view-stats { position: relative; float: left; margin-left: 20px; width: 230px; } .devlog-lab-view-stats-item { position: relative; right: 0px; left: 0px; height: 32px; background-position: 0px 50%; background-repeat: no-repeat; padding-left: 32px; color: #ffffff; line-height: 32px; } /****************************************************** * WHATS HOT */ .devlog-hot-screens { background-image: url(../templates/gfx/devlog/hot/screens.png); } .devlog-hot-media { background-image: url(../templates/gfx/devlog/hot/media.png); } .devlog-hot-news { background-image: url(../templates/gfx/devlog/hot/news.png); } #devlog-hot-options { position: absolute; right: 0px; top: 0px; width: 398px; bottom: 1px; background-image: url(../templates/gfx/devlog/hot/options-bkg.png); } .devlog-hot-option { position: relative; width: 144px; height: 24px; cursor: pointer; background-image: url(../templates/gfx/devlog/hot/option-bkg.png); } #devlog-hot-options-listing { position: absolute; top: 65px; left: 98px; } #devlog-hot-options-timeframe { position: absolute; top: 65px; left: 245px; } /****************************************************** * PROGRESS */ #progress-empty { width: 950px; height: 100px; background-image: url(../templates/gfx/devlog/progress-empty.png); background-position: 50% 30px; background-repeat: no-repeat; } #progress-head { position: absolute; right: 0px; top: 0px; width: 450px; bottom: 1px; background-image: url(../templates/gfx/devlog/progress-head.png); background-position: 0px 0px; } #progress-head-icons { position: absolute; top: 40px; height: 60px; right: 28px; left: 0px; text-align: right; } #progress-head-icons img { display: inline; cursor: pointer; } #progress-container { position: relative; overflow: hidden; height: 100px; } .progress-content { width: 950px; background-image: url(../templates/gfx/devlog/progress-bkg.png); } .progress-update { position: relative; width: 950px; height: 100px; } .progress-update-avatar { position: absolute; width: 80px; top: 10px; left: 10px; height: 80px; } .progress-update-text { position: absolute; left: 100px; top: 13px; width: 380px; height: 60px; color: #cccccc; } .progress-update-text a:link, .progress-update-text a:visited { font-weight: bold; color: #6699cc; } .progress-update-text a:hover { font-weight: bold; text-decoration: underline; } .progress-update-info { position: absolute; left: 100px; bottom: 13px; width: 380px; font-family: verdana; font-size: 10px; color: #999999; } .progress-update-info a:link, .progress-update-info a:visited { color: #6699cc; font-weight: normal; } .progress-update-info a:hover { text-decoration: underline; } .progress-update-bar { position: absolute; right: 10px; top: 10px; width: 457px; height: 80px; } .progress-update-bar-container { position: relative; background-image: url(../templates/gfx/devlog/progress-bar-bkg.png); width: 457px; height: 66px; } .progress-update-bar-segment { position: relative; float: left; height: 66px; background-position: 100% 100%; } .progress-update-bar-segment-gfx { background-image: url(../templates/gfx/devlog/progress-bar-segment-gfx.png); } .progress-update-bar-segment-story { background-image: url(../templates/gfx/devlog/progress-bar-segment-story.png); } .progress-update-bar-segment-code { background-image: url(../templates/gfx/devlog/progress-bar-segment-code.png); } .progress-update-bar-segment-audio { background-image: url(../templates/gfx/devlog/progress-bar-segment-audio.png); } .progress-update-bar-overlay { position: absolute; z-index: 2; left: 0px; top: 0px; width: 457px; height: 66px; background-image: url(../templates/gfx/devlog/progress-bar-overlay.png); } .progress-update-bar-line { position: absolute; width: 5px; height: 66px; margin-left: -2px; z-index: 2; background-position: 0% 50%; background-image: url(../templates/gfx/devlog/progress-bar-line.png); } .progress-update-bar-percent { position: relative; width: 457px; height: 14px; } .progress-update-bar-percent div { height: 14px; line-height: 14px; font-family: verdana; font-size: 10px; color: #cccccc; } .progress-update-bar-percent-0 { position: absolute; left: 0px; } .progress-update-bar-percent-current { position: absolute; width: 20px; margin-left: -10px; text-align: center; } .progress-update-bar-percent-100 { position: absolute; right: 0px; } /****************************************************** * SCREENDIPITY */ #screendipity-popup { position: absolute; width: 240px; height: 76px; background-image: url(../templates/gfx/devlog/screendipity-popup.png); z-index: 2; display: none; } #screendipity-popup-project { position: absolute; left: 8px; top: 8px; right: 8px; height: 12px; font-weight: bold; color: #ffffff; } #screendipity-popup-share { position: absolute; left: 8px; top: 22px; right: 8px; height: 12px; font-size: 10px; color: #ffffff; } #screendipity-popup-stats { position: absolute; left: 8px; right: 8px; bottom: 8px; height: 16px; } #screendipity-popup-stats div { position: relative; float: left; width: 50px; height: 16px; color: #ffffff; line-height: 16px; font-size: 10px; background-repeat: no-repeat; padding-left: 22px; } #screendipity-container { position: relative; width: 950px; height: 584px; background-image: url(../templates/gfx/devlog/screendipity-grid.png); } .screendipity-screen { position: absolute; width: 73px; height: 73px; cursor: pointer; } .screendipity-content { height: 292px; overflow: hidden; background-image: url(../templates/gfx/devlog/screendipity-content-bkg.png); background-position: 50% 50%; background-repeat: no-repeat; } #screendipity-input { position: absolute; right: 0px; top: 0px; width: 400px; bottom: 1px; background-image: url(../templates/gfx/devlog/screendipity-bkg.png); background-position: 0px 0px; } #screendipity-textbox { position: absolute; top: 65px; right: 15px; width: 292px; height: 27px; background-image: url(../templates/gfx/devlog/screendipity-input.png); overflow: hidden; } #screendipity-keywords { position: relative; border: 0px; height: 21px; width: 260px; text-align: right; line-height: 21px; font-size: 13px; color: #666666; } #screendipity-keywords-wrapper { position: absolute; left: 3px; top: 2px; height: 21px; width: 260px; line-height: 21px; font-size: 13px; color: #cccccc; } #screendipity-button { position: absolute; right: 3px; top: 4px; width: 21px; height: 21px; background-image: url(../templates/gfx/devlog/screendipity-button.png); cursor: pointer; } #screendipity-hints { position: absolute; width: 32px; height: 132px; right: 15px; top: 93px; z-index: 10; display: none; } #screendipity-hints-words { position: absolute; left: 6px; right: 6px; top: 6px; bottom: 6px; z-index: 2; background-image: url(../templates/gfx/devlog/screendipity-hint.png); } #screendipity-hints-words div { position: relative; float: left; width: 120px; height: 20px; line-height: 20px; color: #000000; font-size: 12px; } #screendipity-hints-words a:link, #screendipity-hints-words a:visited { color: #000000; text-decoration: none; } #screendipity-hints-words a:hover { font-weight: bold; } #screendipity-hints-t { position: absolute; left: 6px; right: 6px; top: 0px; height: 6px; background-image: url(../templates/gfx/devlog/screendipity-hint-t.png); z-index: 1; } #screendipity-hints-b { position: absolute; left: 6px; right: 6px; bottom: 0px; height: 6px; background-image: url(../templates/gfx/devlog/screendipity-hint-b.png); z-index: 1; } #screendipity-hints-l { position: absolute; bottom: 6px; top: 6px; left: 0px; width: 6px; background-image: url(../templates/gfx/devlog/screendipity-hint-l.png); z-index: 1; } #screendipity-hints-r { position: absolute; bottom: 6px; top: 6px; right: 0px; width: 6px; background-image: url(../templates/gfx/devlog/screendipity-hint-r.png); z-index: 1; } #screendipity-hints-tl { position: absolute; left: 0px; top: 0px; width: 6px; height: 6px; background-image: url(../templates/gfx/devlog/screendipity-hint-tl.png); z-index: 1; } #screendipity-hints-tr { position: absolute; right: 0px; top: 0px; width: 6px; height: 6px; background-image: url(../templates/gfx/devlog/screendipity-hint-tr.png); z-index: 1; } #screendipity-hints-bl { position: absolute; left: 0px; bottom: 0px; width: 6px; height: 6px; background-image: url(../templates/gfx/devlog/screendipity-hint-bl.png); z-index: 1; } #screendipity-hints-br { position: absolute; right: 0px; bottom: 0px; width: 6px; height: 6px; background-image: url(../templates/gfx/devlog/screendipity-hint-br.png); z-index: 1; } /****************************************************** * SHARE */ #devlog-share { position: absolute; right: 0px; top: 0px; width: 400px; bottom: 1px; background-image: url(../templates/gfx/devlog/share-bkg.png); background-position: 0px 0px; } #devlog-share-icons { position: absolute; top: 65px; height: 42px; right: 20px; left: 0px; text-align: right; } #devlog-share-icons img { display: inline; cursor: pointer; } .rpgtk-devlog-share-project-none { position: relative; width: 438px; height: 132px; margin-left: 106px; background-image: url(../templates/gfx/devlog/share-project-none.png); } .rpgtk-devlog-share-project-buttons { position: relative; width: 103px; margin-top: 12px; margin-left: 441px; } .rpgtk-devlog-share-project-buttons div { margin-bottom: 4px; } /****************************************************** * FEED MANAGEMENT */ #devlog-feed { position: relative; width: 950px; height: 33px; } .rpgtk-devlog-feed-empty { background-image: url(../templates/gfx/devlog/feed-empty.png); background-position: 50% 44px; background-repeat: no-repeat; } .rpgtk-devlog-feed-norules { background-image: url(../templates/gfx/devlog/feed-norules.png); background-position: 50% 30px; background-repeat: no-repeat; } #devlog-feed-count { position: absolute; width: 244px; height: 24px; left: 8px; top: 4px; line-height: 24px; color: #ffffff; font-size: 18px; } #devlog-feed-manage { position: absolute; width: 260px; height: 24px; right: 3px; top: 3px; z-index: 2; } #devlog-feed-load { position: absolute; width: 260px; height: 24px; right: 3px; top: 3px; z-index: 1; background-image: url(../templates/gfx/devlog/feed-load.gif); background-position: 50% 50%; background-repeat: no-repeat; } #rpgtk-devlog-feed-select { position: absolute; right: 0px; top: 0px; width: 202px; height: 26px; } #rpgtk-devlog-feed-edit { position: absolute; right: 205px; top: 1px; width: 24px; height: 24px; background-image: url(../templates/gfx/devlog/feed-edit.png); cursor: pointer; } #rpgtk-devlog-feed-default { position: absolute; right: 232px; top: 1px; width: 24px; height: 24px; background-image: url(../templates/gfx/devlog/feed-default.png); cursor: pointer; } /****************************************************** * FEED ITEM */ .devlog-item { position: relative; float: left; width: 186px; height: 208px; } .devlog-item-new { position: absolute; left: 6px; top: 5px; width: 51px; height: 51px; background-image: url(../templates/gfx/devlog/item-new.png); background-repeat: no-repeat; z-index: 10; } .devlog-item-box { position: relative; width: 156px; height: 156px; cursor: pointer; padding: 15px; font-size: 12px; color: #ffffff; } .devlog-item-video-inner { position: absolute; left: 15px; right: 15px; top: 35px; bottom: 15px; z-index: 5; } .devlog-item-audio-inner { position: absolute; left: 15px; right: 15px; height: 24px; top: 50%; margin-top: -12px; z-index: 5; } .devlog-item-info { position: absolute; left: 5px; bottom: 6px; width: 175px; height: 44px; z-index: 10; background-image: url(../templates/gfx/devlog/item-info.png); line-height: 12px; } .devlog-item-info-avatar { position: absolute; top: 6px; left: 6px; width: 32px; height: 32px; } .devlog-item-info-text-project { font-size: 14px; color: #ffffff; } .devlog-item-info-text { position: absolute; left: 45px; top: 11px; right: 6px; bottom: 6px; font-size: 10px; color: #ccccccc; font-style: normal; } .devlog-item-info-text { display: block; } .devlog-item-stats { position: absolute; left: 16px; right: 16px; top: 180px; height: 18px; } .devlog-item-stats-counts { position: absolute; top: 0px; right: 0px; background-image: url(../templates/gfx/devlog/item-stats.png); width: 61px; height: 18px; } .devlog-item-stats-counts div { position: absolute; height: 18px; line-height: 18px; text-align: center; color: #ffffff; font-size: 10px; } .devlog-item-stats-counts-likes { left: 15px; width: 15px; } .devlog-item-stats-counts-comments { left: 44px; width: 15px; } .devlog-item-stats-date { position: absolute; left: 0px; height: 18px; line-height: 18px; font-size: 10px; color: #cccccc; } .devlog-item-icon { position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; width: 32px; height: 32px; cursor: pointer; z-index: 10; } .devlog-item-news { background-image: url(../templates/gfx/devlog/item-news-box.png); font-style: italic; } .devlog-item-file { background-image: url(../templates/gfx/devlog/item-file-box.png); } .devlog-item-file-icon { background-image: url(../templates/gfx/devlog/item-file-icon.png); } .devlog-item-audio { background-image: url(../templates/gfx/devlog/item-audio-box.png); } .devlog-item-audio-icon { background-image: url(../templates/gfx/devlog/item-audio-icon.png); } .devlog-item-video { background-image: url(../templates/gfx/devlog/item-video-box.png); } .devlog-item-video-icon { background-image: url(../templates/gfx/devlog/item-video-icon.png); } .devlog-item-screen { padding: 0px; height: 186px; width: 186px; background-image: url(../templates/gfx/core/loading.gif); background-position: 50% 50%; background-repeat: no-repeat; } .devlog-item-news-bkg { font-style: normal; background-image: url(../templates/gfx/devlog/item-news-bkg.png); } .devlog-item-screen-bkg { left: 0px; top: 0px; right: 0px; bottom: 0px; padding: 25px; background-image: url(../templates/gfx/devlog/item-screen-bkg.png); } .devlog-item-news-bkg a, .devlog-item-news-bkg a:visited, .devlog-item-screen-bkg a, .devlog-item-screen-bkg a:visited { color: #3399ff; } .devlog-item-news-bkg a:hover, .devlog-item-screen-bkg a:hover { color: #0066cc; text-decoration: underline; } .devlog-item-file-bkg { background-image: url(../templates/gfx/devlog/item-file-bkg.png); } .devlog-item-audio-bkg { background-image: url(../templates/gfx/devlog/item-audio-bkg.png); } .devlog-item-video-bkg { background-image: url(../templates/gfx/devlog/item-video-bkg.png); } .dropdown-body { position: absolute; z-index: 50; height: 18px; overflow: hidden; } .dropdown-text { position: absolute; left: 8px; right: 36px; top: 3px; bottom: 5px; color: #333333; font-size: 12px; line-height: 16px; overflow: hidden; } .dropdown-inner { position: relative; padding: 6px 9px 6px 9px; width: 100%; } .dropdown-item { position: relative; width: 100%; height: 22px; font-size: 12px; color: #ffffff; line-height: 22px; z-index: 2; cursor: pointer; } .dropdown-item-default { font-weight: normal; } .dropdown-item-over { font-weight: bold; } .dropdown-tl { position: absolute; z-index: 1; left: 0px; top: 0px; width: 9px; height: 9px; background-image: url(../templates/gfx/dropdown/tl.png); } .dropdown-tr { position: absolute; z-index: 1; right: 0px; top: 0px; width: 9px; height: 9px; background-image: url(../templates/gfx/dropdown/tr.png); } .dropdown-bl { position: absolute; z-index: 1; left: 0px; bottom: 0px; width: 9px; height: 9px; background-image: url(../templates/gfx/dropdown/bl.png); } .dropdown-br { position: absolute; z-index: 1; right: 0px; bottom: 0px; width: 9px; height: 9px; background-image: url(../templates/gfx/dropdown/br.png); } .dropdown-h { position: absolute; top: 9px; bottom: 9px; left: 0px; right: 0px; z-index: 1; background-image: url(../templates/gfx/dropdown/bkg.png); } .dropdown-v { position: absolute; top: 0px; bottom: 0px; left: 9px; right: 9px; z-index: 1; background-image: url(../templates/gfx/dropdown/bkg.png); } .rpgtk-core-user-contributor a:link, .rpgtk-core-user-contributor a:visited { color: #99cc99; } .rpgtk-core-user-editor a:link, .rpgtk-core-user-editor a:visited { color: #cc6666; } .rpgtk-core-user-moderator a:link, .rpgtk-core-user-moderator a:visited { color: #ffcc66; } .rpgtk-core-user-immortal a:link, .rpgtk-core-user-immortal a:visited { color: #9966cc; } /************************************************* * MISC */ #topic-stats { position: absolute; right: 15px; top: 28px; bottom: 30px; color: #ffffff; font-size: 10px; text-align: right; } #topic-stats b { font-size: 14px; } #forum-count { position: absolute; right: 15px; top: 10px; bottom: 30px; width: 450px; background-image: url(../templates/gfx/forum/forum/count.png); background-position: 100% 100%; background-repeat: no-repeat; } .forum-error { width: 908px; margin: 10px; padding: 10px; border: 1px dotted #330000; background-color: #996666; line-height: 16px; color: #330000; } #forum-message { position: relative; width: 100%; color: #ffffff; text-align: center; padding-top: 40px; font-size: 12px; } #forum-message input { width: 100px; } #forum-message p { margin: 0px; } #forum-message a, #forum-message a:visited { color: #519EE6; text-decoration: none; } #forum-message a:hover { text-decoration: underline; } /************************************************* * POSTING */ #posting-editor { position: relative; width: 930px; margin: 10px; } #posting-buttons { position: relative; width: 920px; margin: 10px; height: 30px; text-align: right; } #posting-buttons img { cursor: pointer; } #posting-create { position: relative; float: left; width: 760px; } #posting-subject { position: relative; float: left; width: 760px; margin-bottom: 4px; height: 18px; background-image: url(../templates/gfx/forum/posting/subject-bkg.png); padding: 3px 10px 3px 10px; } #posting-subject input { width: 756px; border: 0px; color: #000000; height: 16px; background-color: #ffffff; } #posting-textarea { position: relative; float: left; width: 760px; height: 280px; background-image: url(../templates/gfx/forum/posting/bkg.png); padding: 10px; margin-top: 2px; } #posting-textarea textarea { width: 756px; border: 0px; color: #000000; height: 280px; background-color: #ffffff; } #posting-options { position: relative; float: left; width: 150px; height: 300px; } #posting-options-bbcode { position: relative; } #posting-options-bbcode img { cursor: pointer; } #posting-options-smilies { padding-top: 10px; padding-left: 6px; position: relative; } #posting-options-checkboxes { padding-top: 10px; position: absolute; font-size: 10px; color: #6699cc; bottom: 0px; } #posting-preview { position: relative; width: 930px; padding: 10px; background-image: url(../templates/gfx/forum/topic/bkg.png); } #posting-review { position: relative; width: 930px; padding: 10px; background-image: url(../templates/gfx/forum/topic/bkg.png); } #posting-review-inner { width: 930px; height: 250px; overflow: auto; } /************************************************* * VIEW TOPIC */ #topic-quickreply { position: relative; display: none; height: 200px; width: 950px; background-image: url(../templates/gfx/forum/topic/quickreply-bkg.png); } #topic-quickreply-buttons { position: absolute; left: 8px; bottom: 8px; right: 8px; } #topic-quickreply-buttons div { float: right; } #topic-quickreply-body { position: absolute; left: 8px; top: 8px; height: 150px; width: 934px; } #topic-quickreply-body textarea { position: relative; margin: 8px; height: 134px; width: 918px; z-index: 10; border: 0px; color: #000000; } #topic-options { position: relative; width: 950px; height: 33px; background-image: url(../templates/gfx/forum/topic/options-bkg.png); } #topic-options-pagination { position: absolute; left: 8px; top: 8px; width: 450px; height: 26px; } #topic-options-buttons { position: absolute; right: 8px; top: 4px; width: 450px; height: 26px; text-align: right; } #topic-header { position: absolute; left: 150px; top: 30px; width: 450px; color: #cccccc; line-height: 20px; } #topic-header h1 { color: #ffffff; font-size: 20px; margin: 0px; padding: 0px; } #topic-pagination { position: absolute; right: 354px; top: 32px; } .topic-pagination-space { position: relative; float: left; height: 16px; padding: 0px 4px 0px 4px; width: 16px; color: #ffffff; text-align: center; } .topic-pagination-page { position: relative; float: left; height: 16px; padding: 0px 4px 0px 4px; line-height: 16px; color: #cccccc; background-image: url(../templates/gfx/forum/topic/page-bkg.png); border: 1px solid #333366; margin-right: 2px; cursor: pointer; } .topic-pagination-page-selected { color: #ffffff; background-image: url(../templates/gfx/forum/topic/page-selected-bkg.png); cursor: default; } #topic-chara { position: absolute; background-position: 50% 50%; background-repeat: no-repeat; width: 130px; height: 160px; z-index: 10; left: 600px; top: -10px; } .topic-post { position: relative; width: 930px; padding: 10px; } .topic-post-review { width: 890px; } .topic-post-light { background-image: url(../templates/gfx/forum/topic/bkg.png); } .topic-post-info { float: left; width: 140px; } .topic-post-avatar { position: relative; width: 130px; height: 130px; } .topic-post-author { position: relative; width: 120px; height: 20px; text-align: center; font-size: 12px; color: #ffffff; font-weight: bold; } .topic-post-author a, .topic-post-author a:visited { color: #6699cc; } .topic-post-author a:hover { text-decoration: underline; } .topic-post-helpful { position: relative; font-size: 10px; padding-left: 20px; color: #ffffff; background-image: url(../templates/gfx/layout/stats-like.png); background-repeat: no-repeat; } .topic-post-stats { margin-top: 15px; margin-left: 140px; position: relative; float: left; color: #cccccc; font-size: 10px; } .topic-post-stats-hide { display: none; } .topic-post-stats a, .topic-post-stats a:visited { color: #99ccff; } .topic-post-stats a:hover { text-decoration: underline; } .topic-post-stats div { position: relative; width: 398px; margin-bottom: 2px; line-height: 16px; padding-left: 22px; background-repeat: no-repeat; } .topic-post-stats-like { background-image: url(../templates/gfx/layout/stats-like.png); } .topic-post-helpful { position: relative; float: right; width: 118px; height: 26px; margin-left: 1px; margin-top: 6px; } .topic-post-helpful img { cursor: pointer; } .topic-post-content { float: left; width: 790px; color: #cccccc; font-size: 12px; } .topic-post-content-review { width: 750px; } .topic-post-header { position: relative; width: 100%; height: 24px; } .topic-post-date { position: absolute; left: 0px; top: 0px; color: #999999; font-size: 10px; } .topic-post-options { position: absolute; right: 0px; top: 0px; } .topic-post-message { position: relative; width: 100%; } .bbcode-quote { margin: 0px; padding: 4px; background-color: #ffffff; font-size: 12px; color: #333333; border: 1px solid #666666; } .bbcode-code { margin: 0px; padding: 4px; background-color: #ffffcc; font-size: 10px; color: #333333; border: 1px dotted #666666; font-family: "courier"; } .topic-post-message a, .topic-post-message a:visited { color: #6699cc; } .topic-post-message a:hover { text-decoration: underline; } /************************************************* * VIEW FORUM */ #forum-pagination { position: absolute; left: 7px; top: 8px; } .forum-pagination-space { position: relative; float: left; height: 15px; padding: 0px 4px 0px 4px; width: 15px; color: #ffffff; text-align: center; } .forum-pagination-page { position: relative; float: left; height: 15px; padding: 0px 4px 0px 4px; line-height: 15px; font-size: 11px; color: #cccccc; background-image: url(../templates/gfx/forum/topic/page-bkg.png); border: 1px solid #333366; margin-right: 2px; cursor: pointer; } .forum-pagination-page-selected { color: #ffffff; background-image: url(../templates/gfx/forum/topic/page-selected-bkg.png); cursor: default; } #forum-options { position: relative; width: 950px; height: 33px; background-image: url(../templates/gfx/forum/topic/options-bkg.png); } #forum-options-pagination { position: absolute; left: 7px; top: 9px; width: 450px; height: 26px; } #forum-bar { position: relative; width: 950px; height: 33px; background-image: url(../templates/gfx/forum/forum/bar2.png); } #forum-header { position: absolute; left: 150px; top: 30px; width: 300px; color: #cccccc; line-height: 20px; } #forum-header h1 { color: #ffffff; font-size: 20px; margin: 0px; padding: 0px; } #forum-chara { position: absolute; background-position: 50% 50%; background-repeat: no-repeat; width: 130px; height: 160px; z-index: 10; left: 430px; top: -10px; } .forum-topic { position: relative; height: 62px; width: 950px; } .forum-topic-light { background-image: url(../templates/gfx/forum/forum/bkg.png); } .forum-preview { position: relative; float: left; width: 598px; height: 62px; } .forum-avatar { position: absolute; left: 16px; top: 6px; width: 50px; height: 50px; } .forum-about { position: absolute; top: 5px; bottom: 5px; left: 72px; right: -40px; font-family: verdana; font-size: 10px; color: #cccccc; } .forum-topic-pagination { position: absolute; right: 0px; top: 0px; } .forum-topic-pagination-page-dots { position: relative; float: left; height: 12px; padding: 0px 2px 0px 2px; line-height: 12px; color: #ffffff; margin-right: 2px; font-size: 10px; } .forum-topic-pagination-page { position: relative; float: left; height: 12px; padding: 0px 2px 0px 2px; line-height: 12px; font-size: 10px; color: #cccccc; background-image: url(../templates/gfx/forum/topic/page-bkg.png); border: 1px solid #333366; margin-right: 2px; cursor: pointer; } .forum-subject { font-size: 12px; } .forum-subject a, .forum-subject a:visited { color: #6699cc; } .forum-subject a:hover { text-decoration: underline; } .forum-replies { position: relative; float: left; width: 70px; height: 62px; line-height: 62px; color: #ffffff; font-size: 20px; text-align: center; margin-left: 70px; } .forum-lastpost { position: relative; float: left; width: 172px; height: 62px; margin-left: 40px; } .forum-lastpost-avatar { position: absolute; height: 32px; width: 32px; top: 16px; } .forum-lastpost-about { position: absolute; left: 36px; right: 8px; top: 18px; height: 32px; font-size: 11px; color: #cccccc; } .forum-lastpost-about-row1 { position: relative; width: 128px; } .forum-lastpost-about-row2 { position: relative; width: 128px; } .forum-lastpost-about-row1 div { position: relative; float: left; } .forum-lastpost-about-more img { margin-top: 2px; margin-left: 4px; } .forum-lastpost-about a, .forum-lastpost-about a:visited { font-weight: bold; color: #6699cc; } .forum-lastpost-about a:hover { text-decoration: underline; } .forum-participants { position: relative; float: left; width: 176px; height: 62px; line-height: 62px; font-size: 10px; color: #cccccc; } .forum-participants div { position: relative; float: left; } .forum-participants-5 div { margin-top: 16px; margin-right: 2px; width: 32px; height: 32px; } .forum-participants-7 div { margin-top: 22px; margin-right: 2px; width: 20px; height: 20px; } .forum-participants-9 { width: 88px; } .forum-participants-11 { width: 110px; } .forum-participants-13 { width: 132px; } .forum-participants-9 div, .forum-participants-11 div, .forum-participants-13 div { margin-top: 7px; margin-right: 2px; width: 20px; height: 20px; } /************************************************* * INDEX */ #index-options { position: relative; width: 950px; height: 33px; background-image: url(../templates/gfx/forum/topic/options-bkg.png); } #index-options-links { position: absolute; right: 16px; top: 4px; width: 450px; height: 26px; line-height: 26px; font-size: 10px; color: #cccccc; text-align: right; } #index-options-links a:link, #index-options-links a:visited { color: #cccccc; } #index-options-links a:hover { color: #cccccc; text-decoration: underline; } #index-features { position: absolute; width: 450px; height: 110px; right: 13px; top: 15px; overflow: hidden; visibility: hidden; } .index-features-feature { position: absolute; left: 0px; top: 0px; width: 450px; height: 110px; overflow: hidden; z-index: 1; } .index-features-feature-screen { position: absolute; left: -15px; top: -43px; width: 480px; height: 195px; z-index: 1; } .index-features-feature-blurb { position: absolute; right: 0px; top: 0px; width: 330px; height: 110px; z-index: 2; padding: 8px; font-size: 12px; color: #ffffff; background-image: url(../templates/gfx/forum/index/feature-blurb.png); } .index-features-feature-blurb span { font-size: 18px; } .index-features-overlay { z-index: 3; position: absolute; background-image: url(../templates/gfx/forum/index/feature-overlay.png); left: 0px; top: 0px; width: 450px; height: 110px; } .index-features-button { z-index: 4; position: absolute; right: 8px; bottom: 8px; width: 31px; height: 31px; } .index-category { position: relative; width: 950px; } .index-category-light { background-image: url(../templates/gfx/forum/index/category-light.png); } .index-category-info { position: relative; float: left; width: 200px; } .index-category-title { position: absolute; left: 10px; top: 10px; width: 109px; height: 27px; } .index-category-stats { position: absolute; left: 14px; right: 10px; top: 40px; color: #cccccc; } .index-category-forums { position: relative; float: left; width: 750px; padding-top: 10px; } .index-category-forum { position: relative; float: left; width: 365px; height: 80px; background-image: url(../templates/gfx/forum/index/forum.png); margin: 0px 10px 10px 0px; } .index-category-forum-icon { position: absolute; left: 0px; top: 2px; width: 86px; height: 76px; } .index-category-forum-about { position: absolute; top: 8px; left: 80px; right: 8px; bottom: 8px; } .index-category-forum-title { position: absolute; left: 8px; top: 6px; width: 200px; height: 18px; } .index-category-forum-blurb { position: absolute; left: 8px; top: 20px; height: 38px; right: 8px; font-size: 10px; color: #999999; overflow: hidden; } #game-screens-empty { width: 950px; height: 100px; background-image: url(../templates/gfx/games/screens-empty.png); background-position: 50% 30px; background-repeat: no-repeat; } #game-header-box { position: absolute; width: 450px; height: 110px; right: 13px; top: 15px; overflow: hidden; } .game-header-box-screen { position: absolute; left: 0px; top: -60px; width: 403px; height: 230px; z-index: 1; } .game-header-box-blurb { position: absolute; right: 0px; top: 0px; width: 330px; height: 110px; z-index: 2; padding: 8px; font-size: 12px; color: #ffffff; background-image: url(../templates/gfx/forum/index/feature-blurb.png); } .game-header-box-blurb span { font-size: 18px; } .game-header-box-overlay { z-index: 3; position: absolute; background-image: url(../templates/gfx/forum/index/feature-overlay.png); left: 0px; top: 0px; width: 450px; height: 110px; } .game-header-box-button { z-index: 4; position: absolute; right: 8px; bottom: 8px; width: 31px; height: 31px; } /****************************************************** * DEVLOG - VIEW */ .rpgtk-game-say-view-like { position: absolute; left: 50px; top: 11px; } #rpgtk-game-say-view-stats { position: relative; } #rpgtk-game-say-view-stats div { position: relative; height: 16px; padding-right: 20px; font-size: 10px; line-height: 16px; background-repeat: no-repeat; background-position: 100% 0%; text-align: right; color: #ffffff; } #rpgtk-game-say-view-stats a, #rpgtk-game-say-view-stats a:visited { color: #99ccff; } #rpgtk-game-say-view-stats a:hover { text-decoration: underline; } /************************************ * GAMES SECTION -> SAY */ #game-say-scores { position: relative; width: 776px; height: 91px; } #game-say-scores-score { position: absolute; right: 28px; top: 8px; width: 97px; height: 71px; } #game-say-scores-graphics { position: absolute; right: 120px; top: 10px; } #game-say-scores-audio { position: absolute; right: 120px; top: 27px; } #game-say-scores-fun { position: absolute; right: 120px; top: 44px; } #game-say-scores-stability { position: absolute; right: 120px; top: 61px; } /************************************ * GAME PROFILE -> DOWNLOAD */ #game-download-guide { color: #999999; font-size: 9px; padding: 4px 8px 0px 8px; } #game-download-users { position: relative; width: 100%; padding: 16px 0px 8px 0px; } #game-download-users h1 { color: #cccccc; margin: 0px 0px 8px 0px; font-size: 12px; } .game-download-user { float: left; position: relative; width: 40px; width: 40px; margin: 0px 4px 4px 0px; } #game-download-stats { position: relative; padding-top: 8px; color: #ffffff; font-size: 10px; } #game-download-stats div { position: relative; padding-left: 22px; width: 100%; margin-bottom: 10px; line-height: 16px; background-repeat: no-repeat; } #game-download-button { position: relative; width: 264px; height: 98px; } #game-download-button-size { position: absolute; left: 12px; top: 55px; color: #ffffff; font-size: 12px; } .game-download-releasenotes { color: #cccccc; } .game-download-releasenotes h1 { font-size: 12px; color: #cccccc; font-weight: bold; } .game-download-download { background-image: url(../templates/gfx/games/download/download.png); } .game-download-notes { background-image: url(../templates/gfx/games/download/notes.png); } /************************************ * GAMES -> REVIEWS */ .reviews-items-info-score { position: absolute; width: 32px; height: 32px; bottom: 8px; left: 42px; z-index: 2; background-image: url(../templates/gfx/games/review/score-bkg.png); } .reviews-items-thumb-score { position: absolute; width: 32px; height: 32px; top: 38px; left: 56px; z-index: 2; background-image: url(../templates/gfx/games/review/score-bkg.png); } .reviews-items-thumb-score img, .reviews-items-info-score img { margin-top: 4px; margin-left: 4px; } /************************************ * GAME PROFILE -> SAYS */ .says-items-info { float: left; position: relative; width: 292px; height: 200px; background-image: url(../templates/gfx/games/says/bkg.png); margin-right: 15px; margin-left: 6px; margin-bottom: 10px; } .says-items-info-blurb { position: absolute; left: 16px; top: 16px; right: 16px; bottom: 88px; color: #ffffff; } .says-items-info-avatar { position: absolute; width: 32px; height: 32px; left: 16px; bottom: 76px; } .says-items-info-user { position: absolute; left: 52px; bottom: 79px; } .says-items-info-blurb a:link, .says-items-info-blurb a:visited, .says-items-info-user a:link, .says-items-info-user a:visited { font-weight: bold; color: #6699cc; } .says-items-info-user a:hover, .says-items-info-blurb a:hover { text-decoration: underline; } .says-items-info-date { font-size: 10px; color: #cccccc; } .says-items-info-score { position: absolute; right: 12px; bottom: 13px; width: 76px; height: 45px; } .says-items-info-bars { position: absolute; left: 16px; height: 56px; bottom: 6px; right: 90px; } .says-items-info-bars-row { position: relative; height: 13px; width: 180px; margin-bottom: 1px; } .says-items-info-bars-name { position: relative; float: left; width: 45px; margin-right: 4px; text-align: right; font-size: 9px; height: 13px; line-height: 10px; color: #ffffff; } .says-items-info-bars-bar { position: relative; float: left; width: 24px; height: 13px; margin-right: 1px; } .says-items-thumb-thumb { position: absolute; width: 60px; height: 60px; top: 15px; left: 12px; } /************************************ * GAME PROFILE */ #game-summary-pie { margin-left: 0px } #game-summary-feedback { position: relative; width: 274px; height: 104px; } .game-summary-feedback-box { position: absolute; width: 104px; height: 104px; background-image: url(../templates/gfx/games/profile/feedbackbox.png); } .game-summary-feedback-box-empty { position: absolute; left: 0px; right: 0px; top: 50px; height: 14px; line-height: 14px; color: #ffffff; text-align: center; } .game-summary-feedback-box-title { position: absolute; left: 0px; right: 0px; top: 7px; height: 14px; line-height: 14px; color: #ffffff; text-align: center; font-weight: bold; } .game-summary-feedback-box-rank { position: absolute; left: 0px; right: 0px; bottom: 7px; height: 14px; line-height: 14px; color: #ffffff; text-align: center; } .game-summary-feedback-box-rank a:link, .game-summary-feedback-box-rank a:visited { color: #ffffff; } .game-summary-feedback-box-rank a:hover { color: #6699cc; } .game-summary-feedback-box-score { position: absolute; left: 15px; top: 30px; } .game-summary-feedback-box-official { left: 20px; } .game-summary-feedback-box-community { left: 150px; } #game-summary-image { } #game-summary-blurb { position: relative; margin: 8px 0px 8px 0px; color: #ffffff; } #game-summary-developers { position: relative; margin: 20px 0px 0px 0px; color: #ffffff; } .game-summary-developer { position: relative; height: 32px; width: 274px; margin-bottom: 4px; } .game-summary-developer-avatar { position: absolute; width: 32px; height: 32px; top: 0px; left: 0px; } .game-summary-developer-info { position: absolute; left: 36px; right: 0px; top: 3px; } .game-summary-developer-info a:link, .game-summary-developer-info a:visited { font-weight: bold; color: #6699cc; } .game-summary-developer-info a:hover { text-decoration: underline; } .game-summary-developer-info-role { font-size: 10px; color: #ffffff; } #game-header { position: absolute; left: 150px; top: 0px; bottom: 1px; right: 0px; } #game-header-image { position: absolute; width: 99px; height: 99px; top: 21px; } #game-header-title { position: absolute; left: 114px; top: 34px; width: 589px; height: 74px; } #game-header-says { position: absolute; width: 252px; height: 139px; right: 0px; top: 0px; } #game-header-says-inner { position: absolute; left: 25px; top: 10px; right: 10px; bottom: 10px; } #game-header-says-score { position: relative; width: 217px; height: 50px; } .game-header-says-name { float: left; position: relative; width: 56px; margin-right: 10px; text-align: right; color: #ffffff; font-size: 10px; line-height: 14px; } .game-header-says-name span { font-size: 12px; font-weight: bold; } .game-header-says-score-says { position: absolute; left: 80px; bottom: -1px; width: 100px; font-size: 10px; color: #ffffff; } .game-header-says-score { float: left; position: relative; width: 77px; height: 45px; } .game-column-stats { background-image: url(../templates/gfx/games/profile/stats.png); } .game-column-summary { background-image: url(../templates/gfx/games/profile/summary.png); } .game-column-news { background-image: url(../templates/gfx/games/profile/news.png); min-height: 150px; } .game-screen { position: relative; float: left; width: 296px; margin-left: 4px; } .game-screen-screen { position: relative; width: 296px; height: 150px; } .game-screen-blurb { position: relative; width: 284px; padding: 6px 6px 15px 6px; color: #ffffff; } .game-screen-margin { margin-right: 12px; } #game-review-column { position: relative; float: left; margin-left: 0px; margin-top: 140px; width: 250px; height: 200px; } #game-review-score { position: relative; width: 265px; height: 95px; background-image: url(../templates/gfx/games/review/bkg.png); } #game-review-score img { position: absolute; left: 50%; top: 50%; margin-left: -48px; margin-top: -36px; } #game-review-info { position: relative; margin: 15px; width: 235px; } #game-review-blurb { position: relative; color: #ffffff; } #game-review-stats { margin: 15px 0px 0px 0px; } .game-review-stats-stat { position: relative; height: 16px; width: 235px; margin-bottom: 1px; } .game-review-stats-stat div { position: relative; float: left; height: 16px; line-height: 14px; } .game-review-stats-stat-name { font-size: 10px; width: 65px; margin-right: 10px; color: #ffffff; text-align: right; } .game-review-stats-stat-bar { width: 29px; margin-right: 1px; } /************************************ * FRONTPAGE */ .game-says { position: relative; width: 100%; height: 72px; margin-bottom: 8px; } .game-says-screen { position: absolute; width: 60px; height: 60px; } .game-says-score { position: absolute; width: 32px; height: 32px; top: 40px; left: 40px; z-index: 2; background-image: url(../templates/gfx/games/review/score-bkg.png); } .game-says-score img { margin-top: 4px; margin-left: 4px; } .games-says-text { position: absolute; left: 80px; top: 0px; height: 60px; right: 6px; color: #cccccc; } .games-says-text a:link, .games-says-text a:visited { font-weight: bold; color: #6699cc; } .games-says-text a:hover { text-decoration: underline; } .games-says-info { position: absolute; left: 80px; bottom: 12px; height: 10px; color: #999999; font-size: 10px; } .games-says-info a:link, .games-says-info a:visited { color: #6699cc; } .games-says-info a:hover { text-decoration: underline; } .games-says-stats { position: absolute; right: 12px; bottom: 12px; height: 10px; color: #999999; font-size: 10px; } #games-recent { position: relative; width: 950px; height: 231px; background-image: url(../templates/gfx/games/recent.png); overflow: hidden; } #games-recent-inner { position: relative; width: 2000px; height: 230px; } .game-recent-box { float: left; position: relative; width: 190px; height: 230px; overflow: hidden; } .game-recent-box-info { position: absolute; left: 1px; bottom: 0px; height: 16px; width: 394px; background-image: url(../templates/gfx/games/recent-info.png); z-index: 2; color: #ffffff; padding: 4px; } .game-recent-box-info-flush { left: 0px; } .game-recent-box-bar { position: absolute; left: 0px; top: 0px; height: 230px; width: 1px; background-image: url(../templates/gfx/games/recent-bar.png); z-index: 2; } .game-recent-box-more { position: absolute; width: 31px; height: 31px; right: 10px; top: 50%; margin-top: -16px; } .game-recent-box-inner { position: relative; width: 314px; } .game-recent-box-info-title { font-size: 16px; font-weight: bold; } .game-recent-box-screen { position: absolute; width: 402px; z-index: 1; } .games-news { background-image: url(../templates/gfx/games/news.png); } .games-says { background-image: url(../templates/gfx/games/says.png); } /****************************************************** * PLAYLIST */ #playlist-letters { position: absolute; right: 0px; top: 0px; width: 430px; bottom: 0px; } .playlist-letter { position: relative; float: left; width: 30px; height: 30px; cursor: pointer; margin: 8px; } .playlist-letter-count { position: absolute; width: 10px; height: 10px; right: -8px; bottom: -2px; text-align: center; line-height: 10px; color: #cccccc; font-size: 10px; } #playlist-container { position: relative; width: 950px; height: 300px; background-image: url(../templates/gfx/games/playlist/body-bkg.png); background-position: 50% 50%; background-repeat: no-repeat; } .playlist-game { position: relative; float: left; margin: 6px 6px 12px 6px; width: 300px; height: 350px; background-image: url(../templates/gfx/games/playlist/game.png); } .playlist-profile { width: 290px; } .playlist-game-title { position: absolute; left: 8px; right: 8px; top: 8px; text-align: center; color: #ffffff; } .playlist-game-title h1 { font-size: 16px; margin: 0px; } .playlist-game-screen { position: absolute; top: 50px; left: 50px; } .playlist-game-score { position: absolute; width: 97px; height: 71px; left: 102px; top: 202px; background-image: url(../templates/gfx/games/playlist/score-bkg.png); } .playlist-game-score img { margin-top: 5px; } .playlist-game-blurb { position: absolute; left: 8px; right: 8px; top: 280px; text-align: center; color: #ffffff; } .playlist-game-blurb-profile { position: absolute; left: 8px; right: 8px; top: 260px; text-align: center; color: #ffffff; } .playlist-game-info { position: absolute; left: 8px; right: 8px; bottom: 8px; text-align: center; color: #cccccc; font-size: 10px; } /****************************************************** * LEADERBOARD */ #leaderboard-options { position: absolute; right: 0px; top: 0px; width: 400px; bottom: 1px; background-image: url(../templates/gfx/games/leaderboard/options-bkg.png); } .leaderboard-option { position: relative; width: 144px; height: 24px; cursor: pointer; background-image: url(../templates/gfx/games/leaderboard/option-bkg.png); } #leaderboard-options-sorting { position: absolute; top: 65px; left: -50px; } #leaderboard-options-genre { position: absolute; top: 65px; left: 98px; } #leaderboard-options-year { position: absolute; top: 65px; left: 245px; } .leaderboard-content { height: 130px; background-image: url(../templates/gfx/games/leaderboard/body-bkg.png); background-repeat: no-repeat; overflow: hidden; } #leaderboard-container { position: relative; width: 950px; height: 300px; padding-top: 33px; } .leaderboard-row { float: left; position: relative; width: 950px; height: 92px; clear: both; } .leaderboard-row-bkg { background-image: url(../templates/gfx/games/leaderboard/row-bkg.png); } .leaderboard-row-thumb { position: absolute; top: 10px; left: 10px; width: 76px; height: 76px; } .leaderboard-row-thumb-screen { position: absolute; width: 70px; height: 70px; z-index: 1; } .leaderboard-row-thumb-rank { position: absolute; width: 32px; height: 32px; right: 0px; bottom: 0px; z-index: 2; } .leaderboard-row-details { position: absolute; left: 100px; top: 8px; height: 72px; width: 560px; } .leaderboard-row-details-title { position: absolute; left: 0px; top: 0px; height: 24px; right: 0px; font-size: 24px; color: #ffffff; line-height: 24px; } .leaderboard-row-details-title a:link, .leaderboard-row-details-title a:visited { color: #ffffff; } .leaderboard-row-details-title a:hover { color: #6699cc; text-decoration: none; } .leaderboard-row-details-blurb { position: absolute; left: 0px; right: 0px; top: 28px; height: 30px; color: #cccccc; font-size: 12px; line-height: 14px; } .leaderboard-row-details-info { position: absolute; left: 0px; right: 0px; bottom: 0px; color: #999999; font-size: 10px; } .leaderboard-row-details-info a:link, .leaderboard-row-details-info a:visited { color: #6699cc; } .leaderboard-row-details-info a:hover { text-decoration: underline; } .leaderboard-row-official { position: absolute; left: 694px; top: 17px; width: 76px; height: 45px; text-align: center; line-height: 60px; font-size: 10px; color: #ffffff; } .leaderboard-row-official-info { position: absolute; left: 694px; bottom: 15px; width: 76px; height: 10px; text-align: center; font-size: 10px; color: #ffffff; } .leaderboard-row-says { position: absolute; left: 824px; top: 17px; width: 76px; height: 45px; } .leaderboard-row-says-count { position: absolute; left: 824px; bottom: 15px; width: 76px; height: 10px; text-align: center; font-size: 10px; color: #ffffff; } /****************************************************** * TIMELINE */ .timeline-content { height: 150px; overflow: hidden; } #timeline-container { position: relative; width: 950px; height: 300px; display: none; background-image: url(../templates/gfx/games/timeline/body-bkg.png); } .timeline-cell { float: left; position: relative; width: 950px; height: 300px; padding-bottom: 8px; } .timeline-head { position: relative; width: 100%; height: 85px; background-image: url(../templates/gfx/games/timeline/head-bkg.png); } .timeline-year-counter { position: absolute; left: 528px; top: 38px; font-size: 10px; color: #ffffff; } .timeline-year { position: absolute; width: 115px; height: 64px; left: 50%; top: 0px; margin-left: -58px; } .timeline-prev { position: absolute; width: 32px; height: 32px; background-image: url(../templates/gfx/games/timeline/prev.png); left: 8px; top: 16px; cursor: pointer; } .timeline-next { position: absolute; width: 32px; height: 32px; background-image: url(../templates/gfx/games/timeline/next.png); right: 8px; top: 16px; cursor: pointer; } .timeline-body { position: relative; width: 100%; height: 215px; } .timeline-months { position: absolute; width: 100%; top: 4px; height: 96px; background-image: url(../templates/gfx/games/timeline/months.png); } .timeline-game { position: absolute; width: 202px; height: 74px; z-index: 2; background-image: url(../templates/gfx/games/timeline/game-bkg.png); } .timeline-game-info { position: absolute; left: 78px; top: 4px; right: 4px; bottom: 4px; font-family: verdana; color: #cccccc; font-size: 12px; } .timeline-game-user { font-size: 10px; } .timeline-game-info a:link, .timeline-game-info a:visited { font-weight: bold; color: #6699cc; } .timeline-game-info a:hover { text-decoration: underline; } .timeline-game-release { position: absolute; bottom: 4px; right: 4px; left: 78px; font-size: 10px; color: #999999; } .timeline-line { position: absolute; top: 0px; width: 1px; z-index: 1; background-image: url(../templates/gfx/games/timeline/line-bkg.png); } .timeline-game-thumb { position: absolute; width: 70px; height: 70px; top: 2px; left: 4px; } .rpgtk-home-sitemap { color: #cccccc; } .rpgtk-home-sitemap a, .rpgtk-home-sitemap a:visited { color: #6699cc; } .rpgtk-home-sitemap a:hover { color: #99ccff; } .rpgtk-home-about { color: #cccccc; } .rpgtk-home-about a, .rpgtk-home-about a:visited { color: #6699cc; } .rpgtk-home-about a:hover { color: #99ccff; } .rpgtk-home-about h1 { font-size: 22px; } #home-count { position: absolute; right: 15px; top: 10px; bottom: 27px; width: 450px; background-image: url(../templates/gfx/home/count.png); background-position: 100% 100%; background-repeat: no-repeat; } #home-count-inner { position: absolute; right: 0px; height: 52px; top: 29px; } #home-count-inner div { float: left; width: 45px; height: 52px; margin-left: 2px; } #home-strip { position: relative; width: 950px; height: 32px; background-image: url(../templates/gfx/home/strip-bkg.png); } #home-blurb { position: absolute; left: 8px; bottom: 9px; color: #ffffff; } #home-blurb a, #home-blurb a:visited { color: #6699cc; } #home-blurb a:hover { color: #99ccff; } #home-rpgtoolkit { position: absolute; width: 322px; height: 78px; right: 6px; top: -57px; } #home-features { position: relative; width: 950px; height: 196px; background-image: url(../templates/gfx/home/features-bkg.png); overflow: hidden; } #home-features-inner { position: relative; width: 1400px; height: 195px; overflow: hidden; } .home-features-box { float: left; position: relative; width: 317px; height: 195px; overflow: hidden; } .home-features-box-info { position: absolute; left: 1px; bottom: 0px; width: 480px; height: 16px; background-image: url(../templates/gfx/games/recent-info.png); z-index: 3; color: #ffffff; padding: 4px; overflow: hidden; } .home-features-box-info-flush { left: 0px; } .home-features-box-more { position: absolute; width: 31px; height: 31px; right: 20px; top: 50%; margin-top: -16px; } .home-features-box-bar { position: absolute; left: 0px; top: 0px; height: 195px; width: 1px; background-image: url(../templates/gfx/home/feature-bar.png); z-index: 2; } .home-features-box-inner { position: relative; width: 400px; } .home-features-box-info-title { font-size: 16px; font-weight: bold; } .home-features-box-screen { position: absolute; width: 402px; z-index: 1; } .home-contribution { position: relative; width: 284px; margin: 0px 0px 10px 0px; } .home-contribution-review { position: absolute; right: -3px; bottom: -3px; } .home-contribution-avatar { position: relative; float: left; width: 60px; height: 60px; } .home-contribution-blurb { position: relative; float: left; margin-left: 8px; width: 208px; font-family: verdana; color: #cccccc; font-size: 12px; } .home-contribution-info { font-family: verdana; font-size: 10px; color: #999999; } .home-contribution-blurb a:link, .home-contribution-blurb a:visited { color: #6699cc; font-weight: bold; } .home-contribution-blurb a:hover { text-decoration: underline; } .home-contribution-info a:link, .home-contribution-info a:visited { color: #6699cc; } .home-contribution-info a:hover { text-decoration: underline; } #home-poll { position: relative; width: 278px; } .home-contributions { background-image: url(../templates/gfx/home/contributions.png); } .home-community { background-image: url(../templates/gfx/home/community.png); } .home-activity { background-image: url(../templates/gfx/home/activity.png); } /************************************************ * POLL */ #poll-inner { position: relative; background-image: url(../templates/gfx/core/bkg-light.png); } #poll-title { position: relative; color: #cccccc; } #poll-options { position: relative; padding: 10px 0px 10px 0px; } #poll-buttons { position: relative; width: 100%; text-align: center; margin-top: 8px; } #poll-buttons img { cursor: pointer; } .poll-option { position: relative; width: 100%; height: 36px; } .poll-option-vote { height: 20px; } .poll-option-title { position: relative; width: 100%; height: 12px; color: #cccccc; margin-bottom: 4px; } .poll-option-option { position: absolute; right: 0px; top: -3px; } .poll-option-bar { position: relative; width: 100%; height: 16px; } .poll-option-bar div { position: relative; float: left; height: 16px; } .poll-option-bar-start { width: 8px; } .poll-option-bar-middle { text-align: right; color: #ffffff; line-height: 16px; } .poll-option-bar-end { width: 8px; } .poll-option-1-start { background-image: url(../templates/gfx/poll/start-1.png); } .poll-option-1-middle { background-image: url(../templates/gfx/poll/middle-1.png); } .poll-option-1-end { background-image: url(../templates/gfx/poll/end-1.png); } .poll-option-2-start { background-image: url(../templates/gfx/poll/start-2.png); } .poll-option-2-middle { background-image: url(../templates/gfx/poll/middle-2.png); } .poll-option-2-end { background-image: url(../templates/gfx/poll/end-2.png); } .poll-option-3-start { background-image: url(../templates/gfx/poll/start-3.png); } .poll-option-3-middle { background-image: url(../templates/gfx/poll/middle-3.png); } .poll-option-3-end { background-image: url(../templates/gfx/poll/end-3.png); } .poll-option-4-start { background-image: url(../templates/gfx/poll/start-4.png); } .poll-option-4-middle { background-image: url(../templates/gfx/poll/middle-4.png); } .poll-option-4-end { background-image: url(../templates/gfx/poll/end-4.png); } .poll-option-5-start { background-image: url(../templates/gfx/poll/start-5.png); } .poll-option-5-middle { background-image: url(../templates/gfx/poll/middle-5.png); } .poll-option-5-end { background-image: url(../templates/gfx/poll/end-5.png); } .home-blog-entry { position: relative; float: left; width: 455px; height: 107px; margin: 5px; } .home-blog-entry-info { position: absolute; width: 64px; height: 107px; background-image: url(../templates/gfx/home/blog-bkg.png); } .home-blog-entry-info-day { position: absolute; width: 64px; height: 26px; top: 10px; left: 0px; } .home-blog-entry-info-month { position: absolute; width: 64px; height: 10px; top: 46px; left: 0px; } .home-blog-entry-info-comments { position: absolute; width: 40px; right: 4px; top: 66px; height: 20px; line-height: 20px; color: #ffffff; font-family: "Courier"; text-align: right; } .home-blog-entry-info-likes { position: absolute; width: 40px; right: 4px; top: 87px; height: 20px; line-height: 20px; color: #ffffff; font-family: "Courier"; text-align: right; } .home-blog-entry-text { position: absolute; left: 72px; top: 0px; bottom: 0px; right: 0px; color: #ffffff; overflow: hidden; } .home-blog-entry-text h1 { font-size: 18px; margin: 0px; } .home-blog-entry-date { text-align: right; position: absolute; right: 0px; bottom: 0px; font-size: 10px; color: #cccccc; } .home-blog-entry-text a:link, .home-blog-entry-text a:visited, .home-blog-entry-date a:link, .home-blog-entry-date a:visited { color: #6699cc; } .home-blog-entry-text a:hover { text-decoration: underline; } @CHARSET "ISO-8859-1"; /********************************************* * actions */ .actions-empty { position: relative; width: 100%; height: 100px; background-image: url(../templates/gfx/listing/empty.png); background-position: 50% 50%; background-repeat: no-repeat; } .actions-container { position: relative; width: 100%; color: #cccccc; height: 100px; overflow: hidden; padding-bottom: 32px; } .actions-inner { position: relative; width: 100%; } .action-page { position: relative; width: 100%; visibility: hidden; } .action-day { position: relative; width: 100%; margin-bottom: 4px; font-size: 14px; font-weight: bold; padding: 6px 0px 6px 0px; color: #cccccc; } .action { position: relative; width: 100%; margin-bottom: 4px; } .action-image { position: absolute; left: 0px; top: 0px; width: 32px; height: 32px; } .action-text { position: relative; margin-left: 42px; font-family: verdana; color: #cccccc; font-size: 12px; } .action-text-padding { padding-top: 6px; } .action-date { font-family: verdana; font-size: 10px; color: #999999; } .action-text a:link, .action-text a:visited { font-weight: bold; color: #6699cc; } .action-text a:hover { text-decoration: underline; } /********************************************* * snippets */ .snippets-container { position: relative; width: 100%; color: #cccccc; } .snippet { position: relative; width: 100%; margin-bottom: 4px; } .snippet-image { position: absolute; left: 0px; top: 0px; width: 32px; height: 32px; } .snippet-text { position: relative; margin-left: 36px; font-family: verdana; color: #cccccc; font-size: 12px; } .snippet-date { font-family: verdana; font-size: 10px; color: #999999; } .snippet-text a:link, .snippet-text a:visited { font-weight: bold; color: #6699cc; } .snippet-text a:hover { text-decoration: underline; } /********************************************* * section */ #section { position: relative; width: 950px; } #section-container { position: relative; width: 950px; } .section-container-2 { background-image: url(../templates/gfx/layout/section/bkg-2.png); } .section-container-3 { background-image: url(../templates/gfx/layout/section/bkg-3.png); } .section-container-2b { background-image: url(../templates/gfx/layout/section/bkg-2b.png); } .section-container-2d { background-image: url(../templates/gfx/layout/section/bkg-4.png); } .section-container-2f { background-image: url(../templates/gfx/layout/section/bkg-2f.png); } #section-column-1 { width: 317px; background-image: url(../templates/gfx/layout/section/recent.png); } #section-column-2 { width: 316px; background-image: url(../templates/gfx/layout/section/feedback.png); } #section-column-1-clean { width: 317px; } #section-column-2-clean { width: 316px; } #section-column-3 { width: 317px; } #section-column-1b { width: 550px; } #section-column-2b { width: 400px; } #section-column-1c { width: 650px; } #section-column-2c { width: 300px; } #section-column-1d { width: 475px; } #section-column-2d { width: 475px; } #section-column-1e { width: 317px; } #section-column-2e { width: 316px; } #section-column-3e { width: 317px; } #section-column-1f { width: 300px; } #section-column-2f { width: 650px; } .section-feedback-view { background-image: url(../templates/gfx/layout/section/view.png); } .section-feedback-comment { background-image: url(../templates/gfx/layout/section/comment.png); } .section-feedback-like { background-image: url(../templates/gfx/layout/section/like.png); } .section-column { float: left; background-repeat: no-repeat; position: relative; padding-bottom: 4px; } .section-column-inner { position: relative; width: 284px; margin-top: 8px; margin-left: 28px; } .section-column-1b-inner { position: relative; width: 518px; margin-top: 8px; margin-left: 28px; } .section-column-2b-inner { position: relative; width: 367px; margin-top: 8px; margin-left: 28px; } .section-column-1c-inner { position: relative; width: 618px; margin-top: 8px; margin-left: 28px; } .section-column-2c-inner { position: relative; width: 267px; margin-top: 8px; margin-left: 28px; } .section-column-1d-inner { position: relative; width: 443px; margin-top: 8px; margin-left: 28px; } .section-column-2d-inner { position: relative; width: 443px; margin-top: 8px; margin-left: 28px; } .section-column-3e-inner { position: relative; width: 274px; margin-top: 8px; margin-left: 28px; } .section-column-1f-inner { position: relative; width: 267px; margin-top: 8px; margin-left: 28px; } .section-column-2f-inner { position: relative; width: 618px; margin-top: 8px; margin-left: 28px; } .section-topfive-main { position: relative; width: 284px; height: 100px; margin: 0px 0px 6px 0px; } .section-topfive { position: relative; width: 284px; height: 50px; margin: 0px 0px 10px 0px; } .section-topfive-blurb { position: absolute; left: 60px; top: 12px; bottom: 0px; right: 0px; } .section-topfive-avatar { position: absolute; width: 50px; height: 50px; } .section-topfive-rank { position: absolute; width: 32px; height: 32px; right: 0px; bottom: 0px; } .section-topfive-rank-small { position: absolute; width: 16px; height: 16px; right: -4px; bottom: -4px; } .section-topfive-info { position: absolute; left: 104px; bottom: 8px; right: 0px; font-family: verdana; font-size: 10px; color: #999999; } .section-topfive-info-small { position: absolute; left: 60px; bottom: 12px; right: 0px; font-family: verdana; font-size: 10px; color: #999999; } .section-recent-fixed-avatar { position: absolute; width: 100px; height: 100px; } .section-recent-fixed-blurb { position: absolute; left: 104px; right: 0px; top: 0px; bottom: 0px; font-family: verdana; color: #cccccc; font-size: 12px; } .section-recent { position: relative; width: 284px; margin: 0px 0px 10px 0px; } .section-recent-avatar { position: relative; float: left; width: 60px; height: 60px; } .section-recent-blurb { position: relative; float: left; margin-left: 8px; width: 208px; font-family: verdana; color: #cccccc; font-size: 12px; } .section-recent-info { font-family: verdana; font-size: 10px; color: #999999; } .section-recent-info a:link, .section-recent-info a:visited, .section-topfive-info a:link, .section-topfive-info a:visited, .section-topfive-info-small a:link, .section-topfive-info-small a:visited { color: #6699cc; } .section-feedback { position: relative; width: 284px; height: 40px; margin: 0px 0px 8px 0px; } .section-feedback-avatar { position: absolute; width: 40px; height: 40px; } .section-feedback-type { position: absolute; right: -4px; bottom: -4px; width: 16px; height: 16px; } .section-feedback-blurb { position: absolute; left: 50px; top: 0px; bottom: 0px; right: 0px; font-family: verdana; color: #cccccc; font-size: 12px; } .section-feedback-date { font-family: verdana; font-size: 10px; color: #999999; } .section-recent-fixed-blurb a:link, .section-recent-fixed-blurb a:visited, .section-feedback-blurb a:link, .section-feedback-blurb a:visited, .section-recent-blurb a:link, .section-recent-blurb a:visited, .section-topfive-blurb a:link, .section-topfive-blurb a:visited { font-weight: bold; color: #6699cc; } .section-recent-fixed-blurb a:hover, .section-feedback-blurb a:hover, .section-recent-blurb a:hover, .section-recent-info a:hover, .section-topfive-info a:hover, .section-topfive-blurb a:hover, .section-topfive-info-small a:hover { text-decoration: underline; } /********************************************* * paper */ #paper-container { position: relative; float: left; margin-bottom: 28px; padding: 20px 0px 0px 10px; margin-left: 15px; width: 671px; background-image: url(../templates/gfx/layout/paper-bkg.png); background-repeat: no-repeat; background-position: 0px 10px; } #paper-foot { position: absolute; left: 0px; bottom: -10px; width: 671px; height: 10px; background-image: url(../templates/gfx/layout/paper-foot.png); } #paper { position: relative; width: 650px; padding: 0px 5px 0px 5px; background-color: #ffffff; color: #000000; } #paper a:link, #paper a:visited { color: #3366cc; } #paper a:hover { color: #006699; text-decoration: underline; } #paper-pagination { position: relative; width: 650px; padding-bottom: 10px; } .paper-pagination-button { position: relative; float: left; padding: 0px 12px 0px 12px; height: 20px; line-height: 20px; font-family: verdana; font-size: 10px; color: #ffffff; text-align: center; background-image: url(../templates/gfx/layout/pages/button-bkg.png); cursor: pointer; margin-right: 4px; margin-bottom: 2px; } .paper-pagination-button-selected { text-decoration: underline; } .paper-pagination-button-l { position: absolute; left: 0px; height: 20px; width: 9px; background-image: url(../templates/gfx/layout/pages/button-l.png); } .paper-pagination-button-r { position: absolute; right: 0px; height: 20px; width: 9px; background-image: url(../templates/gfx/layout/pages/button-r.png); } #paper-pages-container { position: relative; width: 650px; height: 300px; overflow: hidden; } .paper-pages-container-load { background-image: url(../templates/gfx/layout/loading.gif); background-position: 50% 50%; background-repeat: no-repeat; } #paper-pages-inner { position: relative; visibility: hidden; background-color: #ffffff; } .paper-pages-1 { width: 650px; } .paper-pages-2 { width: 1300px; } .paper-pages-3 { width: 1950px; } .paper-pages-4 { width: 2600px; } .paper-pages-5 { width: 3250px; } .paper-pages-6 { width: 3900px; } .paper-pages-7 { width: 4550px; } .paper-pages-8 { width: 5200px; } .paper-pages-9 { width: 5850px; } .paper-pages-10 { width: 6500px; } .paper-pages-11 { width: 7150px; } .paper-pages-12 { width: 7800px; } .paper-pages-13 { width: 8450px; } .paper-pages-14 { width: 9100px; } .paper-pages-15 { width: 9750px; } .paper-pages-16 { width: 10400px; } .paper-page { position: relative; float: left; width: 650px; padding-bottom: 10px; } .paper-page-inner { position: relative; width: 640px; } /********************************************* * columns */ #columns { position: relative; float: left; margin-left: 15px; margin-top: 45px; width: 235px; height: 200px; } /********************************************* * options */ #options { position: absolute; width: 671px; left: 0px; bottom: -26px; height: 26px; background-image: url(../templates/gfx/layout/options-bkg.png); background-repeat: no-repeat; padding: 0px 4px 0px 4px; } #options-load { position: absolute; width: 671px; left: 0px; top: 0px; height: 26px; z-index: 2; background-image: url(../templates/gfx/layout/options-load.gif); background-position: 318px 10px; background-repeat: no-repeat; } #options img { float: left; } /********************************************* * columns */ #columns-head { position: relative; width: 100%; height: 15px; background-image: url(../templates/gfx/layout/columns-head.png); } #columns-body { position: relative; width: 100%; background-image: url(../templates/gfx/layout/columns-bkg.png); } #columns-left { position: relative; float: left; margin-left: 20px; width: 284px; } #columns-right { position: relative; float: left; margin-left: 15px; width: 616px; } #columns-foot { position: relative; width: 100%; height: 15px; background-image: url(../templates/gfx/layout/columns-foot.png); } .columns-box { position: relative; width: 284px; margin-bottom: 1px; } .columns-box-head, .columns-box-foot { position: relative; width: 100%; height: 11px; } .columns-box-body { position: relative; padding: 0px 11px 0px 11px; width: 262px; } .columns-box-1-head { background-image: url(../templates/gfx/layout/columns-box-1-head.png); } .columns-box-1-body { background-image: url(../templates/gfx/layout/columns-box-1-bkg.png); } .columns-box-1-foot { background-image: url(../templates/gfx/layout/columns-box-1-foot.png); } .columns-box-2-head { background-image: url(../templates/gfx/layout/columns-box-2-head.png); } .columns-box-2-body { background-image: url(../templates/gfx/layout/columns-box-2-bkg.png); } .columns-box-2-foot { background-image: url(../templates/gfx/layout/columns-box-2-foot.png); } .columns-box-3-head { background-image: url(../templates/gfx/layout/columns-box-3-head.png); } .columns-box-3-body { background-image: url(../templates/gfx/layout/columns-box-3-bkg.png); } .columns-box-3-foot { background-image: url(../templates/gfx/layout/columns-box-3-foot.png); } #columns-summary { color: #ffffff; font-size: 10px; } #columns-summary-about { position: relative; width: 262px; height: 80px; } #columns-summary-about a, #columns-summary-about a:visited { color: #99ccff; } #columns-summary-about a:hover { text-decoration: underline; } #columns-summary-image { position: absolute; left: 0px; top: 0px; width: 80px; height: 80px; } #columns-summary-info { position: absolute; left: 88px; right: 0px; top: 0px; height: 100px; } #columns-summary-info b { font-size: 12px; } #columns-summary-info p { margin: 8px 0px 8px 0px; } #columns-summary-stats { margin-top: 15px; position: relative; padding-top: 8px; color: #ffffff; font-size: 10px; } #columns-summary-stats div { position: relative; padding-left: 22px; width: 220px; margin-bottom: 2px; line-height: 16px; background-repeat: no-repeat; } #columns-summary-stats a, #columns-summary-stats a:visited { color: #99ccff; } #columns-summary-stats a:hover { text-decoration: underline; } #columns-summary-stats-views { background-image: url(../templates/gfx/layout/stats-views.png); } #columns-summary-stats-comments { background-image: url(../templates/gfx/layout/stats-comments.png); } #columns-summary-stats-like { background-image: url(../templates/gfx/layout/stats-like.png); } #columns-summary-stats-downloads { background-image: url(../templates/gfx/layout/stats-downloads.png); } /********************************* * background */ .background { position: relative; margin-left: 20px; width: 930px; } .background-head { position: relative; width: 930px; height: 15px; background-image: url(../templates/gfx/layout/background-head.png); } .background-head-bar { height: 29px; background-image: url(../templates/gfx/layout/background-head-bar.png); } .background-content { position: relative; padding: 0px 15px 0px 15px; width: 900px; background-color: #ffffff; } .background-foot { position: relative; width: 930px; height: 15px; background-image: url(../templates/gfx/layout/background-foot.png); } .content-reference div { padding: 5px; font-family: courier; width: 630px; border: 1px dotted #cccccc; background-color: #ffffcc; } .content-reference-nodesc { margin-bottom: 5px; } .content-reference p { padding: 5px; font-family: verdana; border: 1px dotted #cccccc; margin: 0px; border-top: 0px; width: 630px; margin-bottom: 5px; } .lightbox-image { position: relative; visibility: visible; } .modal-container { position: absolute; width: 840px; left: 50%; margin-left: -420px; top: 40px; bottom: 40px; z-index: 101; color: #ffffff; } .modal-close { position: absolute; right: 0px; top: 0px; background-image: url(../templates/gfx/modal/close.png); width: 64px; height: 64px; cursor: pointer; } .modal-load { position: absolute; width: 128px; height: 15px; background-image: url(../templates/gfx/modal/load.gif); left: 50%; top: 50%; margin-left: -64px; margin-top: -8px; z-index: 100; } .modal-header { position: absolute; top: -78px; left: -33px; } .modal-header-avatar { position: absolute; } .modal-header-title { position: absolute; left: 74px; top: 4px; } .modal-header-title-text { width: 500px; } .modal-header-title-text h1 { font-size: 26px; margin: 0px; padding: 0px; } .modal-header-title-text a, .modal-header-title-text a:visited { color: #99ccff; } .modal-header-title-text a:hover { text-decoration: underline; } .modal-content { position: absolute; left: 32px; top: 80px; bottom: 0px; right: 32px; } .model-form-row { position: relative; float: left; clear: both; width: 840px; margin: 8px 0px 8px 0px; } .model-form-row-break { position: relative; float: left; clear: both; width: 840px; height: 12px; } .modal-form-buttons { text-align: right; } .modal-form-buttons img { cursor: pointer; } .model-form-field { position: relative; float: left; width: 200px; font-weight: bold; } .model-form-value { position: relative; float: left; width: 576px; } .model-form-value textarea { color: #333333; border: 0px; font-family: Verdana; font-size: 12px; } .modal-form-textarea-300 { background-image: url(../templates/gfx/modal/form-textarea-300.png); } .modal-form-textarea-300 textarea { width: 564px; height: 288px; margin: 6px; } #comments { position: relative; padding-top: 10px; width: 935px; height: 60px; background-image: url(../templates/gfx/comments/bkg.png); background-position: 100% 100%; background-repeat: no-repeat; margin-bottom: 10px; } .comments-comment-new { position: absolute; left: 0px; top: -8px; width: 20px; height: 20px; z-index: 10; } .comments { height: 60px; background-position: 100% 100%; background-image: url(../templates/gfx/comments/bkg.png); background-repeat: no-repeat; } #comments-loading { position: absolute; right: 0px; width: 646px; height: 60px; background-image: url(../templates/gfx/core/loading-white.gif); background-position: 50% 50%; background-repeat: no-repeat; } .comments-comment-quote { float: left; margin-bottom: 8px; } .comments-comment-quote img { margin-right: 3px; } .comments-comment { position: relative; width: 100%; clear: both; background-image: url(../templates/gfx/comments/bkg.png); background-position: 100% 0px; background-repeat: no-repeat; } .comments-comment-left { background-position: 90px 0px; } .comments-comment-loading { position: absolute; z-index: 10; width: 653px; top: 0px; right: 8px; bottom: 14px; background-color: #ffffff; background-image: url(../templates/gfx/core/loading-white.gif); background-position: 50% 50%; background-repeat: no-repeat; } .comments-comment-about { position: absolute; top: 0px; right: 670px; width: 60px; height: 60px; background-image: url(../templates/gfx/comments/about.png); background-position: 100% 50%; background-repeat: no-repeat; } .comments-comment-about-avatar { position: absolute; right: 8px; width: 60px; height: 60px; } .comments-comment-body { position: relative; float: right; width: 654px; min-height: 44px; margin-top: 8px; padding: 0px 8px 8px 8px; font-size: 10px; background-image: url(../templates/gfx/comments/expand.png); background-position: 100% 100%; background-repeat: no-repeat; } .comments-comment-body a:link, .comments-comment-body a:visited { color: #6699cc; } .comments-comment-body a:hover { text-decoration: underline; } .comments-comment-options { position: absolute; z-index: 2; right: 0px; width: 66px; height: 21px; text-align: right; background-image: url(../templates/gfx/comments/options-bkg.png); top: -8px; padding: 3px 2px 0px 0px; } .comments-comment-options img { display: inline; margin-right: 2px; cursor: pointer; } .comments-comment-body-text { position: relative; min-height: 28px; color: #000000; } .comments-comment-body-text textarea { width: 100%; border: 0px; font-size: 10px; height: 28px; font-family: verdana; overflow: hidden; } .comments-comment-quote { position: relative; display: block; width: 100%; color: #666666; font-size: 10px; line-height: 20px; font-family: verdana; } .overTxtLabel { font-family: verdana; font-size: 18px; color: #999999; padding: 0px; margin: 0px; text-align: center; width: 650px; height: 28px; line-height: 32px; } .comments-comment-body-date { position: relative; padding-top: 4px; color: #666666; height: 12px; clear: both; text-align: left; width: 100%; } .comments-comment-body-date a:link, .comments-comment-body-date a:visited { color: #6699cc; font-weight: normal; } .comments-comment-body-date a:hover { text-decoration: underline; } .comments-comment-body-delete { position: absolute; z-index: 9; width: 663px; top: 0px; right: 4px; bottom: 4px; background-color: #ffffff; text-align: center; font-size: 12px; } .comments-comment-body-delete img { margin: 2px; cursor: pointer; } .comments-comment-body-buttons { position: relative; padding-top: 4px; color: #666666; height: 20px; clear: both; text-align: right; width: 100%; } .comments-comment-body-buttons img { cursor: pointer; display: none; } .comments-comment-break { clear: both; float: left; height: 10px; } .rpgtk-common-like-user { position: relative; float: left; width: 80px; height: 100px; margin: 10px; text-align: center; color: #ffffff; font-size: 10px; } .rpgtk-common-like-user img { margin: 0px 0px 4px 0px; } .rpgtk-common-like-user a:link, .rpgtk-common-like-user a:visited { color: #6699cc; } .rpgtk-common-like-user a:hover { text-decoration: underline; } .rpgtk-common-like-load { background-image: url(../templates/gfx/like/load.gif); background-position: 50% 50%; background-repeat: no-repeat; } @CHARSET "ISO-8859-1"; #listing-keywords { position: absolute; height: 138px; right: 0px; top: 0px; display: none; width: 487px; background-image: url(../templates/gfx/listing/keywords.png); overflow: hidden; } #listing-keywords-small { position: absolute; height: 138px; right: 0px; top: 0px; display: none; width: 387px; background-image: url(../templates/gfx/listing/keywords-small.png); overflow: hidden; } #listing-keywords-words { position: absolute; left: 135px; color: #ffffff; text-align: center; width: 305px; } #listing-keywords-words-small { position: absolute; left: 135px; color: #ffffff; text-align: center; width: 205px; } #listing-keywords-words a, #listing-keywords-words a:visited, #listing-keywords-words-small a, #listing-keywords-words-small a:visited { color: #ffffff; text-decoration: none; } #listing-keywords-words a:hover, #listing-keywords-words-small a:hover { text-decoration: underline; } #listing-empty { position: relative; width: 950px; height: 150px; background-image: url(../templates/gfx/listing/empty.png); background-position: 50% 50px; background-repeat: no-repeat; } #listing-pagination { position: absolute; left: 0px; top: 0px; height: 30px; z-index: 10; } #listing-pagination-left { float: left; position: relative; height: 30px; width: 10px; background-image: url(../templates/gfx/listing/pagination-left.png); } #listing-pagination-content { float: left; position: relative; height: 30px; background-image: url(../templates/gfx/listing/pagination-bkg.png); } #listing-pagination-content div { float: left; position: relative; line-height: 29px; font-size: 12px; color: #ffffff; padding: 0px 2px 0px 2px; } #listing-pagination-content a:link, #listing-pagination-content a:visited { color: #ffffff; } #listing-pagination-content a:hover { text-decoration: underline; } .listing-pagination-divide { height: 30px; width: 11px; background-image: url(../templates/gfx/listing/pagination-divide.png); background-position: 50% 50%; background-repeat: no-repeat; } .listing-pagination-current { font-weight: bold; } #listing-pagination-prev { float: left; position: relative; height: 30px; width: 6px; background-image: url(../templates/gfx/listing/pagination-prev.png); background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; } #listing-pagination-next { float: left; position: relative; height: 30px; width: 6px; background-image: url(../templates/gfx/listing/pagination-next.png); background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; } #listing-pagination-right { float: left; position: relative; height: 30px; width: 10px; background-image: url(../templates/gfx/listing/pagination-right.png); } #listing-older { height: 24px; background-image: url(../templates/gfx/listing/view-older.png); } .listing-older-relative { position: relative; width: 950px; } .listing-older-absolute { position: absolute; bottom: 0px; left: 0px; right: 0px; } #listing-older-load { position: absolute; width: 16px; height: 11px; background-image: url(../templates/gfx/listing/view-older-load.gif); top: 7px; left: 50%; margin-left: -8px; } #listing-older-button { position: absolute; top: 4px; left: 50%; margin-left: -70px; background-image: url(../templates/gfx/listing/view-older-button.png); width: 140px; height: 18px; cursor: pointer; } .listing-loading { position: absolute; width: 930px; top: 0px; bottom: 0px; background-image: url(../templates/gfx/core/loading.gif); background-position: 50% 50%; background-repeat: no-repeat; z-index: 2; } .listing-header { position: relative; width: 100%; height: 32px; margin-bottom: 15px; } .listing-options { position: absolute; right: 0px; height: 32px; } .listing-options-option { position: relative; float: left; width: 32px; height: 32px; } .listing-options-option img { width: 32px; height: 32px; cursor: pointer; } .listing-options-menu { position: absolute; height: 12px; width: 12px; display: block; z-index: 10; } .listing-options-menu-arrow { position: absolute; width: 10px; height: 5px; top: -4px; left: 50%; margin-left: -5px; background-image: url(../templates/gfx/ui/rounded/listing/arrow.png); z-index: 10; } .listing-options-menu-content { position: absolute; left: 6px; right: 6px; top: 6px; bottom: 6px; overflow: auto; z-index: 10; } .listing-options-menu-option { position: relative; width: 100px; height: 32px; overflow: hidden; background-repeat: no-repeat; padding-left: 40px; line-height: 32px; cursor: pointer; color: #ffffff; } .listing-options-menu-option-over { font-weight: bold; } .listing-items { position: relative; width: 950px; height: 0px; overflow: auto; } .listing-items-item { position: relative; } .listing-items-thumb { float: left; position: relative; width: 100px; height: 110px; background-image: url(../templates/gfx/listing/thumb.png); } .listing-items-thumb-thumb { position: absolute; width: 60px; height: 60px; top: 10px; left: 20px; } .listing-items-thumb-text { position: absolute; font-family: verdana; font-size: 10px; top: 70px; left: 4px; right: 4px; color: #cccccc; text-align: center; } .listing-items-info { float: left; position: relative; width: 465px; height: 80px; background-image: url(../templates/gfx/listing/info.png); } .listing-items-info-thumb { float: left; width: 70px; height: 70px; padding: 5px; } .listing-items-info-text { float: left; padding: 5px 0px 5px 0px; font-family: verdana; color: #cccccc; font-size: 12px; width: 369px; } .listing-items-info-date { position: absolute; left: 84px; bottom: 5px; font-family: verdana; font-size: 10px; color: #999999; } .listing-items-info-date a:link, .listing-items-info-date a:visited { color: #6699cc; } .listing-items-info-date a:hover { text-decoration: underline; } .listing-items-info-stats { position: absolute; right: 12px; bottom: 5px; font-size: 10px; font-family: verdana; color: #999999; } .listing-items-list { position: relative; width: 928px; height: 20px; background-image: url(../templates/gfx/listing/list.png); } .listing-items-list-text { width: 440px; font-family: verdana; font-size: 12px; line-height: 20px; height: 20px; padding-left: 10px; color: #cccccc; overflow: hidden; } .listing-items-list-stats { position: absolute; right: 8px; color: #999999; font-family: verdana; font-size: 10px; line-height: 20px; height: 20px; } .listing-items-list a:link, .listing-items-list a:visited, .listing-items-info-text a:link, .listing-items-info-text a:visited, .listing-items-thumb-text a:link, .listing-items-thumb-text a:visited { font-weight: bold; color: #6699cc; } .listing-items-list a:hover,.listing-items-info-text a:hover, .listing-items-thumb-text a:hover { font-weight: bold; text-decoration: underline; } #listing-keywords { position: absolute; width: 487px; height: 138px; right: 0px; top: 0px; display: none; background-image: url(../templates/gfx/listing/keywords.png); } #listing-keywords-words { position: absolute; left: 135px; color: #ffffff; width: 305px; text-align: center; } #listing-keywords-words a, #listing-keywords-words a:visited { color: #ffffff; text-decoration: none; } #listing-keywords-words a:hover { text-decoration: underline; } .software-faq { position: relative; width: 950px; height: 32px; } .software-faq-question { position: absolute; left: 10px; height: 32px; line-height: 32px; font-size: 16px; color: #ffffff; } .software-faq-question a:link, .software-faq-question a:visited { color: #ffffff; } .software-faq-question a:hover { color: #6699cc; } .software-faq-keywords { position: absolute; right: 10px; height: 32px; line-height: 32px; font-size: 10px; color: #cccccc; } .software-faq-keywords a:link, .software-faq-keywords a:visited { color: #6699cc; } .software-faq-keywords a:hover { text-decoration: underline; } .software-faq-answer { display: none; } .software-faq-alternate { background-image: url(../templates/gfx/core/bkg-light.png); } .software-requirements { color: #999999; font-size: 10px; } .software-requirements a:link, .software-requirements a:visited { color: #6699cc; } .software-requirements a:hover { text-decoration: underline; } .software-about { color: #cccccc; font-size: 12px; } .software-start { background-image: url(../templates/gfx/software/start.png); } .software-latest { background-image: url(../templates/gfx/software/latest.png); } #software-count { position: absolute; right: 15px; top: 10px; bottom: 30px; width: 450px; background-image: url(../templates/gfx/software/count.png); background-position: 100% 100%; background-repeat: no-repeat; } #software-count-inner { position: absolute; right: 0px; height: 52px; top: 29px; } #software-count-inner div { float: left; width: 45px; height: 52px; margin-left: 2px; } .software-feature { position: relative; float: left; width: 296px; margin-left: 4px; } .software-feature-screen { position: relative; width: 296px; height: 150px; } .software-feature-blurb { position: relative; width: 284px; padding: 6px 6px 15px 6px; color: #ffffff; } .software-feature-margin { margin-right: 12px; } .ui-button { width: 103px; height: 26px; cursor: pointer; } .ui-button-reply { background-image: url(../templates/gfx/ui/buttons/reply.png); } .ui-button-quickreply { background-image: url(../templates/gfx/ui/buttons/quickreply.png); } .ui-button-yes-r { background-image: url(../templates/gfx/ui/buttons/yes-r.png); } .ui-button-no-r { background-image: url(../templates/gfx/ui/buttons/no-r.png); } .ui-button-create { background-image: url(../templates/gfx/ui/buttons/create.png); } .ui-button-cancel { background-image: url(../templates/gfx/ui/buttons/cancel.png); } .ui-button-share { background-image: url(../templates/gfx/ui/buttons/share.png); } .ui-button-new { background-image: url(../templates/gfx/ui/buttons/new.png); } .ui-button-like { background-image: url(../templates/gfx/ui/buttons/like.png); } .ui-button-save { background-image: url(../templates/gfx/ui/buttons/save.png); } .ui-button-remove { background-image: url(../templates/gfx/ui/buttons/remove.png); } .ui-button-back { background-image: url(../templates/gfx/ui/buttons/back.png); } .ui-button-send { background-image: url(../templates/gfx/ui/buttons/send.png); } .ui-button-change { background-image: url(../templates/gfx/ui/buttons/change.png); } .ui-button-upload { background-image: url(../templates/gfx/ui/buttons/upload.png); } .ui-button-browse { background-image: url(../templates/gfx/ui/buttons/browse.png); } .ui-button-begin { background-image: url(../templates/gfx/ui/buttons/begin.png); } .ui-button-report { background-image: url(../templates/gfx/ui/buttons/report.png); } .ui-button-close { background-image: url(../templates/gfx/ui/buttons/close.png); } .ui-button-submit { background-image: url(../templates/gfx/ui/buttons/submit.png); } .ui-button-add { background-image: url(../templates/gfx/ui/buttons/add.png); } .ui-button-preview { background-image: url(../templates/gfx/ui/buttons/preview.png); } /************************************** * GENERAL */ .ui-form-hidden { display: none; } .ui-form-saved { position: relative; height: 40px; } .ui-form-saved-550 { width: 550px; background-image: url(../templates/gfx/ui/forms/saved-550.png); } .ui-form-saved-650 { width: 650px; background-image: url(../templates/gfx/ui/forms/saved-650.png); } .ui-form-title { position: relative; height: 16px; width: 100%; font-size: 16px; color: #cccccc; font-weight: bold; font-family: verdana; letter-spacing: 1px; } .ui-form-title-padding { padding-top: 8px; } .ui-form-blurb { position: relative; width: 650px; padding-top: 10px; } .ui-form-step { position: absolute; left: -50px; top: 50%; margin-top: -18px; width: 39px; height: 40px; } .ui-form-step-1 { background-image: url(../templates/gfx/ui/forms/step-1.png); } .ui-form-step-2 { background-image: url(../templates/gfx/ui/forms/step-2.png); } .ui-form-step-3 { background-image: url(../templates/gfx/ui/forms/step-3.png); } .ui-form-error { position: absolute; width: 38px; height: 40px; left: -28px; top: 0px; background-image: url(../templates/gfx/ui/forms/error.png); z-index: 1; } .ui-form-errortext { position: relative; width: 100%; margin-bottom: 8px; } .ui-form-errortext-inner { position: relative; padding: 10px 10px 10px 36px; color: #ffffff; font-size: 12px; z-index: 100; background-image: url(../templates/gfx/ui/forms/error-arrow.png); background-position: 10px 50%; background-repeat: no-repeat; } /************************************** * BUTTONS */ .ui-form-buttons { width: 100%; height: 26px; padding-bottom: 8px; } .ui-form-buttons div { float: right; margin-left: 8px; } .ui-form-buttons img { float: right; cursor: pointer; margin-left: 4px; } .ui-form-buttons-right div { clear: both; margin-bottom: 4px; } /************************************** * BUTTON FIELD */ .ui-form-buttonfield { position: relative; height: 40px; width: 100%; font-size: 16px; line-height: 40px; color: #cccccc; font-weight: bold; font-family: verdana; letter-spacing: 1px; } .ui-form-buttonfield-button { position: absolute; right: 4px; top: 4px; } /************************************** * CHECKBOX */ .ui-form-checkbox { position: relative; height: 40px; width: 100%; font-size: 16px; color: #cccccc; font-weight: bold; font-family: verdana; letter-spacing: 1px; line-height: 40px; margin: 12px 0px 12px 0px; } .ui-form-checkbox-box { position: absolute; width: 32px; height: 32px; right: 0px; top: 4px; background-image: url(../templates/gfx/ui/forms/check.png); } .ui-form-checkbox-tick { position: relative; width: 32px; height: 32px; cursor: pointer; background-image: url(../templates/gfx/ui/forms/check-tick.png); } /************************************** * UPLOAD */ .ui-form-upload { position: relative; background-repeat: no-repeat; } .ui-form-upload-540 { position: relative; width: 540px; height: 40px; margin: 12px 0px 12px 0px; background-image: url(../templates/gfx/ui/forms/upload-540.png); } .ui-form-upload-540-inner { position: relative; width: 532px; padding: 4px; height: 32px; font-size: 26px; overflow: hidden; z-index: 10; } .ui-form-upload-button { position: absolute; right: -110px; top: 7px; } /************************************** * PERCENT SLIDER */ .ui-form-slider { position: relative; width: 100%; height: 40px; margin-bottom: 8px; } .ui-form-slider-text { position: relative; height: 40px; width: 100%; font-size: 16px; color: #cccccc; font-weight: bold; font-family: verdana; letter-spacing: 1px; line-height: 40px; } .ui-form-slider-range { position: absolute; right: 0px; top: 0px; height: 40px; width: 400px; background-image: url(../templates/gfx/ui/forms/slider-bkg.png); cursor: pointer; overflow: hidden; } .ui-form-slider-bar { position: absolute; width: 1px; height: 40px; top: 0px; background-color: #333333; z-index: 2; display: none; } .ui-form-slider-value { position: relative; height: 40px; } .ui-form-slider-tooltip { width: 60px; height: 30px; color: #ffffff; text-align: center; } .ui-form-slider-tooltip-percent { position: relative; width: 60px; height: 18px; font-size: 14px; line-height: 18px; font-weight: bold; text-align: center; } .ui-form-slider-tooltip-text { position: relative; width: 60px; height: 12px; line-height: 12px; font-size: 10px; text-align: center; } .ui-form-slider-percent { position: absolute; z-index: 3; font-size: 24px; font-weight: bold; color: #ffffff; right: 8px; bottom: 5px; } .ui-form-slider-percent span { font-size: 10px; font-weight: normal; } /************************************** * SELECT */ .ui-form-select { position: relative; cursor: pointer; } .ui-form-select-tick { position: absolute; width: 18px; height: 18px; right: 0px; top: 50%; margin-top: -9px; background-image: url(../templates/gfx/ui/forms/select-tick.png); } .ui-form-select-single { cursor: default; } .ui-form-select-button { position: absolute; right: -110px; top: 7px; } .ui-form-select-inner { position: absolute; left: 5px; top: 4px; right: 4px; bottom: 4px; padding-right: 30px; color: #333333; z-index: 2; overflow: hidden; } /************************************** * SELECT - 650 */ .ui-form-select-650 { width: 650px; height: 40px; margin: 12px 0px 12px 0px; font-size: 26px; background-image: url(../templates/gfx/ui/forms/select-650.png); z-index: 50; } .ui-form-select-650-disable { background-image: url(../templates/gfx/ui/forms/select-650-disable.png); } .ui-form-select-650-expand { position: absolute; top: 30px; left: 0px; right: 0px; padding: 0px 5px 0px 5px; height: 1px; background-image: url(../templates/gfx/ui/forms/select-650-expand.png); background-position: 0% 100%; z-index: 100; overflow: hidden; } .ui-form-select-650-expand-child { position: relative; float: left; width: 150px; height: 20px; line-height: 20px; margin-right: 10px; font-size: 14px; color: #666666; } .ui-form-select-650-expand-single { position: relative; float: none; width: 628px; margin-right: 0px; } /************************************** * SELECT - 550 */ .ui-form-select-550 { width: 550px; height: 40px; margin: 12px 0px 12px 0px; font-size: 26px; background-image: url(../templates/gfx/ui/forms/select-550.png); z-index: 50; } .ui-form-select-550-disable { background-image: url(../templates/gfx/ui/forms/select-550-disable.png); } .ui-form-select-550-expand { position: absolute; top: 30px; left: 0px; right: 0px; padding: 0px 5px 0px 5px; height: 1px; background-image: url(../templates/gfx/ui/forms/select-550-expand.png); background-position: 0% 100%; z-index: 1; overflow: hidden; } .ui-form-select-550-expand-child { position: relative; float: left; width: 540px; height: 20px; line-height: 20px; margin-right: 10px; font-size: 14px; color: #666666; } /************************************** * SELECT - 540 */ .ui-form-select-540 { width: 540px; height: 40px; margin: 12px 0px 12px 0px; font-size: 26px; background-image: url(../templates/gfx/ui/forms/select-540.png); z-index: 50; } .ui-form-select-540-disable { background-image: url(../templates/gfx/ui/forms/select-540-disable.png); } .ui-form-select-540-expand { position: absolute; top: 30px; left: 0px; right: 0px; padding: 0px 5px 0px 5px; height: 1px; background-image: url(../templates/gfx/ui/forms/select-540-expand.png); background-position: 0% 100%; z-index: 1; overflow: hidden; } .ui-form-select-540-expand-child { position: relative; float: left; width: 530px; height: 20px; line-height: 20px; margin-right: 10px; font-size: 14px; color: #666666; } /************************************** * SELECT - 202 */ .ui-form-select-202 { width: 202px; height: 26px; margin: 0px 0px 0px 0px; font-size: 16px; background-image: url(../templates/gfx/ui/forms/select-202.png); z-index: 50; } .ui-form-select-202-disable { background-image: url(../templates/gfx/ui/forms/select-202-disable.png); } .ui-form-select-202-expand { position: absolute; top: 21px; left: 0px; right: 0px; padding: 0px 5px 0px 5px; height: 1px; background-image: url(../templates/gfx/ui/forms/select-202-expand.png); background-position: 0% 100%; z-index: 1; overflow: hidden; } .ui-form-select-202-expand-child { position: relative; width: 192px; height: 16px; line-height: 16px; font-size: 12px; color: #666666; } /************************************** * SELECT - OTHER */ .ui-form-select-expand-selected { color: #333333; } .ui-form-select-expand-hover { font-weight: bold; } .ui-form-select-divide { background-image: url(../templates/gfx/ui/forms/select-divide.png); background-position: 0% 50%; background-repeat: repeat-x; } /************************************** * SELECT - CONTENT */ .ui-form-content { position: relative; } .ui-form-content textarea { position: relative; margin: 4px; border: 0px; font-family: verdana; z-index: 2; } .ui-form-content-650-260 { position: relative; width: 650px; height: 260px; margin: 12px 0px 12px 0px; background-image: url(../templates/gfx/ui/forms/content-650-260.png); background-repeat: no-repeat; } .ui-form-content-650-260 textarea { width: 642px; height: 252px; } .ui-form-content-650-100 { position: relative; width: 650px; height: 100px; margin: 12px 0px 12px 0px; background-image: url(../templates/gfx/ui/forms/content-650-100.png); background-repeat: no-repeat; } .ui-form-content-650-100 textarea { width: 642px; height: 92px; } .ui-form-content-550-100 { position: relative; width: 550px; height: 100px; margin: 12px 0px 12px 0px; background-image: url(../templates/gfx/ui/forms/content-550-100.png); background-repeat: no-repeat; } .ui-form-content-550-100 textarea { width: 542px; height: 92px; } .ui-form-content-text { color: #333333; font-size: 12px; } .ui-form-content-unchanged { color: #999999; font-size: 26px; } /************************************** * INTELLI */ .ui-form-intelli { position: relative; width: 650px; height: 40px; margin: 12px 0px 12px 0px; background-image: url(../templates/gfx/ui/forms/intelli-top.png); background-repeat: no-repeat; } .ui-form-intelli-hints { position: absolute; width: 200px; height: 50px; z-index: 3; } .ui-form-intelli-hints-inner { position: absolute; left: 10px; top: 10px; bottom: 10px; right: 10px; z-index: 1; background-image: url(../templates/gfx/ui/forms/intelli-hints-bkg.png); } .ui-form-intelli-hints-hint { position: relative; float: left; height: 32px; cursor: pointer; } .ui-form-intelli-hints-hint-info { position: relative; float: left; font-size: 10px; color: #cccccc; margin-top: 7px; margin-left: 6px; line-height: 10px; } .ui-form-intelli-hints-hint-info span { font-size: 12px; color: #ffffff; } .ui-form-intelli-hints-hint-info-over { color: #6699cc; } .ui-form-intelli-hints-hint-info-over span { font-size: 12px; color: #6699cc; } .ui-form-intelli-hints-hint-thumb { position: relative; float: left; width: 32px; height: 32px; } .ui-form-intelli-hints-arrow { position: absolute; width: 18px; height: 9px; top: -8px; margin-left: -9px; background-image: url(../templates/gfx/ui/forms/intelli-hint-arrow.png); } .ui-form-intelli-background { position: absolute; top: 16px; left: 0px; right: 0px; bottom: 0px; background-image: url(../templates/gfx/ui/forms/intelli.png); background-position: 0% 100%; z-index: 1; } .ui-form-intelli-inner { position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; width: 642px; z-index: 2; overflow: hidden; } .ui-form-intelli-ruler { position: relative; font-family: verdana; font-size: 26px; display: none; } .ui-form-intelli-object { position: relative; float: left; height: 32px; z-index: 1; font-size: 26px; font-family: verdana; background-color: #cccccc; color: #333333; padding-right: 24px; margin-right: 9px; margin-left: 5px; margin-bottom: 4px; } .ui-form-intelli-remove { position: absolute; right: -1px; bottom: 4px; width: 10px; height: 10px; background-image: url(../templates/gfx/ui/forms/intelli-hint-remove.png); cursor: pointer; } .ui-form-intelli-object-l { position: absolute; left: -5px; top: 0px; bottom: 0px; width: 5px; background-image: url(../templates/gfx/ui/forms/intelli-hint-object-l.png); } .ui-form-intelli-object-r { position: absolute; right: -5px; top: 0px; bottom: 0px; width: 5px; background-image: url(../templates/gfx/ui/forms/intelli-hint-object-r.png); } .ui-form-intelli-input { color: #333333; } .ui-form-intelli input { position: absolute; border: 0px; font-family: verdana; z-index: 1; width: 642px; height: 32px; left: 0px; top: 0px; font-size: 26px; } /************************************** * SELECT - TEXTBOX */ .ui-form-textbox { position: relative; background-repeat: no-repeat; } .ui-form-textbox img { position: absolute; left: 8px; top: 12px; z-index: 3; } .ui-form-textbox input { position: relative; margin: 4px; border: 0px; font-family: verdana; z-index: 2; } .ui-form-textbox-650 { position: relative; width: 650px; height: 40px; margin: 12px 0px 12px 0px; background-image: url(../templates/gfx/ui/forms/textbox-650.png); } .ui-form-textbox-650 input { width: 642px; height: 32px; font-size: 26px; } .ui-form-textbox-550 { position: relative; width: 550px; height: 40px; margin: 12px 0px 12px 0px; background-image: url(../templates/gfx/ui/forms/textbox-550.png); } .ui-form-textbox-550 input { width: 542px; height: 32px; font-size: 26px; } .ui-form-textbox-double-550 { position: relative; width: 550px; height: 80px; margin: 12px 0px 12px 0px; background-image: url(../templates/gfx/ui/forms/textbox-double-550.png); } .ui-form-textbox-double-550 input { width: 542px; height: 32px; font-size: 26px; margin-bottom: 0px; } .ui-form-textbox-with-image-650 input { margin-left: 30px; width: 616px; } .ui-form-textbox-with-image-550 input { margin-left: 30px; width: 516px; } .ui-form-textbox-text { color: #333333; } .ui-form-textbox-unchanged { color: #999999; } .ui-menu { position: relative; float: left; width: 170px; } .ui-menu-count { position: absolute; right: 4px; bottom: -4px; font-size: 10px; color: #ffffff; } .ui-menu-item { position: relative; width: 154px; padding: 0px 8px 0px 8px; height: 26px; font-size: 14px; line-height: 26px; color: #cccccc; cursor: pointer; margin-bottom: 2px; } .ui-menu-item-over { color: #ffffff; } .ui-menu-selected { background-image: url(../templates/gfx/ui/menu/item-selected.png); color: #ffffff; } .ui-menu-divider { position: relative; width: 170px; height: 27px; background-image: url(../templates/gfx/ui/menu/divider.png); background-position: 0% 50%; background-repeat: no-repeat; margin-bottom: 2px; } .ui-menu-content { position: relative; float: left; width: 550px; margin-left: 20px; } .ui-panes-container-container { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; overflow: hidden; } .ui-panes-container-inner { position: relative; } .ui-panes-container-cell { position: relative; float: left; overflow: auto; } .ui-panes-pane-container { position: absolute; width: 840px; left: 50%; margin-left: -420px; top: 0px; bottom: 0px; } .ui-panes-pane-inner { position: absolute; left: 0px; top: 0px; width: 840px; } .ui-panes-pane-load { position: absolute; width: 128px; height: 15px; background-image: url(../templates/gfx/modal/load.gif); left: 50%; top: 50%; margin-left: -64px; margin-top: -8px; } .ui-panes-pane-message { position: absolute; width:400px; height: 16px; font-size: 12px; font-weight: bold; color: #cccccc; left: 50%; top: 50%; text-align: center; margin-left: -200px; margin-top: 20px; } .ui-panes-pane-buttons { position: absolute; top: 10px; right: 0px; width: 64px; height: 64px; overflow: hidden; } .ui-panes-pane-buttons div { position: relative; float: left; width: 64px; height: 64px; margin-left: 8px; cursor: pointer; } .ui-panes-pane-button-close { background-image: url(../templates/gfx/modal/close.png); } .ui-panes-pane-button-edit { background-image: url(../templates/gfx/modal/edit.png); } .ui-panes-pane-button-back { background-image: url(../templates/gfx/modal/back.png); visibility: hidden; display: none; } .ui-panes-pane-head { position: absolute; left: 0px; top: 10px; width: 600px; height: 64px; } .ui-panes-pane-head-image { position: relative; float: left; width: 64px; height: 64px; } .ui-panes-pane-head-title { position: relative; float: left; margin-left: 20px; width: 516px; height: 64px; } .ui-panes-pane-head-title-h1 { position: relative; margin-top: 6px; font-size: 30px; color: #ffffff; } .ui-panes-pane-head-title-about { position: relative; margin-top: 0px; font-size: 12px; color: #cccccc; } .ui-panes-pane-head-title-about a:link, .ui-panes-pane-head-title-about a:visited { color: #6699cc; } .ui-panes-pane-head-title-about a:hover { text-decoration: underline; } .ui-panes-pane-body { position: relative; width: 650px; margin: 100px 95px 20px 95px; color: #ffffff; } .ui-panes-pane-body-740 { position: relative; width: 740px; margin-left: 50px; margin-right: 50px; } .ui-panes-pane-body-blank { position: relative; width: 840px; margin: 20px 0px 20px 0px; } .ui-panes-pane-comments { position: relative; width: 740px; margin: 0px 50px 0px 50px; } .ui-table { position: relative; margin: 10px 0px 10px 0px; } .ui-table-550 { width: 550px; } .ui-table-650 { width: 650px; } .ui-table-pagination { position: relative; width: 100%; height: 24px; } .ui-table-pagination div { position: relative; float: left; padding: 2px; height: 20px; font-size: 12px; line-height: 20px; } .ui-table-pagination a, .ui-table-pagination a:visited { color: #6699cc; } .ui-table-pagination a:hover { text-decoration: underline; } .ui-table-empty { position: relative; width: 100%; height: 24px; overflow: hidden; line-height: 24px; font-size: 12px; color: #cccccc; text-align: center; } .ui-table-row { position: relative; width: 100%; height: 24px; overflow: hidden; } .ui-table-row-40 { height: 40px; } .ui-table-row-alternate { background-image: url(../templates/gfx/ui/table/row-alternate.png); } .ui-table-row-edit { position: absolute; right: 24px; top: 4px; width: 16px; height: 16px; background-image: url(../templates/gfx/ui/table/row-edit.png); cursor: pointer; } .ui-table-row-up { position: absolute; right: 74px; top: 4px; width: 16px; height: 16px; background-image: url(../templates/gfx/ui/table/row-up.png); cursor: pointer; } .ui-table-row-down { position: absolute; right: 54px; top: 4px; width: 16px; height: 16px; background-image: url(../templates/gfx/ui/table/row-down.png); cursor: pointer; } .ui-table-row-remove { position: absolute; right: 4px; top: 4px; width: 16px; height: 16px; background-image: url(../templates/gfx/ui/table/row-delete.png); cursor: pointer; } .ui-table-cell { position: relative; float: left; height: 16px; padding: 4px; line-height: 16px; font-size: 12px; color: #cccccc; } .ui-table-cell-40 { height: 32px; line-height: 32px; } .ui-table-cell-doubeline { line-height: 12px; padding-top: 8px; } .ui-table-cell-doubeline span { font-size: 10px; } .ui-table-cell a, .ui-table-cell a:visited { color: #6699cc; } .ui-table-cell a:hover { text-decoration: underline; } .ui-tooltip-container { position: absolute; z-index: 200; padding: 7px 1px 1px 1px; width: 150px; } .ui-tooltip-arrow { position: absolute; background-image: url(../templates/gfx/ui/tooltip/arrow.png); width: 14px; height: 7px; top: 1px; left: 50%; margin-left: -7px; z-index: 2; } .ui-tooltip-text { position: relative; padding: 2px 6px 2px 6px; margin: 1px 0px 0px 0px; line-height: 16px; background-image: url(../templates/gfx/ui/tooltip/bkg.png); text-align: center; } .ui-tooltip-top { position: absolute; left: 1px; right: 1px; top: 7px; height: 1px; background-image: url(../templates/gfx/ui/tooltip/border.png); z-index: 1; } .ui-tooltip-left { position: absolute; right: 0px; top: 7px; bottom: 1px; width: 1px; background-image: url(../templates/gfx/ui/tooltip/border.png); z-index: 1; } .ui-tooltip-right { position: absolute; left: 0px; top: 7px; bottom: 1px; width: 1px; background-image: url(../templates/gfx/ui/tooltip/border.png); z-index: 1; } .ui-tooltip-bottom { position: absolute; left: 1px; right: 1px; bottom: 0px; height: 1px; background-image: url(../templates/gfx/ui/tooltip/border.png); z-index: 1; } .ui-upload-container { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; } .ui-upload-background { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1; margin: 0px; } .ui-upload-foreground { position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; z-index: 2; margin: 0px; } .ui-upload-foreground div { position: relative; float: left; } .ui-upload-progress-l, .ui-upload-progress-r { width: 9px; } .ui-upload-progress { background-color: blue; width: 10px; } .ui-upload-size { position: absolute; font-family: Courier; font-size: 10px; color: #ffffff; top: 0px; right: 10px; height: 10px; z-index: 3; } .ui-upload-percent { position: absolute; z-index: 3; left: 10px; top: 3px; height: 32px; font-size: 20px; font-weight: bold; font-family: verdana; color: #ffffff; line-height: 32px; } .ui-upload-percent span { font-size: 10px; } /* 40 */ .ui-upload-progress-l-40 { background-image: url(../templates/gfx/ui/upload/progress-l-40.png); height: 34px; } .ui-upload-progress-r-40 { background-image: url(../templates/gfx/ui/upload/progress-r-40.png); height: 34px; } .ui-upload-progress-40 { background-image: url(../templates/gfx/ui/upload/progress-40.png); height: 34px; }