API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 2nd, 2019
863
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 144.22 KB | None | 0 0
raw download clone embed print report
  1. <----------------------------------------------------------------------------------
  2. Site: https://www.alora.io/forums/index.php?app=core&module=global&section=login
  3. Debug of BOT 1
  4. Combo: SeME9:123
  5. Proxy: 127.0.0.1
  6. ----------------------------------------------------------------------------------
  7.  
  8. <-----Bot Status: Calling main URL----->
  9. <-----CONNECT Request----->
  10. CONNECT www.alora.io:443 HTTP/1.0
  11. User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11
  12. Host: www.alora.io
  13. Proxy-Connection: Keep-Alive
  14. Content-Length: 0
  15.  
  16.  
  17. <-----CONNECT Response----->
  18. HTTP/1.0 200 Connection established
  19.  
  20.  
  21.  
  22.  
  23. <-----Bot Status: Calling main URL----->
  24. <-----Sent Headers----->
  25. GET /forums/index.php?app=core&module=global&section=login HTTP/1.0
  26. Accept: */*
  27. User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11
  28. Host: www.alora.io
  29. Pragma: no-cache
  30. Connection: keep-alive
  31.  
  32.  
  33. <-----Received Headers----->
  34. HTTP/1.1 200 OK
  35. Server: Sucuri/Cloudproxy
  36. Date: Sun, 03 Mar 2019 01:33:32 GMT
  37. Content-Type: text/html;charset=UTF-8
  38. X-Sucuri-ID: 19007
  39. X-XSS-Protection: 1; mode=block
  40. X-Frame-Options: SAMEORIGIN
  41. X-Content-Type-Options: nosniff
  42. Strict-Transport-Security: max-age=31536000; includeSubdomains; preload
  43. Content-Security-Policy: upgrade-insecure-requests;
  44. Vary: Accept-Encoding
  45.  
  46. Set-Cookie: alora_session_id=a7a86a0a831347ff0e3b66fb1835afe1; path=/; httponly
  47.  
  48. X-Sucuri-Cache: MISS
  49. Connection: close
  50.  
  51.  
  52.  
  53. <-----Received Source----->
  54. <
  55.  
  56.  
  57.  
  58. <-----Bot Status: Cookie updated: alora_session_id=a7a86a0a831347ff0e3b66fb1835afe1 -> Authenticating----->
  59. <-----CONNECT Request----->
  60. CONNECT www.alora.io:443 HTTP/1.0
  61. User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11
  62. Host: www.alora.io
  63. Proxy-Connection: Keep-Alive
  64. Content-Length: 0
  65.  
  66.  
  67. <-----CONNECT Response----->
  68. HTTP/1.0 200 Connection established
  69.  
  70.  
  71.  
  72.  
  73. <-----Bot Status: Cookie updated: alora_session_id=a7a86a0a831347ff0e3b66fb1835afe1 -> Authenticating----->
  74. <-----Sent Headers----->
  75. POST /forums/index.php?app=core&amp;module=global&amp;section=login&amp;do=process HTTP/1.1
  76. Accept: */*
  77. User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11
  78. Host: www.alora.io
  79. Pragma: no-cache
  80. Connection: keep-alive
  81. Content-Type: application/x-www-form-urlencoded
  82. Content-Length: 77
  83. Cookie: alora_session_id=a7a86a0a831347ff0e3b66fb1835afe1
  84. Post Data:
  85. ips_username=SeME9&ips_password=123&auth_key=880ea6a14ea49e853634fbdc5015a024
  86.  
  87.  
  88. <-----Received Headers----->
  89. HTTP/1.1 200 OK
  90. Server: Sucuri/Cloudproxy
  91. Date: Sun, 03 Mar 2019 01:33:38 GMT
  92. Content-Type: text/html;charset=UTF-8
  93. Transfer-Encoding: chunked
  94. X-Sucuri-ID: 19007
  95. X-XSS-Protection: 1; mode=block
  96. X-Frame-Options: SAMEORIGIN
  97. X-Content-Type-Options: nosniff
  98. Strict-Transport-Security: max-age=31536000; includeSubdomains; preload
  99. Content-Security-Policy: upgrade-insecure-requests;
  100. Vary: Accept-Encoding
  101.  
  102. Set-Cookie: alora_session_id=a7a86a0a831347ff0e3b66fb1835afe1; path=/; httponly
  103.  
  104. Connection: keep-alive
  105.  
  106.  
  107.  
  108. <-----Received Source----->
  109. <!DOCTYPE html>
  110. <html lang="en" >
  111. <head>
  112. <meta charset="UTF-8" />
  113. <title>Sign In - Alora RSPS - The Best Old School RuneScape Private Server!</title>
  114. <!--<title>Alora RSPS - The Best Old School RuneScape Private Server!</title>-->
  115. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  116. <link rel="shortcut icon" href='https://www.alora.io/forums/favicon.ico' />
  117. <link rel="image_src" href='https://www.alora.io/forums/public/style_images/battlefield_p4f/meta_image.png' />
  118. <script type='text/javascript'>
  119. //<![CDATA[
  120. jsDebug = 0; /* Must come before JS includes */
  121. DISABLE_AJAX = parseInt(0); /* Disables ajax requests where text is sent to the DB; helpful for charset issues */
  122. inACP = false;
  123. var isRTL = false;
  124. var rtlIe = '';
  125. var rtlFull = '';
  126. //]]>
  127. </script>
  128. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><link href="/css/global_forum.css" rel="stylesheet" type="text/css">
  129.  
  130.  
  131.  
  132. <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  133.  
  134. <link rel="icon" type="image/png" href="/favicon.ico">
  135. <link rel="icon" type="image/png" sizes="256x256" href="/favicon-256x256.png">
  136. <link rel="icon" type="image/png" sizes="64x64" href="/favicon-64x64.png">
  137. <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
  138. <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  139. <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  140. <link rel="manifest" href="/site.webmanifest">
  141. <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#d1392f">
  142. <meta name="apple-mobile-web-app-title" content="Alora">
  143. <meta name="application-name" content="Alora">
  144. <meta name="msapplication-TileColor" content="#b91d47">
  145. <meta name="theme-color" content="#ffffff">
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152. <style type="text/css" title="Main" media="screen,print">
  153. /* Inline CSS */
  154.  
  155. /* CSS: ipb_help*/
  156. /************************************************************************/
  157. /* IP.Board 3 CSS - By Lukazuki - (c)2011 www.codegame.pl */
  158. /************************************************************************/
  159. /* ipb_help.css */
  160. /************************************************************************/
  161. /*
  162. [ color ]
  163. [ font ]
  164. [ borders ]
  165. [ padding ]
  166. [ margin ]
  167. [ sizing ]
  168. [ other ]
  169. */
  170.  
  171. /************************************************************************/
  172. /* HELP & PORTAL STYLES */
  173.  
  174. #help_topics { border: 1px solid #323232; }
  175.  
  176. #help_topics li {
  177. background-image: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/help.png);
  178. background-repeat: no-repeat;
  179. background-position: 9px 12px;
  180. padding: 10px 32px;
  181. margin-bottom: 2px;
  182. }
  183.  
  184. #help_topics li h3 { padding: 2px 0 0 0; }
  185.  
  186. .help_doc { border: 1px solid #c9c9c9; }
  187. #help_topics .help_doc ul,
  188. #help_topics .help_doc ol {
  189. padding: 8px 0;
  190. }
  191.  
  192. #help_topics .help_doc li {
  193. background: none;
  194. padding: 2px;
  195. }
  196. .help_doc .input_submit { background: #dfdfdf; border: 0 !important; color: #000; font-weight: bold; font-size: inherit; padding: 1px 4px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
  197. .help_doc .input_submit:hover { color: #000 }
  198. </style>
  199.  
  200.  
  201. <style type="text/css" title="Main" media="screen">
  202. /* Inline CSS */
  203.  
  204. /* CSS: jawards*/
  205. .JLogicaAwardsTopRight
  206. {
  207. top: -43px;
  208. right: -14px;
  209. z-index: 1000;
  210. float: right;
  211. position: relative;
  212. }
  213.  
  214. .JLogicaAwardsCount
  215. {
  216. padding: 0px 4px;
  217. height: 12px;
  218. line-height: 12px;
  219. background: #cf2020;
  220. color: #fff !important;
  221. font-size: 9px;
  222. text-align: center;
  223. -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  224. -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  225. box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  226. -moz-border-radius: 2px;
  227. -webkit-border-radius: 2px;
  228. border-radius: 2px;
  229. position: relative;
  230. top: -10px;
  231. left: -10px;
  232. }
  233.  
  234. .JLogicaAwardTable li
  235. {
  236. width:33.333%;
  237. float:left;
  238. display:inline;
  239. }
  240. </style>
  241.  
  242.  
  243. <style type="text/css" title="Main" media="screen,print">
  244. /* Inline CSS */
  245.  
  246. /* CSS: ipb_login_register*/
  247. /************************************************************************/
  248. /* IP.Board 3 CSS - By Lukazuki - (c)2011 www.codegame.pl */
  249. /************************************************************************/
  250. /* ipb_login_register.css - Login & Registration styles */
  251. /************************************************************************/
  252.  
  253. #register_form {
  254. width: 70%;
  255. margin: 0 auto;
  256. }
  257.  
  258. #register_submit { }
  259. #register_form #save_time { color: #136db5; }
  260. #register_form hr, #login_form hr {
  261. display: block;
  262. width: 95%;
  263. border: 1px solid rgba(255,255,255,0.1);
  264. border-width: 1px 0 0 0;
  265. clear: both;
  266. margin: 10px auto;
  267. }
  268.  
  269. #captcha .ipsField_title { padding-right: 0px; }
  270. #captcha.recaptcha .ipsField_content { margin-left: 193px; }
  271. #tou_popup { height: 250px !important; overflow: auto; }
  272.  
  273. #register_form .f { margin: 4px 12px 4px 0; display: inline-block; vertical-align: middle; }
  274.  
  275.  
  276. .reg_msg {
  277. color: #fff;
  278. font-size: 0.8em;
  279. font-weight: bold;
  280. border-radius: 4px;
  281. -moz-border-radius: 4px;
  282. -webkit-border-radius: 4px;
  283. padding: 3px 8px;
  284. position: absolute;
  285. }
  286.  
  287. .reg_msg img {
  288. display: none;
  289. }
  290. .reg_msg.reg_error {
  291. background-color: #ad2930;
  292. }
  293. .reg_msg.reg_accept {
  294. background-color: #6f8f52;
  295. }
  296.  
  297. #login_form { width: 70%; margin: 0 auto; }
  298. #other_signin { width: 35%; }
  299.  
  300. #member_login .extra {
  301. font-size: 0.8em;
  302. color: #69727b;
  303. padding: 5px;
  304. margin-right: 10px;
  305. float: right;
  306. }
  307.  
  308. #facebookComplete img.servicepic {
  309. float: left;
  310. margin-top: -2px;
  311. margin-left: -12px;
  312. }
  313.  
  314. #facebookComplete p {
  315. margin-left: 60px;
  316. line-height: 150%;
  317. }
  318. </style>
  319.  
  320.  
  321. <style type="text/css" title="Main" media="screen,print">
  322. /* Inline CSS */
  323.  
  324. /* CSS: ipb_common*/
  325. /************************************************************************/
  326. /* IP.Board 3 CSS - By Rikki Tissier - (c)2008 Invision Power Services */
  327. /************************************************************************/
  328. /* ipb_common.css */
  329. /************************************************************************/
  330.  
  331.  
  332. /************************************************************************/
  333. /* LIGHTBOX STYLES */
  334.  
  335. #lightbox{ position: absolute; left: 0; width: 100%; z-index: 16000 !important; text-align: center; line-height: 0;}
  336. #lightbox img{ width: auto; height: auto;}
  337. #lightbox a img{ border: none; }
  338. #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
  339. #imageContainer{ padding: 10px; }
  340. #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
  341. #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
  342. #imageContainer>#hoverNav{ left: 0;}
  343. #hoverNav a{ outline: none;}
  344. #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/spacer.gif); /* Trick IE into showing hover */ display: block; }
  345. #prevLink { left: 0; float: left;}
  346. #nextLink { right: 0; float: right;}
  347. #prevLink:hover, #prevLink:visited:hover { background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/lightbox/prevlabel.gif) left 15% no-repeat; }
  348. #nextLink:hover, #nextLink:visited:hover { background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/lightbox/nextlabel.gif) right 15% no-repeat; }
  349. #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
  350. #imageData{ padding:0 10px; color: #666; }
  351. #imageData #imageDetails{ width: 70%; float: left; text-align: left; }
  352. #imageData #caption{ font-weight: bold; }
  353. #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
  354. #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
  355. #overlay{ position: fixed; top: 0; left: 0; z-index: 15000 !important; width: 100%; height: 500px; background-color: #000; }
  356.  
  357. /************************************************************************/
  358. /* BBCODE STYLES */
  359. /* NOTE: These selectors style bbcodes throughout IPB. It is recommended that you DO NOT change these
  360. styles if you are creating a skin since it may interfere with user expectation
  361. of what certain BBCodes look like (quote boxes are an exception to this). */
  362.  
  363. strong.bbc { font-weight: bold !important; }
  364. em.bbc { font-style: italic !important; }
  365. span.bbc_underline { text-decoration: underline !important; }
  366. acronym.bbc { border-bottom: 1px dotted #000; }
  367. span.bbc_center, div.bbc_center, p.bbc_center { text-align: center; display: block; }
  368. span.bbc_left, div.bbc_left, p.bbc_left { text-align: left; display: block; }
  369. span.bbc_right, div.bbc_right, p.bbc_right { text-align: right; display: block; }
  370. div.bbc_indent { margin-left: 50px; }
  371. del.bbc { text-decoration: line-through !important; }
  372. .post.entry-content ul, ul.bbc, .as_content ul { list-style: disc outside; margin: 12px 0 12px 40px; }
  373. .post.entry-content ul,ul.bbc ul.bbc, .as_content ul { list-style-type: circle; }
  374. .post.entry-content ul,ul.bbc ul.bbc ul.bbc, .as_content ul { list-style-type: square; }
  375. .post.entry-content ul.decimal,ul.bbcol.decimal, .post.entry-content ol, .post_body ol, .as_content ol { margin: 12px 0 12px 40px !important; list-style-type: decimal !important; }
  376. .post.entry-content ul.lower-alpha,ul.bbcol.lower-alpha { margin-left: 40px; list-style-type: lower-alpha; }
  377. .post.entry-content ul.upper-alpha,ul.bbcol.upper-alpha { margin-left: 40px; list-style-type: upper-alpha; }
  378. .post.entry-content ul.lower-roman ,ul.bbcol.lower-roman { margin-left: 40px; list-style-type: lower-roman; }
  379. .post.entry-content ul.upper-roman,ul.bbcol.upper-roman { margin-left: 40px; list-style-type: upper-roman; }
  380.  
  381. hr.bbc { display: block; border-top: 2px solid #777; }
  382. div.bbc_spoiler { }
  383. div.bbc_spoiler span.spoiler_title { font-weight: bold; }
  384. div.bbc_spoiler_wrapper { border: 1px inset #777; padding: 4px; }
  385. div.bbc_spoiler_content { }
  386. input.bbc_spoiler_show { width: 45px; font-size: .7em; margin: 0px; padding: 0px; }
  387.  
  388. img.bbc_img { cursor: pointer; }
  389. .signature img.bbc_img { cursor: default; }
  390. .signature a img.bbc_img { cursor: pointer; }
  391.  
  392. pre.prettyprint, code.prettyprint {
  393. padding: 5px;
  394. background: rgba(0,0,0,0.2);
  395. border-color: rgba(0, 0, 0, 0.2);
  396. border-style: solid;
  397. border-width: 1px;
  398. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) inset;
  399. -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) inset;
  400. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) inset;
  401. overflow: auto;
  402. margin-left: 10px;
  403. line-height: 140%;
  404. overflow: auto;
  405. font-size: 13px;
  406. line-height: 140%;
  407. font-family: monospace !important;
  408. }
  409.  
  410. pre.prettyprint {
  411. width: 95%;
  412. margin: 1em auto;
  413. padding: 1em;
  414. /* white-space: pre-wrap; */
  415. }
  416.  
  417. /* LEGACY @todo remove in IPS4 */
  418. div.blockquote {
  419. font-size: 12px;
  420. padding: 10px;
  421. border-left: 2px solid #989898;
  422. border-right: 2px solid #e5e5e5;
  423. border-bottom: 2px solid #e5e5e5;
  424. -moz-border-radius: 0 0 5px 5px;
  425. -webkit-border-radius: 0 0 5px 5px;
  426. border-radius: 0 0 5px 5px;
  427. background: #f7f7f7;
  428. }
  429.  
  430. div.blockquote div.blockquote {
  431. margin: 0 10px 0 0;
  432. }
  433.  
  434. div.blockquote p.citation {
  435. margin: 6px 10px 0 0;
  436. }
  437.  
  438.  
  439. /* Quote boxes */
  440.  
  441. p.citation {
  442. font-size: 12px;
  443. padding: 8px 10px;
  444. -moz-border-radius: 5px 5px 0 0;
  445. -webkit-border-radius: 5px 5px 0 0;
  446. border-radius: 5px 5px 0 0;
  447. font-weight: bold;
  448. overflow-x: auto;
  449. border: 1px solid rgba(255,255,255,0.1);
  450. background: rgba(255,255,255,0.1);
  451. }
  452.  
  453.  
  454.  
  455.  
  456. blockquote.ipsBlockquote {
  457. font-size: 12px;
  458. padding: 10px;
  459. margin: 0 0;
  460. overflow-x: auto;
  461. border-left: 1px solid rgba(255,255,255,0.1);
  462. border-right: 1px solid rgba(255,255,255,0.1);
  463. border-bottom: 1px solid rgba(255,255,255,0.1);
  464. -moz-border-radius: 0 0 5px 5px;
  465. -webkit-border-radius: 0 0 5px 5px;
  466. border-radius: 0 0 5px 5px;
  467. background: rgba(255,255,255,0.05);
  468. }
  469.  
  470. blockquote.ipsBlockquote blockquote.ipsBlockquote {
  471. margin: 0 10px 0 0;
  472. }
  473.  
  474. blockquote.ipsBlockquote p.citation {
  475. margin: 6px 10px 0 0;
  476. }
  477.  
  478. blockquote.ipsBlockquote.built {
  479. border-top: none;
  480. -moz-border-top-right-radius: 0px;
  481. -webkit-border-top-left-radius: 0px;
  482. border-top-left-radius: 0px;
  483. border-top-right-radius: 0px;
  484.  
  485. }
  486.  
  487. ._sharedMediaBbcode {
  488. width: 500px;
  489. background: #f6f6f6;
  490. background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); /* firefox */
  491. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */
  492. border: 1px solid #dbdbdb;
  493. -moz-box-shadow: 0px 1px 3px rgba(255,255,255,1) inset, 0px 1px 1px rgba(0,0,0,0.2);
  494. -webkit-box-shadow: 0px 1px 3px rgba(255,255,255,1) inset, 0px 1px 1px rgba(0,0,0,0.2);
  495. box-shadow: 0px 1px 3px rgba(255,255,255,1) inset, 0px 1px 2px rgba(0,0,0,0.2);
  496. -moz-border-radius: 3px;
  497. -webkit-border-radius: 3px;
  498. border-radius: 3px;
  499. color: #616161;
  500. display: inline-block;
  501. margin-right: 15px;
  502. margin-bottom: 5px;
  503. padding: 15px;
  504. }
  505.  
  506. .bbcode_mediaWrap .details {
  507. color: #616161;
  508. font-size: 12px;
  509. line-height: 1.5;
  510. margin-left: 95px;
  511. }
  512.  
  513. .bbcode_mediaWrap .details a {
  514. color: #616161;
  515. text-decoration: none;
  516. }
  517.  
  518. .bbcode_mediaWrap .details h5, .bbcode_mediaWrap .details h5 a {
  519. font: 400 20px/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
  520. color: #2c2c2c;
  521. word-wrap: break-word;
  522. max-width: 420px;
  523. }
  524.  
  525. .bbcode_mediaWrap img.sharedmedia_image {
  526. float: left;
  527. position: relative;
  528. /*top: 10px;
  529. left: 10px;*/
  530. max-width: 80px;
  531. }
  532.  
  533. .bbcode_mediaWrap img.sharedmedia_screenshot {
  534. float: left;
  535. position: relative;
  536. /*top: 10px;
  537. left: 10px;*/
  538. max-width: 80px;
  539. }
  540.  
  541. /* Show my media label */
  542. .cke_button_ipsmedia span.cke_label {
  543. display: inline !important;
  544. }
  545. </style>
  546.  
  547.  
  548. <style type="text/css" title="Main" media="screen,print">
  549. /* Inline CSS */
  550.  
  551. /* CSS: ipb_ckeditor*/
  552. /************************************************************************/
  553. /* IP.Board 3 CSS - By Lukazuki - (c)2011 www.codegame.pl */
  554. /************************************************************************/
  555.  
  556. .as_content {
  557. font-size: 1.0em;
  558. padding: 6px;
  559. margin: 8px;
  560. overflow: auto;
  561. max-height: 400px;
  562. }
  563. .as_buttons {
  564. text-align: right;
  565. padding: 4px 0px;
  566. }
  567. .as_message {
  568. display: inline-block;
  569. }
  570.  
  571. .ipsEditor_textarea {
  572. width: 99%;
  573. height: 200px;
  574. font-size: 14px;
  575. }
  576. .cke_browser_webkit {outline:none !important;}
  577.  
  578. /* Main tool bar BG */
  579. .cke_top {
  580. background: #232323;
  581. }
  582.  
  583. /* Minimized RTE */
  584. .cke_skin_ips .cke_wrapper.minimized {
  585. opacity: 0.6 !important;
  586. background: none !important;
  587. border: none !important;
  588. }
  589.  
  590. /* Minimized STD */
  591. .cke_skin_ips .cke_wrapper.minimized.std {
  592. border: 1px solid #2f2f2f !important;
  593. }
  594.  
  595. .cke_skin_ips .cke_wrapper.minimized .cke_contents,
  596. .cke_skin_ips .cke_wrapper.minimized .cke_contents iframe{ height: 80px !important; }
  597.  
  598. /* Main Editor wrapper */
  599. .cke_skin_ips { margin-bottom: 0px !important; }
  600.  
  601. .cke_skin_ips .cke_wrapper
  602. {
  603. padding: 0px 5px 0px 3px !important;
  604. margin: 2px !important;
  605. border: 1px solid #121212 !important;
  606. background-color: #232323 !important;
  607. background-image: none !important;
  608. -webkit-box-shadow: none !important;
  609. -moz-box-shadow: none !important;
  610. box-shadow: none !important;
  611. }
  612.  
  613. /* OFF state for editor buttons */
  614. .cke_skin_ips .cke_toolgroup
  615. {
  616. background-color: transparent !important;
  617. }
  618.  
  619. /* HOVER 'off' button */
  620. .cke_skin_ips .cke_button a:hover,
  621. .cke_skin_ips .cke_button a:focus,
  622. .cke_skin_ips .cke_button a:active /* IE */
  623. {
  624. background-color: #2f2f2f !important;
  625. }
  626.  
  627. /* HOVER 'on' button */
  628. .cke_skin_ips .cke_button a.cke_on,
  629. .cke_skin_ips .cke_button a:hover.cke_on,
  630. .cke_skin_ips .cke_button a:focus.cke_on,
  631. .cke_skin_ips .cke_button a:active.cke_on /* IE */
  632. {
  633. background-color: #161616 !important;
  634. border-color: transparent !important;
  635. -webkit-box-shadow: inset rgba(0,0,0,0.12) 0px 1px 2px, rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.06) 0px 0px 0px 1px !important;
  636. -moz-box-shadow: inset rgba(0,0,0,0.12) 0px 1px 2px, rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.06) 0px 0px 0px 1px !important;
  637. box-shadow: inset rgba(0,0,0,0.12) 0px 1px 2px, rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.06) 0px 0px 0px 1px !important;
  638. }
  639.  
  640. /* Button group */
  641. .cke_skin_ips .cke_toolgroup
  642. {
  643. margin-right: 0px !important;
  644. }
  645.  
  646. /* Button separator */
  647. .cke_skin_ips .cke_separator
  648. {
  649. border-left:solid 0px #111;
  650. display:inline-block !important;
  651. float:left;
  652. height:30px;
  653. margin:0px 2px;
  654. }
  655.  
  656. /* DIALOG: Modal blind */
  657. .cke_dialog_background_cover
  658. {
  659. background-color: #3e3e3e !important;
  660. }
  661.  
  662. /* DIALOG: Title - based on .maintitle */
  663. .cke_skin_ips .cke_dialog_title
  664. {
  665. background: #444 url('https://www.alora.io/forums/public/style_images/battlefield_p4f/highlight_faint.png') repeat-x 0 1px !important;
  666. color: #fff !important;
  667. padding: 10px 10px 11px !important;
  668. font-size: 16px !important;
  669. font-weight: 300 !important;
  670. text-shadow: 0 -1px 0px rgba(0,0,0,0.4);
  671. font-weight: normal;
  672. }
  673.  
  674. /* Dialog: Body */
  675. .cke_skin_ips .cke_dialog_body {
  676. z-index: 10000 !important;
  677. }
  678.  
  679. /* Dialog tab bg (will usually match dialog title) */
  680. .cke_skin_ips .cke_dialog_tabs {
  681. background: #444 !important;
  682. }
  683.  
  684. /* Dialog Title close button */
  685. .cke_skin_ips .cke_dialog_close_button
  686. {
  687. background: transparent url('https://www.alora.io/forums/public/style_images/battlefield_p4f/close_popup.png') no-repeat top left !important;
  688. width: 13px !important;
  689. height: 13px !important;
  690. top: 11px !important;
  691. right: 10px !important;
  692. }
  693.  
  694. /* Dialog OK / Cancel buttons - based on ipsButton_secondary*/
  695. .cke_skin_ips span.cke_dialog_ui_button
  696. {
  697. height: 22px !important;
  698. line-height: 22px !important;
  699. font-size: 12px !important;
  700. padding: 0 10px !important;
  701. -moz-border-radius: 2px !important;
  702. -webkit-border-radius: 2px !important;
  703. border-radius: 2px !important;
  704. display: inline-block !important;
  705. white-space: nowrap !important;
  706.  
  707. background: #646464 url('https://www.alora.io/forums/public/style_images/battlefield_p4f/highlight_faint.png') repeat-x 0 -1px !important;
  708. border: 1px solid #6e6e6e !important;
  709. color: #fff !important;
  710. text-shadow: #474747 0px -1px 0px !important;
  711. -moz-box-shadow: 0 !important;
  712. -webkit-box-shadow: 0 !important;
  713. box-shadow: 0 !important;
  714. cursor: pointer !important;
  715. }
  716.  
  717. /* Turn off resizer */
  718. .cke_skin_ips .cke_dialog_footer .cke_resizer { display: none; }
  719.  
  720. /* Emo slide out tray */
  721. .ipsSmileyTray
  722. {
  723. text-align: center;
  724. overflow: auto;
  725. margin: 0px auto 0px auto;
  726. padding: 4px 4px 4px 4px;
  727. min-width: 600px;
  728. width: 75%;
  729. height: 32px;
  730. overflow-y: hidden;
  731. }
  732. .ipsSmileyTray img.bbc_emoticon {
  733. opacity: 0.8;
  734. cursor: pointer;
  735. margin: 6px 3px 0px 3px;
  736. max-width: 30px;
  737. max-height: 30px;
  738. }
  739. .ipsSmileyTray img.bbc_emoticon:hover {
  740. opacity: 1.0;
  741. }
  742.  
  743. .ipsSmileyTray .ipsSmileyTray_next {
  744. background: transparent url('https://www.alora.io/forums/public/style_images/battlefield_p4f/editor/next.png') no-repeat;
  745. background-position: 0px 10px;
  746. display: inline-block;
  747. float: right;
  748. width: 13px;
  749. height: 30px;
  750. cursor: pointer;
  751. }
  752.  
  753. .ipsSmileyTray .ipsSmileyTray_prev {
  754. background: transparent url('https://www.alora.io/forums/public/style_images/battlefield_p4f/editor/prev.png') no-repeat;
  755. background-position: 0px 10px;
  756. display: inline-block;
  757. float: left;
  758. width: 13px;
  759. height: 30px;
  760. cursor: pointer;
  761. }
  762.  
  763. .ipsSmileyTray_all {
  764. display: block;
  765. width: auto;
  766. margin: 6px auto 0px auto;
  767. text-align: center;
  768. cursor: pointer;
  769. font-size: 11px !important;
  770. }
  771.  
  772.  
  773. /* ACP Specific */
  774. table.cke_editor td { padding: 0px !important; }
  775.  
  776. /* Extra */
  777.  
  778. .cke_toolbox .cke_text,
  779. .cke_toolbox .cke_openbutton,
  780. .cke_toolbox .cke_panel{
  781. border-color: #424242 !important;
  782. background-color: #1a1a1a !important;
  783. color: #fff !important;
  784. }
  785.  
  786. .cke_toolbox .cke_openbutton{
  787. background-color: #2c2c2c !important;
  788. }
  789.  
  790. .cke_skin_ips input.cke_dialog_ui_input_text,.cke_skin_ips input.cke_dialog_ui_input_password{ background: transparent none !important; }
  791. .cke_skin_ips .cke_dialog_contents, .cke_skin_ips .cke_dialog_footer{ border-top: 1px solid #333 !important; background: #222222 !important; }
  792. .cke_skin_ips .cke_dialog_body{ background: #222222 !important; }
  793. .cke_skin_ips .cke_dialog .cke_dialog_ui_labeled_label{ color: #fff !important; }
  794. .cke_label{ color: #fff !important; }
  795. .cke_skin_ips a.cke_toolbox_collapser,
  796. .cke_skin_ips a.cke_toolbox_collapser_min{ border: 1px solid #3e3e3e !important; }
  797. .cke_skin_ips textarea.cke_source{ background: #1a1a1a !important; }
  798. .cke_skin_ips .cke_dialog_ui_input_text input, .cke_skin_ips .cke_dialog_ui_input_textarea textarea{ box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border: 0 !important; background: transparent none !important; color: #fff !important; }
  799. .cke_skin_ips .cke_dialog_ui_input_text, .cke_skin_ips .cke_dialog_ui_input_textarea{ background: #383838 !important; border: 1px solid #626262 !important; }
  800. .cke_editor iframe{ border: 1px solid #111 !important; }
  801. .cke_skin_ips a.cke_toolbox_collapser{ background: #303030 url("https://www.alora.io/forums/public/style_images/battlefield_p4f/editor/icons.png") no-repeat 50% -403px !important; }
  802. .cke_skin_ips a.cke_toolbox_collapser_min{ background: #303030 url("https://www.alora.io/forums/public/style_images/battlefield_p4f/editor/icons.png") no-repeat 50% -387px !important; }
  803.  
  804. </style>
  805.  
  806.  
  807. <style type="text/css" >
  808. /* Inline CSS */
  809.  
  810. /* CSS: ipb_profile*/
  811.  
  812. </style>
  813.  
  814.  
  815. <style type="text/css" >
  816. /* Inline CSS */
  817.  
  818. /* CSS: ipb_photo_editor*/
  819.  
  820. </style>
  821.  
  822.  
  823. <style type="text/css" >
  824. /* Inline CSS */
  825.  
  826. /* CSS: ipb_messenger*/
  827.  
  828. </style>
  829.  
  830.  
  831. <style type="text/css" >
  832. /* Inline CSS */
  833.  
  834. /* CSS: ipcontent*/
  835.  
  836. </style>
  837.  
  838.  
  839. <style type="text/css" title="Main" media="screen,print">
  840. /* Inline CSS */
  841.  
  842. /* CSS: ipb_styles*/
  843. /************************************************************************/
  844. /* IP.Board 3 CSS - By Lukazuki - (c)2011 www.codegame.pl */
  845. /************************************************************************/
  846. /* ipb_styles.css */
  847. /************************************************************************/
  848. /************************************************************************/
  849.  
  850. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
  851. table { border-collapse:collapse; border-spacing:0; }
  852. fieldset,img { border:0; }
  853. address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
  854. ol,ul { list-style:none; }
  855. caption,th { text-align:left; }
  856. h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
  857. q:before,q:after { content:''; }
  858. abbr,acronym { border:0; }
  859. hr { display: none; }
  860. address{ display: inline; }
  861.  
  862. .title {
  863. font-family: 'Cinzel','Trajan Pro',serif;
  864. }
  865.  
  866. /************************************************************************/
  867. /* CORE ELEMENT iSTYLES */
  868.  
  869. html,body{ /* Safari has trouble with bgcolor on body. Apply to html tag too. */
  870. color: #d2d2d2;
  871. background-color:rgba(0, 0, 0, 1.0);
  872. /* background: url("https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bg.jpg") repeat scroll center top #111;*/
  873. width: 100%;
  874. }
  875.  
  876. #ipbwrapper{
  877. min-width: 990px;
  878. margin: 0 auto;
  879. width: 80%;
  880. }
  881.  
  882. body {
  883. min-height: 800px;
  884. /*background-color: black; background-image: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bg/1.jpg' );*/
  885. background-attachment:fixed;
  886. background-position: center 0;
  887. background-repeat: no-repeat;
  888. position: absolute;
  889. font-family: 'Arial',sans-serif;
  890. font-size: 13px;
  891. font-align: left;
  892. }
  893.  
  894. .fixed_inner { padding:5px!important; }
  895.  
  896. input, select {
  897. font: normal 13px helvetica, arial, sans-serif;
  898. }
  899.  
  900. .input_select {
  901. background: #303030;
  902. }
  903.  
  904. h3, strong { font-weight: bold; }
  905. em { font-style: italic; }
  906. img, .input_check, .input_radio { vertical-align: middle; }
  907. legend { display: none; }
  908. table { width: 100%; }
  909. td { padding: 3px; }
  910.  
  911.  
  912. .preview_col { margin-left: 70px; }
  913.  
  914.  
  915. a {
  916. color: #FAEDDC; /* FCF7F0 */
  917.  
  918. text-decoration: none;
  919.  
  920. }
  921. a:hover { color: #FFD666;
  922. -webkit-transition: .5s;
  923. -moz-transition: .5s;
  924. -ms-transition: .5s;
  925. -o-transition: .5s;
  926. transition: .5s; }
  927.  
  928. /* tr:hover {
  929. background: rgba(255,255,255,0.07);
  930. -moz-border-radius: 0px 0px 10px 10px;
  931. -webkit-border-radius: 0px 0px 10px 10px;
  932. border-radius: 0px 0px 10px 10px;
  933. } */
  934. #user_navigation .user_photo {
  935. height: 30px;
  936. margin-left: 4px;
  937. margin-top: -2px;
  938. position: relative;
  939. width: auto;
  940. }
  941.  
  942. /**********************/
  943. /* Background Changer */
  944. /**********************/
  945. #bgchangercorner {
  946. float:right;
  947. display: inline-block;
  948. padding: 10px;
  949. font-size: 10px;
  950. margin: 10px;
  951. border-radius: 5px;
  952. background: rgba(200,200,200, 0.4);
  953. max-width: 30%;
  954. padding: 8px;
  955. -webkit-box-shadow: 0 0px 9px rgba(0,0,0,0.5);
  956. -moz-box-shadow: 0 0px 9px rgba(0,0,0,0.5);
  957. box-shadow: 0 0px 9px rgba(0,0,0,0.5);
  958. }
  959. #bg_changer {
  960. position: fixed;
  961. width: 50%;
  962. top: 15%;
  963. left: 50%;
  964. transform: translate(-50%);
  965. z-index: 9900;
  966. }
  967.  
  968. #bg_changer .maintitle i { float: right; margin-top: 2px; }
  969. #bg_changer li {
  970. background-color: rgba(0, 0, 0, 0.5);
  971. background-attachment: initial;
  972. display: inline-block;
  973. vertical-align: top;
  974. width: 80px;
  975. height: 80px;
  976. margin: 0 5px;
  977. border-radius: 4px;
  978. cursor: pointer;
  979. transition: opacity 0.15s ease-in-out;
  980. }
  981.  
  982. #bg_changer li:hover { opacity: 0.75; }
  983.  
  984. .bg_1 { background: transparent url('https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bg/1.jpg') 0 0 / cover fixed; }
  985. .bg_2 { background: transparent url('https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bg/2.jpg') 0 0 / cover fixed; }
  986. .bg_3 { background: transparent url('https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bg/3.jpg') 0 0 / cover fixed; }
  987. .bg_4 { background: transparent url('https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bg/4.jpg') 0 0 / cover fixed; }
  988. .bg_5 { background: transparent url('https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bg/5.jpg') 0 0 / cover fixed; }
  989. .bg_6 { background: transparent url('https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bg/6.jpg') 0 0 / cover fixed; }
  990. .bg_custom {/* background-size: cover; background-attachment: fixed;*/
  991.  
  992. background-attachment:fixed;
  993. background-position: center 0;
  994. background-repeat: no-repeat;
  995. position: absolute; }
  996.  
  997. #bg_input { margin-top: 10px; }
  998. /************************************************************************/
  999. /* breadcrumb */
  1000.  
  1001. .ipsList_inlines > li {
  1002. display: inline-block;
  1003. margin: 0 0;
  1004. }
  1005.  
  1006. #breadcrumb_navigation{
  1007. line-height: 37px;
  1008. margin-bottom: 20px;
  1009. }
  1010.  
  1011. #breadcrumb_navigation a{
  1012. color: #fff;
  1013. }
  1014.  
  1015. #breadcrumb_navigation a:hover{ color: #d2d2d2; }
  1016.  
  1017. #breadcrumb_navigation #breadcrumb li {
  1018. float: left;
  1019. }
  1020.  
  1021. #breadcrumb_navigation #breadcrumb li a {
  1022.  
  1023. }
  1024.  
  1025. #breadcrumb_navigation #breadcrumb li.first a{
  1026. }
  1027.  
  1028. #breadcrumb_navigation #breadcrumb li span{
  1029. display: block;
  1030. padding-right: 17px;
  1031. padding-left: 4px;
  1032.  
  1033. }
  1034.  
  1035. #breadcrumb_navigation #breadcrumb li > span{ padding-left: 4px; background: none transparent; }
  1036.  
  1037. #breadcrumb_navigation #breadcrumb li.first a span{
  1038. padding-left: 12px;
  1039. -webkit-border-top-left-radius: 3px;
  1040. -moz-border-radius: 3px 0px 0px 0px;
  1041. border-radius: 3px 0px 0px 0px;
  1042. }
  1043.  
  1044. #breadcrumb_navigation #breadcrumb li a:hover{
  1045. background-position: 0 -43px;
  1046. }
  1047.  
  1048. #breadcrumb_navigation #breadcrumb li a:hover span{
  1049. background-position: 100% -43px;
  1050. }
  1051.  
  1052. #breadcrumb_navigation #breadcrumb li a:active{
  1053. background-position: 0 -86px;
  1054. }
  1055.  
  1056. #breadcrumb_navigation #breadcrumb li a:active span{
  1057. background-position: 100% -86px;
  1058. }
  1059.  
  1060. .secondary_links{ overflow: hidden; }
  1061. .secondary_links li{ float: left; }
  1062. .secondary_links li.nav_icon img{
  1063. margin-left: 2px;
  1064. margin-right: 2px;
  1065. }
  1066. .secondary_links li.nav_icon:hover img{ opacity: 0.8; }
  1067. .secondary_links li.nav_icon a{ padding-left: 10px; padding-right: 10px; }
  1068. .secondary_links a{
  1069. padding: 0 9px;
  1070. display: inline-block;
  1071. }
  1072.  
  1073. .breadcrumb {
  1074. color: #fff;
  1075. font: bold 14px trebuchet ms;
  1076. min-width: 700px;
  1077. padding-top: 5px;
  1078. width: 700px;
  1079. }
  1080. .breadcrumb a { color: #fff; }
  1081. .breadcrumb li .nav_sep { margin: 0 5px 0 0; }
  1082. .breadcrumb li:first-child{ margin-left: 0; }
  1083. /*.breadcrumb.top { margin-bottom: 10px; }*/
  1084. .breadcrumb.bottom { margin-top: 10px; width: 100%; display: none; }
  1085.  
  1086.  
  1087. /************************************************************************/
  1088. /* SOCIAL MEDIA */
  1089.  
  1090. #playbutton {
  1091. margin-top: 20px;
  1092. margin-bottom: -40px;
  1093. width: 170px;
  1094. height: 57px;
  1095.  
  1096. -webkit-transition: .3s;
  1097. -moz-transition: .3s;
  1098. -ms-transition: .3s;
  1099. -o-transition: .3s;
  1100. transition: .3s;
  1101.  
  1102. background-image: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/playbtn.png');
  1103. }
  1104. #playbutton:hover {
  1105. -webkit-box-shadow: 0 0px 9px rgba(0,0,0,0.5);
  1106. -moz-box-shadow: 0 0px 9px rgba(0,0,0,0.5);
  1107. box-shadow: 0 0px 9px rgba(0,0,0,0.5);
  1108. background-image: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/playbtn_hover.png');
  1109.  
  1110. }
  1111.  
  1112. .social_media {
  1113. float: right;
  1114. margin: 0 5px 0 0;
  1115. }
  1116.  
  1117. .social_links {
  1118. float: left;
  1119. min-width: 40px;
  1120. padding-right: 1px;
  1121. position: relative;
  1122. width: 40px;
  1123. }
  1124.  
  1125. ._social { height: 40px; width: 40px; }
  1126.  
  1127. .facebook {
  1128. background:url(https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/sprite_social_links.png) 0 0;
  1129. width: 40px;
  1130. }
  1131.  
  1132. .facebook:hover {
  1133. background:url(https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/sprite_social_links.png) 0 -40px;
  1134. width: 40px;
  1135. }
  1136.  
  1137. .twitter {
  1138. background:url(https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/sprite_social_links.png) -41px 0;
  1139. width: 40px;
  1140. }
  1141.  
  1142. .twitter:hover {
  1143. background:url(https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/sprite_social_links.png) -41px -40px;
  1144. width: 40px;
  1145. }
  1146.  
  1147. .youtube {
  1148. background:url(https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/sprite_social_links.png) -82px 0;
  1149. width: 40px;
  1150. }
  1151.  
  1152. .youtube:hover {
  1153. background:url(https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/sprite_social_links.png) -82px -40px;
  1154. width: 40px;
  1155. }
  1156.  
  1157.  
  1158. /************************************************************************/
  1159. /* LISTS */
  1160.  
  1161. .ipsList_inline > li {
  1162. display: inline-block;
  1163. margin: 0 3px;
  1164. }
  1165. .ipsList_inline > li:first-child { margin-left: 0; }
  1166. .ipsList_inline > li:last-child { margin-right: 0; }
  1167. .ipsList_inline.ipsList_reset > li:first-child { margin-left: 3px; }
  1168. .ipsList_inline.ipsList_reset > li:last-child { margin-right: 3px; }
  1169. .ipsList_inline.ipsList_nowrap { white-space: nowrap; }
  1170.  
  1171. .ipsList_withminiphoto > li { margin-bottom: 8px; }
  1172. .ipsList_withmediumphoto > li .list_content { margin-left: 60px; }
  1173. .ipsList_withminiphoto > li .list_content { margin-left: 40px; }
  1174. .ipsList_withtinyphoto > li .list_content { margin-left: 30px; }
  1175. .list_content { word-wrap: break-word; }
  1176.  
  1177. .ipsList_data li { margin-bottom: 6px; line-height: 1.3; }
  1178. .ipsList_data .row_data { display: inline-block; }
  1179. .ipsList_data .row_title, .ipsList_data .ft {
  1180. display: inline-block;
  1181. float: left;
  1182. width: 120px;
  1183. font-weight: bold;
  1184. text-align: right;
  1185. padding-right: 10px;
  1186. }
  1187.  
  1188. .ipsList_data.ipsList_data_thin .row_title, .ipsList_data.ipsList_data_thin .ft {
  1189. width: 80px;
  1190. }
  1191.  
  1192.  
  1193. /************************************************************************/
  1194. /* TYPOGRAPHY */
  1195.  
  1196. .ipsType_pagetitle, .ipsType_subtitle {
  1197. font: 300 26px/1.3 Helvetica, Arial, sans-serif;
  1198. color: #fff;
  1199. font-family: 'Cinzel','Trajan Pro',serif;
  1200. }
  1201. .ipsType_subtitle { font-size: 18px; }
  1202. .ipsType_sectiontitle {
  1203. font-size: 16px;
  1204. font-weight: normal;
  1205. color: #d2d2d2;
  1206. padding: 5px 0;
  1207. border-bottom: 1px solid rgba(255,255,255,0.1);
  1208.  
  1209. }
  1210.  
  1211. .ipsType_pagedesc {
  1212. color: #fff;
  1213. line-height: 1.5;
  1214. }
  1215.  
  1216. .ipsType_pagedesc a { text-decoration: underline; }
  1217.  
  1218. .ipsType_textblock { line-height: 1.5; }
  1219.  
  1220. .ipsType_small { font-size: 12px; }
  1221. .ipsType_smaller, .ipsType_smaller a { font-size: 11px !important; }
  1222.  
  1223. .ipsReset { margin: 0px !important; padding: 0px !important; }
  1224.  
  1225. /************************************************************************/
  1226. /* LAYOUT */
  1227. .main_width {
  1228. margin: 0 auto;
  1229. /* width: 85%;*/
  1230. height:100%;
  1231. /*max-width: 1400px;*/
  1232. }
  1233.  
  1234.  
  1235. #branding, #primary_nav { min-width: /*980*/940px; height: 100%; }
  1236. #header_bar { min-width: /*980*/940px;}
  1237. /*#header_bar .main_width, #branding .main_width, #primary_nav .main_width { padding: 0 10px; }*/
  1238.  
  1239. #primary_nav,
  1240. #user_navigation,
  1241. #content
  1242. {
  1243. -webkit-box-shadow: 0 0px 9px rgba(0,0,0,0.5);
  1244. -moz-box-shadow: 0 0px 9px rgba(0,0,0,0.5);
  1245. box-shadow: 0 0px 9px rgba(0,0,0,0.5);
  1246. position: relative;
  1247. }
  1248.  
  1249.  
  1250.  
  1251.  
  1252.  
  1253. #content {
  1254. border-radius: 5px;
  1255. /* background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bgtable.png) repeat; */
  1256. background: rgba(20,20,20, 0.6);
  1257. padding: 10px;
  1258. line-height: 120%;
  1259. height: 100%;
  1260. }
  1261.  
  1262. /************************************************************************/
  1263. /* COLORS */
  1264.  
  1265.  
  1266. .row1, .post_block.row1 { padding: 3px; background-color: rgba(255, 255, 255, 0.1) }
  1267.  
  1268.  
  1269. .row2, .post_block.row2 { padding: 3px; background-color: rgba(0, 0, 0, 0.3) }
  1270.  
  1271.  
  1272. ip
  1273. .unread { /* background-color: rgba(71, 65, 48,0.2) */; }
  1274.  
  1275. .unread:hover { /* background-color: rgba(71, 65, 48,0.5); */ }
  1276.  
  1277. .unreads a { color: #fff; font-weight: bold; }
  1278.  
  1279. .unread .altrow, .unread.altrow { background-color: rgba(255, 255, 255, 0.1); }
  1280.  
  1281. /* primarily used for topic preview header */
  1282. .highlighted, .highlighted .altrow { background-color: rgba(255,255,255,0.1); }
  1283.  
  1284. .ipsBox_notice, .ipsBox_highlight {
  1285.  
  1286. }
  1287.  
  1288. /* mini badges */
  1289. a.ipsBadge:hover { color: #fff; }
  1290.  
  1291. .ipsBadge_green { background: #7ba60d; }
  1292. .ipsBadge_purple { background: #af286d; }
  1293. .ipsBadge_grey { background: #5b5b5b; }
  1294. .ipsBadge_lightgrey { background: rgba(122, 122, 122, 0.6); }
  1295. .ipsBadge_orange { background: #ED7710; }
  1296. .ipsBadge_red { background: #bf1d00; }
  1297.  
  1298.  
  1299. .bar {
  1300. background: rgba(255,255,255,0.1);
  1301. padding: 8px 10px;
  1302. }
  1303.  
  1304. .bar.altbar {
  1305. background: rgba(255,255,255,0.1);
  1306. color: #a2a2a2;
  1307. }
  1308.  
  1309.  
  1310. .header {
  1311. background: rgba(255,255,255,0.1);
  1312. color: rgba(255,255,255,0.5);
  1313. }
  1314.  
  1315.  
  1316. body .ipb_table .header a,
  1317. body .topic_options a {
  1318. color: #1d3652;
  1319. }
  1320.  
  1321.  
  1322. .post_body .post { /* color: #d2d2d2; */ color: rgba(190, 190, 190, 1.0);}
  1323.  
  1324. .bbc_url, .bbc_email {
  1325. color: #a2a2a2;
  1326. text-decoration: underline;
  1327. }
  1328.  
  1329. /* Dates */
  1330. .date, .poll_question .votes {
  1331. color: #747474;
  1332. font-size: 11px;
  1333. }
  1334.  
  1335.  
  1336. .no_messages {
  1337. background-color: rgba(0,0,0,0.2);
  1338. color: rgba(255,255,255,0.5);
  1339. padding: 15px 10px;
  1340. }
  1341.  
  1342. /* Tab bars */
  1343. .tab_bar {
  1344. background-color: #e4ebf2;
  1345. color: #4a6784;
  1346. }
  1347.  
  1348. .tab_bar li.active {
  1349. background-color: #243f5c;
  1350. color: #fff;
  1351. }
  1352.  
  1353. .tab_bar.no_title.mini {
  1354. border-bottom: 8px solid #243f5c;
  1355. }
  1356.  
  1357. /* Menu popups */
  1358. .ipbmenu_content, .ipb_autocomplete {
  1359. background-color: #323232;
  1360. border: 1px solid #212121;
  1361. -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 6px;
  1362. box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 6px;
  1363. }
  1364.  
  1365. .ipbmenu_content li, .ipb_autocomplete li {
  1366. border-bottom: 1px solid #212121;
  1367. }
  1368.  
  1369. .ipb_autocomplete li.active {
  1370. background: #212121;
  1371. }
  1372.  
  1373. .ipbmenu_content a:hover { background-color: rgba(255,255,255,0.1); }
  1374.  
  1375. /* Forms */
  1376.  
  1377. .input_submit {
  1378. background: #212121 url(https://www.alora.io/forums/public/style_images/battlefield_p4f/topic_button.png ) repeat-x top;
  1379. color: #fff;
  1380. -moz-border-radius: 3px;
  1381. -webkit-border-radius: 3px;
  1382. border-radius: 3px;
  1383. -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  1384. -webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  1385. box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  1386. border-color: #212121;
  1387. }
  1388.  
  1389. .input_submit:hover { color: #fff; }
  1390.  
  1391.  
  1392. .input_submit.alt {
  1393. color: #a2a2a2;
  1394. }
  1395.  
  1396. .input_submit.alt:hover { color: #464646; }
  1397.  
  1398. .input_submit.delete {
  1399. background-color: #ad2930;
  1400. border-color: #C8A5A4 #962D29 #962D29 #C8A5A4;
  1401. color: #fff;
  1402. }
  1403.  
  1404. .input_submit.delete:hover { color: #fff; }
  1405.  
  1406.  
  1407. body#ipboard_body fieldset.submit,
  1408. body#ipboard_body p.submit {
  1409. background-color: rgba(255,255,255,0.1);
  1410. }
  1411.  
  1412. /* Moderated styles */
  1413. .moderated, body .moderated td, .moderated td.altrow, .post_block.moderated, body td.moderated, body td.moderated {
  1414. background-color: rgba(115, 34, 34, 0.1);
  1415. }
  1416.  
  1417. .moderated .post_wrap {
  1418. background-color: rgba(115, 34, 34, 0.2);
  1419. }
  1420.  
  1421. .post_wrap h3 { padding-left: 50px !important; }
  1422.  
  1423. .post_block.moderated { border-color: rgba(115, 34, 34, 0.1); }
  1424. .moderated .row2 { background-color: rgba(115, 34, 34, 0.1); }
  1425. .moderated, .moderated a { color: #b22222; }
  1426.  
  1427. body#ipboard_body.redirector {
  1428. background: #fff !important;
  1429. }
  1430.  
  1431. /************************************************************************/
  1432. /* HEADER */
  1433.  
  1434. #admin_bar {
  1435. background-color:rgba(25, 25, 25, 0.6);
  1436. opacity: 0.5;
  1437. border-top-left-radius: 5px;
  1438. border-top-right-radius: 5px;
  1439. font-size: 11px;
  1440. height: 14px;
  1441. line-height: 14px;
  1442. margin: -10px -10px 5px;
  1443. padding: 5px 10px;
  1444. position: relative;
  1445. }
  1446. #admin_bar li.active a { color: #fc6d35; }
  1447. #admin_bar a { color: #8a8a8a; }
  1448. #admin_bar a:hover { color: #fff; }
  1449.  
  1450.  
  1451. .rep_normal{
  1452. display:inline-block;text-align:center;text-color:white;background-color:#808080;border-radius:6px;color:#fff;margin-top:-2px;padding-left:4px;padding-right:4px;padding-bottom:1px;padding-top:2px;
  1453. }
  1454.  
  1455. #user_bar {
  1456. background-color:rgba(25, 25, 25, 0.6);
  1457. opacity: 0.5;
  1458. border-top-left-radius: 5px;
  1459. border-top-right-radius: 5px;
  1460. font-size: 12px;
  1461. height: 14px;
  1462. line-height: 14px;
  1463. margin: -10px -10px 5px;
  1464. padding: 5px 10px;
  1465. position: relative;
  1466. }
  1467. #user_bar li.active a { color: #fc6d35; }
  1468. #user_bar a { color: #8a8a8a; }
  1469. #user_bar a:hover { color: #fff; }
  1470.  
  1471.  
  1472. #user_navigation
  1473. {
  1474. background: transparent url("https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bg_boxuser.jpg") no-repeat;
  1475. }
  1476.  
  1477.  
  1478.  
  1479. .ipsHeaderMenu
  1480. {
  1481. background: transparent url("https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bg_boxuser.jpg") no-repeat;
  1482. }
  1483.  
  1484.  
  1485. #user_navigation {
  1486. box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  1487. color: #FFFFFF;
  1488. float: right;
  1489. font-size: 11px;
  1490. font-weight: bold;
  1491. height: 44px;
  1492. margin-top: 42px;
  1493. overflow: hidden;
  1494. padding: 0 20px 0 0;
  1495. -webkit-border-bottom-left-radius: 3px;
  1496. -webkit-border-bottom-right-radius: 3px;
  1497. -moz-border-radius: 0px 0px 3px 3px;
  1498. border-radius: 0px 0px 3px 3px;
  1499. border-radius: 5px 5px 5px 5px;
  1500. }
  1501.  
  1502. #user_navigation a { padding: 5px 10px; color: #fff; }
  1503.  
  1504. #user_navigation.not_logged_in {
  1505. background: transparent;
  1506. box-shadow: none;
  1507. font-size: 14px;
  1508. height: 100px;
  1509. text-shadow: 0 1px 4px #000000, 0 0 8px #000000, 0 1px 20px #000000;
  1510. margin-top: 12px;
  1511. padding: 0px;
  1512. }
  1513.  
  1514. #user_link {
  1515. font-size: 12px;
  1516. color: #fff;
  1517. padding: 0 12px;
  1518. height: 36px;
  1519. line-height: 36px;
  1520. display: inline-block;
  1521. outline: 0;
  1522. }
  1523.  
  1524. #user_link_dd {
  1525. display: inline-block;
  1526. width: 9px; height: 5px;
  1527. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/header_dropdown.png ) no-repeat left;
  1528. }
  1529.  
  1530. #user_link:hover, #notify_link:hover, #inbox_link:hover {
  1531. background-color: rgba(255,255,255,0.1);
  1532. }
  1533.  
  1534. #user_link_menucontent #links li {
  1535. width: 50%;
  1536. float: left;
  1537. margin: 3px 0;
  1538. text-shadow: 0px 1px 0 #111;
  1539. white-space: nowrap;
  1540. }
  1541.  
  1542.  
  1543. #user_link.menu_active {
  1544.  
  1545. }
  1546.  
  1547. #user_link.menu_active #user_link_dd { background-position: right; }
  1548. #user_link_menucontent #statusForm { margin-bottom: 15px; }
  1549. #user_link_menucontent #statusUpdate { margin-bottom: 5px; }
  1550.  
  1551. #user_link_menucontent > div {
  1552. margin-left: 15px;
  1553. width: 265px;
  1554. text-align: left;
  1555. }
  1556.  
  1557. #statusSubmitGlobal { margin-top: 3px; }
  1558.  
  1559. #user_link.menu_active, #notify_link.menu_active, #inbox_link.menu_active {
  1560. background-color: rgba(0,0,0,0.2);
  1561. background-position: center -27px;
  1562. -moz-border-radius: 3px 3px 0 0;
  1563. -webkit-border-top-left-radius: 3px;
  1564. -webkit-border-top-right-radius: 3px;
  1565. border-radius: 3px 3px 0 0;
  1566. }
  1567.  
  1568.  
  1569. #notify_link, #inbox_link {
  1570. vertical-align: middle;
  1571. width: 18px;
  1572. height: 15px;
  1573. padding: 16px 24px 10px 15px!important;
  1574. position: relative;
  1575. }
  1576.  
  1577. #notify_link { background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/icon_notify.png ) no-repeat center 6px; }
  1578. #inbox_link { background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/icon_inbox.png ) no-repeat center 6px; }
  1579.  
  1580.  
  1581. #register_link {
  1582. background: transparent url(https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/gfx_button.png) no-repeat 0 0;
  1583. color: #fff;
  1584. display: inline-block;
  1585. height: 96px;
  1586. margin-left: 10px;
  1587. padding: 40px 60px 2px 150px !important;
  1588. text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
  1589. }
  1590.  
  1591. #register_link:hover {
  1592. background: transparent url(https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/gfx_button.png) no-repeat 0 -100px;
  1593. color: #c2c2c2;
  1594. }
  1595.  
  1596.  
  1597. #branding {
  1598. min-height: 120px;
  1599. }
  1600.  
  1601.  
  1602. #logo {
  1603. margin: 0 auto;
  1604. margin-top: 45px;
  1605. margin-bottom: -15px;
  1606. width: 356px;
  1607. opacity: 1; /* Change this to .5 for 50% opacity */
  1608. -webkit-transition: .5s;
  1609. -moz-transition: .5s;
  1610. -ms-transition: .5s;
  1611. -o-transition: .5s;
  1612. transition: .5s;
  1613. }
  1614.  
  1615. #logo:hover {
  1616. -webkit-filter: brightness(150%);
  1617. }
  1618.  
  1619. #primary_nav {
  1620. width: 100%;
  1621. background: #1e1d1d;
  1622. font-size: 12px;
  1623. font-weight: bold;
  1624. border-radius: 5px;
  1625. text-transform: uppercase;
  1626. height: 43px;
  1627. margin-bottom: 20px;
  1628. }
  1629.  
  1630.  
  1631. #primary_nav li { margin: 0px 3px 0 0; position: relative; }
  1632.  
  1633. #primary_nav a {
  1634. color: #FFF;
  1635. background: 111#;
  1636. display: block;
  1637. padding: 14px 15px 13px;
  1638. text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  1639. }
  1640.  
  1641. #primary_nav a:hover, #primary_nav a.menu_active {
  1642. background: rgba(0,0,0,0.2);
  1643. color: #fff;
  1644. opacity: 0.6;
  1645. }
  1646.  
  1647.  
  1648. #primary_nav .active a {
  1649. border-radius: 5px;
  1650. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bg_menu_active.jpg) repeat-x scroll transparent;
  1651. color: #FFF;
  1652. font-weight: bold;
  1653. margin-top: 0;
  1654. text-shadow: 0 0 3px #000000, 0 0 8px #000000, 0 0 12px #000000;
  1655.  
  1656. }
  1657.  
  1658.  
  1659. #quickNavLaunch span {
  1660. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/icon_quicknav.png ) no-repeat top;
  1661. width: 13px;
  1662. height: 13px;
  1663. display: inline-block;
  1664. }
  1665. #quickNavLaunch:hover span { background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/icon_quicknav.png ) no-repeat top; opacity:0.8; }
  1666.  
  1667. #primary_nav #quickNavLaunch { }
  1668.  
  1669. #more_apps_menucontent {
  1670. background: #1e1d1d;
  1671. font-size: 12px;
  1672. border: 0;
  1673. min-width: 140px;
  1674. -moz-box-shadow: none;
  1675. -moz-border-radius: 0 0 4px 4px;
  1676. -webkit-border-bottom-right-radius: 4px;
  1677. -webkit-border-bottom-left-radius: 4px;
  1678. border-radius: 0 0 4px 4px;
  1679. opacity:0.9;
  1680. }
  1681. #more_apps_menucontent li { padding: 0; border: 0; float: none !important; min-width: 150px; }
  1682. #more_apps_menucontent a {
  1683. display: block;
  1684. padding: 8px 10px;
  1685. color: #fff;
  1686. text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  1687. }
  1688.  
  1689. #more_apps_menucontent a:hover { color: #a2a2a2; background-color: rgba(0,0,0,0.2); }
  1690.  
  1691. .ipsHeaderMenu {
  1692. margin-top: 5px;
  1693. padding: 10px;
  1694. -moz-border-radius: 6px;
  1695. border-radius: 6px;
  1696. overflow: hidden;
  1697. width: 340px;
  1698. }
  1699.  
  1700. .ipsHeaderMenu .ipsType_sectiontitle { margin-bottom: 8px; }
  1701.  
  1702. #user_notifications_link_menucontent.ipsHeaderMenu,
  1703. #user_inbox_link_menucontent.ipsHeaderMenu {
  1704. width: 300px;
  1705. }
  1706.  
  1707. /************************************************************************/
  1708. /* SEARCH */
  1709.  
  1710.  
  1711.  
  1712. #search { margin: 0; }
  1713. #main_search {
  1714. font-size: 12px;
  1715. border: 0;
  1716. padding: 0;
  1717. color:#fff;
  1718. background: transparent;
  1719. width: 130px;
  1720. outline: 0;
  1721. }
  1722.  
  1723. #main_search.inactive { color: #bcbcbc; }
  1724.  
  1725. #search_wrap {
  1726. position: relative;
  1727. background: #323232;
  1728. display: block;
  1729. padding: 0 26px 0 4px;
  1730. height: 26px;
  1731. line-height: 25px;
  1732. -moz-border-radius: 3px;
  1733. border-radius: 3px;
  1734. -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  1735. -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  1736. box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  1737. min-width: 230px;
  1738. }
  1739.  
  1740. #adv_search {
  1741. width: 16px;
  1742. height: 16px;
  1743. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/advanced_search.png) no-repeat right 50%;
  1744. text-indent: -3000em;
  1745. display: inline-block;
  1746. margin: 4px 0 4px 4px;
  1747. }
  1748.  
  1749.  
  1750. #search .submit_input {
  1751. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/search_icon.png) no-repeat 50%;
  1752. text-indent: -3000em;
  1753. padding: 0; border: 0;
  1754. border: 0px solid #7ba60d;
  1755. display: block;
  1756. width: 26px;
  1757. height: 26px;
  1758. position: absolute;
  1759. right: 0; top: 0; bottom: 0;
  1760. }
  1761.  
  1762. #search_options {
  1763. font-size: 10px;
  1764. height: 20px;
  1765. line-height: 20px;
  1766. margin: 3px 3px 3px 0;
  1767. padding: 0 6px;
  1768. display: inline-block;
  1769. float: right;
  1770. }
  1771.  
  1772. #search_options_menucontent { min-width: 100px; }
  1773. #search_options_menucontent input { margin-right: 10px; }
  1774. #search_options_menucontent li { border-bottom: 0; }
  1775. #search_options_menucontent label { cursor: pointer; }
  1776.  
  1777. /************************************************************************/
  1778. /* FOOTER */
  1779.  
  1780. #backtotop {
  1781. width: 24px;
  1782. height: 24px;
  1783. line-height: 20px;
  1784. left: 50%;
  1785. margin-left: -12px;
  1786. position: absolute;
  1787. display: inline-block;
  1788. background: #bdbdbd;
  1789. text-align: center;
  1790. -moz-border-radius: 16px;
  1791. -webkit-border-radius: 16px;
  1792. border-radius: 16px;
  1793. opacity: 0.4;
  1794. outline: 0;
  1795. }
  1796.  
  1797. #backtotop:hover {
  1798. background-color: rgba(255,255,255,0.2);
  1799. color: #fff;
  1800. opacity: 1;
  1801. }
  1802.  
  1803. #footer_utilities {
  1804. padding: 10px 8px 10px;
  1805. text-shadow: rgba(0,0,0,0.5) 0px 1px 0px;
  1806. font-size: 11px;
  1807. }
  1808.  
  1809. #footer_utilities a{ }
  1810.  
  1811. #footer_utilities .ipsList_inline{ margin-top: -1px; }
  1812. #footer_utilities .ipsList_inline > li{ margin: 0; }
  1813. #footer_utilities .ipsList_inline > li > a { margin-right: 0px; padding: 4px 10px; display: inline-block; }
  1814. #footer_utilities a.menu_active { color: #fff; }
  1815.  
  1816.  
  1817.  
  1818.  
  1819.  
  1820. #copyright {
  1821. color: #848484;
  1822. text-align: right;
  1823. }
  1824.  
  1825. #copyright a { color: #848484; }
  1826.  
  1827. #ipsDebug_footer {
  1828. margin: 20px 0 0 0;
  1829. text-align: center;
  1830. text-shadow: 0px 1px 0px #000;
  1831. font-size: 11px;
  1832. }
  1833. #ipsDebug_footer strong { margin-left: 20px; }
  1834. #ipsDebug_footer a { color: #404040; }
  1835.  
  1836. #rss_menu {
  1837. background-color: #fef3d7;
  1838. border: 1px solid #ed7710;
  1839. }
  1840.  
  1841. #rss_menu li { border-bottom: 1px solid #fce19b; }
  1842. #rss_menu a {
  1843. color: #ed7710;
  1844. padding: 5px 8px;
  1845. }
  1846.  
  1847. #rss_menu a:hover {
  1848. background-color: #ed7710;
  1849. color: #fff;
  1850. }
  1851.  
  1852. /************************************************************************/
  1853. /* GENERAL CONTENT */
  1854.  
  1855. .ipsUserPhoto {
  1856. padding: 1px;
  1857. border: 1px solid #212121;
  1858. background: #323232;
  1859. -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  1860. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  1861. box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  1862. }
  1863.  
  1864. .ipsUserPhotoLink:hover .ipsUserPhoto {
  1865. border-color: #111;
  1866. }
  1867.  
  1868. .ipsUserPhoto_variable { max-width: 155px; }
  1869. .ipsUserPhoto_large { width: 90px; height: 90px; }
  1870. .ipsUserPhoto_medium { width: 50px; height: 50px; }
  1871. .ipsUserPhoto_mini { width: 30px; height: 30px; }
  1872. .ipsUserPhoto_tiny { width: 20px; height: 20px; }
  1873. .ipsUserPhoto_icon { width: 16px; height: 16px; }
  1874. .ipsUserPhoto_inset { width: 25px; height: 25px; position: absolute; margin-left:-22px; margin-top: 30px; }
  1875.  
  1876.  
  1877. .general_box { margin-bottom: 10px; }
  1878.  
  1879. .general_box .none { color: #bcbcbc; }
  1880.  
  1881. .ipsBox { padding: 0px; height:100%; }
  1882.  
  1883. .ipsPad { padding: 9px; }
  1884.  
  1885. .ipsPad_double { padding: 9px 19px; } /* 19px because it's still only 1px border to account for */
  1886. .ipsBox_withphoto { margin-left: 65px; }
  1887.  
  1888. .ipsBox_container {
  1889. height: 100%;
  1890. }
  1891.  
  1892. .ipsSideBlock,
  1893. .popupInner,
  1894. .general_box,
  1895. .ipsBox_container
  1896. {
  1897. /* background: url("https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bg_box.jpg") repeat center 0;*/
  1898. background-color:rgba(40, 40, 40, /*0.6*/ 0.75);
  1899. border: 1px solid rgba(0,0,0,0.8);
  1900. -moz-border-radius: 0px 0px 2px 2px;
  1901. -webkit-border-radius: 0px 0px 2px 2px;
  1902. border-radius: 0px 0px 2px 2px;
  1903. height: 100%;
  1904. }
  1905.  
  1906.  
  1907. .post_block {
  1908. background-color:rgba(40, 40, 40, 0.12);
  1909. border: 1px solid rgba(0,0,0,0.8);
  1910. -moz-border-radius: 0px 0px 2px 2px;
  1911. -webkit-border-radius: 0px 0px 2px 2px;
  1912. border-radius: 0px 0px 2px 2px;
  1913. height: 100%;
  1914. }
  1915.  
  1916.  
  1917.  
  1918.  
  1919. .ipsBox_notice {
  1920. padding: 10px;
  1921. line-height: 1.6;
  1922. margin-bottom: 10px;
  1923. }
  1924. .ipsBox_container .ipsBox_notice { margin: -10px -10px 10px -10px; }
  1925. .ipsPad_half { padding: 4px !important; }
  1926. .ipsPad_left { padding-left: 9px; }
  1927. .ipsPad_top { padding-top: 9px; }
  1928. .ipsPad_top_slimmer { padding-top: 7px; }
  1929. .ipsPad_top_half { padding-top: 4px; }
  1930. .ipsPad_top_bottom { padding-top: 9px; padding-bottom: 9px; }
  1931. .ipsPad_top_bottom_half { padding-top: 4px; padding-bottom: 4px; }
  1932.  
  1933. .ipsBlendLinks_target .ipsBlendLinks_here {
  1934. opacity: 0.5;
  1935. -webkit-transition: all 0.1s ease-in-out;
  1936. -moz-transition: all 0.2s ease-in-out;
  1937. }
  1938. .ipsBlendLinks_target:hover .ipsBlendLinks_here { opacity: 1; }
  1939.  
  1940. .block_list > li {
  1941. padding: 5px 10px;
  1942. }
  1943.  
  1944. .ipsModMenu {
  1945. width: 15px;
  1946. height: 15px;
  1947. display: inline-block;
  1948. text-indent: -2000em;
  1949. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/moderation_cog.png ) no-repeat;
  1950. margin-right: 5px;
  1951. vertical-align: middle;
  1952. }
  1953.  
  1954. .ipsBadge {
  1955. display: inline-block;
  1956. height: 16px;
  1957. line-height: 16px;
  1958. padding: 0 5px;
  1959. font-size: 9px;
  1960. font-weight: bold;
  1961. text-transform: uppercase;
  1962. color: #fff;
  1963. -moz-border-radius: 4px;
  1964. -webkit-border-radius: 4px;
  1965. border-radius: 4px;
  1966. }
  1967.  
  1968. #nav_app_ipchat .ipsBadge { position: absolute; }
  1969.  
  1970. #ajax_loading {
  1971. background: rgba(34,34,34,0.6);
  1972. border: 1px solid rgba(34,34,34,0.1);
  1973. color: #fff;
  1974. text-align: center;
  1975. padding: 5px 0 8px;
  1976. width: 8%;
  1977. top: 0px;
  1978. left: 46%;
  1979. -moz-border-radius: 0 0 5px 5px;
  1980. -webkit-border-bottom-right-radius: 5px;
  1981. -webkit-border-bottom-left-radius: 5px;
  1982. border-radius: 0 0 5px 5px;
  1983. z-index: 10000;
  1984. position: fixed;
  1985. -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2);
  1986. -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2);
  1987. box-shadow: 0px 3px 5px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2);
  1988. }
  1989.  
  1990. #ipboard_body.redirector {
  1991. width: 500px;
  1992. margin: 150px auto 0 auto;
  1993. }
  1994.  
  1995. #ipbredirectwrapper {
  1996. margin: 0 auto;
  1997. background-color:rgba(0, 0, 0, 1.0);
  1998. }
  1999.  
  2000. .bottomfoter {
  2001. height: 30px;
  2002. }
  2003.  
  2004. #ipboard_body.minimal { margin-top: 40px; }
  2005. #ipboard_body.minimal #content {
  2006. -moz-border-radius: 10px;
  2007. -webkit-border-radius: 10px;
  2008. border-radius: 10px;
  2009. padding: 20px 30px;
  2010. }
  2011. #ipboard_body.minimal h1 { font-size: 32px; }
  2012. #ipboard_body.minimal .ipsType_pagedesc { font-size: 16px; }
  2013.  
  2014. .progress_bar {
  2015. background-color: rgba(255,255,255,0.1);
  2016. border: 1px solid rgba(255,255,255,0.1);
  2017. }
  2018.  
  2019. .progress_bar span {
  2020. background: #243f5c url(https://www.alora.io/forums/public/style_images/battlefield_p4f/gradient_bg.png) repeat-x left 50%;
  2021. color: #fff;
  2022. font-size: 0em;
  2023. font-weight: bold;
  2024. text-align: center;
  2025. text-indent: -2000em; /* Safari fix */
  2026. height: 10px;
  2027. display: block;
  2028. overflow: hidden;
  2029. }
  2030.  
  2031. .progress_bar.limit span {
  2032. background: #b82929 url(https://www.alora.io/forums/public/style_images/battlefield_p4f/progressbar_warning.png) repeat-x center;
  2033. }
  2034.  
  2035. .progress_bar span span {
  2036. display: none;
  2037. }
  2038.  
  2039. .progress_bar.user_warn {
  2040. margin: 0 auto;
  2041. width: 80%;
  2042. }
  2043.  
  2044. .progress_bar.user_warn span {
  2045. height: 6px;
  2046. }
  2047.  
  2048. .progress_bar.topic_poll {
  2049. border: 1px solid rgba(0, 0, 0, 0.6);
  2050. margin-top: 2px;
  2051. width: 40%;
  2052. }
  2053.  
  2054. li.rating a {
  2055. outline: 0;
  2056. }
  2057.  
  2058. .antispam_img { margin: 0 3px 5px 0; }
  2059.  
  2060. span.error {
  2061. color: #ad2930;
  2062. font-weight: bold;
  2063. clear: both;
  2064. }
  2065.  
  2066. #recaptcha_widget_div { max-width: 350px; }
  2067. #recaptcha_table { border: 0 !important; }
  2068.  
  2069. /************************************************************************/
  2070. /* GENERIC REPEATED STYLES */
  2071. /* Inline lists */
  2072. .tab_filters ul, .tab_filters li, fieldset.with_subhead span.desc, fieldset.with_subhead label,.user_controls li {
  2073. display: inline;
  2074. }
  2075.  
  2076. /* Utility styles */
  2077. .right { float: right; }
  2078. .left { float: left; }
  2079. .hide { display: none; }
  2080. .short { text-align: center; }
  2081. .clear { clear: both; }
  2082. .clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
  2083. .faded { opacity: 0.5 }
  2084. .clickable { cursor: pointer; }
  2085. .reset_cursor { cursor: default; }
  2086.  
  2087. /* Bullets */
  2088. .bullets ul, .bullets ol,
  2089. ul.bullets, ol.bullets {
  2090. list-style: disc;
  2091. margin-left: 30px;
  2092. line-height: 150%;
  2093. list-style-image: none;
  2094. }
  2095.  
  2096.  
  2097. .maintitle {
  2098.  
  2099. padding: 12px 10px 11px;
  2100. /*background: #212121 url(https://www.alora.io/forums/public/style_images/battlefield_p4f/maintitle.png ) repeat-x top;
  2101. border-width: 0 1px 0;
  2102. border-color: #111;
  2103. border-style: solid;*/
  2104.  
  2105. font: 700 normal 14px "Arial", sans-serif;
  2106. color: #FFF;
  2107. /*text-transform: uppercase;*/
  2108. text-decoration: none;
  2109.  
  2110. background-color:rgba(20, 20, 20, 0.7);
  2111. border: 1px solid rgba(0,0,0,0.3);
  2112. -moz-border-radius: 2px 2px 0px 0px;
  2113. -webkit-border-radius: 2px 2px 0px 0px;
  2114. border-radius: 2px 2px 0px 0px;
  2115.  
  2116. }
  2117.  
  2118. .maintitle a { color: #fff; }
  2119.  
  2120. .collapsed .maintitle {
  2121. opacity: 0.2;
  2122. -moz-border-radius: 4px;
  2123. -webkit-border-radius: 4px;
  2124. border-radius: 4px;
  2125. }
  2126.  
  2127. .collapsed .maintitle:hover { opacity: 0.4; }
  2128.  
  2129. .maintitle .toggle {
  2130. visibility: hidden;
  2131. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/cat_minimize.png) no-repeat;
  2132. text-indent: -3000em;
  2133. width: 22px; height: 22px;
  2134. display: block;
  2135. outline: 0;
  2136. margin-top: -2px;
  2137. }
  2138. .maintitle:hover .toggle { visibility: visible; }
  2139.  
  2140. .collapsed .toggle {
  2141. background-image: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/cat_maximize.png);
  2142. }
  2143.  
  2144. /* Rounded corners */
  2145. #user_navigation #new_msg_count, .poll_question h4,
  2146. .rounded {
  2147. border-radius: 6px;
  2148. -moz-border-radius: 6px;
  2149. -webkit-border-radius: 6px;
  2150. }
  2151.  
  2152.  
  2153. .desc, .desc.blend_links a, p.posted_info {
  2154. font-size: 12px;
  2155. color: #c2c2c2;
  2156. }
  2157.  
  2158.  
  2159. .desc.lighter, .desc.lighter.blend_links a {
  2160. color: #d2d2d2;
  2161. }
  2162.  
  2163. /* Cancel */
  2164. .cancel {
  2165. color: #ad2930;
  2166. font-size: 0.9em;
  2167. font-weight: bold;
  2168. }
  2169.  
  2170. /* Moderation */
  2171. em.moderated {
  2172. font-size: 11px;
  2173. font-style: normal;
  2174. font-weight: bold;
  2175. }
  2176.  
  2177. /* Positive/Negative */
  2178. .positive { color: #6f8f52; }
  2179. .negative { color: #c7172b; }
  2180.  
  2181. /* Search highlighting */
  2182. .searchlite
  2183. {
  2184. background-color: yellow;
  2185. color: red;
  2186. font-size:14px;
  2187. }
  2188.  
  2189. /* Users posting */
  2190. .activeuserposting {
  2191. font-style: italic;
  2192. }
  2193.  
  2194. /************************************************************************/
  2195. /* COLUMN WIDTHS FOR TABLES */
  2196. /* col_f = forums; col_c = categories; col_m = messenger; col_n = notifications */
  2197.  
  2198. .col_f_post { width: 250px !important; }
  2199. .is_mod .col_f_post { width: 210px !important; }
  2200.  
  2201. td.col_c_post {
  2202. padding-top: 10px !important;
  2203. width: 250px;
  2204. }
  2205.  
  2206. .col_f_icon {
  2207. padding: 15px 10px 0 10px !important;
  2208. width: 24px !important;
  2209. text-align: center;
  2210. vertical-align: top;
  2211. }
  2212.  
  2213. .col_n_icon {
  2214. vertical-align: middle;
  2215. width: 24px;
  2216. padding: 0 !important;
  2217. }
  2218.  
  2219. .col_f_views, .col_m_replies {
  2220. width: 100px !important;
  2221. text-align: right;
  2222. white-space: nowrap;
  2223. }
  2224.  
  2225. .col_f_mod, .col_m_mod, .col_n_mod { width: 40px; text-align: right; }
  2226. .col_f_preview {
  2227. width: 20px !important;
  2228. text-align: right;
  2229. }
  2230.  
  2231. .col_c_icon { padding: 35px 5px 35px 5px !important; width: 60px; vertical-align: middle; text-align: middle; }
  2232. .col_c_post .ipsUserPhoto { margin-top: 3px; }
  2233.  
  2234. .col_n_date { width: 250px; }
  2235. .col_m_photo, .col_n_photo { width: 30px; }
  2236. .col_m_mod { text-align: right; }
  2237. .col_r_icon { width: 3%; }
  2238. .col_f_topic, .col_m_subject { width: 49%; text-align:left; }
  2239. .col_f_starter, .col_r_total, .col_r_comments { width: 10%; }
  2240. .col_m_date, .col_r_updated, .col_r_section { width: 18%; }
  2241. .col_c_stats { width: 15%; text-align: right; }
  2242. .col_c_forum { width: auto; }
  2243.  
  2244. .col_mod, .col_r_mod { width: 3%; }
  2245. .col_r_title { width: 26%; }
  2246.  
  2247. /*.col_c_forum, .col_c_stats, .col_c_icon, .col_c_post { vertical-align: top; }*/
  2248.  
  2249. /************************************************************************/
  2250. /* TABLE STYLES */
  2251.  
  2252. table.ipb_table {
  2253. width: 100%;
  2254. line-height: 1.3;
  2255. border-collapse: collapse;
  2256. }
  2257.  
  2258.  
  2259. table.ipb_table td {
  2260. padding: 10px;
  2261. }
  2262.  
  2263. table.ipb_table tr.unread h4 { font-weight: bold; }
  2264. table.ipb_table tr.highlighted td { border-bottom: 0; }
  2265.  
  2266. table.ipb_table th {
  2267. font-size: 11px;
  2268. font-weight: bold;
  2269. padding: 8px 6px;
  2270. }
  2271.  
  2272. .last_post { margin-left: 45px; }
  2273.  
  2274. table.ipb_table h4,
  2275. table.ipb_table .topic_title {
  2276. font-size: 14px;
  2277. display: inline-block;
  2278.  
  2279. }
  2280.  
  2281. table.ipb_table .unread .topic_title { font-weight: bold; }
  2282. table.ipb_table .ipsModMenu { visibility: hidden; }
  2283. table.ipb_table tr:hover .ipsModMenu, table.ipb_table tr .ipsModMenu.menu_active { visibility: visible; }
  2284.  
  2285. #announcements h4 { display: inline; }
  2286. #announcements td { }
  2287.  
  2288. .forum_data {
  2289. font-size: 11px;
  2290. color: #5c5c5c;
  2291. display: inline-block;
  2292. white-space: nowrap;
  2293. margin: 0px 0 0 8px;
  2294. }
  2295.  
  2296. .desc_more {
  2297. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/desc_more.png ) no-repeat top;
  2298. display: inline-block;
  2299. width: 13px; height: 13px;
  2300. text-indent: -2000em;
  2301. }
  2302. .desc_more:hover { background-position: bottom; }
  2303.  
  2304. .category_block .ipb_table h4 { font-size: 12px; word-wrap: break-word; font-weight: bold; }
  2305.  
  2306. table.ipb_table .subforums {
  2307. margin: 2px 0 3px 5px;
  2308. padding-left: 20px;
  2309. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/subforum_stem.png ) no-repeat left 4px;
  2310. }
  2311. table.ipb_table .subforums li.unread { font-weight: bold; }
  2312.  
  2313. table.ipb_table .expander {
  2314. visibility: hidden;
  2315. width: 16px;
  2316. height: 16px;
  2317. display: inline-block;
  2318. }
  2319. table.ipb_table tr:hover .expander { visibility: visible; opacity: 0.2; }
  2320. table.ipb_table td.col_f_preview { cursor: pointer; }
  2321. table.ipb_table tr td:hover .expander, .expander.open, .expander.loading { visibility: visible !important; opacity: 1; }
  2322. table.ipb_table .expander.closed { background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/icon_expand_close.png ) no-repeat top; }
  2323. table.ipb_table .expander.open { background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/icon_expand_close.png ) no-repeat bottom; }
  2324. table.ipb_table .expander.loading { background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/loading.gif ) no-repeat; }
  2325. table.ipb_table .preview td {
  2326. padding: 20px 10px 20px 29px;
  2327. z-index: 20000;
  2328. border-top: 0;
  2329. }
  2330.  
  2331. table.ipb_table .preview td > div {
  2332. line-height: 1.4;
  2333. position: relative;
  2334. }
  2335.  
  2336. table.ipb_table .preview td {
  2337. -webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.15);
  2338. -moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.15);
  2339. box-shadow: 0px 4px 5px rgba(0,0,0,0.15);
  2340. border: 1px solid rgba(255,255,255,0.1);
  2341. }
  2342.  
  2343. .preview_info {
  2344. border-bottom: 1px solid rgba(255,255,255,0.1);
  2345. padding-bottom: 3px;
  2346. margin: -3px 0 3px;
  2347. }
  2348.  
  2349. table.ipb_table .mini_pagination { opacity: 0.5; }
  2350. table.ipb_table tr:hover .mini_pagination { opacity: 1; }
  2351.  
  2352. /************************************************************************/
  2353. /* LAYOUT SYSTEM */
  2354.  
  2355. .ipsLayout.ipsLayout_withleft { padding-left: 210px; }
  2356. .ipsLayout.ipsLayout_withright { padding-right: 210px; clear: left; }
  2357. /* Panes */
  2358. .ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right { position: relative; }
  2359. .ipsLayout_content { width: 100%; float: left; }
  2360. .ipsLayout .ipsLayout_left { width: 200px; margin-left: -210px; float: left; }
  2361. .ipsLayout .ipsLayout_right { width: 200px; margin-right: -210px; float: right; }
  2362.  
  2363. /* Wider sidebars */
  2364. .ipsLayout_largeleft.ipsLayout_withleft { padding-left: 280px; }
  2365. .ipsLayout_largeleft.ipsLayout .ipsLayout_left { width: 270px; margin-left: -280px; }
  2366. .ipsLayout_largeright.ipsLayout_withright { padding-right: 290px; }
  2367. .ipsLayout_largeright.ipsLayout .ipsLayout_right { width: 280px; margin-right: -290px; }
  2368.  
  2369. /* Narrow sidebars */
  2370. .ipsLayout_smallleft.ipsLayout_withleft { padding-left: 150px; }
  2371. .ipsLayout_smallleft.ipsLayout .ipsLayout_left { width: 140px; margin-left: -150px; }
  2372. .ipsLayout_smallright.ipsLayout_withright { padding-right: 150px; }
  2373. .ipsLayout_smallright.ipsLayout .ipsLayout_right { width: 140px; margin-right: -150px; }
  2374.  
  2375. /* Tiny sidebar */
  2376. .ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 50px; }
  2377. .ipsLayout_tinyleft.ipsLayout .ipsLayout_left { width: 40px; margin-left: -40px; }
  2378. .ipsLayout_tinyright.ipsLayout_withright { padding-right: 50px; }
  2379. .ipsLayout_tinyright.ipsLayout .ipsLayout_right { width: 40px; margin-right: -40px; }
  2380.  
  2381. /* Big sidebar */
  2382. .ipsLayout_bigleft.ipsLayout_withleft { padding-left: 330px; }
  2383. .ipsLayout_bigleft.ipsLayout .ipsLayout_left { width: 320px; margin-left: -330px; }
  2384. .ipsLayout_bigright.ipsLayout_withright { padding-right: 330px; }
  2385. .ipsLayout_bigright.ipsLayout .ipsLayout_right { width: 320px; margin-right: -330px; }
  2386.  
  2387. /* Even Wider sidebars */
  2388. .ipsLayout_hugeleft.ipsLayout_withleft { padding-left: 380px; }
  2389. .ipsLayout_hugeleft.ipsLayout .ipsLayout_left { width: 370px; margin-left: -380px; }
  2390. .ipsLayout_hugeright.ipsLayout_withright { padding-right: 380px; }
  2391. .ipsLayout_hugeright.ipsLayout .ipsLayout_right { width: 370px; margin-right: -380px; }
  2392.  
  2393. /************************************************************************/
  2394. /* NEW FORMS */
  2395.  
  2396. .ipsField .ipsField_title {
  2397. font-weight: bold;
  2398. font-size: 15px;
  2399. }
  2400.  
  2401. .ipsForm_required {
  2402. color: #ab1f39;
  2403. font-weight: bold;
  2404. }
  2405.  
  2406. .ipsForm_horizontal .ipsField_title {
  2407. float: left;
  2408. width: 185px;
  2409. padding-right: 15px;
  2410. text-align: right;
  2411. line-height: 1.8;
  2412. }
  2413.  
  2414. .ipsForm_horizontal .ipsField { margin-bottom: 15px; }
  2415. .ipsForm_horizontal .ipsField_content, .ipsForm_horizontal .ipsField_submit { margin-left: 200px; }
  2416. .ipsForm_horizontal .ipsField_checkbox { margin: 0 0 5px 200px; }
  2417. .ipsForm_horizontal .ipsField_select .ipsField_title { line-height: 1.6; }
  2418.  
  2419. .ipsForm_vertical .ipsField { margin-bottom: 10px; }
  2420. .ipsForm_vertical .ipsField_content { margin-top: 3px; }
  2421.  
  2422. .ipsForm .ipsField_checkbox .ipsField_content { margin-left: 25px; }
  2423. .ipsForm .ipsField_checkbox input { float: left; margin-top: 3px; }
  2424.  
  2425. .ipsField_primary input { font-size: 18px; }
  2426.  
  2427. .ipsForm_submit {
  2428. background: rgba(255,255,255,0.1);
  2429. padding: 5px 10px;
  2430. text-align: right;
  2431. margin-top: 25px;
  2432. }
  2433.  
  2434. .ipsForm_right { text-align: right; }
  2435. .ipsForm_left { text-align: left; }
  2436. .ipsForm_center { text-align: center; }
  2437.  
  2438. /************************************************************************/
  2439. /* SETTINGS SCREENS */
  2440. .ipsSettings_pagetitle { font-size: 20px; margin-bottom: 5px; }
  2441. .ipsSettings { padding: 0 0px; }
  2442. .ipsSettings_section {
  2443. margin: 0 0 15px 0;
  2444. border-top: 1px solid rgba(255,255,255,0.02);
  2445. padding: 15px 0 0 0;
  2446. }
  2447.  
  2448. .ipsSettings_section > div { margin-left: 175px; }
  2449. .ipsSettings_section > div ul li { margin-bottom: 10px; }
  2450. .ipsSettings_section .desc { margin-top: 3px; }
  2451.  
  2452. .ipsSettings_sectiontitle {
  2453. font: bold 14px Helvetica, Arial, sans-serif;
  2454. color: #a2a2a2;
  2455. width: 165px;
  2456. padding-left: 10px;
  2457. float: left;
  2458. }
  2459.  
  2460. .ipsSettings_fieldtitle {
  2461. min-width: 100px;
  2462. margin-right: 10px;
  2463. font-size: 14px;
  2464. display: inline-block;
  2465. vertical-align: top;
  2466. padding-top: 3px;
  2467. }
  2468.  
  2469. /************************************************************************/
  2470. /* TOOLTIPS */
  2471.  
  2472. .ipsTooltip { padding: 5px; z-index: 25000;}
  2473. .ipsTooltip_inner {
  2474. padding: 8px;
  2475. background: #333333;
  2476. border: 1px solid #333333;
  2477. color: #fff;
  2478. -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  2479. -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  2480. box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  2481. -moz-border-radius: 4px;
  2482. -webkit-border-radius: 4px;
  2483. border-radius: 4px;
  2484. font-size: 12px;
  2485. text-align: center;
  2486. max-width: 250px;
  2487. }
  2488. .ipsTooltip_inner a { color: #fff; }
  2489. .ipsTooltip_inner span { font-size: 11px; color: #d2d2d2 }
  2490. .ipsTooltip.top { background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/stems/tooltip_top.png) no-repeat bottom center; }
  2491. .ipsTooltip.top_left { background-position: bottom left; }
  2492. .ipsTooltip.bottom { background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/stems/tooltip_bottom.png) no-repeat top center; }
  2493. .ipsTooltip.left { background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/stems/tooltip_left.png) no-repeat center right; }
  2494. .ipsTooltip.right { background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/stems/tooltip_right.png) no-repeat center left; }
  2495.  
  2496. /************************************************************************/
  2497. /* AlertFlag */
  2498.  
  2499. .ipsHasNotifications {
  2500. padding: 3px 6px;
  2501. height: 12px;
  2502. line-height: 12px;
  2503. background: #cf2020;
  2504. color: #fff !important;
  2505. font-size: 9px;
  2506. text-align: center;
  2507. -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  2508. -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  2509. box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  2510. -moz-border-radius: 2px;
  2511. -webkit-border-radius: 2px;
  2512. border-radius: 2px;
  2513. position: absolute;
  2514. top: 4px;
  2515. left: 3px;
  2516. }
  2517.  
  2518. .ipsHasNotifications_blank { display: none; }
  2519. #chat-tab-count.ipsHasNotifications { left: auto; top: 0px; right: -1px; text-shadow: none !important; }
  2520.  
  2521. /************************************************************************/
  2522. /* SIDEBAR STYLE */
  2523.  
  2524. .ipsSideMenu { padding: 10px 0; }
  2525. .ipsSideMenu h4 {
  2526. margin: 0 10px 5px 25px;
  2527. font-weight: bold;
  2528. color: #fff;
  2529. }
  2530.  
  2531. .ipsSideMenu ul {
  2532. border-top: 1px solid rgba(255,255,255,0.1);
  2533. margin-bottom: 20px;
  2534. }
  2535.  
  2536. .ipsSideMenu ul li {
  2537. font-size: 11px;
  2538. border-bottom: 1px solid rgba(255,255,255,0.1);
  2539. }
  2540.  
  2541. .ipsSideMenu ul li a {
  2542. padding: 5px 10px 5px 25px;
  2543. display: block;
  2544. }
  2545.  
  2546.  
  2547. .ipsSideMenu ul li.active a {
  2548. background: rgba(255,255,255,0.1) url(https://www.alora.io/forums/public/style_images/battlefield_p4f/icon_check_white.png ) no-repeat 6px 8px;
  2549. color: #fff;
  2550. font-weight: bold;
  2551. }
  2552.  
  2553. /***************************************************************************/
  2554. /* WIZARDS */
  2555. .ipsSteps {
  2556. background: rgba(0,0,0,0.3);
  2557. overflow: hidden;
  2558. }
  2559. .ipsSteps ul li {
  2560. float: left;
  2561. padding: 11px 33px 11px 18px;
  2562. background-image: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/wizard_step_large.png );
  2563. background-repeat: no-repeat;
  2564. background-position: bottom right;
  2565. position: relative;
  2566. max-height: 53px;
  2567. }
  2568.  
  2569. .ipsSteps .ipsSteps_active {
  2570. background-position: top right;
  2571. color: #fff;
  2572. text-shadow: 0px -1px 0 rgba(0,0,0,0.7);
  2573. }
  2574.  
  2575. .ipsSteps .ipsSteps_done { color: #aeaeae; }
  2576. .ipsSteps_desc { font-size: 11px; }
  2577. .ipsSteps_arrow { display: none; }
  2578.  
  2579. .ipsSteps_title {
  2580. display: block;
  2581. font-size: 14px;
  2582. }
  2583.  
  2584. .ipsSteps_active .ipsSteps_arrow {
  2585. display: block;
  2586. position: absolute;
  2587. left: -23px;
  2588. top: 0;
  2589. width: 23px;
  2590. height: 54px;
  2591. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/wizard_step_extra.png ) no-repeat;
  2592. }
  2593.  
  2594. .ipsSteps ul li:first-child .ipsSteps_arrow { display: none !important; }
  2595.  
  2596. /************************************************************************/
  2597. /* VERTICAL TABS (profile etc.) */
  2598.  
  2599. .ipsVerticalTabbed { }
  2600.  
  2601. .ipsVerticalTabbed_content {
  2602. min-height: 400px;
  2603. }
  2604.  
  2605.  
  2606.  
  2607.  
  2608.  
  2609.  
  2610. .ipsVerticalTabbed_tabs > ul {
  2611. width: 149px !important;
  2612. margin-top: 10px;
  2613. border-top: 1px solid #212121;
  2614. border-left: 1px solid #212121;
  2615. }
  2616.  
  2617. .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs > ul { width: 40px !important; }
  2618.  
  2619. .ipsVerticalTabbed_tabs li {
  2620. /* background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bg_menu_active.jpg) repeat transparent; */
  2621. color: #c2c2c2;
  2622. border-bottom: 1px solid #212121;
  2623. font-size: 13px;
  2624. opacity: 0.8;
  2625. }
  2626.  
  2627. .ipsVerticalTabbed_tabs li a {
  2628. display: block;
  2629. padding: 10px 8px;
  2630. outline: 0;
  2631. color: #8d8d8d;
  2632. }
  2633.  
  2634. .ipsVerticalTabbed_tabs li a:hover {
  2635. background: rgba(255,255,255,0.1);
  2636. color: #a3a3a3;
  2637. }
  2638.  
  2639. .ipsVerticalTabbed_tabs li.active a {
  2640. width: 135px;
  2641. position: relative;
  2642. z-index: 8000;
  2643. background: rgba(255,255,255,0.2);
  2644. color: #fff;
  2645. font-weight: bold;
  2646. }
  2647.  
  2648. .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active a {
  2649. width: 24px;
  2650. }
  2651.  
  2652. /************************************************************************/
  2653. /* 'LIKE' FUNCTIONS */
  2654.  
  2655. .ipsLikeBar { margin: 10px 0; font-size: 11px; }
  2656.  
  2657. .ipsLikeBar_info {
  2658. line-height: 19px;
  2659. padding: 0 10px;
  2660. display: inline-block;
  2661. -moz-border-radius: 2px;
  2662. -webkit-border-radius: 2px;
  2663. border-radius: 2px;
  2664. }
  2665.  
  2666. .ipsLikeButton {
  2667. line-height: 17px;
  2668. padding: 2px 6px 1px 24px;
  2669. font-size: 11px;
  2670. display: inline-block;
  2671. -moz-border-radius: 10px;
  2672. -webkit-border-radius: 10px;
  2673. border-radius: 10px;
  2674. color: #fff !important;
  2675. }
  2676. .ipsLikeButton:hover { color: #fff !important; }
  2677.  
  2678. .ipsLikeButton.ipsLikeButton_enabled {
  2679. background: transparent url(https://www.alora.io/forums/public/style_images/battlefield_p4f/like_button_new.png ) no-repeat top left;
  2680. border: 0px solid #7b96bb;
  2681. }
  2682.  
  2683. .ipsLikeButton.ipsLikeButton_disabled {
  2684. background: #acacac url(https://www.alora.io/forums/public/style_images/battlefield_p4f/like_button_new.png ) no-repeat bottom left;
  2685. border: 1px solid #acacac;
  2686. }
  2687.  
  2688. /************************************************************************/
  2689. /* TAG LIST */
  2690.  
  2691. .ipsTag {
  2692. display: inline-block;
  2693. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/tag_bg.png );
  2694. height: 20px;
  2695. line-height: 20px;
  2696. padding: 0 7px 0 15px;
  2697. margin: 5px 5px 0 0;
  2698. font-size: 11px;
  2699. color: #a2a2a2;
  2700. text-shadow: 0 1px 0 #111;
  2701. -moz-border-radius: 0 3px 3px 0;
  2702. -webkit-border-top-right-radius: 3px;
  2703. -webkit-border-bottom-right-radius: 3px;
  2704. border-radius: 0 3px 3px 0;
  2705. }
  2706.  
  2707. /************************************************************************/
  2708. /* TAG EDITOR STYLES */
  2709.  
  2710. .ipsTagBox_wrapper {
  2711. min-height: 18px;
  2712. width: 350px;
  2713. line-height: 1.3;
  2714. display: inline-block;
  2715. }
  2716.  
  2717. .ipsTagBox_hiddeninput {
  2718. background: transparent;
  2719. color: white;
  2720. }
  2721. .ipsTagBox_hiddeninput.inactive {
  2722. font-size: 11px;
  2723. min-width: 200px;
  2724. }
  2725.  
  2726. .ipsTagBox_wrapper input { border: 0px; outline: 0; }
  2727. .ipsTagBox_wrapper li { display: inline-block; }
  2728.  
  2729. .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child {
  2730. background: #212121;
  2731. border-color: #111;
  2732. color: #fff;
  2733. }
  2734.  
  2735. .ipsTagBox_tag {
  2736. padding: 2px 1px 2px 4px;
  2737. background: #212121;
  2738. border: 1px solid #111;
  2739. margin: 0 3px 2px 0;
  2740. font-size: 11px;
  2741. -moz-border-radius: 2px;
  2742. -webkit-border-radius: 2px;
  2743. border-radius: 2px;
  2744. cursor: pointer;
  2745. }
  2746.  
  2747. .ipsTagBox_tag:hover {
  2748. border-color: #323232;
  2749. }
  2750.  
  2751. .ipsTagBox_tag.selected {
  2752. background: #323232 !important;
  2753. border-color: #212121 !important;
  2754. color: #a2a2a2 !important;
  2755. }
  2756.  
  2757. .ipsTagBox_closetag {
  2758. margin-left: 2px;
  2759. display: inline-block;
  2760. padding: 0 3px;
  2761. color: #c7c7c7;
  2762. font-weight: bold;
  2763. }
  2764. .ipsTagBox_closetag:hover { color: #454545; }
  2765. .ipsTagBox_tag.selected .ipsTagBox_closetag { color: #424242; }
  2766. .ipsTagBox_tag.selected .ipsTagBox_closetag:hover { color: #2f2f2f; }
  2767. .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag { color: #4f87bb; }
  2768. .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag:hover { color: #003b71; }
  2769.  
  2770. .ipsTagBox_addlink {
  2771. font-size: 10px;
  2772. margin-left: 3px;
  2773. outline: 0;
  2774. }
  2775.  
  2776. .ipsTagBox_dropdown {
  2777. max-height: 100px;
  2778. overflow: auto;
  2779. background: #fff;
  2780. border: 1px solid #dddddd;
  2781. -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
  2782. -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
  2783. box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
  2784. z-index: 16000;
  2785. }
  2786.  
  2787. .ipsTagBox_dropdown li {
  2788. padding: 4px;
  2789. font-size: 12px;
  2790. cursor: pointer;
  2791. }
  2792. .ipsTagBox_dropdown li:hover {
  2793. background: #dbf3ff;
  2794. color: #003b71;
  2795. }
  2796.  
  2797. /************************************************************************/
  2798. /* TAG CLOUD */
  2799. .ipsTagWeight_1 { opacity: 1.0; }
  2800. .ipsTagWeight_2 { opacity: 0.9; }
  2801. .ipsTagWeight_3 { opacity: 0.8; }
  2802. .ipsTagWeight_4 { opacity: 0.7; }
  2803. .ipsTagWeight_5 { opacity: 0.6; }
  2804. .ipsTagWeight_6 { opacity: 0.5; }
  2805. .ipsTagWeight_7 { opacity: 0.4; }
  2806. .ipsTagWeight_8 { opacity: 0.3; }
  2807.  
  2808. /************************************************************************/
  2809. /* NEW FILTER BAR */
  2810.  
  2811. .ipsFilterbar li {
  2812. margin: 0px 15px 0px 0;
  2813. font-size: 11px;
  2814. }
  2815.  
  2816. .ipsFilterbar li a {
  2817. color: #fff;
  2818. opacity: 0.5;
  2819. text-shadow: 0px 1px 0px #0d273e;
  2820. -webkit-transition: all 0.3s ease-in-out;
  2821. -moz-transition: all 0.3s ease-in-out;
  2822. }
  2823.  
  2824. .ipsFilterbar:hover li a { opacity: 0.8; }
  2825.  
  2826. .ipsFilterbar li a:hover {
  2827. color: #fff;
  2828. opacity: 1;
  2829. }
  2830.  
  2831. .ipsFilterbar li.active { opacity: 1; }
  2832.  
  2833.  
  2834. .ipsFilterbar li.active a {
  2835. background: rgba(0,0,0,0.2);
  2836. opacity: 1;
  2837. color: #fff;
  2838. padding: 4px 10px;
  2839. font-weight: bold;
  2840. -moz-border-radius: 10px;
  2841. -webkit-border-radius: 10px !important;
  2842. border-radius: 10px;
  2843. -webkit-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.2);
  2844. -moz-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.2);
  2845. box-shadow: inset 0px 2px 2px rgba(0,0,0,0.2);
  2846. }
  2847.  
  2848. /************************************************************************/
  2849. /* POSTING FORM STYLES */
  2850. /* Additional form styles for posting forms */
  2851.  
  2852. .ipsPostForm { }
  2853.  
  2854. .ipsPostForm.ipsLayout_withright {
  2855. padding-right: 260px;
  2856. }
  2857.  
  2858. .ipsPostForm .ipsLayout_content {
  2859. z-index: 900;
  2860. -webkit-box-shadow: 2px 0px 4px rgba(0,0,0,0.1);
  2861. -moz-box-shadow: 2px 0px 4px rgba(0,0,0,0.1);
  2862. box-shadow: 2px 0px 4px rgba(0,0,0,0.1);
  2863. float: none;
  2864. }
  2865.  
  2866. .ipsPostForm .ipsLayout_right {
  2867. width: 250px;
  2868. margin-right: -251px;
  2869. border-left: 0;
  2870. z-index: 800;
  2871. }
  2872.  
  2873. .ipsPostForm_sidebar .ipsPostForm_sidebar_block.closed h3 {
  2874. background-image: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/folder_closed.png );
  2875. background-repeat: no-repeat;
  2876. background-position: 10px 9px;
  2877. padding-left: 26px;
  2878. margin-bottom: 2px;
  2879. }
  2880.  
  2881. /************************************************************************/
  2882. /* MEMBER LIST STYLES */
  2883. .ipsMemberList .ipsButton_secondary { opacity: 0.3; }
  2884. .ipsMemberList li:hover .ipsButton_secondary, .ipsMemberList tr:hover .ipsButton_secondary { opacity: 1; }
  2885. .ipsMemberList li .reputation { margin: 5px 10px 0 0; }
  2886. .ipsMemberList > li .ipsButton_secondary { margin-top: 15px; }
  2887. .ipsMemberList li .rating { display: inline; }
  2888.  
  2889. /************************************************************************/
  2890. /* IP.Board 3 CSS - By Lukazuki - (c)2011 www.codegame.pl */
  2891. /************************************************************************/
  2892. /************************************************************************/
  2893. /* COMMENT STYLES */
  2894. .ipsComment_wrap { margin-top: 10px; }
  2895. .ipsComment_wrap .ipsLikeBar { margin: 0; }
  2896. .ipsComment_wrap input[type='checkbox'] { vertical-align: middle; }
  2897.  
  2898. .ipsComment {
  2899. border-bottom: 1px solid rgba(255,255,255,0.05);
  2900. margin-bottom: 5px;
  2901. padding: 10px 0;
  2902. }
  2903.  
  2904. .ipsComment_author, .ipsComment_reply_user {
  2905. width: 160px;
  2906. text-align: right;
  2907. padding: 0 10px;
  2908. float: left;
  2909. line-height: 1.3;
  2910. }
  2911.  
  2912. .ipsComment_author .ipsUserPhoto { margin-bottom: 5px; }
  2913.  
  2914. .ipsComment_comment {
  2915. margin-left: 190px;
  2916. line-height: 1.5;
  2917. }
  2918.  
  2919. .ipsComment_comment > div { min-height: 33px; }
  2920.  
  2921. .ipsComment_controls { margin-top: 10px; }
  2922. .ipsComment_controls > li { opacity: 0.2; }
  2923. .ipsComment:hover .ipsComment_controls > li, .ipsComment .ipsComment_controls > li.right { opacity: 1; }
  2924.  
  2925. /************************************************************************/
  2926. /* FLOATING ACTION STYLES (comment moderation, multiquote etc.) */
  2927. .ipsFloatingAction {
  2928. position: fixed;
  2929. right: 10px;
  2930. bottom: 10px;
  2931. background: /*#fff*/#282828;
  2932. padding: 10px;
  2933. z-index: 15000;
  2934. border: 4px solid #464646;
  2935. -moz-border-radius: 5px;
  2936. -webkit-border-radius: 5px;
  2937. border-radius: 5px;
  2938. -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
  2939. -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
  2940. box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
  2941. }
  2942.  
  2943. /************************************************************************/
  2944. /* FORM STYLES */
  2945.  
  2946. body#ipboard_body fieldset.submit,
  2947. body#ipboard_body p.submit {
  2948. padding: 15px 6px 15px 6px;
  2949. text-align: center;
  2950. }
  2951.  
  2952.  
  2953.  
  2954.  
  2955.  
  2956. .input_text, .ipsTagBox_wrapper, textarea {
  2957. padding: 6px;
  2958. border: 1px solid #212121;
  2959. background-color: rgba(0,0,0,0.3);
  2960. color: #9f9f9f;
  2961. text-shadow: #000 0px 1px 0px;
  2962. -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
  2963. -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
  2964. box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
  2965. }
  2966.  
  2967. textarea:focus, .input_text:focus {
  2968. outline: none;
  2969. background-color: rgba(255,255,255,0.1);
  2970. color: #c2c2c2;
  2971. border-color: #323232;
  2972. -webkit-box-shadow: inset 0px 0px 4px #212121, #323232 0px 0px 3px;
  2973. -moz-box-shadow: inset 0px 0px 4px #212121, #323232 0px 0px 3px;
  2974. box-shadow: inset 0px 0px 4px #212121, #323232 0px 0px 3px;
  2975. }
  2976.  
  2977. input.inactive, select.inactive, textarea.inactive { color: #c4c4c4; }
  2978.  
  2979. .input_text.error {
  2980. background: rgba(115,34,34,0.3);
  2981. border-color: #732222;
  2982. color: #732222;
  2983. -webkit-box-shadow: none;
  2984. -moz-box-shadow: none;
  2985. box-shadow: none;
  2986. }
  2987. .input_text.accept {
  2988. background: rgba(80,115,34,0.3);
  2989. border-color: #507322;
  2990. color: #507322;
  2991. -webkit-box-shadow: none;
  2992. -moz-box-shadow: none;
  2993. box-shadow: none;
  2994. }
  2995.  
  2996. .input_submit {
  2997. text-decoration: none;
  2998. border-width: 1px;
  2999. border-style: solid;
  3000. padding: 4px 10px;
  3001. cursor: pointer;
  3002. }
  3003.  
  3004. .input_submit.alt {
  3005. text-decoration: none;
  3006. }
  3007.  
  3008. p.field {
  3009. padding: 15px;
  3010. }
  3011.  
  3012. li.field {
  3013. padding: 5px;
  3014. margin-left: 5px;
  3015. }
  3016.  
  3017. li.field label,
  3018. li.field span.desc {
  3019. display: block;
  3020. }
  3021.  
  3022. li.field.error {
  3023. color: #ad2930;
  3024. }
  3025.  
  3026. li.field.error label {
  3027. font-weight: bold;
  3028. }
  3029.  
  3030. li.field.checkbox, li.field.cbox {
  3031. margin-left: 0;
  3032. }
  3033.  
  3034. li.field.checkbox .input_check,
  3035. li.field.checkbox .input_radio,
  3036. li.field.cbox .input_check,
  3037. li.field.cbox .input_radio {
  3038. margin-right: 10px;
  3039. vertical-align: middle;
  3040. }
  3041.  
  3042. li.field.checkbox label,
  3043. li.field.cbox label {
  3044. width: auto;
  3045. float: none;
  3046. display: inline;
  3047. }
  3048.  
  3049. li.field.checkbox p,
  3050. li.field.cbox p {
  3051. position: relative;
  3052. left: 245px;
  3053. display: block;
  3054. }
  3055.  
  3056. li.field.checkbox span.desc,
  3057. li.field.cbox span.desc {
  3058. padding-left: 27px;
  3059. margin-left: auto;
  3060. display: block;
  3061. }
  3062.  
  3063. /************************************************************************/
  3064. /* MESSAGE STYLES */
  3065.  
  3066. .message {
  3067. color: #f2f2f2 !important;
  3068. background: rgba(80,115,34,0.3);
  3069. padding: 10px;
  3070. border: 1px solid #507322;
  3071. /* color: rgba(255,255,255,0.5); */
  3072. line-height: 1.6;
  3073. font-size: 12px;
  3074. }
  3075.  
  3076. .message h3 {
  3077. padding: 0;
  3078. color: #c2c2c2;
  3079. }
  3080.  
  3081. .message.error {
  3082. background-color: rgba(115,34,34,0.3);
  3083. border-color: #732222;
  3084. color: rgba(255,255,255,0.5);
  3085. }
  3086.  
  3087. .message.error.usercp {
  3088. background-image: none;
  3089. padding: 4px;
  3090. float: right;
  3091. }
  3092.  
  3093. .message.unspecific {
  3094. background-color: rgba(0,0,0,0.3);
  3095. border-color: rgba(0,0,0,0.3);
  3096. color: rgba(255,255,255,0.5);
  3097. margin: 0 0 10px 0;
  3098. clear: both;
  3099. }
  3100.  
  3101. /************************************************************************/
  3102. /* MENU & POPUP STYLES */
  3103.  
  3104. .ipbmenu_content, .ipb_autocomplete {
  3105. font-size: 12px;
  3106. min-width: 85px;
  3107. z-index: 2000;
  3108. }
  3109.  
  3110. .ipbmenu_content li:last-child {
  3111. border-bottom: 0;
  3112. padding-bottom: 0px;
  3113. }
  3114.  
  3115. .ipbmenu_content li:first-child { padding-top: 0px; }
  3116. .ipbmenu_content.with_checks a { padding-left: 26px; } /* save room for a checkmark */
  3117. .ipbmenu_content a .icon { margin-right: 10px; }
  3118. .ipbmenu_content a {
  3119. text-decoration: none;
  3120. text-align: left;
  3121. display: block;
  3122. padding: 6px 10px;
  3123. }
  3124. .ipbmenu_content.with_checks li.selected a {
  3125. background-image: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/icon_check.png );
  3126. background-repeat: no-repeat;
  3127. background-position: 7px 10px;
  3128. }
  3129.  
  3130. .popupWrapper {
  3131. background-color: #464646;
  3132. background-color: rgba(70,70,70,0.6);
  3133. padding: 4px;
  3134. -webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  3135. -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  3136. box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
  3137. -moz-border-radius: 4px;
  3138. -webkit-border-radius: 4px;
  3139. border-radius: 4px;
  3140. }
  3141.  
  3142. .popupInner {
  3143. width: 500px;
  3144. overflow: auto;
  3145. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  3146. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  3147. box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  3148. overflow-x: hidden;
  3149. }
  3150.  
  3151. .popupInner.black_mode {
  3152. background: #000;
  3153. border: 3px solid #b3bbc3;
  3154. color: #eee;
  3155. border: 3px solid #555;
  3156. }
  3157.  
  3158. .popupInner.warning_mode {
  3159.  
  3160. }
  3161.  
  3162. .popupInner h3 {
  3163. background-color: rgba(255,255,255,0.1);
  3164. color: #fff;
  3165. border-width: 1px 1px 0 1px;
  3166. border-style: solid;
  3167. border-color: #323232;
  3168. padding: 8px 10px 9px;
  3169. font-size: 16px;
  3170. font-weight: 300;
  3171. text-shadow: 0 1px 2px rgba(0,0,0,0.3);
  3172. -webkit-box-shadow: inset 0px 1px 0 #323232;
  3173. box-shadow: inset 0px 1px 0 #323232;
  3174. -moz-box-shadow: inset 0px 1px 0 #323232;
  3175. }
  3176.  
  3177. .popupInner h3 a { color: #fff; }
  3178.  
  3179. .popupInner.black_mode h3 {
  3180. background-color: #545C66;
  3181. color: #ddd;
  3182. }
  3183.  
  3184. .popupInner.warning_mode h3 {
  3185. padding-top: 6px;
  3186. padding-bottom: 6px;
  3187. color: #fff;
  3188. }
  3189.  
  3190. .popupInner.warning_mode input.input_submit {
  3191. background-color: #7D1B1B;
  3192. }
  3193.  
  3194. .popupClose {
  3195. position: absolute;
  3196. right: 13px;
  3197. top: 13px;
  3198. }
  3199.  
  3200. .popupClose.light_close_button {
  3201. background: transparent url(https://www.alora.io/forums/public/style_images/battlefield_p4f/close_popup_light.png) no-repeat top left;
  3202. opacity: 0.8;
  3203. width: 13px;
  3204. height: 13px;
  3205. top: 17px;
  3206. }
  3207.  
  3208. .popupClose.light_close_button img {
  3209. display: none;
  3210. }
  3211.  
  3212. .popup_footer {
  3213. padding: 15px;
  3214. position: absolute;
  3215. bottom: 0px;
  3216. right: 0px;
  3217. }
  3218.  
  3219. .popup_body {
  3220. padding: 10px;
  3221. }
  3222.  
  3223. .stem {
  3224. width: 31px;
  3225. height: 16px;
  3226. position: absolute;
  3227. }
  3228.  
  3229. .stem.topleft { background-image: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/stems/topleft.png); }
  3230. .stem.topright { background-image: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/stems/topright.png); }
  3231. .stem.bottomleft { background-image: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/stems/bottomleft.png); }
  3232. .stem.bottomright { background-image: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/stems/bottomright.png); }
  3233.  
  3234. .modal {
  3235. background-color: #3e3e3e;
  3236. }
  3237.  
  3238. .userpopup h3 { font-size: 17px; }
  3239. .userpopup h3, .userpopup .side + div { padding-left: 110px; }
  3240. .userpopup .side { position: absolute; margin-top: -40px; }
  3241. .userpopup .side .ipsButton_secondary { display: block; text-align: center; margin-top: 5px; }
  3242. .userpopup .user_controls { text-align: left; }
  3243. .userpopup .user_status { padding: 5px; margin-bottom: 5px; }
  3244. .userpopup .reputation {
  3245. display: block;
  3246. text-align: center;
  3247. margin-top: 5px;
  3248. }
  3249.  
  3250. .userpopup {
  3251. overflow: hidden;
  3252. position: relative;
  3253. font-size: 0.9em;
  3254. }
  3255.  
  3256. .userpopup dl {
  3257. padding-bottom: 10px;
  3258. margin-bottom: 4px;
  3259. }
  3260.  
  3261. .info dt {
  3262. float: left;
  3263. font-weight: bold;
  3264. padding: 3px 6px;
  3265. clear: both;
  3266. width: 30%;
  3267. }
  3268.  
  3269. .info dd {
  3270. padding: 3px 6px;
  3271. width: 60%;
  3272. margin-left: 35%;
  3273. }
  3274.  
  3275. /************************************************************************/
  3276. /* BUTTONS STYLES */
  3277.  
  3278. .topic_buttons li {
  3279. float: right;
  3280. margin: 0 0 10px 10px;
  3281. }
  3282.  
  3283.  
  3284. .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important,
  3285. .topic_buttons li a, .topic_buttons li span, .ipsButton {
  3286. background: #212121 url(https://www.alora.io/forums/public/style_images/battlefield_p4f/topic_button.png ) repeat-x top;
  3287. border: 1px solid #212121;
  3288. border-width: 1px 1px 0 1px;
  3289. -moz-border-radius: 3px;
  3290. -webkit-border-radius: 3px;
  3291. border-radius: 3px;
  3292. -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  3293. -webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  3294. box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  3295. color: #fff;
  3296. text-shadow: 0 -1px 0 #191919;
  3297. font: 300 12px/1.3 Helvetica, Arial, sans-serif;
  3298. line-height: 30px;
  3299. height: 30px;
  3300. padding: 0 10px;
  3301. text-align: center;
  3302. min-width: 125px;
  3303. display: inline-block;
  3304. cursor: pointer;
  3305. }
  3306.  
  3307. .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .ipsButton.important {
  3308. background: #812200 url(https://www.alora.io/forums/public/style_images/battlefield_p4f/topic_button_closed.png ) repeat-x top;
  3309. border-color: #812200;
  3310. -moz-box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);
  3311. -webkit-box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);
  3312. box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);
  3313. }
  3314.  
  3315. .topic_buttons li a:hover, .ipsButton:hover { color: #fff; }
  3316. .topic_buttons li.non_button a {
  3317. background: transparent !important;
  3318. background-color: transparent !important;
  3319. border: 0;
  3320. box-shadow: none;
  3321. -moz-box-shadow: none;
  3322. -webkit-box-shadow: none;
  3323. text-shadow: none;
  3324. min-width: 0px;
  3325. color: #c2c2c2;
  3326. font-weight: normal;
  3327. }
  3328.  
  3329. .topic_buttons li.disabled a, .topic_buttons li.disabled span {
  3330. background: rgba(0,0,0,0.5);
  3331. box-shadow: none;
  3332. -moz-box-shadow: none;
  3333. -webkit-box-shadow: none;
  3334. text-shadow: none;
  3335. border: 0;
  3336. color: #a2a2a2;
  3337. }
  3338.  
  3339. .topic_buttons li span { cursor: default !important; }
  3340.  
  3341.  
  3342. .ipsButton_secondary {
  3343. background: #212121 url(https://www.alora.io/forums/public/style_images/battlefield_p4f/topic_button.png ) repeat-x top;
  3344. height: 22px;
  3345. line-height: 22px;
  3346. font-size: 12px;
  3347. padding: 0 10px;
  3348. border: 1px solid #212121;
  3349. -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.21) inset, 0px 1px 0px rgba(0,0,0,0.3);
  3350. -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.21) inset, 0px 1px 0px rgba(0,0,0,0.3);
  3351. box-shadow: 0px 1px 0px rgba(0,0,0,0.21) inset, 0px 1px 0px rgba(0,0,0,0.3);
  3352. -moz-border-radius: 3px;
  3353. -webkit-border-radius: 3px;
  3354. border-radius: 3px;
  3355. color: #d2d2d2;
  3356. display: inline-block;
  3357. white-space: nowrap;
  3358. -webkit-transition: all 0.2s ease-in-out;
  3359. -moz-transition: all 0.2s ease-in-out;
  3360. }
  3361. .ipsButton_secondary a { color: #616161; }
  3362. .ipsButton_secondary:hover {
  3363. color: #a2a2a2;
  3364. border-color: #323232;
  3365. }
  3366.  
  3367. .ipsButton_secondary.important {
  3368. background: #9f2a00;
  3369. background: -moz-linear-gradient(top, #9f2a00 0%, #812200 100%); /* firefox */
  3370. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f2a00), color-stop(100%,#812200)); /* webkit */
  3371. border: 1px solid #812200;
  3372. color: #fbf4f4;
  3373. -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
  3374. -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
  3375. box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
  3376. }
  3377. .ipsButton_secondary.important a { color: #fbf4f4; }
  3378. .ipsButton_secondary.important a:hover {
  3379. color: #fff;
  3380. border-color: #571700;
  3381. }
  3382.  
  3383. .ipsButton_extra {
  3384. line-height: 22px;
  3385. height: 22px;
  3386. font-size: 11px;
  3387. margin-left: 5px;
  3388. }
  3389.  
  3390. .ipsButton.no_width { min-width: 0; }
  3391. .topic_controls { min-height: 30px; }
  3392.  
  3393. ul.post_controls {
  3394. padding: 6px;
  3395. margin: 0 0 10px 0;
  3396. clear: both;
  3397. -moz-border-radius: 4px;
  3398. -webkit-border-radius: 4px;
  3399. border-radius: 4px;
  3400. }
  3401.  
  3402. ul.post_controls li {
  3403. font-size: 12px;
  3404. float: right;
  3405. }
  3406.  
  3407. ul.post_controls a {
  3408. height: 22px;
  3409. line-height: 22px;
  3410. padding: 0 12px;
  3411. color: #a2a2a2;
  3412. text-decoration: none;
  3413. margin-left: 4px;
  3414. display: block;
  3415. }
  3416.  
  3417. ul.post_controls a:hover { color: #fff; }
  3418.  
  3419. ul.post_controls a.ipsButton_secondary {
  3420. height: 20px;
  3421. line-height: 20px;
  3422. }
  3423.  
  3424. ul.post_controls li.multiquote.selected a {
  3425. background: #a1dc00; /* Old browsers */
  3426. background: -moz-linear-gradient(top, #a1dc00 0%, #7ba60d 100%); /* FF3.6+ */
  3427. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1dc00), color-stop(100%,#7ba60d)); /* Chrome,Safari4+ */
  3428. border-color: #7ba60d;
  3429. -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
  3430. -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
  3431. box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
  3432. color: #fff;
  3433. }
  3434.  
  3435. .post_block .post_controls li a {
  3436. opacity: 0.2;
  3437. -webkit-transition: all 0.2s ease-in-out;
  3438. -moz-transition: all 0.5s ease-in-out;
  3439. }
  3440.  
  3441. .post_block .post_controls li a.ipsButton_secondary {
  3442. opacity: 1;
  3443. }
  3444. .post_block:hover .post_controls li a { opacity: 1; }
  3445.  
  3446. .hide_signature, .sigIconStay { float: right; }
  3447. .post_block:hover .signature a.hide_signature, .sigIconStay {
  3448. background: transparent url(https://www.alora.io/forums/public/style_images/battlefield_p4f/cross_sml.png) no-repeat top right;
  3449. width: 13px;
  3450. height: 13px;
  3451. opacity: 0.6;
  3452. position: absolute;
  3453. right: 0px;
  3454. }
  3455.  
  3456. /************************************************************************/
  3457. /* PAGINATION STYLES */
  3458.  
  3459. .pagination { padding: 5px 0; line-height: 20px; }
  3460. .pagination.no_numbers .page { display: none; }
  3461. .pagination .pages { text-align: center; }
  3462. .pagination .back { margin-right: 6px; }
  3463. .pagination .back li { margin: 0 2px 0 0; }
  3464. .pagination .forward { margin-left: 6px; }
  3465. .pagination .forward li { margin: 0 0 0 2px; }
  3466.  
  3467.  
  3468. .pagination .back a,
  3469. .pagination .forward a {
  3470. display: inline-block;
  3471. padding: 0px 6px;
  3472. height: 20px;
  3473. background: rgba(34,34,34,0.5);
  3474. -moz-border-radius: 2px;
  3475. -webkit-border-radius: 2px;
  3476. border-radius: 2px;
  3477. text-transform: uppercase;
  3478. color: #c2c2c2;
  3479. font-size: 11px;
  3480. font-weight: bold;
  3481. }
  3482.  
  3483.  
  3484. .pagination .back a:hover,
  3485. .pagination .forward a:hover {
  3486. background-color: rgba(255,255,255,0.1);
  3487. color: #fff;
  3488. }
  3489.  
  3490. .pagination .disabled a {
  3491. opacity: 0.4;
  3492. display: none;
  3493. }
  3494.  
  3495. .pagination .pages {
  3496. font-size: 11px;
  3497. font-weight: bold;
  3498. }
  3499.  
  3500. .pagination .pages a, .pagejump {
  3501. display: inline-block;
  3502. padding: 1px 4px;
  3503. color: #fff;
  3504. }
  3505.  
  3506. .pagination .pages .pagejump { padding: 0px; }
  3507.  
  3508. .pagination .pages a:hover {
  3509. background: #323232;
  3510. -moz-border-radius: 2px;
  3511. -webkit-border-radius: 2px;
  3512. border-radius: 2px;
  3513. }
  3514.  
  3515. .pagination .pages li { margin: 0 1px; }
  3516.  
  3517.  
  3518. .pagination .pages li.active {
  3519. background: #212121;
  3520. color: #fff;
  3521. font-weight: bold;
  3522. -moz-border-radius: 2px;
  3523. -webkit-border-radius: 2px;
  3524. border-radius: 2px;
  3525. padding: 1px 5px;
  3526. }
  3527.  
  3528. .pagination.no_pages span {
  3529. color: #acacac;
  3530. display: inline-block;
  3531. line-height: 20px;
  3532. height: 20px;
  3533. }
  3534.  
  3535. ul.mini_pagination {
  3536. font-size: 10px;
  3537. display: inline;
  3538. margin-left: 7px;
  3539. }
  3540.  
  3541. ul.mini_pagination li a {
  3542. background: rgba(255,255,255,0.05);
  3543. border: 1px solid rgba(255,255,255,0.05);
  3544. padding: 1px 3px;
  3545. }
  3546.  
  3547. ul.mini_pagination li {
  3548. display: inline;
  3549. margin: 0px 2px;
  3550. }
  3551.  
  3552. /************************************************************************/
  3553. /* MODERATION & FILTER STYLES */
  3554.  
  3555. .moderation_bar {
  3556. text-align: right;
  3557. padding: 8px 10px;
  3558. /*background: #f7f7f7;*/
  3559. }
  3560.  
  3561. .moderation_bar.with_action {
  3562. background-image: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/topic_mod_arrow.png);
  3563. background-repeat: no-repeat;
  3564. background-position: right center;
  3565. padding-right: 35px;
  3566. }
  3567.  
  3568. /************************************************************************/
  3569. /* AUTHOR INFO (& RELATED) STYLES */
  3570.  
  3571. .author_info {
  3572. height: 100%;
  3573. background-color: rgba(0, 0, 0, 0.01);
  3574. width: 165px;
  3575. font-size: 12px;
  3576. text-align: center;
  3577. padding: 12px 12px;
  3578. padding-left: 15px;
  3579. padding-right: 15px;
  3580. /*margin: 0 auto;*/
  3581. border: 1px solid rgba(0,0,0,0.7);
  3582. background: rgba(50,50,50,0.14);
  3583. -webkit-box-shadow: 0 6px 29px rgba(0,0,0,0.5);
  3584. -moz-box-shadow: 0 6px 29px rgba(0,0,0,0.5);
  3585. box-shadow: 0 6px 29px rgba(0,0,0,0.5);
  3586. }
  3587.  
  3588. .author_info .group_title {
  3589. font-weight: bold;
  3590. font-size: 12px;
  3591. color: #B8B4B4;
  3592. margin-top: 5px;
  3593. }
  3594.  
  3595. .author_info .member_title { margin-bottom: 5px; }
  3596. .author_info .group_icon { margin-bottom: 3px; }
  3597.  
  3598. .custom_fields {
  3599. color: #818181;
  3600. margin-top: 8px;
  3601. }
  3602.  
  3603. .custom_fields .ft {
  3604. color: #505050;
  3605. margin-right: 3px;
  3606. }
  3607.  
  3608.  
  3609. .user_controls {
  3610. text-align: center;
  3611. margin: 6px 0;
  3612. }
  3613.  
  3614. .user_controls li a {
  3615. display: inline-block;
  3616. padding: 5px;
  3617. }
  3618.  
  3619. /************************************************************************/
  3620. /* BOARD INDEX STYLES */
  3621.  
  3622. #board_index #categories { overflow: hidden; } /* opera fix */
  3623.  
  3624. #board_index { position: relative; }
  3625. #board_index.no_sidebar { padding-right: 0px; }
  3626. #board_index.force_sidebar { padding-right: 290px; }
  3627.  
  3628. #toggle_sidebar {
  3629. position: absolute;
  3630. right: -5px;
  3631. top: -13px;
  3632. z-index: 8000;
  3633. background: #333333;
  3634. padding: 3px 7px;
  3635. -webkit-border-radius: 4px;
  3636. -moz-border-radius: 4px;
  3637. border-radius: 4px;
  3638. color: #fff;
  3639. opacity: 0;
  3640. -webkit-transition: all 0.4s ease-in-out;
  3641. -moz-transition: all 0.4s ease-in-out;
  3642. }
  3643. #index_stats:hover + #toggle_sidebar, #board_index.no_sidebar #toggle_sidebar { opacity: 0.1; }
  3644. #toggle_sidebar:hover { opacity: 1 !important; }
  3645.  
  3646.  
  3647. .ipsSideBlock {
  3648. padding: 10px;
  3649. margin-bottom: 10px;
  3650. }
  3651.  
  3652. .general_box h3,
  3653. .ipsSideBlock h3
  3654. {
  3655. border-right: 1px solid #111111;
  3656. color: #fff;
  3657. padding: 13px 10px 11px 9px;
  3658. /*background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bar.png ) no-repeat 0 0; */
  3659. background-color:rgba(20, 20, 20, 0.7);
  3660. border: 1px solid rgba(0,0,0,0.3);
  3661. -moz-border-radius: 2px 2px 0px 0px;
  3662. -webkit-border-radius: 2px 2px 0px 0px;
  3663. border-radius: 2px 2px 0px 0px;
  3664. text-align: center;
  3665.  
  3666. /* font: bold 13px helvetica, arial, sans-serif; */
  3667.  
  3668. /* font-family: 'Cinzel','Trajan Pro',serif;*/
  3669. font: 700 normal 13px "Arial", sans-serif;
  3670. color: #FFF;
  3671. /* text-transform: uppercase;*/
  3672. text-decoration: none;
  3673. }
  3674.  
  3675. .ipsSideBlock h3 {
  3676. margin: -10px -10px 10px;
  3677. }
  3678.  
  3679. .ipsSideBlock h3 .mod_links { opacity: 0.0; }
  3680. .ipsSideBlock h3:hover .mod_links { opacity: 1; }
  3681.  
  3682. .status_list .status_list { margin: 10px 0 0 50px; }
  3683. .status_list p.index_status_update { line-height: 120%; margin:4px 0px; }
  3684. .status_list li { position: relative; }
  3685. .status_reply {
  3686. margin-top: 8px;
  3687. }
  3688.  
  3689. .status_list li .mod_links {
  3690. opacity: 0.1;
  3691. -webkit-transition: all 0.4s ease-in-out;
  3692. -moz-transition: all 0.4s ease-in-out;
  3693. }
  3694. .status_list li:hover .mod_links { opacity: 1; }
  3695.  
  3696. /* board stats */
  3697. #board_stats { margin-top:15px; }
  3698.  
  3699. #board_stats ul { text-align: center; }
  3700. #board_stats li { margin-right: 20px; }
  3701. #board_stats .value {
  3702. display: inline-block;
  3703. background: rgba(0,0,0,0.4);
  3704. color: #c2c2c2;
  3705. padding: 2px 6px;
  3706. font-weight: bold;
  3707. -moz-border-radius: 9px;
  3708. -webkit-border-radius: 9px;
  3709. border-radius: 9px;
  3710. margin-right: 3px;
  3711. }
  3712.  
  3713. .statistics {
  3714. background-color: rgba(0, 0, 0, 0.3);
  3715. border-radius: 10px 10px 10px 10px;
  3716. border-top: 1px solid rgba(0, 0, 0, 0.2);
  3717. line-height: 1.3;
  3718. margin: 20px 0 0;
  3719. overflow: hidden;
  3720. padding: 10px;
  3721. }
  3722.  
  3723. .statistics_head {
  3724. font-size: 14px;
  3725. font-weight: bold;
  3726. }
  3727.  
  3728. .friend_list ul li,
  3729. #top_posters li {
  3730. text-align: center;
  3731. padding: 8px 0 0 0;
  3732. margin: 5px 0 0 0;
  3733. min-width: 80px;
  3734. height: 70px;
  3735. float: left;
  3736. }
  3737.  
  3738. .friend_list ul li span.name,
  3739. #top_posters li span.name {
  3740. font-size: 0.8em;
  3741. }
  3742.  
  3743. #hook_watched_items ul li {
  3744. padding: 8px;
  3745. }
  3746.  
  3747. body#ipboard_body #hook_watched_items fieldset.submit {
  3748. padding: 8px;
  3749. }
  3750.  
  3751. #hook_birthdays .list_content {
  3752. padding-top: 8px;
  3753. }
  3754.  
  3755. #hook_calendar .ipsBox_container { padding: 10px; }
  3756. #hook_calendar td, #hook_calendar th { text-align: center; }
  3757. #hook_calendar th { font-weight: bold; padding: 5px 0;}
  3758.  
  3759. /************************************************************************/
  3760. /* FORUM VIEW (& RELATED) STYLES */
  3761.  
  3762. #more_topics {
  3763. text-align: center;
  3764. font-weight: bold;
  3765. }
  3766. #more_topics a { display: block; padding: 10px 0;}
  3767.  
  3768. /* Result of the 'load more topics' link */
  3769. .dynamic_update { border-top: 2px solid #b3b3b3; }
  3770.  
  3771. .topic_preview,
  3772. ul.topic_moderation {
  3773. margin-top: -2px;
  3774. z-index: 300;
  3775. }
  3776. ul.topic_moderation li {
  3777. float: left;
  3778. }
  3779.  
  3780. .topic_preview a,
  3781. ul.topic_moderation li a {
  3782. padding: 0 3px;
  3783. display: block;
  3784. float: left;
  3785. }
  3786.  
  3787. span.mini_rate {
  3788. margin-right: 12px;
  3789. display: inline-block;
  3790. }
  3791.  
  3792. img.mini_rate {
  3793. margin-right: -5px;
  3794. }
  3795.  
  3796. /************************************************************************/
  3797. /* TOPIC VIEW (& RELATED) STYLES */
  3798.  
  3799. body .ip { color: #475769; }
  3800. span.post_id { margin-left: 15px; }
  3801. input.post_mod { margin:12px 5px 0px 10px; }
  3802.  
  3803. .signature {
  3804. clear: right;
  3805. color: #a4a4a4;
  3806. font-size: 0.9em;
  3807. border-top: 1px solid rgba(255,255,255,0.05);
  3808. padding: 10px 0;
  3809. margin: 6px 0 4px;
  3810. position: relative;
  3811. }
  3812.  
  3813. .signature a { text-decoration: underline; }
  3814.  
  3815. .post_block {
  3816. position: relative;
  3817. }
  3818.  
  3819. .post_block.no_sidebar {
  3820. background-image: none;
  3821. }
  3822.  
  3823. .post_block h3 {
  3824.  
  3825. padding: 0 10px;
  3826. height: 36px;
  3827. line-height: 36px;
  3828. font-weight: normal;
  3829. font-size: 16px;
  3830. }
  3831.  
  3832. .post_wrap { top: 0px; }
  3833.  
  3834. .post_body {
  3835. /*margin: 0 10px 0 185px;*/
  3836. padding-top: 14px;
  3837. padding-left: 20px;
  3838. }
  3839.  
  3840. .full_post {
  3841.  
  3842. background: rgba(32, 32, 32, 0.4);
  3843. }
  3844.  
  3845. .post_body .post {
  3846. line-height: 1.6;
  3847. font-size: 14px;
  3848. }
  3849.  
  3850. .post_block.no_sidebar .post_body { margin-left: 10px; }
  3851.  
  3852. .posted_info {
  3853. padding: 0 0 10px 0;
  3854. }
  3855.  
  3856. .posted_info strong.event {
  3857. color: #1c2837;
  3858. font-size: 1.2em;
  3859. }
  3860.  
  3861. .post_ignore {
  3862. background: #fafbfc;
  3863. color: #777;
  3864. font-size: 0.9em;
  3865. padding: 15px;
  3866. }
  3867.  
  3868. .post_ignore .reputation {
  3869. text-align: center;
  3870. padding: 2px 6px;
  3871. float: none;
  3872. display: inline;
  3873. }
  3874.  
  3875. .rep_bar {
  3876. white-space: nowrap;
  3877. margin: 6px 4px;
  3878. }
  3879.  
  3880. .rep_bar .reputation {
  3881. font-size: 10px;
  3882. padding: 2px 10px !important;
  3883. }
  3884.  
  3885. p.rep_highlight {
  3886. float: right;
  3887. display: inline-block;
  3888. margin: 5px 10px 10px 10px;
  3889. background: #D5DEE5;
  3890. color: #1d3652;
  3891. padding: 5px;
  3892. -moz-border-radius: 5px;
  3893. -webkit-border-radius: 5px;
  3894. border-radius: 5px;
  3895. font-size: 0.8em;
  3896. font-weight: bold;
  3897. text-align: center;
  3898. }
  3899.  
  3900. p.rep_highlight img {
  3901. margin-bottom: 4px;
  3902. }
  3903.  
  3904. .edit {
  3905. padding: 2px 0 0 24px;
  3906. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/icon_warning.png ) no-repeat left 4px;
  3907. font-size: 12px;
  3908. margin-top: 15px;
  3909. line-height: 14px;
  3910. color: #7c7c7c;
  3911. }
  3912.  
  3913. .poll fieldset {
  3914. padding: 9px;
  3915. }
  3916.  
  3917. .poll_question {
  3918. padding: 10px;
  3919. margin: 10px 10px 10px 20px;
  3920. }
  3921.  
  3922. .poll_question h4 {
  3923. background-color: rgba(255,255,255,0.1);
  3924. margin: 0 -7px;
  3925. padding: 5px;
  3926. }
  3927.  
  3928. .poll_question ol {
  3929. padding: 8px;
  3930. background-color: rgba(255,255,255,0.05);
  3931. }
  3932.  
  3933. .poll_question li {
  3934. font-size: 0.9em;
  3935. margin: 6px 0;
  3936. }
  3937.  
  3938. .poll_question .votes {
  3939. margin-left: 5px;
  3940. }
  3941.  
  3942. .snapback {
  3943. margin-right: 5px;
  3944. padding: 1px 0 1px 1px;
  3945. }
  3946.  
  3947. .rating { display: block; margin-bottom: 4px; line-height: 16px; }
  3948. .rating img { vertical-align: top; }
  3949. #rating_text { margin-left: 4px; }
  3950.  
  3951. /************************************************************************/
  3952. /* POSTING FORM (& RELATED) STYLES */
  3953.  
  3954. div.post_form label {
  3955. text-align: right;
  3956. padding-right: 15px;
  3957. width: 275px;
  3958. float: left;
  3959. clear: both;
  3960. }
  3961.  
  3962. div.post_form span.desc,
  3963. fieldset#poll_wrap span.desc {
  3964. margin-left: 290px;
  3965. display: block;
  3966. clear: both;
  3967. }
  3968.  
  3969. div.post_form .checkbox input.input_check,
  3970. #mod_form .checkbox input.input_check {
  3971. margin-left: 295px;
  3972. }
  3973.  
  3974. div.post_form .antispam_img {
  3975. margin-left: 290px;
  3976. }
  3977.  
  3978. div.post_form .captcha .input_text {
  3979. float: left;
  3980. }
  3981.  
  3982. div.post_form fieldset {
  3983. padding-bottom: 15px;
  3984. }
  3985.  
  3986. div.post_form h3 {
  3987. margin-bottom: 10px;
  3988. }
  3989.  
  3990. fieldset.with_subhead {
  3991. margin-bottom: 0;
  3992. padding-bottom: 0;
  3993. }
  3994.  
  3995. fieldset.with_subhead h4 {
  3996. text-align: right;
  3997. margin-top: 6px;
  3998. width: 300px;
  3999. float: left;
  4000. }
  4001.  
  4002. fieldset.with_subhead ul {
  4003. border-bottom: 1px solid rgba(255,255,255,0.05);
  4004. padding-bottom: 6px;
  4005. margin: 0 15px 6px 320px;
  4006. }
  4007.  
  4008. fieldset.with_subhead span.desc,
  4009. fieldset.with_subhead label {
  4010. margin: 0;
  4011. width: auto;
  4012. }
  4013.  
  4014. fieldset.with_subhead #post_icons {
  4015. border: 0;
  4016. margin-left: 326px;
  4017. }
  4018.  
  4019. fieldset.with_subhead #post_icons li {
  4020. margin-right: 15px;
  4021. margin-bottom: 6px;
  4022. float: left;
  4023. }
  4024.  
  4025. fieldset.with_subhead .checkbox input.input_check {
  4026. margin-left: 0px;
  4027. }
  4028.  
  4029. #toggle_post_options {
  4030. background: transparent url(https://www.alora.io/forums/public/style_images/battlefield_p4f/add.png) no-repeat;
  4031. font-size: 0.9em;
  4032. padding: 2px 0 2px 22px;
  4033. margin: 15px;
  4034. display: block;
  4035. }
  4036.  
  4037. #poll_wrap .question {
  4038. margin-bottom: 10px;
  4039. }
  4040.  
  4041. #poll_wrap .question .wrap ol {
  4042. margin-left: 25px;
  4043. list-style: decimal;
  4044. }
  4045. #poll_wrap .question .wrap ol li {
  4046. margin: 5px;
  4047. }
  4048.  
  4049. .question_title { margin-left: 30px; padding-bottom: 0; }
  4050. .question_title .input_text { font-weight: bold }
  4051.  
  4052. #poll_wrap { position: relative; }
  4053. #poll_footer { }
  4054. #poll_container_wrap { overflow: auto; }
  4055. #poll_popup_inner { overflow: hidden; }
  4056.  
  4057. .poll_control { margin-left: 20px; }
  4058. .post_form .tag_field ul { margin-left: 290px; }
  4059.  
  4060. /************************************************************************/
  4061. /* ATTACHMENT MANAGER (& RELATED) STYLES */
  4062.  
  4063. .swfupload {
  4064. position: absolute;
  4065. z-index: 1;
  4066. }
  4067.  
  4068. #attachments { }
  4069.  
  4070. #attachments li {
  4071. background-color: rgba(255,255,255,0.1);
  4072. border: 1px solid rgba(255,255,255,0.1);
  4073. padding: 6px 20px 6px 42px;
  4074. margin-bottom: 10px;
  4075. position: relative;
  4076. }
  4077.  
  4078. #attachments li p.info {
  4079. color: #69727b;
  4080. font-size: 0.8em;
  4081. width: 300px;
  4082. }
  4083.  
  4084. #attachments li .links, #attachments li.error .links, #attachments.traditional .progress_bar {
  4085. display: none;
  4086. }
  4087.  
  4088. #attachments li.complete .links {
  4089. font-size: 0.9em;
  4090. margin-right: 15px;
  4091. right: 0px;
  4092. top: 12px;
  4093. display: block;
  4094. position: absolute;
  4095. }
  4096.  
  4097. #attachments li .progress_bar {
  4098. margin-right: 15px;
  4099. width: 200px;
  4100. right: 0px;
  4101. top: 15px;
  4102. position: absolute;
  4103. }
  4104.  
  4105. #attachments li.complete, #attachments li.in_progress, #attachments li.error {
  4106. background-repeat: no-repeat;
  4107. background-position: 12px 12px;
  4108. }
  4109.  
  4110. #attachments li.in_progress {
  4111. background-image: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/loading.gif);
  4112. }
  4113.  
  4114. #attachments li.error {
  4115. background-image: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/exclamation.png);
  4116. background-color: #e8caca;
  4117. border: 1px solid #ddafaf;
  4118. }
  4119.  
  4120. #attachments li.error .info {
  4121. color: #8f2d2d;
  4122. }
  4123.  
  4124. #attachments li.complete {
  4125. background-image: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/accept.png);
  4126. }
  4127.  
  4128. #attachments li .thumb_img {
  4129. left: 6px;
  4130. top: 6px;
  4131. width: 30px;
  4132. height: 30px;
  4133. overflow: hidden;
  4134. position: absolute;
  4135. }
  4136.  
  4137. .attach_controls {
  4138. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/icon_attach.png ) no-repeat 3px top;
  4139. padding-left: 30px;
  4140. min-height: 82px;
  4141. }
  4142.  
  4143. .attach_controls .ipsType_subtitle { margin-bottom: 5px; }
  4144. .attach_controls iframe { display: block; margin-bottom: 5px; }
  4145.  
  4146. .attach_button { font-weight: bold; }
  4147. #help_msg { margin-top: 8px; }
  4148.  
  4149. #attach_wrap {
  4150. background: rgba(255,255,255,0.1);
  4151. padding: 6px;
  4152. margin-top: 8px;
  4153. }
  4154.  
  4155. #attach_wrap h4 {
  4156. font-size: 1em;
  4157. font-weight: bold;
  4158. }
  4159.  
  4160. #attach_wrap li {
  4161. margin: 5px 6px;
  4162. float: left;
  4163. }
  4164.  
  4165. #attach_wrap .desc.info {
  4166. margin-left: 24px;
  4167. }
  4168.  
  4169. #attach_error_box { margin-bottom: 10px; }
  4170.  
  4171. /************************************************************************/
  4172. /* IP.Board 3 CSS - By Lukazuki - (c)2011 www.codegame.pl */
  4173. /************************************************************************/
  4174. /************************************************************************/
  4175. /* REPUTATION STYLES */
  4176.  
  4177. .reputation {
  4178. -moz-border-radius: 5px;
  4179. -webkit-border-radius: 5px;
  4180. border-radius: 5px;
  4181. box-shadow: 0 5px 10px rgba(255, 255, 255, 0.15) inset;
  4182. -webkit-box-shadow: 0 5px 10px rgba(255, 255, 255, 0.15) inset;
  4183. -moz-box-shadow: 0 5px 10px rgba(255, 255, 255, 0.15) inset;
  4184.  
  4185.  
  4186. display: block;
  4187. font-weight: bold;
  4188. margin: 6px;
  4189. padding: 3px 8px;
  4190. text-shadow: -1px -1px 0 black;
  4191. }
  4192.  
  4193.  
  4194. .reputation.positive, .members li.positive {
  4195. background: rgba(80,115,34,0.9);
  4196. }
  4197.  
  4198. .reputation.negative, .members li.negative {
  4199. background: rgba(115,34,34,0.9);
  4200. }
  4201.  
  4202. .reputation.positive, .reputation.negative {
  4203. color: #fff;
  4204. }
  4205.  
  4206. .reputation.zero {
  4207. background: rgba(255,255,255,0.2);
  4208. color: #fff;
  4209. }
  4210.  
  4211.  
  4212. .status_main_content { white-space: break-word; }
  4213.  
  4214. .status_main_content h4 {
  4215. font-weight:normal;
  4216. font-size:1.2em;
  4217. }
  4218.  
  4219. .status_main_content h4 .su_links a { font-weight: normal; }
  4220.  
  4221. .status_main_content p {
  4222. padding: 6px 0px 6px 0px;
  4223. }
  4224.  
  4225. .status_main_content h4 a {
  4226. font-weight:bold;
  4227. text-decoration: none;
  4228. }
  4229.  
  4230. .status_mini_wrap {
  4231. padding: 7px;
  4232. font-size: 0.95em;
  4233. margin-top: 2px;
  4234. }
  4235. .status_mini_photo {
  4236. float: left;
  4237. }
  4238.  
  4239.  
  4240. .status_textarea {
  4241. width: 99%;
  4242. }
  4243.  
  4244. .status_replies_many {
  4245. height: 300px;
  4246. overflow: auto;
  4247. }
  4248.  
  4249.  
  4250. .status_update {
  4251. background: rgba(255,255,255,0.1);
  4252. color: #fff;
  4253. padding: 15px 12px;
  4254. }
  4255.  
  4256. .status_update .input_text { width: 70%; padding: 6px 4px; }
  4257. .status_update .status_inactive { color: #bbbbbb; }
  4258. #status_wrapper h4 { font-weight: bold; font-size: 14px; }
  4259. .status_content { line-height: 1.4; }
  4260. .status_content .mod_links { opacity: 0.2; }
  4261. .status_content:hover .mod_links { opacity: 1; }
  4262. .status_content .h4, .status_content .status_status { font-size: 14px; word-wrap: break-word; }
  4263. .status_feedback { margin: 10px 0 0 -10px; }
  4264. .status_feedback .row2 { margin-bottom: 1px; }
  4265.  
  4266. /* Favorites */
  4267. .ips_like {
  4268. background-color: #f1f4f7;
  4269. padding: 8px 4px 4px 4px;
  4270. color: #878787;
  4271. font-size: 1em;
  4272. min-height: 18px;
  4273. font-size: 0.9em;
  4274. line-height: 130%;
  4275. clear: both;
  4276. }
  4277. .ips_like a {
  4278. color: #878787;
  4279. }
  4280.  
  4281. .ips_like a.ftoggle {
  4282. float: right;
  4283. /*background: #e4ebf2 url(https://www.alora.io/forums/public/style_images/battlefield_p4f/icons/thumb_up.png) no-repeat left 2px;*/
  4284. border:1px solid #CBCBCB;
  4285. padding: 3px 4px 2px 4px;
  4286. color: #656565;
  4287. font-size:0.8em;
  4288. text-decoration: none;
  4289. -webkit-border-top-left-radius: 4px;
  4290. -webkit-border-top-right-radius: 4px;
  4291. -webkit-border-bottom-left-radius: 4px;
  4292. -webkit-border-bottom-right-radius: 4px;
  4293. margin-top: -4px;
  4294. }
  4295.  
  4296. .ips_like a.ftoggle.on {
  4297. /*background: #e4ebf2 url(https://www.alora.io/forums/public/style_images/battlefield_p4f/icons/fave_on_small.png) no-repeat left 2px;*/
  4298. margin-left: 3px;
  4299. }
  4300.  
  4301. .ips_like a.ftoggle._newline,
  4302. .ips_like a.ftoggle.on._newline {
  4303. float:none;
  4304. margin-top: 5px;
  4305. margin-left: auto;
  4306. margin-right: 0;
  4307. display: block;
  4308. width: 70px;
  4309. text-align: center;
  4310. }
  4311.  
  4312. .ips_like a:hover.ftoggle.on,
  4313. .ips_like a:hover.ftoggle {
  4314. background-color: #d5dde5;
  4315. }
  4316.  
  4317. .facebook-like { margin-top: 5px; }
  4318.  
  4319. .boxShadow {
  4320. -webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
  4321. -moz-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
  4322. box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
  4323. }
  4324.  
  4325. /* New notification panel */
  4326. #ipsGlobalNotification {
  4327. position: fixed;
  4328. left: 50%;
  4329. margin-left: -250px;
  4330. top: 20px;
  4331. text-align: center;
  4332. font-weight: bold;
  4333. }
  4334.  
  4335. #ips_NotificationCloseButton {
  4336. background: transparent url(https://www.alora.io/forums/public/style_images/battlefield_p4f/close_popup.png) no-repeat top left;
  4337. opacity: 0.8;
  4338. width: 13px;
  4339. height: 13px;
  4340. top: 5px;
  4341. left: 5px;
  4342. position: absolute;
  4343. cursor: pointer;
  4344. }
  4345.  
  4346. .googlePlusOne {
  4347. display: inline-block;
  4348. vertical-align:middle;
  4349. margin-top: 1px;
  4350. }
  4351. /************************************************************************/
  4352. /* SHARED MEDIA STYLES */
  4353.  
  4354. #mymedia_inserted {
  4355. position: absolute;
  4356. top: 100px; left: 50%;
  4357. margin-left: -200px;
  4358. width: 400px;
  4359. padding: 20px 0;
  4360. background: black;
  4361. font-size: 15px;
  4362. font-weight: bold;
  4363. color: #fff;
  4364. z-index: 20000;
  4365. text-align: center;
  4366. -moz-border-radius: 4px;
  4367. -webkit-border-radius: 4px;
  4368. border-radius: 4px;
  4369. }
  4370.  
  4371. #mymedia_toolbar {
  4372. position: absolute;
  4373. bottom: 0; left: 0; right: 0;
  4374. height: 42px;
  4375. line-height: 42px;
  4376. padding: 0 5px;
  4377. }
  4378.  
  4379. #mymedia_finish { position: absolute; right: 5px; top: 5px; }
  4380. #mymedia_content { height: 339px; overflow: auto; }
  4381.  
  4382. .media_results li.result {
  4383. width: 20%;
  4384. height: 100px;
  4385. padding: 15px 0;
  4386. float: left;
  4387. text-align: center;
  4388. cursor: pointer;
  4389. -moz-border-radius: 4px;
  4390. -webkit-border-radius: 4px;
  4391. border-radius: 4px;
  4392. }
  4393.  
  4394. .media_results li:hover {
  4395. background: #F9F9F9;
  4396. background: -moz-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
  4397. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EDEDED));
  4398. }
  4399. .media_results li:active {
  4400. background: #EDEDED;
  4401. background: -moz-linear-gradient(top, #EDEDED 0%, #F9F9F9 100%);
  4402. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#F9F9F9));
  4403. }
  4404.  
  4405. .media_image {
  4406. padding: 1px;
  4407. border: 1px solid #d5d5d5;
  4408. margin-bottom: 5px;
  4409. }
  4410.  
  4411. /********************************************************/
  4412. /* ModCP styles */
  4413.  
  4414. .modcp_post_controls { padding-bottom: 15px; }
  4415. .modcp_post_controls .ipsButton_secondary { opacity: 0.5; }
  4416. .post_body:hover .modcp_post_controls .ipsButton_secondary { opacity: 1; }
  4417.  
  4418. #modcp_content .ipsFilterbar li.active a {
  4419. margin-bottom: 1px;
  4420. display: inline-block;
  4421. }
  4422.  
  4423. /************************************************************************/
  4424. /* IP.Board 3 CSS - By Lukazuki - (c)2011 www.codegame.pl */
  4425. /************************************************************************/
  4426. /********************************************************/
  4427. /* Advertisements from Nexus */
  4428.  
  4429. .nexusad { padding: 10px; clear: both; }
  4430.  
  4431. #bbcode-description {
  4432. color: #666 !important;
  4433. white-space: normal !important;
  4434. word-wrap: break-word;
  4435. }
  4436.  
  4437. /********************************************************/
  4438. /* iPad Specific */
  4439. @media only screen and (device-width: 768px) {
  4440. table.ipb_table .expander,
  4441. table.ipb_table .ipsModMenu { visibility: visible; opacity: 0.2; }
  4442. .post_block .post_controls { opacity: 1 !important; }
  4443. }
  4444.  
  4445. /* IP.Board Skin by Lukazuki for CodeGame Networks - codegame.net */
  4446.  
  4447. /* Code text color */
  4448. .com, .kwd, .pln, .pun, .lit { color: #fff !important; }
  4449.  
  4450. /* Nexus */
  4451.  
  4452. .price { color: #9DC400 !important; }
  4453.  
  4454. /* Blog */
  4455.  
  4456. .mini_cal td { border: 1px solid rgba(255, 255, 255, 0.05) !important; }
  4457. #bf_timeOpts, #bf_timeToggle { border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; }
  4458. .cblock h3.draggable { color: #fff !important; background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/maintitle.png) repeat-x !important; }
  4459. .ipsType_textblock { color: #c2c2c2 !important; }
  4460. .ipsComment { border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; }
  4461. #bf_timeOpts, #bf_timeToggle { border-bottom: 0 none !important; }
  4462. table.mini_cal .cellHasEntry { background-color: rgba(255, 255, 255, 0.1) !important; }
  4463.  
  4464. /* Download */
  4465.  
  4466. .file_listing { border-bottom: 1px solid rgba(255,255,255,0.05) !important; }
  4467. #idm_categories .file_count { background: transparent !important; }
  4468. .screenshot { background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.05) !important; }
  4469. .screenshot.mini { border: 1px solid rgba(255, 255, 255, 0.05) !important; }
  4470. #idm_category .idm_category_row { border-bottom: 0 !important; }
  4471. #idm_category .file_info { border-left: 0 !important; }
  4472. #idm_categories > li.selected > a { background: rgba(255, 255, 255, 0.05) !important; }
  4473. .idm_category_row { background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bg_box.jpg ) repeat-x 0 0; }
  4474. #idm_category {
  4475. border: 1px solid #111;
  4476. box-shadow: 0 2px 5px #111;
  4477. -webkit-box-shadow: 0 2px 5px #111;
  4478. -moz-box-shadow: 0 2px 5px #111;
  4479. }
  4480. #featured_pane {
  4481. border: 1px solid rgba(255, 255, 255, 0.05) !important;
  4482. background: rgba(0, 0, 0, 0.2) !important;
  4483. -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4) inset;
  4484. -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4) inset;
  4485. box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4) inset;
  4486. }
  4487. #featured_pane h2 { color: #9DC400 !important; }
  4488.  
  4489.  
  4490. /* Content */
  4491.  
  4492. .ccsRow_1 {
  4493. background: rgba(255, 255, 255, 0.01) !important;
  4494. }
  4495.  
  4496. .ccsRow_2 {
  4497. background: rgba(0, 0, 0, 0.05) !important;
  4498. }
  4499.  
  4500. .ccsBase .ccsBlockTitle, .ccsBlockTitle {
  4501. border-right: 1px solid #111111;
  4502. font: bold 13px helvetica,arial,sans-serif !important;
  4503. padding: 13px 10px 11px 50px !important;
  4504. letter-spacing: 1px;
  4505. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bar.png) no-repeat 0 0 !important;
  4506. color: #fff !important;
  4507. text-shadow: 1px 1px 0 rgba(255,255,255,0.2);
  4508. }
  4509.  
  4510. .ccsNewsFeed_item, .ccsSlideshow, .ccsRow_2, .ccsRow_1, .ccsRow_3 {
  4511. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/_custom/bg_box.jpg) repeat-x 0 0 !important;
  4512. border-bottom: 0 none !important;
  4513. }
  4514.  
  4515. .ccsBase { background: transparent !important; }
  4516. #category_list ul a { background-color: transparent !important; border-right: 0 !important; }
  4517. .ipsComment { border-bottom: 0 !important; }
  4518.  
  4519. #category_list ul a:hover {
  4520. background-color: rgba(0, 0, 0, 0.2) !important;
  4521. border: 0 !important;
  4522. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) inset;
  4523. -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) inset;
  4524. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) inset;
  4525. }
  4526.  
  4527. .ccsUserPhoto {
  4528. background-color: #D2D2D2;
  4529. border: 1px solid #212121 !important;
  4530. -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4) !important;
  4531. -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4) !important;
  4532. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4) !important;
  4533. padding: 0 !important;
  4534. }
  4535.  
  4536. .ccsBadge {
  4537. background: transparent !important;
  4538. color: #D2D2D2 !important;
  4539. padding: 0 5px !important;
  4540. }
  4541.  
  4542.  
  4543.  
  4544. /* Shoutbox */
  4545.  
  4546. #shoutbox-shouts-table .row2 td { border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important; }
  4547. #shoutbox-shouts-table { border: 0 !important; }
  4548. #shouts-global-resizer, #shouts-resizer { background-color: transparent !important; }
  4549. #category_shoutbox { margin-bottom: -3px; }
  4550. #shoutbox-smilies-button_menucontent table { border: 0 none !important; }
  4551.  
  4552. /* Calendar */
  4553.  
  4554. #calendar_table td { border: 0 none !important; }
  4555. #calendar_table td.blank { background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/tdn.png) repeat-x 0 0 !important; border-color: transparent !important; }
  4556. #calendar_table td.today {
  4557. -webkit-box-shadow: 0 1px 2px #111111 inset, 0 1px 4px #111111 inset, 0 0 100px #596F00 inset;
  4558. -moz-box-shadow: 0 1px 2px #111111 inset, 0 1px 4px #111111 inset, 0 0 100px #596F00 inset;
  4559. box-shadow: 0 1px 2px #111111 inset, 0 1px 4px #111111 inset, 0 0 100px #596F00 inset;
  4560. color: #9DC400 !important;
  4561. text-shadow: 0 1px 1px #111111;
  4562. }
  4563.  
  4564. .mini_cal_wrap { background: transparent !important; padding: 0 !important; }
  4565. .mini_cal_wrap h3 { background: transparent !important; display: inline-block; }
  4566.  
  4567. #calendar_table td.normal:hover {
  4568. background: transparent !important;
  4569. -webkit-box-shadow: 0 1px 2px #111111 inset, 0 1px 4px #111111 inset, 0 0 100px #212121 inset;
  4570. -moz-box-shadow: 0 1px 2px #111111 inset, 0 1px 4px #111111 inset, 0 0 100px #212121 inset;
  4571. box-shadow: 0 1px 2px #111111 inset, 0 1px 4px #111111 inset, 0 0 100px #212121 inset;
  4572. }
  4573.  
  4574.  
  4575.  
  4576.  
  4577.  
  4578.  
  4579.  
  4580.  
  4581. /* CUSTOM ALORA CSS */
  4582. #userbar {
  4583. width: 595px;
  4584. height: 51px;
  4585. margin: 0 auto;
  4586. position: relative;
  4587.  
  4588. background: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/playbtn_hover.png') no-repeat -9999px -9999px;
  4589. /* above not in use, just used to pre-load the css for the play btn hover */
  4590. }
  4591. #topbar {
  4592. background: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/topbar.png') 0 0 no-repeat transparent;
  4593. width: 595px;
  4594. height: 51px;
  4595. /* position: fixed; */
  4596. z-index: 20;
  4597.  
  4598. }
  4599. #topactbuttons {
  4600. /* position: fixed; */
  4601. top: 45px;
  4602. /* margin-left: -237px;*/
  4603. margin: 0 auto;
  4604. margin-left: 60px;
  4605. margin-top: -2px;
  4606. display: inline-block;
  4607. /* z-index: 10; */
  4608. font-size: 0;
  4609. }
  4610. #topactbuttons a {
  4611. text-transform: uppercase;
  4612. font-weight: bold;
  4613. width: 240px;
  4614. height: 33px;
  4615. line-height: 28px;
  4616. font-size: 14px;
  4617. color: #d8b489;
  4618. position: relative;
  4619. text-align: center;
  4620. display: inline-block;
  4621. background: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/topactbutton.png') center top no-repeat transparent;
  4622. }
  4623. #topactbuttons a:hover {
  4624. color: #edc695;
  4625. background-image: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/topactbutton_hover.png');
  4626. }
  4627. #topslog {
  4628. font-family: 'Merriweather Sans',sans-serif;
  4629. color: #b8916b;
  4630. letter-spacing: -0.01em;
  4631. font-size: 12px;
  4632. margin-left: 6px;
  4633. text-align: center;
  4634.  
  4635. }
  4636. #topslog a { color: #e77200; }
  4637. #topslog a:hover { color: #ff7e00; }
  4638. #topico {
  4639. background: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/topicoback.png') 0 0 no-repeat transparent;
  4640. width: 47px;
  4641. height: 51px;
  4642. display: inline-block;
  4643. line-height: 47px;
  4644. text-align: left;
  4645. }
  4646. #topico img { vertical-align: middle;
  4647. margin-left: 18%; }
  4648. #toplogform {
  4649. line-height: 51px;
  4650. float: right;
  4651. margin-right: 10px;
  4652. }
  4653. #topbar input {
  4654. width: 141px;
  4655. color: #acacac;
  4656. height: 37px;
  4657. line-height: 37px;
  4658. border: 0;
  4659. padding: 0 10px;
  4660. background: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/topinput.png') center top no-repeat transparent;
  4661. }
  4662. #topbar input:focus { outline: 0 }
  4663.  
  4664.  
  4665.  
  4666.  
  4667.  
  4668.  
  4669.  
  4670.  
  4671. #user_link2 {
  4672. font-size: 12px;
  4673. color: #fff;
  4674. padding: 0 12px;
  4675. height: 36px;
  4676. line-height: 64px;
  4677. display: inline-block;
  4678. outline: 0;
  4679. }
  4680.  
  4681. #signoutli {
  4682. margin-right: 30px;
  4683. margin-top: 15px;
  4684. }
  4685.  
  4686. #topsloggedout {
  4687. font-family: 'Merriweather Sans',sans-serif;
  4688. color: #b8916b;
  4689. letter-spacing: -0.01em;
  4690. font-size: 12px;
  4691. margin-left: 16%;
  4692. }
  4693. #topsloggedout a { color: #e77200; }
  4694. #topsloggedout a:hover { color: #ff7e00; }
  4695.  
  4696.  
  4697.  
  4698. #midcol {
  4699. /*margin: 0 auto;*/
  4700. float: left;
  4701. margin-left: 15px;
  4702. width: 743px;
  4703. }
  4704. #midcol #pbg {
  4705. width: 743px;
  4706. height: 279px;
  4707. background: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/cbg.png') 0 0 no-repeat transparent;
  4708. position: relative;
  4709. border: 1px solid #000000;
  4710. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  4711. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  4712. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  4713.  
  4714. }
  4715. #pbg .slide {
  4716. position: absolute;
  4717. z-index: 0;
  4718. top: 0;
  4719. left: 0;
  4720. opacity: 0;
  4721. }
  4722. #pbg .slide.show {
  4723. opacity: 1;
  4724. }
  4725. #midcol #playbtn {
  4726. background: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/playbtn.png') center center no-repeat transparent;
  4727. -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  4728. -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  4729. box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  4730. position: absolute;
  4731. display: block;
  4732. /* height: 77px;
  4733. width: 230px; */
  4734. margin: auto;
  4735. top: 0;
  4736. left: 0;
  4737. right: 0;
  4738. bottom: 0;
  4739.  
  4740. margin-top: -100px;
  4741. }
  4742. #midcol #playbtn:hover { background-image: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/playbtn_hover.png') }
  4743.  
  4744.  
  4745.  
  4746.  
  4747.  
  4748.  
  4749. #navbar {
  4750. background: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/navbar.png') top no-repeat transparent;
  4751. width: 80%;
  4752. min-width: 980px;
  4753. height: 91px;
  4754. margin: 0 auto;
  4755. margin-top: 60px;
  4756. margin-bottom: -4px;
  4757. background-size: 100% 100%;
  4758. background-repeat: no-repeat;
  4759. z-index:1;
  4760. position: relative;
  4761.  
  4762.  
  4763. }
  4764. #navbar ul {
  4765. list-style: none;
  4766. margin: 0;
  4767. padding: 0;
  4768. display: table;
  4769. width: 100%;
  4770. }
  4771. #navbar ul li {
  4772. display: table-cell;
  4773. position: relative;
  4774. min-width: 149px;
  4775. }
  4776. #navbar ul li:not(:last-child):after {
  4777. content: '';
  4778. display: block;
  4779. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/nav_seperator.png);
  4780. width: 6px;
  4781. height: 79px;
  4782. position: absolute;
  4783. top: 6px;
  4784. right: 0;
  4785. }
  4786.  
  4787. #navbar ul li a {
  4788. width: 100%;
  4789. height: 78px;
  4790. display: inline-block;
  4791. margin-top: 5px;
  4792. text-transform: uppercase;
  4793. font-size: 12px;
  4794. font-weight: bold;
  4795. position: relative;
  4796. left: -1px;
  4797. -webkit-transition: .5s;
  4798. -moz-transition: .5s;
  4799. -ms-transition: .5s;
  4800. -o-transition: .5s;
  4801. transition: .5s;
  4802. }
  4803. #navbar ul li a:hover { background: rgba(255,255,255,0.08);
  4804. }
  4805.  
  4806. /*
  4807. @font-face {
  4808. font-family: 'Alorafont'; /*a name to be used later*/
  4809. src: url('/assets/fonts/EncodeSans-Black.ttf'); /*URL to font*/
  4810. }
  4811. font-family: Alorafont;
  4812. font-size: 18px;
  4813. letter-spacing: 2px;
  4814. color: rgb(235, 171, 35);
  4815.  
  4816.  
  4817.  
  4818. a:hover
  4819.  
  4820.  
  4821. text-shadow: rgb(237, 237, 237) 0px 0px 2.5px, rgb(237, 237, 237) 0px 0px 5px, rgb(237, 237, 237) 0px 0px 7.5px, rgb(255, 174, 0) 0px 0px 20px, rgb(255, 174, 0) 0px 0px 15px, rgb(255, 174, 0) 0px 0px 20px, rgb(255, 174, 0) 0px 0px 50px, rgb(255, 174, 0) 0px 0px 37.5px;*/
  4822.  
  4823. #navbar ul li a u { margin-top: 33px; left: -2px; }
  4824. #navbar ul li:last-child a u {
  4825. left: -8px;
  4826. vertical-align: middle;
  4827. }
  4828. #navlogo {
  4829. min-width: 294px !important;
  4830. }
  4831. #navlogo:after {
  4832. display: none;
  4833. }
  4834. #navbar #navlogo a {
  4835. width: 270px;
  4836. line-height: 78px;
  4837. margin-top: 0;
  4838. background: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/banner.png') center 5px no-repeat transparent;
  4839. }
  4840. #navbar #navlogo a:hover { background-image: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/banner_hover.png') }
  4841.  
  4842.  
  4843.  
  4844.  
  4845. #shopitem {
  4846. -moz-user-select: none;
  4847. box-shadow: 0px 0px 6px #000;
  4848. background-color: rgba(15, 15, 15, 0.75);
  4849. border: 1px solid rgb(0, 0, 0);
  4850. margin: 0 auto;
  4851. height: 50px;
  4852. /*width: 700px;*/
  4853. width: 80%;
  4854. color: #848484;
  4855. padding: 5px;
  4856. text-align: center;
  4857. margin-bottom: 5px;
  4858. font-size: 18px;
  4859. cursor: pointer;
  4860. border-radius: 15px;
  4861. display: table;
  4862.  
  4863.  
  4864. }
  4865.  
  4866. #shopitem:hover {
  4867. background-color: rgba(15, 15, 15, 0.55);
  4868. box-shadow: 0px 0px 6px rgba(255, 255, 255, 0.55);
  4869.  
  4870. -webkit-transition: .2s;
  4871. -moz-transition: .2s;
  4872. -ms-transition: .2s;
  4873. -o-transition: .2s;
  4874. transition: .2s;
  4875. }
  4876.  
  4877. #shopimgcontainer {
  4878. width: 50px!important;
  4879. float: left;
  4880. padding-left: 15px;
  4881.  
  4882. display: table-cell;
  4883. vertical-align: middle;
  4884. padding-top: 10px;
  4885.  
  4886. }
  4887. .shopimage {
  4888. /*-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
  4889. box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);*/
  4890.  
  4891. -webkit-filter: drop-shadow(0px 0px 4px #FAF0D9);
  4892. filter: drop-shadow(0px 0px 4px #FAF0D9);
  4893.  
  4894. }
  4895.  
  4896. #shopitemname {
  4897. color: #E8E8E8;
  4898. font-size: 14px;
  4899. margin: 0 auto;
  4900. padding-left: 25px;
  4901. text-align: center;
  4902. font-weight: bold;
  4903. width: 70%;
  4904. overflow: hidden;
  4905. display: table-cell;
  4906. vertical-align: middle;
  4907. }
  4908. #shopitemdesc {
  4909. color: #C7C5C5;
  4910. font-size: 12px;
  4911. font-weight: normal;
  4912. }
  4913.  
  4914. #shopitemprice {
  4915. float: right;
  4916. height: 100%;
  4917. width: 100px;
  4918. margin: 0 auto;
  4919. color: #E8E8E8;
  4920. font-size: 14px;
  4921. display: table-cell;
  4922. padding-top: 19px;
  4923. vertical-align: middle;
  4924.  
  4925. }
  4926.  
  4927. #sidebox {
  4928. -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
  4929. -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
  4930. box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
  4931. border-style: solid;
  4932. border-width: 1px;
  4933. border-color: #000;
  4934. -webkit-transition: .5s;
  4935. -moz-transition: .5s;
  4936. -ms-transition: .5s;
  4937. -o-transition: .5s;
  4938. transition: .5s;
  4939. margin: 0 auto;
  4940. float: left;
  4941. width: 19%;
  4942. vertical-align:top;
  4943. margin-top: 10px;
  4944. position: relative;
  4945. }
  4946.  
  4947. #sidebox2 {
  4948. -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
  4949. -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
  4950. box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
  4951. border-style: solid;
  4952. border-width: 1px;
  4953. border-color: #000;
  4954. -webkit-transition: .5s;
  4955. -moz-transition: .5s;
  4956. -ms-transition: .5s;
  4957. -o-transition: .5s;
  4958. transition: .5s;
  4959. margin: 0 auto;
  4960. float: right;
  4961. width: 19%;
  4962. vertical-align:top;
  4963. margin-top: 10px;
  4964. position: relative;
  4965. }
  4966.  
  4967. table tr.separator { height: 20px; }
  4968. /* END CUSTOM ALORA CSS */
  4969.  
  4970. /*BOOTSTRAP */
  4971. .btn-oldstyle {
  4972. background-color: #a12323;
  4973. border-color: #a12323;
  4974. color: #fff;
  4975. text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  4976. background-color: #901f1f;
  4977. background-image: -moz-linear-gradient(top,#a12323,#771a1a);
  4978. background-image: -webkit-gradient(linear,0 0,0 100%,from(#a12323),to(#771a1a));
  4979. background-image: -webkit-linear-gradient(top,#a12323,#771a1a);
  4980. background-image: -o-linear-gradient(top,#a12323,#771a1a);
  4981. background-image: linear-gradient(to bottom,#a12323,#771a1a);
  4982. background-repeat: repeat-x;
  4983. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa12323', endColorstr='#ff771919', GradientType=0);
  4984. border-color: #771a1a #771a1a #380c0c;
  4985. border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  4986. }
  4987. .btn-oldstyle:hover,
  4988. .btn-oldstyle:focus {
  4989. text-decoration: none;
  4990. background-position: 0 -15px;
  4991. -webkit-transition: background-position .1s linear;
  4992. -moz-transition: background-position .1s linear;
  4993. -o-transition: background-position .1s linear;
  4994. transition: background-position .1s linear;
  4995. }
  4996. .btn-oldstyle:hover,
  4997. .btn-oldstyle:focus {
  4998. background-color: #771a1a;
  4999. }
  5000. .btn-oldstyle:active,
  5001. .btn-oldstyle.active,
  5002. .btn-oldstyle.active:hover {
  5003. background-color: #8c1e1e;
  5004. border-color: #771a1a;
  5005. }
  5006. .btn-oldstyle.disabled:hover,
  5007. .btn-oldstyle.disabled:focus,
  5008. .btn-oldstyle.disabled:active,
  5009. .btn-oldstyle.disabled.active,
  5010. .btn-oldstyle[disabled] .btn-oldstyle:hover,
  5011. .btn-oldstyle[disabled] .btn-oldstyle:focus,
  5012. .btn-oldstyle[disabled] .btn-oldstyle:active,
  5013. .btn-oldstyle[disabled] .btn-oldstyle.active {
  5014. background-color: #a12323;
  5015. border-color: #a12323;
  5016. }
  5017.  
  5018.  
  5019.  
  5020.  
  5021.  
  5022.  
  5023.  
  5024.  
  5025.  
  5026.  
  5027.  
  5028.  
  5029.  
  5030.  
  5031.  
  5032.  
  5033.  
  5034.  
  5035. .btn-oldstyle1 {
  5036. background-color: #65c44e;
  5037. border-color: #65c44e;
  5038. color: #fff;
  5039. text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  5040. background-color: #5cb945;
  5041. background-image: -moz-linear-gradient(top,#65c44e,#4da738);
  5042. background-image: -webkit-gradient(linear,0 0,0 100%,from(#65c44e),to(#4da738));
  5043. background-image: -webkit-linear-gradient(top,#65c44e,#4da738);
  5044. background-image: -o-linear-gradient(top,#65c44e,#4da738);
  5045. background-image: linear-gradient(to bottom,#65c44e,#4da738);
  5046. background-repeat: repeat-x;
  5047. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff65c44e', endColorstr='#ff4da737', GradientType=0);
  5048. border-color: #4da738 #4da738 #336e25;
  5049. border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  5050. }
  5051. .btn-oldstyle1:hover,
  5052. .btn-oldstyle1:focus {
  5053. text-decoration: none;
  5054. background-position: 0 -15px;
  5055. -webkit-transition: background-position .1s linear;
  5056. -moz-transition: background-position .1s linear;
  5057. -o-transition: background-position .1s linear;
  5058. transition: background-position .1s linear;
  5059. }
  5060. .btn-oldstyle1:hover,
  5061. .btn-oldstyle1:focus {
  5062. background-color: #4da738;
  5063. }
  5064. .btn-oldstyle1:active,
  5065. .btn-oldstyle1.active,
  5066. .btn-oldstyle1.active:hover {
  5067. background-color: #56ba3e;
  5068. border-color: #4da738;
  5069. }
  5070. .btn-oldstyle1.disabled:hover,
  5071. .btn-oldstyle1.disabled:focus,
  5072. .btn-oldstyle1.disabled:active,
  5073. .btn-oldstyle1.disabled.active,
  5074. .btn-oldstyle1[disabled] .btn-oldstyle:hover,
  5075. .btn-oldstyle1[disabled] .btn-oldstyle:focus,
  5076. .btn-oldstyle1[disabled] .btn-oldstyle:active,
  5077. .btn-oldstyle1[disabled] .btn-oldstyle.active {
  5078. background-color: #65c44e;
  5079. border-color: #65c44e;
  5080. }
  5081.  
  5082.  
  5083.  
  5084.  
  5085.  
  5086.  
  5087.  
  5088.  
  5089.  
  5090.  
  5091.  
  5092.  
  5093.  
  5094.  
  5095.  
  5096. .btn-oldstyle2 {
  5097. background-color: #f79f1a;
  5098. border-color: #f79f1a;
  5099. color: #fff;
  5100. text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  5101. background-color: #ea9413;
  5102. background-image: -moz-linear-gradient(top,#f79f1a,#d78407);
  5103. background-image: -webkit-gradient(linear,0 0,0 100%,from(#f79f1a),to(#d78407));
  5104. background-image: -webkit-linear-gradient(top,#f79f1a,#d78407);
  5105. background-image: -o-linear-gradient(top,#f79f1a,#d78407);
  5106. background-image: linear-gradient(to bottom,#f79f1a,#d78407);
  5107. background-repeat: repeat-x;
  5108. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff79f1a', endColorstr='#ffd68407', GradientType=0);
  5109. border-color: #d78407 #d78407 #8d5705;
  5110. border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  5111. }
  5112. .btn-oldstyle2:hover,
  5113. .btn-oldstyle2:focus {
  5114. text-decoration: none;
  5115. background-position: 0 -15px;
  5116. -webkit-transition: background-position .1s linear;
  5117. -moz-transition: background-position .1s linear;
  5118. -o-transition: background-position .1s linear;
  5119. transition: background-position .1s linear;
  5120. }
  5121. .btn-oldstyle2:hover,
  5122. .btn-oldstyle2:focus {
  5123. background-color: #d78407;
  5124. }
  5125. .btn-oldstyle2:active,
  5126. .btn-oldstyle2.active,
  5127. .btn-oldstyle2.active:hover {
  5128. background-color: #ef9308;
  5129. border-color: #d78407;
  5130. }
  5131. .btn-oldstyle2.disabled:hover,
  5132. .btn-oldstyle2.disabled:focus,
  5133. .btn-oldstyle2.disabled:active,
  5134. .btn-oldstyle2.disabled.active,
  5135. .btn-oldstyle2[disabled] .btn-oldstyle:hover,
  5136. .btn-oldstyle2[disabled] .btn-oldstyle:focus,
  5137. .btn-oldstyle2[disabled] .btn-oldstyle:active,
  5138. .btn-oldstyle2[disabled] .btn-oldstyle.active {
  5139. background-color: #f79f1a;
  5140. border-color: #f79f1a;
  5141. }
  5142.  
  5143.  
  5144.  
  5145.  
  5146. .footer-inner {
  5147. width: 1175px;
  5148. margin: 0 auto;
  5149. }
  5150. #footer {
  5151. border-top: 3px solid rgba(255,255,255,0.05);
  5152. background: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/footbg.png') 0 0 repeat transparent;
  5153. color: #b47d51;
  5154. font-family: 'PT Sans',sans-serif;
  5155. font-size: 12px;
  5156. text-align: center;
  5157. width: 100%;
  5158. opacity: 0.8;
  5159. }
  5160. #footer a { color: #bd8455 }
  5161. #footer a:hover { color: #a6744b }
  5162. #footer-copy {
  5163. text-align: right;
  5164. background-color: #553126;
  5165. padding: 10px 0;
  5166. color: #b5a191;
  5167. -webkit-box-shadow: inset 0px 5px 6px 0px rgba(0,0,0,0.25);
  5168. -moz-box-shadow: inset 0px 5px 6px 0px rgba(0,0,0,0.25);
  5169. box-shadow: inset 0px 5px 6px 0px rgba(0,0,0,0.25);
  5170. }
  5171. #fright { display: inline-block }
  5172. #fleft {
  5173. display: inline-block;
  5174. float: left;
  5175. line-height: 30px;
  5176. }
  5177. .footlist {
  5178. display: inline-block;
  5179. vertical-align: top;
  5180. padding: 30px 48px;
  5181. text-align: left;
  5182. }
  5183. .footlist ul {
  5184. list-style: none;
  5185. margin: 0;
  5186. padding: 0;
  5187. }
  5188. .footlist h3 {
  5189. font-size: 15px;
  5190. margin-bottom: 5px;
  5191. margin-top: 0;
  5192. }
  5193. .footlist p { width: 300px }
  5194.  
  5195. #welcome {
  5196. background: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/welback.png') 0 0 no-repeat transparent;
  5197. height: 108px;
  5198. width: 90%;
  5199. max-width: /* 734px;*/ 990px;
  5200. margin: 0 auto;
  5201. margin-top: -10px;
  5202. margin-bottom: 5px;
  5203.  
  5204. /* background-size: 100% 91px;*/
  5205. letter-spacing: -0.05em;
  5206. -webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
  5207. -moz-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
  5208. box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
  5209.  
  5210. }
  5211.  
  5212. #welcome h2 {
  5213. margin: 0;
  5214. margin-left: 20px;
  5215. margin-top: 30px;
  5216. display: inline-block;
  5217. font-family: 'Cinzel','Trajan Pro',serif;
  5218. padding: 0;
  5219. font-size: 24px;
  5220. color: #cb7137;
  5221. }
  5222. #welcome p {
  5223. padding: 0;
  5224. margin: 0;
  5225. width: 425px;
  5226. color: #caa382;
  5227. padding-left: 20px;
  5228. }
  5229.  
  5230.  
  5231.  
  5232.  
  5233. .news .cobord-content ul {
  5234. margin: 11px;
  5235. margin-top: -4px;
  5236. }
  5237.  
  5238. .news .cobord-content ul li {
  5239. display: block;
  5240. padding: 10px;
  5241. margin-top: 10px;
  5242. padding-bottom: 0;
  5243. background-color: #111111;
  5244. background-color: rgba(57, 57, 57, 0.4);
  5245. -moz-box-shadow: 0 0 5px #000;
  5246. -webkit-box-shadow: 0 0 5px #000;
  5247. box-shadow: 0px 0px 5px #000;
  5248. border-radius: 5px;
  5249. text-align: center;
  5250. }
  5251.  
  5252. .news .cobord-content ul li:first-child {
  5253. margin-top: 0;
  5254. }
  5255.  
  5256. .news .cobord-content ul li table {
  5257. display: inline-block;
  5258.  
  5259. }
  5260.  
  5261. .news .cobord-content ul li table tr {
  5262.  
  5263. }
  5264.  
  5265. .news .cobord-content ul li table tr td {
  5266. text-align: left;
  5267. /*padding: 0 10px;*/
  5268. }
  5269.  
  5270. .news .news_pretty {
  5271. padding-right: 20px;
  5272. vertical-align: top;
  5273. }
  5274.  
  5275. .news .news_pretty img {
  5276. width: 64px;
  5277. height: 64px;
  5278. _bborder-radius: 3px;
  5279. }
  5280.  
  5281. .news_small .news_content img {
  5282. width: 40px;
  5283. height: 40px;
  5284. border-radius: 3px;
  5285. }
  5286.  
  5287.  
  5288.  
  5289. .news .news_readout {
  5290. width: 100%;
  5291. }
  5292.  
  5293. .news_border_scale {
  5294. display: inline-block;
  5295.  
  5296. }
  5297.  
  5298.  
  5299. .news_border_scale h3 {
  5300. font-size: 13pt;
  5301. position: relative;
  5302. }
  5303. .news_border_scale h3 a {
  5304. color: rgb(216, 180, 137);
  5305. text-shadow: -1px -1px 0 #1d1816,
  5306. 1px -1px 0 #1d1816,
  5307. -1px 1px 0 #1d1816,
  5308. 1px 1px 0 #1d1816,
  5309. 0px 2px 2px rgba(0, 0, 0, 0.75);
  5310. position: relative;
  5311. /*color: #725b45;*/
  5312. /*border-bottom: 2px solid #31271d;*/
  5313. }
  5314.  
  5315. .news_border_scale h3 a:hover {
  5316. color: white;
  5317. }
  5318.  
  5319. .news_border_scale .news_under {
  5320. background: url('/images/news_under.png') repeat-x top center transparent;
  5321. height: 7px;
  5322. display: block;
  5323. }
  5324.  
  5325. .news_border_scale .news_under_bullet {
  5326. background: url('/images/news_under_bullet.png') repeat-y top center transparent;
  5327. height: 7px;
  5328. width: 7px;
  5329. display: inline-block;
  5330. }
  5331.  
  5332. .news .news_readout {
  5333. vertical-align: top;
  5334. }
  5335.  
  5336. .news .news_content {
  5337. margin: 5px 10px;
  5338. letter-spacing: 0.3px;
  5339. max-width: 35% !important;
  5340. padding-right: 100px !important;
  5341.  
  5342.  
  5343. overflow: hidden;
  5344. text-overflow: ellipsis;
  5345. display: -webkit-box;
  5346. line-height: 16px; /* fallback */
  5347. max-height: 192px; /* fallback */
  5348. -webkit-line-clamp: 12; /* number of lines to show */
  5349. -webkit-box-orient: vertical;
  5350. }
  5351.  
  5352.  
  5353. .news .news_content img {
  5354. float: left;
  5355. margin: 0px 10px 5px 0px;
  5356. }
  5357.  
  5358. .news .news_more {
  5359. float: right;
  5360. }
  5361.  
  5362. .news .news_additional, .news h3 div {
  5363. padding: 5px 0;
  5364. border-top: 1px solid #31271d;
  5365. margin: 0 10px;
  5366. font-size: 9pt;
  5367. }
  5368.  
  5369.  
  5370. .news h3 div {
  5371. border-top: 0;
  5372. padding: 0;
  5373. margin: 0;
  5374. display: inline-block;
  5375. position: absolute;
  5376. bottom: 3px;
  5377. right: 0;
  5378. }
  5379.  
  5380. .news_small {
  5381. text-align: left !important;
  5382. padding-bottom: 10px !important;
  5383. }
  5384.  
  5385. .news_small img {
  5386. width: 36px;
  5387. }
  5388.  
  5389. .news_small .news_readout {
  5390. max-width: 100%;
  5391. width: 100%;
  5392. }
  5393.  
  5394. .news_small .news_content {
  5395. /*color: rgba(172, 152, 133, 0.40);*/
  5396. }
  5397.  
  5398. .news_small .news_border_scale {
  5399. display: block;
  5400. }
  5401.  
  5402. .newspost {
  5403. background: url('https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/news.png') 0 0 no-repeat transparent;
  5404. min-height: 335px;
  5405. width: /*734px*/ 100%;
  5406. background-size: 100% 100%;
  5407. letter-spacing: -0.05em;
  5408. }
  5409.  
  5410. #additional_news {
  5411. font-family: 'Merriweather Sans',sans-serif;
  5412. color: #b8916b;
  5413. letter-spacing: -0.01em;
  5414. font-size: 12px;
  5415. text-align: center;
  5416.  
  5417. }
  5418. #additional_news a { color: #e77200; }
  5419. #additional_news a:hover { color: #ff7e00; }
  5420.  
  5421.  
  5422. #playersonline {
  5423. margin: 0 auto;
  5424. margin-top: 10px;
  5425. text-align: center;
  5426. border-radius: 5px;
  5427. background: rgba(20,20,20, 0.6);
  5428. max-width: 30%;
  5429. padding: 14px;
  5430. -webkit-box-shadow: 0 0px 9px rgba(0,0,0,0.5);
  5431. -moz-box-shadow: 0 0px 9px rgba(0,0,0,0.5);
  5432. box-shadow: 0 0px 9px rgba(0,0,0,0.5);
  5433. }
  5434.  
  5435. #creator_name {
  5436. font-family: 'Merriweather Sans',sans-serif;
  5437. color: #FFFDF7;
  5438. letter-spacing: -0.01em;
  5439. font-size: 16px;
  5440. text-align: center;
  5441.  
  5442. }
  5443.  
  5444.  
  5445.  
  5446. .left { text-align:left; }
  5447. .right { text-align:right; }
  5448.  
  5449.  
  5450.  
  5451.  
  5452.  
  5453.  
  5454.  
  5455.  
  5456.  
  5457.  
  5458.  
  5459.  
  5460.  
  5461.  
  5462.  
  5463.  
  5464.  
  5465.  
  5466.  
  5467.  
  5468. .navigation {
  5469. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/navigation.png) no-repeat;
  5470. width: 996px!important;
  5471. height: 69px;
  5472. margin: 0 auto;
  5473. margin-top: 34px;
  5474. margin-bottom: -2px;
  5475. display: table;
  5476. position: relative;
  5477. /* z-index: 100;*/
  5478.  
  5479. -webkit-box-shadow: 0 0px 11px rgba(0,0,0,0.6);
  5480. -moz-box-shadow: 0 0px 11px rgba(0,0,0,0.6);
  5481. box-shadow: 0 0px 11px rgba(0,0,0,0.6);
  5482. }
  5483.  
  5484. .navigation .navigation-item {
  5485. font: normal normal 19px 'Baskerville Old Face', serif;
  5486. color: #fff;
  5487. text-transform: uppercase;
  5488. text-shadow: 0 0 15px rgba(0, 0, 0, 0.5), 0 0 1px #383838, 0 0 1px rgba(255, 255, 255, 0.2);
  5489. padding: 0px 10px 0;
  5490. display: table-cell;
  5491. text-align: center;
  5492. vertical-align: middle;
  5493. opacity: 0.9;
  5494. }
  5495.  
  5496. .navigation .navigation-item :hover {
  5497. /* color: #F08000; */
  5498. }
  5499.  
  5500. .navigation .navigation-item.normal:hover {
  5501. -webkit-transition: all 0.2s ease-in-out;
  5502. -moz-transition: all 0.5s ease-in-out;
  5503.  
  5504. text-shadow: 0 0 0.2em #AB0000, 0 0 0.2em #AB0000,
  5505. 0 0 0.2em #AB0000;
  5506. }
  5507.  
  5508.  
  5509. .navigation .navigation-item.play :hover {
  5510. /*color: #F08000;*/text-shadow: 0 0 0.2em #F08000, 0 0 0.2em #F08000,
  5511. 0 0 0.2em #F08000;
  5512. }
  5513.  
  5514.  
  5515. .navigation .navigation-item.play {
  5516. width: 244px;
  5517. height: 69px;
  5518. position: relative;
  5519. top: -2px;
  5520. padding-top: 0;
  5521. opacity: 1;
  5522. line-height: 23px;
  5523. }
  5524.  
  5525. .navigation .navigation-item.play b{
  5526. font-size:110%;
  5527. color: #FFFFFF;
  5528. }
  5529.  
  5530. .navigation .navigation-item b {
  5531. //color: #B3B3B3;
  5532. text-shadow: 0 0 15px rgba(0, 0, 0, 0.5), 0 0 1px #383838, 0 0 1px rgba(255, 255, 255, 0.2);
  5533. }
  5534. .navigation .navigation-item.play:after {
  5535. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/play_hover.png) no-repeat;
  5536. width: 495px;
  5537. /*height: 224px;*/
  5538. height: 224px;
  5539. position: absolute;
  5540. top: 0;
  5541. margin: 0 auto 0 -124px;
  5542. content: '';
  5543. display: block;
  5544. pointer-events: none;
  5545. opacity: 0;
  5546. transition: opacity 500ms ease;
  5547. }
  5548.  
  5549. .navigation .navigation-item.play:hover:after {
  5550. opacity: 0.6;
  5551. }
  5552.  
  5553. .navigation .navigation-item.play > span {
  5554. background: url(https://www.alora.io/forums/public/style_images/battlefield_p4f/alora/play.png) no-repeat;
  5555. width: 244px;
  5556. height: 69px;
  5557. box-shadow: 0 0 20px rgba(0, 0, 0, 0.4), 0 10px 20px rgba(0, 0, 0, 0.4), 0 10px 20px rgba(0, 0, 0, 0.2);
  5558. font-size: 26px;
  5559. display: block;
  5560. padding-top: 26px;
  5561. opacity: 0.9;
  5562. }
  5563.  
  5564. .navigation .navigation-item.play > span > span {
  5565. position: relative;
  5566. z-index: 100;
  5567. }
  5568.  
  5569.  
  5570.  
  5571.  
  5572.  
  5573.  
  5574.  
  5575.  
  5576.  
  5577. #user_active {
  5578. padding-bottom: 1px;
  5579. display: inline-block;
  5580. }
  5581.  
  5582. .circle {
  5583. border-radius: 50%;
  5584. width: 10px;
  5585. height: 10px;
  5586. display: inline-block;
  5587. /* width and height can be anything, as long as they're equal */
  5588. }
  5589.  
  5590. /* Create the animation blocks */
  5591. @keyframes spin {
  5592. from { transform: rotate(0deg); }
  5593. to { transform: rotate(360deg); }
  5594. }
  5595.  
  5596. /* Spinning, gradient circle; CSS only! */
  5597. #online_circle {
  5598. width: 10px;
  5599. height: 10px;
  5600. background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #30BF00 0%, #45BF1D 100%, red 95%);
  5601. background-image: -webkit-radial-gradient(45px 45px, circle cover, #30BF00, #45BF1D);
  5602. background-image: radial-gradient(45px 45px 45deg, circle cover, #30BF00 0%, #45BF1D 100%, red 95%);
  5603.  
  5604. /*animation-name: spin;
  5605. animation-duration: 3s; /* 3 seconds */
  5606. animation-iteration-count: infinite;
  5607. animation-timing-function: linear;*/
  5608. }
  5609.  
  5610. #offline_circle {
  5611. width: 10px;
  5612. height: 10px;
  5613.  
  5614. background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #30BF00 0%, #BF1D1D 100%, red 95%);
  5615. background-image: -webkit-radial-gradient(45px 45px, circle cover, #30BF00, #BF1D1D);
  5616. background-image: radial-gradient(45px 45px 45deg, circle cover, #30BF00 0%, #BF1D1D 100%, red 95%);
  5617.  
  5618. /*animation-name: spin;
  5619. animation-duration: 3s; /* 3 seconds */
  5620. animation-iteration-count: infinite;
  5621. animation-timing-function: linear;*/
  5622. }
  5623.  
  5624.  
  5625. </style>
  5626.  
  5627.  
  5628. <style type="text/css" >
  5629.  
  5630.  
  5631.  
  5632.  
  5633. ----------------------------------------------------------------------------------
  5634. <-----Bot Status: 421 - Incomplete HTML Source----->
  5635. ---------------------------------------------------------------------------------->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!