This XML file does not appear to have any style information associated with it. The document tree is shown below.
<theme name="HardGame Tema - yusufkoc" version="1811">
<properties>
<templateset>
<![CDATA[ 17 ]]>
</templateset>
<editortheme>
<![CDATA[ mybb.css ]]>
</editortheme>
<imgdir>
<![CDATA[
http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/
]]>
</imgdir>
<logo>
<![CDATA[
http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/logo_white.png
]]>
</logo>
<tablespace>
<![CDATA[ 5 ]]>
</tablespace>
<borderwidth>
<![CDATA[ 0 ]]>
</borderwidth>
<color>
<![CDATA[ ]]>
</color>
<disporder>
<![CDATA[
a:15:{s:14:"animations.css";i:1;s:12:"HardGame.css";i:2;s:8:"css3.css";i:3;s:11:"usercp2.css";i:4;s:9:"modcp.css";i:5;s:9:"ranks.css";i:6;s:11:"profile.css";i:7;s:13:"shoutboxx.css";i:8;s:12:"partners.css";i:9;s:16:"star_ratings.css";i:10;s:10:"global.css";i:11;s:10:"usercp.css";i:12;s:17:"notemoderator.css";i:13;s:14:"showthread.css";i:14;s:17:"thread_status.css";i:15;}
]]>
</disporder>
</properties>
<stylesheets>
<stylesheet name="usercp2.css" version="1811">
<![CDATA[
.usercp_content { background: #212121; padding: 9px; min-height: 830px; margin-top: 30px; } .user_content { padding-left: 150px } .usercp_left { width: 140px; margin-left: -150px; float: left; position: relative } .usercp_right { min-height: 520px; width: 100%; position: relative; line-height: 16px; border: 1px solid #2d2d2d; background: #1a1a1a } .usercp_left ul { list-style: none; margin-left: -40px; width: 151px!important } .usercp_left ul li { background: #1e1e1e; color: gray; border-bottom: 1px solid #2d2d2d; font-size: 12px; border-left: 1px solid #2d2d2d } .usercp_left ul li a { display: block; padding: 10px 8px; outline: 0; color: #8d8d8d } .usercp_left ul li a:hover { background: #252525; color: #c9c9c9 } .usercp_left .first_nav { border-top: 1px solid #2d2d2d } .usercp_submitbg { padding: 15px 6px; text-align: center; background: #232323 url(images/carbon/highlight_reallyfaint.png) repeat-x 0 -1px; border-top: 1px solid #373737; margin: 35px -9px -9px; color: #bcbcbc; font-size: 11px } .usercp_submitbg a { font-weight: 700; color: #ad2930 } .usercp_notepad { width: 97%; margin-left: -10px; padding: 6px; border: 1px solid #383838; background: #292929; color: #b7b7b7; text-shadow: rgba(0,0,0,0.3) 0 -1px 0; -webkit-box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px; -moz-box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px; box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px } .usercp_notepad:focus { outline: 0; border: 1px solid #4e4e4e; background: #353535 } .user_content input[type=text] { padding: 6px; border: 1px solid #383838; background: #292929; color: #b7b7b7; text-shadow: rgba(0,0,0,0.3) 0 -1px 0; -webkit-box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px; -moz-box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px; box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px } .user_content textarea { padding: 6px; border: 1px solid #383838; background: #292929; color: #b7b7b7; text-shadow: rgba(0,0,0,0.3) 0 -1px 0; -webkit-box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px; -moz-box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px; box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px } .user_content select { padding: 6px; border: 1px solid #383838; background: #292929; color: #b7b7b7; text-shadow: rgba(0,0,0,0.3) 0 -1px 0; -webkit-box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px; -moz-box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px; box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px } .user_content select:focus { outline: 0; border: 1px solid #4e4e4e; background: #353535 } .user_content textarea:focus { outline: 0; border: 1px solid #4e4e4e; background: #353535 } .user_content input:focus[type=text] { outline: 0; border: 1px solid #4e4e4e; background: #353535 } .user_content input[type=password] { padding: 6px; border: 1px solid #383838; background: #292929; color: #b7b7b7; text-shadow: rgba(0,0,0,0.3) 0 -1px 0; -webkit-box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px; -moz-box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px; box-shadow: inset rgba(0,0,0,0.2) 0 1px 4px } .user_content input:focus[type=text] { outline: 0; border: 1px solid #4e4e4e; background: #353535 } .usercp_right h3 { font-size: 18px; margin-bottom: 10px; padding-bottom: 6px; padding-top: 3px; margin-left: 9px; color: #fff; font-weight: 300 } .usercp_right hr { background: #292929; margin-left: -9px; margin-right: -9px } .usercp_title { font: bold 13px Helvetica,Arial,sans-serif; width: 450px; padding-left: 10px; line-height: 18px; float: left } .usercp_data { margin-left: 225px }
]]>
</stylesheet>
<stylesheet name="ranks.css" version="1811">
<![CDATA[
.wlasciciel { text-shadow: 0px 0px 10px red; color: red; font-weight: bold; background: url(https://hard-game.pl/uploads/gwiazdkired_409.gif); } .dylu { text-shadow: 0px 0px 10px red; color: red; font-weight: bold; background: url(https://hard-game.pl/uploads/fajerwerki.gif); background-size: 100%; } .admin { text-shadow: 0px 0px 10px #ff8080; color: #ff8080; font-weight: bold; background: url(https://hard-game.pl/uploads/gwiazdki_kupa_110.gif); } .jadmin { text-shadow: 0px 0px 10px #0066ff; color: #0066ff; font-weight: bold; background: url(https://hard-game.pl/uploads/gwiazdkiblue_505.gif); } .tforum { text-shadow: 0px 0px 10px #80afff; color: #5f9aff; font-weight: bold; background: url(https://hard-game.pl/uploads//gwiazdkiblue_505.gif); font-size: 12.5px; } .gmod { text-shadow: 0px 0px 10px #009900; color: #009900; font-weight: bold; background: url(https://hard-game.pl/uploads/gwiazdkidarkgreen_134.gif); } .mod { text-shadow: 0px 0px 10px #17D90D; color: #17D90D; font-weight: bold; } .ubt { text-shadow: 0px 0px 4px red; color: black; font-weight: bold; } .tserwer { text-shadow: 0px 0px 10px #a502f1; color: #a502f1; font-weight: bold; } .tts3 { text-shadow: 0px 0px 10px purple; color: purple; font-weight: bold; } .ats3 { text-shadow: 0px 0px 3px #990033; color: #990033; font-weight: bold; } .wserwer { text-shadow: 0px 0px 10px #E07000; color: #E07000; font-weight: bold; } .oserwer { color: #E07000; font-weight: bold; } .aserwer { text-shadow: 0px 0px 10px orange; color: orange; font-weight: bold; } .oredakcja { text-shadow: 0px 0px 10px #339966; color: #339966; font-weight: bold; } .redaktor { text-shadow: 0px 0px 10px teal; color: teal; font-weight: bold; } .grafik { text-shadow: 0px 0px 10px #D45C5C; color: #D45C5C; font-weight: bold; } .vip { background: url(https://hard-game.pl/uploads/gwiazdkiblue_505.gif); font-weight: bold; color: #fff; text-shadow: 0px 0px 5px #0047c7; } .sponsor { text-shadow: 0px 0px 10px purple; color: purple; font-weight: bold; } .zasluzony { text-shadow: 0px 0px 10px #00B1DD; color: #00B1DD; font-weight: bold; } .kobieta { text-shadow: 0px 0px 10px #FF00FF; color: #FF00FF; font-weight: bold; background: url(https://hard-game.pl/uploads/gwiazdkired_409.gif); } .user { text-shadow: 0px 0px 10px grey; color: #FFF; font-weight: bold; } .ban { text-shadow: 0px 0px 10px #e8e8e8; color: black; font-weight: bold; text-decoration: line-through; } .bot { text-shadow: 0px 0px 10px #0072BC; color: #fff; font-weight: bold; }
]]>
</stylesheet>
<stylesheet name="profile.css" version="1811">
<![CDATA[
.profile-header { height: 300px; background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/profile-bg.png) center center; border-width: 0 1px 1px; border-style: solid; border-color: #1a1a1a; background-size: 100%; } .profile-info { background: #1a1a1a; height: 50px; float: left; margin-top: 250px; width: 100%; } .profile-avatar { background: #fff url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/default_avatar.png); background-size: 100%; background-size: 100%; margin-top: -110px; margin-left: 7px; height: 150px; width: 150px; border: 2px solid #0066a2; float: left; border-radius: 50%; } .profile-row { margin: 0; padding: 0; float: left; list-style-type: none; } .profile-row li { float: left; padding: 7px 0 7px 20px; color: #fff; } .profile-row li h1 { text-transform: uppercase; font-size: 11px; margin: 0 0 -15px; } .profile-tborder { width: 100%; background: none; padding: 0; border: 1px solid #202020; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } #header-nickname { text-transform: capitalize; font-size: 12px; cursor: default; } #header-nickname:hover { background: none; color: #333; } .profile-left { background: #111; width: 33%; float: left; padding: 10px; } .profile-right { background: #fff; width: 64%; float: right; } .profile-thead { background: #202020; text-align: center; } ul.tab { list-style-type: none; margin: 0; padding: 0; overflow: hidden; border-width: 0 1px 1px 1px; border-style: solid; border-color: #000; background-color: #111; color: #fff; } ul.tab li { float: left; } ul.tab li a { display: inline-block; color: #fff; text-align: center; padding: 14px 16px; text-decoration: none; transition: 0.5s; font-size: 13px; } ul.tab li a:hover { background-color: #000; } ul.tab li a:focus, ul.tab .active { background-color: #000; } .tabcontent { display: none; background: #121212; border: 1px solid #000; border-top: none; } .profile-thread { color: #ffffff; font-weight: 700; text-transform: uppercase; background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/thread-title.png) no-repeat; height: 50px; width: 1105px; margin: 0 0px -20px -65px; padding: 45px 75px 0px; position: absolute; } .profile-thread .thead-icon { width: 34px; height: 34px; line-height: 34px; background: #0b0d10; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #00a8ff; float: left; text-align: center; margin-top: -6px; margin-right: 15px; } .admin-menu { float: right; text-align: right; margin: 7px 0 0 0; padding: 0; list-style: none; text-transform: uppercase; } .admin-menu a:link, .admin-menu a:hover, .admin-menu a:visited { color: #fff; text-decoration: none; }
]]>
</stylesheet>
<stylesheet name="shoutboxx.css" version="1811">
<![CDATA[
/** ShoutBox Start **/ .window::-webkit-scrollbar { width: 10px; } .window::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } .window::-webkit-scrollbar-thumb { background-color: #111; outline: 1px solid slategrey; } #shoutbox { margin-bottom: 10px; } #shoutbox .archive-button { float: right; margin-top: 35px; margin-right: 50px; height: 36px; width: 36px; background: #000; text-align: center; border-radius: 50%; } #shoutbox .head .right { float: right; margin: 0; font-size: 10px; line-height: 16px; } #shoutbox .head .right a,#shoutbox .head .right a:hover,#shoutbox .head .right a:visited { color: #fff; } #shoutbox.collapsed .head { opacity: 0.6; } #shoutbox.collapsed .body { display: none; } #shoutbox input.text { margin: 0; padding: 5px; width: 100%; box-sizing: border-box; border: none; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); font-size: 12px; color: #eee; background: #111; } #shoutbox .minposts, #shoutbox .blocked { padding: 6px; font-size: 11px; } #shoutbox .panel.minposts { background: #FFFED8; color: #727250; } #shoutbox .panel.blocked { background: #FCEFEF; color: #543A3A; } #shoutbox .panel p { margin: 0; } #shoutbox .window { overflow-y: scroll; } #shoutbox .data { display: table; width: 100%; border-top: solid 2px rgba(0,0,0,0.1); font-family: 'Lato', Arial, sans-serif; font-size: 12px; } #shoutbox.front .data { border-top: none; } #shoutbox .entry { display: table-row !important; width: 100%; transition: background-color 0.2s; } #shoutbox .entry:nth-child(even) { background-color: rgba(0,0,0,0.01); } #shoutbox .entry.new { background-color: rgba(255,255,100,0.1); } #shoutbox .entry > div { background: #090b0d; border-bottom: 1px solid #0f1214; color: #cecece; } #shoutbox .entry:last-child > div { border-bottom: none; } #shoutbox .entry > div { display: table-cell; padding: 5px 2px; text-align: left; } #shoutbox .avatar img { margin: 0 auto; vertical-align: middle; height: 20px; width: 20px; border-radius: 5px; border: 2px solid #222; box-shadow: 0 0 2px rgba(0,0,0,0.1); cursor: pointer; transition-duration: 1s; } #shoutbox .entry:hover .avatar img { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); border-color: #006ad0; } #shoutbox .user { text-align: center; white-space: nowrap; } #shoutbox .text { width: 100%; color: #eee; padding-left: 5px; } #shoutbox .info { font-size: 11px; white-space: nowrap; text-align: right; } #shoutbox .info .mod { text-shadow: none; } #shoutbox .edit { color: #006ad0; padding: 6px 8px; font-size: 9px; font-weight: bold; text-decoration: none; } #shoutbox .edit:nth-of-type(2) { margin-right: 5px; border-right: solid 1px rgba(0,0,0,0.1); } #shoutbox .del { color: #006ad0; padding: 6px 8px; font-size: 9px; font-weight: bold; text-decoration: none; } #shoutbox .del:nth-of-type(2) { margin-right: 5px; border-right: solid 1px rgba(0,0,0,0.1); } /** ShoutBox End **/ /** ShoutBox Stats Start **/ .shoutbox-stats { text-align: center; color: #eee; margin-bottom: 25px; } .stat { margin: 0 10px; } .block { font-size: 11px; background: #006ad0; padding: 3px; border-radius: 2px; color: #fff; } /** ShoutBox Stats End **/
]]>
</stylesheet>
<stylesheet name="partners.css" version="1811">
<![CDATA[
#partnerzy { float: right; width: 500px; text-align: center; } h4 { font-weight: bold; font-size: 14px; color: #fff; text-shadow: 1px 1.732px 2px rgba(0,0,0,0.176); margin-top: 70px; margin-bottom: 13px } #lista_partnerow { background: rgba(0,0,0,0.40); -webkit-box-shadow: inset 0px 0px 28px 0px rgba(0,0,0,0.43); -moz-box-shadow: inset 0px 0px 28px 0px rgba(0,0,0,0.43); box-shadow: inset 0px 0px 28px 0px rgba(0,0,0,0.43); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 12px } .partners { margin: 0; padding: 0 } .bx-wrapper { position: relative; margin: 0 auto 30px; padding: 0; *zoom:1} .bx-wrapper img { max-width: 100%; display: block } .bx-wrapper .bx-viewport { } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100% } .bx-wrapper .bx-loading { min-height: 50px; background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000 } .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom:1;*display: inline } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 05px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #00a4f9 } .bx-wrapper .bx-controls-direction a { display: none } .bx-wrapper .bx-controls-direction a.disabled { display: none } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80% } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px } .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100% } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px }
]]>
</stylesheet>
<stylesheet name="global.css" version="1811">
<![CDATA[
body { background: #0b0d10 url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/bg.png) center top repeat; color: #ddd; line-height: 1.4; margin: 0; font-family: 'Exo 2', Tahoma, Verdana, Arial, Sans-Serif; font-size: 13px; overflow-y: scroll; min-width: 1250px; } a:link, a:visited, a:hover, a:active { color: #00a8ff; text-decoration: none; } #container { color: #333; text-align: left; line-height: 1.4; margin: 0; font-family: 'Exo 2', Tahoma, Verdana, Arial, Sans-Serif; font-size: 13px; min-width: 990px; } .wrapper { width: 90%; min-width: 1120px; max-width: 1120px; margin: auto auto; } #logo { padding: 10px 0; border-bottom: 1px solid #263c30; } main { width: auto !important; padding: 20px 10px; overflow: hidden; } .hint, [data-hint] { position: relative; display: inline-block; /** * tooltip arrow */ /** * tooltip body */ } .hint:before, .hint:after, [data-hint]:before, [data-hint]:after { position: absolute; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; transition-delay: 0ms; } .hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after { visibility: visible; opacity: 1; } .hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; transition-delay: 100ms; } .hint:before, [data-hint]:before { content: ''; position: absolute; background: transparent; border: 6px solid transparent; z-index: 1000001; } .hint:after, [data-hint]:after { content: attr(data-hint); background: #383838; color: white; padding: 8px 10px; font-size: 12px; line-height: 12px; white-space: nowrap; } /** * source: hint-position.scss * * Defines the positoning logic for the tooltips. * * Classes added: * 1) hint--top * 2) hint--bottom * 3) hint--left * 4) hint--right */ /** * set default color for tooltip arrows */ .hint--top:before { border-top-color: #383838; } .hint--bottom:before { border-bottom-color: #383838; } .hint--left:before { border-left-color: #383838; } .hint--right:before { border-right-color: #383838; } /** * top tooltip */ .hint--top:before { margin-bottom: -12px; } .hint--top:after { margin-left: -18px; } .hint--top:before, .hint--top:after { bottom: 100%; left: 50%; } .hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } /** * bottom tooltip */ .hint--bottom:before { margin-top: -12px; } .hint--bottom:after { margin-left: -18px; } .hint--bottom:before, .hint--bottom:after { top: 100%; left: 50%; } .hint--bottom:hover:after, .hint--bottom:hover:before, .hint--bottom:focus:after, .hint--bottom:focus:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } /** * right tooltip */ .hint--right:before { margin-left: -12px; margin-bottom: -6px; } .hint--right:after { margin-bottom: -14px; } .hint--right:before, .hint--right:after { left: 100%; bottom: 50%; } .hint--right:hover:after, .hint--right:hover:before, .hint--right:focus:after, .hint--right:focus:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } /** * left tooltip */ .hint--left:before { margin-right: -12px; margin-bottom: -6px; } .hint--left:after { margin-bottom: -14px; } .hint--left:before, .hint--left:after { right: 100%; bottom: 50%; } .hint--left:hover:after, .hint--left:hover:before, .hint--left:focus:after, .hint--left:focus:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } /** * source: hint-theme.scss * * Defines basic theme for tooltips. * */ .hint, [data-hint] { /** * tooltip body */ } .hint:after, [data-hint]:after { text-shadow: 0 -1px 0px black; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); } .hint--error:after { background-color: #b34e4d; text-shadow: 0 -1px 0px #592726; } .hint--error.hint--top:before { border-top-color: #b34e4d; } .hint--error.hint--bottom:before { border-bottom-color: #b34e4d; } .hint--error.hint--left:before { border-left-color: #b34e4d; } .hint--error.hint--right:before { border-right-color: #b34e4d; } .hint--warning:after { background-color: #c09854; text-shadow: 0 -1px 0px #6c5328; } .hint--warning.hint--top:before { border-top-color: #c09854; } .hint--warning.hint--bottom:before { border-bottom-color: #c09854; } .hint--warning.hint--left:before { border-left-color: #c09854; } .hint--warning.hint--right:before { border-right-color: #c09854; } .hint--info:after { background-color: #3986ac; text-shadow: 0 -1px 0px #193b4d; } .hint--info.hint--top:before { border-top-color: #3986ac; } .hint--info.hint--bottom:before { border-bottom-color: #3986ac; } .hint--info.hint--left:before { border-left-color: #3986ac; } .hint--info.hint--right:before { border-right-color: #3986ac; } .hint--success:after { background-color: #458746; text-shadow: 0 -1px 0px #1a321a; } .hint--success.hint--top:before { border-top-color: #458746; } .hint--success.hint--bottom:before { border-bottom-color: #458746; } .hint--success.hint--left:before { border-left-color: #458746; } .hint--success.hint--right:before { border-right-color: #458746; } .hint--always:after, .hint--always:before { opacity: 1; visibility: visible; } .hint--always.hint--top:after, .hint--always.hint--top:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--bottom:after, .hint--always.hint--bottom:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--left:after, .hint--always.hint--left:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } .hint--always.hint--right:after, .hint--always.hint--right:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } .hint--rounded:after { border-radius: 4px; } .hint--no-animate:before, .hint--no-animate:after { -webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; transition-duration: 0ms; } .hint--bounce:before, .hint--bounce:after { -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); } #header ul.menu { margin: 0; padding: 0; list-style: none; } #header ul.menu li { margin: 0 7px; display: inline; } #header ul.menu li a { padding-left: 20px; background-image: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/headerlinks_sprite.png); background-repeat: no-repeat; display: inline-block; line-height: 16px; } #logo ul.top_links { font-weight: bold; text-align: right; margin: -10px 5px 0 0; } #logo ul.top_links a.search { background-position: 0 0; } #logo ul.top_links a.memberlist { background-position: 0 -20px; } #logo ul.top_links a.calendar { background-position: 0 -40px; } #logo ul.top_links a.help { background-position: 0 -60px; } #logo ul.top_links a.portal { background-position: 0 -180px; } #panel .upper a.logout { font-weight: bold; background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/headerlinks_sprite.png) right -80px no-repeat; padding-right: 20px; margin-left: 10px; } #panel .upper a.login, #panel .upper a.lost_password { background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/headerlinks_sprite.png) 0 -100px no-repeat; padding-left: 20px; margin-left: 10px; font-weight: bold; } #panel .upper a.register { background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/headerlinks_sprite.png) right -80px no-repeat; padding-right: 20px; margin-left: 10px; font-weight: bold; } #panel .lower ul.panel_links { float: left; } #panel .lower ul.panel_links a.usercp { background-position: 0 -120px; } #panel .lower ul.panel_links a.modcp { background-position: 0 -140px; } #panel .lower ul.panel_links a.admincp { background-position: 0 -160px; } #panel .lower ul.user_links { float: right; } #panel .lower ul.user_links li a { padding: 0; background-image: none; } #panel .upper { background: #0f0f0f url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/tcat.png) repeat-x; color: #fff; border-top: 1px solid #444; border-bottom: 1px solid #000; padding: 7px; clear: both; } #panel .upper a:link, #panel .upper a:visited, #panel .upper a:hover, #panel .upper a:active { color: #fff; } #panel .lower { background: #efefef; color: #999; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; padding: 5px; } #panel .lower a:link, #panel .lower a:visited, #panel .lower a:hover, #panel .lower a:active { color: #666; } #search { border: 0; padding: 0; margin: 0; float: right; vertical-align: middle; } #search input.button, #search input.textbox { border-color: #000; } #search input.button { background: #0066a2 url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/thead.png) top left repeat-x; color: #fff; } #search input { margin: -3px 0; } #quick_login .remember_me input { vertical-align: middle; margin: -3px 0 0 5px; } #footer { clear: both; } #footer ul.menu { margin: 0; padding: 0; list-style: none; } #footer ul.menu li { margin: 0 5px; display: inline; } #footer .upper { background: #efefef; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 6px; font-size: 12px; overflow: hidden; } #footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #777; } #footer .upper .language { float: right; margin: -1px; margin-left: 15px; } #footer .upper .language select { border-color: #ccc; } #footer .upper .theme { float: right; margin: -1px; margin-left: 15px; } #footer .upper .theme select { border-color: #ccc; } #footer .upper ul.bottom_links { float: left; margin: 4px 0 0 0; } #footer .lower { color: #666; padding: 6px 6px 12px 6px; overflow: hidden; font-size: 11px; } #footer .lower a:link, #footer .lower a:visited { color: #444; font-weight: bold; } #footer .lower a:hover, #footer .lower a:active { color: #333; text-decoration: underline; font-weight: bold; } #footer .lower #current_time { float: right; color: #888; } #debug { float: right; text-align: right; margin-top: 20px; font-size: 11px; } .scaleimages img { max-width: 100%; } .forum_status { height: 40px; width: 40px; background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/forum_icon_sprite.png); display: inline-block; } .forum_on { background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/on.png); } .forum_off { background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/off.png); } .forum_offlock { background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/lock.png); } .forum_offlink { background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/off.png); } .subforumicon { display: inline-block; margin: 0 5px; } .subforumicon:before { font: normal normal normal 14px/1 FontAwesome; content: "\f101" } .subforum_minion { color: #006ad0; } .subforum_minioff { color: #fff; } .subforum_miniofflock { color: red; } .subforum_miniofflink { background-position: 0 -30px; } table { color: #eee; font-size: 13px; } .tborder { width: 100%; background: rgba(0,0,0,0.40); -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.39); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.39); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.39); -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; padding: 10px; } .tfixed { table-layout: fixed; word-wrap: break-word; } .thead { color: #ffffff; padding: 13px 10px; font-weight: 700; text-transform: uppercase; background: #000; } .thead a:link { color: #ffffff; text-decoration: none; } .thead a:visited { color: #ffffff; text-decoration: none; } .thead a:hover, .thead a:active { color: #ffffff; text-decoration: underline; } .tcat { text-align: center; border: 1px solid #111; background: #111; text-transform: uppercase; padding: 5px; font-weight: 700; font-size: 13px; } .tcat a:link { color: #fff; } .tcat a:visited { color: #fff; } .tcat a:hover, .tcat a:active { color: #fff; } .trow1 { padding: 10px; border-bottom: 1px solid #0f1214; } .trow2 { padding: 10px; border-bottom: 1px solid #0f1214; } .trow_shaded { background: #111; } .no_bottom_border { border-bottom: 0; } .post.unapproved_post { background: #ffdde0; } .post.unapproved_post .post_author { border-bottom-color: #ffb8be; } .post.classic.unapproved_post .post_author { border-color: #ffb8be; } .post.unapproved_post .post_controls { border-top-color: #ffb8be; } .trow_deleted, .post.deleted_post { background: #222; } .trow_selected, tr.trow_selected td { background: #FFFBD9; color: #333; border-right-color: #F7E86A; border-bottom-color: #F7E86A; } .trow_selected a:link, .trow_selected a:visited, .trow_selected a:hover, .trow_selected a:active { color: #333; } .trow_sep { background: #111; color: #fff; border-bottom: 1px solid #000; padding: 6px; font-size: 13px; font-weight: bold; text-transform: uppercase; text-align: center; } .tfoot { padding: 6px; background: #000; color: #ccc; } .tfoot a:link, .tfoot a:visited, .tfoot a:hover, .tfoot a:active { color: #ccc; text-decoration: none; } .thead input.textbox, .thead select { border: 1px solid #263c30; } .bottommenu { background: #efefef; color: #333; border: 1px solid #4874a3; padding: 10px; } .navigation { color: #333; font-size: 12px; } .navigation a:link { text-decoration: none; } .navigation a:visited { text-decoration: none; } .navigation a:hover, .navigation a:active { text-decoration: underline; } .navigation .active { color: #333; font-size: small; font-weight: bold; } .smalltext { font-size: 11px; } .largetext { font-size: 16px; font-weight: bold; } fieldset { padding: 12px; border: 1px solid #222; margin: 0; } fieldset.trow1, fieldset.trow2 { border-color: #2222; } fieldset.align_right { text-align: right; } input.textbox { background: #111; color: #ccc; border: 1px solid #000; padding: 3px; outline: 0; font-size: 13px; font-family: 'Exo 2', Tahoma, Verdana, Arial, Sans-Serif; } textarea { background: #111; color: #ccc; border: 1px solid #000; padding: 2px; line-height: 1.4; outline: 0; font-family: 'Exo 2', Tahoma, Verdana, Arial, Sans-Serif; font-size: 13px; } select { background: #111; color: #ccc; padding: 3px; border: 1px solid #000; outline: 0; font-family: 'Exo 2', Tahoma, Verdana, Arial, Sans-Serif; font-size: 13px; } button, input.button { font-family: 'Exo 2', Tahoma, Verdana, Arial, Sans-Serif; font-size: 13px; background: #111; color: #eee; border: 1px solid #000; text-transform: uppercase; padding: 7px 10px; margin: 0 5px; transition: 0.5s; cursor: pointer; } button:hover, input.button:hover { border-color: #00a8ff; } form { margin: 0; padding: 0; } input.error, textarea.error, select.error { border: 1px solid #f30; color: #f30; } input.valid, textarea.valid, select.valid { border: 1px solid #0c0; } label.error { color: #f30; margin: 5px; padding: 0px; display: block; font-weight: bold; font-size: 11px; } form #message { width: 500px; } .editor { background: #f1f1f1; border: 1px solid #ccc; } .editor_control_bar { border: 1px solid #00a8ff; } .post .editor_control_bar { background: #f5f5f5; } .popup_menu { background: #fff; border: 1px solid #ccc; } .popup_menu .popup_item { background: #efefef; color: #333; } .popup_menu .popup_item:hover { background: #0072BC; color: #fff; } .trow_reputation_positive { background: #ccffcc; } .trow_reputation_negative { background: #ffcccc; } .reputation_positive { color: green; } .reputation_neutral { color: #444; } .reputation_negative { color: red; } .repbox { font-size: 16px; font-weight: bold; padding: 5px 7px 5px 7px; } ._neutral { background-color: #FAFAFA; color: #999999; border: 1px solid #CCCCCC; } ._minus { background-color: #FDD2D1; color: #CB0200; border: 1px solid #980201; } ._plus { background-color: #E8FCDC; color: #008800; border: 1px solid #008800; } img { border: none; } img.attachment { border: 1px solid #E9E5D7; padding: 2px; } hr { background-color: #000000; color: #000000; height: 1px; border: 0px; } .clear { clear: both; } .float_left { float: left; } .float_right { float: right; } .hidden { display: none; float: none; width: 1%; } .hiddenrow { display: none; } .selectall { background: #FFFBD9; border-bottom: 1px solid #F7E86A; color: #333; text-align: center; } .expcolimage { float: right; width: auto; vertical-align: middle; margin-top: 3px; } .tcat_menu > .expcolimage { margin-top: 0; } blockquote { border: 1px solid #222; margin: 0; background: #111; padding: 10px; } blockquote cite { border-bottom: 1px solid #222; font-weight: bold; padding-bottom: 3px; margin: -10px -10px 10px -10px; padding: 5px 10px; display: block; } blockquote cite span { float: right; font-weight: normal; font-size: 12px; color: #666; } blockquote cite span.highlight { float: none; font-weight: bold; padding-bottom: 0; } .codeblock { background: #111; border: 1px solid #222; padding: 10px; } .codeblock .title { border-bottom: 1px solid #222; font-weight: bold; padding-bottom: 3px; margin: -10px -10px 10px -10px; padding: 5px 10px; } .codeblock code { overflow: auto; height: auto; max-height: 200px; display: block; font-family: 'Exo 2', Monaco, Consolas, Courier, monospace; font-size: 13px; } .smilie { vertical-align: middle; } .smilie_pointer { cursor: pointer; } .separator { margin: 5px; padding: 0; height: 0px; font-size: 1px; list-style-type: none; } .popup_menu .popup_item_container { margin: 1px; text-align: left; } .popup_menu .popup_item { display: block; padding: 4px; white-space: nowrap; text-decoration: none; } .popup_menu a.popup_item:hover { text-decoration: none; } .subject_new { font-weight: bold; } .highlight { background: #FFFFCC; padding-top: 3px; padding-bottom: 3px; } .pm_alert { background: #FFF6BF; border: 1px solid #FFD324; text-align: center; padding: 5px 20px; margin-bottom: 15px; font-size: 11px; } .red_alert { background: #FBE3E4; border: 1px solid #A5161A; color: #A5161A; text-align: center; padding: 5px 20px; margin-bottom: 15px; font-size: 11px; word-wrap: break-word; } .red_alert a:link, .red_alert a:visited, .red_alert a:hover, .red_alert a:active { color: #A5161A; } .high_warning { color: #CC0000; } .moderate_warning { color: #F3611B; } .low_warning { color: #AE5700; } .imminent_banned { color: #880000; } .high_banned { color: #FF0000; } .moderate_banned { color: #FF6600; } .low_banned { color: #008000; } .online { color: #15A018; } .offline { color: #C7C7C7; } div.error { padding: 10px; font-size: 12px; background: rgba(0,0,0,0.40); border: 2px solid crimson; border-radius: 5px; } div.error p { margin: 0; color: #333; font-weight: normal; } div.error p em { font-style: normal; font-weight: bold; display: block; color: crimson; } div.error ul { margin-left: 24px; } .pagination { font-size: 11px; padding-top: 10px; margin-bottom: 5px; } .tfoot .pagination, .tcat .pagination { padding-top: 0; } .pagination .pages { font-weight: bold; } .pagination .pagination_current, .pagination a { padding: 3px 6px; margin-bottom: 3px; } .pagination a { background: #f5f5f5; border: 1px solid #ccc; } .pagination .pagination_current { background: none; color: #333; border: none; font-weight: bold; } .pagination a:hover { background: #0072BC; color: #fff; border-color: #263c30; text-decoration: none; } .pagination .go_page img { margin-bottom: -4px; } .drop_go_page { background: #f5f5f5; padding: 4px; } .pagination_breadcrumb { background-color: #efefef; border: 1px solid #fff; outline: 1px solid #ccc; padding: 5px; margin-top: 5px; font-weight: normal; } .pagination_breadcrumb_link { vertical-align: middle; cursor: pointer; } .thread_legend, .thread_legend dd { margin: 0; padding: 0; } .thread_legend dd { padding-bottom: 4px; margin-right: 15px; } .thread_legend img { margin-right: 4px; vertical-align: bottom; } .forum_legend, .forum_legend dt, .forum_legend dd { margin: 0; padding: 0; } .forum_legend dd { float: left; margin-right: 10px; margin-top: 7px; } .forum_legend dt { margin-right: 10px; float: left; } .success_message { color: #00b200; font-weight: bold; font-size: 10px; margin-bottom: 10px; } .error_message { color: #C00; font-weight: bold; font-size: 10px; margin-bottom: 10px; } #posts_container { padding: 0; } .ignored_post { border-top: 3px solid #333; padding: 15px; } .ignored_post .show_ignored_post { margin-top: -15px; } .ignored_post .show_ignored_post a.button span { background-position: 0 -400px; } .deleted_post_hidden { border-top: 2px solid #ccc; padding: 15px; } .deleted_post_collapsed { border-top: 3px solid #333; padding: 15px; } .deleted_post_collapsed .show_deleted_post { margin-top: -15px; } .deleted_post_collapsed .show_deleted_post a.button span { background-position: 0 -400px; } .post { overflow: hidden; } .post.classic { } .post .post_author { border-bottom: 1px solid #ccc; border-top: 2px solid #ccc; background: #f5f5f5; padding: 5px; overflow: hidden; } .post.classic .post_author { border-width: 0 1px 0 0; border-style: solid; border-color: #000; background: #111; float: left; width: 15%; padding: 5px 1% 5000px; margin: 0 1% -5000px 0; } .post .post_author .buddy_status { vertical-align: middle; margin-top: -4px; } .post .post_author div.author_avatar { float: left; margin-right: 3px; } .post.classic .post_author div.author_avatar { float: none; text-align: center; margin-bottom: 8px; } .post .post_author div.author_avatar img { padding: 5px; border: 1px solid #ddd; background: #fff; } .post .post_author div.author_information { float: left; padding: 6px 8px; } .post.classic .post_author div.author_information { float: none; padding: 0; text-align: center; } .post .post_author div.author_statistics { float: right; font-size: 11px; padding: 3px 10px 3px 5px; color: #666; line-height: 1.3; } .post.classic .post_author div.author_statistics { margin: 6px 0 0 0; padding: 6px 6px 3px 6px; float: none; } .post .post_head { font-size: 11px; padding: 4px; border-bottom: 1px dotted #ddd; margin-bottom: 4px; border-bottom: 1px solid #000; background: #111; } .post .post_head span.post_date { color: #ccc; } .post .post_head span.edited_post { font-size: 10px; color: #999; } .post .post_head span.edited_post a { color: #666; } .post_body { font-size: 14px; padding: 12px 0; } .post.classic .post_content { float: left; width: 79%; padding: 0 1% 5px 1%; } .post_content { padding: 9px 10px 5px 10px; } .post_content .signature { margin-top: 5px; border-top: 1px dotted #ddd; padding: 10px 0 4px 0; } .post .post_meta { margin: 4px 0; font-size: 11px; color: #999; } .post .post_meta a:link, .post .post_meta a:visited { color: #777; } .post .post_meta a:hover, .post .post_meta a:active { color: #777; } .post_controls { clear: both; padding: 5px; overflow: hidden; float: right; width: 82%; } .postbit_buttons > a:link, .postbit_buttons > a:hover, .postbit_buttons > a:visited, .postbit_buttons > a:active { display: inline-block; padding: 2px 5px; font-size: 12px; text-transform: uppercase; color: #fff; } .postbit_buttons a span { display: inline-block; height: 16px; } a.button:link, a.button:hover, a.button:visited, a.button:active { display: inline-block; background-repeat: no-repeat; text-transform: uppercase; padding: 9px 19px 9px 14px; background: #000000; color: #e8e8e8; border: 2px solid #0060da; font-size: 14px; } a.button.small_button { font-size: 13px; margin: 0; padding: 3px 6px; } .quick_jump { background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/jump.png) no-repeat 0; width: 13px; height: 13px; padding-left: 13px; /* amount of padding needed for image to fully show */ margin-top: -3px; border: none; } .pollbar { background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/pollbar.png) top left repeat-x; border: 1px solid #3f3f3f; height: 10px; } .pollbar .percent { display: none; } .posticons_label { white-space: nowrap; } /** jGrowl Start **/ /** Special IE6 Style Positioning **/ .ie6 { position: absolute; } .ie6.top-right { right: auto; bottom: auto; left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } .ie6.top-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } .ie6.bottom-right { left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } .ie6.bottom-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } .ie6.center { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); width: 100%; } /** jGrowl Styling **/ .jGrowl { z-index: 9999; color: #ffffff; font-size: 12px; font-family: 'Exo 2', "Helvetica Neue", Helvetica, Arial, sans-serif; position: fixed; } .jGrowl.top-left { left: 0px; top: 0px; } .jGrowl.top-right { right: 0px; top: 0px; } .jGrowl.bottom-left { left: 0px; bottom: 0px; } .jGrowl.bottom-right { right: 0px; bottom: 0px; } .jGrowl.center { top: 0px; width: 50%; left: 25%; } /** Cross Browser Styling **/ .jGrowl.center .jGrowl-notification, .jGrowl.center .jGrowl-closer { margin-left: auto; margin-right: auto; } .jGrowl-notification { background-color: transparent; opacity: 0.9; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom: 1; width: 250px; padding: 10px; margin: 10px; text-align: left; display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; word-break: break-all; } .jGrowl .jGrowl-notification { min-height: 40px; } .jGrowl-notification .ui-state-highlight, .jGrowl-notification .ui-widget-content .ui-state-highlight, .jGrowl-notification .ui-widget-header .ui-state-highlight { border: 1px solid #000; background: #000; color: #fff; } .jGrowl-notification .jGrowl-header { font-weight: bold; font-size: .85em; } .jGrowl-notification .jGrowl-close { background-color: transparent; color: inherit; border: none; z-index: 99; float: right; font-weight: bold; font-size: 1em; cursor: pointer; } .jGrowl-closer { background-color: #000000; opacity: 0.9; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom: 1; width: 250px; padding: 10px; margin: 10px; text-align: left; display: none; border-radius: 5px; word-break: break-all; padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: .9em; font-weight: bold; text-align: center; } .jGrowl-closer .ui-state-highlight, .jGrowl-closer .ui-widget-content .ui-state-highlight, .jGrowl-closer .ui-widget-header .ui-state-highlight { border: 1px solid #000; background: #000; color: #fff; } .jGrowl .jGrowl-notification.jgrowl_success { background: lightgreen; border: 1px solid lightgreen; color: #333; } .jGrowl .jGrowl-notification.jgrowl_error { background: red; border: 1px solid red; color: #333; } .jGrowl .jGrowl-notification.jgrowl_process, .jGrowl .jGrowl-closer { background: yellow; border: 1px solid yellow; color: #333; } /** Hide jGrowl when printing **/ @media print { .jGrowl { display: none; } } /** jGrowl End **/ /** Modal Start **/ .modal { display: none; width: 400px; text-align: left; border: 1px solid #111; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } .modal a.close-modal { position: absolute; top: -12.5px; right: -12.5px; display: block; width: 30px; height: 30px; text-indent: -9999px; background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/close.png) no-repeat 0 0; } .modal-spinner { display: none; width: 64px; height: 64px; position: fixed; top: 50%; left: 50%; margin-right: -32px; margin-top: -32px; background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/spinner_big.gif) no-repeat center center; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; } /** Modal End **/ /** Impromptu Start **/ /*! jQuery-Impromptu - v6.2.1 - 2015-05-10 * http://trentrichardson.com/Impromptu * Copyright (c) 2015 Trent Richardson; Licensed MIT */ .jqifade { position: absolute; background-color: #777777; } iframe.jqifade { display: block; z-index: -1; } div.jqi { width: 400px; max-width: 90%; font-family: 'Exo 2', Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; font-size: 11px; text-align: left; border: solid 1px #eeeeee; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 7px; } div.jqi .jqicontainer { } div.jqi .jqiclose { position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #bbbbbb; font-weight: bold; } div.jqi .jqistate { background-color: #fff; } div.jqi .jqititle { padding: 5px 10px; font-size: 16px; line-height: 20px; border-bottom: solid 1px #eeeeee; } div.jqi .jqimessage { padding: 10px; line-height: 20px; color: #444444; overflow: auto; } div.jqi .jqibuttonshide { display: none; } div.jqi .jqibuttons { text-align: right; margin: 0 -7px -7px -7px; border-top: solid 1px #e4e4e4; background-color: #f4f4f4; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; } div.jqi .jqibuttons button { margin: 0; padding: 15px 20px; background-color: transparent; font-weight: normal; border: none; border-left: solid 1px #e4e4e4; color: #777; font-weight: bold; font-size: 12px; } div.jqi .jqibuttons button.jqidefaultbutton { color: #489afe; } div.jqi .jqibuttons button:hover, div.jqi .jqibuttons button:focus { color: #287ade; outline: none; } div.jqi .jqibuttons button[disabled] { color: #aaa; } .jqiwarning .jqi .jqibuttons { background-color: #b95656; } /* sub states */ div.jqi .jqiparentstate::after { background-color: #777; opacity: 0.6; filter: alpha(opacity=60); content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } div.jqi .jqisubstate { position: absolute; top: 0; left: 20%; width: 60%; padding: 7px; border: solid 1px #eeeeee; border-top: none; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; } div.jqi .jqisubstate .jqibuttons button { padding: 10px 18px; } /* arrows for tooltips/tours */ .jqi .jqiarrow { position: absolute; height: 0; width: 0; line-height: 0; font-size: 0; border: solid 10px transparent; } .jqi .jqiarrowtl { left: 10px; top: -20px; border-bottom-color: #ffffff; } .jqi .jqiarrowtc { left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px; } .jqi .jqiarrowtr { right: 10px; top: -20px; border-bottom-color: #ffffff; } .jqi .jqiarrowbl { left: 10px; bottom: -20px; border-top-color: #ffffff; } .jqi .jqiarrowbc { left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px; } .jqi .jqiarrowbr { right: 10px; bottom: -20px; border-top-color: #ffffff; } .jqi .jqiarrowlt { left: -20px; top: 10px; border-right-color: #ffffff; } .jqi .jqiarrowlm { left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px; } .jqi .jqiarrowlb { left: -20px; bottom: 10px; border-right-color: #ffffff; } .jqi .jqiarrowrt { right: -20px; top: 10px; border-left-color: #ffffff; } .jqi .jqiarrowrm { right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px; } .jqi .jqiarrowrb { right: -20px; bottom: 10px; border-left-color: #ffffff; } /** Impromptu End */ .post-list { font-size: 12px; text-align: left; margin: 5px auto 0 auto; width: 170px; } .post-list>div { height: 20px; color: #909090; line-height: 20px; font-size: 12px; text-align: left; border: 1px solid #222; margin: 4px 0px; } .post-list i { background: #0060da; color: #fff; width: 20px; height: 20px; line-height: inherit; font-size: 12px; text-align: center; margin-right: 4px; margin-right: 10px; float: left; text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15); } .post-list>div span { background: #222; float: right; height: 20px; min-width: 10px; padding: 0 5px; text-align: center; color: #fff; font-weight: 200; margin-top: -20px; }
]]>
</stylesheet>
<stylesheet name="css3.css" version="1811">
<![CDATA[
.pos-absolute { position: absolute; } #post { border-width: 0px 1px 1px 1px; border-style: solid; border-color: #000; } #post .post_controls { clear: both; background: #020202; border-bottom: 1px solid #000; padding: 5px; overflow: hidden; height: 35px; opacity: 0.7; transition: 0.3s; } .postbit_buttons > a:link, .postbit_buttons > a:visited { display: inline-block; padding: 8px; margin: 1px; font-size: 13px; background: #161616; border: 1px solid #222; color: #0060da; border-radius: 90px; } .postbit_buttons > a:hover { background: #333; } #post:hover .post_controls { opacity: 1; } #post .post-avatar { transition: 0.5s; } #post:hover .post-avatar { border-color: #00a8ff; transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); } #post .post-status { transition: 0.5s; } #post:hover .post-status { border-color: #00a8ff; }
]]>
</stylesheet>
<stylesheet name="animations.css" version="1811">
<![CDATA[
.trzesiawka { -webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -webkit-animation-duration: 0.50s; animation-duration: 0.50s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .pulsowanie { -webkit-animation-name: pulseOnce; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @-webkit-keyframes pulseOnce { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.15); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulseOnce { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.15); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulseOnce { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.15); } 100% { -o-transform: scale(1); } } @keyframes pulseOnce { 0% { transform: scale(1); } 50% { transform: scale(1.15); } 100% { transform: scale(1); } }
]]>
</stylesheet>
<stylesheet name="HardGame.css" version="1811">
<![CDATA[
@import url(https://fonts.googleapis.com/css?family=Exo+2:300,500,700); /**************************************** SCROLL START ****************************************/ body::-webkit-scrollbar { width: 7px; } body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
]]>
<![CDATA[
} body::-webkit-scrollbar-thumb { background-color: #00a8ff; outline: 1px solid slategrey; } /**************************************** SCROLL END ****************************************/ /**************************************** HEADER START ****************************************/ header { background: #0b0d10 url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/header-bg.png) center top no-repeat; background-size: 100%; background-position-y: 60px; } #header-top { background: #323232 url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/header-top.png); height: 60px; padding: 0; color: #ccc; line-height: 60px; font-size: 14px; font-weight: 300; } .header-welcome { float: left; } .header-user { float: right; } /***** USER PANEL START *****/ .user_panel { background: #1F1F1F; color: #F0F0F0; border-top: 1px solid #393939; border-bottom: 1px solid #393939; clear: both; } .user-avatar-panel { position: relative; height: 26px; width: auto; margin: 4px -9px 0!important; border: 1px solid #111 } .menu-panel_form ul li { width: 50%; float: left; margin: -7px 0; white-space: nowrap } .login-avatar { background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/default_avatar.png); background-size: contain; background-repeat: no-repeat; position: relative; height: 36px; width: 36px; margin: 10px 10px 0 0; border: 2px solid #111; border-radius: 50%; float: left; } .login-avatar img { min-width: 36px; max-width: 36px; border-radius: 50%; } .menu-panel_form { float: left; margin-left: 30px; margin-top: -40px; margin-bottom: -10px; } .user-avatar-panel_form { left: -12px; width: 54px; height: 54px } #loginContainer { position: relative; font-size: 12px } #loginButton { display: inline-block; position: relative; z-index: 30 } #loginButton a { padding: 0 12px } #loginBox { position: absolute; right: 0; display: none; z-index: 29 } #loginButton.active { background: rgba(0,0,0,0.35); } #loginButton.active em { position: absolute; width: 100%; bottom: -1px } #loginForm { background: rgba(0,0,0,0.7); padding: 10px; -moz-border-radius: 0 0 6px 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-radius: 0 0 6px 6px; overflow: hidden; width: 300px; border-bottom-color: #00a8ff; border-width: 0 0 4px 0; border-style: solid; } #loginForm a:hover { background: none!important } .avatardef { background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/default_avatar.png); background-size: contain; background-repeat: no-repeat; position: relative; height: 56px; width: 56px; border: 2px solid #111; border-radius: 50%; } .avatardef img { min-width: 56px; max-width: 56px; border-radius: 50%; } .close_modal { float: right; font-size: 15px; } .close_modal a, .close_modal a:hover, .close_modal a:visited, { color: #fff; } .user-nav { margin: 0; padding: 0; height: 36px; } .user-nav li { list-style: none; display: inline-block; margin-bottom: -4px; margin-right: -4px; } .user-nav li a { color: #fff; float: left; padding: 0 12px; line-height: 36px; outline: none; line-height: 60px; height: 60px; transition-duration: 0.5s; } .user-drop-nav li a { line-height: 0; height: 30px; font-size: 11px; } #guest-info { background: #1F1F1F; color: #F0F0F0; border: 1px solid #393939; width: 260px; color: #fff; position: fixed; bottom: 10px; line-height: 16px; right: 10px; z-index: 30000; opacity: 0.8; height: auto; padding: 10px; text-decoration: none; font-family: Tahoma; font-size: 11px; font-weight: normal; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; } #guest-info:hover { opacity: 1; } /***** USER PANEL END *****/ /***** LOGIN PANEL START *****/ .login-nav { margin: 0; padding: 0; height: 60px; } .login-nav li { list-style: none; float: left; line-height: 60px; padding: 0 12px; } .login-nav li a { color: #fff; font-weight: 700; } #login-register { background: #00a8ff; height: 40px; margin: 10px 0; line-height: 40px; color: #fff; text-transform: uppercase; border-bottom: 3px solid #04557e; border-radius: 3px; } #login-register a { text-shadow: 0 0 15px #dfdfdf; } /***** LOGIN PANEL END *****/ #header-main { height: 276px; width: 85%; margin: 0 auto; max-width: 1050px; } #header-logo { margin-top: 80px; width: 400px; float: left; } .logo-img { transition-duration: 0.5s; -webkit-transition-duration: 0.5s; } .logo-img:hover { margin-left: 25px; } /***** MENU START *****/ #menu { background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/menu.png) no-repeat; margin: 0 auto; height: 211px; width: 1246px; margin: -70px auto; } #menu ul { height: 61px; margin: 69px 69px 00px 30px; padding: 0; float: left; position: absolute; } #menu ul>li { line-height: 61px; display: inline-block; } #menu ul>li .fa { color: #00a8ff; } #menu ul > li a { color: #fff; text-transform: uppercase; font-weight: 500; text-shadow: 1px 1.732px 2px rgba(0, 0, 0, 0.176); font-size: 14px; padding: 0 22px; display: block; transition: 0.2s; } #menu ul > li a:hover { background: rgba(0,0,0,0.35); border-bottom: 4px solid #00a8ff; border-radius: 4%; } .menu-sep { width: 2px; height: 12px; background: #c2c4c7; } /***** MENU END *****/ /***** TABELA SERWERÓW START *****/ .cellpic_servery { color: #fff; text-shadow: 1px 1.732px 2px rgba(0, 0, 0, 0.118); margin-left: -65px; margin-bottom: -39px; background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/thread-title.png) no-repeat; height: 50px; width: 1105px; margin: 0 0 -13px -120px; padding: 45px 75px 0px; } .cellpic_servery .icon { width: 34px; height: 34px; line-height: 34px; background: #0b0d10; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #00a8ff; float: left; text-align: center; margin-top: -6px; margin-right: 15px; } .cellpic_servery .icon i { line-height: 34px; } #server { margin: 0 auto; width: 1000px; } #servery { width: 1125px; background: rgba(0,0,0,0.40); -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.39); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.39); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.39); -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; margin-bottom: 50px; margin-left: -60px; } .ipsBadge { display: inline-block; height: 17px; line-height: 17px; padding: 0 5px; font-size: 9px; text-transform: uppercase; color: #fff; text-shadow: #000 0px 1px 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-image: url(http://fastgamers.pl/public/style_images/fastgamers/highlight.png); background-repeat: repeat-x; background-position: 0 -1px; } .ipsBadge_blue { background: #222; border-bottom: 2px solid #00a8ff; } #servery tr>td { text-align: center; padding: 13px; color: #fff; } .button_server { width: 35px; height: 35px; line-height: 35px; text-align: center; border: 2px solid #00a8ff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 35%; background: #00a8ff; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.43); -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.43); box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.43); margin-right: 10px; display: block; float: left; transition: 0.4s; } .button_server img { margin-top: 2px; } .button_server:hover { background: #07080a; } /***** TABELA SERWERÓW END *****/ /**************************************** HEADER END ****************************************/ /***************************************** MAIN START *****************************************/ article { float: left; width: 80%; } aside { float: right; width: 19% } #navigation { color: #eee; background: rgba(0,0,0,0.4); padding: 10px; border-radius: 10px; margin: 0 -35px; } #navigation:before { content: "\f015"; font: normal normal normal 14px/1 FontAwesome; color: #00a8ff; margin-right: 3px; } #navigation a:link, #navigation a:visited, #navigation a:hover { color: #eee; } #navigation .active { font-weight: 500; color: #00a8ff; } /***** OGŁOSZENIA START *****/ #classifieds { width: 835px; background: rgba(0,0,0,0.40); padding: 0 10px 10px; margin-bottom: 30px; } .ofslider div { width: 280px; background: rgba(0,0,0,0.70); height: 100px; margin-top: -160px; position: absolute; margin-left: 540px; padding: 10px; color: #ddd; } .ofslider div h1 { text-align: center; font-size: 18px; margin: 0 0 5px 0; } /***** OGŁOSZENIA END *****/ /***** FORUMBIT START *****/ .main-tborder { width: 850px; background: rgba(0,0,0,0.40); color: #969696; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.39); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.39); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.39); -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-bottom-right-radius: 20px; -moz-border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; padding: 10px; } .main-title { background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/main-title.png) no-repeat; color: #fff; width: 972px; height: 115px; padding: 0px 75px; font-size: 14px; margin: -30px -57px; line-height: 110px; } .main-title a:link, .main-title a:hover, .main-title a:visited { color: #fff; } .main-title .expcolimage { float: right; vertical-align: middle; width: 36px; height: 36px; display: block; outline: 0; margin-right: 160px; margin-top: 35px; } .main-title .icon { width: 34px; height: 34px; line-height: 34px; background: #0b0d10; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #00a8ff; font-weight: 400; float: left; text-align: center; margin-top: 37px; margin-right: 15px; } .main-title .icon i { line-height: 34px; } .trow1 a:link, .trow1 a:visited, .trow1 a:hover, .trow2 a:link, .trow2 a:visited, .trow2 a:hover { color: #eee; } .theards-stats strong { color: #00a8ff; font-size: 15px; } .aside-title { background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/aside-title.png) no-repeat; width: 268px; height: 100px; line-height: 112px; text-align: center; font-size: 14px; color: #fff; font-weight: 400; text-shadow: 1px 1.732px 2px rgba(0, 0, 0, 0.137); margin-left: -30px; margin-top: -85px; position: absolute; } .aside-tborder { padding-top: 50px; width: 240px; color: #969696; border-top-left-radius: 10px; border-top-right-radius: 10px; } .aside-tborder { padding-top: 50px; width: 240px; color: #969696; border-top-left-radius: 10px; border-top-right-radius: 10px; } #thread-title { font: 900 26px/1.3 Helvetica,Arial,sans-serif; color: #00a2f5; } .thread-info { color: #969696; font-size: 12px; } .thread-info a:link, .thread-info a:hover, .thread-info a:visited { color: #969696; } .thread-author a:link, .thread-author a:hover, .thread-author a:visited { color: #eee; } .thread-sort form select { background: none; border: none; color: #eee; } .thread-sort option { color: #000; } .thread-sort input { background: none; border: none; color: #fff; } #thead-title { background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/thread-title.png) no-repeat; height: 50px; width: 1105px; margin: -44px 0 -80px -80px; padding: 45px 75px 0px; } #thead-title .icon, #smilies-title .icon, #usercp-title .icon { width: 34px; height: 34px; line-height: 34px; background: #0b0d10; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #00a8ff; font-weight: 400; float: left; text-align: center; margin-top: -7px; margin-right: 15px; } #thead-title .icon i, #smilies-title .icon i, #usercp-title .icon i { line-height: 34px; } .thead-title-right { float: right } .thead-title-right a:link, .thead-title-right a:hover, .thead-title-right a:visited { color: #fff; } #usercp-nav-title { background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/aside-title.png) no-repeat; width: 268px; height: 112px; line-height: 112px; text-align: center; font-size: 14px; color: #fff; font-weight: 400; text-shadow: 1px 1.732px 2px rgba(0, 0, 0, 0.137); margin-left: -40px; margin-top: -60px; position: absolute; } #usercp-title { background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/main-title.png) no-repeat; color: #fff; width: 972px; height: 115px; padding: 0px 75px; font-size: 14px; margin: -55px -77px; line-height: 110px; position: absolute; } #smilies-title { background: url(http://st.10tl.net/tema/yusufkoc/dosyalar/hardgame/stats-title.png)) no-repeat; height: 40px; width: 229px; margin: -10px 0 0 -45px; padding: 30px 50px 0px; } .post-avatar { border-