Advertisement
Hardrockdesign

CSS Captain

Apr 16th, 2015
3,553
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.29 KB | None | 0 0
  1. /*Cuerpo del foro*/
  2. #wrap {
  3. max-width: 960px;
  4. min-width: 960px;
  5. background: #dbdbdb;
  6. margin-top: -10px;
  7. margin-bottom: -10px;
  8. position: relative;
  9. }
  10.  
  11. #logo-desc img {
  12. border: 15px solid #eeeeee;
  13. width: 700px;
  14. height: 300px;
  15. margin-right: -15px;
  16. margin-top: -15px;
  17. padding-left: 0px;
  18. }
  19. p.page-bottom + p.page-bottom + p.page-bottom {
  20. top: 5px;
  21. position: relative;
  22. left: -13px;
  23. }
  24. p.page-bottom + p.page-bottom {
  25. top: 5px;
  26. position: relative;
  27. left: -13px;
  28. }
  29. p.page-bottom {
  30. top: 5px;
  31. position: relative;
  32. left: -13px;
  33. }
  34. #page-body p.page-bottom {
  35. font-size: 9px;
  36. text-transform: uppercase;
  37. margin-bottom: 5px;
  38. display: inline-block;
  39. width: 110px;
  40. float: right;
  41. text-align: center;
  42. height: 55px;
  43. padding-top: 15px;
  44. overflow: hidden;
  45. background: #eeeeee;
  46. }
  47. #page-body p.page-bottom strong {
  48. font-size: 20px;
  49. display: block;
  50. margin-top: 9px;
  51. }
  52. #page-body p.page-bottom a {
  53. font-size: 15px;
  54. display: block;
  55. margin-top: 4px;
  56. }
  57. #elite img {
  58. width: 50px;
  59. height: 50px;
  60. margin: 2px;
  61. border: 3px solid #335f77;
  62. }
  63. #bros img {
  64. width: 100px;
  65. height: 50px;
  66. margin: 2px;
  67. border: 3px solid #335f77;
  68. }
  69. #directorio img {
  70. width: 45px;
  71. height: 45px;
  72. margin: 2px;
  73. border: 3px solid #335f77;
  74. }
  75. .admininfo {
  76. width: 180px;
  77. text-align: left;
  78. text-transform: uppercase;
  79. color: #1c1c1c;
  80. font-size: 10px;
  81. font-weight: bold;
  82. height: 90px;
  83. margin-top: 10px;
  84. }
  85.  
  86. .estatus a {width: 30px; padding: 2px; float: left; background: #335f77; line-height: 100%; text-align: center; margin-right: 2px; color: #eee;}
  87. .estatus2 a {width: 26px; padding: 2px; float: left; border: solid 2px #335f77; line-height: 73%; text-align: center;}
  88.  
  89. .navwidgets a {
  90. color: #eeeeee;
  91. text-transform:uppercase;
  92. padding-top:8px;
  93. padding-bottom:8px;
  94. display:inline-block;
  95. font-weight:bold;
  96. background: #335f77;
  97. text-align: center;
  98. width: 88px;
  99. line-height: 100%;
  100. font-size: 8px;
  101. margin:1px;
  102. }
  103. .navwidgets a:hover{
  104. color:#1c1c1c !important;
  105. }
  106.  
  107. #comments_scroll_div {
  108. max-height: 150px;
  109. min-height: 150px;
  110. }
  111.  
  112. #comments_scroll_div a {
  113. font-weight: bold;
  114. text-transform: uppercase;
  115. }
  116. #info {
  117. line-height:110%;
  118. font-size:11px;
  119. font-weight:bold;
  120. color: #888888;
  121. text-align:justify;
  122. padding: 5px;
  123. max-height: 150px;
  124. overflow-y: auto;
  125. }
  126. dd.lastpost span.color-groups {
  127. background: #335f77;
  128. display: block;
  129. width: 150px;
  130. padding-top: 5px;
  131. padding-bottom: 5px;
  132. line-height: 100%;
  133. text-transform: uppercase;
  134. margin-top: 4px;
  135. text-align: center;
  136. }
  137.  
  138. a.mainmenu {
  139. width: 100px;
  140. background: #eeeeee;
  141. display:block;
  142. text-transform: uppercase;
  143. padding-top: 5px;
  144. padding-bottom: 5px;
  145. opacity: 0.6;
  146. font-size: 10px;
  147. text-align: center;
  148. color: #335f77;
  149. margin-bottom: -23px;
  150. }
  151.  
  152. a.mainmenu:hover {
  153. color: #335f77;
  154. }
  155.  
  156. ul.navlinks {
  157. position: absolute;
  158. top: 25px;
  159. right: 25px;
  160. }
  161.  
  162. .chatbox-title, a.chatbox-title {
  163. font-family: Passion One;
  164. font-weight: 700;
  165. font-size: 16px;
  166. text-transform: uppercase;
  167. color: #335F77;
  168. margin-top: 5px;
  169. margin-left: 5px;
  170. }
  171.  
  172. .chatbox-options li, .chatbox-options li a {
  173. font-size: 9px;
  174. text-transform: uppercase;
  175. font-weight: 700;
  176. color: #335F77;
  177. }
  178.  
  179. #chatbox_header{background-color: #eeeeee;}
  180.  
  181. #chatbox_footer{background-color: #eeeeee;}
  182.  
  183. .chatbox_row_1,.chatbox_row_2,.chatbox_row_3{
  184. font-size:12px;
  185. }
  186. /*Información pie CB*/
  187. #chatbox_footer label {
  188. font-size: 9px;
  189. font-weight: 700;
  190. text-transform: uppercase;
  191. color: #335F77;
  192. }
  193.  
  194. #chatbox_members{
  195. font-size: 13px;
  196. }
  197.  
  198. #page-body ul.linklist {
  199. background: #eeeeee;
  200. padding: 5px;
  201. text-transform: uppercase;
  202. font-size: 8px;
  203. letter-spacing: 1px;
  204. width: 700px;
  205. margin-left: 5px;
  206. margin-right: 5px;
  207. font-weight: bold;
  208. }
  209.  
  210. #page-footer .navbar {
  211. background: #eeeeee;
  212. padding: 5px;
  213. text-transform: uppercase;
  214. font-size: 8px;
  215. letter-spacing: 1px;
  216. width: 940px;
  217. margin-left: 5px;
  218. margin-right: 5px;
  219. font-weight: bold;
  220. color: #eeeeee;
  221. }
  222.  
  223. .topic-actions {
  224. padding: 5px;
  225. text-transform: uppercase;
  226. font-size: 8px;
  227. letter-spacing: 1px;
  228. width: 700px;
  229. margin-left: 5px;
  230. margin-right: 5px;
  231. margin-top: 25px;
  232. font-weight: bold;
  233. }
  234.  
  235. .pathname-box {
  236. background: #1c1c1c;
  237. padding: 5px;
  238. text-transform: uppercase;
  239. font-size: 8px;
  240. letter-spacing: 1px;
  241. width: 700px;
  242. margin-left: 5px;
  243. margin-right: 5px;
  244. text-align:center;
  245. color: #eeeeee;
  246. }
  247. .pathname-box a {
  248. color: #eeeeee;
  249. font-weight: bold;
  250. }
  251.  
  252. .topic-actions2 {
  253. padding: 5px;
  254. text-transform: uppercase;
  255. font-size: 8px;
  256. letter-spacing: 1px;
  257. width: 700px;
  258. height: 25px;
  259. margin-left: 5px;
  260. margin-right: 5px;
  261. font-weight: bold;
  262. }
  263.  
  264. .pathname-box2 {
  265. background: #1c1c1c;
  266. padding: 5px;
  267. text-transform: uppercase;
  268. font-size: 8px;
  269. letter-spacing: 1px;
  270. width: 700px;
  271. height: 10px;
  272. margin-left: 5px;
  273. margin-right: 5px;
  274. text-align:center;
  275. color: #eeeeee;
  276. }
  277. .pathname-box2 a {
  278. color: #eeeeee;
  279. font-weight: bold;
  280. }
  281. /*Cuerpo del post*/
  282. .postbody {
  283. width: 440px;
  284. background: #eeeeee;
  285. padding-left: 15px;
  286. padding-right: 15px;
  287. padding-top: 15px;
  288. padding-bottom: 50px;
  289. position: relative;
  290. }
  291.  
  292. .postbody ul.profile-icons {
  293. position: relative;
  294. right: -70px;
  295. top: -10px;
  296. margin-bottom: 5px;
  297. }
  298.  
  299. .post {
  300. text-align: justify;
  301. font-size: 11px;
  302. }
  303.  
  304. .postprofile {
  305. width: 220px;
  306. background: #eeeeee;
  307. margin-top: -2px;
  308. height: 388px;
  309. overflow: hidden;
  310. border-left: transparent;
  311. }
  312.  
  313.  
  314. .postprofile dd img {
  315. margin-left: -10px;
  316. }
  317.  
  318. .postprofile dd a img {
  319. margin-left: 0px;
  320. }
  321.  
  322. .postprofile dt a img {
  323. margin-top: 10px;
  324. }
  325.  
  326. .postprofile dd {
  327. text-align: center;
  328. text-transform: uppercase;
  329. color: #1c1c1c;
  330. font-weight: 700;
  331. letter-spacing: 1px;
  332. font-size: 10px;
  333. }
  334.  
  335. #nombreusuario {
  336. width: 200px;
  337. padding-top: 7px;
  338. padding-bottom: 7px;
  339. text-transform: uppercase;
  340. text-align: center;
  341. background: #335f77;
  342. margin-left: 10px;
  343. margin-top: 10px;
  344. font-size: 11px;
  345. }
  346.  
  347. span.label {
  348. width: 200px;
  349. padding-top: 3px;
  350. padding-bottom: 3px;
  351. font-weight: 700;
  352. letter-spacing: 1px;
  353. text-transform: uppercase;
  354. text-align: center;
  355. background: #1c1c1c;
  356. font-size: 9px;
  357. display: block;
  358. color: #eeeeee;
  359. }
  360.  
  361. /*Scrollbar*/
  362. ::-webkit-scrollbar {background-color:white; height:2px; width:5px}
  363. ::-webkit-scrollbar-thumb {background-color:#2d2b4a; height:50px}
  364.  
  365.  
  366. /*Pestañas del perfil*/
  367. #tabs {
  368. list-style: none;
  369. display: table;
  370. width: 220px;
  371. margin: 0px;
  372. background-color: transparent;
  373. }
  374. #tabs li {
  375. margin: 0px;
  376. display: table-cell;
  377. font-family: Cabin;
  378. font-size: 10px;
  379. text-transform: uppercase;
  380. line-height: 100%;
  381. letter-spacing: 1px;
  382. color: #fff;
  383. text-decoration: none;
  384. width: 105px;
  385. text-align: center;
  386. }
  387. #tabs li a {
  388. font-family: Cabin;
  389. font-size: 10px;
  390. text-transform: uppercase;
  391. line-height: 100%;
  392. letter-spacing: 1px;
  393. color: #fff;
  394. padding-top: 10px;
  395. padding-bottom: 8px;
  396. text-decoration: none;
  397. width: 105px;
  398. text-align: center;
  399. background: #b42411;
  400. transition: 0.8s;
  401. }
  402.  
  403. #tabs:hover li a {
  404. transition: 0.8s;
  405. box-shadow: inset 0 0 0 #000000;
  406. }
  407.  
  408. .tab_content {
  409. display: none;
  410. color: 1c1c1c;
  411. width: 220px;
  412. margin: 0px;
  413. }
  414.  
  415. #tabs_content_container {
  416. width: 220px;
  417. height: 320px;
  418. overflow:hidden;
  419. }
  420.  
  421. .postbody .topic-title {
  422. display:inline-block;
  423. width: 420px;
  424. padding: 10px;
  425. font-size: 14px;
  426. text-transform: uppercase;
  427. text-align: center;
  428. background: #335f77;
  429. line-height: 100%;
  430. }
  431.  
  432. .postbody .topic-title a {
  433. color: #eeeeee;
  434. float: center;
  435. display: block;
  436. }
  437. /*Autor del tema*/
  438. p.author {
  439. display:inline-block;
  440. width: 450px;
  441. padding: 10px;
  442. font-size: 11px;
  443. text-transform: uppercase;
  444. text-align: center;
  445. background: #335f77;
  446. line-height: 100%;
  447. color: #ccc;
  448. position: absolute;
  449. bottom: -15px;
  450. left: 0px;
  451. }
  452. /*Fondo de los subforos*/
  453. ul.forums {
  454. background: #eeeeee;
  455. padding-top: 30px;
  456. border-top: 25px solid #335f77;
  457. }
  458. /*Fondo de los temas*/
  459. ul.topiclist.topics.bg_none {
  460. background: #eeeeee;
  461. border-top: 25px solid #335f77;
  462. }
  463. /*Fondo de los MP*/
  464. ul.topiclist.pmlist.bg_none {
  465. background: #eeeeee;
  466. border-top: 25px solid #335f77;
  467. }
  468. #content-container div#left {
  469. padding: 20px;
  470. background: #eeeeee;
  471. outline: 2px solid #dbdbdb;
  472. outline-offset: -6px;
  473. box-shadow: 2px 2px 0 rgba(0,0,0,0.15);
  474. position: relative; top: -345px;
  475. margin-right: 20px;
  476. }
  477. h1.page-title {
  478. font-size: 50px;
  479. font-family: Passion One;
  480. text-transform: uppercase;
  481. width: 100%;
  482. text-align: center;
  483. }
  484.  
  485. .table-title, .table-title h2 {
  486. font-size: 50px;
  487. font-family: Passion One;
  488. text-transform: uppercase;
  489. color: #335f77;
  490. }
  491.  
  492. li.header {
  493. font-size: 0px;
  494. padding-top: 40px;
  495. }
  496.  
  497. /*Estadísticas*/
  498. .#stats {
  499. width: 700px;
  500. margin: 0 auto;
  501. height: 350px;
  502. }
  503.  
  504. #stats .enlinea {
  505. overflow-y: auto;
  506. text-align: left;
  507. display: inline-block;
  508. width: 322px;
  509. border: 10px solid #eeeeee;
  510. height: 150px;
  511. background: #eeeeee;
  512. padding: 10px;
  513. margin-top: 40px;
  514. margin-left: 10px;
  515. margin-right: 15px;
  516. font-size: 8px;
  517. float: left;
  518. text-transform: uppercase;
  519. font-weight: 700;
  520. }
  521.  
  522. #stats .enlinea a {
  523. text-shadow: 1px 1px 0px #000;
  524. font-size: 15px;
  525. letter-spacing: 0px;
  526. }
  527.  
  528. #stats .grupos {
  529. overflow: hidden;
  530. text-align: left;
  531. display: inline-block;
  532. width: 310px;
  533. height: 95px;
  534. background: #eeeeee;
  535. padding: 10px;
  536. margin-top: 40px;
  537. margin-left: -10px;
  538. margin-right: 13px;
  539. font-size: 10px;
  540. float: left;
  541. }
  542.  
  543. .grupo3 a {text-align: center; background: #98B3AD; float: right; margin-left: 3px; width: 101px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 10px; padding-bottom: 10px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
  544. .grupo2 a {text-align: center; background: #578896; float: right; margin-left: 3px; width: 101px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 10px; padding-bottom: 10px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
  545. .grupo1 a {text-align: center; background: #0C5B77; width: 101px; float: left; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 10px; padding-bottom: 10px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
  546. .grupo6 a {text-align: center; background: #B9CDF0; float: right; margin-left: 3px; width: 101px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 10px; padding-bottom: 10px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
  547. .grupo5 a {text-align: center; background: #99BCF7; float: right; margin-left: 3px; width: 101px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 10px; padding-bottom: 10px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
  548. .grupo4 a {text-align: center; background: #73AAE6; float: left; width: 101px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 10px; padding-bottom: 10px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
  549. .grupo9 a {text-align: center; background: #88AACF; float: right; margin-left: 3px; width: 101px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 10px; padding-bottom: 10px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
  550. .grupo8 a {text-align: center; background: #4171A3; float: right; margin-left: 3px; width: 101px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 10px; padding-bottom: 10px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
  551. .grupo7 a {text-align: center; background: #15467A; float: left; width: 101px; line-height: 100%; color: #000000; padding-top: 10px; padding-bottom: 10px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
  552.  
  553. .h3 {
  554. color: #335F77;
  555. font-size: 12px;
  556. font-weight: bold;
  557. text-transform: uppercase;
  558. text-align: center;
  559. border-bottom: none;
  560. padding: 5px 0px;
  561. letter-spacing: 1px;
  562. width: 100%;
  563. }
  564.  
  565. p.nomargin.path {
  566. background: #1c1c1c;
  567. padding: 5px;
  568. text-transform: uppercase;
  569. font-size: 8px;
  570. letter-spacing: 1px;
  571. width: 100%;
  572. text-align:center;
  573. color: #eeeeee;
  574. margin-left: -5px;
  575. }
  576.  
  577. p.nomargin.path a {
  578. color: #eeeeee;
  579. }
  580. /*Básico*/
  581. .forabg ul.topiclist.forums li.row dd.dterm {
  582. width: 500px;
  583. height: 200px;
  584. }
  585. .linksub a {
  586. width: 100px;
  587. background-color: #b42411;
  588. color: #eeeeee;
  589. line-height: 100%;
  590. text-transform: uppercase;
  591. display: block;
  592. margin: 1px;
  593. padding-top: 5px;
  594. padding-bottom: 5px;
  595. font-size: 9px;
  596. text-align: center;
  597. margin-left: 5px;
  598. }
  599. .textosub {
  600. text-align: justify;
  601. font-size: 12px;
  602. height: 56px;
  603. overflow-y: auto;
  604. }
  605. .textosub2 {
  606. text-align: justify;
  607. font-size: 12px;
  608. height: 137px;
  609. overflow-y: auto;
  610. }
  611. .desc3 {
  612. width: 350px;
  613. height: 137px;
  614. }
  615. .forabg li.row dd.topics {display:none;}
  616. .forabg li.row dd.posts {display:none;}
  617. .forabg li.row dd.lastpost a {
  618. text-transform: uppercase;
  619. font-weight: bold;
  620. }
  621. .forabg li.row dd.lastpost {
  622. margin-top: 50px;
  623. }
  624. #cp-main .panel.sig {
  625. background-color: transparent;
  626. }
  627.  
  628. .forabg li.header dd.dterm {
  629. text-align: center;
  630. width: 100%;
  631. }
  632.  
  633. #search-box {
  634. display:none;
  635. }
  636. .search-box { visibility: hidden; }
  637. .mainmenu[href="/faq"],.mainmenu[href="/calendar"],.mainmenu[href="/search"],.mainmenu[href="/groups"] {
  638. display: none;
  639. color: transparent; font-size: 0px;
  640. }
  641.  
  642. p.page-bottom + .h3 {
  643. display: none;
  644. color: transparent; font-size: 0px;
  645. }
  646.  
  647. .module .h3 {
  648. background: #b42411;
  649. text-transform: uppercase;
  650. font-weight: bold;
  651. width: 180px;
  652. text-align: center;
  653. color: #eeeeee;
  654. padding-top: 10px;
  655. padding-bottom: 10px;
  656. font-size: 14px;
  657. }
  658.  
  659. #left .module {
  660. width: 180px;
  661. padding: 0px;
  662. border-bottom: none;
  663. }
  664. p.right.rightside + p {
  665. display:none;
  666. }
  667. p.rightside {
  668. display: none;
  669. }
  670. p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
  671. display: block;
  672. }
  673.  
  674. p em {
  675. font-style: normal;
  676. color: transparent;
  677. }
  678.  
  679. #stats .enlinea a.gensmall {
  680. display: none;
  681. }
  682. a.forumtitle {
  683. font-family: Passion One;
  684. text-transform: uppercase;
  685. font-size: 20px;
  686. }
  687. a.forumtitle:hover {
  688. text-decoration: none;
  689. }
  690.  
  691. .forabg ul.topiclist.forums li.row dd.dterm {
  692. width: 500px;
  693. height: 170px;
  694. }
  695.  
  696. .forabg li.header dd.posts {
  697. display: none;
  698. }
  699.  
  700. .forabg li.header dd.topics {
  701. display: none;
  702. }
  703.  
  704. li.header dl.icon dd.lastpost{
  705. display: none;
  706. }
  707. .sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar {
  708. border-color: transparent !important;
  709. }
  710. p.right.rightside + p {
  711. display:none;
  712. }
  713. p.rightside {
  714. display: none;
  715. }
  716. p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
  717. display: block;
  718. }
  719. #cp-main .panel.sig {
  720. background-color: transparent;
  721. }
  722. #search-box {
  723. display:none;
  724. }
  725. .search-box { visibility: hidden; }
  726. .mainmenu[href="/memberlist"] {
  727. margin-right: -5px;
  728. }
  729.  
  730. .mainmenu[href="/"] {
  731. margin-right: -15px;
  732. }
  733.  
  734. ul#picture_legend li, ul#privmsgs-menu li {
  735. display:none;
  736. }
  737.  
  738. div.page-bottom, #chatbox_popup, .h3 a[target="ChatBox"]{
  739. display: none;
  740. }
  741.  
  742. p.page-bottom + div.h3{
  743. border: none;
  744. }
  745. .button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
  746. background:#335f77;
  747. color: #eeeeee;
  748. display: inline-block;
  749. outline: medium none;
  750. padding:5px;
  751. text-transform: uppercase;
  752. font-size: 9px;
  753. letter-spacing: 1px;
  754. font-weight: 700;
  755. border: none;
  756. }
  757.  
  758. .button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
  759. background: #335f77;
  760. color: #eeeeee;
  761. display: inline-block;
  762. outline: medium none;
  763. padding:5px;
  764. text-transform: uppercase;
  765. font-size: 9px;
  766. letter-spacing: 1px;
  767. font-weight: 700;
  768. border: none;
  769. }
  770. /* latin */
  771. @font-face {
  772. font-family: 'Cabin';
  773. font-style: normal;
  774. font-weight: 400;
  775. src: local('Cabin Regular'), local('Cabin-Regular'), url(http://fonts.gstatic.com/s/cabin/v7/yQOMOX5hR0-6LTD879t-PQ.woff2) format('woff2');
  776. 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;
  777. }
  778. /* latin */
  779. @font-face {
  780. font-family: 'Cabin';
  781. font-style: normal;
  782. font-weight: 500;
  783. src: local('Cabin Medium'), local('Cabin-Medium'), url(http://fonts.gstatic.com/s/cabin/v7/XHvvZj_uvRvYentxl9M1VvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  784. 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;
  785. }
  786. /* latin */
  787. @font-face {
  788. font-family: 'Cabin';
  789. font-style: normal;
  790. font-weight: 600;
  791. src: local('Cabin SemiBold'), local('Cabin-SemiBold'), url(http://fonts.gstatic.com/s/cabin/v7/pOvYyCQeTTtw6RxdlpulSvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  792. 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;
  793. }
  794. /* latin */
  795. @font-face {
  796. font-family: 'Cabin';
  797. font-style: normal;
  798. font-weight: 700;
  799. src: local('Cabin Bold'), local('Cabin-Bold'), url(http://fonts.gstatic.com/s/cabin/v7/82B-3YlzWJm8zbCrVEmc_vesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  800. 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;
  801. }
  802. /* latin */
  803. @font-face {
  804. font-family: 'Cabin';
  805. font-style: italic;
  806. font-weight: 400;
  807. src: local('Cabin Italic'), local('Cabin-Italic'), url(http://fonts.gstatic.com/s/cabin/v7/00o5zQ7GoPVPMQsCfDCAnw.woff2) format('woff2');
  808. 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;
  809. }
  810. /* latin */
  811. @font-face {
  812. font-family: 'Cabin';
  813. font-style: italic;
  814. font-weight: 500;
  815. src: local('Cabin Medium Italic'), local('Cabin-MediumItalic'), url(http://fonts.gstatic.com/s/cabin/v7/l3VlC5SZU-ZceiU15Vs2gPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  816. 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;
  817. }
  818. /* latin */
  819. @font-face {
  820. font-family: 'Cabin';
  821. font-style: italic;
  822. font-weight: 600;
  823. src: local('Cabin SemiBold Italic'), local('Cabin-SemiBoldItalic'), url(http://fonts.gstatic.com/s/cabin/v7/Sn-0zpaF2c3wYt9xdgoYFfk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  824. 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;
  825. }
  826. /* latin */
  827. @font-face {
  828. font-family: 'Cabin';
  829. font-style: italic;
  830. font-weight: 700;
  831. src: local('Cabin Bold Italic'), local('Cabin-BoldItalic'), url(http://fonts.gstatic.com/s/cabin/v7/Ww23LQNlhn4dAm9uegPaX_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  832. 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;
  833. }
  834.  
  835. /* latin-ext */
  836. @font-face {
  837. font-family: 'Passion One';
  838. font-style: normal;
  839. font-weight: 400;
  840. src: local('Passion One'), local('PassionOne-Regular'), url(http://fonts.gstatic.com/s/passionone/v6/fY6k21F1QT2c_Oc3HRNDwiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
  841. unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  842. }
  843. /* latin */
  844. @font-face {
  845. font-family: 'Passion One';
  846. font-style: normal;
  847. font-weight: 400;
  848. src: local('Passion One'), local('PassionOne-Regular'), url(http://fonts.gstatic.com/s/passionone/v6/fY6k21F1QT2c_Oc3HRNDwo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  849. 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;
  850. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement