/**======================================================================== * ? ABOUT * @author : 8lackMask * @email : blackcodymask@gmail.com * @store : https://blackmask.codychat.store/ * @product : Remix (theme) * @version : 1.0 *========================================================================**/ /* custom font */ @import url('./font/Roboto.c'); /* general colors */ a {color:#0EFFFF;} body{font-family:'Roboto',sans-serif;background:#000000;color:#0EFFFF} button { background:transparent; text-shadow:3px 3px 3px #000000;font-weight:bold;font-size:16px;color:#0EFFFF;} input,textarea,.post_input_container{background:radial-gradient(circle farthest-corner at center, #000000 30%, #000000 100%);color:#FFFF00; border: 3px solid transparent; border-image: rgb(9,89,0); border-image: radial-gradient(circle farthest-corner at center, #38BFFF 80%, #00041C 100%); border-image-slice: 1;font-family:'Roboto',sans-serif,'FontAwesome';border:px solid #38BFFF;!important;color:color:#0EFFFF;} .setdef { color:#0EFFFF; } /* cookie box */ .cookie_wrap { background:#333; color:#0EFFFF; } /* item with background no effect */ .bback { background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%); radial-gradient(circle farthest-corner at center, #38BFFF 80%, #00041C 100%); } /* item with background no effect with border */ .bbackb { background:rgb(255,255,255,0.05); border:1px solid rgb(255,255,255,0.08); } /* item with no background and hover effect */ .bhover:hover { background:rgb(); } /* item with background and hover effect */ .bbackhover { background:rgb(37 2 217 / 32%); } .bbackhover:hover { background: #1605FF; } /* item width background and hover effect with a border */ .bbackhoverb { background: #1605FF; } .bbackhoverb:hover { background:rgb(255,255,255,0.3); border:1px solid rgb(255,255,255,0.05); } /* item with no background with line separator and hover effect */ .blisting { border-bottom: 1px solid #38BFFF; } .blisting:hover { background: radial-gradient(circle, rgba(56,191,255,0.4458158263305322) 0%, rgba(0,0,0,1) 100%); } /* item with no background with line separator */ .blist { border-bottom: 1px solid rgb(255,255,255,0.03); } /* private panel top */ .back_ptop{background: radial-gradient(circle, rgba(56,191,255,0.4458158263305322) 0%, rgba(0,0,0,1) 100%); border-image-slice: 1;color:#0EFFFF;text-shadow:3px 3px 3px #000000;font-weight:bold;} /* page menu & page sub menu */ .bpmenu:hover { background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%); } .bsub { background: #000000; } .bsub:hover { background: #1605FF; } /* sub menus for card, logs, wall, news */ .bmenu, .submenu { border-bottom:1px solid #38BFFF; } .bmenu:hover, .submenu:hover { background: #38BFFF; } /* box shadow */ .bshadow, .page_element, .float_menu, .btnshadow, .pboxed { box-shadow:-1px 1px 20px 1px #38BFFF;); } /* main item selected for panel and box */ .bselected { background:rgb(255,255,255,0.08); } /* reg menu selected item */ .rselected { background:rgb(255,255,255,0.08); } /* page selected */ .pselected { color:#FFA500; } /* current item selected selected */ .cselected, .liked { background:rgb(255,255,255,0.08); } /* paginate item selected */ .pag_btn { background:rgb(255,255,255,0.05); } .pagselected, .pag_btn:hover { background:rgb(255,255,255,0.1); } /* count and gold tag */ .gtag { background:#3b6cff; border:1px solid rgb(255,255,255,0.05); } /* border color for separator and items border */ .bborder {} border-image: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%); border-image-slice: 1;} .tborder { border-top:1px solid rgb(123,134,171,0.149); } .lborder, .ppanel { border: 3px solid transparent; border-image: rgb(9,89,0); border-image: radial-gradient(circle farthest-corner at center, #38BFFF 80%, #00041C 100%); border-image-slice: 1; } .rborder { border-right:1px solid rgb(123,134,171,0.149); } .fborder { border:1px solid rgb(123,134,171,0.149); } /* float top color */ .float_top,.float_ctop { border-bottom:1px solid #38BFFF;); } /* headers, footer and top modal colors */ .bhead,.bfoot{background: radial-gradient(circle farthest-corner at center, #000000 100%, #00041C 100%) ;color:#0EFFFF} .modal_top,.pro_top { background:#030f31; color:#0EFFFF; } .foot{background:#;border-top:px solid rgb();color:#0EFFFF} /* background major element panel, page menu, float menu, modal, chat boxes */ #intro_chat,.backglob{background:#010922 url('https://treffpunkt.magic-hit-radio.de/hintergrund-chat-mhr.png');background-repeat:no-repeat;background-position:center;background-size:cover} #intro_chat,.backgloblogin{background:#010922 url('');background-repeat:no-repeat;background-position:center;background-size:cover} .back_chat{background-color: rgba(0, 0, 0, 0.25);} .back_priv{background:#010922 url('https://treffpunkt.magic-hit-radio.de/chat_bild.jpg');background-repeat:no-repeat;background-position:center;background-size:cover} .back_panel{background-color: rgba(0, 0, 0, 0.25);} .back_pmenu{background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);border: 3px solid transparent; border-image: rgb(9,89,0); border-image: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%); border-image-slice: 1;} .back_input{background-color: #000000aa;border: 3px solid transparent; border-image: rgb(9,89,0); border-image: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%); border-image-slice: 1;);border-top:1px solid rgb(255,255,255,.05)} .back_modal{ background: #020617 !important; color: #7fdcff !important;font-family: 'Orbitron', Arial, sans-serif;text-shadow: 0 0 6px #0a84ff;box-shadow: 0 0 5px #0a84ff,0 0 15px #0a84ff; border: 2px solid #0a84ff !important;border-radius: 14px !important; border-image-slice: 1} .page_element,.back_quote,.back_menu,.back_box{font-size:18px;font-weight:bold;text-shadow:3px 3px 3px #000000;background-color: #000000; }@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.acav,.avatar_private,.avav,.chat_avatar{-webkit-animation:rotate-center .6s ease-in-out both;animation:rotate-center .6s ease-in-out both}.orti{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.tick{padding-left:5px;color:#318815;display:inline-block}.double{margin-left:-7px;color:#5a81ff}.user-179 .bustate{text-transform:uppercase;font-size:10px;background:linear-gradient(to right,#6a5006 10%,#fff 50%,#05344c 60%);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textclip 4s linear infinite;display:inline-block;font-weight:700}@keyframes textclip{to{background-position:200% center}} /* main theme color */ .theme_color { color:#; } .default_color { color:#274293; } .error { color:#d81818; } .success { color:#74b20e; } .warn { color:#f5a91e; } /* button colors */ .theme_btn, .back_theme { radial-gradient(circle farthest-corner at center, #38BFFF 80%, #00041C 100%); border:2px solid #38BFFF;font-size: 14px; color:#0EFFFF; } .default_btn, .back_default { border: 2px solid #00c8ff; border-radius: 25px; background: #00000aa;background: #00000aa;box-shadow: 0 0 6px #00c8ff, 0 0 12px #00c8ff;background: #00000aa;} .defaultd_btn { background:#444; color:#fff; } .ok_btn { border: 2px solid #00c8ff; border-radius: 25px; background: #00000aa;background: #00000aa;box-shadow: 0 0 6px #00c8ff, 0 0 12px #00c8ff;background: #00000aa;} .warn_btn { background:#f5a91e; color:#fff; } .delete_btn { background:#ac3737; color:#fff; } .send_btn { color:#0EFFFF; } /* default username color */ .user { color:#0EFFFF; } /* chat system messsage text color */ .chat_system { color:#0EFFFF; } /* opacity for offline users in list */ .offline { opacity:0.5; } /* menu icon */ .menui { color:#0EFFFF; } .subi { color:#0EFFFF; } /* wall reply background */ .reply_item { background:#0a1b4d; } /* main post item option wall and news */ .main_post_item { color:#7b87a8; } /* input option background colors */ .input_item { color:#0EFFFF; } /* private log bubble colors */ .target_private, .hunt_quote {color:#8EE5EE;text-shadow:3px 3px 3px #000000;font-weight:bold;font-size:18px;font-family: Georgia; background-color: #000000aa;border: 0px solid #38BFFF;border-radius: 10px;box-shadow: 2px 2px 9px #38BFFF;} .hunter_private, .targ_quote {color:#8EE5EE;text-shadow:3px 3px 3px #000000;font-weight:bold;font-size:18px;font-family: Georgia; background-color: #000000aa;border: 0px solid #38BFFF;border-radius: 10px;box-shadow: 2px 2px 9px #38BFFF;} /* quote in chat background color */ .cquote { background:rgb(255,255,255,0.08) !important; } .cqname { color:#fff; } .cqmess { color:#bbb; } /* tab menu */ .tab_menu{background:#030f31;box-shadow:0 1px 3px rgb(0,0,0,.4)} .tab_selected { background:rgb(255,255,255,0.05); } /* modal menu */ .modal_mback { background: #000000;border: 3px solid transparent; border-image: rgb(9,89,0); border-image: radial-gradient(circle farthest-corner at center, #38BFFF 80%, #00041C 100%); border-image-slice: 1;} .modal_mborder { border-bottom: 1px solid rgb(255,255,255,0.08); } .modal_selected { background:rgb(41 0 255 / 75%); } /* back transparency background for modal box */ .modal_back { background-color:rgba(0,0,0,0.6); } /* chat logs */ .log2 { background:rgb(255,255,255,0.01); } .topic_log{border: 3px solid transparent; border-image: rgb(9,89,0); border-image: radial-gradient(circle farthest-corner at center, #38BFFF 30%, #00041C 100%); border-image-slice: 1;color:#0EFFFF;margin:5px auto;border-radius:4px;width:95%;max-width:1000px;} .chat_log:not(:last-child){border-bottom:0px dashed rgb()} .sys_log { } /* upload progress */ .bprogress { background:#74b20e; color:#fff; } /* notification colors */ .bnotify { background:#d81818; color:#fff; } .foot_notify, .head_notify { border:1px solid #fff; } /* date colors */ .sub_date,.sub_chat,.sub_priv{font-weight:500;color:#0EFFFF;border: px solid transparent; border-image: rgb(9,89,0); border-image: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%); border-image-slice: 1;); border-image-slice: 1;} /* secondary text color */ .sub_text, .list_mood { color:#0EFFFF; font-weight:bold;font-family: 'Orbitron';font-size: 13x;} /* profile likes */ .plikes { background-color:rgba(100,100,100,0.2); color:#fff; } /* spinner color */ .bspin { color:rgb(255,255,255,0.3); } /* special chat item */ .my_notice { color:#0EFFFF;font-weight:bold;font-family:Sansita;font-size: 18px;background: radial-gradient(circle, rgba(56,191,255,0.4458158263305322) 0%, rgba(0,0,0,1) 100%); border-image-slice: 1;text-shadow:3px 3px 3px #000000; } .system_text { background:rgb(255,255,255,0.05); color:#888; } /* outside pages background */ .back_page { background:#111; color:#fff; } /* video background color */ .post_video { background:rgb(0,0,0,1); } /* slider */ .boom_slider .ui-widget-content { background: #fff; } .boom_slider .ui-state-default { background: #3b6cff !important; } .boom_slider .ui-state-active { background: #2a5cf1 !important; } .boom_slider .ui-slider-range { background:#3b6cff; } /* select input color */ .selectboxit-list,.selectboxit-btn{background-color:#;border:1px solid rgb(123,134,171,.149);color:#fff} .selectboxit-list .selectboxit-focus .selectboxit-option-anchor{background-color:rgb(255,255,255,.08);color:#fff} .selectboxit-default-arrow{border-top:4px solid #bbb} .selectboxit-btn.selectboxit-enabled:hover,.selectboxit-btn.selectboxit-enabled:focus,.selectboxit-btn.selectboxit-enabled:active{background:#000000;box-shadow:inset 0 0 30px rgb(0,0,0,.439);font-size:18px;color:#0EFFFF} .selectboxit-options{background:#0a1b4d;color:#fff} .selectboxit-list .selectboxit-option-anchor{color:#bbb} /* custom */ .modal_in { border:1px solid rgb(255,255,255,0.01); } /* responsive */ @media screen and (max-width: 1200px){ .back_panel,.back_pmenu{background:rgb(0,8,30,0.90)} } /* Start https://treffpunkt.magic-hit-radio.de/ */ * {cursor: url(https://treffpunkt.magic-hit-radio.de/pfeile/cur1054.cur), auto !important;} /* End https://treffpunkt.magic-hit-radio.de/*/ /* ganz unten in deiner style.css */ * ::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { background-color: Transparent; } ::-webkit-scrollbar-thumb { background-color: white; background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%); border-width: 1px; border-color: #38BFFF; border-style: double; border-radius: 2px; } ::-webkit-scrollbar-thumb:hover { background-color: white; background: radial-gradient(circle farthest-corner at center, #38BFFF 00%, #00041C 100%); border-width: 1px; border-color: #38BFFF; border-style: double; border-radius: 2px; } nav { background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%); border-radius:0px; border:px solid #FF8800; cursor:pointer; display:inline-block; cursor:pointer; color:#8EE5EE; text-shadow:3px 3px 3px #000000; font-family: Georgia; font-size:18px; font-weight:bold; padding:0px 0px; float: center; margin-left: auto; margin-right: auto; } nav li { float: none; margin: 0.1em; width: 12em; } nav a { display: block; padding:0px 0px; text-decoration: none; color: #0EFFFF; text-shadow:3px 3px 3px #000000; font-weight: bold; background: radial-gradient(circle farthest-corner at center, #38BFFF 30%, #00041C 100%); border: 3px solid transparent; border-image: rgb(9,89,0); border-image: radial-gradient(circle farthest-corner at center, #38BFFF 80%, #00041C 100%); border-image-slice: 1; box-shadow:1px 2px 20px 0px #; background-color: #000000aa; } nav a:focus, nav a:hover, .nav a:hover { color: #0EFFFF; text-shadow:3px 3px 3px #000000; background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%); border: 3px solid transparent; border-image: rgb(9,89,0); border-image: radial-gradient(circle farthest-corner at center, #38BFFF 80%, #00041C 100%); border-image-slice: 1; } .chatclock { float: none; margin: 0.1em; width: 6em; background: radial-gradient(circle farthest-corner at center, #38BFFF 30%, #00041C 100%); border: 3px solid transparent; border-image: radial-gradient(circle farthest-corner at center, #38BFFF 80%, #00041C 100%); border-image-slice: 1; display:inline-block; cursor:pointer; color:#0EFFFF; font-family: Kimberly,verdana,sans-serif; font-size:18px; font-weight:bold; padding:2px 2px; text-decoration:none; text-shadow:3px 3px 3px #000000; margin-left: auto; margin-right: auto; } .chatnews { background-color: rgba(0, 0, 0, 0.50); border: 3px solid transparent; border-image: rgb(9,89,0); border-image: radial-gradient(circle farthest-corner at center, #38bfff 80%, #00041C 100%); border-image-slice: 1; display:inline-block; cursor:pointer; color:#0EFFFF; font-family: Kimberly,verdana,sans-serif; font-size:18px; font-weight:bold; padding:2px 2px; text-decoration:none; text-shadow:3px 3px 3px #000000; margin-left: auto; margin-right: auto; } .img_modifiziert{ transition: transform 1s; } .img_modifiziert:hover { transform: scale(1.5); }