/* #################################################################################### */ /* ##### + + + pages css imported ##################################################### */ /* #################################################################################### */ @import url('animate.css'); @import url('multiple.css'); @import url('hover.css'); @import url('owl.css?version=2.0.0'); @import url('selectbox.css?version=2.0.0'); @import url('pageload.css'); @import url('pagetransitions.css'); @import url('rawline.css?version=2.0.0'); @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); @import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans|Rokkitt|Source+Code+Pro|Titillium+Web&display=swap&subset=latin-ext'); /* #################################################################################### */ /* ##################################################### / / / pages css imported ##### */ /* #################################################################################### */ /* ##### general css */ ul, li, div, a, img, table, tr, td, input, textarea, select { box-sizing: border-box; outline:none; } a, a:link, a:hover { cursor:pointer; } ::-webkit-input-placeholder { color:#333; } ::-moz-placeholder { color:#333; } :-ms-input-placeholder { color:#333; } :-moz-placeholder { color:#333; } input, textarea { outline:none; } select { padding: 10px; margin: 0; color:#000; border:#dfdfdf 1px solid; -webkit-appearance:none; /* remove the strong OSX influence from Webkit */ } body { background:#f4f6fc; color:#333; font:400 14px 'rawline', sans-serif; line-height:20px; margin:0; overflow-x:hidden; padding:0; } .transeffect { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .img-responsive { width:auto; } .DNone { display:block; } .col-lg-1_5 { width:20%; padding:0 15px; } hr { border:none; border-top:#dfdfdf 1px solid; } a { color:#666; font:500 13px 'rawline', sans-serif; cursor:pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } a:hover { color:#333; text-decoration:underline; cursor:pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } a:active { text-decoration:none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } a:before { cursor:pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .ta-left { text-align:left; } .ta-right { text-align:right; } .ta-center { text-align:center; } body, html { height: 100%; } #LoginLoading, #LoginSuccess, #LoginError, #loginAuth, #LoginBanned, #sifremiUnuttum, #LoginSuccessSU, #LoginErrorSU, #LoginLoadingSU { display:none; } #LoginLoading h4, #LoginSuccess h4, #LoginError h4, #loginAuth h4, #LoginBanned h4, #sifremiUnuttum h4, #LoginSuccessSU h4, #LoginErrorSU h4, #LoginLoadingSU h4 { margin-top:0; } .login_bg a { width:100%; height:100%; display:block; cursor:auto; } .loginArea { width:100%; min-height:100px; } .loginArea img.logo { } .loginArea input[type=text], .loginArea input[type=password]{ width:100%; border:none; display:block; outline:none; margin:15px 0 0 0; background:#f0f1f5; color:#333; padding:15px; border-radius:5px; } .loginArea input[type=submit] { margin:15px 0 8px 0; padding:10px 15px; border:none; outline:none; border-radius:5px; background:#f01e28; color:#fff; font:500 14px 'rawline', sans-serif; } .loginArea input[type=submit]:hover { background:#cc0000; color:#fff; } .loginArea hr { width:50%; clear:both; display:inline-block; margin:10px 0; } .loginArea a { color:#000; font:300 13px 'rawline', sans-serif; } .loginArea a:hover { color:#f01e28; } .DE_LoginLeft { width:100%; max-width:400px; height:100% !important; padding:50px; background:#fff; position:absolute; display: flex; align-items: center; z-index:100; box-shadow: rgba(17, 12, 46, 0.15) 0 48px 100px 0; border-bottom-right-radius:10px; border-top-right-radius:10px; } .DE_LoginRight { width:calc(100% - 370px); height:100% !important; padding:0; background:#dfdfdf; background-position: left center; background-size: cover; position:absolute; z-index:99; margin-left:380px; } .radyumAsistanCopyright { bottom: 0; left:0; padding:10px; width:400px; position: fixed; z-index: 6666; border-radius:5px; background:#f2f4fa; text-align:left; color:#ee1d24; font:500 11px 'rawline', sans-serif; } .radyumAsistanCopyright a { color:#333; text-decoration:none; font:500 18px 'rawline', sans-serif; margin:0; padding:0; } @keyframes flicker { 0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { text-shadow: -0.2rem -0.2rem 1rem #fff, 0.2rem 0.2rem 1rem #fff, 0 0 2rem var(--neon-text-color), 0 0 4rem var(--neon-text-color), 0 0 6rem var(--neon-text-color), 0 0 8rem var(--neon-text-color), 0 0 10rem var(--neon-text-color); box-shadow: 0 0 .5rem #fff, inset 0 0 .5rem #fff, 0 0 2rem var(--neon-border-color), inset 0 0 2rem var(--neon-border-color), 0 0 4rem var(--neon-border-color), inset 0 0 4rem var(--neon-border-color); } 20%, 24%, 55% { text-shadow: none; box-shadow: none; } } @media only screen and (min-width : 0px) and (max-width : 700px) { .radyumAsistanCopyright { width:100%; } .DE_LoginLeft { width:100%; max-width:400px; height:100% !important; padding:0 50px; background:#fff; float:left; display: flex; align-items: center; } .DE_LoginRight { display:none; } }