API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 20th, 2018
87
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 64.98 KB | None | 0 0
raw download clone embed print report
  1.  
  2. #head_center {
  3. float: right;
  4. }
  5. body {
  6. background-color: #f5f5f5;
  7. background-image: url(http://static2.yooco.de/n/e0/406352/images/background/orig/ce5692511f26eb2a756f81a33b9adc82.png);
  8. background-repeat: repeat;
  9. }
  10. #head {
  11. background-color: #ffffff;
  12. height: 388px;
  13. background-image: url(http://static2.yooco.de/n/e0/406352/images/background/orig/da85729667f1314e5d4df81b8a2023eb.png);
  14. background-repeat: repeat;
  15. background-position: center center;
  16. }
  17. * html b\ody #head {
  18. background-image: none;
  19. filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static2.yooco.de/n/e0/406352/images/background/orig/da85729667f1314e5d4df81b8a2023eb.png', sizingMethod='crop');
  20. }
  21. #head, #head a:link, #head a:visited, #head a:hover, #head a:active, #head h2 a:link, #head h2 a:visited, #head h2 a:hover, #head h2 a:active {
  22. color: #736e6e;
  23. }
  24. #ads_top_info, #ads_top_info a:link, #ads_top_info a:visited, #ads_top_info a:hover, #ads_top_info a:active, .ads_admin_close, .ads_admin_close a {
  25. color: #736e6e;
  26. }
  27. #head h1, #head h2, #head h3, #head h4, #head h4.sub_head, #head input {
  28. color: #736e6e;
  29. }
  30. #head, #head h2.title { text-shadow: 1px 1px 1px #ffffff; }
  31. #mainbar {
  32. background-color: transparent;
  33. color: #ba9ab5;
  34. background-image: none;
  35. }
  36. #mainbar ul li a, #mainbar ul li a span {
  37. color: #ba9ab5;
  38. }
  39. #mainbar ul li ul { background-color: #ffffff; }
  40. #mainbar ul li ul li a { color: #313131; }
  41. #content, #breadcrumb {
  42. background-color: transparent;
  43. color: #DBDBDB;
  44. }
  45. #content a, #content td, #content th, #breadcrumb a, #breadcrumb td, #breadcrumb th, .grey, p.intro, h3 {
  46. color: #DBDBDB;
  47. }
  48. #content h1, #content h2, #content h3, #content h4, #content h4.sub_head, #content a:link, #content a:active, #content a:hover, #content a {
  49. color: #DBDBDB;
  50. }
  51. .inverse *, .memberInfos *, .highlight3 *, #admin_bar *, .tableForums th, table.tableForums tr:hover *, .forum_postbody *, #messages *, a.button, .tab-row .selected a, .listItem *, .albumIntro *, .albumInfos *, #instantMessages .row1 *, #instantMessages .row2 *, #profileAdvanced *, h2.tab *, div.intro *, #bb_editor_bar *, #profileOptions ul li a, table.calendar td.calendarToday, table.calendar td.calendarHeader, table.calendar td.calendarToday a, table.calendar td.calendarHeader a, .bborderx *, tr.sticky *, div.mootabs_panel *, table.table td, table.table th, table.table td a, .table_edit_language td, .table_edit_language td a, td.plans2_plan h1, td.plans2_plan h1 a, .highlight2 a {
  52. color: #242424 !important;
  53. }
  54. div.eventItem a span.description, .nobg, .nobg label, form dl dt, form dl dt label {
  55. color: #DBDBDB !important;
  56. }
  57. .light1 { background-image: url(http://static.yooco.de/templates/core/images/pixel_white_5perc.png) !important; }
  58. .border1, h4.sub_head, p.intro { border-color: rgba(255, 255, 255, 0.1) !important; }
  59. .border2 { border-color: rgba(255, 255, 255, 0.5) !important; }
  60. .grey { color: #a4a4a4; }
  61. #footer {
  62. background-color: transparent;
  63. background-image: none;
  64. }
  65. #footer, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
  66. color: #111111;
  67. }
  68. div.boxItemTitle {
  69. background-color: #9c9c9c;
  70. color: #ffffff;
  71. background-image: url(http://static.yooco.de/templates/core/images/simple/bg_navi_shadow.png);
  72. }
  73. div.boxItemTitle span {
  74. color: #ffffff;
  75. }
  76. div.boxItemBorder {
  77. border-color: #9c9c9c;
  78. }
  79.  
  80.  
  81. ul.list_chatrooms {
  82. margin: 10px 0 40px 0;
  83. padding: 0;
  84. float: left;
  85. list-style: none;
  86. margin-left: 60px;
  87. margin-top: 20px;
  88. }
  89.  
  90.  
  91. .code {
  92. background-color: #ffffff;
  93. border: none;
  94. font-family: "Courier New", Courier, monospace;
  95. font-size: 12px;
  96. padding: 6px;
  97. }
  98.  
  99.  
  100. #uploadForm {
  101. height: 115px;
  102. widows: 730px;
  103. padding: 20px 15px 15px 20px;
  104. margin-bottom: 35px;
  105. margin-left: 30px;
  106. color: #313131;
  107.  
  108. }
  109.  
  110.  
  111. /*------------------------------------- Allgemeines ----------------------------------*/
  112.  
  113.  
  114. /* Scrollbar */
  115. ::-webkit-scrollbar-thumb {background-color: #fff; border: 3px solid #fff; height:auto;}
  116. ::-webkit-scrollbar {height:9px;width:9px;background-color: #fff;border:4px solid #fff;}
  117.  
  118.  
  119. /*----------------------------- Groups / Geschenke Shop -----------------------------*/
  120.  
  121. table.table, table.tableNoBG {
  122. width: 95%!important;
  123. padding: 15px!important;
  124. margin: 0;
  125. border-collapse: separate!important;
  126. background: #fff;
  127. box-shadow: rgba(0,0,0,0.06) 5px 5px;
  128. border: 1px solid #ccc;
  129. padding: 5px;
  130. margin-left: 20px;
  131. }
  132.  
  133. /*------------------------------------------------------------------------------------*/
  134.  
  135.  
  136. h4.sub_head {
  137. font-size: 12px;
  138. font-weight: bold;
  139. color: #1f547e;
  140. border: 0;
  141. border-bottom: 1px solid #d3dce8;
  142. padding: 2px 0 6px 2px;
  143. margin: 0px 0px 6px 0px;!important
  144. border-bottom: 1px solid rgb(187,187,187)!Important;}
  145.  
  146.  
  147. #content h4, #content h4.sub_head {
  148. height: 20px;
  149. text-align: Center;
  150. color: #b6a3b6!important;
  151. line-height: 32px;
  152. font-family: 'Metrophobic';
  153. font-size: 16px!important;-
  154. margin-top: 5px;
  155. margin-left: 80px;
  156. border-bottom: 1px solid rgb(187,187,187)!Important;}
  157.  
  158.  
  159. #systemMessage_success {
  160. background: #def1d8 url(http://i.imgur.com/4khXKdB.png) 0px 52% no-repeat;
  161. padding: 10px 20px 10px 45px;
  162. margin: 0 0 15px 0;
  163. background-image: url(http://i.imgur.com/4khXKdB.png);
  164. color: #313131;
  165. border: 1px solid #c8c6c6;
  166. background-image: url(http://i.imgur.com/4khXKdB.png);
  167. padding: 7px;
  168. margin: 40px;
  169. width: 690px;
  170. text-align: center;
  171. font-size: 12px;
  172. outline: 1px solid #DBDBDB;
  173. outline-offset: -5px;}
  174.  
  175.  
  176. #systemMessage_error {
  177. background: #def1d8 url(http://i.imgur.com/4khXKdB.png) 0px 52% no-repeat;
  178. padding: 10px 20px 10px 45px;
  179. margin: 0 0 15px 0;
  180. background-image: url(http://i.imgur.com/4khXKdB.png);
  181. color: #313131;
  182. border: 1px solid #c8c6c6;
  183. background-image: url(http://i.imgur.com/4khXKdB.png);
  184. padding: 7px;
  185. margin: 40px;
  186. width: 690px;
  187. text-align: center;
  188. font-size: 12px;
  189. outline: 1px solid #DBDBDB;
  190. outline-offset: -5px;}
  191.  
  192.  
  193. /*------------------------------------ Blog Funktion ---------------------------------*/
  194.  
  195. ul.RSSList {
  196. list-style: none;
  197. padding: 0;
  198. margin: 0;
  199. clear: both;
  200. margin-left: 70px;
  201. margin-top: 20px;
  202. }
  203.  
  204.  
  205. ul.RSSList li {
  206. list-style: none;
  207. padding: 6px;
  208. margin: 0;
  209. border: 0;
  210. border-bottom: 1px dotted #ccc;
  211. }
  212.  
  213.  
  214. ul.RSSList li img {
  215. background-color: #ffffff;
  216. height: 65px;
  217. width: 55px;
  218. border: 5px solid #fff;
  219. padding: 5px;
  220. border-right: solid 1px #ddd;
  221. border-bottom: solid 1px #ddd;
  222. opacity: .9; }
  223.  
  224. ul.RSSList li a.title { font-size: 10px; }
  225.  
  226.  
  227.  
  228. /*------------------------------------------------------------------------------------*/
  229.  
  230.  
  231. #votingRate {
  232. height: 29px;
  233. width: 451px;
  234. background-image: url(http://i.imgur.com/tIyFBlq.png)!important;
  235. background-repeat: no-repeat;
  236. padding: 0 0 0 0;
  237. margin-bottom: 15px;
  238. list-style: none;
  239. color: #ffffff;
  240. font-family: 'Metrophobic';}
  241.  
  242.  
  243. #votingDescription td {
  244. font-size: 14px;
  245. margin-bottom: 10px;
  246. color: #a9a9c5!important;}
  247.  
  248.  
  249. .ranking_right {
  250. width: 360px;
  251. float: right;
  252. margin-right: 70px;
  253. }
  254.  
  255. /*------------------------------------------------------------------------------------*/
  256.  
  257.  
  258. /*Comment*/
  259.  
  260. .comment td.comment_message.inverse {
  261. background: #fff url(http://i.imgur.com/C6g6paS.png) 1px 50% no-repeat;
  262. padding: 10px 20px 10px 45px;
  263. border-bottom: 1px solid #ccc;
  264. border-right: 1px solid #ccc;
  265. margin: 0 0 15px 0;
  266. color: #ba7382 !important;
  267. box-shadow: 1px 1px 1px 1px #ccc;
  268. }
  269.  
  270. .comment td.comment_image {
  271. background-color: #ffffff;
  272. padding: 7px !important;
  273. width: 80px;
  274. opacity: 1;
  275. border-radius: 0%;
  276. border: 1px solid #ebebeb;
  277. outline: 1px solid #ebebeb;
  278. outline-offset: -5px;
  279. overflow: hidden;
  280. height: auto;
  281. padding: 5px;
  282. box-shadow: 2px 2px 2px 1px #ccc;
  283.  
  284. }
  285.  
  286.  
  287. /*------------------------------------------------------------------------------------*/
  288.  
  289. #divAccount ul li a {
  290. display: block;
  291. text-decoration: none;
  292. color: #031832 !important;
  293. font-size: 11px;
  294. font-weight: normal;
  295. background-color: #fff!important;}
  296.  
  297.  
  298.  
  299. div.poll li {
  300. margin: 0 !important;
  301. padding: 1px !important;
  302. list-style: none !important;
  303. list-style-image: none !important;
  304. background: none !important;
  305. color: #787878!important;}
  306.  
  307. p {
  308. padding: 2px 0px 10px 0px;
  309. margin: 0;
  310. color: #!important;}
  311.  
  312. /*------------------------------------------------------------------------------------*/
  313.  
  314.  
  315. div.boxItemBorder {border-color: transparent!important;}
  316. .tooltip.grey {display: none;}
  317. .forum_ranking {display: none; }
  318. .forum_usergroups { display: none; }
  319. p.intro {}
  320. .ui_horizontal_carousel .next_button {display: none;}
  321. .ui_horizontal_carousel .previous_button {display: none;}
  322.  
  323. body, td, th {
  324. font-family: 'Metrophobic';
  325. font-size: 11px;
  326. color: #c8c6c6;}
  327. div.boxItemBorder {border-color: transparent!important;}
  328. div.boxItemTitle span {text-shadow: none;}
  329. a:link {color: #8a8a8a;}
  330. a:link:hover, a:link:focus {text-shadow: -1px 1px 10px #ffffff , 1px -1px 10px #ffffff } a:hover{text-decoration: none !important;}
  331. a.ico_lng {display: none;}
  332. #profileNextPrev {display: none;}
  333. h1 {display: none;}
  334.  
  335.  
  336.  
  337.  
  338. #content a, #content td, #content th, #breadcrumb a, #breadcrumb td, #breadcrumb th,.grey, p.intro, h3 {color: #8a8a8a!important;}
  339. #breadcrumb {display: none;}
  340. #tabVideos {display: none;}
  341. #tabMySettings {display: }
  342. #profileUserRanking {display: none;}
  343. #profileDetails img[src $="/images/icons/coins.png"] {display:none;}
  344. #profileDetails img[src $="/images/icons/coins.png"] {display:none;}
  345. body { cursor: url(http://media.tumblr.com/a8d1752bd87f35565a881d09584f1619/tumblr_inline_mu8uxrfZQX1rhr4pg.png), auto; text-align: center !important;}
  346. #container {background-image: url(https://i.imgur.com/fU924Si.png);}
  347. #container {
  348. background-image: url(https://i.imgur.com/fU924Si.png)
  349. margin-top: 0px;
  350. text-align: center;
  351. font-family: Metrophobic;
  352. color: #8a8a8a!important;}
  353.  
  354. #content, #breadcrumb {
  355. background-color: #transparent;
  356. background-image: url(https://i.imgur.com/fU924Si.png);
  357. margin-left: -30px;
  358. width: 790px;
  359. }
  360.  
  361. #container {
  362. background-image: url(https://imgur.com/a/28zQA)!important;
  363. background-repeat: repeat;
  364. background-position: center;
  365. width: 780px;
  366. margin: 0px auto 0px auto;
  367. padding: 0 13px 0 13px;
  368. text-align: left;
  369. }
  370.  
  371. #head {
  372. margin-left: -30px;
  373. width: 780px;
  374. background-color: transparent;
  375. background-repeat: repeat;
  376. background-position: center center;
  377. } transform-origin: 0 0;}
  378.  
  379.  
  380. figure.effect-layla figcaption::after {
  381. top: 45px;
  382. right: 50px;
  383. bottom: 30px;
  384. left: 40px;
  385. border-right: 2px solid #fff;
  386. border-left: 2px solid #fff;
  387. -webkit-transform: scale(1,0);
  388. transform: scale(1,0);
  389. -webkit-transform-origin: 100% 0;
  390. transform-origin: 100% 0;}
  391.  
  392.  
  393. figure.effect-layla h2 {
  394. padding-top: 24%;
  395. -webkit-transition: -webkit-transform 0.35s;
  396. transition: transform 0.35s;}
  397.  
  398.  
  399. figure.effect-layla p {
  400. padding: 0.5em 2em;
  401. text-transform: none;
  402. opacity: 0;
  403. -webkit-transform: translate3d(0,-10px,0);
  404. transform: translate3d(0,-10px,0);
  405. }
  406.  
  407. figure.effect-layla img,
  408. figure.effect-layla h2 {
  409. -webkit-transform: translate3d(0,-30px,0);
  410. transform: translate3d(0,-30px,0);}
  411.  
  412.  
  413. figure.effect-layla img,
  414. figure.effect-layla figcaption::before,
  415. figure.effect-layla figcaption::after,
  416. figure.effect-layla p {
  417. -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  418. transition: opacity 0.35s, transform 0.35s;
  419. }
  420.  
  421. figure.effect-layla:hover img {
  422. opacity: 1;
  423. -webkit-transform: translate3d(0,0,0);
  424. transform: translate3d(0,0,0);}
  425.  
  426.  
  427. figure.effect-layla:hover figcaption::before,
  428. figure.effect-layla:hover figcaption::after {
  429. opacity: 1;
  430. -webkit-transform: scale(1);
  431. transform: scale(1);}
  432.  
  433.  
  434. figure.effect-layla:hover h2,
  435. figure.effect-layla:hover p {
  436. opacity: 1;
  437. -webkit-transform: translate3d(0,0,0);
  438. transform: translate3d(0,0,0);}
  439.  
  440.  
  441. figure.effect-layla:hover figcaption::after,
  442. figure.effect-layla:hover h2,
  443. figure.effect-layla:hover p,
  444. figure.effect-layla:hover img {
  445. -webkit-transition-delay: 0.15s;
  446. transition-delay: 0.15s;}
  447.  
  448.  
  449.  
  450. /*Common style*/
  451. .grid figure {
  452. position: relative;
  453. float: left;
  454. overflow: hidden;
  455. margin: 0px 0%;
  456. min-width: 720px;
  457. max-width: 720px;
  458. max-height: 350px;
  459. width: 100%;
  460. background: #fff;
  461. text-align: center;
  462. cursor: pointer;
  463. }
  464.  
  465. .grid figure img {
  466. position: relative;
  467. display: block;
  468. min-height: 100%;
  469. max-width: 100%;
  470. }
  471.  
  472. .grid figure figcaption {
  473. padding: 00px;
  474. color: #fff;
  475. font-size: 1.25em;
  476. -webkit-backface-visibility: hidden;
  477. backface-visibility: hidden;
  478. }
  479.  
  480. .grid figure figcaption::before,
  481. .grid figure figcaption::after {
  482. pointer-events: none;
  483. }
  484.  
  485. .grid figure figcaption,
  486. .grid figure figcaption > a {
  487. position: absolute;
  488. top: -10px;
  489. left: 5px;
  490. width: 100%;
  491. height: 100%;
  492. }
  493.  
  494. /*Anchor will cover the whole item by default*/
  495. /*For some effects it will show as a button*/
  496. .grid figure figcaption > a {
  497. z-index: 100;
  498. text-indent: 100%;
  499. white-space: nowrap;
  500. font-size: 0;
  501. }
  502.  
  503. .grid figure h2 {
  504. word-spacing: -0.15em;
  505. font-weight: 300;
  506. }
  507.  
  508. .grid figure h2 span {
  509. font-weight: 800;
  510. }
  511.  
  512. .grid figure h2,
  513. .grid figure p {
  514. margin-top: -25px;
  515. }
  516.  
  517. .grid figure p {
  518. letter-spacing: 1px;
  519. font-size: 68.5%;
  520. }
  521.  
  522.  
  523. /*Bild auf der Startseite*/
  524.  
  525. .pof {
  526. width: 720px;
  527. height: 228px;
  528. border: 2px solid #eee;
  529. padding: 5px;
  530. outline: 1px solid #fff;
  531. overflow: hidden;
  532. margin-left: 30px;
  533. }
  534.  
  535. .pof img{
  536. -webkit-transition-duration: 0.5s;
  537. -moz-transition-duration: 0.5s;
  538. -o-transition-duration: 0.5s;
  539. transition-duration: 0.5s;
  540. }
  541.  
  542. .pof img:hover{
  543. -webkit-transform: scale(1.1);
  544. -moz-transform: scale(1.1);
  545. -o-transform: scale(1.1);
  546. transform: scale(1.1);
  547. opacity: 1;
  548. }
  549.  
  550.  
  551. /*Bild im Profil*/
  552.  
  553. .pof1 {
  554. width: 720px;
  555. height: 250px;
  556. border: 1px solid #eee;
  557. padding: 5px;
  558. outline: 1px solid #fff;
  559. overflow: hidden;
  560. margin-left: 30px;
  561. margin-top: 5px;
  562. }
  563.  
  564. .pof1 img{
  565. -webkit-transition-duration: 0.5s;
  566. -moz-transition-duration: 0.5s;
  567. -o-transition-duration: 0.5s;
  568. transition-duration: 0.5s;
  569. }
  570.  
  571. .pof1 img:hover{
  572. -webkit-transform: scale(1.1);
  573. -moz-transform: scale(1.1);
  574. -o-transform: scale(1.1);
  575. transform: scale(1.1);
  576. opacity: 1;
  577. }
  578.  
  579. /*------------------------------------------------------------------------------------*/
  580.  
  581. /*Dropdownu*/
  582.  
  583. #menuu {
  584. position: relative;
  585. width: 307px;
  586. height: 120px;
  587. margin-left: -65px;
  588. margin-top: 0px;
  589. font-family: 'Raleway';
  590. font-size: 14px;
  591. color: #b6a3b6!important;
  592. overflow: auto;}
  593.  
  594.  
  595. #menuu ul {
  596. position: absolute;
  597. margin: 0 auto;
  598. list-style: none;
  599. }
  600.  
  601. #menuu ul li {
  602. float: left;
  603. margin: 0 0 0 0px;
  604. }
  605.  
  606. #menuu ul ul {
  607. position: absolute;
  608. top: 30px;
  609. padding: 0;
  610. margin: 0;
  611. }
  612.  
  613. #menuu ul ul li {
  614. float: none;
  615. margin: 0;
  616. }
  617.  
  618. #menuu ul ul {
  619. top: -9999px;
  620. }
  621.  
  622. #menuu ul li:hover ul {
  623. top: 55px;
  624. }
  625.  
  626. #menuu h3 {
  627. font-size: 25px;
  628. color: #fff;
  629. padding: 10px;
  630. margin: 0;
  631. background: #000;
  632. line-height: 20px;
  633. }
  634.  
  635. #menuu ul li {
  636. line-height: 50px;
  637. }
  638.  
  639. #menuu ul li a {
  640. color: #000;
  641. text-decoration: none;
  642. }
  643.  
  644. #menuu ul li a:hover {
  645. color: #b6a3b6;
  646. }
  647.  
  648. #menuu ul li img {
  649. float: left;
  650. width: 29px;
  651. height: 35px;
  652. margin: 5px 0px;
  653. padding: 6px;}
  654.  
  655. #menuu ul ul {
  656. margin-left: 40px;
  657. -webkit-box-shadow: 0 10px 10px #888;
  658. -moz-box-shadow: 0 10px 10px #888;
  659. box-shadow: 0 10px 10px #888;
  660. }
  661.  
  662. #menuu ul ul li {
  663. float: none;
  664. font-size: 11px;
  665. padding: 5px 10px;
  666. text-align: left;
  667. text-transform: uppercase;
  668. margin: 0;
  669. border-bottom: 1px solid #ddd;
  670. line-height: 13px;
  671. }
  672.  
  673. #menuu ul ul li:hover {
  674. background: #b6a3b6;
  675. color: #ffffff!important;
  676. }
  677.  
  678. #menuu ul ul a {
  679. color: #b6a3b6;
  680. text-decoration: none;
  681. }
  682.  
  683. #menuu ul li a {
  684. -webkit-transition: all .5s ease-in-out;
  685. -moz-transition: all .5s ease-in-out;
  686. -o-transition: all .5s ease-in-out;
  687. -ms-transition: all .5s ease-in-out;
  688. transition: all .5s ease-in-out;
  689. }
  690.  
  691. #menuu ul ul li {
  692. -webkit-transition: all .5s ease-in-out;
  693. -moz-transition: all .5s ease-in-out;
  694. -o-transition: all .5s ease-in-out;
  695. -ms-transition: all .5s ease-in-out;
  696. transition: all .5s ease-in-out;
  697. }
  698.  
  699. #menuu ul li img {
  700. -webkit-transition: all .5s ease-in-out;
  701. -moz-transition: all .5s ease-in-out;
  702. -o-transition: all .5s ease-in-out;
  703. -ms-transition: all .5s ease-in-out;
  704. transition: all .5s ease-in-out;
  705. }
  706.  
  707. #menuu ul li:hover img {
  708. background: #fff;
  709. }
  710.  
  711.  
  712.  
  713. /*Dropdown*/
  714.  
  715. #menu {
  716. position: relative;
  717. width: 800px;
  718. height: 120px;
  719. margin-left: -100px;
  720. margin-top: 0px;
  721. font-family: 'Raleway';
  722. font-size: 14px;
  723. color: #b6a3b6!important;}
  724.  
  725.  
  726. #menu ul {
  727. position: absolute;
  728. margin: 0 auto;
  729. list-style: none;
  730. }
  731.  
  732. #menu ul li {
  733. float: left;
  734. margin: 0 0 0 0px;
  735. }
  736.  
  737. #menu ul ul {
  738. position: absolute;
  739. top: 30px;
  740. padding: 0;
  741. margin: 0;
  742. }
  743.  
  744. #menu ul ul li {
  745. float: none;
  746. margin: 0;
  747. }
  748.  
  749. #menu ul ul {
  750. top: -9999px;
  751. }
  752.  
  753. #menu ul li:hover ul {
  754. top: 55px;
  755. }
  756.  
  757. #menu h3 {
  758. font-size: 25px;
  759. color: #fff;
  760. padding: 10px;
  761. margin: 0;
  762. background: #000;
  763. line-height: 20px;
  764. }
  765.  
  766. #menu ul li {
  767. line-height: 50px;
  768. }
  769.  
  770. #menu ul li a {
  771. color: #000;
  772. text-decoration: none;
  773. }
  774.  
  775. #menu ul li a:hover {
  776. color: #b6a3b6;
  777. }
  778.  
  779. #menu ul li img {
  780. float: left;
  781. width: 29px;
  782. height: 35px;
  783. margin: 5px 0px;
  784. padding: 6px;}
  785.  
  786. #menu ul ul {
  787. margin-left: 40px;
  788. -webkit-box-shadow: 0 10px 10px #888;
  789. -moz-box-shadow: 0 10px 10px #888;
  790. box-shadow: 0 10px 10px #888;
  791. }
  792.  
  793. #menu ul ul li {
  794. float: none;
  795. font-size: 11px;
  796. padding: 5px 10px;
  797. text-align: left;
  798. text-transform: uppercase;
  799. margin: 0;
  800. border-bottom: 1px solid #ddd;
  801. line-height: 13px;
  802. }
  803.  
  804. #menu ul ul li:hover {
  805. background: #b6a3b6;
  806. color: #ffffff!important;
  807. }
  808.  
  809. #menu ul ul a {
  810. color: #b6a3b6;
  811. text-decoration: none;
  812. }
  813.  
  814. #menu ul li a {
  815. -webkit-transition: all .5s ease-in-out;
  816. -moz-transition: all .5s ease-in-out;
  817. -o-transition: all .5s ease-in-out;
  818. -ms-transition: all .5s ease-in-out;
  819. transition: all .5s ease-in-out;
  820. }
  821.  
  822. #menu ul ul li {
  823. -webkit-transition: all .5s ease-in-out;
  824. -moz-transition: all .5s ease-in-out;
  825. -o-transition: all .5s ease-in-out;
  826. -ms-transition: all .5s ease-in-out;
  827. transition: all .5s ease-in-out;
  828. }
  829.  
  830. #menu ul li img {
  831. -webkit-transition: all .5s ease-in-out;
  832. -moz-transition: all .5s ease-in-out;
  833. -o-transition: all .5s ease-in-out;
  834. -ms-transition: all .5s ease-in-out;
  835. transition: all .5s ease-in-out;
  836. }
  837.  
  838. #menu ul li:hover img {
  839. background: #fff;
  840. }
  841.  
  842. /*------------------------------------------------------------------------------------*/
  843.  
  844.  
  845. /*Partnerseiten*/
  846.  
  847. .slider {
  848. overflow-x: hidden;
  849. width: 650px;
  850. border: 5px solid #fff;
  851. line-height: 10px;
  852. float: left;
  853. text-align: justify;
  854. padding: 5px;
  855. border: solid 1px #ddd;
  856. opacity: .7;
  857. margin-left: 20px!important;
  858. }
  859.  
  860. .sliderElements {
  861. width: 650px: /* Summe der Einzelbreiten der Slides */
  862. }
  863.  
  864. .sliderElements > li {
  865. float: left;
  866. width: 25%; /* 100 durch Anzahl der Slides */
  867. }
  868.  
  869. /* Clearfix f?r die Liste */
  870. .sliderElements:after {
  871. content: ".";
  872. display: block;
  873. height: .1px;
  874. clear: both;
  875. visibility: hidden;
  876. font-size: 0;
  877. overflow: hidden;
  878. }
  879.  
  880. .sliderElements {
  881. position: relative;
  882. left: -20px;
  883. }
  884.  
  885. .slider input:nth-of-type(2):checked ~ .sliderElements {
  886. left: -102%;
  887. }
  888.  
  889. .slider input:nth-of-type(3):checked ~ .sliderElements {
  890. left: -202%;
  891. }
  892.  
  893. /* Statt der Pseudoklasse nth-of-type k?nnen wir auch mit der ID des inputs arbeiten */
  894. #slide04:checked ~ .sliderElements {
  895. left: -300%;
  896. }
  897.  
  898. .sliderElements,
  899. .sliderElements figure,
  900. .sliderControls {
  901. margin: 0;
  902. }
  903.  
  904. .sliderElements:after {
  905. content: ".";
  906. display: block;
  907. height: .1px;
  908. clear: both;
  909. visibility: hidden;
  910. font-size: 0;
  911. overflow: hidden;
  912. }
  913.  
  914. .cssSlider {
  915. overflow-x: hidden;
  916. }
  917.  
  918. .sliderElements {
  919. list-style: none;
  920. position: relative;
  921. left: 0px;
  922. width: 400%;
  923. margin-bottom: .8em;
  924. -webkit-transition: left .8s ease-in-out;
  925. -moz-transition: left .8s ease-in-out;
  926. -o-transition: left .8s ease-in-out;
  927. transition: left .8s ease-in-out;
  928. }
  929.  
  930. .sliderElements > li {
  931. float: left;
  932. width: 25%;
  933. position: relative;
  934. }
  935.  
  936. #slide02:checked ~ .sliderElements {
  937. left: -102%;
  938. }
  939.  
  940. #slide03:checked ~ .sliderElements {
  941. left: -202%;
  942. }
  943.  
  944. #slide04:checked ~ .sliderElements {
  945. left: -302%;
  946. }
  947.  
  948. .sliderElements figcaption {
  949. display: block;
  950. color: #fff;
  951. position: absolute;
  952. left: 22px;
  953. bottom: 1.5em;
  954. padding: .4em;
  955. background: rgba(0,0,0,.5);
  956. }
  957.  
  958. /* Bilder responsive */
  959. .sliderElements img {
  960. width: 650px;
  961. height: auto;
  962. border: 5px solid #fff;
  963. line-height: 10px;
  964. float: left;
  965. text-align: justify;
  966. padding: 5px;
  967. border: solid 1px #ddd;
  968. opacity: .7;
  969. }
  970.  
  971.  
  972. /* inputs aus dem Blickfeld schieben */
  973. .cssSlider input {
  974. position: absolute;
  975. left: -99999px;
  976. }
  977.  
  978. /* mittige Ausrichtung der Controls - funktioniert im Zusammenspiel mit inline-block */
  979. .sliderControls {
  980. text-align: center;
  981. }
  982.  
  983. /* Controls nebeneinander bringen */
  984. .sliderControls li {
  985. display: inline-block;
  986. }
  987.  
  988. /* Controls auf einheitliche Ma?e bringen und die Ecken abrunden */
  989. .sliderControls label {
  990. width: 20px;
  991. height: 20px;
  992. line-height: 20px;
  993. text-align: center;
  994. border-radius: 0%;
  995. display: block;
  996. cursor: pointer;
  997. background: #FFF;
  998.  
  999. }
  1000.  
  1001. /* Attributselektor und indirekter Nachfahrkombinator zum ansteuern der labels */
  1002. .sliderControls label:hover,
  1003. #slide01:checked ~ .sliderControls label[for="slide01"],
  1004. #slide02:checked ~ .sliderControls label[for="slide02"],
  1005. #slide03:checked ~ .sliderControls label[for="slide03"],
  1006. #slide04:checked ~ .sliderControls label[for="slide04"] {
  1007. background: #ddd;
  1008.  
  1009. }
  1010.  
  1011.  
  1012. /*------------------------------------ Schriftarten ----------------------------------*/
  1013.  
  1014.  
  1015. /* latin */
  1016. @font-face {
  1017. font-family: 'Raleway';
  1018. font-style: normal;
  1019. font-weight: 400;
  1020. src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  1021. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
  1022.  
  1023.  
  1024. /* latin */
  1025. @font-face {
  1026. font-family: 'Metrophobic';
  1027. font-style: normal;
  1028. font-weight: 400;
  1029. src: local('Metrophobic'), url(https://fonts.gstatic.com/s/metrophobic/v8/0IZPA9DbzKXnGZABsAivT44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  1030. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
  1031.  
  1032.  
  1033. /* latin */
  1034. @font-face {
  1035. font-family: 'Parisienne';
  1036. font-style: normal;
  1037. font-weight: 400;
  1038. src: local('Parisienne'), local('Parisienne-Regular'), url(https://fonts.gstatic.com/s/parisienne/v4/1wiHF6pWOa568Cj3p-anxPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  1039. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
  1040.  
  1041.  
  1042. /* latin */
  1043. @font-face {
  1044. font-family: 'Biloxi Script';
  1045. font-style: normal;
  1046. font-weight: normal;
  1047. src: local('Biloxi Script'), url('Biloxi Script.woff') format('woff');}
  1048.  
  1049.  
  1050. /* latin */
  1051. @font-face {
  1052. font-family: 'Great Vibes';
  1053. font-style: normal;
  1054. font-weight: 400;
  1055. src: local('Great Vibes'), local('GreatVibes-Regular'), url(https://fonts.gstatic.com/s/greatvibes/v4/6q1c0ofG6NKsEhAc2eh-3Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  1056. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  1057. }
  1058.  
  1059.  
  1060. /*------------------------------------- Mainbar --------------------------------------*/
  1061.  
  1062.  
  1063.  
  1064. #mainbar {
  1065. margin: -30px 1px 0 20px;
  1066. padding-left: 55px;
  1067. width: 770px;
  1068. height: auto;
  1069. font-family: 'Metrophobic';
  1070. text-align: center;
  1071. font-size: 11px;
  1072. letter-spacing: 0.5px;
  1073. }
  1074.  
  1075. /*DropDown Effekt*/
  1076. #mainbar ul li ul li a {color: #ba9ab5; background-color: #fff; font-family: Metrophobic;
  1077. font-size: 9px; outline-offset: -5px; letter-spacing: 2px; }
  1078.  
  1079.  
  1080. /* DropDown Hover */
  1081. #mainbar ul li ul li a:hover {background-color: #fff; color: #ba9ab5; font-family:
  1082. Metrophobic; font-size: 9px; outline-offset: -5px; letter-spacing: 2px;}
  1083.  
  1084. /* NaviIcons aendern minus 12 bei navipunkt */
  1085. #mainbar ul li a[href="/home.html"] {
  1086. background-image: url(http://i.imgur.com/7Iltmio.png);
  1087. background-repeat: no-repeat;
  1088. background-position: 0px;}
  1089.  
  1090.  
  1091. #mainbar a[href="/chat/index.html"] {
  1092. background-image: url(http://i.imgur.com/iDs26NS.png);
  1093. background-position: 56px -1px;
  1094. background-repeat: no-repeat;}
  1095.  
  1096.  
  1097. /* Link-Shadow */
  1098.  
  1099. a:link {text-decoration: none !important; -moz-transform: all !important; -o-transform: all !important; -htm-transform: all !important; -webkit-transform: all !important; transition: 1s !important; -moz-transition: 1s !important; -o-transition: 1s !important; -htm-transition: 1s !important; -webkit-transition: 1s !important; -webkit-transition: 180ms linear 0s; -moz-transition: 180ms linear 0s; -o-transition: 180ms linear 0s; transition: 180ms linear 0s; }
  1100.  
  1101.  
  1102. /*----------------------------------- Startseite -------------------------------------*/
  1103.  
  1104.  
  1105. ul.memberListPhotosUsernames li a img {padding: 5px;}
  1106. ul.memberListPhotosUsernames li {position: center; padding: -30px; margin-top: 0px;}
  1107.  
  1108.  
  1109. /* Member-Bilder-Rahmen */
  1110. ul.memberListPhotosUsernames li img {
  1111. position: center;
  1112. width: 50px;
  1113. height: 60px;
  1114. padding: 5px;
  1115. border-right: solid 1px #ddd;
  1116. border-bottom: solid 1px #ddd;
  1117. box-shadow: 2px 2px 0px #eee;}
  1118.  
  1119.  
  1120. /* Abstand der Member Bilder */
  1121. ul.memberListPhotosUsernames a:link {position: center; padding: -20px; margin-top: 0px;}
  1122.  
  1123.  
  1124.  
  1125. ul.memberListPhotos li a img {padding: 5px;}
  1126. ul.memberListPhotos li {position: center; padding: 3px; margin-left: 0px;}
  1127.  
  1128.  
  1129. /* Abstand der Member Bilder */
  1130. ul.memberListPhotos a:link {position: center; padding: 3px; margin-left: 0px;}
  1131.  
  1132.  
  1133. /* Member-Bilder-Rahmen */
  1134. ul.memberListPhotos li img {
  1135. position: center;
  1136. width: 50px;
  1137. height: 60px;
  1138. padding: 5px;
  1139. border-right: solid 1px #ddd;
  1140. border-bottom: solid 1px #ddd;
  1141. box-shadow: 2px 2px 0px #eee;}
  1142.  
  1143.  
  1144.  
  1145. /*---------------------------------- Mitgliederliste ---------------------------------*/
  1146.  
  1147.  
  1148. div.memberList .memberListItem {
  1149. width: 350px;
  1150. float: left;
  1151. margin: 15px 0px 0px 9px;
  1152. border-radius: 0px;
  1153. height: 127px;
  1154. border: 1px solid #eee;
  1155. outline: #eee solid 1px;
  1156. outline-offset: 4px;
  1157. background-image: none;
  1158. background: #f5f5f5;
  1159. margin-left: 27px!important;
  1160. }
  1161.  
  1162.  
  1163. /* Mitgliederliste */
  1164. div.memberList .memberListItem {
  1165. width: 350px;
  1166. float: left;
  1167. margin: 15px 0px 0px 9px;
  1168. border-radius: 0px;
  1169. height: 127px;
  1170. border: 1px solid #eee;
  1171. outline: #eee solid 1px;
  1172. outline-offset: 4px;
  1173. background-image: none;
  1174. background: #f5f5f5;} /* Mitglieder-Hauptbox */
  1175.  
  1176. div.memberList .memberImage {border-radius: 10px 0px 0px 10px; border: none;
  1177. background-image: none; background: #f5f5f5;} /* Mitglieder-Bild-Box */
  1178.  
  1179. div.memberList .memberImage img {
  1180. width: 65px;
  1181. height: 90px;
  1182. border-radius: 2px;
  1183. border-width: 5px;
  1184. border-style: solid;
  1185. padding: 4px;
  1186. box-shadow: 1px 1px 1px grey;
  1187. border-radius: 0px!important;
  1188. border: 2px solid #eee!important;
  1189. outline: 1px solid #eee;
  1190. outline-offset: -5px;} /* Mitglieder-Bild */
  1191.  
  1192. div.memberList .memberImage img:hover {filter: opacity;
  1193. -webkit-filter: opacity(50%);
  1194. -webkit-transition: all 3s ease;
  1195. -moz-transition: all 3s ease;
  1196. -o-transition: all 3s ease;
  1197. -ms-transition: all 3s ease;
  1198. transition: all 3s ease;
  1199. border-radius: 2px;
  1200. border-width: 5px;
  1201. border-style: solid;
  1202. padding: 4px;
  1203. box-shadow: 1px 1px 1px grey;
  1204. border-radius: 0px!important;
  1205. border: 2px solid #eee!important; outline: 1px solid #FFF;
  1206. outline-offset: -5px;} /* Mitglieder-Bild-Hover */
  1207.  
  1208. div.memberList .memberInfos {background-image: none; background: #f5f5f5; border-radius: 0px 10px 10px 0px;} /* Mitglieder Details */
  1209.  
  1210. div.memberList .memberDetails {background-image: none; background: #f5f5f5; border: 0px solid #7394a8;} /* Admin Icon & Online Icon */
  1211.  
  1212.  
  1213. /* ------------------------- Foto Album AccountStartseite ---------------------------*/
  1214.  
  1215.  
  1216.  
  1217. ul.imageList li {
  1218. list-style: none;
  1219. display: block;
  1220. width: 75px;
  1221. height: 75px;
  1222. float: left;
  1223. margin: 5px;
  1224. margin-left: 5px;}
  1225.  
  1226.  
  1227. ul.imageList li a {
  1228. filter: opacity;
  1229. -webkit-filter: opacity(85%);
  1230. -webkit-transition: all 3s ease;
  1231. -moz-transition: all 3s ease;
  1232. -o-transition: all 3s ease;
  1233. -ms-transition: all 3s ease;
  1234. transition: all 3s ease;
  1235. width: 70px;
  1236. height: 70px;
  1237. margin-left: 10px;
  1238. box-shadow: 1px 1px 1px 1px #6a6a6a;
  1239. border: 2px solid #FAFAFA!important;
  1240. background: transparent;}
  1241.  
  1242.  
  1243. .myaccount_list_albums li {
  1244. padding: 1px;
  1245. color: #ffffff;
  1246. border-width: 1px;
  1247. border-style: solid;
  1248. opacity: 0.8;
  1249. box-shadow: #cccccc 0px 0px 2px;}
  1250.  
  1251.  
  1252. .myaccount_list_albums li {
  1253. margin: 0;
  1254. padding: 6px;
  1255. list-style: none;
  1256. border: 1px solid #DBDBDB;
  1257. background-color: #ffffff;
  1258. width: 100px;
  1259. float: left;
  1260. color: #cccccc;
  1261. margin: 2px;
  1262. text-align: center;
  1263. height: 120px;
  1264. color: #6e5c5f;}
  1265.  
  1266.  
  1267.  
  1268. .myaccount_list_albums li {
  1269. padding: 1px;
  1270. opacity: 0.8;
  1271. border: 5px solid #fff;
  1272. padding: 5px;
  1273. border-right: solid 1px #ddd;
  1274. border-bottom: solid 1px #ddd;}
  1275.  
  1276.  
  1277. .myaccount_list_albums li {
  1278. margin: 0;
  1279. padding: 6px;
  1280. list-style: none;
  1281. border: 5px solid #fff;
  1282. padding: 5px;
  1283. border-right: solid 1px #ddd;
  1284. border-bottom: solid 1px #ddd;
  1285. width: 100px;
  1286. float: left;
  1287. color: #cccccc;
  1288. margin: 2px;
  1289. text-align: center;
  1290. height: 120px;
  1291. color: #6e5c5f;}
  1292.  
  1293.  
  1294. div.albumIntro {
  1295. background: #def1d8 url(http://i.imgur.com/4khXKdB.png);
  1296. border: 1px solid #c8c6c6;
  1297. outline: 1px solid #DBDBDB;
  1298. outline-offset: -5px;
  1299. padding: 7px;
  1300. margin-bottom: 5px;
  1301. color: #313131;}
  1302.  
  1303.  
  1304. div.albumIntro {
  1305. background-color: #ffffff;
  1306. border: 1px solid #c8c6c6;
  1307. padding: 7px;
  1308. margin-bottom: 5px;
  1309. color: #313131;}
  1310.  
  1311.  
  1312.  
  1313. div.albumFullImage {
  1314. background-color: #FFFFFF;
  1315. border: 0;
  1316. padding: 15px 0 15px 0;
  1317. text-align: center;}
  1318.  
  1319.  
  1320. div.albumFullImage img {
  1321. background-color: #FFFFFF;
  1322. padding: 7px !important;
  1323. overflow: hidden;
  1324. height: auto;
  1325. padding: 5px;
  1326. border-right: solid 1px #ddd;
  1327. border-bottom: solid 1px #ddd;
  1328. opacity: .9;
  1329. width: 50%;
  1330. margin-left: 25px;
  1331. margin-bottom: 35px;}
  1332.  
  1333.  
  1334. #albumImageWalker .container {
  1335. padding-top: 5px;
  1336. border: none!important;
  1337. margin-left: 35px;}
  1338.  
  1339.  
  1340. .ui_horizontal_carousel .container {
  1341. float: left;
  1342. height: 120px!important;
  1343. width: 670px;
  1344. position: relative;
  1345. overflow: hidden;}
  1346.  
  1347.  
  1348. div.albumList .albumItem {
  1349. border: 3px double #DBDBDB;
  1350. width: 350px;
  1351. float: left;
  1352. margin: 0 0 5px 0;}
  1353.  
  1354.  
  1355. div.albumList .albumImage {
  1356. padding: 7px;
  1357. width: 100px;
  1358. height: 120px;
  1359. text-align: center;
  1360. vertical-align: middle;
  1361. float: left;
  1362. padding: 5px;
  1363. border-left: solid 1px #ddd;
  1364. border-bottom: solid 1px #ddd;
  1365. opacity: .7;
  1366. background-color: #fff;}
  1367.  
  1368.  
  1369. div.albumList .albumInfos {
  1370. background-image: url(http://i.imgur.com/zrqZWgh.png);
  1371. background-repeat: repeat-x;
  1372. width: 221px;
  1373. height: 120px;
  1374. padding: 7px;
  1375. float: left;
  1376. color: #313131;
  1377. /* border: 3px double #dbdbdb; */}
  1378.  
  1379.  
  1380. /*-------------------------------------- R?nge ---------------------------------------*/
  1381.  
  1382.  
  1383. table.table th, table.tableNoBG th {
  1384. background-image: none;
  1385. background-color: #FFF;
  1386. padding: 7px 10px 7px 10px;
  1387. font-weight: bold;
  1388. margin: 0;
  1389. border: 0;
  1390. border-bottom: 2px solid #DBDBDB;}
  1391.  
  1392. table.table td, table.tableNoBG td {
  1393. padding: 10px;
  1394. margin: 0;
  1395. background-image: none;
  1396. color: #6e5c5f!important;
  1397. border-bottom: 2px solid #DBDBDB;}
  1398.  
  1399. .highlight5 {ico
  1400. background-color: white;
  1401. background-image: none!important;
  1402. background-repeat: repeat;
  1403. border: 2px solid #DBDBDB;
  1404. border-color: rgba(0, 0, 0, 0.3);
  1405. border-width: 0 0 1px 0;
  1406. padding: 10px;
  1407. margin-bottom: 15px;}
  1408.  
  1409.  
  1410. /*------------------------------------ Profil ----------------------------------------*/
  1411.  
  1412.  
  1413. /*Benutzergruppen Profil*/
  1414.  
  1415. .groupsIconsOnly {
  1416. width: 780px !important;
  1417. margin-left: -151px!important;
  1418. margin: -305px auto -5px;
  1419. position: absolute;
  1420. border: 2px solid #fff;
  1421. }
  1422.  
  1423.  
  1424. #profileLeft h4[style="float:right; width:135px; margin:20px 12px 0 0;"] {
  1425. margin-top: 0px !important;
  1426. }
  1427.  
  1428. /*?berschrift*/
  1429. #profileLeft h4[style="float:right; width:135px; margin:20px 12px 0 0;"] {
  1430. margin-top: 0px !important;
  1431. margin-left: 20px !important;
  1432. position: absolute;
  1433. }
  1434.  
  1435. /*Freunde PBs*/
  1436. #profileLeft ul.relationships {
  1437. width: 150px;
  1438. margin-top: 30px !important;
  1439. margin-left: 15px !important;
  1440. }
  1441.  
  1442. /*"Alle Freunde anzeigen"*/
  1443. #profileLeft p {
  1444. margin-top: 00px !important;
  1445. margin-left: 30px !important;
  1446. }
  1447.  
  1448.  
  1449. /*------------------------------------------------------------------------------------*/
  1450.  
  1451.  
  1452. /* Deine Verbindung zu */
  1453. div#profile_path_to.highlight3 {
  1454. background-color: #ffffff;
  1455. background-image: url(http://i.imgur.com/fVn0Uu3.png);
  1456. background-repeat: repeat-x;
  1457. border-right: solid 1px #ddd!important;
  1458. border-bottom: solid 1px #ddd!important;
  1459. border-left: none!important;
  1460. border-top: none!important;
  1461. opacity: .7;
  1462. padding: 6px;
  1463. margin: 0px 0px 10px 110px;
  1464. color: #a9a9c5!important;
  1465. height: 95px;
  1466. margin-bottom: 20px;
  1467. width: 556px!Important;
  1468. margin-left: 110px!Important;
  1469. margin-top: 50px!Important;}
  1470.  
  1471.  
  1472.  
  1473. div#profile_path_to p {
  1474. padding: 2px 0px 10px 0px;
  1475. margin: 0;
  1476. display: none;
  1477. }
  1478.  
  1479. div#profile_path_to.highlight3 ul.relationships li.spacer {
  1480. background-image: url(images/dotted.gif)!important;
  1481. background-repeat: repeat-x;
  1482. background-position: center;
  1483. width: 107px !important;
  1484. margin-left: 0px;
  1485. color: #c5c5c5;
  1486. font-size: 12px;
  1487. }
  1488.  
  1489. div#profile_path_to.highlight3 ul.relationships {
  1490. margin-left: 135px;
  1491. padding: 0;
  1492. margin-top: 0px;
  1493. }
  1494.  
  1495. div#profile_path_to.highlight3 ul.relationships li img {
  1496. display: block;
  1497. border-right: solid 1px #ddd!important;
  1498. border-bottom: solid 1px #ddd!important;
  1499. border-left: none!important;
  1500. border-top: none!important;
  1501. opacity: .9;
  1502. padding: 3px;
  1503. width: 50px;
  1504. height: 60px;
  1505. margin-left: 10px;}
  1506.  
  1507.  
  1508. .highlight3 {
  1509. background-image: url(http://i.imgur.com/4khXKdB.png);
  1510. border: 1x solid #333!important;
  1511. font-family: 'Metrophobic';
  1512. line-height: 110%;
  1513. margin: 0px 10px 10px;
  1514. color: #8a8a8a; ;
  1515. text-align: center;}
  1516.  
  1517.  
  1518. .highlight4 {
  1519. color: #313131;
  1520. border: 1px double #dbdbdb;
  1521. background-color: #eee;
  1522. padding: 7px;
  1523. margin: 5px;
  1524. text-align: center;
  1525. font-size: 12px;
  1526. margin-top: 150px;
  1527. font-family: 'Metrophobic';
  1528. outline: 1px solid #dbdbdb;
  1529. outline-offset: -5px;
  1530. background-image: url(http://i.imgur.com/4khXKdB.png);
  1531. padding: 5px;
  1532. }
  1533.  
  1534. /*------------------------------------------------------------------------------------*/
  1535.  
  1536.  
  1537. /* Adminleiste*/
  1538. p.admin_highlight {
  1539. padding: 7px 7px 7px 27px;
  1540. background-color: #FFFFFF;
  1541. border-left: none;
  1542. border-top: 1px solid #eee;
  1543. border-right: none;
  1544. border-bottom: 1px solid #eee!important;
  1545. background-image: none!important;
  1546. background-repeat: no-repeat;
  1547. background-position: 150px 5px;
  1548. font-family: 'Metrophobic';
  1549. font-size: 13px;
  1550. text-align: center;
  1551. color: #eee!important; }
  1552.  
  1553.  
  1554. /* Schriftart */
  1555. #Profile, #ProfileLeft, #profileOptions, #profileAdvanced, #profileDetails, #profileStats {color: #6e5c5f!important; font-family: Metrophobic; font-size: 11px; textalign:center!important;}
  1556.  
  1557. #profile { position: relative!important; text-color: #cfbec3!important; }
  1558. #profileLeft {float: left;}
  1559. div.tab-page, div.tab-row a.icon.vcard_edit {
  1560. float:center; font-family: Metrophobic;
  1561. font-size: 11px; text-align:center;}
  1562.  
  1563. #profile {
  1564. padding: 5px;
  1565. float: left;
  1566. margin-top: 300px;
  1567. }
  1568.  
  1569. .profileTableOnline {
  1570. margin-left: 0px;
  1571. background-image: url(https://68.media.tumblr.com/tumblr_m3j5ft7m0J1qdlkyg.gif);
  1572. background-position: 260px 0px!important;
  1573. width: 280px;
  1574. }
  1575.  
  1576. .profileTableOffline {
  1577. margin-left: 0px;
  1578. background-image: url(https://68.media.tumblr.com/tumblr_m3j5ft7m0J1qdlkyg.gif);
  1579. background-position: 260px 0px!important;
  1580. width: 280px;
  1581. }
  1582.  
  1583. #profileRight {
  1584. width: 570px;
  1585. padding: 0 0 0 10px;
  1586. float: left;}
  1587.  
  1588.  
  1589. #profileInfosRight {
  1590. margin-right: 45px!important;
  1591. position: relative;
  1592. }
  1593.  
  1594. /*Name Alter etc.*/
  1595. #profileInfosLeft {
  1596. margin-left: -115px;
  1597. position: relative;
  1598. width: 310px;}
  1599.  
  1600.  
  1601. /* Name, Ort, Geschlecht etc */
  1602. .profileTable .label {
  1603. color: #6e5c5f !important;
  1604. padding-right: 10px; /*Innenabstand rechts*/
  1605. font-family: Metrophobic;
  1606. font-size: 11px; float: center;
  1607. text-align:center!important;}
  1608.  
  1609.  
  1610. .profileTable .label {
  1611. width: 110px;
  1612. padding-right: 30px;
  1613. color: #6e5c5f;}
  1614.  
  1615.  
  1616. #profileDetails, #profileStats{
  1617. height: 140px;
  1618. width: 330px;
  1619. line-height: 12px;
  1620. float: left;
  1621. background: #f9f9f9;
  1622. box-shadow: 0px 1px 1px #BEBEBE;
  1623. border: 1px double #eee;
  1624. outline: 1px solid #eee;
  1625. outline-offset: -5px;
  1626. margin-left: 17px;
  1627. }
  1628.  
  1629.  
  1630. /*Bild*/
  1631.  
  1632.  
  1633.  
  1634. #profileImage {
  1635. position: relative;
  1636. bottom: 100px;
  1637. }
  1638.  
  1639. #profileImage img {
  1640. width: 115px;
  1641. height: 155px;
  1642. position: absolute;
  1643. margin-left: 270px!important;
  1644. margin-top: -440px!important;
  1645. border-radius: 100%;
  1646. border: 4px solid #ffffff;
  1647. border-style: double;
  1648. border-color: #dddddd!important;
  1649. }
  1650.  
  1651.  
  1652. img#userImage {
  1653. margin-top: 140px!important;
  1654. margin-left: 30px!important;
  1655. position: relative;
  1656. }
  1657.  
  1658.  
  1659. #userImage {
  1660. border: 1px solid #ababab;
  1661. margin-top: 200px!important;
  1662. float: right!Important;
  1663. margin-left: 30px!important;
  1664. }
  1665.  
  1666.  
  1667. #userImage {
  1668. border: 1px solid #ababab;
  1669. margin: 0px 5px 5px 0px;
  1670. }
  1671.  
  1672.  
  1673. .messagebook #profileImage img {
  1674. margin-left: 5px !important;
  1675. margin-top: 120px!important;
  1676. position: relative!important;}
  1677.  
  1678.  
  1679. /*Persoenliches*/
  1680. #profileAdvanced {
  1681. width: 560px;
  1682. margin-left: 20px;
  1683. margin-top: 0px!important;}
  1684.  
  1685.  
  1686. #profileAdvanced{
  1687. background: #f9f9f9;
  1688. background: #f9f9f9;
  1689. box-shadow: 1px 1px 1px #BEBEBE;
  1690. border: 1px double #eee;
  1691. outline: 1px solid #eee;
  1692. outline-offset: -5px;}
  1693.  
  1694. #Profile, #profileStats {
  1695. color: #ba9ab5!important;
  1696. font-family: Metrophobic;
  1697. font-size: 11px;
  1698. textalign: center!important;
  1699. /* position: absolute; */
  1700. /* position: absolute; */
  1701. /* margin-left: 60px; */
  1702. width: 250px;
  1703. }
  1704.  
  1705. /*Optionen*/
  1706. #profileOptions {
  1707. margin-top: 240px;
  1708. position: relative;
  1709. margin-left: 13px;}
  1710.  
  1711. #Profile, #ProfileLeft, #profileOptions, #profileAdvanced, #profileDetails, #profileStats {
  1712. color: #ba9ab5!important;
  1713. font-family: Metrophobic;
  1714. font-size: 11px;
  1715. textalign: center!important;}
  1716.  
  1717. .profileOptions {
  1718. text-align: center;
  1719. width: 140px;
  1720. background: #f9f9f9 !important;
  1721. box-shadow: 1px 1px 1px #BEBEBE;
  1722. border: 1px double #eee;
  1723. outline: 1px solid #eee;
  1724. outline-offset: 1px;}
  1725.  
  1726.  
  1727. .profileOptions div.profileOptionsTitle {
  1728. font-weight: bold;
  1729. padding: 6px;
  1730. background-color: #f9f9f9!Important;}
  1731.  
  1732.  
  1733. .light2 {
  1734. background-image: none!important;
  1735. background-repeat: repeat; */
  1736. background-color: #eeeeee!Important;}
  1737.  
  1738.  
  1739. #profileAdminOptions {
  1740. margin-top: 8px;
  1741. margin-left: 13px;
  1742. text-align: center;
  1743. width: 140px;
  1744. background: #f9f9f9 !important;
  1745. box-shadow: 1px 1px 1px #BEBEBE;
  1746. border: 1px double #eee;
  1747. outline: 1px solid #eee;
  1748. outline-offset: 1px;}
  1749.  
  1750.  
  1751. ul.relationships li img {
  1752. border:1px solid #b8b8b8;
  1753. display: inline-block;
  1754. vertical-align: middle;
  1755. -webkit-transform: translateZ(0);
  1756. transform: translateZ(0);
  1757. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  1758. -webkit-backface-visibility: hidden;
  1759. backface-visibility: hidden;
  1760. -moz-osx-font-smoothing: grayscale;
  1761. -webkit-transition-duration: 0.4s;
  1762. transition-duration: 0.4s;
  1763. -webkit-transition-property: transform;
  1764. transition-property: transform;}
  1765.  
  1766.  
  1767. ul.relationships li img:hover {
  1768. -webkit-transform: scale(0.9) rotate(-3deg);
  1769. transform: scale(0.9) rotate(-3deg);}
  1770.  
  1771.  
  1772. div.box2 {
  1773. background-image: none;
  1774. background-position: top;
  1775. background-repeat: repeat-x;
  1776. background-color: #ffffff;
  1777. border: 1px solid #d3dce8;
  1778. padding: 10px;
  1779. color: #313131;}
  1780.  
  1781. ul.profile_list_gifts img {
  1782. overflow: hidden;
  1783. height: 100px;
  1784. width: 100px;
  1785. padding: 7px;
  1786. border-right: solid 1px #ddd;
  1787. border-bottom: solid 1px #ddd;
  1788. opacity: .7;
  1789. margin-left: 15px;}
  1790.  
  1791. .messagebook #profileImage {
  1792. padding: 0 0 8px 0;
  1793. margin-top: 0px;
  1794. margin-left: 10px;}
  1795.  
  1796. .messagebook #profileOptions {
  1797. margin-left: 10px!important;
  1798. margin-top: -80px;}
  1799.  
  1800.  
  1801. /*----------------------------------- Newsstream -------------------------------------*/
  1802.  
  1803.  
  1804. #newsstream .streamitem .streamitem_userinfo, #newsstream .streamitem .streamitem_content {
  1805. float: left;
  1806. width: 465px;
  1807. padding: 15px 15px 0 5px;
  1808. }
  1809.  
  1810. #newsstream .streamitem .streamitem_userimage img {
  1811. box-shadow: 1px 1px 2px 2px #ccc;
  1812. border: 2px solid #ffffff!important;
  1813. background: linear-gradient(45deg, #b6a3b6 0%,rgba(186, 115, 130, 0.17) 47%,#dcdcdc9c 100%);
  1814. padding: 5px!important;
  1815. }
  1816.  
  1817. #newsstream .streamitem .img_url {
  1818. padding: 3px;
  1819. background-color: #ffffff;
  1820. border: 1px solid #bfbfbf;
  1821. display: block;
  1822. position: relative;
  1823. margin-left: 15px!important;
  1824. }
  1825.  
  1826.  
  1827. /* Allgemeiner Newwstream Style */
  1828. #newsstream .streamitem .streamitem_options {
  1829. float: right;
  1830. padding: 0;
  1831. font-size: 11px;
  1832. font-family: Trebuchet MS;
  1833. border: 1px dashed #DBDBDB;
  1834. margin-top: 15px;
  1835. text-align: right;
  1836. width: 100%;}
  1837.  
  1838.  
  1839. #myaccount_right h4.sub_head {
  1840. margin-top: 15px;
  1841. padding-left: 5px!important;
  1842. margin-left: 5px;
  1843. text-align: left;
  1844. font-size: 14px!important;
  1845. Font-family: Metrophobic;}
  1846.  
  1847.  
  1848. #newsstream h4.sub_head {
  1849. margin-bottom: 0;
  1850. margin-top: 15px;
  1851. padding-left: 15px;
  1852. padding-right: 15px;
  1853. margin-left: 1px;
  1854. margin-left: 25px;
  1855. width: 560px;}
  1856.  
  1857.  
  1858. .border1, h4.sub_head, p.intro {
  1859. border-bottom: none;}
  1860. .messagebook {border: none;}
  1861. .border1, h4.sub_head, p.intro {
  1862. border-color: none!important;}
  1863.  
  1864.  
  1865.  
  1866.  
  1867. /* Background Color */
  1868. #newsstream .streamitem .streamitem_addcomment, #newsstream .streamitem .streamitem_comment, #newsstream .streamitem_options_inside {
  1869. background: #fff url(https://upload.wikimedia.org/wikipedia/commons/thumb/7/70/Solid_white.svg/2000px-Solid_white.svg.png) 1px 50% no-repeat;
  1870. padding: 10px 20px 10px 45px;
  1871. border-bottom: 1px solid #bdbbbb!important;
  1872. border-right: 1px solid #bdbbbb!important;
  1873. margin: 0 0 15px 20px;
  1874. color: #6e5c5f !important;
  1875. width: 450px!important;
  1876. }
  1877.  
  1878.  
  1879. #newsstream .streamitem {
  1880. border: 1px solid #eaeaea;
  1881. border-width: 0 0 1px 0;
  1882. padding: 0 0 15px 0;
  1883. margin: 0;
  1884. font-size: 13px;
  1885. width: 580px!important;
  1886. }
  1887.  
  1888.  
  1889. #newsstream .streamitem {
  1890. border: 1px solid #eaeaea;
  1891. border-width: 0 0 1px 0;
  1892. padding: 0 0 15px 0;
  1893. margin: 0;
  1894. font-size: 13px;
  1895. margin-left: 15px!important;
  1896. margin-top: 30px!important;
  1897. }
  1898.  
  1899.  
  1900.  
  1901. #newsstream .streamitem .streamitem_options {
  1902. float: right;
  1903. padding: 0;
  1904. padding-top: 15px;
  1905. padding-right: 15px;
  1906. padding-bottom: 15px;
  1907. padding-left: 0px;
  1908. font-size: 11px;
  1909. border: 3px dotted #eaeaea;
  1910. margin-top: 15px;
  1911. text-align: center;
  1912. width: 100%;}
  1913.  
  1914. #newsstream .newsstream_add_news {
  1915. background-color: #ffffff;
  1916. padding: 17px !important;
  1917. opacity: 1;
  1918. border-radius: 0%;
  1919. overflow: hidden;
  1920. width: 556px;
  1921. background-image: url(http://i.imgur.com/lJtU0Dr.png) !important;
  1922. background: no-repeat;
  1923. border: none!important;
  1924. margin-top: 5px !important;
  1925. margin-left: 25px!important;}
  1926.  
  1927.  
  1928. #newsstream .newsstream_add_news {
  1929. border: 0;
  1930. border-bottom: 2px solid #eaeaea!important;
  1931. border-width: 0 0 1px 0;
  1932. margin: 0;
  1933. padding: 15px;
  1934. height: 120px!important;}
  1935.  
  1936.  
  1937. #myaccount_right .coins_right {
  1938. height: 89px;
  1939. margin: 0 0 10px 0;
  1940. background-image: none;
  1941. background: #fff;
  1942. margin-top: 6px!important;
  1943. margin-left: 10px!important;
  1944. background-color: #FFF;
  1945. margin: 0 0 15px 0;
  1946. color: #6e5c5f !important;}
  1947.  
  1948.  
  1949. #myaccount_right {
  1950. width: 150px;
  1951. margin-left: -170px!important;
  1952. position: absolute;
  1953. }
  1954.  
  1955. /* Bild Comment */
  1956. #newsstream .newsstream_add_news_photo img {
  1957. display: none;}
  1958.  
  1959.  
  1960. /* User Image */
  1961. #newsstream .streamitem .streamitem_userimage img {
  1962. box-shadow: 1px 1px 2px 2px #ccc;
  1963. border: 2px solid #ffffff!important;
  1964. background: linear-gradient(45deg, #b6a3b6 0%,rgba(186, 115, 130, 0.17) 47%,#dcdcdc9c 100%);
  1965. padding: 2px;
  1966. }
  1967.  
  1968.  
  1969. /* Bild oben beim Status */
  1970. #newsstream .streamitem .streamitem_options img {
  1971. box-shadow: 1px 1px 2px 2px #ccc;
  1972. border: 2px solid #ffffff!important;
  1973. background: linear-gradient(45deg, #b6a3b6 0%,rgba(186, 115, 130, 0.17) 47%,#dcdcdc9c 100%);
  1974. padding: 2px;
  1975. }
  1976.  
  1977.  
  1978. #myaccount_right .userlist_right .smalluser .smalluser_info {
  1979. width: 95px!important;
  1980. }
  1981.  
  1982.  
  1983. .smalluser .smalluser_info {
  1984. float: left;
  1985. line-height: 16px;
  1986. margin-left: 10px!important;
  1987. }
  1988.  
  1989.  
  1990. .smalluser {
  1991. font-size: 11px;
  1992. text-align: left;
  1993. float: left;
  1994. width: 100%;
  1995. padding: 0 0 10px 0;}
  1996.  
  1997.  
  1998. .smalluser .smalluser_image {
  1999. float: left;
  2000. width: 40px;
  2001. padding: 5px;
  2002. border: 1px solid #D8D8D8;
  2003. border-radius: 100%;
  2004. margin-left: -10px;}
  2005.  
  2006. #newsstream .newsstream_add_news .info {display: none;}
  2007. .border1, h4.sub_head, p.intro {none!important;}
  2008.  
  2009.  
  2010. #newsstream .newsstream_add_news label {
  2011. font-weight: bold;
  2012. margin-left: -335px;
  2013. margin-top: -30px!important;
  2014. font-family: 'Parisienne';
  2015. font-size: 25px;
  2016. color: #fff!important;
  2017. text-align: center;
  2018. font-weight: bold;
  2019. letter-spacing: 1px;
  2020. text-shadow: 1px 1px 6px #a9a9c5;}
  2021.  
  2022.  
  2023. #newsstream .newsstream_add_news .clear {
  2024. height: 0px!important;
  2025. margin-top: -10px!important;}
  2026.  
  2027.  
  2028. #newsstream #newsstream_add_news.expand {
  2029. height: 155px!important;}
  2030.  
  2031.  
  2032. #newsstream .newsstream_add_news_input {
  2033. float: left;
  2034. width: 265px;
  2035. margin-left: 85px!important;}
  2036.  
  2037. .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText {
  2038. border: 0;
  2039. margin: 0;
  2040. padding: 0;
  2041. background: transparent;
  2042. white-space: nowrap;
  2043. text-decoration: none;
  2044. font-weight: normal;
  2045. cursor: default;
  2046. color: #000;
  2047. vertical-align: baseline;
  2048. width: auto;
  2049. border-collapse: separate;
  2050. text-align: left;}
  2051.  
  2052. .defaultSkin table {
  2053. direction: ltr;
  2054. background: #FFFFFF!important;
  2055. height: 20px!important;}
  2056.  
  2057. .defaultSkin .mceButton {
  2058. display: block;
  2059. border: none!important;
  2060. width: 20px;
  2061. height: 20px;
  2062. margin-right: 1px;}
  2063.  
  2064. .defaultSkin table.mceLayout {
  2065. border: 0;
  2066. border: none!important;
  2067. margin-left: 0px!important;
  2068. }
  2069.  
  2070. .defaultSkin .mceIframeContainer {
  2071. border: none!important;}
  2072.  
  2073. .defaultSkin table.mceLayout tr.mceFirst td {
  2074. border-top:none!Important;}
  2075.  
  2076.  
  2077. /*----------------------------------- Nachrichten ------------------------------------*/
  2078.  
  2079.  
  2080. #instantMessages div.imCenter {
  2081. float: left;
  2082. width: 470px;
  2083. font-size: 11.5px!important;}
  2084.  
  2085.  
  2086. #instantMessages div.imLeft {
  2087. float: left;
  2088. width: 100px;
  2089. font-size: 11.5px!important;}
  2090.  
  2091.  
  2092. /* Neue Nachricht */
  2093. #instantMessages div.row1_highlight {
  2094. border: 1px solid #eee;
  2095. font-size: 11.5px!important;
  2096. outline: #eee solid 1px;
  2097. outline-offset: 4px;
  2098. background-image: none;
  2099. background: #f5f5f5;
  2100. margin-left: 17px!important;
  2101. margin-top: 6px!important;
  2102. background: #fff url(http://i.imgur.com/C6g6paS.png) 1px 50% no-repeat;
  2103. padding: 10px 20px 10px 45px;
  2104. border-bottom: 1px solid #ccc;
  2105. border-right: 1px solid #ccc;
  2106. margin: 0 0 15px 0;
  2107. box-shadow: 1px 1px 1px 1px #ccc;}
  2108.  
  2109.  
  2110. #instantMessages div.row1:hover {
  2111. border: 1px solid #eee;
  2112. outline: #eee solid 1px;
  2113. outline-offset: 4px;
  2114. background-image: none;
  2115. background: #f5f5f5;
  2116. margin-left: 17px!important;
  2117. margin-top: 6px!important;
  2118. background: #fff url(http://i.imgur.com/C6g6paS.png) 1px 50% no-repeat;
  2119. padding: 10px 20px 10px 45px;
  2120. border-bottom: 1px solid #ccc;
  2121. border-right: 1px solid #ccc;
  2122. margin: 0 0 15px 0;
  2123. box-shadow: 1px 1px 1px 1px #ccc;
  2124. font-size: 11.5px!important;}
  2125.  
  2126.  
  2127. /* Alte Nachricht */
  2128. #instantMessages div.row1 {
  2129. font-size: 11.5px!important;
  2130. outline: #eee solid 1px;
  2131. outline-offset: 4px;
  2132. background-image: none;
  2133. background: #f5f5f5;
  2134. margin-left: 17px!important;
  2135. margin-top: 6px!important;
  2136. background: #fff url(http://i.imgur.com/C6g6paS.png) 1px 50% no-repeat;
  2137. padding: 10px 20px 10px 45px;
  2138. border-bottom: 1px solid #ccc;
  2139. border-right: 1px solid #ccc;
  2140. margin: 0 0 15px 0;
  2141. box-shadow: 1px 1px 1px 1px #ccc;}
  2142.  
  2143.  
  2144. #messages .row2 {
  2145. background-image: url(http://i.imgur.com/C6g6paS.png);
  2146. background-repeat: no-repeat;
  2147. font-size: 11.5px!important;
  2148. background-color: #ffffff;
  2149. }
  2150.  
  2151.  
  2152. /* Alte Nachricht Image */
  2153. #instantMessages div.row1 img {
  2154. padding: 5px;
  2155. margin-left: -25px;}
  2156.  
  2157.  
  2158. /* Alte Nachricht Image Hover */
  2159. #instantMessages div.row1 img:hover {
  2160. padding: 5px;
  2161. margin-left: -25px;
  2162. font-size: 11.5px!important;}
  2163.  
  2164.  
  2165. #instantMessages div.row1:hover {
  2166. background-image: url(http://i.imgur.com/C6g6paS.png)!important;
  2167. background-image: none;
  2168. font-size: 11.5px!important;}
  2169.  
  2170.  
  2171. #instantMessages div.imLeft img {
  2172. padding: 5px;
  2173. border: 1px solid #c8c6c6; /*image borders*/
  2174. border-radius: 100%;
  2175. margin-left: -25px;}
  2176.  
  2177.  
  2178. /*---------------------------------- ControlPanel ------------------------------------*/
  2179.  
  2180.  
  2181. .dynamic-tab-pane-control .tab-row {
  2182. white-space: nowrap;
  2183. width: 100%;
  2184. margin-left: 126px;
  2185. color: #dbdbdb;
  2186. margin-top: 50px;
  2187. }
  2188.  
  2189.  
  2190. .dynamic-tab-pane-control .tab-row .tab a {
  2191. background-image: none!Important;
  2192. background-color: rgb(255,255,255) !important;
  2193. color: rgb(179, 201, 214) !important;
  2194. padding: 3px 10px 4px;
  2195. text-shadow: none!Important;
  2196. border: 1px solid rgb(255,255,255) !important;;
  2197. font-family: Metrophobic!important;
  2198. font-size: 11px;
  2199. letter-spacing: 1px;
  2200. color: #bbbbbb!important;}
  2201.  
  2202.  
  2203. .dynamic-tab-pane-control .tab-page {
  2204. clear: both;
  2205. border: 0;
  2206. border-top: none!important;
  2207. font-family: Metrophobic!important;
  2208. font-size: 11px!important;
  2209. padding: 15px 0 0 0;
  2210. color: #bbbbbb!important;}
  2211.  
  2212.  
  2213. div.cb_chatbox_top {
  2214. background-color: rgb(255,255,255) !important;
  2215. border: 2px solid rgb(255,255,255) !important;}
  2216.  
  2217.  
  2218. button, input.button, input.button_long, a.button {
  2219. color: rgb(187,187,187) !important;
  2220. background-color: rgb(255, 255, 255)!Important;
  2221. background-image: none!Important;
  2222. border-bottom: 1px solid rgb(187,187,187)!Important;
  2223. border-top: none!Important;
  2224. border-left: none!Important;
  2225. border-right: none!Important;
  2226. text-shadow: none!Important;
  2227. border-radius: 0px!Important;
  2228. font-family: Metrophobic!important;
  2229. font-size: 11px;
  2230. letter-spacing: 1px;}
  2231.  
  2232.  
  2233. /* (Mein Account)-Tabs */
  2234. .dynamic-tab-pane-control .tab-row .tab a {
  2235. background-color: #ffffff !important; /* Hintergrundfarbe */
  2236. background-image: none !important;
  2237. border-radius: 0px!Important;
  2238. font-family: Metrophobic!important;
  2239. font-size: 11px;
  2240. letter-spacing: 1px;}
  2241.  
  2242.  
  2243. /* Hover-Modus */
  2244. .dynamic-tab-pane-control .tab-row .tab a:hover {
  2245. background-color: #ffffff !important; /* Hintergrundfarbe */
  2246. background-image: none !important;
  2247. border-radius: 5px!Important;
  2248. border:1px solid #bbbbbb;
  2249. color: #bbbbbb !important;
  2250. font-family: Metrophobic!important;
  2251. font-size: 11px;
  2252. letter-spacing: 1px;}
  2253.  
  2254.  
  2255. .dynamic-tab-pane-control .tab-row .tab a{
  2256. border-radius:0px!Important;
  2257. border:1px solid #bbbbbb;
  2258. color: #bbbbbb !important;}
  2259.  
  2260.  
  2261. .dynamic-tab-pane-control .tab-row .tab a:hover {
  2262. color: #bbbbbb !important;
  2263. border-radius: 0px!Important;
  2264. border:1px solid #bbbbbb;}
  2265.  
  2266.  
  2267. /* Hover-Modus */
  2268. .dynamic-tab-pane-control .tab-row .tab a:hover {
  2269. background-color: #ffffff !important; /* Hintergrundfarbe */
  2270. background-image: none !important;
  2271. border-radius: 5px!Important;
  2272. border:1px solid #bbbbbb;
  2273. color: #bbbbbb !important;}
  2274.  
  2275.  
  2276. .dynamic-tab-pane-control .tab-row .tab a{
  2277. border-radius: 5px!Important;
  2278. border:1px solid #bbbbbb;
  2279. color: #bbbbbb !important;}
  2280.  
  2281.  
  2282. .dynamic-tab-pane-control .tab-row .tab a:hover {
  2283. color: #bbbbbb !important;
  2284. border-radius: 5px!Important;}
  2285.  
  2286.  
  2287. .dynamic-tab-pane-control .tab-row .tab a,
  2288. .dynamic-tab-pane-control .tab-row .tab.selected {
  2289. border-color: #bbbbbb;
  2290. border-bottom: 1px solid;
  2291. border-right: none;
  2292. border-left: none;
  2293. border-top: none;
  2294. color: #bbbbbb !important;}
  2295.  
  2296.  
  2297. .dynamic-tab-pane-control .tab-row .tab.selected a {
  2298. background-image: none;
  2299. color: #bbbbbb !important;
  2300. background-image: url("/js/tabpane/css/budino/bg_tab_selected.gif");
  2301. border: 0;
  2302. text-shadow: none;
  2303. padding: 5px 10px 5px 10px;}
  2304.  
  2305.  
  2306. .dynamic-tab-pane-control .tab-row .tab a,
  2307. .dynamic-tab-pane-control .tab-row .tab a:hover {
  2308. color: #bbbbbb!important;
  2309. border-radius: 5px!Important;}
  2310.  
  2311.  
  2312. button, input.button, input.button_long, a.button {
  2313. font-size: 11px;
  2314. font-family: Metrophobic;
  2315. padding: 6px 10px;
  2316. color: #bbb !important;}
  2317.  
  2318.  
  2319. text-decoration: none;
  2320. color: #ffffff!important;}
  2321.  
  2322.  
  2323.  
  2324. /*------------------------------------ Forum -----------------------------------------*/
  2325.  
  2326. #tableForums th {
  2327. text-aligm: center!important;
  2328. font-family: 'Metrophobic'!important;
  2329. font-size: 12px;
  2330. color: #a9a9c5!important;}
  2331.  
  2332.  
  2333. /* Titel Balken */
  2334. table.tableForums th {
  2335. background-image: none;
  2336. background-color: #fff;
  2337. Color: #FFFFFF!important;
  2338. Text-align: center;
  2339. Font-weight: bold;
  2340. Letter-spacing: 1px;
  2341. Text-shadow: 2px 1px 2px #828282;
  2342. Font-family: 'Metrophobic';
  2343. Font-size: 13px;}
  2344.  
  2345.  
  2346. table.tableForums tr:hover {
  2347. background-color: #FFF;
  2348. color: #a9a9c5!important;}
  2349.  
  2350.  
  2351. table.tableForums th {
  2352. border: none;
  2353. background-image: none;
  2354. background: none;
  2355. margin-left: -10px!important;
  2356. margin-top: 6px!important;
  2357. background: none;
  2358. border-bottom: 1px solid #bdbbbb;
  2359. border-right: none;
  2360. color: #a9a9c5!important;}
  2361.  
  2362. table.tableForums tr.sticky {
  2363. background-color: #fff;
  2364. color: #a9a9c5;}
  2365.  
  2366. table.tableForums td h2.sticky {
  2367. background-image: url(http://i.imgur.com/k3BoK35.gif);
  2368. }
  2369.  
  2370.  
  2371. table.tableForums td h2.thread {
  2372. background-image: url(http://i.imgur.com/k3BoK35.gif);}
  2373.  
  2374.  
  2375. table.tableForums td h2.newthread {
  2376. background-image: url(http://i.imgur.com/k3BoK35.gif);}
  2377.  
  2378.  
  2379. table.tableForums td h2.forum {
  2380. background-image: url(images/ico_forum.gif);
  2381. padding-left: 29px;}
  2382.  
  2383.  
  2384. table.tableForums td h2 a {
  2385. text-decoration: none;
  2386. padding: 9px;}
  2387.  
  2388.  
  2389. /* Neues Forum Icon */
  2390. table.tableForums td h2.forum {background-image: url(http://i.imgur.com/k3BoK35.gif);}
  2391.  
  2392.  
  2393. /* Neue Beitraege */
  2394. table.tableForums td h2.forum_new { background-image: url(http://i.imgur.com/k3BoK35.gif);}
  2395.  
  2396. /* fixierte Beitraege */
  2397. table.tableForums td h2.newsticky {
  2398. background-image: url(http://i.imgur.com/k3BoK35.gif);}
  2399.  
  2400.  
  2401.  
  2402. div.forum_postbody_userinfo p[style="padding-top:6px;"] a[href^="/profile/"] {
  2403. display: block;
  2404. padding: 7px !important;
  2405. background-color: #fff;
  2406. width: 80px;
  2407. opacity: 1;
  2408. box-shadow: 2px 2px 2px 2px #ccc;
  2409. overflow: hidden;
  2410. height: auto;
  2411. border: 1px solid #b6a3b6!important;
  2412. padding: 5px;
  2413. box-shadow: 2px 2px 2px #dedede;
  2414. margin-left: -15px;}
  2415.  
  2416.  
  2417. div.forum_postbody_userinfo {
  2418. float: left;
  2419. padding: 47px 18px 37px 27px;
  2420. border-right: 1px solid #ddd;
  2421. background-image: url(http://i.imgur.com/4khXKdB.png);
  2422. background-repeat: repeat-y;
  2423. width: 85px;
  2424. line-height: 16px;
  2425. height: 400px;}
  2426.  
  2427.  
  2428. div.forum_postbody {
  2429. border: 1px solid #DBDBDB;
  2430. padding: 5px;
  2431. margin-bottom: 15px;
  2432. float: left;
  2433. width: 100%;
  2434. background-position: 10px 0;
  2435. background-color: #ffffff;
  2436. box-shadow: 1px 1px 1px 1px #dedede;
  2437. background-image: none;
  2438. margin-left: -7px;}
  2439.  
  2440.  
  2441. div.forum_postbody_content {
  2442. padding: 11px 15px 7px 15px;
  2443. background-color: #fff;
  2444. float: left;
  2445. width: 565px;
  2446. font-size: 12px;
  2447. background-image: none;
  2448. overflow: auto;
  2449. height: 420px;}
  2450.  
  2451.  
  2452. div.forum_postbody_reply {
  2453. margin-right: -7px;
  2454. font-size: 11px;
  2455. float: right;
  2456. text-decoration: none;
  2457. height: 0px;
  2458. margin-top: -30px;}
  2459.  
  2460.  
  2461. div.forum_postbody p {
  2462. margin-top: 15px;}
  2463.  
  2464.  
  2465. ul.forumList li {
  2466. list-style: outside none none;
  2467. padding: 6px 0px 6px 37px;
  2468. margin: 0px;
  2469. background-image: url("http://i.imgur.com/vlZfk7I.gif");
  2470. background-repeat: no-repeat;
  2471. background-position: 0px 8px;
  2472. line-height: 16px;
  2473. color: #a9a9c5!important;}
  2474.  
  2475.  
  2476. ul.forumList {
  2477. list-style: none;
  2478. padding: 0;
  2479. margin-top: 20px!important;
  2480. margin-left: -40px!important;
  2481. clear: both;}
  2482.  
  2483. table.tableForums td {
  2484. border: 0;
  2485. border-bottom: 1px solid #f1f1f1;
  2486. padding: 10px;
  2487. }
  2488.  
  2489. /*------------------------------------ Icons -----------------------------------------*/
  2490.  
  2491. /*Admin Icons*/
  2492.  
  2493. #profileAdminOptions ul li a.edit_user {
  2494. background-image: url(http://icons.iconarchive.com/icons/glyphish/glyphish/16/158-wrench-2-icon.png)!important;
  2495. }
  2496.  
  2497. #profileAdminOptions ul li a.email {
  2498. background-image: url(http://icons.iconarchive.com/icons/glyphish/glyphish/16/18-envelope-icon.png)!important;
  2499. }
  2500.  
  2501. #profileAdminOptions ul li a.set_groups {
  2502. background-image: url(http://icons.iconarchive.com/icons/glyphish/glyphish/16/140-gradhat-icon.png)!important;
  2503. }
  2504.  
  2505. #profileAdminOptions ul li a.edit_permissions {
  2506. background-image: url(http://icons.iconarchive.com/icons/glyphish/glyphish/16/30-key-icon.png)!important;
  2507. }
  2508.  
  2509. #profileAdminOptions ul li a.lock_user {
  2510. background-image: url(http://icons.iconarchive.com/icons/glyphish/glyphish/16/54-lock-icon.png)!important;
  2511. }
  2512.  
  2513. #profileAdminOptions ul li a.delete_user {
  2514. background-image: url(http://icons.iconarchive.com/icons/glyphish/glyphish/16/100-coffee-icon.png)!important;
  2515. }
  2516.  
  2517. #profileAdminOptions ul li a.set_admin {
  2518. background-image: url(http://icons.iconarchive.com/icons/glyphish/glyphish/16/30-key-icon.png);
  2519. }
  2520.  
  2521.  
  2522. #head_icons a span {
  2523. font-size: 10px;
  2524. background-image: url(http://html-color.org/A9A9C5.jpg)!important;
  2525. padding: 1px 5px 1px 5px;
  2526. border: 1px solid #a9a9c5;
  2527. border-width: 0 1px 0 1px;
  2528. color: #ffffff !important;
  2529. border-radius: 5px;
  2530. -moz-border-radius: 10px;}
  2531.  
  2532.  
  2533. #head_icons a {
  2534. text-decoration: none;
  2535. text-align: right;
  2536. background-position: 0 5px;
  2537. display: block;
  2538. float: right;
  2539. height: 13px;
  2540. padding-top: 7px;
  2541. padding-right: 20px;}
  2542.  
  2543.  
  2544. .icon {
  2545. background-repeat: no-repeat;
  2546. background-position: left center;
  2547. padding: 7px 0 5px 25px;}
  2548.  
  2549. a[title="Online!"] > img[src="http://static.yooco.de/templates/core/images/ico_online.gif"] {
  2550. content: url(http://i.imgur.com/KYmkobs.gif)!important;}
  2551.  
  2552.  
  2553. /* Admin Symbol Profil */
  2554. .tab-page .admin_highlight {background-image:
  2555. url(https://31.media.tumblr.com/c993b419bac58622973e76fa5217f907/tumblr_inline_mgx85krEzV1qid2nw.gif);}
  2556.  
  2557.  
  2558. .memberDetails span a img[src="http://static.yooco.de/templates/core/images/ico_online.gif"] {display: none!important;} /* Altes Online Gif ausblenden */
  2559.  
  2560.  
  2561.  
  2562. .memberDetails span a[href="members.html?mode=online"]:before { content: url(http://i.imgur.com/KYmkobs.gif)!important;}
  2563. /* Neues Online Gif */
  2564.  
  2565.  
  2566. /* Altes Admin Gif ausblenden */
  2567. .memberDetails span a img[src="http://static.yooco.de/templates/core/images/ico_small_admin.gif"] { display: none!important;}
  2568.  
  2569.  
  2570. /* Neues Admin Gif */
  2571. .memberDetails span a[href="#"]:before { content: url(http://i.imgur.com/TVAC75z.gif);}
  2572.  
  2573.  
  2574. /* Online Symbol */
  2575. .profileTableOnline {margin-left: 10px; background-image: url('https://68.media.tumblr.com/tumblr_m3j5ft7m0J1qdlkyg.gif')!important;}
  2576.  
  2577.  
  2578. /* Offline Symbol */
  2579. .profileTableOffline {margin-left: 10px; background-image: url('https://68.media.tumblr.com/tumblr_m3j5gesPMg1qdlkyg.gif')!important;}
  2580.  
  2581.  
  2582. /* Anstupsen */
  2583. a.icon.bell {background-image: url('https://68.media.tumblr.com/bda68969ff6b972ab1afae3afa61f54e/tumblr_inline_ntg1x05iZc1rdiyuc_540.png');}
  2584.  
  2585.  
  2586. /* Forenbeitraege */
  2587. a.icon.search {background-image: url(http://i.imgur.com/jtwvfUk.gif);}
  2588.  
  2589.  
  2590. /* Privater Chat */
  2591. a.icon.comment {background-image: url(http://i.imgur.com/7vCR4fI.gif);}
  2592.  
  2593.  
  2594. /* Kommentare */
  2595. a.icon.user_comment {background-image: url(http://i.imgur.com/aQYfAs4.gif);}
  2596.  
  2597.  
  2598. /* Coins */
  2599. a.icon.coins {background-image: url(http://i.imgur.com/gChQVlN.gif)!important;}
  2600.  
  2601.  
  2602. /* GB Eintrag */
  2603. a.icon.report {background-image: url(http://i.imgur.com/dlipe1P.gif) !important;}
  2604.  
  2605.  
  2606. /*GeschenkeShop*/
  2607. a.icon.cake {
  2608. background-image: url(http://i.imgur.com/LbGw2Oz.gif);}
  2609.  
  2610.  
  2611. /* Message */
  2612. a.icon.email {background-image: url(http://i.imgur.com/gn4B2sM.png) !important;}
  2613.  
  2614.  
  2615. /* Freundschaftsanfragen Top */
  2616. a.icon.user_add {background-image: url(http://i.imgur.com/ACTbqaW.png)!important;}
  2617.  
  2618.  
  2619. /* Freundschaftsanfrage Profil */
  2620. a.icon.add2 {background-image: url(http://i.imgur.com/mpWj1XQ.gif)!important;}
  2621.  
  2622.  
  2623. /* Freundschaft beenden */
  2624. a.icon.user_delete {background-image: url(https://68.media.tumblr.com/tumblr_lkqzczzPqm1qi6qow.gif);}
  2625.  
  2626.  
  2627. /* Ignorieren */
  2628. a.icon.delete2 {background-image: url(http://i.imgur.com/TUn51TQ.gif);}
  2629.  
  2630.  
  2631. /* Profil bearbeiten */
  2632. a.icon.vcard_edit {background-image: url(http://i.imgur.com/AIsh4xL.gif);}
  2633.  
  2634.  
  2635. /* Profil ansehen */
  2636. a.icon.vcard.padright {background-image: url(http://i.imgur.com/AIsh4xL.gif);}
  2637.  
  2638.  
  2639. /*Coins im Profil und Rang*/
  2640.  
  2641. .icon.coins { background-image: url(http://i.imgur.com/gChQVlN.gif)!important; }
  2642.  
  2643. a.icon.add2 { background-image: url(http://i.imgur.com/gChQVlN.gif); }
  2644. div.highlight5 table tbody tr td:nth-child(1) img { visibility: hidden!important; }
  2645. div.highlight5 table tbody tr td:nth-child(1) {
  2646. background-image: url(h );
  2647. background-position: left center;
  2648. background-repeat: no-repeat;
  2649. padding: 5px 0 4px 20px;}
  2650.  
  2651.  
  2652.  
  2653. div.ranking_right div#allMembers div.memberList div.memberListItem div.memberInfos div.memberDetails table.profileTable.inverse tbody tr:nth-child(2) td:nth-child(2) img { visibility: hidden!important;}
  2654.  
  2655.  
  2656. div.ranking_right div#allMembers div.memberList div.memberListItem div.memberInfos div.memberDetails table.profileTable.inverse tbody tr:nth-child
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!