API tools faq
paste
Advertisement
Guest User

[CSS] AVN BLUE V1.02

a guest
Sep 4th, 2018
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 46.20 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/compte"), 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/") {
  2.  
  3. /*********************** mafumafu Thème Blue v1.02 ************************/
  4.  
  5.  
  6. /* cyrillic-ext */
  7. @font-face {
  8.   font-family: 'Roboto Condensed';
  9.   font-style: normal;
  10.   font-weight: 400;
  11.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2');
  12.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  13. }
  14. /* cyrillic */
  15. @font-face {
  16.   font-family: 'Roboto Condensed';
  17.   font-style: normal;
  18.   font-weight: 400;
  19.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
  20.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  21. }
  22. /* greek-ext */
  23. @font-face {
  24.   font-family: 'Roboto Condensed';
  25.   font-style: normal;
  26.   font-weight: 400;
  27.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2');
  28.   unicode-range: U+1F00-1FFF;
  29. }
  30. /* greek */
  31. @font-face {
  32.   font-family: 'Roboto Condensed';
  33.   font-style: normal;
  34.   font-weight: 400;
  35.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2');
  36.   unicode-range: U+0370-03FF;
  37. }
  38. /* vietnamese */
  39. @font-face {
  40.   font-family: 'Roboto Condensed';
  41.   font-style: normal;
  42.   font-weight: 400;
  43.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2');
  44.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  45. }
  46. /* latin-ext */
  47. @font-face {
  48.   font-family: 'Roboto Condensed';
  49.   font-style: normal;
  50.   font-weight: 400;
  51.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  52.   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;
  53. }
  54. /* latin */
  55. @font-face {
  56.   font-family: 'Roboto Condensed';
  57.   font-style: normal;
  58.   font-weight: 400;
  59.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  60.   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;
  61. }
  62. /* cyrillic-ext */
  63. @font-face {
  64.   font-family: 'Roboto Condensed';
  65.   font-style: normal;
  66.   font-weight: 700;
  67.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format('woff2');
  68.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  69. }
  70. /* cyrillic */
  71. @font-face {
  72.   font-family: 'Roboto Condensed';
  73.   font-style: normal;
  74.   font-weight: 700;
  75.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format('woff2');
  76.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  77. }
  78. /* greek-ext */
  79. @font-face {
  80.   font-family: 'Roboto Condensed';
  81.   font-style: normal;
  82.   font-weight: 700;
  83.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format('woff2');
  84.   unicode-range: U+1F00-1FFF;
  85. }
  86. /* greek */
  87. @font-face {
  88.   font-family: 'Roboto Condensed';
  89.   font-style: normal;
  90.   font-weight: 700;
  91.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format('woff2');
  92.   unicode-range: U+0370-03FF;
  93. }
  94. /* vietnamese */
  95. @font-face {
  96.   font-family: 'Roboto Condensed';
  97.   font-style: normal;
  98.   font-weight: 700;
  99.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2) format('woff2');
  100.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  101. }
  102. /* latin-ext */
  103. @font-face {
  104.   font-family: 'Roboto Condensed';
  105.   font-style: normal;
  106.   font-weight: 700;
  107.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2');
  108.   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;
  109. }
  110. /* latin */
  111. @font-face {
  112.   font-family: 'Roboto Condensed';
  113.   font-style: normal;
  114.   font-weight: 700;
  115.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2');
  116.   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;
  117. }
  118.  
  119. /*********************** POPO na POLICE ************************/
  120.  
  121.  
  122. @font-face {
  123.     font-family: 'roboto_condensedregular';
  124.     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');
  125.     font-weight: normal;
  126.     font-style: normal;
  127. }
  128.  
  129. @font-face {
  130.     font-family: 'roboto_condensedbold';
  131.     src: url('https://dl.dropboxusercontent.com/s/do1c6tb24np4fta/robotocondensed-bold-webfont.woff2') format('woff2'),
  132.          url('https://dl.dropboxusercontent.com/s/2mn5ockjelqj8we/robotocondensed-bold-webfont.woff') format('woff');
  133.     font-weight: normal;
  134.     font-style: normal;
  135.  
  136. }
  137.  
  138. /*********************** POPO na POLICE ************************/
  139.  
  140. /****************************************************************/
  141. .footer {
  142.   font-family: 'Roboto Condensed';
  143.     background: #101822;
  144.     border-radius: 0!important;
  145.     border-top: 1px solid #101822;
  146.     color: #8F98A0;
  147.     position: absolute;
  148.     bottom: 0;
  149.     width: 100%;
  150.     height: auto!important;
  151.     text-align: center;
  152.     font-size: 12px;
  153. }
  154.  
  155.  
  156. /****************************************************************/
  157. .footer a {
  158.     color: #67c1f5;
  159.     font-size: 12px;
  160. }
  161.  
  162. .footer a:hover {
  163.     color: #ffffff;
  164.     text-decoration: none;
  165. }
  166.  
  167.  
  168. /****************************************************************/
  169. a {
  170.   font-family: 'Roboto Condensed';
  171.     color: #67c1f5;
  172.     font-size: 13px!important;
  173.     text-decoration: none!important
  174. }
  175.  
  176. a:hover {
  177.         transition: all 0.3s linear;
  178.  
  179.   font-family: 'Roboto Condensed';
  180.     font-size: 13px!important;
  181.     color: #ffffff!important;
  182. }
  183.  
  184.  
  185. /****************************************************************/
  186. b, strong {
  187.  font-family: 'Roboto Condensed'!important;
  188. font-weight: 700;
  189.  
  190. }
  191.  
  192. body {
  193.   font-family: 'Roboto Condensed';
  194.     color: #acb2b8;
  195.     font-size: 14px;
  196.     background-image: url(https://i.imgur.com/Oca0onc.jpg);
  197.     background-repeat: no-repeat;
  198.     background-size: cover;
  199.     background-attachment: fixed;
  200.     margin-bottom: 60px;
  201.     overflow-x: hidden;
  202.     width: 100%;
  203.     padding-top: 100px;
  204. }
  205.  
  206. .brand img {
  207.     margin-left: auto;
  208.     margin-right: auto;
  209.     display: block;
  210. }
  211.  
  212.  
  213. /****************************************************************/
  214. .breadcrumb {
  215.     padding: 0px!important;
  216.     margin: 10 0 10px 0;
  217.     list-style: none;
  218.     background-color: transparent;
  219.     border-radius: 0px;
  220.     border-bottom: 1px solid TRANSPARENT;
  221. }
  222.  
  223. .breadcrumb a {
  224.     text-transform: capitalize;
  225.     font-size: 13px;
  226.     color: #67c1f5;
  227.     text-decoration: none;
  228. }
  229.  
  230. .breadcrumb > .active {
  231.     color: #dedede;
  232. }
  233.  
  234.  
  235. /****************************************************************/
  236. .main-container .container-content section {
  237.     background: #1b2838;
  238.     text-align: justify;
  239.     border-radius: 0px;
  240. }
  241.  
  242. section.aside ul li:before {
  243.     content: " ";
  244.     color: #1f3141;
  245.     display: inline-block;
  246.   font-family: 'Roboto Condensed';
  247.     font-size: 13px;
  248. }
  249.  
  250. section.aside ul li {
  251.     /*background-image: url(https://i.imgur.com/4Q0HgUB.png);
  252.     background-repeat: no-repeat;*/
  253.     color: transparent!important;
  254.     display: inline-block;
  255.     background: rgba(103, 193, 245, 0.1);
  256.     border-bottom: 2px solid #1b2838;
  257.     min-height: 22px;
  258.     padding-top: 4px;
  259.     padding-bottom: 4px;
  260.     padding-left: 8px;
  261.     padding-right: 8px;
  262.     line-height: 18px;
  263.     width: 100%!important;
  264. }
  265.  
  266. section.aside li a {
  267.     background-color: transparent!important;
  268.   font-family: 'Roboto Condensed';
  269.     color: #67c1f5!important;
  270.     font-size: 13px;
  271.     min-height: 22px;
  272.     padding-top: 4px;
  273.     padding-left: 8px;
  274.     padding-right: 8px;
  275.     line-height: 18px;
  276.     text-shadow: none;
  277.     text-decoration: none;
  278.     width: 100%!important;
  279. }
  280.  
  281. section.aside li a:hover {
  282.         transition: padding-left 0.3s linear, color 0.3s ease-in;
  283.  
  284.     background-color: transparent!important;
  285.   font-family: 'Roboto Condensed';
  286.     color: #ffffff!important;
  287.     font-size: 13px;
  288.     min-height: 22px;
  289.     padding-top: 4px;
  290.     padding-left: 18px;
  291.     padding-right: 8px;
  292.     line-height: 18px;
  293.     text-shadow: none;
  294.     text-decoration: none;
  295.     width: 100%!important;
  296. }
  297.  
  298. section.aside img {
  299.     width: 100%;
  300.     margin-bottom: 20px;
  301.     display: none
  302. }
  303.  
  304.  
  305. /****************************************************************/
  306. .topic-message aside.message-aside .message-infos {
  307.     margin: 0;
  308.     font-size: 11px;
  309.   font-family: 'Roboto Condensed';
  310.     color: #dedede;
  311.     text-align: justify;
  312.     text-shadow: 1px 1px 1px #000;
  313.     letter-spacing: .5px;
  314.     padding: 4px 8px 3px;
  315.     background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  316.     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)));
  317.     background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  318.     background: -o-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  319.     background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  320.     background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
  321.     border: 1px solid #26384f!important;
  322.     box-shadow: 0 0 5px #000!important;
  323.     box-shadow: 0 3px 1px #000;
  324.     border-radius: 0;
  325. }
  326.  
  327. .topic-message aside .message-infos u {
  328.     font-size: 11px;
  329.   font-family: 'Roboto Condensed';
  330.     color: #acb2b8;
  331.     text-decoration: none;
  332. }
  333.  
  334.  
  335. /****************************************************************/
  336. .navbar {
  337.     background: #171a21;
  338.     border-radius: 0 !important;
  339.     font-size: 1.3em;
  340.     text-transform: uppercase;
  341.     font-weight: normal;
  342.     border-bottom: 1px solid #171a21!important;
  343. }
  344.  
  345.  
  346. /****************************************************************/
  347. .navbar-inverse .navbar-nav > li > a {
  348.     color: #c7c7c7!important;
  349.    font-family: 'Roboto Condensed';
  350.     font-size: 18px!important;
  351.     font-weight: 700!important;
  352. }
  353.  
  354. .navbar-inverse .navbar-nav > li > a:hover {
  355.     transition: all 0.3s linear;
  356.     color: #67c1f5!important;
  357.  font-family: 'Roboto Condensed';
  358.     font-weight: 700;
  359.     background-color: #080808b0!important;
  360. }
  361.  
  362. .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  363. color: #67c1f5!important;
  364.     background-color: #080808b0!important;
  365. }
  366. /****************************************************************/
  367. .forum-tools .left-tools input.form-control {
  368.     max-width: 110px;
  369.         height: 33px!important;
  370.  
  371. }
  372.  
  373. .forum-tools .left-tools select.form-control {
  374.     max-width: 100%;
  375.     height: 33px!important;
  376. }
  377.  
  378. textarea.form-control {
  379.   font-family: 'Roboto Condensed';
  380.     background-color: rgba(0, 0, 0, 0.4);
  381.     border-radius: 0px;
  382.     border: 1px solid rgba(0, 0, 0, 0.4);
  383.     box-shadow: 1px 1px 0px #45556c;
  384.     color: #acb2b8;
  385.     margin-bottom: 6px;
  386.     outline: none;
  387.     padding: 4px 6px;
  388. }
  389.  
  390. textarea.form-control:focus {
  391.   font-family: 'Roboto Condensed';
  392.     background-color: rgba(0, 0, 0, 0.4);
  393.     border-radius: 0px;
  394.     border: 1px solid rgba(0, 0, 0, 0.4);
  395.     box-shadow: 1px 1px 0px #45556c;
  396.     color: #acb2b8;
  397.     margin-bottom: 6px;
  398.     outline: none;
  399.     padding: 4px 6px;
  400. }
  401.  
  402.  
  403. /****************************************************************/
  404. .form-control {
  405.   font-family: 'Roboto Condensed';
  406.     color: #acb2b8;
  407.     display: block;
  408.     width: 100%;
  409.     min-height: 35px!important;
  410.     padding: 6px 12px;
  411.     font-size: 14px;
  412.     line-height: 1.6;
  413.     background-color: rgba(0, 0, 0, 0.4);
  414.     background-image: none;
  415.     border: 1px solid rgba(0, 0, 0, 0.4);
  416.     border-radius: 0px;
  417.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  418.     box-shadow: 1px 1px 0px #45556c;
  419.     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  420.     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  421.     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  422. }
  423.  
  424. .form-control:focus {
  425.       font-family: 'Roboto Condensed';
  426.  
  427.     color: #acb2b8;
  428.     display: block;
  429.     width: 100%;
  430.     min-height: 35px!important;
  431.     padding: 6px 12px;
  432.     font-size: 14px;
  433.     line-height: 1.6;
  434.     background-color: rgba(0, 0, 0, 0.4);
  435.     background-image: none;
  436.     border: 1px solid rgba(0, 0, 0, 0.4)!important;
  437.     border-radius: 0px;
  438.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  439.     box-shadow: 1px 1px 0px #45556c;
  440.     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  441.     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  442.     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  443. }
  444.  
  445. select {
  446.     -webkit-appearance: menulist;
  447.     box-sizing: border-box;
  448.     align-items: center;
  449.     white-space: pre;
  450.     -webkit-rtl-ordering: logical;
  451.   font-family: 'Roboto Condensed';
  452.     color: #acb2b8!important;
  453.     background-color: #101822!important;
  454.     cursor: default;
  455.     border-width: 1px;
  456.     border-style: solid;
  457.     border-color: initial;
  458.     border-image: initial;
  459. }
  460.  
  461. .forum-tools .left-tools select.form-control {
  462.     max-width: 100%;
  463. }
  464.  
  465.  
  466. /****************************************************************/
  467. .topic-message.odd {
  468.     margin-top: 0px;
  469.     margin-bottom: 2px;
  470.     background-color: #212f43!important;
  471.     border: 1px solid #26384f!important;
  472.     box-shadow: 0 0 5px #000!important;
  473.     border-radius: 0px!important;
  474. }
  475.  
  476. .topic-message {
  477.     background-color: #212f43!important;
  478.     border: 1px solid #26384f!important;
  479.     box-shadow: 0 0 5px #000!important;
  480.     color: #acb2b8;
  481.     margin-top: 0px;
  482.     margin-bottom: 2px;
  483.     border-radius: 0px!important;
  484.   font-family: 'Roboto Condensed';
  485. }
  486.  
  487. .topic-message aside.message-aside {
  488.     width: 150px;
  489.     margin: 2px;
  490.     border-radius: 0;
  491. }
  492.  
  493. .topic-message aside.message-aside .message-avatar img {
  494.     width: 100%;
  495.     height: 100%;
  496.     background-color: #212f43!important;
  497.     border: 1px solid #26384f!important;
  498.     box-shadow: 0 0 5px #000!important;
  499. }
  500.  
  501.  
  502. /****************************************************************/
  503. .btn-primary {
  504.     font-size: 13.5px!important;
  505.     color: #fff!important;
  506.     background: #2e394c;
  507.     background: -webkit-linear-gradient( top, #28298a 5%, #92b1ee 95%);
  508.     background: linear-gradient( to bottom, #4a7fce 5%, #283e6a 95%);
  509.     border: none;
  510.     border-radius: 3px;
  511.       font-family: 'Roboto Condensed';
  512.  
  513.     box-shadow: 0px 2px #121b25;
  514.     text-shadow: 1px 1.4px 3px #000!important;
  515. }
  516.  
  517. .btn-primary:hover {
  518.     -webkit-filter: grayscale(25%); /* Safari 6.0 - 9.0 */
  519.     filter: grayscale(25%);
  520.     font-size: 13.5px!important;
  521.     color: #fff!important;
  522.     background: #2e394c;
  523.     background: -webkit-linear-gradient( top, #28298a 5%, #92b1ee 95%);
  524.     background: linear-gradient( to bottom, #4c7fcc 5%, #283e6a 95%);
  525.     border: none;
  526.     border-radius: 3px;
  527.       font-family: 'Roboto Condensed';
  528.  
  529.     box-shadow: 0px 2px #121b25;
  530.     text-shadow: 1px 1.4px 3px #000!important;
  531. }
  532.  
  533. .btn-danger {
  534.     font-size: 13.5px!important;
  535.     color: #fff!important;
  536.         background: #a4d007;
  537.  
  538.     background: -webkit-linear-gradient(top, #799905 5%, #536904 95%);
  539.     background: linear-gradient(to bottom, #799905 5%, #536904 95%);
  540.     border: none;
  541.     border-radius: 3px;
  542.   font-family: 'Roboto Condensed';
  543.  
  544.     box-shadow: 0px 2px #121b25;
  545.     text-shadow: 1px 1.4px 3px #000!important;
  546. }
  547.  
  548. .btn-danger:hover {
  549.     font-size: 13.5px!important;
  550.     color: #fff!important;
  551.     background: #a4d007;
  552.     background: -webkit-linear-gradient(top, #799905 5%, #536904 95%);
  553.     background: linear-gradient(to bottom, #799905 5%, #536904 95%);
  554.     border: none;
  555.     border-radius: 3px;
  556.   font-family: 'Roboto Condensed';
  557.  
  558.     text-shadow: 1px 1.4px 3px #000!important;
  559.     box-shadow: 0px 2px #121b25;
  560. }
  561.  
  562. .grey-btn.btn {
  563.     MARGIN-top: 0px;
  564.     text-transform: uppercase;
  565.     height: 33px!important;
  566.     font-size: 12px!important;
  567.     color: #fff!important;
  568.     background: #2e394c;
  569.     background: -webkit-linear-gradient( top, #28298a 5%, #92b1ee 95%);
  570.     background: linear-gradient( to bottom, #4a7fce 5%, #283e6a 95%);
  571.     border: none;
  572.     border-radius: 3px;
  573.     font-family: 'courrier'!important;
  574.     box-shadow: 0px 2px #121b25;
  575.     text-shadow: 1px 1.4px 3px #000!important;
  576. }
  577. .grey-btn.btn:hover {
  578. -webkit-filter: grayscale(25%); /* Safari 6.0 - 9.0 */
  579.     filter: grayscale(25%);
  580. MARGIN-top: 0px;
  581.     text-transform: uppercase;
  582.     height: 33px!important;
  583.     font-size: 12px!important;
  584.     color: #fff!important;
  585.     background: #2e394c;
  586.     background: -webkit-linear-gradient( top, #28298a 5%, #92b1ee 95%);
  587.     background: linear-gradient( to bottom, #4a7fce 5%, #283e6a 95%);
  588.     border: none;
  589.     border-radius: 3px;
  590.     font-family: 'courrier'!important;
  591.     box-shadow: 0px 2px #121b25;
  592.     text-shadow: 1px 1.4px 3px #000!important;
  593. }
  594. /****************************************************************/
  595. .preview {
  596.       font-family: 'Roboto Condensed';
  597.  
  598.     color: #acb2b8;
  599.     display: block;
  600.     width: 100%;
  601.     min-height: 35px!important;
  602.     padding: 6px 12px;
  603.     font-size: 14px;
  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: 0px;
  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.  
  617. /****************************************************************/
  618. h1 {
  619.     display: inline;
  620.   font-family: 'Roboto Condensed';
  621. color: transparent;
  622.     font-size: 0px!important;
  623. /*  color: #acb2b8;
  624.     font-size: 36px;*/
  625.     text-align: left;
  626. }
  627. h1::before {
  628.         display: inline;
  629.  
  630.     content: "Thème Blue 🎐 mafumafu"!important;
  631.     color: #ffffff;
  632.     font-size: 12px!important;
  633.   font-family: 'Roboto Condensed';
  634.  
  635.     font-style: normal!important;
  636.     text-align: center;
  637. }
  638.  
  639. h3, .h3 {
  640.     display: inline-block;
  641.     padding: 10px 10px;
  642.     font-size: 13.5px!important;
  643.     height: 35px!important;
  644.     color: #fff;
  645.     background: #a4d007;
  646.     background: -webkit-linear-gradient(top, #799905 5%, #536904 95%);
  647.     background: linear-gradient(to bottom, #799905 5%, #536904 95%);
  648.   font-family: 'Roboto Condensed';
  649.  
  650.     box-shadow: 0px 2px #121b25;
  651.     text-shadow: 1px 1.4px 3px #000!important;
  652.     border-radius: 3px;
  653. }
  654.  
  655. h2, .h2 {
  656.       font-family: 'Roboto Condensed';
  657.  
  658.     font-size: 25px;
  659.     color: #dedede;
  660.     margin-top: 25px!important;
  661. }
  662.  
  663.  
  664. /****************************************************************/
  665. .table > tbody > tr {
  666.     background: rgba(103, 193, 245, 0.1)!important;
  667.     height: 30px!important;
  668.     color: #acb2b8!important;
  669.     font-size: 13.5px!important;
  670.     text-decoration: none!important;
  671.     font-weight: 400!important;
  672.     border-bottom: 1px solid #1b2838!important;
  673. }
  674.  
  675. .topics-date {
  676.     width: 130px;
  677.     text-align: center!important;
  678. }
  679.  
  680. .table > tbody > tr a {
  681.     line-height: 26px;
  682.       font-family: 'Roboto Condensed';
  683.  
  684.     color: #acb2b8;
  685.     font-size: 13.5px!important;
  686.     text-decoration: none!important;
  687.     font-weight: 400!important;
  688. }
  689.  
  690.  
  691. /****************************************************************/
  692. .message-permalink {
  693.     position: absolute;
  694.     bottom: 0!important;
  695.     color: #acb2b8!important;
  696.     text-decoration: none;
  697.     font-size: 12px!important;
  698.   font-family: 'Roboto Condensed';
  699.  
  700. }
  701.  
  702. .message-permalink:hover {
  703.     transition: color 1s linear;
  704.     position: absolute;
  705.     bottom: 0;
  706.     color: #67c1f5!important;
  707.     text-decoration: none;
  708.     font-size: 12px!important;
  709.       font-family: 'Roboto Condensed';
  710.  
  711. }
  712.  
  713. .topic-message .message-footer .message-edited {
  714.     color: #ffffff;
  715.     font-size: 12px!important;
  716.   font-family: 'Roboto Condensed';
  717.  
  718.     font-style: normal!important;
  719. }
  720.  
  721. .text-muted::after {
  722.  
  723.     content: " | Thème Blue 🎐 mafumafu"!important;
  724.     color: #ffffff;
  725.     font-size: 12px!important;
  726.   font-family: 'Roboto Condensed';
  727.  
  728.     font-style: normal!important;
  729. }
  730. /****************************************************************/
  731. .odd .message-header {
  732.     padding-top: 8px;
  733.     padding-bottom: 45px;
  734.     border-bottom: 1px dotted #000!important;
  735. }
  736.  
  737. .message-header {
  738.     padding-top: 8px;
  739.     padding-bottom: 45px;
  740.     border-bottom: 1px dotted #000!important;
  741. }
  742.  
  743. .topic-message .message-header .message-username a {
  744.     text-shadow: 1px 1px 1px #000!important;
  745.     text-decoration: none;
  746.     font-size: 18px!important;
  747.     font-family: 'Roboto Condensed';
  748.     color: #ffffff;
  749.     font-weight: 700!important;
  750.     letter-spacing: 0.5px;
  751.     /* animation BB */
  752.   /*  transition: padding-left 0.5s ease-in, background-image 0.6s ease-in-out;
  753.     background-image: url('');
  754.     background-repeat: no-repeat;
  755.     padding-left: 0px;*/
  756. }
  757.  
  758. .topic-message .message-header .message-username a:hover {
  759.   /*  transition: padding-left 0.5s ease-in, background-image 0.6s ease-in-out; */
  760.     transition: color 0.3s linear;
  761.     background-repeat: no-repeat;
  762.     padding-left: 0px;
  763.     text-shadow: 1px 1px 1px #000!important;
  764.     text-decoration: none;
  765.     font-size: 18px!important;
  766.     font-family: 'Roboto Condensed';
  767.     color: #67c1f5!important;
  768.     font-weight: 700!important;
  769. }
  770.  
  771.  
  772. .topic-message .message-header .message-date a{
  773.         font-size: 11px!important;
  774. padding-left: 0px;
  775. }
  776. .topic-message .message-header .message-date a:hover{
  777.     transition: all 1s ease-in;
  778.  
  779. }
  780. /****************************************************************/
  781. /****************************************************************/
  782.  
  783.  
  784. .glyphicon-envelope:before {
  785.     content: "\2709";
  786.     font-size:
  787. }
  788. .glyphicon-envelope:hover {
  789.     content: "\2709";
  790.  transform: scale(1.2);
  791.     transition-duration: 0.6s;
  792. transition-timing-function: linear;
  793. }
  794.  
  795. /****************************************************************/
  796.  
  797. /****************************************************************/
  798. .glyphicon-star {
  799.     content: "\e006";
  800.     display: inline-block;
  801.     background-image: url(https://i.imgur.com/tsEmmRd.png); /* done */
  802.     width: 16px;
  803.     height: 16px;
  804.     line-height: 18px!important;
  805.     color: transparent!important;
  806. }
  807.  
  808. .glyphicon-star:hover {
  809.     content: "\e006";
  810.     display: inline-block;
  811.     background-image: url(https://i.imgur.com/tsEmmRd.png);
  812.    
  813.  -webkit-animation: rotating 1s linear infinite;
  814.     -moz-animation: rotating 1s linear infinite;
  815.     -ms-animation: rotating 1s linear infinite;
  816.     -o-animation: rotating 1s linear infinite;
  817.     animation: rotating 1s linear infinite;
  818.    
  819.     width: 16px;
  820.     height: 16px;
  821.     line-height: 18px!important;
  822.     color: transparent!important;
  823. }
  824.  
  825. @-webkit-keyframes rotating /* Safari and Chrome */ {
  826.   from {
  827.     -webkit-transform: rotate(0deg);
  828.     -o-transform: rotate(0deg);
  829.     transform: rotate(0deg);
  830.   }
  831.   to {
  832.     -webkit-transform: rotate(360deg);
  833.     -o-transform: rotate(360deg);
  834.     transform: rotate(360deg);
  835.   }
  836. }
  837. @keyframes rotating {
  838.   from {
  839.     -ms-transform: rotate(0deg);
  840.     -moz-transform: rotate(0deg);
  841.     -webkit-transform: rotate(0deg);
  842.     -o-transform: rotate(0deg);
  843.     transform: rotate(0deg);
  844.   }
  845.   to {
  846.     -ms-transform: rotate(360deg);
  847.     -moz-transform: rotate(360deg);
  848.     -webkit-transform: rotate(360deg);
  849.     -o-transform: rotate(360deg);
  850.     transform: rotate(360deg);
  851.   }
  852. }
  853. /****************************************************************/
  854. .odd .message-content-quote {
  855.   font-family: 'Roboto Condensed';
  856.       margin-TOP: 6px!important;
  857.  
  858.       margin-bottom: 6px!important;
  859. padding-left: 8px!important;
  860.         padding-right: 8px!important;
  861.     color: #acb2b8;
  862.     background-color: rgba(0, 0, 0, 0.4);
  863.     background-image: none;
  864.     border: 1px solid rgba(0, 0, 0, 0.4)!important;
  865.     border-radius: 0px;
  866.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  867.     box-shadow: 1px 1px 0px #45556c;
  868.     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  869.     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  870.     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  871. }
  872.  
  873. .topic-message .message-content{
  874.               font-family: 'Roboto Condensed';
  875.  
  876. }
  877.  
  878. .message-content-quote {
  879.           font-family: 'Roboto Condensed';
  880.         padding-left: 8px!important;
  881.         padding-right: 8px!important;
  882.  
  883.       margin-TOP: 6px!important;
  884.       margin-bottom: 6px!important; color: #acb2b8!important;
  885.     background-color: rgba(0, 0, 0, 0.4)!important;
  886.     background-image: none;
  887.     border: 1px solid rgba(0, 0, 0, 0.4)!important;
  888.     border-radius: 0px;
  889.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  890.     box-shadow: 1px 1px 0px #45556c;
  891.     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  892.     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  893.     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  894. }
  895.  
  896. .message-content-quote {
  897.       font-family: 'Roboto Condensed';
  898.  
  899.  
  900.     margin: 0;
  901.     padding: 5px;
  902.     font-size: .95em;
  903.     line-height: 1.6em;
  904.     border-left-style: solid;
  905.     border-left-width: 5px;
  906.     border-left-color: var(--quote-primary-border-color);
  907.     background: var(--quote-primary-background);
  908.     color: var(--quote-color);
  909. }
  910.  
  911. .message-content-quote .message-content-quote-author {
  912.           font-family: 'Roboto Condensed';
  913. font-weight: 700;
  914.  
  915. }
  916.  
  917. .message-content-quote a {
  918.           font-family: 'Roboto Condensed';
  919.  
  920.  
  921.     color: #67c1f5;
  922.     font-style: normal;
  923.     font-weight: normal!important;
  924. }
  925.  
  926. .message-content-quote .message-content-quote-caption {
  927.       font-family: 'Roboto Condensed';
  928.     transition: all 0.3s linear;
  929.  
  930.  
  931.     font-style: normal;
  932.     color: #ffff;
  933. }
  934.  
  935. tr.active, tr.active td {
  936.     background: #41627e!important;
  937. }
  938.  
  939.  
  940. /****************************************************************/
  941. .pagination > li a {
  942.     display: inline;
  943.     background-color: rgba( 103, 193, 245, 0.2);
  944.     border: 1px transparent;
  945.     border-radius: 3px;
  946.     cursor: pointer;
  947.     color: #66c0f4;
  948.     margin-left: 2px;
  949.     line-height: 17px!important;
  950. }
  951.  
  952. .glyphicon-chevron-right:before {
  953.     display: inline-block;
  954.     content: "\e080";
  955. }
  956.  
  957. section .pagination li.subactive {
  958.     border-bottom: 2px solid transparent;
  959.     background-color: rgba( 21, 31, 44, 0.7);
  960.     margin: 0 0 0px 0;
  961.     width: 100%;
  962.     border-radius: 3px!important;
  963.     cursor: pointer;
  964.     color: #66c0f4;
  965. }
  966.  
  967. section .pagination a:hover {
  968.     float: none;
  969.     background: none;
  970.     border: none;
  971.     padding: 2px 5px;
  972.     background-color: rgba( 103, 193, 245, 0.2);
  973. }
  974.  
  975. /* important */
  976. .table > thead > tr > th {
  977.  font-family: 'Roboto Condensed';
  978.     background: transparent!important;
  979.     background-size: cover;
  980.     padding: 5px;
  981. font-weight: 700;
  982.  
  983. }
  984.  
  985. section .pagination {
  986.     display: block;
  987.     height: 25px;
  988.     background-color: rgba( 21, 31, 44, 0.7);
  989.     margin: 0 0 0px 0;
  990.     width: 100%;
  991.     text-align: center;
  992.     font-size: 1.2em;
  993.     border-radius: 3px!important;
  994. }
  995.  
  996. table table-striped topics {
  997.     background-color: red!important;
  998. }
  999.  
  1000.  
  1001. /****************************************************************/
  1002. .navbar .navbar-logo img {
  1003.     /*
  1004.     background-image: url('https://i.imgur.com/mDHdpTe.png'); /* done */
  1005.    
  1006.     background-image: url('https://i.imgur.com/j2UKLCe.png');
  1007.     width: 172px;
  1008.     height: 50px;
  1009.     padding-right: 172px!important;
  1010.     margin-bottom: 5px;
  1011.     margin-left: 30px;
  1012. }
  1013.  
  1014. .brand img {
  1015.     background-image: url('https://i.imgur.com/J91AAzJ.png')!important;/* done */
  1016.     width: 258px!important;
  1017.     height: 225px!important;
  1018.     padding-right: 258px!important;
  1019.     margin-left: auto;
  1020.     margin-right: auto;
  1021.     display: block;
  1022.  
  1023. }
  1024.  
  1025.  
  1026. /****************************************************************/
  1027.  
  1028. /** marge sous la table **/
  1029. .table {
  1030.     width: 100%;
  1031.     max-width: 100%;
  1032.     margin-bottom: 0px!important;
  1033. }
  1034.  
  1035. .login .login-title, .login .signup-title, .signup .login-title, .signup .signup-title {
  1036.     margin: 10px 0 20px 0;
  1037. }
  1038.  
  1039. .btn-success {
  1040.     color: #fff;
  1041.     background-color: #2ab27b;
  1042.     border-color: #259d6d;
  1043. }
  1044.  
  1045. .table > thead {
  1046.     background-color: #101822;
  1047.     ;
  1048.     color: #acb2b8;
  1049.     letter-spacing: 0.2px;
  1050.     font-size: 13px;
  1051. }
  1052.  
  1053. thead {
  1054.     text-transform: uppercase;
  1055. }
  1056.  
  1057.  
  1058. /****************************************************************/
  1059. .bbcodes {
  1060.     text-align: left;
  1061.     margin: 0;
  1062.     border: 1px solid #c7c7c7;
  1063.     border-radius: 3px 3px 0 0;
  1064.     background: #c7c7c7;
  1065. }
  1066.  
  1067. .popup {
  1068.     background: #c7c7c7;
  1069.     background-repeat: no-repeat;
  1070.     background-size: cover;
  1071.     background-attachment: fixed;
  1072. }
  1073. .fancybox-container h4, .h4 {
  1074.     font-size: 18px;
  1075.    
  1076.   font-family: 'Roboto Condensed';
  1077.  
  1078.  
  1079.     color: #305c7c;
  1080. }
  1081. .bottombar ul {
  1082.     padding: 0 20px;
  1083.     border-radius: 10px;
  1084.     background-image: url(https://i.imgur.com/Oca0onc.jpg); /* done */
  1085.     background-repeat: no-repeat;
  1086.     list-style: none;
  1087.     display: inline-block;
  1088. }
  1089.  
  1090.  
  1091. /****************************************************************/
  1092. .topic-message .message-header .message-actions li img, .topic-message .message-header .message-actions li input[type="image"] {
  1093.     width: 20px!important;
  1094.     height: 20px!important;
  1095.     display: inline-block;
  1096. }
  1097.  
  1098. .topic-message .message-header .message-actions img, .topic-message .message-header .message-actions input[type="image"] {
  1099.     border-radius: 3px;
  1100. }
  1101.  
  1102.  
  1103. /****************************************************************/
  1104. .message-quote img {
  1105.     background-image: url(https://i.imgur.com/bvdff6Q.png); /* done */
  1106.     width: 20px;
  1107.     height: 20px;
  1108.     padding-right: 20px!important
  1109.        
  1110. }
  1111.  
  1112. .message-quote img:hover {
  1113.     transition-property: margin-bottom;
  1114.       transition-duration: 0.6s;
  1115.             margin-bottom: 2px;
  1116.  
  1117.     background-image: url(https://i.imgur.com/2i7q2a9.png)!important; /* done */
  1118.     width: 20px;
  1119.     height: 20px;
  1120.     padding-right: 20px;
  1121. }
  1122.  
  1123. input.ddb-bouton {
  1124.  
  1125.     background-image: url(https://i.imgur.com/W9BO4Ca.png); /* done */
  1126.     width: 20px!important;
  1127.     height: 20px!important;
  1128.     padding-right: 20px!important
  1129. }
  1130.  
  1131. input.ddb-bouton:hover {
  1132.         transition-property: all!important;
  1133.       transition-duration: 0.5s!important;
  1134.     transition-timing-function: linear!important;
  1135.             margin-bottom: 2px!important;
  1136.     background-image: url(https://i.imgur.com/0gQHDPt.png)!important; /* done */
  1137.     width: 20px!important;
  1138.     height: 20px!important;
  1139.     padding-right: 20px!important
  1140. }
  1141.  
  1142. .message-edit img {
  1143.    
  1144.     background-image: url(https://i.imgur.com/TclNAxY.png);/* done */
  1145.     width: 20px!important;
  1146.     height: 20px!important;
  1147.     padding-right: 20px!important
  1148. }
  1149.  
  1150. .message-edit img:hover {
  1151.         transition-property: all;
  1152.       transition-duration: 0.5s;
  1153.     transition-timing-function: linear;
  1154.             margin-bottom: 2px;
  1155.     background-image: url(https://i.imgur.com/QNXpazS.png);/* done */
  1156.     width: 20px!important;
  1157.     height: 20px!important;
  1158.     padding-right: 20px!important;
  1159. }
  1160.  
  1161. .topic-pm-user {
  1162.     font-size: 0.9em;
  1163.     color: #a5a5a5;
  1164.     vertical-align: middle;
  1165. }
  1166.  
  1167. .message-delete img {
  1168.     background-image: url(https://i.imgur.com/zS8IDvF.png);/* done */
  1169.     width: 20px!important;
  1170.     height: 20px!important;
  1171.     padding-right: 20px!important
  1172. }
  1173.  
  1174. .message-delete img:hover {
  1175.         transition-property: all!important;
  1176.       transition-duration: 0.5s!important;
  1177.     transition-timing-function: linear!important;
  1178.             margin-bottom: 2px!important;
  1179.     background-image: url(https://i.imgur.com/sRsD1pV.png);/* done */
  1180.     width: 20px!important;
  1181.     height: 20px!important;
  1182.     padding-right: 20px!important
  1183. }
  1184.  
  1185.  
  1186. /****************************************************************/
  1187. .chat-box .chat-message {
  1188.       font-family: 'Roboto Condensed';
  1189.  
  1190.     color: #acb2b8;
  1191.     font-size: 14px;
  1192.     overflow: hidden;
  1193. }
  1194.  
  1195. .chat-box .chat-message .chat-message-username a {
  1196.   font-family: 'Roboto Condensed';
  1197.  
  1198.     color: #ffffff;
  1199.     font-size: 14px;
  1200. }
  1201.  
  1202. .chat-box .chat-message .chat-message-username a:hover {
  1203.       font-family: 'Roboto Condensed';
  1204.     color: #66c0f4!important;
  1205.     font-size: 14px;
  1206. }
  1207.  
  1208. .chat-form {
  1209.     background: #6C7A89;
  1210.     padding: 20px;
  1211. }
  1212.  
  1213. .spoiler .spoiler-content {
  1214.   font-family: 'Roboto Condensed';
  1215.  
  1216.     color: #acb2b8;
  1217.       background-color: transparent;
  1218.     border-left: none!important;
  1219.     font-size: 14px;
  1220.     padding: 0 0px;
  1221.     display: none;
  1222. }
  1223.  
  1224. /****************************************************************/
  1225. .spoiler .spoiler-btn {
  1226.     transition: 2s;
  1227.         overflow: hidden;
  1228. border-left:none!important;
  1229.         display: block;
  1230. color: transparent;
  1231.     cursor: pointer;
  1232.     -moz-box-sizing: border-box;
  1233.     box-sizing: border-box;
  1234. background-image: url(https://i.imgur.com/BFGBh1r.png); /* done */
  1235.     width: 101px!important;
  1236.     height: 37px!important;
  1237.         padding-top: 37px;
  1238. margin-top:2px!important;
  1239.         margin-bottom: 6px;
  1240.  
  1241. }
  1242.  
  1243. .spoiler .spoiler-btn:hover {
  1244.     -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  1245.     filter: grayscale(100%);
  1246.  
  1247.         overflow: hidden;
  1248. border-left:none!important;
  1249.         display: block;
  1250. color: transparent;
  1251.     cursor: pointer;
  1252.     -moz-box-sizing: border-box;
  1253.     box-sizing: border-box;
  1254. background-image: url(https://i.imgur.com/BFGBh1r.png);
  1255.     width: 101px!important;
  1256.     height: 37px!important;
  1257.         padding-top: 37px;
  1258. margin-top:2px;
  1259.     margin-bottom: 6px;
  1260. }
  1261. .topic-message.odd .spoiler-content {
  1262.       font-family: 'Roboto Condensed';
  1263.  
  1264.  
  1265.     color: #acb2b8;
  1266.       background-color: transparent;
  1267.     border-left: none!important;
  1268. }
  1269.  
  1270. .form-control[disabled], fieldset[disabled] .form-control {
  1271.     cursor: not-allowed;
  1272.     background-color: rgba(0, 0, 0, 0.4);
  1273.     background-image: none;
  1274.     border: 1px solid rgba(0, 0, 0, 0.4);
  1275.     border-radius: 0px;
  1276.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1277.     box-shadow: 1px 1px 0px #45556c;
  1278.     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1279.     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1280.     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1281. }
  1282. }
  1283.  
  1284. @-moz-document url-prefix("https://avenoel.org/profil/") {
  1285.  
  1286. .navbar {
  1287.     background: #171a21;
  1288.     border-radius: 0 !important;
  1289.     font-size: 1.3em;
  1290.     text-transform: uppercase;
  1291.     font-weight: normal;
  1292.     border-bottom: 1px solid #171a21!important;
  1293. }
  1294.  
  1295. /****************************************************************/
  1296. .footer a {
  1297.     color: #67c1f5;
  1298.     font-size: 12px;
  1299. }
  1300.  
  1301. .footer a:hover {
  1302.     color: #ffffff;
  1303.     text-decoration: none;
  1304. }
  1305.  
  1306. /****************************************************************/
  1307. .footer {
  1308.   font-family: 'Roboto Condensed';
  1309.     background: #101822;
  1310.     border-radius: 0!important;
  1311.     border-top: 1px solid #101822;
  1312.     color: #8F98A0;
  1313.     position: absolute;
  1314.     bottom: 0;
  1315.     width: 100%;
  1316.     height: auto!important;
  1317.     text-align: center;
  1318.     font-size: 12px;
  1319. }
  1320.  
  1321.  
  1322. /****************************************************************/
  1323. /****************************************************************/
  1324. a {
  1325.   font-family: 'Roboto Condensed';
  1326.     color: #67c1f5;
  1327.     font-size: 13px!important;
  1328.     text-decoration: none!important
  1329. }
  1330.  
  1331. a:hover {
  1332.         transition: all 0.3s linear;
  1333.  
  1334.   font-family: 'Roboto Condensed';
  1335.     font-size: 13px!important;
  1336.     color: #ffffff!important;
  1337. }
  1338.  
  1339.  
  1340. .navbar .navbar-logo img {
  1341.     /*
  1342.     background-image: url('https://i.imgur.com/mDHdpTe.png'); /* done */
  1343.    
  1344.     background-image: url('https://i.imgur.com/j2UKLCe.png');
  1345.     width: 172px;
  1346.     height: 50px;
  1347.     padding-right: 172px!important;
  1348.     margin-bottom: 5px;
  1349.     margin-left: 30px;
  1350. }
  1351.  
  1352. .brand img {
  1353.     background-image: url('https://i.imgur.com/J91AAzJ.png')!important;/* done */
  1354.     width: 258px!important;
  1355.     height: 225px!important;
  1356.     padding-right: 258px!important;
  1357.     margin-left: auto;
  1358.     margin-right: auto;
  1359.     display: block;
  1360. }
  1361.  
  1362.  
  1363.  
  1364. .navbar-inverse .navbar-nav > li > a {
  1365.     color: #c7c7c7!important;
  1366.    font-family: 'Roboto Condensed';
  1367.     font-size: 18px!important;
  1368.     font-weight: 700!important;
  1369. }
  1370.  
  1371. .navbar-inverse .navbar-nav > li > a:hover {
  1372.     transition: all 0.3s linear;
  1373.     color: #67c1f5!important;
  1374.  font-family: 'Roboto Condensed';
  1375.     font-weight: 700;
  1376.     background-color: #080808b0!important;
  1377. }
  1378.  
  1379. .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  1380. color: #67c1f5!important;
  1381.     background-color: #080808b0!important;
  1382. }
  1383.  
  1384. .profile .profile-title, .profile .profile-wrapper, .profile .profile-footer, .profile .profile-biography {
  1385.     /*background: url('https://www.salton.com.br/imagens/grupos/garrafas/ouro/background-span.png');*/
  1386.     background-color: #171a21!important;
  1387.     border: 1px solid #08090b!important;
  1388.     box-shadow: 0 0 5px #000!important;
  1389.   font-family: 'Roboto Condensed';
  1390.     border-radius: 10px!important;
  1391.     padding: 15px;
  1392. }
  1393.  
  1394. .profile h4, .h4 {
  1395. font-family: 'Lobster', cursive;
  1396.     font-size: 26px!important;
  1397.     text-align: center;
  1398.     color: #acb2b8!important;
  1399.     font-weight: 400;
  1400. }
  1401.  
  1402. .profile .profile-title h2 {
  1403.     font-family: 'Lobster', cursive;
  1404.     color: #acb2b8!important;
  1405.  
  1406.     font-size: 40px;
  1407.     font-weight: 500;
  1408.     margin: 0;
  1409. }
  1410.  
  1411. .profile .profile-wrapper-left .profile-secondary-title, .profile .profile-wrapper-right .profile-secondary-title {
  1412.     margin: 10px 0;
  1413. font-family: 'Lobster', cursive;
  1414.     text-align: center;
  1415.     background: transparent!important;
  1416.     box-shadow: none!important;
  1417.     color: #acb2b8!important;
  1418.     text-shadow: none!important;
  1419.     font-size: 24px!important;
  1420.    
  1421. }
  1422.  
  1423. .profile .profile-wrapper .profile-avatar img {
  1424.  
  1425.     background-color: transparent!important;
  1426.     border: 1px solid #08090b!important;
  1427.     box-shadow: 2 2 3px #000!important;
  1428.     border-radius:5px;
  1429. }
  1430.  
  1431. body {
  1432.   font-family: 'Roboto Condensed';
  1433.     color: #acb2b8;
  1434.     font-size: 14px;
  1435.     background-repeat: no-repeat;
  1436.     background-size: cover;
  1437.     background-attachment: fixed;
  1438.     margin-bottom: 60px;
  1439.     overflow-x: hidden;
  1440.     width: 100%;
  1441.     padding-top: 100px;
  1442. }
  1443.  
  1444.  
  1445.  
  1446. /* cyrillic-ext */
  1447. @font-face {
  1448.   font-family: 'Roboto Condensed';
  1449.   font-style: normal;
  1450.   font-weight: 400;
  1451.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2');
  1452.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  1453. }
  1454. /* cyrillic */
  1455. @font-face {
  1456.   font-family: 'Roboto Condensed';
  1457.   font-style: normal;
  1458.   font-weight: 400;
  1459.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
  1460.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  1461. }
  1462. /* greek-ext */
  1463. @font-face {
  1464.   font-family: 'Roboto Condensed';
  1465.   font-style: normal;
  1466.   font-weight: 400;
  1467.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2');
  1468.   unicode-range: U+1F00-1FFF;
  1469. }
  1470. /* greek */
  1471. @font-face {
  1472.   font-family: 'Roboto Condensed';
  1473.   font-style: normal;
  1474.   font-weight: 400;
  1475.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2');
  1476.   unicode-range: U+0370-03FF;
  1477. }
  1478. /* vietnamese */
  1479. @font-face {
  1480.   font-family: 'Roboto Condensed';
  1481.   font-style: normal;
  1482.   font-weight: 400;
  1483.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2');
  1484.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  1485. }
  1486. /* latin-ext */
  1487. @font-face {
  1488.   font-family: 'Roboto Condensed';
  1489.   font-style: normal;
  1490.   font-weight: 400;
  1491.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  1492.   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;
  1493. }
  1494. /* latin */
  1495. @font-face {
  1496.   font-family: 'Roboto Condensed';
  1497.   font-style: normal;
  1498.   font-weight: 400;
  1499.   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  1500.   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;
  1501. }
  1502. /* cyrillic-ext */
  1503. @font-face {
  1504.   font-family: 'Roboto Condensed';
  1505.   font-style: normal;
  1506.   font-weight: 700;
  1507.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format('woff2');
  1508.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  1509. }
  1510. /* cyrillic */
  1511. @font-face {
  1512.   font-family: 'Roboto Condensed';
  1513.   font-style: normal;
  1514.   font-weight: 700;
  1515.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format('woff2');
  1516.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  1517. }
  1518. /* greek-ext */
  1519. @font-face {
  1520.   font-family: 'Roboto Condensed';
  1521.   font-style: normal;
  1522.   font-weight: 700;
  1523.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format('woff2');
  1524.   unicode-range: U+1F00-1FFF;
  1525. }
  1526. /* greek */
  1527. @font-face {
  1528.   font-family: 'Roboto Condensed';
  1529.   font-style: normal;
  1530.   font-weight: 700;
  1531.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format('woff2');
  1532.   unicode-range: U+0370-03FF;
  1533. }
  1534. /* vietnamese */
  1535. @font-face {
  1536.   font-family: 'Roboto Condensed';
  1537.   font-style: normal;
  1538.   font-weight: 700;
  1539.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2) format('woff2');
  1540.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  1541. }
  1542. /* latin-ext */
  1543. @font-face {
  1544.   font-family: 'Roboto Condensed';
  1545.   font-style: normal;
  1546.   font-weight: 700;
  1547.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2');
  1548.   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;
  1549. }
  1550. /* latin */
  1551. @font-face {
  1552.   font-family: 'Roboto Condensed';
  1553.   font-style: normal;
  1554.   font-weight: 700;
  1555.   src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2');
  1556.   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;
  1557. }
  1558.  
  1559. /*********************** POPO na POLICE ************************/
  1560.  
  1561.  
  1562. @font-face {
  1563.     font-family: 'roboto_condensedregular';
  1564.     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');
  1565.     font-weight: normal;
  1566.     font-style: normal;
  1567. }
  1568.  
  1569. @font-face {
  1570.     font-family: 'roboto_condensedbold';
  1571.     src: url('https://dl.dropboxusercontent.com/s/do1c6tb24np4fta/robotocondensed-bold-webfont.woff2') format('woff2'),
  1572.          url('https://dl.dropboxusercontent.com/s/2mn5ockjelqj8we/robotocondensed-bold-webfont.woff') format('woff');
  1573.     font-weight: normal;
  1574.     font-style: normal;
  1575.  
  1576. }
  1577.  
  1578. /*********************** POPO na POLICE ************************/
  1579.  
  1580. /* cyrillic-ext */
  1581. @font-face {
  1582.   font-family: 'Lobster';
  1583.   font-style: normal;
  1584.   font-weight: 400;
  1585.   src: local('Lobster Regular'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v20/neILzCirqoswsqX9zo-mM5Ez.woff2) format('woff2');
  1586.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  1587. }
  1588. /* cyrillic */
  1589. @font-face {
  1590.   font-family: 'Lobster';
  1591.   font-style: normal;
  1592.   font-weight: 400;
  1593.   src: local('Lobster Regular'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v20/neILzCirqoswsqX9zoamM5Ez.woff2) format('woff2');
  1594.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  1595. }
  1596. /* vietnamese */
  1597. @font-face {
  1598.   font-family: 'Lobster';
  1599.   font-style: normal;
  1600.   font-weight: 400;
  1601.   src: local('Lobster Regular'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v20/neILzCirqoswsqX9zo2mM5Ez.woff2) format('woff2');
  1602.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  1603. }
  1604. /* latin-ext */
  1605. @font-face {
  1606.   font-family: 'Lobster';
  1607.   font-style: normal;
  1608.   font-weight: 400;
  1609.   src: local('Lobster Regular'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v20/neILzCirqoswsqX9zoymM5Ez.woff2) format('woff2');
  1610.   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;
  1611. }
  1612. /* latin */
  1613. @font-face {
  1614.   font-family: 'Lobster';
  1615.   font-style: normal;
  1616.   font-weight: 400;
  1617.   src: local('Lobster Regular'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v20/neILzCirqoswsqX9zoKmMw.woff2) format('woff2');
  1618.   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;
  1619. }
  1620.  
  1621. }
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!