API tools faq
paste
Advertisement
Guest User

Blue

a guest
Feb 3rd, 2019
13
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 103.35 KB | None | 0 0
raw download clone embed print report
  1. @-moz-document url-prefix("https://avenoel.org/forum"), url-prefix("https://avenoel.org/topic"), url-prefix("https://avenoel.org/message"), url-prefix("https://avenoel.org/chat"), url-prefix("https://avenoel.org/statistiques"), url-prefix("https://avenoel.org/dons"), url-prefix("https://avenoel.org/moderation"), url-prefix("https://avenoel.org/messagerie"), url-prefix("https://avenoel.org/mes-messages"), regexp("https://avenoel.org/"), regexp("https://avenoel.org/connexion"), regexp("https://avenoel.org/favoris") {
  2. /*********************** mafumafu Thème Blue v1.05 ************************/
  3. /* cyrillic-ext */
  4. @font-face {
  5.   font-family: 'Roboto';
  6.   font-style: normal;
  7.   font-weight: 400;
  8.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  9.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  10. }
  11. /* cyrillic */
  12. @font-face {
  13.   font-family: 'Roboto';
  14.   font-style: normal;
  15.   font-weight: 400;
  16.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  17.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  18. }
  19. /* greek-ext */
  20. @font-face {
  21.   font-family: 'Roboto';
  22.   font-style: normal;
  23.   font-weight: 400;
  24.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  25.   unicode-range: U+1F00-1FFF;
  26. }
  27. /* greek */
  28. @font-face {
  29.   font-family: 'Roboto';
  30.   font-style: normal;
  31.   font-weight: 400;
  32.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  33.   unicode-range: U+0370-03FF;
  34. }
  35. /* vietnamese */
  36. @font-face {
  37.   font-family: 'Roboto';
  38.   font-style: normal;
  39.   font-weight: 400;
  40.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  41.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  42. }
  43. /* latin-ext */
  44. @font-face {
  45.   font-family: 'Roboto';
  46.   font-style: normal;
  47.   font-weight: 400;
  48.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  49.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  50. }
  51. /* latin */
  52. @font-face {
  53.   font-family: 'Roboto';
  54.   font-style: normal;
  55.   font-weight: 400;
  56.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  57.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  58. }
  59. /* cyrillic-ext */
  60. @font-face {
  61.   font-family: 'Roboto';
  62.   font-style: normal;
  63.   font-weight: 700;
  64.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  65.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  66. }
  67. /* cyrillic */
  68. @font-face {
  69.   font-family: 'Roboto';
  70.   font-style: normal;
  71.   font-weight: 700;
  72.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  73.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  74. }
  75. /* greek-ext */
  76. @font-face {
  77.   font-family: 'Roboto';
  78.   font-style: normal;
  79.   font-weight: 700;
  80.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  81.   unicode-range: U+1F00-1FFF;
  82. }
  83. /* greek */
  84. @font-face {
  85.   font-family: 'Roboto';
  86.   font-style: normal;
  87.   font-weight: 700;
  88.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  89.   unicode-range: U+0370-03FF;
  90. }
  91. /* vietnamese */
  92. @font-face {
  93.   font-family: 'Roboto';
  94.   font-style: normal;
  95.   font-weight: 700;
  96.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  97.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  98. }
  99. /* latin-ext */
  100. @font-face {
  101.   font-family: 'Roboto';
  102.   font-style: normal;
  103.   font-weight: 700;
  104.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  105.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  106. }
  107. /* latin */
  108. @font-face {
  109.   font-family: 'Roboto';
  110.   font-style: normal;
  111.   font-weight: 700;
  112.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  113.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  114. }
  115. /* Popo nouvo */
  116.  
  117.  
  118.  
  119. /* cyrillic-ext */
  120. @font-face {
  121.   font-family: 'Source Sans Pro';
  122.   font-style: normal;
  123.   font-weight: 400;
  124.   src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2');
  125.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  126. }
  127. /* cyrillic */
  128. @font-face {
  129.   font-family: 'Source Sans Pro';
  130.   font-style: normal;
  131.   font-weight: 400;
  132.   src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
  133.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  134. }
  135. /* greek-ext */
  136. @font-face {
  137.   font-family: 'Source Sans Pro';
  138.   font-style: normal;
  139.   font-weight: 400;
  140.   src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
  141.   unicode-range: U+1F00-1FFF;
  142. }
  143. /* greek */
  144. @font-face {
  145.   font-family: 'Source Sans Pro';
  146.   font-style: normal;
  147.   font-weight: 400;
  148.   src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
  149.   unicode-range: U+0370-03FF;
  150. }
  151. /* vietnamese */
  152. @font-face {
  153.   font-family: 'Source Sans Pro';
  154.   font-style: normal;
  155.   font-weight: 400;
  156.   src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
  157.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  158. }
  159. /* latin-ext */
  160. @font-face {
  161.   font-family: 'Source Sans Pro';
  162.   font-style: normal;
  163.   font-weight: 400;
  164.   src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
  165.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  166. }
  167. /* latin */
  168. @font-face {
  169.   font-family: 'Source Sans Pro';
  170.   font-style: normal;
  171.   font-weight: 400;
  172.   src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
  173.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  174. }
  175.  
  176. /* POPO fin */
  177.  
  178.  
  179. /* cyrillic-ext */
  180. @font-face {
  181.   font-family: 'Roboto Condensed';
  182.   font-style: normal;
  183.   font-weight: 400;
  184.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2');
  185.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  186. }
  187. /* cyrillic */
  188. @font-face {
  189.   font-family: 'Roboto Condensed';
  190.   font-style: normal;
  191.   font-weight: 400;
  192.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
  193.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  194. }
  195. /* greek-ext */
  196. @font-face {
  197.   font-family: 'Roboto Condensed';
  198.   font-style: normal;
  199.   font-weight: 400;
  200.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2');
  201.   unicode-range: U+1F00-1FFF;
  202. }
  203. /* greek */
  204. @font-face {
  205.   font-family: 'Roboto Condensed';
  206.   font-style: normal;
  207.   font-weight: 400;
  208.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2');
  209.   unicode-range: U+0370-03FF;
  210. }
  211. /* vietnamese */
  212. @font-face {
  213.   font-family: 'Roboto Condensed';
  214.   font-style: normal;
  215.   font-weight: 400;
  216.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2');
  217.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  218. }
  219. /* latin-ext */
  220. @font-face {
  221.   font-family: 'Roboto Condensed';
  222.   font-style: normal;
  223.   font-weight: 400;
  224.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  225.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  226. }
  227. /* latin */
  228. @font-face {
  229.   font-family: 'Roboto Condensed';
  230.   font-style: normal;
  231.   font-weight: 400;
  232.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  233.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  234. }
  235. /* cyrillic-ext */
  236. @font-face {
  237.   font-family: 'Roboto Condensed';
  238.   font-style: normal;
  239.   font-weight: 700;
  240.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format('woff2');
  241.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  242. }
  243. /* cyrillic */
  244. @font-face {
  245.   font-family: 'Roboto Condensed';
  246.   font-style: normal;
  247.   font-weight: 700;
  248.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format('woff2');
  249.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  250. }
  251. /* greek-ext */
  252. @font-face {
  253.   font-family: 'Roboto Condensed';
  254.   font-style: normal;
  255.   font-weight: 700;
  256.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format('woff2');
  257.   unicode-range: U+1F00-1FFF;
  258. }
  259. /* greek */
  260. @font-face {
  261.   font-family: 'Roboto Condensed';
  262.   font-style: normal;
  263.   font-weight: 700;
  264.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format('woff2');
  265.   unicode-range: U+0370-03FF;
  266. }
  267. /* vietnamese */
  268. @font-face {
  269.   font-family: 'Roboto Condensed';
  270.   font-style: normal;
  271.   font-weight: 700;
  272.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2) format('woff2');
  273.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  274. }
  275. /* latin-ext */
  276. @font-face {
  277.   font-family: 'Roboto Condensed';
  278.   font-style: normal;
  279.   font-weight: 700;
  280.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2');
  281.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  282. }
  283. /* latin */
  284. @font-face {
  285.   font-family: 'Roboto Condensed';
  286.   font-style: normal;
  287.   font-weight: 700;
  288.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2');
  289.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  290. }
  291.  
  292. /*********************** POPO na POLICE ************************/
  293.  
  294.  
  295. @font-face {
  296.     font-family: 'roboto_condensedregular';
  297.     src: url(https://dl.dropboxusercontent.com/s/bnitkb769zwlqsf/robotocondensed-regular-webfont.woff2) format('woff2'), url(https://dl.dropboxusercontent.com/s/g0ke63p5dzht918/robotocondensed-regular-webfont.woff) format('woff');
  298.     font-weight: normal;
  299.     font-style: normal;
  300. }
  301.  
  302. @font-face {
  303.     font-family: 'roboto_condensedbold';
  304.     src: url('https://dl.dropboxusercontent.com/s/do1c6tb24np4fta/robotocondensed-bold-webfont.woff2') format('woff2'),
  305.          url('https://dl.dropboxusercontent.com/s/2mn5ockjelqj8we/robotocondensed-bold-webfont.woff') format('woff');
  306.     font-weight: normal;
  307.     font-style: normal;
  308.  
  309. }
  310.  
  311. /*********************** POPO na POLICE ************************/
  312.  
  313.  
  314.  
  315. /****************************************************************/
  316. .footer {
  317.         background-image: url('https://i.imgur.com/hgRiRbm.gif')!important;
  318.   font-family: 'Roboto Condensed';
  319.     background: #101822;
  320.     border-radius: 0!important;
  321.     border-top: 1px solid #101822;
  322.     color: #8F98A0;
  323.     position: absolute;
  324.     bottom: 0;
  325.     width: 100%;
  326.     height: auto!important;
  327.     text-align: center;
  328.     font-size: 12px;
  329. }
  330.  
  331.  
  332. /****************************************************************/
  333. .footer a {
  334.     color: #67c1f5;
  335.     font-size: 12px;
  336. }
  337.  
  338. .footer a:hover {
  339.     color: #ffffff;
  340.     text-decoration: none;
  341. }
  342.  
  343.  
  344. /****************************************************************/
  345. a {
  346.   font-family: 'Roboto Condensed';
  347.     color: #67c1f5;
  348.     font-size: 13px!important;
  349.     text-decoration: none!important
  350. }
  351.  
  352. a:hover {
  353.         transition: all 0.3s linear;
  354.  
  355.   font-family: 'Roboto Condensed';
  356.     font-size: 13px!important;
  357.     color: #ffffff!important;
  358. }
  359.  
  360.  
  361. /****************************************************************/
  362. b, strong {
  363.  font-family: 'Roboto';
  364.  
  365. }
  366.     /* Baybay popo */
  367.  
  368.  
  369.  
  370. body {
  371.   font-family: 'Source Sans Pro';
  372.     color: #bcc1c6;
  373.     font-size: 14px;
  374.     background-image: url(https://i.imgur.com/Oca0onc.jpg);
  375.     background-repeat: no-repeat;
  376.     background-size: cover;
  377.     background-attachment: fixed;
  378.     margin-bottom: 60px;
  379.     overflow-x: hidden;
  380.     width: 100%;
  381.     padding-top: 100px;
  382. }
  383.  
  384. .brand img {
  385.     margin-left: auto;
  386.     margin-right: auto;
  387.     display: block;
  388. }
  389.  
  390.  
  391. /****************************************************************/
  392. .breadcrumb {
  393.     padding: 0px!important;
  394.     margin: 10 0 10px 0;
  395.     list-style: none;
  396.     background-color: transparent;
  397.     border-radius: 0px;
  398.     border-bottom: 1px solid TRANSPARENT;
  399. }
  400.  
  401. .breadcrumb a {
  402.     text-transform: capitalize;
  403.     font-size: 13px;
  404.     color: #67c1f5;
  405.     text-decoration: none;
  406. }
  407.  
  408. .breadcrumb > .active {
  409.     color: #dedede;
  410. }
  411.  
  412.  
  413. /****************************************************************/
  414. .main-container .container-content section {
  415.     background: #1b2838;
  416.     text-align: justify;
  417.     border-radius: 10px;
  418.     border: 1px solid #212f43!important;
  419.     box-shadow: 0 0 4px #000!important;
  420. }
  421.  
  422. section.aside ul li:before {
  423.     content: " ";
  424.     color: #1f3141;
  425.     display: inline-block;
  426.   font-family: 'Roboto Condensed';
  427.     font-size: 13px;
  428.    
  429. }
  430.  
  431. section.aside ul li {
  432.     /*background-image: url(https://i.imgur.com/4Q0HgUB.png);
  433.     background-repeat: no-repeat;*/
  434.     color: transparent!important;
  435.     display: inline-block;
  436.     background: rgba(103, 193, 245, 0.1);
  437.     border-bottom: 2px solid #1b2838;
  438.     min-height: 22px;
  439.     padding-top: 4px;
  440.     padding-bottom: 4px;
  441.     padding-left: 8px;
  442.     padding-right: 8px;
  443.     line-height: 18px;
  444.     width: 100%!important;
  445. }
  446.  
  447. section.aside li a {
  448.     background-color: transparent!important;
  449.   font-family: 'Roboto Condensed';
  450.     color: #67c1f5!important;
  451.     font-size: 13px;
  452.     min-height: 22px;
  453.     padding-top: 4px;
  454.     padding-left: 8px;
  455.     padding-right: 8px;
  456.     line-height: 18px;
  457.     text-shadow: none;
  458.     text-decoration: none;
  459.     width: 100%!important;
  460. }
  461.  
  462. section.aside li a:hover {
  463.         transition: padding-left 0.3s linear, color 0.3s ease-in;
  464.  
  465.     background-color: transparent!important;
  466.   font-family: 'Roboto Condensed';
  467.     color: #ffffff!important;
  468.     font-size: 13px;
  469.     min-height: 22px;
  470.     padding-top: 4px;
  471.     padding-left: 18px;
  472.     padding-right: 8px;
  473.     line-height: 18px;
  474.     text-shadow: none;
  475.     text-decoration: none;
  476.     width: 100%!important;
  477. }
  478.  
  479. section.aside img {
  480.     width: 100%;
  481.     margin-bottom: 20px;
  482.     display: none
  483. }
  484.  
  485.  
  486. /****************************************************************/
  487. .topic-message aside.message-aside .message-infos {
  488.     margin: 0;
  489.     font-size: 11px;
  490.   font-family: 'Roboto Condensed';
  491.     color: #dedede;
  492.     text-align: justify;
  493.     text-shadow: 1px 1px 1px #000;
  494.     letter-spacing: .5px;
  495.     padding: 4px 8px 3px;
  496.     background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  497.     background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.5)));
  498.     background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  499.     background: -o-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  500.     background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  501.     background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  502.     border: 1px solid #26384f!important;
  503.     box-shadow: 0 0 5px #000!important;
  504.     box-shadow: 0 3px 1px #000;
  505.     border-radius: 0;
  506. }
  507.  
  508. .topic-message aside .message-infos u {
  509.     font-size: 11px;
  510.   font-family: 'Roboto Condensed';
  511.     color: #acb2b8;
  512.     text-decoration: none;
  513. }
  514.  
  515.  
  516. /****************************************************************/
  517. .navbar {
  518.     background-image: url('https://i.imgur.com/hgRiRbm.gif')!important;
  519.     background: #171a21;
  520.     border-radius: 0 !important;
  521.     font-size: 1.3em;
  522.     text-transform: uppercase;
  523.     font-weight: normal;
  524.     border-bottom: 1px solid #171a21!important;
  525. }
  526.  
  527.  
  528. /****************************************************************/
  529. .navbar-inverse .navbar-nav > li > a {
  530.     color: #c7c7c7!important;
  531.    font-family: 'Roboto Condensed';
  532.     font-size: 18px!important;
  533.     font-weight: 700!important;
  534. }
  535.  
  536. .navbar-inverse .navbar-nav > li > a:hover {
  537.     transition: all 0.3s linear;
  538.     color: #67c1f5!important;
  539.  font-family: 'Roboto Condensed';
  540.     font-weight: 700;
  541.     background-color: #080808b0!important;
  542. }
  543.  
  544. .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  545. color: #67c1f5!important;
  546.     background-color: #080808b0!important;
  547. }
  548. /****************************************************************/
  549. .forum-tools .left-tools input.form-control {
  550.     max-width: 110px;
  551.         height: 33px!important;
  552.  
  553. }
  554.  
  555. .forum-tools .left-tools select.form-control {
  556.     max-width: 100%;
  557.     height: 33px!important;
  558. }
  559.  
  560. textarea.form-control {
  561.     /* baybay popo */
  562.     /*DOZO*/
  563.   font-family: 'Source Sans Pro';
  564.     font-size: 14px!important;
  565.     background-color: rgba(0, 0, 0, 0.4);
  566.     border-radius: 0px;
  567.     border: 1px solid rgba(0, 0, 0, 0.4);
  568.     box-shadow: 1px 1px 0px #45556c;
  569.     color: #bcc1c6;
  570.     margin-bottom: 6px;
  571.     outline: none;
  572.     padding: 4px 6px;
  573. }
  574.  
  575. textarea.form-control:focus {
  576.   font-family: 'Source Sans Pro';
  577.     background-color: rgba(0, 0, 0, 0.4);
  578.     border-radius: 0px;
  579.     border: 1px solid rgba(0, 0, 0, 0.4);
  580.     box-shadow: 1px 1px 0px #45556c;
  581.     color: #bcc1c6;
  582.     margin-bottom: 6px;
  583.     outline: none;
  584.     padding: 4px 6px;
  585. }
  586. /*DOZO*/
  587.  
  588. label {
  589.     display: inline-block;
  590.     max-width: 100%;
  591.     margin-bottom: 5px;
  592.  font-family: 'Roboto';
  593. }
  594. /****************************************************************/
  595. /*DOZO*/
  596. .form-control {
  597.  font-family: 'Roboto';
  598.     color: #acb2b8;
  599.     display: block;
  600.     width: 100%;
  601.     min-height: 35px!important;
  602.     padding: 6px 12px;
  603.     font-size: 13px;
  604.     line-height: 1.6;
  605.     background-color: rgba(0, 0, 0, 0.4);
  606.     background-image: none;
  607.     border: 1px solid rgba(0, 0, 0, 0.4);
  608.     border-radius: 5px;
  609.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  610.     box-shadow: 1px 1px 0px #45556c;
  611.     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  612.     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  613.     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  614. }
  615.  
  616. .form-control:focus {
  617.  font-family: 'Roboto';
  618.     color: #acb2b8;
  619.     display: block;
  620.     width: 100%;
  621.     min-height: 35px!important;
  622.     padding: 6px 12px;
  623.     font-size: 13px;
  624.     line-height: 1.6;
  625.     background-color: rgba(0, 0, 0, 0.4);
  626.     background-image: none;
  627.     border: 1px solid rgba(0, 0, 0, 0.4)!important;
  628.     border-radius: 5px!important;
  629.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  630.     box-shadow: 1px 1px 0px #45556c;
  631.     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  632.     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  633.     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  634. }
  635.  
  636. select {
  637.     -webkit-appearance: menulist;
  638.     box-sizing: border-box;
  639.     align-items: center;
  640.     white-space: pre;
  641.     -webkit-rtl-ordering: logical;
  642.   font-family: 'Roboto Condensed';
  643.     color: #cdd0d4!important;
  644.     background-color: #101822!important;
  645.     cursor: default;
  646.     border-width: 1px;
  647.     border-style: solid;
  648.     border-color: initial;
  649.     border-image: initial;
  650. }
  651.  
  652. .forum-tools .left-tools select.form-control {
  653.     max-width: 100%;
  654. }
  655.  
  656.  
  657. /****************************************************************/
  658. .topic-message.odd {
  659.     margin-top: 0px;
  660.     margin-bottom: 2px;
  661.     background-color: #212f43!important;
  662.     border: 1px solid #26384f!important;
  663.     box-shadow: 0 0 5px #000!important;
  664.     border-radius: 0px!important;
  665. }
  666.  
  667. .topic-message {
  668.     /* Baybay popo */
  669.     background-color: #212f43!important;
  670.     border: 1px solid #26384f!important;
  671.     box-shadow: 0 0 5px #000!important;
  672.     color: #b4b9bf;
  673.     margin-top: 0px;
  674.     margin-bottom: 2px;
  675.     border-radius: 0px!important;
  676. }
  677.  
  678. .topic-message aside.message-aside {
  679.     width: 150px;
  680.     margin: 2px;
  681.     border-radius: 0;
  682. }
  683.  
  684. .topic-message aside.message-aside .message-avatar img {
  685.     width: 100%;
  686.     height: 100%;
  687.     background-color: #212f43!important;
  688.     border: 1px solid #26384f!important;
  689.     box-shadow: 0 0 5px #000!important;
  690. }
  691.  
  692.  
  693. /****************************************************************/
  694. .btn-primary {
  695.     font-size: 13.5px!important;
  696.     color: #fff!important;
  697.     background: #2e394c;
  698.     background: -webkit-linear-gradient( top, #28298a 5%, #92b1ee 95%);
  699.     background: linear-gradient( to bottom, #4a7fce 5%, #283e6a 95%);
  700.     border: none;
  701.     border-radius: 3px;
  702.       font-family: 'Roboto Condensed';
  703.  
  704.     box-shadow: 0px 2px #121b25;
  705.     text-shadow: 1px 1.4px 3px #000!important;
  706. }
  707.  
  708. .btn-primary:hover {
  709.     -webkit-filter: grayscale(25%); /* Safari 6.0 - 9.0 */
  710.     filter: grayscale(25%);
  711.     font-size: 13.5px!important;
  712.     color: #fff!important;
  713.     background: #2e394c;
  714.     background: -webkit-linear-gradient( top, #28298a 5%, #92b1ee 95%);
  715.     background: linear-gradient( to bottom, #4c7fcc 5%, #283e6a 95%);
  716.     border: none;
  717.     border-radius: 3px;
  718.       font-family: 'Roboto Condensed';
  719.  
  720.     box-shadow: 0px 2px #121b25;
  721.     text-shadow: 1px 1.4px 3px #000!important;
  722. }
  723.  
  724. .btn-danger {
  725.     font-size: 13.5px!important;
  726.     color: #fff!important;
  727.         background: #a4d007;
  728.  
  729.     background: -webkit-linear-gradient(top, #799905 5%, #536904 95%);
  730.     background: linear-gradient(to bottom, #799905 5%, #536904 95%);
  731.     border: none;
  732.     border-radius: 3px;
  733.   font-family: 'Roboto Condensed';
  734.  
  735.     box-shadow: 0px 2px #121b25;
  736.     text-shadow: 1px 1.4px 3px #000!important;
  737. }
  738.  
  739. .btn-danger:hover {
  740.     font-size: 13.5px!important;
  741.     color: #fff!important;
  742.     background: #a4d007;
  743.     background: -webkit-linear-gradient(top, #799905 5%, #536904 95%);
  744.     background: linear-gradient(to bottom, #799905 5%, #536904 95%);
  745.     border: none;
  746.     border-radius: 3px;
  747.   font-family: 'Roboto Condensed';
  748.  
  749.     text-shadow: 1px 1.4px 3px #000!important;
  750.     box-shadow: 0px 2px #121b25;
  751. }
  752.  
  753. .grey-btn.btn {
  754.     MARGIN-top: 0px;
  755.     text-transform: uppercase;
  756.     height: 33px!important;
  757.     font-size: 12px!important;
  758.     color: #fff!important;
  759.     background: #2e394c;
  760.     background: -webkit-linear-gradient( top, #28298a 5%, #92b1ee 95%);
  761.     background: linear-gradient( to bottom, #4a7fce 5%, #283e6a 95%);
  762.     border: none;
  763.     border-radius: 3px;
  764.     font-family: 'courrier'!important;
  765.     box-shadow: 0px 2px #121b25;
  766.     text-shadow: 1px 1.4px 3px #000!important;
  767. }
  768. .grey-btn.btn:hover {
  769. -webkit-filter: grayscale(25%); /* Safari 6.0 - 9.0 */
  770.     filter: grayscale(25%);
  771. MARGIN-top: 0px;
  772.     text-transform: uppercase;
  773.     height: 33px!important;
  774.     font-size: 12px!important;
  775.     color: #fff!important;
  776.     background: #2e394c;
  777.     background: -webkit-linear-gradient( top, #28298a 5%, #92b1ee 95%);
  778.     background: linear-gradient( to bottom, #4a7fce 5%, #283e6a 95%);
  779.     border: none;
  780.     border-radius: 3px;
  781.     font-family: 'courrier'!important;
  782.     box-shadow: 0px 2px #121b25;
  783.     text-shadow: 1px 1.4px 3px #000!important;
  784. }
  785. /****************************************************************/
  786. .preview {
  787.      /* Baybay popo */
  788.   font-family: 'Source Sans Pro';
  789.     color: #bcc1c6;
  790.     display: block;
  791.     width: 100%;
  792.     min-height: 35px!important;
  793.     padding: 6px 12px;
  794.     font-size: 14px;
  795.     line-height: 1.6;
  796.     background-color: rgba(0, 0, 0, 0.4);
  797.     background-image: none;
  798.     border: 1px solid rgba(0, 0, 0, 0.4);
  799.     border-radius: 5px;
  800.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  801.     box-shadow: 1px 1px 0px #45556c;
  802.     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  803.     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  804.     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  805. }
  806.  
  807.  
  808. /****************************************************************/
  809. h1 {
  810.     display: inline;
  811.   font-family: 'Roboto Condensed';
  812. color: transparent;
  813.     font-size: 0px!important;
  814. /*  color: #acb2b8;
  815.     font-size: 36px;*/
  816.     text-align: left;
  817. }
  818. h1::before {
  819.         display: inline;
  820.  
  821.     content: "Thème Blue 🎐 mafumafu"!important;
  822.     color: #ffffff;
  823.     font-size: 12px!important;
  824.   font-family: 'Roboto Condensed';
  825.  
  826.     font-style: normal!important;
  827.     text-align: center;
  828. }
  829.  
  830. h3, .h3 {
  831.     display: inline-block;
  832.     padding: 10px 10px;
  833.     font-size: 13.5px!important;
  834.     height: 35px!important;
  835.     color: #fff;
  836.     background: #a4d007;
  837.     background: -webkit-linear-gradient(top, #799905 5%, #536904 95%);
  838.     background: linear-gradient(to bottom, #799905 5%, #536904 95%);
  839.   font-family: 'Roboto Condensed';
  840.  
  841.     box-shadow: 0px 2px #121b25;
  842.     text-shadow: 1px 1.4px 3px #000!important;
  843.     border-radius: 3px;
  844. }
  845.  
  846. h2, .h2 {
  847.       font-family: 'Roboto Condensed';
  848.  
  849.     font-size: 25px;
  850.     color: #dedede;
  851.     margin-top: 25px!important;
  852. }
  853.  
  854.  
  855. /****************************************************************/
  856. /* DOZO */
  857. .table > tbody > tr {
  858.     background: rgba(103, 193, 245, 0.1)!important;
  859.     height: 30px!important;
  860.     color: #acb2b8!important;
  861.     font-size: 13px!important;
  862.     text-decoration: none!important;
  863.     font-weight: 400!important;
  864.     border-bottom: 1px solid #1b2838!important;
  865. }
  866.  
  867. th.topics-date {
  868.     text-align: center!important;
  869. }
  870. td.topics-date {
  871.     width: 130px;
  872.     text-align: center!important;
  873.  font-family: 'Roboto'!important;
  874.  
  875.     color: #acb2b8;
  876. }
  877.  
  878.  
  879. td.topics-amount {
  880.  font-family: 'Roboto'!important;
  881.     color: #acb2b8;
  882.     width: 50px;
  883.     text-align: center;
  884.     vertical-align: top;
  885.    
  886.  
  887. }
  888. /*DOZO*/
  889. .table > tbody > tr a {
  890.  
  891.     line-height: 26px;
  892.  font-family: 'Roboto';
  893.     color: #acb2b8;
  894.     font-size: 13px!important;
  895.     text-decoration: none!important;
  896.     font-weight: 400!important;
  897. }
  898.  
  899. .table > tbody > tr a:hover {
  900.         transition: color 1s linear!important;
  901.  
  902.     line-height: 26px;
  903.  font-family: 'Roboto';
  904.     color: #ffffff;
  905.     font-size: 13px!important;
  906.     text-decoration: none!important;
  907.     font-weight:400!important;
  908. }
  909.  
  910. .table > tbody > tr a {
  911.  
  912.     line-height: 26px;
  913.  
  914.     color: #acb2b8;
  915.     font-size: 13px!important;
  916.     text-decoration: none!important;
  917.     font-weight: 400!important;
  918. }
  919.  
  920. /****************************************************************/
  921. .message-permalink {
  922.     position: absolute;
  923.     bottom: 0!important;
  924.     color: #acb2b8!important;
  925.     text-decoration: none;
  926.     font-size: 12px!important;
  927.   font-family: 'Roboto Condensed';
  928.  
  929. }
  930.  
  931. .message-permalink:hover {
  932.     transition: color 1s linear;
  933.     position: absolute;
  934.     bottom: 0;
  935.     color: #67c1f5!important;
  936.     text-decoration: none;
  937.     font-size: 12px!important;
  938.       font-family: 'Roboto Condensed';
  939.  
  940. }
  941.  
  942. .topic-message .message-footer .message-edited {
  943.     color: #67c1f5;
  944.     font-size: 12px!important;
  945.   font-family: 'Roboto Condensed';
  946.  
  947.     font-style: normal!important;
  948. }
  949.  
  950. .text-muted::after {
  951.  
  952.     content: " | Thème Blue 🎐 mafumafu"!important;
  953.     color: #ffffff;
  954.     font-size: 12px!important;
  955.   font-family: 'Roboto Condensed';
  956.  
  957.     font-style: normal!important;
  958. }
  959. /****************************************************************/
  960. .odd .message-header {
  961.     padding-top: 8px;
  962.     padding-bottom: 45px;
  963.     border-bottom: 1px dotted #000!important;
  964. }
  965.  
  966. .message-header {
  967.     padding-top: 8px;
  968.     padding-bottom: 45px;
  969.     border-bottom: 1px dotted #000!important;
  970. }
  971.  
  972. .topic-message .message-header .message-username a {
  973.     text-shadow: 1px 1px 1px #0c0c0c
  974. !important;
  975.     font-size: 18px!important;
  976.     font-family: 'Roboto Condensed';
  977.     color: #cecece;
  978.     font-weight: 600!important;
  979.     letter-spacing: 0.5px;
  980.     /* background-image: url('https://i.imgur.com/wydxufe.png');
  981.     background-repeat: no-repeat;
  982.     padding-left: 28px;*/
  983.  
  984.     /* animation BB */
  985.    /*transition: padding-left 0.5s ease-in, background-image 0.6s ease-in-out;*/
  986.  
  987. }
  988.  
  989. .topic-message .message-header .message-username a:hover {
  990.   /*  transition: padding-left 0.5s ease-in, background-image 0.6s ease-in-out; */
  991.      /*transition: color 0.3s linear;
  992.     background-repeat: no-repeat;
  993.     padding-left: 0px;*/
  994.    
  995.     /*background-image: url('https://i.imgur.com/wydxufe.png');
  996.     background-repeat: no-repeat;
  997.     padding-left: 28px;*/
  998.    
  999.     text-shadow: 1px 1px 1px #0c0c0c
  1000. !important;
  1001.     text-decoration: none;
  1002.     font-size: 18px!important;
  1003.     font-family: 'Roboto Condensed';
  1004.     color: #67c1f5!important;
  1005.     font-weight: 600!important;
  1006. }
  1007.  
  1008. span.message-date{
  1009.         font-family: 'Roboto Condensed';
  1010.         font-size: 12px!important;
  1011.  
  1012.         color: #67c1f5!important;
  1013.  
  1014. }
  1015.  
  1016.  
  1017. .topic-message .message-header .message-date a{
  1018.         font-size: 12px!important;
  1019. padding-left: 0px;
  1020. }
  1021. .topic-message .message-header .message-date a:hover{
  1022.     transition: all 1s ease-in;
  1023.  
  1024. }
  1025. /****************************************************************/
  1026. /****************************************************************/
  1027.  
  1028. /* ENVELOPPE CACA
  1029. .glyphicon-envelope:before {
  1030.     content: "\2709";
  1031. }
  1032. .glyphicon-envelope:hover {
  1033.     content: "\2709";
  1034.  transform: scale(1.2);
  1035.     transition-duration: 0.6s;
  1036. transition-timing-function: linear;
  1037. }
  1038. */
  1039. /****************************************************************/
  1040.  
  1041. .topic-pm-user {
  1042.         background-image: url('https://i.imgur.com/EVx1PsF.png');
  1043. width:16px;
  1044.     height: 16px;
  1045.    /* font-size: 0.9em; */
  1046.     color: transparent!important;
  1047.     vertical-align: middle;
  1048. }
  1049.  
  1050. .topic-pm-user:hover {
  1051.         background-image: url('https://i.imgur.com/EVx1PsF.png');
  1052. width:16px;
  1053.     height: 16px;
  1054.    /* font-size: 0.9em; */
  1055.     color: transparent!important;
  1056.     vertical-align: middle;
  1057.         transition-property: margin-bottom;
  1058.       transition-duration: 0.6s;
  1059.             margin-bottom: 2px;
  1060. }
  1061. /****************************************************************/
  1062. .glyphicon-star {
  1063.     content: "\e006";
  1064.     display: inline-block;
  1065.     background-image: url(https://i.imgur.com/tsEmmRd.png); /* done */
  1066.     width: 16px;
  1067.     height: 16px;
  1068.     line-height: 18px!important;
  1069.     color: transparent!important;
  1070. }
  1071.  
  1072. .glyphicon-star:hover {
  1073.     content: "\e006";
  1074.     display: inline-block;
  1075.     background-image: url(https://i.imgur.com/tsEmmRd.png);
  1076.    
  1077.  -webkit-animation: rotating 1s linear infinite;
  1078.     -moz-animation: rotating 1s linear infinite;
  1079.     -ms-animation: rotating 1s linear infinite;
  1080.     -o-animation: rotating 1s linear infinite;
  1081.     animation: rotating 1s linear infinite;
  1082.    
  1083.     width: 16px;
  1084.     height: 16px;
  1085.     line-height: 18px!important;
  1086.     color: transparent!important;
  1087. }
  1088.  
  1089. @-webkit-keyframes rotating /* Safari and Chrome */ {
  1090.   from {
  1091.     -webkit-transform: rotate(0deg);
  1092.     -o-transform: rotate(0deg);
  1093.     transform: rotate(0deg);
  1094.   }
  1095.   to {
  1096.     -webkit-transform: rotate(360deg);
  1097.     -o-transform: rotate(360deg);
  1098.     transform: rotate(360deg);
  1099.   }
  1100. }
  1101. @keyframes rotating {
  1102.   from {
  1103.     -ms-transform: rotate(0deg);
  1104.     -moz-transform: rotate(0deg);
  1105.     -webkit-transform: rotate(0deg);
  1106.     -o-transform: rotate(0deg);
  1107.     transform: rotate(0deg);
  1108.   }
  1109.   to {
  1110.     -ms-transform: rotate(360deg);
  1111.     -moz-transform: rotate(360deg);
  1112.     -webkit-transform: rotate(360deg);
  1113.     -o-transform: rotate(360deg);
  1114.     transform: rotate(360deg);
  1115.   }
  1116. }
  1117. /****************************************************************/
  1118. .odd .message-content-quote {
  1119.     /* BAYBAY */
  1120.   font-family: 'Source Sans Pro';
  1121.       margin-TOP: 6px!important;
  1122.  
  1123.       margin-bottom: 6px!important;
  1124. padding-left: 8px!important;
  1125.         padding-right: 8px!important;
  1126.     color: #b4b9bf;
  1127.     background-color: rgba(0, 0, 0, 0.4);
  1128.     background-image: none;
  1129.     border: 1px solid rgba(0, 0, 0, 0.4)!important;
  1130.     border-radius: 5px;
  1131.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1132.     box-shadow: 1px 1px 0px #45556c;
  1133.     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1134.     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1135.     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1136. }
  1137.  
  1138. .topic-message .message-content{
  1139.   font-family: 'Source Sans Pro';
  1140.  
  1141. }
  1142.  
  1143. .message-content-quote {
  1144.     /* BAYBAY */
  1145. color: #b4b9bf!important;
  1146.   font-family: 'Source Sans Pro'!important;
  1147.     padding-left: 8px!important;
  1148.         padding-right: 8px!important;
  1149.  
  1150.       margin-TOP: 6px!important;
  1151.       margin-bottom: 6px!important;
  1152.     background-color: rgba(0, 0, 0, 0.4)!important;
  1153.     background-image: none;
  1154.     border: 1px solid rgba(0, 0, 0, 0.4)!important;
  1155.     border-radius: 5px;
  1156.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1157.     box-shadow: 1px 1px 0px #45556c;
  1158.     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1159.     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1160.     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1161. }
  1162.  
  1163. .message-content-quote {
  1164.       font-family: 'Roboto Condensed';
  1165.  
  1166.  
  1167.     margin: 0;
  1168.     padding: 5px;
  1169.     font-size: .95em;
  1170.     line-height: 1.6em;
  1171.     border-left-style: solid;
  1172.     border-left-width: 5px;
  1173.     border-left-color: var(--quote-primary-border-color);
  1174.     background: var(--quote-primary-background);
  1175.     color: var(--quote-color);
  1176. }
  1177.  
  1178. .message-content-quote .message-content-quote-author {
  1179.           font-family: 'Roboto Condensed';
  1180. font-weight: 700;
  1181.  
  1182. }
  1183.  
  1184. .message-content-quote a {
  1185.           font-family: 'Roboto Condensed';
  1186.  
  1187.  
  1188.     color: #67c1f5;
  1189.     font-style: normal;
  1190.     font-weight: normal!important;
  1191. }
  1192.  
  1193. .message-content-quote .message-content-quote-caption {
  1194.       font-family: 'Roboto Condensed';
  1195.     transition: all 0.3s linear;
  1196.  
  1197.  
  1198.     font-style: normal;
  1199.     color: #ffff;
  1200. }
  1201.  
  1202. tr.active, tr.active td {
  1203.     background: #41627e!important;
  1204. }
  1205.  
  1206.  
  1207. /****************************************************************/
  1208. .pagination > li a {
  1209.     display: inline;
  1210.     background-color: rgba( 103, 193, 245, 0.2);
  1211.     border: 1px transparent;
  1212.     border-radius: 3px;
  1213.     cursor: pointer;
  1214.     color: #66c0f4;
  1215.     margin-left: 2px;
  1216.     line-height: 17px!important;
  1217. }
  1218.  
  1219. .glyphicon-chevron-right:before {
  1220.     display: inline-block;
  1221.     content: "\e080";
  1222. }
  1223.  
  1224. section .pagination li.subactive {
  1225.     border-bottom: 2px solid transparent;
  1226.     background-color: rgba( 21, 31, 44, 0.7);
  1227.     margin: 0 0 0px 0;
  1228.     width: 100%;
  1229.     border-radius: 3px!important;
  1230.     cursor: pointer;
  1231.     color: #66c0f4;
  1232. }
  1233.  
  1234. section .pagination a:hover {
  1235.     float: none;
  1236.     background: none;
  1237.     border: none;
  1238.     padding: 2px 5px;
  1239.     background-color: rgba( 103, 193, 245, 0.2);
  1240. }
  1241.  
  1242. /* important */
  1243. .table > thead > tr > th {
  1244.  font-family: 'Roboto Condensed';
  1245.     background: transparent!important;
  1246.     background-size: cover;
  1247.     padding: 5px;
  1248. font-weight: 700;
  1249.  
  1250. }
  1251.  
  1252. section .pagination {
  1253.     display: block;
  1254.     height: 25px;
  1255.     background-color: rgba( 21, 31, 44, 0.7);
  1256.     margin: 0 0 0px 0;
  1257.     width: 100%;
  1258.     text-align: center;
  1259.     font-size: 1.2em;
  1260.     border-radius: 3px!important;
  1261. }
  1262.  
  1263. table table-striped topics {
  1264.     background-color: red!important;
  1265. }
  1266.  
  1267.  
  1268. /****************************************************************/
  1269. .navbar .navbar-logo img {
  1270.     /*
  1271.     background-image: url('https://i.imgur.com/mDHdpTe.png'); /* done */
  1272.    
  1273.     background-image: url('https://i.imgur.com/j2UKLCe.png');
  1274.     width: 172px;
  1275.     height: 50px;
  1276.     padding-right: 172px!important;
  1277.     margin-bottom: 5px;
  1278.     margin-left: 30px;
  1279. }
  1280.  
  1281. .brand img {
  1282.     background-image: url('https://i.imgur.com/J91AAzJ.png')!important;/* done */
  1283.     width: 258px!important;
  1284.     height: 225px!important;
  1285.     padding-right: 258px!important;
  1286.     margin-left: auto;
  1287.     margin-right: auto;
  1288.     display: block;
  1289.  
  1290. }
  1291.  
  1292.  
  1293. /****************************************************************/
  1294.  
  1295. /** marge sous la table **/
  1296. .table {
  1297.     width: 100%;
  1298.     max-width: 100%;
  1299.     margin-bottom: 0px!important;
  1300. }
  1301.  
  1302. .login .login-title, .login .signup-title, .signup .login-title, .signup .signup-title {
  1303.     margin: 10px 0 20px 0;
  1304. }
  1305.  
  1306. .btn-success {
  1307.     color: #fff;
  1308.     background-color: #2ab27b;
  1309.     border-color: #259d6d;
  1310. }
  1311.  
  1312. .table > thead {
  1313.     background-color: #101822;
  1314.     color: #acb2b8;
  1315.     letter-spacing: 0.2px;
  1316.     font-size: 13px;
  1317. }
  1318.  
  1319. thead {
  1320.     text-transform: uppercase;
  1321. }
  1322.  
  1323.  
  1324. /****************************************************************/
  1325. .bbcodes {
  1326.     text-align: left;
  1327.     margin: 0;
  1328.     border: 1px solid #c7c7c7;
  1329.     border-radius: 3px 3px 0 0;
  1330.     background: #c7c7c7;
  1331. }
  1332.  
  1333. .popup {
  1334.     background: #c7c7c7;
  1335.     background-repeat: no-repeat;
  1336.     background-size: cover;
  1337.     background-attachment: fixed;
  1338. }
  1339. .fancybox-container h4, .h4 {
  1340.     font-size: 18px;
  1341.    
  1342.   font-family: 'Roboto Condensed';
  1343.  
  1344.  
  1345.     color: #305c7c;
  1346. }
  1347. .bottombar ul {
  1348.     padding: 0 20px;
  1349.     border-radius: 10px;
  1350.     background-image: url(https://i.imgur.com/Oca0onc.jpg); /* done */
  1351.     background-repeat: no-repeat;
  1352.     list-style: none;
  1353.     display: inline-block;
  1354. }
  1355.  
  1356.  
  1357. /****************************************************************/
  1358. .topic-message .message-header .message-actions li img, .topic-message .message-header .message-actions li input[type="image"] {
  1359.     width: 20px!important;
  1360.     height: 20px!important;
  1361.     display: inline-block;
  1362. }
  1363.  
  1364. .topic-message .message-header .message-actions img, .topic-message .message-header .message-actions input[type="image"] {
  1365.     border-radius: 3px;
  1366. }
  1367.  
  1368.  
  1369. /****************************************************************/
  1370. .message-quote img {
  1371.     background-image: url(https://i.imgur.com/bvdff6Q.png); /* done */
  1372.     width: 20px;
  1373.     height: 20px;
  1374.     padding-right: 20px!important
  1375.        
  1376. }
  1377.  
  1378. .message-quote img:hover {
  1379.     transition-property: margin-bottom;
  1380.       transition-duration: 0.6s;
  1381.             margin-bottom: 2px;
  1382.  
  1383.     background-image: url(https://i.imgur.com/2i7q2a9.png)!important; /* done */
  1384.     width: 20px;
  1385.     height: 20px;
  1386.     padding-right: 20px;
  1387. }
  1388.  
  1389. input.ddb-bouton {
  1390.  
  1391.     background-image: url(https://i.imgur.com/W9BO4Ca.png); /* done */
  1392.     width: 20px!important;
  1393.     height: 20px!important;
  1394.     padding-right: 20px!important
  1395.  
  1396. }
  1397.  
  1398. input.ddb-bouton:hover {
  1399.         transition-property: all!important;
  1400.       transition-duration: 0.5s!important;
  1401.     transition-timing-function: linear!important;
  1402.             margin-bottom: 2px!important;
  1403.     background-image: url(https://i.imgur.com/0gQHDPt.png)!important; /* done */
  1404.     width: 20px!important;
  1405.     height: 20px!important;
  1406.     padding-right: 20px!important
  1407. }
  1408.  
  1409. .message-edit img {
  1410.    
  1411.     background-image: url(https://i.imgur.com/TclNAxY.png);/* done */
  1412.     width: 20px!important;
  1413.     height: 20px!important;
  1414.     padding-right: 20px!important
  1415. }
  1416.  
  1417. .message-edit img:hover {
  1418.         transition-property: all;
  1419.       transition-duration: 0.5s;
  1420.     transition-timing-function: linear;
  1421.             margin-bottom: 2px;
  1422.     background-image: url(https://i.imgur.com/QNXpazS.png);/* done */
  1423.     width: 20px!important;
  1424.     height: 20px!important;
  1425.     padding-right: 20px!important;
  1426. }
  1427.  
  1428. .topic-pm-user {
  1429.     font-size: 0.9em;
  1430.     color: #a5a5a5;
  1431.     vertical-align: middle;
  1432. }
  1433.  
  1434. .message-delete img {
  1435.     background-image: url(https://i.imgur.com/zS8IDvF.png);/* done */
  1436.     width: 20px!important;
  1437.     height: 20px!important;
  1438.     padding-right: 20px!important
  1439. }
  1440.  
  1441. .message-delete img:hover {
  1442.         transition-property: all!important;
  1443.       transition-duration: 0.5s!important;
  1444.     transition-timing-function: linear!important;
  1445.             margin-bottom: 2px!important;
  1446.     background-image: url(https://i.imgur.com/sRsD1pV.png);/* done */
  1447.     width: 20px!important;
  1448.     height: 20px!important;
  1449.     padding-right: 20px!important
  1450. }
  1451.  
  1452.  
  1453. /****************************************************************/
  1454. .chat-box .chat-message {
  1455.       font-family: 'Roboto Condensed';
  1456.  
  1457.     color: #acb2b8;
  1458.     font-size: 14px;
  1459.     overflow: hidden;
  1460. }
  1461.  
  1462. .chat-box .chat-message .chat-message-username a {
  1463.   font-family: 'Roboto Condensed';
  1464.  
  1465.     color: #ffffff;
  1466.     font-size: 14px;
  1467. }
  1468.  
  1469. .chat-box .chat-message .chat-message-username a:hover {
  1470.       font-family: 'Roboto Condensed';
  1471.     color: #66c0f4!important;
  1472.     font-size: 14px;
  1473. }
  1474.  
  1475. .chat-form {
  1476.     background: #6C7A89;
  1477.     padding: 20px;
  1478. }
  1479.  
  1480. .spoiler .spoiler-content {
  1481.  color: #b4b9bf!important;
  1482.   font-family: 'Source Sans Pro'!important;
  1483.       background-color: transparent;
  1484.     border-left: none!important;
  1485.     font-size: 14px;
  1486.     padding: 0 0px;
  1487.     display: none;
  1488. }
  1489.  
  1490. /****************************************************************/
  1491. .spoiler .spoiler-btn {
  1492.     transition: 2s;
  1493.         overflow: hidden;
  1494. border-left:none!important;
  1495.         display: block;
  1496. color: transparent;
  1497.     cursor: pointer;
  1498.     -moz-box-sizing: border-box;
  1499.     box-sizing: border-box;
  1500. background-image: url(https://i.imgur.com/BFGBh1r.png); /* done */
  1501.     width: 101px!important;
  1502.     height: 37px!important;
  1503.         padding-top: 37px;
  1504. margin-top:2px!important;
  1505.         margin-bottom: 6px;
  1506.  
  1507. }
  1508.  
  1509. .spoiler .spoiler-btn:hover {
  1510.     -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  1511.     filter: grayscale(100%);
  1512.  
  1513.         overflow: hidden;
  1514. border-left:none!important;
  1515.         display: block;
  1516. color: transparent;
  1517.     cursor: pointer;
  1518.     -moz-box-sizing: border-box;
  1519.     box-sizing: border-box;
  1520. background-image: url(https://i.imgur.com/BFGBh1r.png);
  1521.     width: 101px!important;
  1522.     height: 37px!important;
  1523.         padding-top: 37px;
  1524. margin-top:2px;
  1525.     margin-bottom: 6px;
  1526. }
  1527. .topic-message.odd .spoiler-content {
  1528.       font-family: 'Roboto Condensed';
  1529.  
  1530.  
  1531.     color: #acb2b8;
  1532.       background-color: transparent;
  1533.     border-left: none!important;
  1534. }
  1535.  
  1536. .form-control[disabled], fieldset[disabled] .form-control {
  1537.     cursor: not-allowed;
  1538.     background-color: rgba(0, 0, 0, 0.4);
  1539.     background-image: none;
  1540.     border: 1px solid rgba(0, 0, 0, 0.4);
  1541.     border-radius: 5px;
  1542.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1543.     box-shadow: 1px 1px 0px #45556c;
  1544.     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1545.     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1546.     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1547. }
  1548. }
  1549.  
  1550. @-moz-document url-prefix("https://avenoel.org/profil/") {
  1551. .bottombar ul {
  1552.     padding: 0 20px;
  1553.     border-radius: 10px;
  1554.     background-image: url(https://i.imgur.com/Oca0onc.jpg);
  1555.     background-repeat: no-repeat;
  1556.     list-style: none;
  1557.     display: inline-block;
  1558. }
  1559.  
  1560. /* BABAW */
  1561. .navbar {
  1562.         background-image: url('https://i.imgur.com/hgRiRbm.gif')!important;
  1563.     background: #171a21;
  1564.     border-radius: 0 !important;
  1565.     font-size: 1.3em;
  1566.     text-transform: uppercase;
  1567.     font-weight: normal;
  1568.     border-bottom: 1px solid #171a21!important;
  1569. }
  1570.  
  1571. /****************************************************************/
  1572. .footer a {
  1573.     color: #67c1f5;
  1574.     font-size: 12px;
  1575. }
  1576.  
  1577. .footer a:hover {
  1578.     color: #ffffff;
  1579.     text-decoration: none;
  1580. }
  1581.  
  1582. /****************************************************************/
  1583.  
  1584. /* BABAW */
  1585. .footer {
  1586.         background-image: url('https://i.imgur.com/hgRiRbm.gif')!important;
  1587.     background: #171a21;
  1588.   font-family: 'Roboto Condensed';
  1589.     border-radius: 0!important;
  1590.     border-top: 1px solid #101822;
  1591.     color: #8F98A0;
  1592.     position: absolute;
  1593.     bottom: 0;
  1594.     width: 100%;
  1595.     height: auto!important;
  1596.     text-align: center;
  1597.     font-size: 12px;
  1598. }
  1599.  
  1600.  
  1601. /****************************************************************/
  1602. /****************************************************************/
  1603. a {
  1604.   font-family: 'Roboto Condensed';
  1605.     color: #67c1f5;
  1606.     font-size: 13px!important;
  1607.     text-decoration: none!important
  1608. }
  1609.  
  1610. a:hover {
  1611.         transition: all 0.3s linear;
  1612.  
  1613.   font-family: 'Roboto Condensed';
  1614.     font-size: 13px!important;
  1615.     color: #ffffff!important;
  1616. }
  1617.  
  1618.  
  1619. .navbar .navbar-logo img {
  1620.     /*
  1621.     background-image: url('https://i.imgur.com/mDHdpTe.png'); /* done */
  1622.    
  1623.     background-image: url('https://i.imgur.com/j2UKLCe.png');
  1624.     width: 172px;
  1625.     height: 50px;
  1626.     padding-right: 172px!important;
  1627.     margin-bottom: 5px;
  1628.     margin-left: 30px;
  1629. }
  1630.  
  1631. .brand img {
  1632.     background-image: url('https://i.imgur.com/J91AAzJ.png')!important;/* done */
  1633.     width: 258px!important;
  1634.     height: 225px!important;
  1635.     padding-right: 258px!important;
  1636.     margin-left: auto;
  1637.     margin-right: auto;
  1638.     display: block;
  1639. }
  1640.  
  1641.  
  1642.  
  1643. .navbar-inverse .navbar-nav > li > a {
  1644.     color: #c7c7c7!important;
  1645.    font-family: 'Roboto Condensed';
  1646.     font-size: 18px!important;
  1647.     font-weight: 700!important;
  1648. }
  1649.  
  1650. /* BABAW */
  1651. .navbar-inverse .navbar-nav > li > a:hover {
  1652.     transition: all 0.3s linear;
  1653.     color: #67c1f5!important;
  1654.  font-family: 'Roboto Condensed';
  1655.     font-weight: 700;
  1656.     background-color: #08080896!important;
  1657. }
  1658.  
  1659. /* BABAW*/
  1660. .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  1661. color: #67c1f5!important;
  1662.     background-color: #08080896!important;
  1663. }
  1664.  
  1665. /* lecteur */
  1666. .glyphicon-pause:before {
  1667.     content: "\e073";
  1668.     color: #acb2b8!important;
  1669.             text-shadow: #000 0px 3px 1px;
  1670.  
  1671.  
  1672. }
  1673. .player-toggle {
  1674.     cursor: pointer;
  1675.     color: #acb2b8!important;
  1676.         text-shadow: #000 0px 3px 1px;
  1677.  
  1678. }
  1679.  
  1680. /*DOZO*/
  1681. /* DEUSSETTE */
  1682.  
  1683. .profile .profile-title, .profile .profile-wrapper, .profile .profile-footer, .profile .profile-biography {
  1684. /*background-image: url('https://i.imgur.com/hgRiRbm.gif')!important; */
  1685. background-image: url('https://i.imgur.com/PFHLHhl.png');
  1686.     background-repeat: no-repeat;
  1687.   font-family: 'Roboto';
  1688.     font-size: 13.5px;
  1689.     /*background-color: #171a21!important;*/
  1690.         background-color: #141414!important;
  1691.  
  1692.     /*border: 1px solid #08090b!important;*/
  1693.     box-shadow: 0 0 5px #000!important;
  1694.     border-radius: 10px!important;
  1695.     padding: 15px;
  1696. }
  1697.  
  1698. .profile h4, .h4 {
  1699.     text-shadow: #000 0px 2px 2px;
  1700.  
  1701.    
  1702. font-family: 'Lobster', cursive;
  1703.     font-size: 26px!important;
  1704.     text-align: center;
  1705.     color: #acb2b8!important;
  1706.     font-weight: 400;
  1707.    
  1708. }
  1709.  
  1710. .profile .profile-title h2 {
  1711.  
  1712.     text-shadow: #000 0px 4px 2px;
  1713.    
  1714.    
  1715.     font-family: 'Lobster', cursive;
  1716.     color: #acb2b8!important;
  1717.     font-size: 40px;
  1718.     font-weight: 500;
  1719.     margin: 0;
  1720. }
  1721.  
  1722.  
  1723. .profile .profile-wrapper-left .profile-secondary-title, .profile .profile-wrapper-right .profile-secondary-title {
  1724.     margin: 10px 0;
  1725. font-family: 'Lobster', cursive;
  1726.     text-align: center;
  1727.     background: transparent!important;
  1728.     box-shadow: none!important;
  1729.     color: #acb2b8!important;
  1730.     text-shadow: #000 0px 2px 2px;
  1731.     font-size: 24px!important;
  1732.  
  1733.    
  1734. }
  1735. /* BABAW */
  1736. .profile .profile-wrapper .profile-avatar img {
  1737.  
  1738.     background-color: transparent!important;
  1739.     border: 1px solid transparent!important;
  1740.     box-shadow: 2 2 3px #000!important;
  1741.     border-radius:5px;
  1742. }
  1743.  
  1744. body {
  1745.   font-family: 'Roboto Condensed';
  1746.     color: #acb2b8;
  1747.     font-size: 14px;
  1748.     background-repeat: no-repeat;
  1749.     background-size: cover;
  1750.     background-attachment: fixed;
  1751.     margin-bottom: 60px;
  1752.     overflow-x: hidden;
  1753.     width: 100%;
  1754.     padding-top: 100px;
  1755. }
  1756.  
  1757.  
  1758.  
  1759. /* cyrillic-ext */
  1760. @font-face {
  1761.   font-family: 'Roboto Condensed';
  1762.   font-style: normal;
  1763.   font-weight: 400;
  1764.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2');
  1765.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  1766. }
  1767. /* cyrillic */
  1768. @font-face {
  1769.   font-family: 'Roboto Condensed';
  1770.   font-style: normal;
  1771.   font-weight: 400;
  1772.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
  1773.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  1774. }
  1775. /* greek-ext */
  1776. @font-face {
  1777.   font-family: 'Roboto Condensed';
  1778.   font-style: normal;
  1779.   font-weight: 400;
  1780.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2');
  1781.   unicode-range: U+1F00-1FFF;
  1782. }
  1783. /* greek */
  1784. @font-face {
  1785.   font-family: 'Roboto Condensed';
  1786.   font-style: normal;
  1787.   font-weight: 400;
  1788.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2');
  1789.   unicode-range: U+0370-03FF;
  1790. }
  1791. /* vietnamese */
  1792. @font-face {
  1793.   font-family: 'Roboto Condensed';
  1794.   font-style: normal;
  1795.   font-weight: 400;
  1796.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2');
  1797.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  1798. }
  1799. /* latin-ext */
  1800. @font-face {
  1801.   font-family: 'Roboto Condensed';
  1802.   font-style: normal;
  1803.   font-weight: 400;
  1804.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  1805.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  1806. }
  1807. /* latin */
  1808. @font-face {
  1809.   font-family: 'Roboto Condensed';
  1810.   font-style: normal;
  1811.   font-weight: 400;
  1812.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  1813.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  1814. }
  1815. /* cyrillic-ext */
  1816. @font-face {
  1817.   font-family: 'Roboto Condensed';
  1818.   font-style: normal;
  1819.   font-weight: 700;
  1820.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format('woff2');
  1821.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  1822. }
  1823. /* cyrillic */
  1824. @font-face {
  1825.   font-family: 'Roboto Condensed';
  1826.   font-style: normal;
  1827.   font-weight: 700;
  1828.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format('woff2');
  1829.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  1830. }
  1831. /* greek-ext */
  1832. @font-face {
  1833.   font-family: 'Roboto Condensed';
  1834.   font-style: normal;
  1835.   font-weight: 700;
  1836.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format('woff2');
  1837.   unicode-range: U+1F00-1FFF;
  1838. }
  1839. /* greek */
  1840. @font-face {
  1841.   font-family: 'Roboto Condensed';
  1842.   font-style: normal;
  1843.   font-weight: 700;
  1844.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format('woff2');
  1845.   unicode-range: U+0370-03FF;
  1846. }
  1847. /* vietnamese */
  1848. @font-face {
  1849.   font-family: 'Roboto Condensed';
  1850.   font-style: normal;
  1851.   font-weight: 700;
  1852.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2) format('woff2');
  1853.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  1854. }
  1855. /* latin-ext */
  1856. @font-face {
  1857.   font-family: 'Roboto Condensed';
  1858.   font-style: normal;
  1859.   font-weight: 700;
  1860.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2');
  1861.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  1862. }
  1863. /* latin */
  1864. @font-face {
  1865.   font-family: 'Roboto Condensed';
  1866.   font-style: normal;
  1867.   font-weight: 700;
  1868.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2');
  1869.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  1870. }
  1871.  
  1872. /*********************** POPO na POLICE ************************/
  1873.  
  1874.  
  1875. @font-face {
  1876.     font-family: 'roboto_condensedregular';
  1877.     src: url(https://dl.dropboxusercontent.com/s/bnitkb769zwlqsf/robotocondensed-regular-webfont.woff2) format('woff2'), url(https://dl.dropboxusercontent.com/s/g0ke63p5dzht918/robotocondensed-regular-webfont.woff) format('woff');
  1878.     font-weight: normal;
  1879.     font-style: normal;
  1880. }
  1881.  
  1882. @font-face {
  1883.     font-family: 'roboto_condensedbold';
  1884.     src: url('https://dl.dropboxusercontent.com/s/do1c6tb24np4fta/robotocondensed-bold-webfont.woff2') format('woff2'),
  1885.          url('https://dl.dropboxusercontent.com/s/2mn5ockjelqj8we/robotocondensed-bold-webfont.woff') format('woff');
  1886.     font-weight: normal;
  1887.     font-style: normal;
  1888.  
  1889. }
  1890.  
  1891. /*********************** POPO na POLICE ************************/
  1892.  
  1893. /* cyrillic-ext */
  1894. @font-face {
  1895.   font-family: 'Lobster';
  1896.   font-style: normal;
  1897.   font-weight: 400;
  1898.   src: local('Lobster Regular'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v20/neILzCirqoswsqX9zo-mM5Ez.woff2) format('woff2');
  1899.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  1900. }
  1901. /* cyrillic */
  1902. @font-face {
  1903.   font-family: 'Lobster';
  1904.   font-style: normal;
  1905.   font-weight: 400;
  1906.   src: local('Lobster Regular'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v20/neILzCirqoswsqX9zoamM5Ez.woff2) format('woff2');
  1907.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  1908. }
  1909. /* vietnamese */
  1910. @font-face {
  1911.   font-family: 'Lobster';
  1912.   font-style: normal;
  1913.   font-weight: 400;
  1914.   src: local('Lobster Regular'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v20/neILzCirqoswsqX9zo2mM5Ez.woff2) format('woff2');
  1915.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  1916. }
  1917. /* latin-ext */
  1918. @font-face {
  1919.   font-family: 'Lobster';
  1920.   font-style: normal;
  1921.   font-weight: 400;
  1922.   src: local('Lobster Regular'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v20/neILzCirqoswsqX9zoymM5Ez.woff2) format('woff2');
  1923.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  1924. }
  1925. /* latin */
  1926. @font-face {
  1927.   font-family: 'Lobster';
  1928.   font-style: normal;
  1929.   font-weight: 400;
  1930.   src: local('Lobster Regular'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v20/neILzCirqoswsqX9zoKmMw.woff2) format('woff2');
  1931.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  1932. }
  1933.  
  1934.  
  1935. /* cyrillic-ext */
  1936. @font-face {
  1937.   font-family: 'Roboto';
  1938.   font-style: normal;
  1939.   font-weight: 400;
  1940.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  1941.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  1942. }
  1943. /* cyrillic */
  1944. @font-face {
  1945.   font-family: 'Roboto';
  1946.   font-style: normal;
  1947.   font-weight: 400;
  1948.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  1949.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  1950. }
  1951. /* greek-ext */
  1952. @font-face {
  1953.   font-family: 'Roboto';
  1954.   font-style: normal;
  1955.   font-weight: 400;
  1956.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  1957.   unicode-range: U+1F00-1FFF;
  1958. }
  1959. /* greek */
  1960. @font-face {
  1961.   font-family: 'Roboto';
  1962.   font-style: normal;
  1963.   font-weight: 400;
  1964.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  1965.   unicode-range: U+0370-03FF;
  1966. }
  1967. /* vietnamese */
  1968. @font-face {
  1969.   font-family: 'Roboto';
  1970.   font-style: normal;
  1971.   font-weight: 400;
  1972.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  1973.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  1974. }
  1975. /* latin-ext */
  1976. @font-face {
  1977.   font-family: 'Roboto';
  1978.   font-style: normal;
  1979.   font-weight: 400;
  1980.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  1981.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  1982. }
  1983. /* latin */
  1984. @font-face {
  1985.   font-family: 'Roboto';
  1986.   font-style: normal;
  1987.   font-weight: 400;
  1988.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  1989.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  1990. }
  1991. /* cyrillic-ext */
  1992. @font-face {
  1993.   font-family: 'Roboto';
  1994.   font-style: normal;
  1995.   font-weight: 700;
  1996.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  1997.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  1998. }
  1999. /* cyrillic */
  2000. @font-face {
  2001.   font-family: 'Roboto';
  2002.   font-style: normal;
  2003.   font-weight: 700;
  2004.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  2005.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  2006. }
  2007. /* greek-ext */
  2008. @font-face {
  2009.   font-family: 'Roboto';
  2010.   font-style: normal;
  2011.   font-weight: 700;
  2012.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  2013.   unicode-range: U+1F00-1FFF;
  2014. }
  2015. /* greek */
  2016. @font-face {
  2017.   font-family: 'Roboto';
  2018.   font-style: normal;
  2019.   font-weight: 700;
  2020.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  2021.   unicode-range: U+0370-03FF;
  2022. }
  2023. /* vietnamese */
  2024. @font-face {
  2025.   font-family: 'Roboto';
  2026.   font-style: normal;
  2027.   font-weight: 700;
  2028.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  2029.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  2030. }
  2031. /* latin-ext */
  2032. @font-face {
  2033.   font-family: 'Roboto';
  2034.   font-style: normal;
  2035.   font-weight: 700;
  2036.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  2037.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  2038. }
  2039. /* latin */
  2040. @font-face {
  2041.   font-family: 'Roboto';
  2042.   font-style: normal;
  2043.   font-weight: 700;
  2044.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  2045.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  2046. }
  2047. }
  2048.  
  2049. @-moz-document url-prefix("https://avenoel.org/compte") {
  2050. /*********************** mafumafu Thème Blue v1.05 ************************/
  2051. /* DEUSSETTE */
  2052. .form-inline .form-control {
  2053.     display: inline-block!important;
  2054.     width: auto!important;
  2055.     vertical-align: middle!important;
  2056. }
  2057. /* DEUSSETTE */
  2058. textarea#biography.form-control.account-biography{
  2059.     width:500px!important
  2060. }
  2061. /* cyrillic-ext */
  2062. @font-face {
  2063.   font-family: 'Roboto';
  2064.   font-style: normal;
  2065.   font-weight: 400;
  2066.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  2067.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  2068. }
  2069. /* cyrillic */
  2070. @font-face {
  2071.   font-family: 'Roboto';
  2072.   font-style: normal;
  2073.   font-weight: 400;
  2074.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  2075.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  2076. }
  2077. /* greek-ext */
  2078. @font-face {
  2079.   font-family: 'Roboto';
  2080.   font-style: normal;
  2081.   font-weight: 400;
  2082.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  2083.   unicode-range: U+1F00-1FFF;
  2084. }
  2085. /* greek */
  2086. @font-face {
  2087.   font-family: 'Roboto';
  2088.   font-style: normal;
  2089.   font-weight: 400;
  2090.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  2091.   unicode-range: U+0370-03FF;
  2092. }
  2093. /* vietnamese */
  2094. @font-face {
  2095.   font-family: 'Roboto';
  2096.   font-style: normal;
  2097.   font-weight: 400;
  2098.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  2099.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  2100. }
  2101. /* latin-ext */
  2102. @font-face {
  2103.   font-family: 'Roboto';
  2104.   font-style: normal;
  2105.   font-weight: 400;
  2106.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  2107.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  2108. }
  2109. /* latin */
  2110. @font-face {
  2111.   font-family: 'Roboto';
  2112.   font-style: normal;
  2113.   font-weight: 400;
  2114.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  2115.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  2116. }
  2117. /* cyrillic-ext */
  2118. @font-face {
  2119.   font-family: 'Roboto';
  2120.   font-style: normal;
  2121.   font-weight: 700;
  2122.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  2123.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  2124. }
  2125. /* cyrillic */
  2126. @font-face {
  2127.   font-family: 'Roboto';
  2128.   font-style: normal;
  2129.   font-weight: 700;
  2130.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  2131.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  2132. }
  2133. /* greek-ext */
  2134. @font-face {
  2135.   font-family: 'Roboto';
  2136.   font-style: normal;
  2137.   font-weight: 700;
  2138.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  2139.   unicode-range: U+1F00-1FFF;
  2140. }
  2141. /* greek */
  2142. @font-face {
  2143.   font-family: 'Roboto';
  2144.   font-style: normal;
  2145.   font-weight: 700;
  2146.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  2147.   unicode-range: U+0370-03FF;
  2148. }
  2149. /* vietnamese */
  2150. @font-face {
  2151.   font-family: 'Roboto';
  2152.   font-style: normal;
  2153.   font-weight: 700;
  2154.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  2155.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  2156. }
  2157. /* latin-ext */
  2158. @font-face {
  2159.   font-family: 'Roboto';
  2160.   font-style: normal;
  2161.   font-weight: 700;
  2162.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  2163.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  2164. }
  2165. /* latin */
  2166. @font-face {
  2167.   font-family: 'Roboto';
  2168.   font-style: normal;
  2169.   font-weight: 700;
  2170.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  2171.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  2172. }
  2173. /* Popo nouvo */
  2174.  
  2175.  
  2176.  
  2177. /* cyrillic-ext */
  2178. @font-face {
  2179.   font-family: 'Source Sans Pro';
  2180.   font-style: normal;
  2181.   font-weight: 400;
  2182.   src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2');
  2183.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  2184. }
  2185. /* cyrillic */
  2186. @font-face {
  2187.   font-family: 'Source Sans Pro';
  2188.   font-style: normal;
  2189.   font-weight: 400;
  2190.   src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
  2191.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  2192. }
  2193. /* greek-ext */
  2194. @font-face {
  2195.   font-family: 'Source Sans Pro';
  2196.   font-style: normal;
  2197.   font-weight: 400;
  2198.   src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
  2199.   unicode-range: U+1F00-1FFF;
  2200. }
  2201. /* greek */
  2202. @font-face {
  2203.   font-family: 'Source Sans Pro';
  2204.   font-style: normal;
  2205.   font-weight: 400;
  2206.   src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
  2207.   unicode-range: U+0370-03FF;
  2208. }
  2209. /* vietnamese */
  2210. @font-face {
  2211.   font-family: 'Source Sans Pro';
  2212.   font-style: normal;
  2213.   font-weight: 400;
  2214.   src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
  2215.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  2216. }
  2217. /* latin-ext */
  2218. @font-face {
  2219.   font-family: 'Source Sans Pro';
  2220.   font-style: normal;
  2221.   font-weight: 400;
  2222.   src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
  2223.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  2224. }
  2225. /* latin */
  2226. @font-face {
  2227.   font-family: 'Source Sans Pro';
  2228.   font-style: normal;
  2229.   font-weight: 400;
  2230.   src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
  2231.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  2232. }
  2233.  
  2234. /* POPO fin */
  2235.  
  2236.  
  2237. /* cyrillic-ext */
  2238. @font-face {
  2239.   font-family: 'Roboto Condensed';
  2240.   font-style: normal;
  2241.   font-weight: 400;
  2242.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2');
  2243.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  2244. }
  2245. /* cyrillic */
  2246. @font-face {
  2247.   font-family: 'Roboto Condensed';
  2248.   font-style: normal;
  2249.   font-weight: 400;
  2250.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
  2251.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  2252. }
  2253. /* greek-ext */
  2254. @font-face {
  2255.   font-family: 'Roboto Condensed';
  2256.   font-style: normal;
  2257.   font-weight: 400;
  2258.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2');
  2259.   unicode-range: U+1F00-1FFF;
  2260. }
  2261. /* greek */
  2262. @font-face {
  2263.   font-family: 'Roboto Condensed';
  2264.   font-style: normal;
  2265.   font-weight: 400;
  2266.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2');
  2267.   unicode-range: U+0370-03FF;
  2268. }
  2269. /* vietnamese */
  2270. @font-face {
  2271.   font-family: 'Roboto Condensed';
  2272.   font-style: normal;
  2273.   font-weight: 400;
  2274.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2');
  2275.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  2276. }
  2277. /* latin-ext */
  2278. @font-face {
  2279.   font-family: 'Roboto Condensed';
  2280.   font-style: normal;
  2281.   font-weight: 400;
  2282.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  2283.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  2284. }
  2285. /* latin */
  2286. @font-face {
  2287.   font-family: 'Roboto Condensed';
  2288.   font-style: normal;
  2289.   font-weight: 400;
  2290.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  2291.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  2292. }
  2293. /* cyrillic-ext */
  2294. @font-face {
  2295.   font-family: 'Roboto Condensed';
  2296.   font-style: normal;
  2297.   font-weight: 700;
  2298.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format('woff2');
  2299.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  2300. }
  2301. /* cyrillic */
  2302. @font-face {
  2303.   font-family: 'Roboto Condensed';
  2304.   font-style: normal;
  2305.   font-weight: 700;
  2306.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format('woff2');
  2307.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  2308. }
  2309. /* greek-ext */
  2310. @font-face {
  2311.   font-family: 'Roboto Condensed';
  2312.   font-style: normal;
  2313.   font-weight: 700;
  2314.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format('woff2');
  2315.   unicode-range: U+1F00-1FFF;
  2316. }
  2317. /* greek */
  2318. @font-face {
  2319.   font-family: 'Roboto Condensed';
  2320.   font-style: normal;
  2321.   font-weight: 700;
  2322.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format('woff2');
  2323.   unicode-range: U+0370-03FF;
  2324. }
  2325. /* vietnamese */
  2326. @font-face {
  2327.   font-family: 'Roboto Condensed';
  2328.   font-style: normal;
  2329.   font-weight: 700;
  2330.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2) format('woff2');
  2331.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  2332. }
  2333. /* latin-ext */
  2334. @font-face {
  2335.   font-family: 'Roboto Condensed';
  2336.   font-style: normal;
  2337.   font-weight: 700;
  2338.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2');
  2339.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  2340. }
  2341. /* latin */
  2342. @font-face {
  2343.   font-family: 'Roboto Condensed';
  2344.   font-style: normal;
  2345.   font-weight: 700;
  2346.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2');
  2347.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  2348. }
  2349.  
  2350. /*********************** POPO na POLICE ************************/
  2351.  
  2352.  
  2353. @font-face {
  2354.     font-family: 'roboto_condensedregular';
  2355.     src: url(https://dl.dropboxusercontent.com/s/bnitkb769zwlqsf/robotocondensed-regular-webfont.woff2) format('woff2'), url(https://dl.dropboxusercontent.com/s/g0ke63p5dzht918/robotocondensed-regular-webfont.woff) format('woff');
  2356.     font-weight: normal;
  2357.     font-style: normal;
  2358. }
  2359.  
  2360. @font-face {
  2361.     font-family: 'roboto_condensedbold';
  2362.     src: url('https://dl.dropboxusercontent.com/s/do1c6tb24np4fta/robotocondensed-bold-webfont.woff2') format('woff2'),
  2363.          url('https://dl.dropboxusercontent.com/s/2mn5ockjelqj8we/robotocondensed-bold-webfont.woff') format('woff');
  2364.     font-weight: normal;
  2365.     font-style: normal;
  2366.  
  2367. }
  2368.  
  2369. /*********************** POPO na POLICE ************************/
  2370.  
  2371.  
  2372.  
  2373. /****************************************************************/
  2374. .footer {
  2375.         background-image: url('https://i.imgur.com/hgRiRbm.gif')!important;
  2376.   font-family: 'Roboto Condensed';
  2377.     background: #101822;
  2378.     border-radius: 0!important;
  2379.     border-top: 1px solid #101822;
  2380.     color: #8F98A0;
  2381.     position: absolute;
  2382.     bottom: 0;
  2383.     width: 100%;
  2384.     height: auto!important;
  2385.     text-align: center;
  2386.     font-size: 12px;
  2387. }
  2388.  
  2389.  
  2390. /****************************************************************/
  2391. .footer a {
  2392.     color: #67c1f5;
  2393.     font-size: 12px;
  2394. }
  2395.  
  2396. .footer a:hover {
  2397.     color: #ffffff;
  2398.     text-decoration: none;
  2399. }
  2400.  
  2401.  
  2402. /****************************************************************/
  2403. a {
  2404.   font-family: 'Roboto Condensed';
  2405.     color: #67c1f5;
  2406.     font-size: 13px!important;
  2407.     text-decoration: none!important
  2408. }
  2409.  
  2410. a:hover {
  2411.         transition: all 0.3s linear;
  2412.  
  2413.   font-family: 'Roboto Condensed';
  2414.     font-size: 13px!important;
  2415.     color: #ffffff!important;
  2416. }
  2417.  
  2418.  
  2419. /****************************************************************/
  2420. b, strong {
  2421.  font-family: 'Roboto';
  2422.  
  2423. }
  2424.     /* Baybay popo */
  2425.  
  2426.  
  2427.  
  2428. body {
  2429.   font-family: 'Source Sans Pro';
  2430.     color: #bcc1c6;
  2431.     font-size: 14px;
  2432.     background-image: url(https://i.imgur.com/Oca0onc.jpg);
  2433.     background-repeat: no-repeat;
  2434.     background-size: cover;
  2435.     background-attachment: fixed;
  2436.     margin-bottom: 60px;
  2437.     overflow-x: hidden;
  2438.     width: 100%;
  2439.     padding-top: 100px;
  2440. }
  2441.  
  2442. .brand img {
  2443.     margin-left: auto;
  2444.     margin-right: auto;
  2445.     display: block;
  2446. }
  2447.  
  2448.  
  2449. /****************************************************************/
  2450. .breadcrumb {
  2451.     padding: 0px!important;
  2452.     margin: 10 0 10px 0;
  2453.     list-style: none;
  2454.     background-color: transparent;
  2455.     border-radius: 0px;
  2456.     border-bottom: 1px solid TRANSPARENT;
  2457. }
  2458.  
  2459. .breadcrumb a {
  2460.     text-transform: capitalize;
  2461.     font-size: 13px;
  2462.     color: #67c1f5;
  2463.     text-decoration: none;
  2464. }
  2465.  
  2466. .breadcrumb > .active {
  2467.     color: #dedede;
  2468. }
  2469.  
  2470.  
  2471. /****************************************************************/
  2472. .main-container .container-content section {
  2473.     background: #1b2838;
  2474.     text-align: justify;
  2475.     border-radius: 10px;
  2476.    
  2477. }
  2478.  
  2479. section.aside ul li:before {
  2480.     content: " ";
  2481.     color: #1f3141;
  2482.     display: inline-block;
  2483.   font-family: 'Roboto Condensed';
  2484.     font-size: 13px;
  2485. }
  2486.  
  2487. section.aside ul li {
  2488.     /*background-image: url(https://i.imgur.com/4Q0HgUB.png);
  2489.     background-repeat: no-repeat;*/
  2490.     color: transparent!important;
  2491.     display: inline-block;
  2492.     background: rgba(103, 193, 245, 0.1);
  2493.     border-bottom: 2px solid #1b2838;
  2494.     min-height: 22px;
  2495.     padding-top: 4px;
  2496.     padding-bottom: 4px;
  2497.     padding-left: 8px;
  2498.     padding-right: 8px;
  2499.     line-height: 18px;
  2500.     width: 100%!important;
  2501. }
  2502.  
  2503. section.aside li a {
  2504.     background-color: transparent!important;
  2505.   font-family: 'Roboto Condensed';
  2506.     color: #67c1f5!important;
  2507.     font-size: 13px;
  2508.     min-height: 22px;
  2509.     padding-top: 4px;
  2510.     padding-left: 8px;
  2511.     padding-right: 8px;
  2512.     line-height: 18px;
  2513.     text-shadow: none;
  2514.     text-decoration: none;
  2515.     width: 100%!important;
  2516. }
  2517.  
  2518. section.aside li a:hover {
  2519.         transition: padding-left 0.3s linear, color 0.3s ease-in;
  2520.  
  2521.     background-color: transparent!important;
  2522.   font-family: 'Roboto Condensed';
  2523.     color: #ffffff!important;
  2524.     font-size: 13px;
  2525.     min-height: 22px;
  2526.     padding-top: 4px;
  2527.     padding-left: 18px;
  2528.     padding-right: 8px;
  2529.     line-height: 18px;
  2530.     text-shadow: none;
  2531.     text-decoration: none;
  2532.     width: 100%!important;
  2533. }
  2534.  
  2535. section.aside img {
  2536.     width: 100%;
  2537.     margin-bottom: 20px;
  2538.     display: none
  2539. }
  2540.  
  2541.  
  2542. /****************************************************************/
  2543. .topic-message aside.message-aside .message-infos {
  2544.     margin: 0;
  2545.     font-size: 11px;
  2546.   font-family: 'Roboto Condensed';
  2547.     color: #dedede;
  2548.     text-align: justify;
  2549.     text-shadow: 1px 1px 1px #000;
  2550.     letter-spacing: .5px;
  2551.     padding: 4px 8px 3px;
  2552.     background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  2553.     background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.5)));
  2554.     background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  2555.     background: -o-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  2556.     background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  2557.     background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  2558.     border: 1px solid #26384f!important;
  2559.     box-shadow: 0 0 5px #000!important;
  2560.     box-shadow: 0 3px 1px #000;
  2561.     border-radius: 0;
  2562. }
  2563.  
  2564. .topic-message aside .message-infos u {
  2565.     font-size: 11px;
  2566.   font-family: 'Roboto Condensed';
  2567.     color: #acb2b8;
  2568.     text-decoration: none;
  2569. }
  2570.  
  2571.  
  2572. /****************************************************************/
  2573. .navbar {
  2574.     background-image: url('https://i.imgur.com/hgRiRbm.gif')!important;
  2575.     background: #171a21;
  2576.     border-radius: 0 !important;
  2577.     font-size: 1.3em;
  2578.     text-transform: uppercase;
  2579.     font-weight: normal;
  2580.     border-bottom: 1px solid #171a21!important;
  2581. }
  2582.  
  2583.  
  2584. /****************************************************************/
  2585. .navbar-inverse .navbar-nav > li > a {
  2586.     color: #c7c7c7!important;
  2587.    font-family: 'Roboto Condensed';
  2588.     font-size: 18px!important;
  2589.     font-weight: 700!important;
  2590. }
  2591.  
  2592. .navbar-inverse .navbar-nav > li > a:hover {
  2593.     transition: all 0.3s linear;
  2594.     color: #67c1f5!important;
  2595.  font-family: 'Roboto Condensed';
  2596.     font-weight: 700;
  2597.     background-color: #080808b0!important;
  2598. }
  2599.  
  2600. .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  2601. color: #67c1f5!important;
  2602.     background-color: #080808b0!important;
  2603. }
  2604. /****************************************************************/
  2605. .forum-tools .left-tools input.form-control {
  2606.     max-width: 110px;
  2607.         height: 33px!important;
  2608.  
  2609. }
  2610.  
  2611. .forum-tools .left-tools select.form-control {
  2612.     max-width: 100%;
  2613.     height: 33px!important;
  2614. }
  2615.  
  2616. textarea.form-control {
  2617.     /* baybay popo */
  2618.     /*DOZO*/
  2619.   font-family: 'Source Sans Pro';
  2620.     font-size: 14px!important;
  2621.     background-color: rgba(0, 0, 0, 0.4);
  2622.     border-radius: 0px;
  2623.     border: 1px solid rgba(0, 0, 0, 0.4);
  2624.     box-shadow: 1px 1px 0px #45556c;
  2625.     color: #bcc1c6;
  2626.     margin-bottom: 6px;
  2627.     outline: none;
  2628.     padding: 4px 6px;
  2629. }
  2630.  
  2631. textarea.form-control:focus {
  2632.   font-family: 'Source Sans Pro';
  2633.     background-color: rgba(0, 0, 0, 0.4);
  2634.     border-radius: 0px;
  2635.     border: 1px solid rgba(0, 0, 0, 0.4);
  2636.     box-shadow: 1px 1px 0px #45556c;
  2637.     color: #bcc1c6;
  2638.     margin-bottom: 6px;
  2639.     outline: none;
  2640.     padding: 4px 6px;
  2641. }
  2642. /*DOZO*/
  2643.  
  2644. label {
  2645.     display: inline-block;
  2646.     max-width: 100%;
  2647.     margin-bottom: 5px;
  2648.  font-family: 'Roboto';
  2649. }
  2650. /****************************************************************/
  2651. /*DOZO*/
  2652. .form-control {
  2653.  font-family: 'Roboto';
  2654.     color: #acb2b8;
  2655.     display: block;
  2656.     width: 100%;
  2657.     min-height: 35px!important;
  2658.     padding: 6px 12px;
  2659.     font-size: 13px;
  2660.     line-height: 1.6;
  2661.     background-color: rgba(0, 0, 0, 0.4);
  2662.     background-image: none;
  2663.     border: 1px solid rgba(0, 0, 0, 0.4);
  2664.     border-radius: 5px;
  2665.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2666.     box-shadow: 1px 1px 0px #45556c;
  2667.     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  2668.     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  2669.     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  2670. }
  2671.  
  2672. .form-control:focus {
  2673.  font-family: 'Roboto';
  2674.     color: #acb2b8;
  2675.     display: block;
  2676.     width: 100%;
  2677.     min-height: 35px!important;
  2678.     padding: 6px 12px;
  2679.     font-size: 13px;
  2680.     line-height: 1.6;
  2681.     background-color: rgba(0, 0, 0, 0.4);
  2682.     background-image: none;
  2683.     border: 1px solid rgba(0, 0, 0, 0.4)!important;
  2684.     border-radius: 5px!important;
  2685.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2686.     box-shadow: 1px 1px 0px #45556c;
  2687.     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  2688.     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  2689.     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  2690. }
  2691.  
  2692. select {
  2693.     -webkit-appearance: menulist;
  2694.     box-sizing: border-box;
  2695.     align-items: center;
  2696.     white-space: pre;
  2697.     -webkit-rtl-ordering: logical;
  2698.   font-family: 'Roboto Condensed';
  2699.     color: #cdd0d4!important;
  2700.     background-color: #101822!important;
  2701.     cursor: default;
  2702.     border-width: 1px;
  2703.     border-style: solid;
  2704.     border-color: initial;
  2705.     border-image: initial;
  2706. }
  2707.  
  2708. .forum-tools .left-tools select.form-control {
  2709.     max-width: 100%;
  2710. }
  2711.  
  2712.  
  2713. /****************************************************************/
  2714. .topic-message.odd {
  2715.     margin-top: 0px;
  2716.     margin-bottom: 2px;
  2717.     background-color: #212f43!important;
  2718.     border: 1px solid #26384f!important;
  2719.     box-shadow: 0 0 5px #000!important;
  2720.     border-radius: 0px!important;
  2721. }
  2722.  
  2723. .topic-message {
  2724.     /* Baybay popo */
  2725.     background-color: #212f43!important;
  2726.     border: 1px solid #26384f!important;
  2727.     box-shadow: 0 0 5px #000!important;
  2728.     color: #b4b9bf;
  2729.     margin-top: 0px;
  2730.     margin-bottom: 2px;
  2731.     border-radius: 0px!important;
  2732. }
  2733.  
  2734. .topic-message aside.message-aside {
  2735.     width: 150px;
  2736.     margin: 2px;
  2737.     border-radius: 0;
  2738. }
  2739.  
  2740. .topic-message aside.message-aside .message-avatar img {
  2741.     width: 100%;
  2742.     height: 100%;
  2743.     background-color: #212f43!important;
  2744.     border: 1px solid #26384f!important;
  2745.     box-shadow: 0 0 5px #000!important;
  2746. }
  2747.  
  2748.  
  2749. /****************************************************************/
  2750. .btn-primary {
  2751.     font-size: 13.5px!important;
  2752.     color: #fff!important;
  2753.     background: #2e394c;
  2754.     background: -webkit-linear-gradient( top, #28298a 5%, #92b1ee 95%);
  2755.     background: linear-gradient( to bottom, #4a7fce 5%, #283e6a 95%);
  2756.     border: none;
  2757.     border-radius: 3px;
  2758.       font-family: 'Roboto Condensed';
  2759.  
  2760.     box-shadow: 0px 2px #121b25;
  2761.     text-shadow: 1px 1.4px 3px #000!important;
  2762. }
  2763.  
  2764. .btn-primary:hover {
  2765.     -webkit-filter: grayscale(25%); /* Safari 6.0 - 9.0 */
  2766.     filter: grayscale(25%);
  2767.     font-size: 13.5px!important;
  2768.     color: #fff!important;
  2769.     background: #2e394c;
  2770.     background: -webkit-linear-gradient( top, #28298a 5%, #92b1ee 95%);
  2771.     background: linear-gradient( to bottom, #4c7fcc 5%, #283e6a 95%);
  2772.     border: none;
  2773.     border-radius: 3px;
  2774.       font-family: 'Roboto Condensed';
  2775.  
  2776.     box-shadow: 0px 2px #121b25;
  2777.     text-shadow: 1px 1.4px 3px #000!important;
  2778. }
  2779.  
  2780. .btn-danger {
  2781.     font-size: 13.5px!important;
  2782.     color: #fff!important;
  2783.         background: #a4d007;
  2784.  
  2785.     background: -webkit-linear-gradient(top, #799905 5%, #536904 95%);
  2786.     background: linear-gradient(to bottom, #799905 5%, #536904 95%);
  2787.     border: none;
  2788.     border-radius: 3px;
  2789.   font-family: 'Roboto Condensed';
  2790.  
  2791.     box-shadow: 0px 2px #121b25;
  2792.     text-shadow: 1px 1.4px 3px #000!important;
  2793. }
  2794.  
  2795. .btn-danger:hover {
  2796.     font-size: 13.5px!important;
  2797.     color: #fff!important;
  2798.     background: #a4d007;
  2799.     background: -webkit-linear-gradient(top, #799905 5%, #536904 95%);
  2800.     background: linear-gradient(to bottom, #799905 5%, #536904 95%);
  2801.     border: none;
  2802.     border-radius: 3px;
  2803.   font-family: 'Roboto Condensed';
  2804.  
  2805.     text-shadow: 1px 1.4px 3px #000!important;
  2806.     box-shadow: 0px 2px #121b25;
  2807. }
  2808.  
  2809. .grey-btn.btn {
  2810.     MARGIN-top: 0px;
  2811.     text-transform: uppercase;
  2812.     height: 33px!important;
  2813.     font-size: 12px!important;
  2814.     color: #fff!important;
  2815.     background: #2e394c;
  2816.     background: -webkit-linear-gradient( top, #28298a 5%, #92b1ee 95%);
  2817.     background: linear-gradient( to bottom, #4a7fce 5%, #283e6a 95%);
  2818.     border: none;
  2819.     border-radius: 3px;
  2820.     font-family: 'courrier'!important;
  2821.     box-shadow: 0px 2px #121b25;
  2822.     text-shadow: 1px 1.4px 3px #000!important;
  2823. }
  2824. .grey-btn.btn:hover {
  2825. -webkit-filter: grayscale(25%); /* Safari 6.0 - 9.0 */
  2826.     filter: grayscale(25%);
  2827. MARGIN-top: 0px;
  2828.     text-transform: uppercase;
  2829.     height: 33px!important;
  2830.     font-size: 12px!important;
  2831.     color: #fff!important;
  2832.     background: #2e394c;
  2833.     background: -webkit-linear-gradient( top, #28298a 5%, #92b1ee 95%);
  2834.     background: linear-gradient( to bottom, #4a7fce 5%, #283e6a 95%);
  2835.     border: none;
  2836.     border-radius: 3px;
  2837.     font-family: 'courrier'!important;
  2838.     box-shadow: 0px 2px #121b25;
  2839.     text-shadow: 1px 1.4px 3px #000!important;
  2840. }
  2841. /****************************************************************/
  2842. .preview {
  2843.      /* Baybay popo */
  2844.   font-family: 'Source Sans Pro';
  2845.     color: #bcc1c6;
  2846.     display: block;
  2847.     width: 100%;
  2848.     min-height: 35px!important;
  2849.     padding: 6px 12px;
  2850.     font-size: 14px;
  2851.     line-height: 1.6;
  2852.     background-color: rgba(0, 0, 0, 0.4);
  2853.     background-image: none;
  2854.     border: 1px solid rgba(0, 0, 0, 0.4);
  2855.     border-radius: 5px;
  2856.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2857.     box-shadow: 1px 1px 0px #45556c;
  2858.     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  2859.     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  2860.     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  2861. }
  2862.  
  2863.  
  2864. /****************************************************************/
  2865. h1 {
  2866.     display: inline;
  2867.   font-family: 'Roboto Condensed';
  2868. color: transparent;
  2869.     font-size: 0px!important;
  2870. /*  color: #acb2b8;
  2871.     font-size: 36px;*/
  2872.     text-align: left;
  2873. }
  2874. h1::before {
  2875.         display: inline;
  2876.  
  2877.     content: "Thème Blue 🎐 mafumafu"!important;
  2878.     color: #ffffff;
  2879.     font-size: 12px!important;
  2880.   font-family: 'Roboto Condensed';
  2881.  
  2882.     font-style: normal!important;
  2883.     text-align: center;
  2884. }
  2885.  
  2886. h3, .h3 {
  2887.     display: inline-block;
  2888.     padding: 10px 10px;
  2889.     font-size: 13.5px!important;
  2890.     height: 35px!important;
  2891.     color: #fff;
  2892.     background: #a4d007;
  2893.     background: -webkit-linear-gradient(top, #799905 5%, #536904 95%);
  2894.     background: linear-gradient(to bottom, #799905 5%, #536904 95%);
  2895.   font-family: 'Roboto Condensed';
  2896.  
  2897.     box-shadow: 0px 2px #121b25;
  2898.     text-shadow: 1px 1.4px 3px #000!important;
  2899.     border-radius: 3px;
  2900. }
  2901.  
  2902. h2, .h2 {
  2903.       font-family: 'Roboto Condensed';
  2904.  
  2905.     font-size: 25px;
  2906.     color: #dedede;
  2907.     margin-top: 25px!important;
  2908. }
  2909.  
  2910.  
  2911. /****************************************************************/
  2912. /* DOZO */
  2913. .table > tbody > tr {
  2914.     background: rgba(103, 193, 245, 0.1)!important;
  2915.     height: 30px!important;
  2916.     color: #acb2b8!important;
  2917.     font-size: 13px!important;
  2918.     text-decoration: none!important;
  2919.     font-weight: 400!important;
  2920.     border-bottom: 1px solid #1b2838!important;
  2921. }
  2922.  
  2923. th.topics-date {
  2924.     text-align: center!important;
  2925. }
  2926. td.topics-date {
  2927.     width: 130px;
  2928.     text-align: center!important;
  2929.  font-family: 'Roboto'!important;
  2930.  
  2931.     color: #acb2b8;
  2932. }
  2933.  
  2934.  
  2935. td.topics-amount {
  2936.  font-family: 'Roboto'!important;
  2937.     color: #acb2b8;
  2938.     width: 50px;
  2939.     text-align: center;
  2940.     vertical-align: top;
  2941.    
  2942.  
  2943. }
  2944. /*DOZO*/
  2945. .table > tbody > tr a {
  2946.  
  2947.     line-height: 26px;
  2948.  font-family: 'Roboto';
  2949.     color: #acb2b8;
  2950.     font-size: 13px!important;
  2951.     text-decoration: none!important;
  2952.     font-weight: 400!important;
  2953. }
  2954.  
  2955. .table > tbody > tr a:hover {
  2956.         transition: color 1s linear!important;
  2957.  
  2958.     line-height: 26px;
  2959.  font-family: 'Roboto';
  2960.     color: #ffffff;
  2961.     font-size: 13px!important;
  2962.     text-decoration: none!important;
  2963.     font-weight:400!important;
  2964. }
  2965.  
  2966. .table > tbody > tr a {
  2967.  
  2968.     line-height: 26px;
  2969.  
  2970.     color: #acb2b8;
  2971.     font-size: 13px!important;
  2972.     text-decoration: none!important;
  2973.     font-weight: 400!important;
  2974. }
  2975.  
  2976. /****************************************************************/
  2977. .message-permalink {
  2978.     position: absolute;
  2979.     bottom: 0!important;
  2980.     color: #acb2b8!important;
  2981.     text-decoration: none;
  2982.     font-size: 12px!important;
  2983.   font-family: 'Roboto Condensed';
  2984.  
  2985. }
  2986.  
  2987. .message-permalink:hover {
  2988.     transition: color 1s linear;
  2989.     position: absolute;
  2990.     bottom: 0;
  2991.     color: #67c1f5!important;
  2992.     text-decoration: none;
  2993.     font-size: 12px!important;
  2994.       font-family: 'Roboto Condensed';
  2995.  
  2996. }
  2997.  
  2998. .topic-message .message-footer .message-edited {
  2999.     color: #67c1f5;
  3000.     font-size: 12px!important;
  3001.   font-family: 'Roboto Condensed';
  3002.  
  3003.     font-style: normal!important;
  3004. }
  3005.  
  3006. .text-muted::after {
  3007.  
  3008.     content: " | Thème Blue 🎐 mafumafu"!important;
  3009.     color: #ffffff;
  3010.     font-size: 12px!important;
  3011.   font-family: 'Roboto Condensed';
  3012.  
  3013.     font-style: normal!important;
  3014. }
  3015. /****************************************************************/
  3016. .odd .message-header {
  3017.     padding-top: 8px;
  3018.     padding-bottom: 45px;
  3019.     border-bottom: 1px dotted #000!important;
  3020. }
  3021.  
  3022. .message-header {
  3023.     padding-top: 8px;
  3024.     padding-bottom: 45px;
  3025.     border-bottom: 1px dotted #000!important;
  3026. }
  3027.  
  3028. .topic-message .message-header .message-username a {
  3029.     text-shadow: 1px 1px 1px #0c0c0c
  3030. !important;
  3031.     text-decoration: none;
  3032.     font-size: 18px!important;
  3033.     font-family: 'Roboto Condensed';
  3034.     color: #cecece;
  3035.     font-weight: 600!important;
  3036.     letter-spacing: 0.5px;
  3037.     /* animation BB */
  3038.   /*  transition: padding-left 0.5s ease-in, background-image 0.6s ease-in-out;
  3039.     background-image: url('https://i.imgur.com/6W1Yb9g.png');
  3040.     background-repeat: no-repeat;
  3041.     padding-left: 20px;
  3042. }
  3043.  
  3044. .topic-message .message-header .message-username a:hover {
  3045.   /*  transition: padding-left 0.5s ease-in, background-image 0.6s ease-in-out; */
  3046.     transition: color 0.3s linear;
  3047.     background-repeat: no-repeat;
  3048.     padding-left: 0px;
  3049.     text-shadow: 1px 1px 1px #0c0c0c
  3050. !important;
  3051.     text-decoration: none;
  3052.     font-size: 18px!important;
  3053.     font-family: 'Roboto Condensed';
  3054.     color: #67c1f5!important;
  3055.     font-weight: 600!important;
  3056. }
  3057.  
  3058. span.message-date{
  3059.         font-family: 'Roboto Condensed';
  3060.         font-size: 12px!important;
  3061.  
  3062.         color: #67c1f5!important;
  3063.  
  3064. }
  3065.  
  3066.  
  3067. .topic-message .message-header .message-date a{
  3068.         font-size: 12px!important;
  3069. padding-left: 0px;
  3070. }
  3071. .topic-message .message-header .message-date a:hover{
  3072.     transition: all 1s ease-in;
  3073.  
  3074. }
  3075. /****************************************************************/
  3076. /****************************************************************/
  3077.  
  3078.  
  3079. .glyphicon-envelope:before {
  3080.     content: "\2709";
  3081. }
  3082. .glyphicon-envelope:hover {
  3083.     content: "\2709";
  3084.  transform: scale(1.2);
  3085.     transition-duration: 0.6s;
  3086. transition-timing-function: linear;
  3087. }
  3088.  
  3089. /****************************************************************/
  3090.  
  3091. /****************************************************************/
  3092. .glyphicon-star {
  3093.     content: "\e006";
  3094.     display: inline-block;
  3095.     background-image: url(https://i.imgur.com/tsEmmRd.png); /* done */
  3096.     width: 16px;
  3097.     height: 16px;
  3098.     line-height: 18px!important;
  3099.     color: transparent!important;
  3100. }
  3101.  
  3102. .glyphicon-star:hover {
  3103.     content: "\e006";
  3104.     display: inline-block;
  3105.     background-image: url(https://i.imgur.com/tsEmmRd.png);
  3106.    
  3107.  -webkit-animation: rotating 1s linear infinite;
  3108.     -moz-animation: rotating 1s linear infinite;
  3109.     -ms-animation: rotating 1s linear infinite;
  3110.     -o-animation: rotating 1s linear infinite;
  3111.     animation: rotating 1s linear infinite;
  3112.    
  3113.     width: 16px;
  3114.     height: 16px;
  3115.     line-height: 18px!important;
  3116.     color: transparent!important;
  3117. }
  3118.  
  3119. @-webkit-keyframes rotating /* Safari and Chrome */ {
  3120.   from {
  3121.     -webkit-transform: rotate(0deg);
  3122.     -o-transform: rotate(0deg);
  3123.     transform: rotate(0deg);
  3124.   }
  3125.   to {
  3126.     -webkit-transform: rotate(360deg);
  3127.     -o-transform: rotate(360deg);
  3128.     transform: rotate(360deg);
  3129.   }
  3130. }
  3131. @keyframes rotating {
  3132.   from {
  3133.     -ms-transform: rotate(0deg);
  3134.     -moz-transform: rotate(0deg);
  3135.     -webkit-transform: rotate(0deg);
  3136.     -o-transform: rotate(0deg);
  3137.     transform: rotate(0deg);
  3138.   }
  3139.   to {
  3140.     -ms-transform: rotate(360deg);
  3141.     -moz-transform: rotate(360deg);
  3142.     -webkit-transform: rotate(360deg);
  3143.     -o-transform: rotate(360deg);
  3144.     transform: rotate(360deg);
  3145.   }
  3146. }
  3147. /****************************************************************/
  3148. .odd .message-content-quote {
  3149.     /* BAYBAY */
  3150.   font-family: 'Source Sans Pro';
  3151.       margin-TOP: 6px!important;
  3152.  
  3153.       margin-bottom: 6px!important;
  3154. padding-left: 8px!important;
  3155.         padding-right: 8px!important;
  3156.     color: #b4b9bf;
  3157.     background-color: rgba(0, 0, 0, 0.4);
  3158.     background-image: none;
  3159.     border: 1px solid rgba(0, 0, 0, 0.4)!important;
  3160.     border-radius: 5px;
  3161.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  3162.     box-shadow: 1px 1px 0px #45556c;
  3163.     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  3164.     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  3165.     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  3166. }
  3167.  
  3168. .topic-message .message-content{
  3169.   font-family: 'Source Sans Pro';
  3170.  
  3171. }
  3172.  
  3173. .message-content-quote {
  3174.     /* BAYBAY */
  3175. color: #b4b9bf!important;
  3176.   font-family: 'Source Sans Pro'!important;
  3177.     padding-left: 8px!important;
  3178.         padding-right: 8px!important;
  3179.  
  3180.       margin-TOP: 6px!important;
  3181.       margin-bottom: 6px!important;
  3182.     background-color: rgba(0, 0, 0, 0.4)!important;
  3183.     background-image: none;
  3184.     border: 1px solid rgba(0, 0, 0, 0.4)!important;
  3185.     border-radius: 5px;
  3186.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  3187.     box-shadow: 1px 1px 0px #45556c;
  3188.     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  3189.     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  3190.     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  3191. }
  3192.  
  3193. .message-content-quote {
  3194.       font-family: 'Roboto Condensed';
  3195.  
  3196.  
  3197.     margin: 0;
  3198.     padding: 5px;
  3199.     font-size: .95em;
  3200.     line-height: 1.6em;
  3201.     border-left-style: solid;
  3202.     border-left-width: 5px;
  3203.     border-left-color: var(--quote-primary-border-color);
  3204.     background: var(--quote-primary-background);
  3205.     color: var(--quote-color);
  3206. }
  3207.  
  3208. .message-content-quote .message-content-quote-author {
  3209.           font-family: 'Roboto Condensed';
  3210. font-weight: 700;
  3211.  
  3212. }
  3213.  
  3214. .message-content-quote a {
  3215.           font-family: 'Roboto Condensed';
  3216.  
  3217.  
  3218.     color: #67c1f5;
  3219.     font-style: normal;
  3220.     font-weight: normal!important;
  3221. }
  3222.  
  3223. .message-content-quote .message-content-quote-caption {
  3224.       font-family: 'Roboto Condensed';
  3225.     transition: all 0.3s linear;
  3226.  
  3227.  
  3228.     font-style: normal;
  3229.     color: #ffff;
  3230. }
  3231.  
  3232. tr.active, tr.active td {
  3233.     background: #41627e!important;
  3234. }
  3235.  
  3236.  
  3237. /****************************************************************/
  3238. .pagination > li a {
  3239.     display: inline;
  3240.     background-color: rgba( 103, 193, 245, 0.2);
  3241.     border: 1px transparent;
  3242.     border-radius: 3px;
  3243.     cursor: pointer;
  3244.     color: #66c0f4;
  3245.     margin-left: 2px;
  3246.     line-height: 17px!important;
  3247. }
  3248.  
  3249. .glyphicon-chevron-right:before {
  3250.     display: inline-block;
  3251.     content: "\e080";
  3252. }
  3253.  
  3254. section .pagination li.subactive {
  3255.     border-bottom: 2px solid transparent;
  3256.     background-color: rgba( 21, 31, 44, 0.7);
  3257.     margin: 0 0 0px 0;
  3258.     width: 100%;
  3259.     border-radius: 3px!important;
  3260.     cursor: pointer;
  3261.     color: #66c0f4;
  3262. }
  3263.  
  3264. section .pagination a:hover {
  3265.     float: none;
  3266.     background: none;
  3267.     border: none;
  3268.     padding: 2px 5px;
  3269.     background-color: rgba( 103, 193, 245, 0.2);
  3270. }
  3271.  
  3272. /* important */
  3273. .table > thead > tr > th {
  3274.  font-family: 'Roboto Condensed';
  3275.     background: transparent!important;
  3276.     background-size: cover;
  3277.     padding: 5px;
  3278. font-weight: 700;
  3279.  
  3280. }
  3281.  
  3282. section .pagination {
  3283.     display: block;
  3284.     height: 25px;
  3285.     background-color: rgba( 21, 31, 44, 0.7);
  3286.     margin: 0 0 0px 0;
  3287.     width: 100%;
  3288.     text-align: center;
  3289.     font-size: 1.2em;
  3290.     border-radius: 3px!important;
  3291. }
  3292.  
  3293. table table-striped topics {
  3294.     background-color: red!important;
  3295. }
  3296.  
  3297.  
  3298. /****************************************************************/
  3299. .navbar .navbar-logo img {
  3300.     /*
  3301.     background-image: url('https://i.imgur.com/mDHdpTe.png'); /* done */
  3302.    
  3303.     background-image: url('https://i.imgur.com/j2UKLCe.png');
  3304.     width: 172px;
  3305.     height: 50px;
  3306.     padding-right: 172px!important;
  3307.     margin-bottom: 5px;
  3308.     margin-left: 30px;
  3309. }
  3310.  
  3311. .brand img {
  3312.     background-image: url('https://i.imgur.com/J91AAzJ.png')!important;/* done */
  3313.     width: 258px!important;
  3314.     height: 225px!important;
  3315.     padding-right: 258px!important;
  3316.     margin-left: auto;
  3317.     margin-right: auto;
  3318.     display: block;
  3319.  
  3320. }
  3321.  
  3322.  
  3323. /****************************************************************/
  3324.  
  3325. /** marge sous la table **/
  3326. .table {
  3327.     width: 100%;
  3328.     max-width: 100%;
  3329.     margin-bottom: 0px!important;
  3330. }
  3331.  
  3332. .login .login-title, .login .signup-title, .signup .login-title, .signup .signup-title {
  3333.     margin: 10px 0 20px 0;
  3334. }
  3335.  
  3336. .btn-success {
  3337.     color: #fff;
  3338.     background-color: #2ab27b;
  3339.     border-color: #259d6d;
  3340. }
  3341.  
  3342. .table > thead {
  3343.     background-color: #101822;
  3344.     color: #acb2b8;
  3345.     letter-spacing: 0.2px;
  3346.     font-size: 13px;
  3347. }
  3348.  
  3349. thead {
  3350.     text-transform: uppercase;
  3351. }
  3352.  
  3353.  
  3354. /****************************************************************/
  3355. .bbcodes {
  3356.     text-align: left;
  3357.     margin: 0;
  3358.     border: 1px solid #c7c7c7;
  3359.     border-radius: 3px 3px 0 0;
  3360.     background: #c7c7c7;
  3361. }
  3362.  
  3363. .popup {
  3364.     background: #c7c7c7;
  3365.     background-repeat: no-repeat;
  3366.     background-size: cover;
  3367.     background-attachment: fixed;
  3368. }
  3369. .fancybox-container h4, .h4 {
  3370.     font-size: 18px;
  3371.    
  3372.   font-family: 'Roboto Condensed';
  3373.  
  3374.  
  3375.     color: #305c7c;
  3376. }
  3377. .bottombar ul {
  3378.     padding: 0 20px;
  3379.     border-radius: 10px;
  3380.     background-image: url(https://i.imgur.com/Oca0onc.jpg); /* done */
  3381.     background-repeat: no-repeat;
  3382.     list-style: none;
  3383.     display: inline-block;
  3384. }
  3385.  
  3386.  
  3387. /****************************************************************/
  3388. .topic-message .message-header .message-actions li img, .topic-message .message-header .message-actions li input[type="image"] {
  3389.     width: 20px!important;
  3390.     height: 20px!important;
  3391.     display: inline-block;
  3392. }
  3393.  
  3394. .topic-message .message-header .message-actions img, .topic-message .message-header .message-actions input[type="image"] {
  3395.     border-radius: 3px;
  3396. }
  3397.  
  3398.  
  3399. /****************************************************************/
  3400. .message-quote img {
  3401.     background-image: url(https://i.imgur.com/bvdff6Q.png); /* done */
  3402.     width: 20px;
  3403.     height: 20px;
  3404.     padding-right: 20px!important
  3405.        
  3406. }
  3407.  
  3408. .message-quote img:hover {
  3409.     transition-property: margin-bottom;
  3410.       transition-duration: 0.6s;
  3411.             margin-bottom: 2px;
  3412.  
  3413.     background-image: url(https://i.imgur.com/2i7q2a9.png)!important; /* done */
  3414.     width: 20px;
  3415.     height: 20px;
  3416.     padding-right: 20px;
  3417. }
  3418.  
  3419. input.ddb-bouton {
  3420.  
  3421.     background-image: url(https://i.imgur.com/W9BO4Ca.png); /* done */
  3422.     width: 20px!important;
  3423.     height: 20px!important;
  3424.     padding-right: 20px!important
  3425.  
  3426. }
  3427.  
  3428. input.ddb-bouton:hover {
  3429.         transition-property: all!important;
  3430.       transition-duration: 0.5s!important;
  3431.     transition-timing-function: linear!important;
  3432.             margin-bottom: 2px!important;
  3433.     background-image: url(https://i.imgur.com/0gQHDPt.png)!important; /* done */
  3434.     width: 20px!important;
  3435.     height: 20px!important;
  3436.     padding-right: 20px!important
  3437. }
  3438.  
  3439. .message-edit img {
  3440.    
  3441.     background-image: url(https://i.imgur.com/TclNAxY.png);/* done */
  3442.     width: 20px!important;
  3443.     height: 20px!important;
  3444.     padding-right: 20px!important
  3445. }
  3446.  
  3447. .message-edit img:hover {
  3448.         transition-property: all;
  3449.       transition-duration: 0.5s;
  3450.     transition-timing-function: linear;
  3451.             margin-bottom: 2px;
  3452.     background-image: url(https://i.imgur.com/QNXpazS.png);/* done */
  3453.     width: 20px!important;
  3454.     height: 20px!important;
  3455.     padding-right: 20px!important;
  3456. }
  3457.  
  3458. .topic-pm-user {
  3459.     font-size: 0.9em;
  3460.     color: #a5a5a5;
  3461.     vertical-align: middle;
  3462. }
  3463.  
  3464. .message-delete img {
  3465.     background-image: url(https://i.imgur.com/zS8IDvF.png);/* done */
  3466.     width: 20px!important;
  3467.     height: 20px!important;
  3468.     padding-right: 20px!important
  3469. }
  3470.  
  3471. .message-delete img:hover {
  3472.         transition-property: all!important;
  3473.       transition-duration: 0.5s!important;
  3474.     transition-timing-function: linear!important;
  3475.             margin-bottom: 2px!important;
  3476.     background-image: url(https://i.imgur.com/sRsD1pV.png);/* done */
  3477.     width: 20px!important;
  3478.     height: 20px!important;
  3479.     padding-right: 20px!important
  3480. }
  3481.  
  3482.  
  3483. /****************************************************************/
  3484. .chat-box .chat-message {
  3485.       font-family: 'Roboto Condensed';
  3486.  
  3487.     color: #acb2b8;
  3488.     font-size: 14px;
  3489.     overflow: hidden;
  3490. }
  3491.  
  3492. .chat-box .chat-message .chat-message-username a {
  3493.   font-family: 'Roboto Condensed';
  3494.  
  3495.     color: #ffffff;
  3496.     font-size: 14px;
  3497. }
  3498.  
  3499. .chat-box .chat-message .chat-message-username a:hover {
  3500.       font-family: 'Roboto Condensed';
  3501.     color: #66c0f4!important;
  3502.     font-size: 14px;
  3503. }
  3504.  
  3505. .chat-form {
  3506.     background: #6C7A89;
  3507.     padding: 20px;
  3508. }
  3509.  
  3510. .spoiler .spoiler-content {
  3511.  color: #b4b9bf!important;
  3512.   font-family: 'Source Sans Pro'!important;
  3513.       background-color: transparent;
  3514.     border-left: none!important;
  3515.     font-size: 14px;
  3516.     padding: 0 0px;
  3517.     display: none;
  3518. }
  3519.  
  3520. /****************************************************************/
  3521. .spoiler .spoiler-btn {
  3522.     transition: 2s;
  3523.         overflow: hidden;
  3524. border-left:none!important;
  3525.         display: block;
  3526. color: transparent;
  3527.     cursor: pointer;
  3528.     -moz-box-sizing: border-box;
  3529.     box-sizing: border-box;
  3530. background-image: url(https://i.imgur.com/BFGBh1r.png); /* done */
  3531.     width: 101px!important;
  3532.     height: 37px!important;
  3533.         padding-top: 37px;
  3534. margin-top:2px!important;
  3535.         margin-bottom: 6px;
  3536.  
  3537. }
  3538.  
  3539. .spoiler .spoiler-btn:hover {
  3540.     -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  3541.     filter: grayscale(100%);
  3542.  
  3543.         overflow: hidden;
  3544. border-left:none!important;
  3545.         display: block;
  3546. color: transparent;
  3547.     cursor: pointer;
  3548.     -moz-box-sizing: border-box;
  3549.     box-sizing: border-box;
  3550. background-image: url(https://i.imgur.com/BFGBh1r.png);
  3551.     width: 101px!important;
  3552.     height: 37px!important;
  3553.         padding-top: 37px;
  3554. margin-top:2px;
  3555.     margin-bottom: 6px;
  3556. }
  3557. .topic-message.odd .spoiler-content {
  3558.       font-family: 'Roboto Condensed';
  3559.  
  3560.  
  3561.     color: #acb2b8;
  3562.       background-color: transparent;
  3563.     border-left: none!important;
  3564. }
  3565.  
  3566. .form-control[disabled], fieldset[disabled] .form-control {
  3567.     cursor: not-allowed;
  3568.     background-color: rgba(0, 0, 0, 0.4);
  3569.     background-image: none;
  3570.     border: 1px solid rgba(0, 0, 0, 0.4);
  3571.     border-radius: 5px;
  3572.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  3573.     box-shadow: 1px 1px 0px #45556c;
  3574.     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  3575.     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  3576.     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  3577. }
  3578. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!