Advertisement
Guest User

Untitled

a guest
Jul 21st, 2018
109
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.51 KB | None | 0 0
  1. /* ============== RESPONSIVENESS ============== */
  2. /* ============================================ */
  3. /* Grands écrans */
  4. @media screen and (min-width: 2000px) {
  5. body {
  6. background-size: 100%;
  7. }
  8. }
  9. /* Petits écrans */
  10. @media screen and (max-width: 1130px) {
  11. #layout {
  12. display: none !important;
  13. }
  14. }
  15. @media screen and (max-width: 1250px) {
  16. .socialmedias {
  17. display: none !important;
  18. }
  19. }
  20. @media screen and (max-width: 1350px) {
  21. #layout {
  22. margin-left: 0 !important;
  23. }
  24. }
  25.  
  26. .inputbox, input[type="text"] {
  27. background-color: #fff;
  28. border-radius:20px;
  29. color: #212121;
  30. cursor: text;
  31. font-size: 1.2rem;
  32. padding: 10px 15px 9px;
  33. }
  34. .pm-video{
  35. border: 5px solid #ba437e;
  36. border-radius: 7px;
  37. }
  38. .pm-timer span {
  39. font-weight:bold;
  40. margin-right: 5px;
  41. margin-left: 5px;
  42. display:inline-block;
  43. }
  44. /* Titre encadrés important */
  45. .lastpost a[href="/t87083-ton-skin-sur-panamonde-pas-hd"] {
  46. transition: all 1s;
  47. background: #38445e;
  48. color: #fff !important;
  49. padding: 0px 5px !important;
  50. border-radius: 3px;
  51. text-transform: uppercase;
  52. font-weight:bold;
  53. }
  54.  
  55. .lastpost a:hover[href="/t87083-ton-skin-sur-panamonde-pas-hd"] {
  56. letter-spacing:5px;
  57. color:black;
  58. }
  59. .topic-title a[href="/t87083-ton-skin-sur-panamonde-pas-hd"] {
  60. transition: all 1s;
  61. background: #38445e;
  62. color: #fff !important;
  63. padding: 0px 5px !important;
  64. border-radius: 3px;
  65. text-transform: uppercase;
  66. font-weight:bold;
  67. }
  68. .topic-title a:hover[href="/t87083-ton-skin-sur-panamonde-pas-hd"] {
  69. letter-spacing:5px;
  70. color:black;
  71. }
  72.  
  73.  
  74. /* ============================================ */
  75. /* ================ PANA STYLE ================ */
  76. /* ============================================ */
  77. /* Elements masqués */
  78. a[href="/calendar"], a[href="/faq"], .quick-nav-topics, .topic-actions-buttons, .jumpbox {
  79. display: none!important;
  80. }
  81.  
  82. /* ===== PSEUDOS SPECIAUX ===== */
  83. /* Encadré Jimmy */
  84. a[href="/u2954"] span {
  85. background: #BA0000;
  86. color: #fff !important;
  87. padding: 0px 5px !important;
  88. border-radius: 3px;
  89. }
  90.  
  91. /* Encadré Gacha */
  92. a[href="/uxxxx"] span, a[href="/u16964"] span {
  93. color: #bdb4b4 !important;
  94. padding: 0px 5px !important;
  95. border-radius: 3px;
  96. background-image: url(https://cdn.countryflags.com/thumbs/france/flag-400.png);
  97. background-size: cover;
  98. }
  99.  
  100. /* Julien Marow */
  101. a[href="/u16964"] span {
  102. background: -webkit-linear-gradient(180deg,#BA0000,#2d4e58);
  103. -webkit-background-clip: text;
  104. -webkit-text-fill-color: transparent;
  105. }*/
  106. /* Mike */
  107. a[href="/u15894"] span {
  108. background: #548593;
  109. color: #fff !important;
  110. padding: 0px 5px !important;
  111. border-radius: 3px;
  112. }*/
  113.  
  114. /* réel inscription de AINA kim */
  115. .postprofile-name a[href="/u18966"] span::before {
  116. content: "01/09/2013";
  117. position: absolute;
  118. margin-top:93px;
  119. margin-left:50px;
  120. background:white;
  121. font-size:12px;
  122. color:#2f2f2f;
  123. } .postprofile-name span:before {cursor: text;}
  124.  
  125. #field_id-6 .field_uneditable:after {
  126. content: "22862";
  127. margin-left: -30px;
  128. visibility: visible !important;
  129. cursor: text;*/
  130. }
  131. #field_id-6 dd {
  132. visibility: hidden;
  133. }
  134. .postprofile-avatar a[href="/u18453"] img {
  135. border-radius: 1px;
  136. border: none;
  137. }
  138. .postprofile-avatar a[href="/u19409"] img {
  139. box-shadow: none;
  140. }
  141.  
  142.  
  143. /* Signe Certifié HR */
  144. a[href="/u8444"] span:after, a[href="/u16196"] span:after, a[href="/u16896"] span:after, a[href="/u14349"] span:after, a[href="/u13976"] span:after, a[href="/u18045"] span:after, a[href="/u18022"] span:after, a[href="/u20937"] span:after, a[href="/u9115"] span:after {
  145. content: "\f058";
  146. font: normal normal normal 13px/1 "Font Awesome 5 Free";
  147. font-weight: 900;
  148. margin-left: 5px;
  149. color: #5890ff;
  150. }
  151. /* Couleur pseudo Aina + Avatar*/
  152. a[href="/u28"] span {
  153. background-image: linear-gradient(to right, #002395 0%, #002395 31%, #ffffff 51%, #ed2939 80%, #ed2939 100%);
  154. padding: 0px 7px 0px 7px;
  155. text-align: center;
  156. text-transform: uppercase;
  157. transition: 0.5s;
  158. background-size: 200% auto;
  159. color: white;
  160. text-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  161. box-shadow: 0 0 20px #eee;
  162. border-radius: 5px;
  163. -webkit-animation: animaina 10s ease 0s infinite normal ;
  164. animation: animaina 10s ease 0s infinite normal ;
  165. }
  166.  
  167. @-webkit-keyframes animaina {
  168. 25%{
  169. background-position: right center;
  170. }
  171. 50%{
  172. background-position: left center;
  173. }
  174. 75%{
  175. background-position: right center;
  176. }
  177. 100%{
  178. background-position: left center;
  179. }
  180. }
  181.  
  182. .postprofile-avatar a[href="/u18966"] img {
  183. /*border-radius: 50% !important;*/
  184. /*width: 175px !important;*/
  185. /*height: 240px !important;*/
  186. /*border: none !important;*/
  187. /*box-shadow: none !important;*/
  188. }
  189.  
  190.  
  191. /* ===== PREFIXES ===== */
  192. .prefixe {
  193. font-size: 0.8em;
  194. padding: 2px 5px;
  195. margin-right: 4px;
  196. border-radius: 2px;
  197. font-weight: 700;
  198. }
  199. .infopm {background: #3280c9; color: #c1e1ff;}
  200. .faction { background: #dd5656; color: #ffbaba;}
  201. .gang {background: #973838; color: #f2adad;}
  202. .concours{background: #53b75f; color: #fff4ed;}
  203. .lsa {background: #fa636a;color: #ffe3e4;}
  204. .tuto {background: #5aac5a; color: #e0ffe0;}
  205. .lire {background: #f87523;color: #fff4ed;}
  206. .mafia {background: #4f4f4f; color: #dddddd;}
  207. .eventic { background: linear-gradient(to top, #910a0a, #ff2f2f); color: #fff; }
  208.  
  209. .prefixe2 {
  210. font-size: 0.8em;
  211. padding: 2px 5px;
  212. font-weight: bold;
  213. border-radius: 20px;
  214. color: #fff;
  215. }
  216. .accepte {background: #3f8c3f; padding: 1px 5px;}
  217. .refuse { background: #ad2828; }
  218.  
  219.  
  220. /* ===== GLOBAL ===== */
  221. body {
  222. background-color: #141820 !important;
  223. height: max-content;
  224. background-repeat: no-repeat !important;
  225. background-position: top center;
  226. font-family: 'Open Sans', sans-serif;
  227. background: url(https://www.zupimages.net/up/18/29/ds9m.jpg);
  228. background-size: 100%;
  229. background-attachment: fixed;
  230. }
  231. h1.page-title {
  232. color: #ffc100;
  233. font-weight: 600 !important;
  234. text-shadow: 0px 2px 2px rgba(0,0,0,0.25);
  235. padding-bottom: 5px;
  236. }
  237. h1, h2, h3, h4, fieldset, input {
  238. font-family: 'Open Sans', sans-serif !important;
  239. }
  240.  
  241. strong, b {
  242. font-weight: 600 !important;
  243. }
  244. .button, .button1, .button2, input[type="submit"] {
  245. background-color: #354156;
  246. font-family: 'Open Sans', sans-serif;
  247. font-weight: 600 !important;
  248. }
  249.  
  250. /* ===== HEADER ===== */
  251. .headerbar {
  252. background-image: none;
  253. background-color: transparent;
  254. padding-top:200px;
  255. margin-top:-100px;
  256. }
  257. #page-header {
  258. margin: auto;
  259. max-width: 1400px;
  260. padding: 71px 36px;
  261. height: 365px;
  262. text-align:center;
  263. }
  264. #layout {
  265. position: absolute;
  266. z-index: 99;
  267. display: inline;
  268. margin-left: 150px;
  269. -webkit-animation-name: layoutanim;
  270. -webkit-animation-duration: 30s;
  271. -webkit-animation-iteration-count:infinite;*/
  272. background:url(https://image.noelshack.com/fichiers/2018/13/4/1522278776-saa.png) no-repeat;
  273. margin-top:6%;
  274. display:none;
  275. }
  276.  
  277. #layout img[src="https://image.noelshack.com/fichiers/2018/13/4/1522278776-saa.png"]{
  278. opacity: 0;
  279. }
  280. @-webkit-keyframes layoutanim {
  281. 10%{background:url(https://image.noelshack.com/fichiers/2018/13/4/1522278776-saa.png) no-repeat;}
  282. 20%{background:url(https://image.noelshack.com/fichiers/2018/13/4/1522278776-saa.png) no-repeat;}
  283. 30%{background:url(https://image.noelshack.com/fichiers/2018/13/4/1522278776-saa.png) no-repeat;}
  284. 40%{background:url(https://image.noelshack.com/fichiers/2018/13/4/1522278776-saa.png) no-repeat;}
  285. 50%{background:url(https://image.noelshack.com/fichiers/2018/13/4/1522278776-saa.png) no-repeat;}
  286. 60%{background:url(https://image.noelshack.com/fichiers/2018/13/4/1522278776-saa.png) no-repeat;}
  287. 70%{background:url(https://image.noelshack.com/fichiers/2018/13/4/1522278776-saa.png) no-repeat;}
  288. 80%{background:url(https://image.noelshack.com/fichiers/2018/13/4/1522278776-saa.png) no-repeat;}
  289. 90%{background:url(https://image.noelshack.com/fichiers/2018/13/4/1522278776-saa.png) no-repeat;}
  290. 100%{background:url(https://image.noelshack.com/fichiers/2018/13/4/1522278776-saa.png) no-repeat;}*/
  291. }
  292. @keyframes layoutopacity{
  293. 0%{opacity: 0.2;}
  294. 25%{opacity: 0.4;}
  295. 50%{opacity: 0.6;}
  296. 75%{opacity: 0.8;}
  297. 100%{opacity: 1;}
  298. }
  299. #container {
  300. background-color: #e2e2e28c;
  301. padding: 0 20px;
  302. // border-radius: 10px;
  303. box-shadow: 0px 0px 1px rgba(216, 176, 176, 0.5);
  304. }
  305. .panel.introduction {
  306. padding: 0;
  307. border-radius: 0;
  308. box-shadow: none;
  309. }
  310. #page-logo {
  311. display: inline-block!important;
  312. }
  313. #page-logo img:hover {
  314. transform: translateY(-6px);
  315. filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.3));
  316. }
  317. #topmenu {
  318. font-family: 'Titillium Web', sans-serif;
  319. font-size: 15px;
  320. width: 100%;
  321. background: rgba(0,0,0,0.5);
  322. margin: auto;
  323. text-transform: uppercase;
  324. }
  325. #topmenu a {
  326. color: #fff;
  327. }
  328. #topmenu li {
  329. padding: 12px 40px;
  330. display: inline-block;
  331. }
  332. #topmenu li:hover {
  333. background-repeat: no-repeat;
  334. background-position: top center;
  335. box-shadow: inset 0px 6px 0px 0px #ffffff;
  336. transform: translateY(-3px);
  337. }
  338. #topmenu i {
  339. margin-right: 10px;
  340. }
  341. #topmenu ul {
  342. display: inline-block;
  343. }
  344. .actualpage {
  345. background: -webkit-linear-gradient(90deg,#3571a5 40%, #f7e2c4 60%);
  346. -webkit-background-clip: text;
  347. -webkit-text-fill-color: transparent;
  348. font-weight: bold;
  349. box-shadow: inset 0px 3px 0px 0px #fae1c2;
  350. }
  351. .actualpage i {
  352. background: -webkit-linear-gradient(90deg, #cbaa75, #ffffff 62%);
  353. -webkit-background-clip: text;
  354. -webkit-text-fill-color: transparent;
  355. }
  356. .actualpage:hover, .actualpage:hover i {
  357. background: transparent;
  358. -webkit-text-fill-color: #fff;
  359. }
  360. img.minilogo {
  361. float: left;
  362. margin-top: 3px;
  363. margin-left: 12px;
  364. }
  365. img.minilogo:hover {
  366. transform: rotate(-10deg);
  367. }
  368. ul.socialmedias {
  369. float: right;
  370. margin-right: 16px;
  371. }
  372. .socialmedias li {
  373. padding: 0 !important;
  374. margin: 7px 10px;
  375. }
  376. .socialmedias li:hover {
  377. background: none !important;
  378. }
  379. .socialmedias img {
  380. filter: saturate(0);
  381. opacity: 0.8;
  382. }
  383. .socialmedias img:hover {
  384. filter: saturate(1);
  385. opacity: 1;
  386. transform: translateY(-2px);
  387. }
  388. .socialmedias li:before {
  389. content: attr(socialmedia);
  390. position: absolute;
  391. margin-top: 37px;
  392. background: #00000066;
  393. color: #fff;
  394. padding: 8px 15px;
  395. margin-left: -25px;
  396. font-size: 13px;
  397. border-radius: 5px;
  398. opacity: 0;
  399. text-shadow: none;
  400. }
  401. .socialmedias li:hover:before {
  402. opacity: 1;
  403. }
  404.  
  405.  
  406. /* NAVBAR FORUM */
  407. #forum-menu {
  408. width: 100%;
  409. margin: auto;
  410. }
  411. .navbar {
  412. background-color: rgba(0, 0, 0, 0.65);
  413. font-family: 'Open Sans', sans-serif;
  414. font-weight: 500;
  415. text-align: center;
  416. text-transform: uppercase;
  417. box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
  418. overflow: hidden;
  419. margin-top:20px;
  420. padding-bottom:-80px;
  421. }
  422. .navbar:before {
  423. background: linear-gradient(to right, #17213a, #25252514);
  424. content: 'FORUM PANAMONDE';
  425. color: #fbe7cc;
  426. margin-right: 5px;
  427. padding: 10px 25px;
  428. font-weight: 700;
  429. display:none;
  430. }
  431. .navbar a:hover img {
  432. filter: invert(100%) drop-shadow(0px 0px 5px #000);
  433. }
  434. .navbar li {
  435. margin: 0;
  436. }
  437. .navbar a {
  438. border-radius: 0px;
  439. color: #FFF;
  440. font-weight: 600;
  441. text-shadow: 0px 0px 5px #000;
  442. display: inline-block;
  443. font-size: 1.3rem;
  444. line-height: 1.3846;
  445. padding: 6px;
  446. }
  447. .navbar a:hover {
  448. background-color: #ffffff24;
  449. box-shadow: 0 1px 6px rgba(0,0,0,0.06);
  450. color: #fff;
  451. letter-spacing: 1px;
  452. }
  453. .navbar img {
  454. filter: invert(100%) drop-shadow(0px 0px 5px #000);
  455. }
  456. .navbar input.inputbox {
  457. font-family: 'Open Sans', sans-serif;
  458. }
  459. .navbar textarea:focus, .navbar input:focus{
  460. outline: none;
  461. }
  462. .overview.row3 {
  463. background-color: rgba(0,0,0,0.5);
  464. left: -500px !important;
  465. top: 90px !important;
  466. color: #fff !important;
  467. box-shadow: 0px 0px 10px;
  468. }
  469. .overview.row3 a, .overview.row3 span, .overview.row3 input::placeholder, .overview.row3 button:before {
  470. color: #fff !important;
  471. }
  472. .overview.row3 a {
  473. border: 1px solid #fff;
  474. }
  475.  
  476. /* CONTENEUR */
  477. #wrap {
  478. width: 100%;
  479. }
  480. #main-content {
  481. padding-top: 5px;
  482. }
  483.  
  484. /* BREADCRUMB & PAGINATION*/
  485. .nav {
  486. background: #4e4d4d;
  487. margin: 0 -6px 0 0;
  488. padding: 8px 15px;
  489. }
  490. .nav:first-child {
  491. border-radius: 5px 0 0 5px;
  492. }
  493. .nav:last-child {
  494. border-radius: 0 5px 5px 0;
  495. color: #ffc100;
  496. }
  497. a.nav {
  498. color: #fff;
  499. font-weight: 600 !important;
  500. text-shadow: 0px 2px 3px rgba(0,0,0,0.25);
  501. background: #354156;
  502. }
  503. a.nav:hover {
  504. background: #ffc100;
  505. }
  506. .nav:last-child:hover {
  507. color: #fff;
  508. }
  509. a.pag-img {
  510. background: transparent !important;
  511. opacity: 1 !important;
  512. }
  513. .pagination {
  514. float: right;
  515. padding: 5px 0px;
  516. }
  517. .pagination a {
  518. display: none;
  519. }
  520. .pagination span a:active, .pagination span a:link, .pagination span a:visited {
  521. background-color: #354156;
  522. opacity: 0.5;
  523. }
  524. .pagination span a:hover {
  525. opacity: 1;
  526. }
  527. .pagination span strong {
  528. background-color: #354156;
  529. opacity: 1;
  530. font-weight: 700 !important;
  531. text-shadow: 0px 2px 2px #00000052;
  532. color: #fff;
  533. }
  534. .sub-header-path {
  535. margin-bottom: 50px;
  536. }
  537. /* LISTE DES FORUMS */
  538. .forabg {
  539. background-color:#565454;
  540. border-radius: 3px 3px 0 0;
  541. box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  542. }
  543. .forabg.hidden {
  544. background-color: #a7a7a7;
  545. background-image: none;
  546. }
  547. .btn-collapse i {
  548. opacity: 2;
  549. }
  550. ul.forums {
  551. border-radius: 0;
  552. }
  553. .btn-collapse {
  554. top: 15px !important;
  555. }
  556. .btn-collapse i:hover {
  557. opacity: 1;
  558. }
  559. [data-tooltip]:after {
  560. background-color: #353535;
  561. border-radius: 2px!important;
  562. box-shadow: none!important;
  563. padding: 2px 9px !important;
  564. top: -35px !important;
  565. height: auto;
  566. font-family: 'Open Sans', sans-serif;
  567. font-size: 1.3rem!important;
  568. font-weight: 300!important;
  569. }
  570. dd.lastpost {
  571. float: right !important;
  572. }
  573. ul.topiclist dd {
  574. padding: 27px 0 0 3%;
  575. color: #5f5d59;
  576. }
  577. ul.topiclist dd.dterm {
  578. padding: 15px !important;
  579. }
  580. li.row {
  581. background: #f9f9f9;
  582. border-bottom: 1px solid #efeeee !important;
  583. border-color: #f9f9f9;
  584. border-style: solid;
  585. border-width: 0;
  586. }
  587. a.forumtitle {
  588. display: block;
  589. font-family: 'Open Sans', sans-serif;
  590. letter-spacing: 0;
  591. margin-top: -6px;
  592. text-decoration: none;
  593. color: #272727!important;
  594. font-size: 15px;
  595. font-weight: 600;
  596. }
  597. a.forumtitle:hover {
  598. color: #ffc100 !important;
  599. text-decoration: none;
  600. }
  601. a.topictitle {
  602. font-family: 'Open Sans', sans-serif;
  603. font-weight: 600;
  604. }
  605. .posts span {
  606. font-size: 12px;
  607. color: #818d98;
  608. text-transform: uppercase;
  609. }
  610. dd.posts {
  611. font-size: 20px;
  612. font-weight: 600;
  613. line-height: 1.3;
  614. }
  615.  
  616. dd.lastpost {
  617. color: #818d98;
  618. }
  619. dd.dterm a.gensmall {
  620. background: #e2e2e2;
  621. border: 1px solid #c3c3c3;
  622. border-radius: 5px;
  623. color: #656565;
  624. display: inline-block;
  625. font-size: 11px;
  626. padding: 4px 15px;
  627. margin-bottom: 4px;
  628. margin-top: -10px;
  629. }
  630. ul.topics .row dd.dterm, ul.topics .row dt {
  631. padding: 9px 18px 9px 81px !important;
  632. }
  633. li.header dl.icon dd.dterm, li.header dl.icon dt {
  634. padding-left: 18px !important;
  635. color: #fff;
  636. }
  637. .lastpost-avatar:after {
  638. border-radius: 2px;
  639. border-width: 1px;
  640. border-color: #6a6a6a;
  641. }
  642. .lastpost-avatar img {
  643. border-radius: 2px;
  644. padding: 0px;
  645. }
  646. li.row:hover {
  647. background-color: #fffaf1;
  648. }
  649. /* LEGENDE DES GROUPES */
  650. #groups-legend {
  651. margin: 15px auto 9px;
  652. padding-top: 17px;
  653. text-align: center;
  654. border-top: 1px solid #e1e1e1;
  655. }
  656. #groups-legend a {
  657. padding: 6px 8px;
  658. display: inline-block;
  659. margin: 2px 3px;
  660. border-radius: 3px;
  661. box-shadow: 0px 0px 23px rgba(0,0,0,0.25) inset;
  662. }
  663. #groups-legend a:hover {
  664. opacity: 0.8;
  665. }
  666. /* AFFICHAGE DES POSTS */
  667. .content {
  668. font-family: 'Open Sans', sans-serif;
  669. word-wrap: break-word;
  670. }
  671. .post {
  672. background-position: 100% 0;
  673. background-repeat: no-repeat;
  674. border: none !important;
  675. border-radius: 7px;
  676. overflow: hidden;
  677. box-shadow: 0 1px 6px rgba(0,0,0,0.2);
  678. margin-bottom: 15px;
  679. }
  680. .topic-date {
  681. float: left;
  682. padding-left: 15px !important;
  683. text-transform: uppercase;
  684. }
  685. .post-head {
  686. background-color: rgba(0,0,0,0.03);
  687. border-radius: 3px 3px 0 0;
  688. border-style: solid;
  689. border-width: 0 0 1px;
  690. border-color: #dcdcdc;
  691. padding: 19px;
  692. line-height: 0;
  693. }
  694. .post-head .profile-icons {
  695. margin-top: -11px;
  696. }
  697. .online:before {
  698. background-color: #67799a;
  699. border-radius: 0 0 5px 5px;
  700. content: "EN LIGNE";
  701. padding: 3px 10px;
  702. font-size: 10px;
  703. font-weight: bold;
  704. color: #fff;
  705. height: auto;
  706. right: auto;
  707. top: -1px;
  708. left: 92px;
  709. width: auto;
  710. z-index: 99;
  711. }
  712. .postprofile-avatar img {
  713. border-radius: 0;
  714. height: auto;
  715. max-width: 90%;
  716. width: auto;
  717. box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
  718. border: none;
  719. margin-top:15px;
  720. }
  721. .postprofile {
  722. background: #f0f0f0;
  723. width: 250px;
  724. border-right: 1px solid gainsboro;
  725. border-bottom: 1px solid gainsboro;
  726. border-radius: 0 10px 10px 0;
  727. }
  728. .postprofile-rank {
  729. margin-top: 9px;
  730. }
  731. .profile-icons a, .profile-icons span {
  732. height: auto;
  733. padding: 6px 8px;
  734. }
  735. .postbody .content {
  736. font-size: 14px;
  737. padding-left: 35px;
  738. }
  739. .postprofile-name {
  740. font-size: 17px;
  741. margin: 10px 0px -5px 0px;
  742. padding: 7px 0;
  743. }
  744. .postprofile-info {
  745. background: #fff;
  746. padding: 10px;
  747. border-radius: 5px;
  748. border: 1px solid gainsboro;
  749. line-height: 1.8;
  750. margin-top:-10px;
  751. font-family:trebuchet MS;
  752. }
  753. .postprofile .label {
  754. font-weight: 700;
  755. }
  756.  
  757. dl.codebox {
  758. border-color: rgb(242, 242, 242);
  759. width: 100%;
  760. }
  761. .fae_copy-code {
  762. cursor: pointer;
  763. float: right;
  764. margin-right: 60px;
  765. background: #d5d5d5;
  766. padding: 0px 20px;
  767. border-radius: 5px 5px 0 0;
  768. font-size: 11px;
  769. color: #727272;
  770. font-weight: 700;
  771. }
  772. .panel {
  773. background-color: #f8f8f800; }
  774.  
  775. #cp-main {
  776. background-color: #ffffff9c; }
  777.  
  778. #tabs ul a span {
  779. color: #f7f7f7;}
  780.  
  781. blockquote {
  782. background-color: #ebeadd;
  783. border-color: rgba(66, 65, 63, 0.73);
  784. }
  785. #preview .postbody table, #preview .postbody td, div[class*='post--'] .postbody table, div[class*='post--'] .postbody td {
  786. border: none !important;
  787. }
  788. .edited-message {
  789. color: #F44336;
  790. text-align: right;
  791. font-size: 1rem;
  792. font-weight: 700;
  793. text-transform: uppercase;
  794. opacity: 0;
  795. }
  796. .post:hover .edited-message {
  797. opacity: 1;
  798. }
  799. .quickreplybox .h3 {
  800. display: none;
  801. }
  802. .quickreplybox form {
  803. float: right;
  804. width: 82%;
  805. }
  806. #quickreply-avatar img {
  807. width: 190px;
  808. height: 190px;
  809. max-width: 90%;
  810. border-radius: 100%;
  811. box-shadow: 0px 3px 10px rgba(0,0,0,0.25);
  812. }
  813. #quickreply-avatar {
  814. float: left;
  815. width: 18%;
  816. text-align: center;
  817. margin-top: 27px;
  818. }
  819. .quickreplybox {
  820. min-height: 360px;
  821. }
  822. .signature_div img {
  823. max-width: 99%;
  824. }
  825. .signature_div {
  826. overflow: hidden;
  827. }
  828. /* ===== LISTE DES SUJETS ==== */
  829. ul.topiclist.topics dd.posts span {
  830. display: block;
  831. }
  832. ul.topiclist.topics dd.posts {
  833. padding: 10px 0 0 0;
  834. font-size: 14px;
  835. text-transform: uppercase;
  836. }
  837. dl.icon {
  838. background-position: left 13px top 50%;
  839. background-repeat: no-repeat;
  840. background-size: 50px !important;
  841. }
  842. .row .pagination span a:active, .row .pagination span a:link, .row .pagination span a:visited {
  843. background-color: #525252;
  844. border-radius: 50px;
  845. padding: 1px 7px;
  846. font-size: 10px;
  847. }
  848. .forumbg {
  849. background-color: #354156;
  850. }
  851. .forumbg li.header {
  852. background-color: #354156;
  853. text-transform: uppercase;
  854. }
  855. .forumbg.announcement .header {
  856. background: #393946;
  857. }
  858. .forumbg.announcement .row {
  859. background: #ffffff;
  860. }
  861. /* ===== ÉDITEUR DE TEXTE ===== */
  862. .sceditor-toolbar {
  863. background-color: #525252!important;
  864. border-color: #525252!important;
  865. padding: 5px 0 !important;
  866. }
  867. .sceditor-group {
  868. background: #fff !important;
  869. border-radius: 8px !important;
  870. margin: 2px 10px 2px 0 !important;
  871. padding: 0 !important;
  872. }
  873. .sceditor-button {
  874. height: 32px !important;
  875. width: 32px !important;
  876. }
  877. .sceditor-button div {
  878. background-position-x: 2px !important;
  879. width: 100% !important;
  880. }
  881. textarea {
  882. font-family: 'Open Sans', sans-serif !important;
  883. }
  884. .sceditor-button-bold div {
  885. background-image:url('https://i.imgur.com/1IiNpG8.png') !important;
  886. background-position: 2px 0 !important;
  887. }
  888. .sceditor-button-italic div {
  889. background-image:url('https://i.imgur.com/te7X4ge.png') !important;
  890. background-position: 2px 0 !important;
  891. }
  892. .sceditor-button-underline div {
  893. background-image:url('https://i.imgur.com/DZYvUwq.png') !important;
  894. background-position: 2px 1px !important;
  895. }
  896. .sceditor-button-strike div {
  897. background-image:url('https://i.imgur.com/XwA7zMR.png') !important;
  898. background-position: 2px 0 !important;
  899. }
  900. .sceditor-button-emoticon div {
  901. background-image:url('https://i.imgur.com/leH1Kh3.png') !important;
  902. background-position: 2px 0 !important;
  903. }
  904. .sceditor-button-youtube div {
  905. background-image:url('https://i.imgur.com/hB9N41X.png') !important;
  906. background-position: 2px 0 !important;
  907. }
  908. #sce_smilies_body {
  909. background-color: #fff !important;
  910. }
  911. /* ====== PAGE POUR POSTER/REPONDRE ===== */
  912. #postingbox dl {
  913. background: #fff;
  914. margin-bottom: 6px;
  915. border-radius: 5px;
  916. }
  917. #postingbox label {
  918. font-family: 'Open Sans', sans-serif;
  919. text-transform: uppercase;
  920. font-weight: 700;
  921. text-align: center;
  922. line-height: 20px;
  923. padding-left: 12px;}
  924.  
  925. #postingbox input:focus {
  926. outline: none;
  927. }
  928. #postingbox input {
  929. font-family: 'Open Sans', sans-serif;
  930. width: 99%;
  931. border-left: 2px solid #dbdbdb;
  932. padding-left: 10px;
  933. border-bottom: none;
  934. }
  935. #smiley-box {
  936. background: #fff;
  937. }
  938. .smiley-element img {
  939. margin: 0;
  940. }
  941. #smiley-box, .smile-status-box {
  942. float: right;
  943. border-radius: 0;
  944. width: 162px;
  945. margin-top: 20px;
  946. box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
  947. }
  948. #smiley-box iframe, .smile-status-box iframe {
  949. height: 360x;
  950. }
  951. p.author {
  952. font-family: 'Open Sans', sans-serif;
  953. font-weight: 600;
  954. text-transform: uppercase;
  955. padding: 10px 15px;
  956. width: 100%;
  957. border: 1px solid #cdcdcd;
  958. background: #f2f2f2;
  959. }
  960.  
  961. /* ===== ASPECT DE LA MESSAGERIE ===== */
  962. h1.pm-title {
  963. font-weight: 600;
  964. margin-bottom: 10px;
  965. font-size: 28px;
  966. }
  967. .pm-title span {
  968. background: #86898d;
  969. color: #fff;
  970. display: table;
  971. padding: 5px 15px;
  972. font-size: 13px;
  973. }
  974. span.pm-date {
  975. background: transparent;
  976. padding: 0 2px;
  977. color: #5f646a;
  978. font-style: italic;
  979. }
  980. a.button2.pm-reply {
  981. background: #346634;
  982. }
  983. a.button2.pm-reply:hover {
  984. background: #59a659;
  985. }
  986.  
  987. input.button2.pm-delete {
  988. background: #643030;
  989. }
  990. input.button2.pm-delete:hover {
  991. background: #a45252;
  992. }
  993. ul.pm-icons {
  994. float: right;
  995. list-style: none;
  996. }
  997.  
  998. .pm-icons li {
  999. background: #bbbec2;
  1000. padding: 0px 4px;
  1001. border-radius: 7px;
  1002. box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
  1003. }
  1004. .pm-icons li:hover {
  1005. background: #cfd6df;
  1006. transform: translateY(-3px);
  1007. }
  1008.  
  1009. /* ===== PROFILS ===== */
  1010. .mod-login-avatar img {
  1011. border: none;
  1012. border-radius: 0;
  1013. box-shadow: none;
  1014. height: unset;
  1015. width: unset;
  1016. }
  1017. #profile-advanced-add {
  1018. padding: 8px 0;
  1019. background-color: #ffffffad;
  1020. border-radius: 10px;
  1021. text-align: center;
  1022. margin-bottom: 25px;
  1023. }
  1024.  
  1025. /* ===== DIVERS ===== */
  1026. a.forumtitle[href|="/f283"] {
  1027. pointer-events: none;
  1028. }
  1029.  
  1030.  
  1031. /* ===== STATISTIQUES ===== */
  1032.  
  1033. .statistics {
  1034. background-color: #969696ad;
  1035. }
  1036.  
  1037. .statistics-item a:link, .statistics-item a:visited {
  1038. color: #8eabce;
  1039. }
  1040. .fade {
  1041. display:inline-block;
  1042. background: -moz-linear-gradient(left, rgb(235,234,221) 0%, rgba(235,234,221,0) 100%);
  1043. background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(235,234,221)), color-stop(1.00, rgba(235,234,221,0)));
  1044. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1);
  1045. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1)";
  1046. }
  1047. .blur {
  1048. display:inline-block;
  1049. color:#ddd;
  1050. text-shadow: 0 0 2px #aaaaaa;
  1051. text-shadow: 0 0 4px #aaaaaa;
  1052. text-shadow: 0 0 6px #aaaaaa;
  1053. -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
  1054. filter:
  1055. progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
  1056. progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
  1057. }
  1058. .flipH {
  1059. display:inline-block;
  1060. -moz-transform:scale(-1,1);
  1061. -o-transform:scale(-1,1);
  1062. -webkit-transform:scale(-1,1);
  1063. transform:scale(-1,1);
  1064. -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
  1065. filter: progid:DXImageTransform.Microsoft.Matrix(
  1066. M11=-1,
  1067. M12=0,
  1068. M21=0,
  1069. M22=1,
  1070. SizingMethod="auto expand");
  1071. }
  1072. .flipV {
  1073. display:inline-block;
  1074. -moz-transform:scale(1,-1);
  1075. -o-transform:scale(1,-1);
  1076. -webkit-transform:scale(1,-1);
  1077. transform:scale(1,-1);
  1078. -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
  1079. filter: progid:DXImageTransform.Microsoft.Matrix(
  1080. M11=1,
  1081. M12=0,
  1082. M21=0,
  1083. M22=-1,
  1084. SizingMethod="auto expand");
  1085. }
  1086.  
  1087. .is-sticky#headerbar-top {
  1088. display:none;
  1089. }
  1090.  
  1091. .panel {
  1092. background-color:#fff;
  1093. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement