Advertisement
Guest User

Untitled

a guest
Jun 19th, 2018
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 64.33 KB | None | 0 0
  1. /* os wrap da vida */
  2.  
  3. dl#field_id1 .field_uneditable img {
  4. width: 230px;
  5. height: 150px;
  6. }
  7.  
  8. #content-container div#left {
  9. display: none;
  10. }
  11.  
  12. /* subforo */
  13.  
  14. #cfs-board {margin: 10px; padding: 20px; background-color: #fff; border: 1px solid #e0e0e0; position: relative;}
  15. .cfs-middle, .cfs-left {margin-top:-70; margin-left:0px;position: relative; width: 480px;}
  16. .board-desc {width: 100px; height: 100px; background-size: cover; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background-position: center; border: 10px solid #0c0c0c;}
  17. .board-desc2, .board-desc3 {width: 310px; height: 60px; position: absolute; right: 10px; top: 10px; margin-bottom: 10px;}
  18. .board-write {font: 10px arial; text-transform: uppercase; line-height: 100%; text-align: justify; padding-right: 10px; height: 100px; overflow: auto;}
  19. .board-write b {color: #832032;}
  20.  
  21.  
  22. /* subforo fin*/
  23.  
  24. #wrap {
  25. font-size: 10px;
  26. min-width: 1150px !important;
  27. max-width: 700px !important;
  28. border-left: 1px solid #E4E4E4;
  29. border-right: 1px solid #E4E4E4;
  30. margin-bottom: 50px;
  31. outline: 30px solid rgba(0,0,0,0.6);
  32. background-color: #fff;
  33. }
  34.  
  35. #logo img{height: 450px;
  36. position: relative;
  37. top: 80px;
  38. left: -15px;
  39. }
  40.  
  41. .headerbar {
  42. background-color: transparent;
  43. background-image: url(https://illiweb.com/fa/empty.gif);
  44. background-repeat: repeat-x;
  45. margin-bottom: 4px;
  46. padding: 0 5px;
  47. margin-top: -465px;
  48. }
  49.  
  50. body {
  51. overflow-x: hidden;
  52. background-image: url(http://i.imgur.com/NRupdxd.jpg);
  53. background-repeat: no-repeat;
  54. background-attachment: scroll;
  55. -webkit-background-size: cover;
  56. -moz-background-size: cover;
  57. -o-background-size: cover;
  58. background-size: cover;
  59. background-position: center top;
  60. background-attachment: fixed;
  61. background-color: #fff;
  62. }
  63.  
  64. /* NAVEGAÇÃO */
  65.  
  66. /* MENU DO FORUM */
  67. .navlinks { background-color: #000; left: 0; position: fixed; right: 0; top: 0; }
  68. a.mainmenu { -moz-transition: 1S all ease-in-out; -o-transition: 1S all ease-in-out; -webkit-transition: 1S all ease-in-out; background: #000; color: #fff; font-family: Montserrat; font-size: 9px; letter-spacing: 1px; margin-bottom: 30px; margin-right: -11px!important; margin-top: 80px!important; opacity: 1; padding: 10px; text-transform: uppercase; transition: 1S all ease-in-out; width: 100%; }
  69. ul.navlinks { background: #000; display: block; font-weight: 700; margin-bottom: 35px; padding: 25px; text-align: center; width: 100%; z-index: 999; }
  70. #search-box{ display:none }
  71. a.mainmenu[href="/calendar"],a.mainmenu[href="/faq"],a.mainmenu[href="/gallery/index.htm"],a.mainmenu[href="/search"]{ display:none }
  72. li > a.mainmenu[href="/calendar"] { display : none; }
  73. a {cursor: url(http://cur.cursors-4u.net/cursors/cur-7/cur610.cur), progress !important; text-decoration: none; color: #b4bbda;}
  74. a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-7/cur610.cur), progress !important; color: #ccc; text-decoration: none; }
  75. #page-footer li a {font-family: Montserrat; font-size: 7px; line-height: 100%; padding: 10px; text-align: right; text-transform: uppercase; }
  76. #main-content ul.linklist li a {color: #656565; font-family: calibri, arial; font-size: 8px; text-transform: uppercase; }
  77.  
  78. /* SCROLLBAR */
  79. ::-webkit-scrollbar {
  80. width: 13px;
  81. height: 13px;
  82. background: #e9e9e9;
  83. border: 6px solid #dedede;
  84. }
  85.  
  86. ::-webkit-scrollbar-thumb {
  87. background: #7A0D4B;
  88. border: 6px solid #dedede;
  89. height: auto;
  90. }
  91.  
  92. ::-webkit-scrollbar-corner {
  93. background: #dedede;
  94. }
  95.  
  96. /* C H A T B O X */
  97.  
  98. .chatbox-title, .chatbox-title a.chat-title {
  99. color: #fff!important;
  100. }
  101. .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  102. color: #fff;
  103. font-family: Montserrat;
  104. }
  105.  
  106. #chatbox_footer label {
  107. color: #000;
  108. font-family: Montserrat;
  109. }
  110.  
  111. #chatbox{
  112. background:#dedede !important;
  113. text-decoration : none!important;
  114. text-transform: none!important;
  115. font-style:none!important;
  116. font-weight:none;
  117. font-family: verdana;
  118. font-size:10px;
  119. }
  120.  
  121. .chatbox_row_1{
  122. background-color: #dedede;
  123. text-decoration : none!important;
  124. text-transform: none!important;
  125. font-style:none!important;
  126. font-weight:none;
  127. }
  128.  
  129. .chatbox-options {
  130. float: right;
  131. font-size: 11px;
  132. list-style: none;
  133. color: #000;
  134. margin: .7em .5em .5em;
  135. }
  136.  
  137. .chatbox_row_2{
  138. background-color: #dedede;
  139. text-decoration : none!important;
  140. text-transform: none!important;
  141. font-style:none!important;
  142. font-weight:none;
  143. }
  144.  
  145. #chatbox_members {
  146. background-color: #dedede;
  147. font-family: karla;
  148. font-size: 12px;
  149. text-align: left;
  150. border-right: 2px solid #9d805a!important;
  151. }
  152.  
  153. #chatbox_header {
  154. -moz-border-radius: 20px 20px 20px 20px;
  155. background-image: url(http://i.imgur.com/oagOCqE.png);
  156. background-size: cover;
  157. }
  158.  
  159. #chatbox_footer {
  160. height: 25px;
  161. background-color: #dedede;
  162. }
  163.  
  164. #message {
  165. height: 15px;
  166. background-color: #dedede;
  167. width: 220px;
  168. font-family: verdana;
  169. font-size: 10px;
  170. }
  171.  
  172. .chatbox-title {
  173. color: #000!important;
  174. font: 22px Cardo;
  175. text-transform: uppercase;
  176. margin-top: 0px;
  177. text-shadow: 1px 1px 0px #000, 1px 1px 0px #dedede;
  178. }
  179.  
  180. /*Eliminar la señal de la fecha y última visita en el índice*/
  181.  
  182. p.right.rightside + p {
  183. display:none;
  184. }
  185. p.rightside {
  186. display: none;
  187. }
  188.  
  189. /* CATEGORIAS */
  190. ul.topiclist li {
  191. display: block;
  192. margin: 0;
  193. }
  194.  
  195. ul.topiclist li.header dl dd {
  196. border: none;
  197. font-size: 9px;
  198. }
  199.  
  200. li.header {
  201. background-image: url(http://i.imgur.com/oagOCqE.png);
  202. background-attachment: fixed;
  203. -webkit-background-size: cover;
  204. -moz-background-size: cover;
  205. -o-background-size: cover;
  206. background-size: cover;
  207. padding: 50px;
  208. position: relative;
  209. color: #f8f7f6;
  210. outline: 1px solid rgba(255, 255, 255, 0.5);
  211. outline-offset: -5px;
  212. }
  213.  
  214. .table-title, .table-title h2 {
  215. color: #fff;
  216. font-family: playfair display;
  217. font-size: 25px;
  218. letter-spacing: 3px;
  219. line-height: 30px;
  220. text-align: center;
  221. text-transform: uppercase;
  222. width: 315px!important;
  223. }
  224.  
  225.  
  226. .forabg li.header dd.dterm {
  227. text-align: center;
  228. width: 100%;
  229. }
  230.  
  231. /*parte de los foros*/
  232. ul.forums {
  233. background-color: #fff;
  234. padding: 30px;
  235. border-bottom: #ccc solid 1px;
  236. }
  237.  
  238. /*desaparece la cabera*/
  239. .forabg li.header dd.lastpost {
  240. display:none;
  241. }
  242.  
  243. .forabg li.header dd.posts {
  244. display:none;}
  245.  
  246. .forabg li.header dd.topics {
  247. display:none;
  248. }
  249.  
  250. /*titulo de los subforos*/
  251.  
  252. a.forumtitle {
  253. font-family: georgia;
  254. font-size: 15px;
  255. color: #a9a496;
  256. text-transform: uppercase;
  257. letter-spacing: 1px;
  258. display: inline-block;
  259. border-bottom: #a9a496 solid 1px;
  260. text-align: right;
  261. margin-bottom: 5px;
  262. padding: 3px;
  263. margin-left: 150px;
  264. }
  265.  
  266. /*MENSAGENS, TÓPICOS e ÚLTIMA MENSAGEM*/
  267.  
  268. .forabg dd.topics {
  269. width: 200px;
  270. font-family: 'georgia';
  271. font-size: 7px;
  272. text-transform: uppercase;
  273. color: #111;
  274. text-align: center;
  275. padding-top: 5px;
  276. padding-bottom: 25px;
  277. padding-right: 6px;
  278. display: inline-block;
  279. letter-spacing: 2px;
  280. margin-left: 35px;
  281. margin-top: 15px;
  282. position: absolute;
  283. }
  284.  
  285. .forabg li.row dd.topics:after {content: "tópicos"; }
  286.  
  287. .forabg dd.posts {
  288. width: 200px;
  289. font-family: 'georgia';
  290. font-size: 7px;
  291. text-transform: uppercase;
  292. color: #111;
  293. text-align: left;
  294. padding-top: 5px;
  295. padding-bottom: 25px;
  296. display: inline-block;
  297. font-weight: lighter;
  298. letter-spacing: 2px;
  299. margin-left: 180px;
  300. margin-top: 15px;
  301. position: absolute;
  302. }
  303.  
  304. .forabg li.row dd.posts:after {content: "mensagens";}
  305.  
  306. .forabg li.row dd.posts:before {
  307. content: "⚔";
  308. padding-right: 15px;
  309. font: 9px Montserrat;
  310. text-transform: uppercase;
  311. text-align: center;
  312. color: #1f1f1f;
  313. }
  314.  
  315. .forabg dd.lastpost {
  316. color: #111;
  317. text-align: left;
  318. display: block;
  319. margin-top: 15px;
  320. margin-left: 100px;
  321. width: 300px;
  322. height: 38px;
  323. font: 7px Montserrat;
  324. padding: 27px 0px 35px 0px;
  325. letter-spacing: 2px;
  326. line-height: 250%;
  327. text-transform: uppercase;
  328. }
  329.  
  330. .forabg li.row dd.lastpost a {
  331. font-size: 7px;
  332. font-weight: bold;
  333. text-align: center;
  334. }
  335.  
  336. .forabg li.row dd.lastpost a strong {
  337. font-size: 9px;
  338. font-style: normal;
  339. text-align: center;
  340. }
  341.  
  342. .forabg dd.lastpost:before {
  343. content: "";
  344. background-color: #d8d8d8;
  345. width: 1px;
  346. height: 85px;
  347. position: absolute;
  348. display: block;
  349. margin-top: -31px;
  350. margin-left: -35px;
  351. }
  352.  
  353. /*desc*/
  354.  
  355. .sublist { font-family: georgia; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; text-align: center; color: #a9a496; padding: 10px; }
  356. .sublist a { font-family: georgia; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; display: inline-block; text-align: center; margin-bottom: 1px; padding: 3px; }
  357.  
  358. /*TOPICOS*/
  359.  
  360. ul.topiclist.topics.bg_none dd.dterm {
  361. padding: 10px 10px 10px 45px;
  362. }
  363.  
  364. .span-tab {
  365. font-size: .9em;
  366. }
  367.  
  368. a.topictitle {
  369. font-family: georgia;
  370. font-weight: 700;
  371. font-style: italic;
  372. text-transform: lowercase;
  373. font-size: 15px;
  374. color: #a9a496;
  375. text-align: center;
  376. display: block;
  377. transition: all 1s ease-in-out;
  378. -moz-transition: all 1s ease-in-out;
  379. -webkit-transition: all 1s ease-in-out;
  380. ms-transition: all 1s ease-in-out;
  381. -o-transition: all 1s ease-in-out;
  382. }
  383.  
  384. a.topictitle:hover {
  385. color: #000;
  386. text-decoration: line-through;
  387. }
  388.  
  389. ul.topiclist.topics.bg_none dd.views, ul.topiclist.topics.bg_none dd.posts {
  390. padding: 5px;
  391. color: #696969;
  392. text-align: center;
  393. margin-right: 5px;
  394. }
  395.  
  396. ul.topiclist.topics.bg_none dd.views span, ul.topiclist.topics.bg_none dd.posts span {
  397. display: block;
  398. text-transform: uppercase;
  399. font-size: 9.5px;
  400. margin-bottom: -12px;
  401. }
  402.  
  403. ul.topiclist.topics.bg_none dd.lastpost {
  404. font-size: 10px;
  405. color: #000;
  406. text-transform: uppercase;
  407. }
  408.  
  409. ul.topiclist.topics.bg_none dd.posts, ul.topiclist.topics.bg_none dd.views {
  410. color: #696969;
  411. margin-right: 5px;
  412. padding: 5px;
  413. font-size: 8px;
  414. font-family: Montserrat;
  415. text-align: center;
  416. }
  417.  
  418. p.path {
  419. display: inline-block;
  420. width: 60%;
  421. vertical-align: top;
  422. float: none;
  423. text-align: right;
  424. text-transform: uppercase;
  425. font: 14px Karla, arial, serif;
  426. }
  427.  
  428. /*MENSAGENS NOS TÓPICOS*/
  429.  
  430. .pathname-box {
  431. display: inline-block;
  432. width: 68%;
  433. vertical-align: top;
  434. text-align: center;
  435. text-transform: uppercase;
  436. font: 10px Karla, arial, serif;
  437. }
  438.  
  439. h1.page-title {
  440. padding: 10px 20px;
  441. text-align: right;
  442. font: 22px Playfair Display, arial, serif;
  443. text-transform: uppercase;
  444. letter-spacing: 2px;
  445. min-width: 930px;
  446. max-width: 1240px;
  447. margin: 0 15px 0 10px;
  448. border-right: 1px solid #9d805a;
  449.  
  450. }
  451.  
  452. h1.page-title .titulo {
  453. width: 75%;
  454. text-align: right;
  455. margin-left: 25%;
  456. font: 20px Playfair Display, arial, serif;
  457. letter-spacing: 0px;
  458. font-weight: 700;
  459. }
  460.  
  461. h1.page-title .titulo a {
  462. }
  463.  
  464. .postbody {
  465. background-color: #fff;
  466. font-family: Montserrat;
  467. color: #111;
  468. float: left;
  469. margin-top: 20px;
  470. line-height: 200%;
  471. width: 650px;
  472. padding: 10px;
  473. }
  474.  
  475. .postbody .topic-title a {
  476. padding: 10px 20px;
  477. text-align: left;
  478. font: 22px Playfair Display, arial, serif;
  479. text-transform: uppercase;
  480. letter-spacing: 1px;
  481. font-size: 18px;
  482. color: #65737A;
  483. width: 100%;
  484. display: block;
  485. font-weight: lighter;
  486. margin: 0 15px 0 10px;
  487. border-left: 1px solid #9d805a;
  488. }
  489.  
  490. /*editar-citar-borrar*/
  491. .postbody ul.profile-icons {
  492. list-style: none;
  493. margin-left: 525px;
  494. padding: 0;
  495. margin-top: -35px;
  496. width: auto;
  497. display: block;
  498. position: absolute;
  499. }
  500.  
  501. .post span.corners-top {
  502. width: auto;
  503. margin: 0px;
  504. border-bottom: 40px solid;
  505. border-right: none;
  506. border-left: none;
  507. border-top: none;
  508. border-image: url(https://t1.uc.ltmcdn.com/pt/images/1/7/1/img_como_colocar_fundo_preto_nas_fotos_16171_orig.jpg) 50 round;
  509. padding-bottom: 2px;
  510. }
  511. .postbody .content {
  512. font-size: 13px;
  513. font-family: times;
  514. line-height: 150%;
  515. color: #111;
  516. text-align: justify;
  517. padding: 20px 30px 30px 30px;
  518. }
  519.  
  520. #post-tite {
  521. margin: 1px;
  522. padding: 5px;
  523. margin-top: -30px;
  524. margin-bottom: 5px;
  525. }
  526.  
  527. /*autor de los mensajes*/
  528. p.author {
  529. font-size: 8px;
  530. text-transform: uppercase;
  531. letter-spacing: 1px;
  532. word-spacing: 1px;
  533. width: auto;
  534. padding: 15px;
  535. background: #fff;
  536. display: block;
  537. color: #333;
  538. margin-top: -2px;
  539. text-align: center;
  540. border-bottom: 40px solid;
  541. border-right: none;
  542. border-left: none;
  543. border-top: none;
  544. border-image: url(https://t1.uc.ltmcdn.com/pt/images/1/7/1/img_como_colocar_fundo_preto_nas_fotos_16171_orig.jpg) 50 round;
  545. }
  546.  
  547. .buttons {
  548. width: 35px;
  549. line-height: 2px;
  550. display: inline-block;
  551. margin: 1px;
  552. font-size: 7px;
  553. letter-spacing: 1px;
  554. font-weight: bold;
  555. font-family: 'Montserrat';
  556. color: #6b6b6b;
  557. text-align: center;
  558. text-transform: uppercase;
  559. }
  560.  
  561. /* estadisticas */
  562. .h3 {
  563. background-image: url(https://t1.uc.ltmcdn.com/pt/images/1/7/1/img_como_colocar_fundo_preto_nas_fotos_16171_orig.jpg);
  564. color: #fff;
  565. padding: 30px 20px 0px 20px;
  566. text-align: left;
  567. font: 16px Playfair Display, arial, serif;
  568. text-transform: uppercase;
  569. font-weight: 700;
  570. width: auto;
  571. height: 90px;
  572. letter-spacing: 1px;
  573. text-shadow: 1px 1px 1px #000;
  574. line-height: 110%;
  575. }
  576.  
  577. .statlinkm {
  578. font-family: georgia;
  579. font-size: 8px;
  580. letter-spacing: 1px;
  581. text-transform: uppercase;
  582. text-align: justify;
  583. line-height: 100%;
  584. color: #000;
  585. height: 80px;
  586. overflow: auto;
  587. padding: 10px;
  588. }
  589.  
  590. .statlinkm a { font-size: 11px; }
  591.  
  592. .statlinkm a:after {
  593. content: ', ';
  594. }
  595.  
  596. .statlinkm a:last-of-type:after{
  597. color:transparent!important;
  598. content:'';
  599. font-size:0px!important;
  600. }
  601.  
  602. /*seleccionar asi todo mono*/
  603.  
  604. ::-moz-selection { /* Code for Firefox */
  605. color: #fff;
  606. background: #1f1f1f;
  607. }
  608.  
  609. ::selection {
  610. color: #fff;
  611. background: #1f1f1f;
  612. }
  613.  
  614. /*CODE BOX SPOILER QUOTE*/
  615.  
  616. dl.codebox {
  617. background: url(http://ericourt.jcink.net/uploads/ericourt/forumbg2.png) -250px;
  618. outline: 1px solid #dbd5ca;
  619. padding: 20px;
  620. margin: 10px;
  621. font-family: times;
  622. font-size: 12px;
  623. line-height: 150%;
  624. text-align: justify;
  625. }
  626.  
  627. dl.codebox dt {
  628. display: block;
  629. text-align: center;
  630. margin-bottom: 10px;
  631. font-family: Playfair Display;
  632. font-size: 12px;
  633. }
  634.  
  635. dl.codebox code {
  636. background: url(http://ericourt.jcink.net/uploads/ericourt/forumbg2.png) -250px;
  637. color: #222;
  638. font-family: times;
  639. font-size: 12px;
  640. line-height: 150%;
  641. text-align: justify;
  642. padding: 15px;
  643. }
  644.  
  645. blockquote {
  646. width: 90%;
  647. font-family: times;
  648. font-size: 12px;
  649. color: #444;
  650. text-align: justify;
  651. background: url(http://ericourt.jcink.net/uploads/ericourt/forumbg2.png) -250px;
  652. outline: 1px solid #dbd5ca;
  653. }
  654.  
  655. blockquote cite {
  656. display: block;
  657. font-family: times;
  658. font-size: 12px;
  659. text-align: justify;
  660. font-style: normal;
  661. font-weight: 700;
  662. padding: 10px;
  663. }
  664.  
  665. blockquote div {
  666. margin-left: 20px;
  667. font-family: times;
  668. font-size: 12px;
  669. padding: 10px;
  670. line-height: 150%;
  671. }
  672.  
  673. /*pagination*/
  674.  
  675. .pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
  676. background-color: #fff;
  677. border: 1px solid #B4BAC0;
  678. color: #5C758C;
  679. font-size: .9em;
  680. font-weight: 400;
  681. line-height: 1.5em;
  682. margin: 0 2px;
  683. padding: 0 2px;
  684. text-decoration: none;
  685. }
  686.  
  687. .pagination span a:hover {
  688. background-color: #303030;
  689. border-color: #368AD2;
  690. color: #FFF;
  691. text-decoration: none;
  692. }
  693.  
  694. /* rodapé */
  695.  
  696. #page-footer li a {
  697. line-height: 100%;
  698. text-align: right;
  699. font-size: 7px;
  700. font-family: Montserrat;
  701. text-transform: uppercase;
  702. padding: 10px;
  703. }
  704.  
  705. #page-footer .navbar {
  706. background-color: #fff;
  707. padding-right: 10px;
  708. padding-left: 10px;
  709. padding-top: 10px;
  710. padding-bottom: 10px;
  711. color: #000;
  712. z-index: 999;
  713. overflow: hidden;
  714. }
  715.  
  716. .copyright {
  717. color: #616161;
  718. padding: 5px;
  719. text-align: center;
  720. font-size: 7px;
  721. font-family: Montserrat;
  722. text-transform: uppercase;
  723. }
  724.  
  725. /*Quitar el Buscar*/
  726. .search-box {
  727. display: none;
  728. }
  729.  
  730. #search-box {
  731. display: none;
  732. }
  733.  
  734. /*tool*/
  735. .ui-tooltip {
  736. padding: 5px;
  737. font: 9px Montserrat;
  738. color: #fff;
  739. text-transform: uppercase;
  740. background: #000;
  741. margin-top: -17px !important;
  742. box-shadow: 0px 10px 10px rgba(0,0,0,.4);
  743. -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,.4);
  744. border-radius: 4px;
  745. -webkit-border-radius: 4px;
  746. -moz-border-radius: 4px;
  747. -moz-box-shadow: 0px 10px 10px rgba(0,0,0,.4);
  748. position:absolute;
  749. z-index: 999;
  750. max-width:300px;
  751. }
  752.  
  753. #player #tooltip {
  754. center: 100px;
  755. }
  756. #player #tooltip {
  757. width: 115px;
  758. text-align: center;
  759. }
  760. #player .text {
  761. z-index: 2;
  762. font-size: 11px;
  763. height: 20px;
  764. top: 5px;
  765. cursor: default;
  766. }
  767.  
  768. /*outras coisas*/
  769.  
  770. #message-box textarea {
  771. color: #616161;
  772. font-family: Arial, Montserrat, Karla, Verdana, sans-serif;
  773. width: 80%;
  774. }
  775.  
  776. #profile-tab-field-profil div.separator {
  777. border-bottom: 1px solid #dcdcdc;
  778. clear: both;
  779. font-size: 1px;
  780. line-height: 1px;
  781. padding-top: 10px;
  782. }
  783.  
  784. #profile-tab-field-profil dl dt {
  785. display: block;
  786. float: left;
  787. width: 10em;
  788. font-family: Montserrat;
  789. font-size: 11px;
  790. }
  791. #profile-tab-field-profil dl dd {
  792. margin-left: 10em;
  793. padding-left: 12px;
  794. font-family: Montserrat;
  795. font-size: 10px;
  796. }
  797.  
  798. #cp-main h1 {
  799. border-bottom: 1px solid #f2f0ed;
  800. color: #000;
  801. font-size: 11px;
  802. font-weight: 700;
  803. padding-bottom: 5px;
  804. padding-left: 20px;
  805. padding-top: 10px;
  806. text-transform: uppercase;
  807. }
  808.  
  809. #tabs a span:hover {
  810. -moz-transition: all .9s ease;
  811. -o-transition: all .9s ease;
  812. -webkit-transition: all .9s ease;
  813. background: #fff;
  814. color: #000;
  815. text-shadow: none;
  816. transition: 1s;
  817. }
  818.  
  819. #tabs a:hover span {
  820. background-position: 100% -70px;
  821. color: #000;
  822. }
  823.  
  824. #tabs a span {
  825. -moz-transition: all .9s ease;
  826. -o-transition: all .9s ease;
  827. -webkit-transition: all .9s ease;
  828. background: #fff;
  829. color: #000;
  830. display: inline-block;
  831. font-family: Montserrat;
  832. font-size: 10px;
  833. font-weight: 700;
  834. margin-left: -6px;
  835. padding-bottom: 10px;
  836. padding-top: 10px;
  837. text-align: center;
  838. text-transform: uppercase;
  839. transition: 1s;
  840. }
  841.  
  842. .inputbox {
  843. background: #fff;
  844. border-bottom: 1px solid #8a754c;
  845. color: #000;
  846. font-size: 11px;
  847. padding: 10px;
  848. width: 95px;
  849. }
  850.  
  851. #login_popup_buttons, #login_popup_buttons input, #profile-advanced-button, #submit_button, .button, .button1, .button2, .liteoption, button.bbcode, input.button, input.button1, input.button2 {
  852. background-color: #fff; border: 1px solid #8a754c; font-size: 11px; color: #191716!important; font-family: cardo, serif; font-size: 11px; margin: 3px; vertical-align: middle; text-transform: uppercase; letter-spacing: 1px;
  853. }
  854.  
  855. a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
  856. background: #fff!important; border: 1px solid #f2f0ed; border-bottom: 1px solid #8a754c; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
  857. }
  858.  
  859. fieldset.submit-buttons input {
  860. background-color: #fff;
  861. border: 1px solid #8a754c;
  862. color: #191716!important;
  863. font-family: cardo, serif;
  864. font-size: 11px;
  865. letter-spacing: 1px;
  866. margin: 5px;
  867. padding: 6px 7px;
  868. text-transform: uppercase;
  869. vertical-align: middle;
  870. }
  871.  
  872. #main-content ul.linklist li a {
  873. color: #656565;
  874. font-family: calibri, arial;
  875. font-size: 8px;
  876. text-transform: uppercase;
  877. }
  878.  
  879. /*SELECT*/
  880.  
  881. select {
  882. font-family: cardo, serif;
  883. font-size: 9px;
  884. font-weight: 700;
  885. padding: 3px;
  886. text-transform: uppercase;
  887. background-color: #;
  888. border: 1px solid #2e2e2e;
  889. cursor: pointer;
  890. font-weight: 400;
  891. padding: 3px;
  892. vertical-align: middle;
  893. }
  894.  
  895. fieldset dt {
  896. display: block;
  897. float: left;
  898. font-family: cardo, serif;
  899. font-size: 9px;
  900. font-weight: 700;
  901. text-align: left;
  902. text-transform: uppercase;
  903. width: 80%;
  904. }
  905.  
  906. .post {
  907. background-position: 100% 0;
  908. background-repeat: no-repeat;
  909. margin-bottom: 4px;
  910. padding: 0 10px;
  911. }
  912.  
  913. label input {
  914. vertical-align: middle;
  915. }
  916. input {
  917. cursor: pointer;
  918. font-family: Roboto Condensed;
  919. font-size: 1em;
  920. font-weight: 400;
  921. padding: 0 3px;
  922. vertical-align: middle;
  923. }
  924.  
  925. .buttons div a {
  926. background: #a9a496;
  927. padding: 10px;
  928. text-align: center;
  929. margin: 0px 5px 0px 5px;
  930. color: #f1f1f1;
  931. min-width: 75px;
  932. font-family: Montserrat;
  933. font-size: 7px;
  934. letter-spacing: 1px;
  935. text-transform: uppercase;
  936. display: inline-block;
  937. margin-top: 8px;
  938. }
  939.  
  940. /*PERFIL*/
  941. #p-corpo { margin: 1px; width: 262px; overflow: hidden; margin-left: -6px; margin-top: 56px; padding-right: 8px; z-indez: 999; }
  942. #p-avatar { border-bottom: 5px solid #f5f5f5; border-left: 5px solid #f5f5f5; border-right: 5px solid #f5f5f5; margin: 1px; width: 250px; height: 400px; overflow: hidden; margin-bottom: 5px; }
  943. #p-img img { width: 250px; height: 400px; position: relative; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; }
  944. #p-dados { width: 249px; height: 400px; position: absolute; display: block; margin-left: 0px; margin-top: -400px; overflow: hidden; opacity: 0; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
  945. #dados-inf { position: absolute; background: #eee; padding: 10px; width: 180px; height: 330px; margin-left: 25px; margin-top: 25px; }
  946. #i-cont, #i-cont a { width: 174px; margin: 1px; margin-bottom: 3px; padding: 2px; font-family: montserrat; font-size: 7px; text-transform: uppercase; text-align: justify; font-weight: 700; color: #111; letter-spacing: 4px; }
  947. #i-sep { height: 1px; background-color: #eee; margin-bottom: 5px; }
  948. #b-rank { width: 250px; height: 1px; background-color: #d8d8d8; margin: 10px 0px 10px 0px; }
  949. #p-r { padding-left: 5px; }
  950. #p-rank-img img { width: 250px; height: 80px; background-size: cover; }
  951. #p-rank { position: absolute; padding: 10px; margin-top: -55px; margin-bottom: -5px; font: 16px montserrat; font-weight: bold; letter-spacing: 3px; text-transform: uppercase; line-height: 100%; text-align: center; color: #fff; }
  952. #p-corpo:hover #p-img img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; }
  953. #p-corpo:hover #dados-inf{ opacity: 1; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; }
  954. #p-dados:hover { opacity: 1; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; }
  955. #resp { display: block; font-family: Montserrat; font-size: 9px; margin: 2px 2px 2px 25px; }
  956. #resp img { background-size: cover; border: 1px solid #d8d8d8; max-height: 200px; margin-bottom: 8px; margin-top: 8px; margin-left: -18px; padding: 8px; max-width: 150px; }
  957. #resp:nth-child(2) { color: #111; font: 9px Lora; text-align: center; text-transform: uppercase; padding: 5px 0px 15px 0px; margin-left: 3px; margin-top: 10px; width: 173px; border-bottom: 1px solid #d8d8d8; display: inline-block!important; position: relative; }
  958. #resp:nth-child(3) { color: #111; font: 9px Lora; text-align: center; text-transform: uppercase; padding: 5px 0px 15px 0px; margin-left: 3px; margin-top: 10px; width: 85px; border-bottom: 1px solid #d8d8d8; display: inline-block!important; position: relative; }
  959. #resp:nth-child(4) { color: #111; font: 9px Lora; text-align: center; text-transform: uppercase; padding: 5px 0px 15px 0px; margin-left: 93px; margin-top: -33px; width: 85px; border-bottom: 1px solid #d8d8d8; display: inline-block!important; position: relative; }
  960. #resp:nth-child(5) { color: #111; font: 9px Lora; text-align: center; text-transform: uppercase; padding: 5px 0px 15px 0px; margin-left: 3px; margin-top: 10px; width: 173px; border-bottom: 1px solid #d8d8d8; display: inline-block!important; position: relative; }
  961. #resp:nth-child(6) { color: #111; font: 9px Lora; text-align: center; text-transform: uppercase; padding: 5px 0px 15px 0px; margin-left: 3px; margin-top: 10px; width: 85px; border-bottom: 1px solid #d8d8d8; display: inline-block!important; position: relative; }
  962. #resp:nth-child(7) { color: #111; font: 9px Lora; text-align: center; text-transform: uppercase; padding: 5px 0px 15px 0px; margin-left: 93px; margin-top: -33px; width: 85px; border-bottom: 1px solid #d8d8d8; display: inline-block!important; position: relative; }
  963. #p-nome, #p-nome a { width: 250px; text-align: center; text-transform: uppercase; font-family: montserrat; letter-spacing: 2px; font-weight: bold; font-size: 10px; margin-top: 25px; margin-bottom: 15px; margin-left: 1px; }
  964. #p-nome:after { content: ""; display: block; margin-left: 265px; margin-top: -30px; margin-bottom: 40px; width: 1px; height: 45px; position: absolute; background-color: #d8d8d8; }
  965. #p-3 { position: absolute; bottom: 5px; right: -40px; top: 443px; width: 0; height: 0; z-index: 9; overflow: hidden; border-style: solid; border-bottom: 40px solid #fff; border-left: 275px solid transparent; border-color: transparent transparent #fff transparent; }
  966.  
  967. /*PERFIL U*/
  968. .module { background-color: #; color: #121212; margin-bottom: 4px; overflow: hidden; padding: 0 10px; font: 9px Lora; text-transform: uppercase; line-height: 200%; letter-spacing: 1px; }
  969. #profile-advanced-add .mainmenu { margin-left: -50px; color: #111; border-bottom: 1px solid #d8d8d8; }
  970. .middleline { width: 533px; }
  971. #profile-tab-field-profil dl { margin: 10px 0 0; padding: 8px 10px 8px 0; font: 7px montserrat; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; }
  972. #profile-tab-field-profil dl dd { padding-top: 10px; font: 7px montserrat; text-transform: uppercase; font-weight: normal; letter-spacing: 0px; text-align: right; padding-right: 20px; }
  973. #profile-tab-field-profil dl dt { width: 513px; padding-bottom: 10px; margin-bottom: 10px; padding-left: 20px; }
  974. .ajax-profil_edit img { margin-left: 300px; margin-top: 40px; }
  975. #profile-tab-field-profil div.separator { border-bottom: 1px solid #d8d8d8; clear: both; font-size: 1px; line-height: 1px; padding-top: 0px; }
  976. #profile-advanced-right .module { margin-left: -20px; }
  977. #tabs a span { background: none no-repeat 100% -35px; color: #121212; display: block; font: 9px Lora; float: left; padding: 6px 10px 6px 5px; white-space: nowrap; letter-spacing: 1px; text-transform: uppercase; line-height: 200%; }
  978. #cp-main .panel { background-color: #eee; }
  979. #cp-main h1 { border-bottom: none; color: #121212; margin-left: 10px; padding: 0; font: 14px Montserrat; text-transform: uppercase; letter-spacing: 2px; }
  980. #left { float: none !important; width: 98% !important; background:none; padding:10px; height:240px; position:relative; }
  981. #main { width: 100%; }
  982. #left .module { width: 200px; height:243px; border-bottom:10px solid #000; float: left; background:#FFFF; margin-left:205px; margin-top:-257px; }
  983.  
  984.  
  985. /****************************************
  986. TEMPLATES DE ALGUMAS RPS - NÃO APAGAR
  987. *****************************************/
  988. .genborder1 { width: 350px; padding: 5px; border: #696969 solid 1px; background-color: #070707; }
  989. .gencontent { padding: 30px; text-align: justify; font-size: 10px; background-color: #F5F5F5; margin-top: 3px; }
  990. .gencontent a { text-align: justify; font-size: 7px; font-family: montserrat; letter-spacing: 1px; color: #0F0F0F; text-transform: uppercase; }
  991. .sub { font-family: georgia;text-align: justify; text-transform: uppercase; letter-spacing: 1px; color: #0F0F0F; font-size: 8px; border-bottom: #070707 solid 1px; padding: 8px; }
  992. .appbg { -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background: url(https://i.imgur.com/MDGRMAP.png); background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover; padding: 30px; }
  993. .apptitle { background-color: #0F0F0F; padding: 20px; font-family: georgia; color: #fff; text-transform: lowercase; font-style: italic; text-align: center; }
  994. .appfield1 { background-color: #0F0F0F; padding: 7px; font-family: montserrat; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; color: #fff; display-style: block; text-align: center; }
  995. .appfield2 { background-color: #0F0F0F; padding: 7px; font-family: montserrat; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; color: #fff; display-style: block; text-align: center; margin-top: 2px; }
  996. .gencontent shout, .gencontent shout a { font-size: 13px; font-family: montserrat; text-transform: uppercase; color: #1C1C1C; line-height: 16px; }
  997. .fcborder1 { border: #0F0F0F solid 1px; padding: 10px; width: 400px; }
  998. .fcborder2 { border: #0F0F0F solid 1px; padding: 10px; width: 150px; height: 250px; overflow: auto; text-align: center; font-family: Montserrat; text-transform: uppercase; font-size: 7px; }
  999. .fcborder2 a { font-family: Montserrat; color: #C7C7C9; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; }
  1000. .dlink { text-transform: none; color: #fff; font-family: montserrat; }
  1001. .jc1:first-line { color: #C7C7C9; }
  1002.  
  1003. /************ TEMPLATE ****************/
  1004.  
  1005. #hcontrol { width: 400px; margin: 25px auto; } #hcontrol .top { padding: 40px; background-image: url(http://ekkoish.b1.jcink.com/uploads/ekkoish/Eastern_Lands/BackgroundPlum.png);background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center top; background-attachment: fixed; line-height: 40%; color: #fff;border: 2px solid#000;  } #hcontrol .top h1 { margin-bottom: 30px; margin-top: 0; border-top: 1px solid #B7A387; border-bottom: 1px solid #B7A387; padding: 20px 0px 20px; font: 18px Playfair Display; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; line-height: 90%; text-align: center;} #hcontrol .top h2 { font-family: calibri; font-size: 8px; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; text-align: right; margin-top: -10px; } #hcontrol .base { width: 420px; background-color: #fff; padding: 25px; font-family: calibri; font-size: 12px; line-height: 120%; text-align: justify; color: #191919; border: 2px solid#f9f9f9;} #hcontrol .base p { text-indent: 15px; } #hcontrol .base p::first-line { font-size: 13px; letter-spacing: 1px; font-style: italic; color: #6CBAAD; } #hcontrol .base p b { font-size: 12px; color: #6CBAAD; font-family: poppins; letter-spacing: 1px; padding: 2px;}
  1006.  
  1007. /*templates ambientação*/
  1008.  
  1009. .l-box {
  1010. background: #000;
  1011. height: 260px;
  1012. width: 240px;
  1013. }
  1014. .l-boxtitle {
  1015. border-left: 3px solid #6d2f33;
  1016. color: #fff;
  1017. font-family: montserrat;
  1018. font-size: 25px;
  1019. font-weight: 700;
  1020. height: auto;
  1021. margin: auto;
  1022. padding-left: 4px;
  1023. position: relative;
  1024. text-align: left;
  1025. text-tranform: lowercase;
  1026. top: 100px;
  1027. width: 120px;
  1028. }
  1029.  
  1030. .l-title {
  1031. background: #6d2f33;
  1032. color: #fff;
  1033. font-family: montserrat;
  1034. font-size: 10px;
  1035. font-weight: 700;
  1036. height: auto;
  1037. letter-spacing: 4px;
  1038. margin: auto;
  1039. padding: 10px;
  1040. text-align: center;
  1041. text-transform: uppercase;
  1042. width: 464px;
  1043. }
  1044.  
  1045. .l-img {
  1046. background: url(http://placehold.it/230x250);
  1047. border: 5px solid #fff;
  1048. height: 250px;
  1049. outline: 1px solid #e8e8e8;
  1050. width: 230px;
  1051. }
  1052.  
  1053. .l-name {
  1054. background: #fff;
  1055. color: #6d2f33;
  1056. font-family: montserrat;
  1057. font-size: 10px;
  1058. font-weight: 700;
  1059. height: auto;
  1060. margin: auto;
  1061. padding: 10px;
  1062. position: relative;
  1063. text-align: center;
  1064. text-transform: uppercase;
  1065. top: 205px;
  1066. width: 190px;
  1067. z-index: 200;
  1068. }
  1069.  
  1070. #l-eff {
  1071. -moz-transition: all .9s ease;
  1072. -o-transition: all .9s ease;
  1073. -webkit-transition: all .9s ease;
  1074. opacity: 0;
  1075. position: relative;
  1076. right: -10px;
  1077. top: -26px;
  1078. transition: 1s;
  1079. z-index: 999;
  1080. }
  1081.  
  1082. #l-eff:hover{
  1083. -moz-transition:all .9s ease;
  1084. -o-transition:all .9s ease;
  1085. -webkit-transition:all .9s ease;
  1086. opacity:1;
  1087. transition:1s;
  1088.  
  1089. }
  1090.  
  1091. .l-white {
  1092. background: #fff;
  1093. height: 185px;
  1094. width: 210px;
  1095. }
  1096.  
  1097. .l-text {
  1098. font-size: 11px;
  1099. height: 130px;
  1100. margin: auto;
  1101. overflow: auto;
  1102. padding: 10px;
  1103. position: relative;
  1104. text-align: justify;
  1105. top: 10px;
  1106. width: 170px;
  1107. }
  1108.  
  1109. /*ficha de personagem*/
  1110.  
  1111. .f-box-text {
  1112. -moz-background-size: cover;
  1113. -o-background-size: cover;
  1114. -webkit-background-size: cover;
  1115. background: url(https://i.imgur.com/MDGRMAP.jpg);
  1116. background-attachment: fixed;
  1117. background-position: center top;
  1118. background-repeat: no-repeat;
  1119. background-size: cover;
  1120. color: #fff;
  1121. font-family: Roboto Condensed;
  1122. font-size: 10px;
  1123. font-weight: 400;
  1124. height: 130px;
  1125. line-height: 115%;
  1126. overflow: auto;
  1127. padding: 8px;
  1128. text-align: justify;
  1129. text-transform: lowercase;
  1130. width: 182px; }
  1131.  
  1132. #f-box:hover #f-img {
  1133. opacity: 1; }
  1134.  
  1135. .f-pb { background: #fff;
  1136. color: #0F0F0F;
  1137. font-family: Roboto Condensed;
  1138. font-size: 10px;
  1139. font-style: italic;
  1140. font-weight: 400;
  1141. letter-spacing: 0;
  1142. line-height: 100%;
  1143. margin-top: 6px;
  1144. padding: 4px 5px 3px;
  1145. text-align: center;
  1146. text-transform: lowercase;
  1147. width: 100px; }
  1148.  
  1149. #f-box { height: 250px;
  1150. overflow-y: hidden;
  1151. width: 450px; }
  1152.  
  1153. #f-box #f-img {
  1154. -ms-transition: all 1s ease;
  1155. -webkit-transition: all 1s ease;
  1156. background: #0F0F0F;
  1157. height: 250px;
  1158. opacity: 0;
  1159. overflow-y: hidden;
  1160. transition: all 1s ease;
  1161. width: 450px;
  1162. -moz-transition: all 1s ease;
  1163. -o-transition: all 1s ease; }
  1164.  
  1165. #f-back { background: url(http://ekkoish.b1.jcink.com/uploads/ekkoish/Eastern_Lands/BackgroundBrown.png);
  1166. padding: 60px 25px 50px;
  1167. width: 400px; }
  1168.  
  1169. .f-name { color: #000;
  1170. font-family: montserrat;
  1171. font-size: 30px;
  1172. font-weight: 700;
  1173. letter-spacing: -1px;
  1174. text-transform: lowercase; }
  1175.  
  1176. .a-line { background: #f2f0ed;
  1177. height: 2px;
  1178. margin: 5px;
  1179. width: 140px; }
  1180.  
  1181. #f-box { height: 250px;
  1182. overflow-y: hidden;
  1183. width: 450px; }
  1184.  
  1185. #f-box #f-img {
  1186. -ms-transition: all 1s ease;
  1187. -webkit-transition: all 1s ease;
  1188. background: rgba(0,0,0,0.6);
  1189. height: 250px; opacity: 0;
  1190. overflow-y: hidden;
  1191. transition: all 1s ease;
  1192. width: 450px;
  1193. -moz-transition: all 1s ease;
  1194. -o-transition: all 1s ease; }
  1195.  
  1196. .f-in { background: #D0C7B8;
  1197. color: #000;
  1198. font-family: montserrat;
  1199. font-size: 10px;
  1200. font-weight: 600;
  1201. letter-spacing: 1px;
  1202. margin: 1px;
  1203. padding: 3px 7px;
  1204. position: relative;
  1205. text-align: center;
  1206. width: 130px auto; }
  1207.  
  1208. .f-sep { background: #D0C7B8;
  1209. height: 100px;
  1210. margin: 5px;
  1211. position: relative;
  1212. top: 70px; width: 2px; }
  1213.  
  1214. .f-box2 { background: #fff;
  1215. border-top: 20px solid #f2f0ed;
  1216. border-image: url(http://ekkoish.b1.jcink.com/uploads/ekkoish/Eastern_Lands/BackgroundSoft.png) 10 round;
  1217. padding: 25px;
  1218. width: 400px; }
  1219.  
  1220. .f-box3 { padding: 25px;
  1221. width: 400px; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background: url(http://ekkoish.b1.jcink.com/uploads/ekkoish/Eastern_Lands/BackgroundSoft.png); background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover; }
  1222.  
  1223. .f-name2 { color: #000;
  1224. font-family: montserrat;
  1225. font-size: 20px;
  1226. font-weight: 700;
  1227. letter-spacing: -1px;
  1228. text-transform: lowercase; }
  1229.  
  1230. .a-line { background: #f2f0ed;
  1231. height: 2px;
  1232. margin: 5px;
  1233. width: 140px; }
  1234.  
  1235. .posttext { font-size: 11px;
  1236. margin: auto;
  1237. padding-top: 10px;
  1238. text-align: justify;
  1239. width: 350px; }
  1240.  
  1241. .f-last { background: url(http://ekkoish.b1.jcink.com/uploads/ekkoish/Eastern_Lands/BackgroundSoft.png);
  1242. height: 20px;
  1243. width: 450px; }
  1244.  
  1245. /*quadro de anuncios*/
  1246.  
  1247. #welcome {
  1248. width: 990px;
  1249. margin-top: 5px;
  1250. margin-left: 58px;
  1251. margin-bottom: 30px;
  1252. padding: 20px;
  1253. background: #f9f9f9;
  1254. border-left: 1px solid #f2f0ed;
  1255. border-right: 1px solid #f2f0ed;
  1256. font-family: 'Open Sans', sans-serif; }
  1257.  
  1258. .welcomel, .welcomem, .welcomem2, .welcomer { height: 154px; }
  1259. .welcomel { margin-right: 20px; }
  1260. .welcome2 { margin-left: 20px; }
  1261. .welcomer { margin-left: 20px; }
  1262. .welmid, .welbot { width: 400px; }
  1263.  
  1264. .welmid {
  1265. font-family: 'Open Sans', sans-serif!important;
  1266. height: 77px;
  1267. border: 1px solid #e5e1d9;
  1268. margin-bottom: 10px;
  1269. padding: 13px 20px;
  1270. text-align: justify;
  1271. font: 11px lato;
  1272. line-height: 140%;
  1273. overflow: auto;
  1274. background: #f8f7f6; }
  1275.  
  1276. .firstcharacter {
  1277. float: left;
  1278. color: #9d805a;
  1279. font: 50px Allura;
  1280. line-height: 30px;
  1281. padding-top: 8px;
  1282. padding-right: 8px; }
  1283.  
  1284. .ditem .firstcharacter {
  1285. float: left;
  1286. color: #B7A387;
  1287. font: 45px Allura;
  1288. line-height: 25px;
  1289. padding-top: 0;
  1290. padding-right: 8px; }
  1291.  
  1292. .ditem .firstcharacter2 {
  1293. float: left;
  1294. color: #9d805a;
  1295. font: 50px playfair display;
  1296. line-height: 30px;
  1297. padding-top: 8px;
  1298. padding-right: 8px; }
  1299.  
  1300. .welbot {
  1301. border: 1px solid #e5e1d9;
  1302. padding: 10px 20px;
  1303. font: 12px cardo;
  1304. font-style: italic;
  1305. overflow: hidden;
  1306. background: url(http://ekkoish.b1.jcink.com/uploads/ekkoish/Eastern_Lands/BackgroundSoft.png) 50px; }
  1307.  
  1308. #news_ticker {
  1309. width: 400px;
  1310. height: 14px;
  1311. margin: 0;
  1312. color: #000;
  1313. overflow: hidden !important;
  1314. padding: 3px;
  1315. padding-top: 0;
  1316. position: relative;
  1317. font: 12px cardo;
  1318. font-style: italic; }
  1319.  
  1320. #news_ticker ul {
  1321. float: left;
  1322. padding-left: 0;
  1323. list-style-type: none;
  1324. -webkit-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  1325. -moz-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  1326. -ms-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  1327. animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite; }
  1328.  
  1329. #news_ticker ul:hover {
  1330. -webkit-animation-play-state: paused;
  1331. -moz-animation-play-state: paused;
  1332. -ms-animation-play-state: paused;
  1333. animation-play-state: paused; }
  1334.  
  1335. #news_ticker li { line-height: 16px; }
  1336.  
  1337. #news_ticker a {}
  1338.  
  1339. @-webkit-keyframes ticker {
  1340. 0% {margin-top: 0;}
  1341. 25% {margin-top: -16px;}
  1342. 50% {margin-top: -32px;}
  1343. 75% {margin-top: -48px;}
  1344. 100% {margin-top: 0;} }
  1345.  
  1346. @-moz-keyframes ticker {
  1347. 0% {margin-top: 0;}
  1348. 25% {margin-top: -16px;}
  1349. 50% {margin-top: -32px;}
  1350. 75% {margin-top: -48px;}
  1351. 100% {margin-top: 0;} }
  1352.  
  1353. @-ms-keyframes ticker {
  1354. 0% {margin-top: 0;}
  1355. 25% {margin-top: -16px;}
  1356. 50% {margin-top: -32px;}
  1357. 75% {margin-top: -48px;}
  1358. 100% {margin-top: 0;} }
  1359.  
  1360. @keyframes ticker {
  1361. 0% {margin-top: 0;}
  1362. 25% {margin-top: -16px;}
  1363. 50% {margin-top: -32px;}
  1364. 75% {margin-top: -48px;}
  1365. 100% {margin-top: 0;} }
  1366.  
  1367. .banmid {
  1368. width: 100px;
  1369. padding: 10px;
  1370. height: 134px;
  1371. background: url(http://ekkoish.b1.jcink.com/uploads/ekkoish/Eastern_Lands/BackgroundSoft.png) -100px;
  1372. outline: 1px solid rgba(255, 255, 255, 0.35);
  1373. outline-offset: -4px; }
  1374.  
  1375. .banmid2 {
  1376. width: 100px;
  1377. padding: 10px;
  1378. height: 134px;
  1379. background: url(http://ekkoish.b1.jcink.com/uploads/ekkoish/Eastern_Lands/BackgroundSoft.png) -100px;
  1380. outline: 1px solid rgba(255, 255, 255, 0.35);
  1381. outline-offset: -4px; }
  1382.  
  1383. .avaimg {
  1384. border: 1px solid rgba(0,0,0,0.4);
  1385. border-radius: 100%;
  1386. width: 80px;
  1387. height: 80px;
  1388. margin-left: 8px;
  1389. margin-top: -5px;
  1390. overflow: hidden;
  1391. }
  1392.  
  1393. .g-2 {
  1394. display: block !important;
  1395. }
  1396.  
  1397. .avaimg img {
  1398. width: 80px;
  1399. height: 80px;
  1400. }
  1401.  
  1402. img {
  1403. vertical-align: middle;
  1404. border: 0px;
  1405. }
  1406.  
  1407. .playername {
  1408. width: 110px;
  1409. margin-top: 10px;
  1410. text-align: center;
  1411. font: 11px cardo;
  1412. color: #000;
  1413. text-transform: lowercase;
  1414. font-style: italic;
  1415. }
  1416.  
  1417. .playername span {
  1418. display: block;
  1419. margin-top: 5px;
  1420. font: 10px playfair display;
  1421. font-style: normal;
  1422. letter-spacing: 0px;
  1423. text-transform: uppercase;
  1424. }
  1425.  
  1426. .flstaffbox{
  1427. height: 135px;
  1428. width: 100px;
  1429. display: inline-block;
  1430. margin:0px!important;
  1431. overflow:hidden;}
  1432.  
  1433. .flstaffhover {
  1434. padding: 8px;
  1435. font-family: 'Open Sans', sans-serif;
  1436. font-size: 10px;
  1437. background-color: rgba(25,25,25,0.9);
  1438. color: #efefef;
  1439. text-align: justify;
  1440. height: 125px;
  1441. overflow: hidden;
  1442. width: 85px;
  1443. opacity:0;
  1444. -webkit-transition: all .5s ease;
  1445. -moz-transition: all .5s ease;
  1446. -ms-transition: all .5s ease;
  1447. -o-transition: all .5s ease;
  1448. transition: all .5s ease;}
  1449.  
  1450. .flstaffbox:hover .flstaffhover{opacity:1;}
  1451.  
  1452. .flstaffhover a {
  1453. font-size: 9px;
  1454. font-weight: 700;
  1455. color: #B7A387;
  1456. -webkit-transition: all .5s ease;
  1457. -moz-transition: all .5s ease;
  1458. -ms-transition: all .5s ease;
  1459. -o-transition: all .5s ease;
  1460. transition: all .5s ease;}
  1461.  
  1462. .flstaffhover a:hover {
  1463. color: #efefef;
  1464. -webkit-transition: all .5s ease;
  1465. -moz-transition: all .5s ease;
  1466. -ms-transition: all .5s ease;
  1467. -o-transition: all .5s ease;
  1468. transition: all .5s ease;}
  1469.  
  1470. .fladmintitle{
  1471. padding-top: 10px;
  1472. padding-bottom: 5px;
  1473. text-align: center;
  1474. font-family: 'Playfair Display', serif;
  1475. font-size: 12px;
  1476. text-transform: uppercase;
  1477. color: #ebebeb;
  1478. font-weight: 300;
  1479. line-height: 100%;
  1480. border-bottom: 1px dotted #444; }
  1481.  
  1482. .fladmintitle:first-letter {
  1483. font-weight: 300!important;
  1484. margin-right: 3px;
  1485. text-transform: uppercase;
  1486. font-family: 'Allura', cursive;
  1487. font-size: 20px; }
  1488.  
  1489. .plottop, .plotbot { width: 310px; }
  1490.  
  1491. .plottop {
  1492. color: #68553b;
  1493. text-align: right;
  1494. font: 12px cardo;
  1495. font-style: italic;
  1496. padding: 0px 20px 10px 20px;
  1497. border-bottom: 1px solid #dbd5ca; }
  1498.  
  1499. .plottop b { color: #7d5368; }
  1500.  
  1501. .plotbot {
  1502. height: 75px;
  1503. border: 1px solid #e5e1d9;
  1504. margin-top: 10px;
  1505. padding: 20px;
  1506. text-align: justify;
  1507. font-family: 'Open Sans', sans-serif!important;
  1508. font-size: 11px;
  1509. line-height: 140%;
  1510. overflow: auto;
  1511. background: #f8f7f6; }
  1512.  
  1513. #alltop {
  1514. width: 980px;
  1515. margin: 0 auto;
  1516. }
  1517.  
  1518. #topbanner2017 {
  1519. background: url(https://i.imgur.com/pdE9vB6.png);
  1520. opacity: 0.7;
  1521. width: 980px;
  1522. height: 500px;
  1523. }
  1524. #topblurb {
  1525. color: #f8f7f6;
  1526. font: 12px cardo;
  1527. letter-spacing: 2px;
  1528. height: 200px;
  1529. padding: 0 100px;
  1530. line-height: 200%;
  1531. margin-top: -150px;
  1532. text-align: left;
  1533. opacity: .5;
  1534. }
  1535.  
  1536. important {
  1537. font: 14px cardo;
  1538. font-weight: 700;
  1539. font-style: italic;
  1540. }
  1541.  
  1542. /************FONTES****************/
  1543. @font-face {
  1544. font-family: \'Quicksand\';
  1545. font-style: normal;
  1546. font-weight: 400;
  1547. src: local(\'Quicksand Regular\'), local(\'Quicksand-Regular\'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff) format(\'woff\');
  1548. }
  1549. @font-face {
  1550. font-family: \'Open Sans Condensed\';
  1551. font-style: normal;
  1552. font-weight: 300;
  1553. src: local(\'Open Sans Cond Light\'), local(\'OpenSans-CondensedLight\'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format(\'woff\');
  1554. }
  1555. @font-face {
  1556. font-family: \'Quicksand\';
  1557. font-style: normal;
  1558. font-weight: 400;
  1559. src: local(\'Quicksand Regular\'), local(\'Quicksand-Regular\'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff) format(\'woff\');
  1560. }
  1561. @font-face {
  1562. font-family: \'Open Sans Condensed\';
  1563. font-style: normal;
  1564. font-weight: 300;
  1565. src: local(\'Open Sans Cond Light\'), local(\'OpenSans-CondensedLight\'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format(\'woff\');
  1566. }
  1567.  
  1568. @font-face {
  1569. font-family: 'Amatic SC';
  1570. font-style: normal;
  1571. font-weight: 400;
  1572. src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url('http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
  1573. }
  1574.  
  1575. @font-face {
  1576. font-family: 'Wire One';
  1577. font-style: normal;
  1578. font-weight: 400;
  1579. src: local('Wire One'), local('WireOne'), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
  1580. }
  1581.  
  1582. @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
  1583.  
  1584. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  1585.  
  1586. @font-face {
  1587. font-family: 'Mrs Saint Delafield';
  1588. font-style: normal;
  1589. font-weight: 400;
  1590. src: local('Mrs Saint Delafield'), local('MrsSaintDelafield-Regular'), url(http://themes.googleusercontent.com/static/fonts/mrssaintdelafield/v1/vuWagfFT7bj9lFtZOFBwmkQ9lQTg7ma6s-K-LsDIgkk.woff) format('woff');
  1591. }
  1592.  
  1593. @font-face {
  1594. font-family: 'Caesar Dressing';
  1595. font-style: normal;
  1596. font-weight: 400;
  1597. src: local('Caesar Dressing'), local('CaesarDressing-Regular'), url(http://themes.googleusercontent.com/static/fonts/caesardressing/v3/2T_WzBgE2Xz3FsyJMq34T2P6V2CHcxaChb7jOf5qsHM.woff) format('woff');
  1598. }
  1599. @font-face {
  1600. font-family: 'Metal Mania';
  1601. font-style: normal;
  1602. font-weight: 400;
  1603. src: local('Metal Mania'), local('MetalMania-Regular'), url(http://themes.googleusercontent.com/static/fonts/metalmania/v3/_MPduYXiaptg6GQ2M6AHtIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
  1604. }
  1605.  
  1606. /* latin-ext */
  1607. @font-face {
  1608. font-family: 'Fjalla One';
  1609. font-style: normal;
  1610. font-weight: 400;
  1611. src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://fonts.gstatic.com/s/fjallaone/v3/SHXJdWnWW6HDq-6DpcG8P_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  1612. unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  1613. }
  1614. /* latin */
  1615. @font-face {
  1616. font-family: 'Fjalla One';
  1617. font-style: normal;
  1618. font-weight: 400;
  1619. src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://fonts.gstatic.com/s/fjallaone/v3/rxxXUYj4oZ6Q5oDJFtEd6vk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  1620. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  1621. }
  1622.  
  1623. @font-face {
  1624. font-family: "Oswald";
  1625. font-style: normal;
  1626. font-weight: 400;
  1627. src: local("Oswald Regular"), local("Oswald-Regular"), url("http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff") format("woff");
  1628. }
  1629.  
  1630. /* latin */
  1631. @font-face {
  1632. font-family: 'La Belle Aurore';
  1633. font-style: normal;
  1634. font-weight: 400;
  1635. src: local('La Belle Aurore'), local('LaBelleAurore'), url(http://fonts.gstatic.com/s/labelleaurore/v7/Irdbc4ASuUoWDjd_Wc3md8dxVGbf3qyhvoXHfU-LjZg.woff2) format('woff2');
  1636. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  1637. }
  1638.  
  1639. /* latin-ext */
  1640. @font-face {
  1641. font-family: 'Allura';
  1642. font-style: normal;
  1643. font-weight: 400;
  1644. src: local('Allura'), local('Allura-Regular'), url(https://fonts.gstatic.com/s/allura/v4/bLVigXKcYDndNJVaeMpTI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  1645. unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  1646. }
  1647. /* latin */
  1648. @font-face {
  1649. font-family: 'Allura';
  1650. font-style: normal;
  1651. font-weight: 400;
  1652. src: local('Allura'), local('Allura-Regular'), url(https://fonts.gstatic.com/s/allura/v4/POH_k539yBSzDKiiyA98Tg.woff2) format('woff2');
  1653. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  1654. }
  1655.  
  1656. @font-face {
  1657. font-family: 'Maven Pro';
  1658. font-style: normal;
  1659. font-weight: 400;
  1660. src: local('Maven Pro Regular'), local('MavenProRegular'), url(http://themes.googleusercontent.com/static/fonts/mavenpro/v4/MG9KbUZFchDs94Tbv9U-paCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
  1661. }
  1662.  
  1663. @font-face {
  1664. font-family: 'Istok Web';
  1665. font-style: normal;
  1666. font-weight: 700;
  1667. src: local('Istok Web Bold'), local('IstokWeb-Bold'), url(https://themes.googleusercontent.com/static/fonts/istokweb/v5/2koEo4AKFSvK4B52O_MwaqRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
  1668. }
  1669. @font-face {font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 300; src: local('Yanone Kaffeesatz Light'), local('YanoneKaffeesatz-Light'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/We_iSDqttE3etzfdfhuPRVMR8FhBa8rkfAKaPBwAU3s.woff) format('woff');}
  1670. @font-face {font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 400; src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff) format('woff');}
  1671. @font-face {font-family: 'Sacramento'; font-style: normal; font-weight: 400; src: local('Sacramento'), local('Sacramento-Regular'), url(http://themes.googleusercontent.com/static/fonts/sacramento/v1/WFDkXpubrEwopJnSlHV6CBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');}
  1672. @font-face {font-family: 'Cookie'; font-style: normal; font-weight: 400; src: local('Cookie-Regular'), url(http://themes.googleusercontent.com/static/fonts/cookie/v4/Tvkve1y-JrkMx2S9u2OW1g.woff) format('woff');}
  1673. @font-face {font-family: 'Sue Ellen Francisco'; font-style: normal; font-weight: 400; src: local('Sue Ellen Francisco '), local('SueEllenFrancisco'), url(http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v4/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff) format('woff');}
  1674. @font-face {font-family: 'Baumans'; font-style: normal; font-weight: 400; src: local('Baumans'), local('Baumans-Regular'), url(http://themes.googleusercontent.com/static/fonts/baumans/v2/3DEdKAl82M5rDSLBVcU5jA.woff) format('woff');}
  1675. @font-face {font-family: 'Six Caps'; font-style: normal; font-weight: 400; src: local('Six Caps'), local('SixCaps'), url(http://themes.googleusercontent.com/static/fonts/sixcaps/v4/tMrhQDUBAHnnGuM33-yobPesZW2xOQ-xsNqO47m55DA.woff) format('woff');}
  1676. @font-face {font-family: 'Bangers'; font-style: normal; font-weight: 400; src: local('Bangers'), local('Bangers-Regular'), url(http://themes.googleusercontent.com/static/fonts/bangers/v4/DqeGA7eaz0hhOYTfkeJBIA.woff) format('woff');}
  1677. @font-face {font-family: 'Quicksand'; font-style: normal; font-weight: 400; src: local('Quicksand Regular'), local('Quicksand-Regular'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
  1678. @font-face {font-family: 'Open Sans Condensed';font-style: normal; font-weight: 300; src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');}
  1679. @font-face {font-family: Medula One ; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/Nw2mt74jf/medulaone-regular.ttf) format("truetype"); }
  1680. @font-face {font-family: Squada One ; font-weight: 400; src: url(http://themes.googleusercontent.com/static/fonts/squadaone/v2/DIbfqh10Zkwc_Qd08Y0sab3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff'); }
  1681. @font-face {font-family:wireone; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/vvEm48fyk/wireone.ttf) format("truetype"); }
  1682. @font-face {font-family:Marvel; font-weight:100; src: url(http://static.tumblr.com/kqwo46q/SQ1m82675/marvel-regular.ttf) format("truetype");}
  1683. @font-face {font-family:Poiret; font-weight: 400; src: url(http://themes.googleusercontent.com/static/fonts/poiretone/v1/HrI4ZJpJ3Fh0wa5ofYMK8RsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); }
  1684. @font-face {font-family:Economica; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/7sWmd983f/economica-regular.ttf) format("truetype"); }
  1685. @font-face {font-family:Archivo Narrow; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/joamie4iu/archivonarrow-regular.ttf) format("truetype"); }
  1686. @font-face {font-family:Text me one; font-weight: 900; src: url(http://static.tumblr.com/kqwo46q/mtLmie4zo/textmeone-regular.ttf) format("truetype");}
  1687. @font-face {font-family:Julius Sans One; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/YZTmjkjfd/juliussansone-regular.ttf) format("truetype"); }
  1688. @font-face {font-family:Benchnine; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/i0mmjvhdz/benchnine-regular.ttf) format("truetype"); }
  1689.  
  1690.  
  1691. /* latin-ext */
  1692. @font-face {
  1693. font-family: 'Roboto';
  1694. font-style: normal;
  1695. font-weight: 400;
  1696. src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  1697. unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  1698. }
  1699. /* latin */
  1700. @font-face {
  1701. font-family: 'Roboto';
  1702. font-style: normal;
  1703. font-weight: 400;
  1704. src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  1705. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  1706. }
  1707.  
  1708. /* latin-ext */
  1709. @font-face {
  1710. font-family: 'Oswald';
  1711. font-style: normal;
  1712. font-weight: 400;
  1713. src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  1714. unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  1715. }
  1716. /* latin */
  1717. @font-face {
  1718. font-family: 'Oswald';
  1719. font-style: normal;
  1720. font-weight: 400;
  1721. src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
  1722. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  1723. }
  1724. /* latin-ext */
  1725. @font-face {
  1726. font-family: 'Playfair Display';
  1727. font-style: normal;
  1728. font-weight: 400;
  1729. src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1CfoVn-aGdXvQRwgLLg-TkDk.woff2) format('woff2');
  1730. unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  1731. }
  1732.  
  1733. /* latin */
  1734. @font-face {
  1735. font-family: 'Playfair Display';
  1736. font-style: normal;
  1737. font-weight: 400;
  1738. src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1Cdhy5e3cTyNKTHXrP9DO-Rc.woff2) format('woff2');
  1739. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  1740. }
  1741.  
  1742. /* latin */
  1743. @font-face {
  1744. font-family: 'Cambay';
  1745. font-style: normal;
  1746. font-weight: 400;
  1747. src: local('Cambay'), local('Cambay-Regular'), url(https://fonts.gstatic.com/s/cambay/v1/uXfMy7n4egUqCpK5wbBmsw.woff2) format('woff2');
  1748. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  1749. }
  1750.  
  1751. /* latin */
  1752. @font-face {
  1753. font-family: 'Cardo';
  1754. font-style: normal;
  1755. font-weight: 400;
  1756. src: local('Cardo'), local('Cardo-Regular'), url(https://fonts.gstatic.com/s/cardo/v8/XRgRvJ9BvurZhQZpuWMwgw.woff2) format('woff2');
  1757. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  1758. }
  1759.  
  1760. @font-face {
  1761. font-family: "Montserrat";
  1762. font-style: normal;
  1763. font-weight: 400;
  1764. src: local("Montserrat-Regular"), url("http://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2") format("woff2");
  1765. unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  1766. }
  1767.  
  1768. @font-face {
  1769. font-family: "libel suit";
  1770. src: url("http://ptl.b1.jcink.com/uploads/ptl/libelsuit.ttf");
  1771. }
  1772.  
  1773. /* latin-ext */
  1774. @font-face {
  1775. font-family: 'Karla';
  1776. font-style: normal;
  1777. font-weight: 400;
  1778. src: local('Karla'), local('Karla-Regular'), url(https://fonts.gstatic.com/s/karla/v5/31P4mP32i98D9CEnGyeX9Q.woff2) format('woff2');
  1779. unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  1780. }
  1781. /* latin */
  1782. @font-face {
  1783. font-family: 'Karla';
  1784. font-style: normal;
  1785. font-weight: 400;
  1786. src: local('Karla'), local('Karla-Regular'), url(https://fonts.gstatic.com/s/karla/v5/Zi_e6rBgGqv33BWF8WTq8g.woff2) format('woff2');
  1787. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  1788. }
  1789.  
  1790. /* latin */
  1791. @font-face {
  1792. font-family: 'Tangerine';
  1793. font-style: normal;
  1794. font-weight: 400;
  1795. src: local('Tangerine'), url(https://fonts.gstatic.com/s/tangerine/v7/HGfsyCL5WASpHOFnouG-RFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  1796. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  1797. }
  1798.  
  1799. /* latin */
  1800. @font-face {
  1801. font-family: 'Satisfy';
  1802. font-style: normal;
  1803. font-weight: 400;
  1804. src: local('Satisfy'), url(http://fonts.gstatic.com/s/satisfy/v6/2OzALGYfHwQjkPYWELy-cw.woff2) format('woff2');
  1805. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  1806. }
  1807.  
  1808. /* vietnamese */
  1809. @font-face {
  1810. font-family: 'Inconsolata';
  1811. font-style: normal;
  1812. font-weight: 400;
  1813. src: local('Inconsolata Regular'), local('Inconsolata-Regular'), url(http://fonts.gstatic.com/s/inconsolata/v15/BjAYBlHtW3CJxDcjzrnZCL6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
  1814. unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
  1815. }
  1816. /* latin-ext */
  1817. @font-face {
  1818. font-family: 'Inconsolata';
  1819. font-style: normal;
  1820. font-weight: 400;
  1821. src: local('Inconsolata Regular'), local('Inconsolata-Regular'), url(http://fonts.gstatic.com/s/inconsolata/v15/BjAYBlHtW3CJxDcjzrnZCCYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
  1822. unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  1823. }
  1824. /* latin */
  1825. @font-face {
  1826. font-family: 'Inconsolata';
  1827. font-style: normal;
  1828. font-weight: 400;
  1829. src: local('Inconsolata Regular'), local('Inconsolata-Regular'), url(http://fonts.gstatic.com/s/inconsolata/v15/BjAYBlHtW3CJxDcjzrnZCI4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  1830. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  1831. }
  1832.  
  1833. /*sign gian*/ #titulo { width: 223px; height: 35px; background: #000; border-left: solid 45px #b80404; color: #fff; } #texto { font-family: roboto; font-size: 10px; font-style: italic; font-weight: 900; text-transform: uppercase; letter-spacing: .5px; text-align: center; padding-top: 12px; padding-bottom: 0px; } #contenido { width:268px; height: 180px; background: #000; color: #fff; border-top: solid 10px #b80404; } #nombre { font-size: 18px; text-transform: uppercase; font-weight: 100; color: #b80404; text-align: center; font-family: roboto; } #nombre b {font-weight: 900} #frase { font-size: 6px; text-align: center; font-family: roboto; text-transform: uppercase; font-weight: 100; letter-spacing: 1px; margin-top: -5px; color: #fff; } .dato { background-color: #fff; margin-top: 2px; width: 30px; padding: 5px 15px 5px 15px; text-align: center; } .dato a { color: #000; text-decoration: none; font-size: 9px; font-family: roboto; font-style: italic; } .dato a:hover {color:#fff} .dato:hover { background-color: #b80404; color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #cita { width: 268px; font-family: roboto; font-weight: 900; font-style: italic; font-size: 9px; letter-spacing: -.5px; text-transform: uppercase; line-height: 95%; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; background: #b80404; overflow: hidden; } #deslizamiento { width: 268px; height: 190px; overflow: hidden; } .cambio { width: 268px; height: 180px; color: #fff; background-color: #000; position: relative; top: 200px; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s; } #deslizamiento:hover .cambio { top: 0px; } /*fim da sign gian*/
  1834.  
  1835.  
  1836. /***********************************
  1837. Main Topics
  1838. ************************************/
  1839.  
  1840. @font-face { font-family: 'bromello'; src: url('http://barefootrp.b1.jcink.com/uploads/barefootrp/bromello.eot'); src: url('http://barefootrp.b1.jcink.com/uploads/barefootrp/bromello.eot?#iefix') format('embedded-opentype'), url('http://barefootrp.b1.jcink.com/uploads/barefootrp/bromello.woff') format('woff'), url('http://barefootrp.b1.jcink.com/uploads/barefootrp/bromello.ttf') format('truetype'), url('http://barefootrp.b1.jcink.com/uploads/barefootrp/bromello.svg') format('svg'); font-weight: normal; font-style: normal; }
  1841.  
  1842. .plotBackground { width: 450px; padding: 20px; background: #f3f3f3; border: 1px solid #ddd; }
  1843.  
  1844. .plotHeader { width: 442px; padding: 3px; background: #fcfcfc; border: 1px solid #e3e3e3; }
  1845.  
  1846. .plotTitle { width: 362px; padding: 40px; background-image: url(https://i.imgur.com/12T3562.png); background: #5A7893; opacity:0.5; font: 400 45px/110% 'Great Vibes', cursive; text-transform: lowercase; text-align: center; color: #f2f2f2; text-shadow: 1px 1px 0px rgba(39, 63, 58, 1); }
  1847.  
  1848. .plotSub { text-align: center; font: 700 7px/130% 'Rajdhani', sans-serif; letter-spacing: 1px; color: #fff; text-transform: uppercase; padding: 8px; margin-top: 20px; border: 1px solid #eee; }
  1849.  
  1850. .plotInner { width: 442px; padding: 3px; background: #fcfcfc; border: 1px solid #e3e3e3; margin-top: 3px; }
  1851.  
  1852. .plotPattern { width: 424px; padding: 8px; background: url(http://ultraimg.com/images/CzirAXm.png); border: 1px solid #eaeaea; }
  1853.  
  1854. .plotText { width: 352px; padding: 35px; background: #fefefe; text-align: justify; font: 400 11px/120% 'Roboto', sans-serif; color: #666; border: 1px solid #e4e4e4;}
  1855.  
  1856. .plotHeading { text-align: center; font: 700 11px/130% 'Rajdhani', sans-serif; color: #5A7893; text-transform: uppercase; padding: 20px; }
  1857.  
  1858. .plotHeading2 { text-align: center; font: 700 9px/130% 'Rajdhani', sans-serif; color: #5A7893; text-transform: uppercase; padding: 20px; text-decoration: underline }
  1859.  
  1860. .plotBorders { border-left: 1px solid #5A7893; border-right: 1px solid #5A7893; padding: 25px; }
  1861.  
  1862.  
  1863. .plotBorders b { font: 600 11px/120% 'Roboto', sans-serif; color: #5A7893; }
  1864.  
  1865.  
  1866. /*.plotBorders i { font: 600 11px/120% 'Roboto', sans-serif; color: #5A7893; font-style: italic; }*/
  1867.  
  1868. .plotBorders blockquote b { font: 700 9px/100% 'Rajdhani', sans-serif; }
  1869.  
  1870. .plotBorders blockquote { text-align: justify; font: 700 8px/100% 'Rajdhani', sans-serif; text-transform: uppercase; color: #666; margin-left: 10px; margin-right: 10px;margin-top: 10px; padding: 10px; background: #fcfcfc; border: 1px solid #e4e4e4; letter-spacing: 1px; }
  1871.  
  1872. .memberInner { padding: 8px; border: 1px solid #fff; }
  1873.  
  1874. /*templates da ambientação, não apagar*/
  1875. .l-box { background: #000; height: 260px; width: 240px; }
  1876. .l-boxtitle { border-left: 3px solid #FF0000; color: #fff; font-family: montserrat; font-size: 25px; font-weight: 700; height: auto; margin: auto; padding-left: 4px; position: relative; text-align: left; text-tranform: lowercase; top: 100px; width: 120px; }
  1877. .l-title { background: #FF0000; color: #fff; font-family: montserrat; font-size: 10px; font-weight: 700; height: auto; letter-spacing: 4px; margin: auto; padding: 10px; text-align: center; text-transform: uppercase; width: 464px; }
  1878. .l-img { background: url(http://placehold.it/230x250); border: 5px solid #fff; height: 250px; outline: 1px solid #e8e8e8; width: 230px; }
  1879. .l-name { background: #fff; color: #FF0000; font-family: montserrat; font-size: 10px; font-weight: 700; height: auto; margin: auto; padding: 10px; position: relative; text-align: center; text-transform: uppercase; top: 205px; width: 190px; z-index: 200; }
  1880. #l-eff { -moz-transition: all .9s ease; -o-transition: all .9s ease; -webkit-transition: all .9s ease; opacity: 0; position: relative; right: -10px; top: -26px; transition: 1s; z-index: 999; }
  1881. #l-eff:hover{ -moz-transition:all .9s ease; -o-transition:all .9s ease; -webkit-transition:all .9s ease; opacity:1; transition:1s; }
  1882. .l-white { background: #fff; height: 185px; width: 210px; }
  1883. .l-text { font-size: 11px; height: 130px; margin: auto; overflow: auto; padding: 10px; position: relative; text-align: justify; top: 10px; width: 170px; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement