Fedora 20 Login

Developer
Woodrow Barlow
Size
14,833 Kb
Views
32,384
  1. Fedora 20 Login Previews
  2. Fedora 20 Login HTML Codes
  3. Fedora 20 Login CSS Codes
  4. Fedora 20 Login JS Codes

How do I make an fedora 20 login?

Re-creating the f20 lock screen. Raise the screen with spacebar or enter, or by clicking and dragging.. What is a fedora 20 login? How do you make a fedora 20 login? This script and codes were developed by Woodrow Barlow on 31 July 2022, Sunday.

Fedora 20 Login Previews
IQ Test

Fedora 20 Login - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Fedora 20 Login</title> <link rel='stylesheet prefetch' href='http://code.ionicframework.com/ionicons/1.5.2/css/ionicons.min.css'>
<link rel='stylesheet prefetch' href='http://fonts.googleapis.com/css?family=Open+Sans:400'> <link rel="stylesheet" href="css/style.css">
</head>
<body> #screen h1 00:00 h3 Monday, January 01 // i don't like this bit -- it's not accessible // i want to find a way to do it in CSS without markup // or maybe make it entirely a jquery animation without markup span.arrow.ion-chevron-up span.arrow.ion-chevron-up span.arrow.ion-chevron-up
#topbar #applications span Applications #clock span Mon 00:00 #controls span#wireless Wireless span#audio Audio span#power Power
#clockmenu div.leftpane div#calendar span.date Monday January 1, 2000 a.prev Previous span.month January a.next Next table tr th S th M th T th W th T th F th S - for (var i = 0; i < 6; i++) tr - for (var j = 0; j < 7; j++) td #{i*7 + j + 1} hr ul li Open Clocks li Date & Time Settings div.rightpane ul li span Today ul li span All Day span Nothing Scheduled li span Tomorrow ul li span All Day span Nothing Scheduled
#controlsmenu ul li label(for="volume") Volume input#volume(type="range", min="0", max="100", value="60") li label(for="brightness") Brightness input#brightness(type="range", min="0", max="100", value="100") hr li#wifimenu.menu span Wi-Fi span Not Connected ul.submenu li span Select Network li span Turn Off li span Wi-Fi Settings li#batterymenu.menu span Battery span Fully Charged ul.submenu li span Power Settings hr li ul#buttons li span#lockbtn Lock li span#sleepbtn Sleep li span#powerbtn Power Off
#loginpanel #usercard #userpic span#username Woodrow Barlow form(action="javascript:void(0);") label(for="password") Password: input#password(type="password") input(type="reset", value="Cancel") input(type="submit", value="Unlock") a#diffuser(href="#") Log in as another user <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Fedora 20 Login - Script Codes CSS Codes

@keyframes scrollminder { 0% { opacity: 0; } 2.5% { opacity: 1; } 5% { opacity: 0; } 100% { opacity: 0; }
}
@-webkit-keyframes scrollminder { 0% { opacity: 0; } 2.5% { opacity: 1; } 5% { opacity: 0; } 100% { opacity: 0; }
}
@-moz-keyframes scrollminder { 0% { opacity: 0; } 2.5% { opacity: 1; } 5% { opacity: 0; } 100% { opacity: 0; }
}
@-o-keyframes scrollminder { 0% { opacity: 0; } 2.5% { opacity: 1; } 5% { opacity: 0; } 100% { opacity: 0; }
}
* { margin: 0; padding: 0; outline: none !important;
}
html, body { height: 100%;
}
body { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3goJDSsdzvaCNwAABZdJREFUWMNtV1uu47gOLJGU5CTdi5mvwd3/jhpIbOtBzYdIRQd9DQQ48XHMRxWLpfDPv/8bqgpVRQgBfqkqiAg5Z9z3DVXF8/nA+/0BEf14NoSAMQaICP4uIsIYipwPlFLQakXKGRgDLILWGigE0BgDwoz9YmaICACg1rqClFLBzPPHRBhjAADGGGi1/gyuCtWB+74RQsDj+ZyFjbES7qqgWita7+umf3rvqxOelP8dY4SqIqe0npEYMSw4MyMQIaWEEAJaa1BVxDiLmkkBRARiZowxICLzhyFAPSELuCeyX+/3GwCQUpqwEAEAWqvfxEQg1vLe9/fNIsmDeJbWbwgz8nGs9u94+/eY0oJh59HQyYfWGlprSDEihIBa6+IKAAQANIB1YydU6x2lFIQQkHNeEDjefvXWUEuBiCCKIOcMhLC4ICK4S1ldde4QBRDz7IBXxMzo9mDOaQW5rgu9dzhhmXkRl0UgxgliRq11FaSq6L1DREAGL4UAEcEYs1hhkUW4WiuO4wAwcN8Fwe75RAQAtbVFQgArYQ+4F+P3HCYAkw+9G+TdpqA1wLC57xutdfTWgBCQUoJagiyCMWZV/uKUElprK0iMcTL9uv4irarisvuT9AKKMU78bKSOnLdgA/d1gayaMQZiTGs6gmEtIuitmVYU9NYgMcInzLkCAPk4VsfHGFOIfDYBoFtlqhPzmNKPNvbeQczIOU+ls8Rfv36tpNh44n+PMfB8vVZnRGRNE4UQEGNcxFlkkzk6PuNiDHfFO88TIRA+54lgRHVuOJkdmpzTUkRixn1dJkwRRESota4ZnT/Ia15LKYCNarPW+ndXvQHgOI6Fu4hsBTUMHZbcLC4fx1JIaq1NplvLcvpmq6pL93vv82NY7kwfY6C1hl+/foGZ59wvCRd0VRtPXoUs/nglAMBEUOvCPjYhhJUAW3X+ApfiWiven896vlrnWGTujZyhqqujAJBTmhxY0khTLp3NyQjmXWDmhbNzxeHzSZia3xHmorEVPfngnfWYdykgF5iJly7sRQTn+UFK8VutBfz9+/ea62g631oDMUO1Q3WKUzd4idgStmmyDj+fz0nCvu3xnytYUEpF7xOzZPL858+fRcTZ8i8pMbCwnl3bIGZZydZS8Pl8Zgf8JbvBUFUcOduL5gvP8/r+3yT4ui6o2kbsHdg25yRnBzMjpYjjOCDCYJN2ABBnZAi0dH22vOMycXISuma4MO17gIigRAtOIkI+DjAzzvNETgnneUKNyPk4UEuZJPQg+2yHQEvlogiCjZ3vDtcMZoaa6IgIsrmg3WPknFCM3N4hV1lRVUTbULPSBmZZ/q33Du0dEiMoAK1/PZ13y8UJGJPZRDg/H/im3Ufdx/a6rnk/5ww2OzZbx6u6ScyZdSkFrX/9YTNBYnPCAFAsuBuUr/mg5ROGjbAnRNd5opQyg6oupRPLvtX2f2346/lcCuhuiYiXMXm9Xstn+n4o941h+8aTJt4ecnfrwUMIiCnh8XhATNG8ejcmwypfuFuln/NEs2dW63NGSglsAkUhTCnuvSMAkBi3bfh1Su/3G2PoNBD2/G7Xl5MmQjQSOox1848O29KbMbCYEYimqTAbppbIGAOv1wvH8cCwpQLjx74PHs8nsrnkfbL2E5PzbE9K3K2wyDSYIgjbYWUK0IneG0TiDECEYJvSZmrpfLfRC1bUD9dkBnWMAQrh2wG2ReItO2xf78cvZlkdmU6H/hImVZ1LyBbRV9T0L+Oq9l5a7di24n3fK5iIzCMWgJzTcju99YWrr+hhle9y7knU7ezoibMfzZxM32r5h3gEAAPAfc8DRkoJA4BqXyO7vL+1vW/nzf34tp8XdIzJgWUiasUY+uM41lpDsyR67zgeD3ze73kYNTicCzsxHWu/tz/jkyQi+A9iys93AT9xIgAAAABJRU5ErkJggg==); color: #fff; font-family: 'Open Sans', Arial, sans-serif; letter-spacing: -0.5px; min-width: 400px;
}
#screen { z-index: +6; width: 100%; height: 100%; background-color: #000; background: url("http://fc02.deviantart.net/fs71/f/2012/062/6/9/egfox_htc_one_wallpaper_hd_by_eg_art-d4rn6vn.jpg"); background-size: cover; background-position: center;
}
#screen h1, #screen h3 { display: block; position: absolute; width: 100%; text-align: center; top: 50%; text-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px; letter-spacing: 0.5px; pointer-events: none;
}
#screen h1 { margin-top: -100px; font-size: 100px;
}
#screen h3 { margin-top: 50px; font-size: 30px;
}
#screen .arrow { position: fixed; display: block; text-align: center; width: 100%; font-size: 100px; opacity: 0;
}
#screen .arrow:nth-of-type(1) { bottom: 10px; -webkit-animation: scrollminder 10s ease 0s infinite; -moz-animation: scrollminder 10s ease 0s infinite; -o-animation: scrollminder 10s ease 0s infinite; animation: scrollminder 10s ease 0s infinite;
}
#screen .arrow:nth-of-type(2) { -webkit-animation: scrollminder 10s ease 0.125s infinite; -moz-animation: scrollminder 10s ease 0.125s infinite; -o-animation: scrollminder 10s ease 0.125s infinite; animation: scrollminder 10s ease 0.125s infinite; bottom: 60px;
}
#screen .arrow:nth-of-type(3) { -webkit-animation: scrollminder 10s ease 0.25s infinite; -moz-animation: scrollminder 10s ease 0.25s infinite; -o-animation: scrollminder 10s ease 0.25s infinite; animation: scrollminder 10s ease 0.25s infinite; bottom: 110px;
}
#screen.selected { margin-top: -100%;
}
#screen.selected * { display: none;
}
#topbar { z-index: +7; position: fixed; top: -5px; left: 0; width: 100%;
}
#topbar:before { z-index: -1; opacity: 0.3; display: block; position: fixed; content: ''; top: 25px; left: 0px; height: 10px; width: 100%; box-shadow: 0 -40px 0 40px #000; border-top-right-radius: 10px; border-top-left-radius: 10px;
}
#topbar #applications { display: none; position: fixed; left: 6px; top: 2px;
}
#topbar #clock { display: none; text-align: center; position: fixed; width: 80px; top: 2px; left: 50%; margin-left: -40px;
}
#topbar #clock.selected { border-bottom: 2px solid #fff; background: radial-gradient(circle 30px at 50% 130%, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0));
}
#topbar #controls { float: right; padding-right: 6px;
}
#topbar #controls > span { font-size: 0; margin-left: 6px; margin-right: 6px;
}
#topbar #controls #wireless:before { font-size: 18px; font-family: 'Ionicons'; content: '\f25c'; vertical-align: middle;
}
#topbar #controls #audio:before { font-size: 20px; font-family: 'Ionicons'; content: '\f259'; vertical-align: middle;
}
#topbar #controls #power:before { font-size: 16px; font-family: 'Ionicons'; content: '\f2cf'; vertical-align: middle;
}
#topbar #controls:after { padding-left: 6px; font-size: 12px; font-family: 'Ionicons'; content: '\f104'; vertical-align: bottom;
}
#topbar #controls.selected { background: radial-gradient(circle 30px at 40% 130%, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0));
}
#topbar #controls.selected:before { display: block; position: fixed; content: ''; top: 23px; right: 0px; height: 10px; width: 85px; border-top: 2px solid #fff; border-top-right-radius: 10px;
}
#clockmenu { z-index: +7; position: fixed; display: none; background: rgba(0, 0, 0, 0.85); width: 600px; left: 50%; top: 45px; margin-left: -150px; border: 2px solid gray; border-radius: 8px; font-size: 15px;
}
#clockmenu:before { content: ''; display: block; width: 25px; height: 15px; position: fixed; top: 32px; left: 50%; margin-left: -12.5px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAPCAYAAAD+pA/bAAAABmJLR0QAgACAAIBEKJNNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3goJFjgCMmKCwQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAACA0lEQVQ4y6WUz2sTQRTHP9tFV5FKaL0k6EWkRWQpCOKlwiBSUZBC/xhPHh7+FV4kpARECRWWJqdihlwUbUsoaEuC1jRgkqqBJGNod63rZRRR2iT2wRzej+/7znfeY2AEE5EbIjI7CsYZoflF4I11r4nIh2FwY0M2PwMsARP2LNnY8QlExAEWgZk/wjPAos0dW8F9YAGg2Wy2W61W28YXbO5Icwfc/i7wGHB6vV4/nU6/3NjY+OT7fsrzvBPATaXUqta6OrICEbkEZIGxKIoOcrncqjEmMsZEuVxuNYqiA4vP2trhFYjIWeAFcCGOYwqFwvrm5ubXX/lOp7Pf7/fN1NRUynGc08CcUiqrtd4fSGAH9xSYBSiXy++LxeLHv+sajYZJJBJuMpmcAM4Bl5VSz7TW8aAnegDMA9Tr9d0gCLYOkx8EwVa9Xt+17rzFHq5ARO4BjwCn2+1+y2Qyr8MwPDhqESqVyq7v+0nP804CSin1Vmv97h8CEbkCFIBTYRh+z2azr9rt9t6gNYyi6EetVvvi+/5513Vd4I5SKtBaf/5NICIJYAVIxXFMPp9fr1ar7WG/kV6vFxpjzPT0dNJxHA+4ZYe+54qICzwHrgOsra1VS6VSjRGt2Wya8fFxJ5VKTQKTwFWl1JMxQIDbADs7O618Pl/hP215ebmyvb3dsO4c8PAnZb/lq+jfN08AAAAASUVORK5CYII=");
}
#clockmenu ul { list-style: none;
}
#clockmenu hr { border: 0; height: 1px; width: 70%; margin: 10px auto; background: linear-gradient(to right, transparent, #4d4d4d, transparent);
}
#clockmenu .leftpane { width: 235px; float: left; border-right: 1px dotted #4d4d4d;
}
#clockmenu .leftpane #calendar { padding: 15px 30px 15px 30px; text-align: center;
}
#clockmenu .leftpane #calendar .date { display: block; margin-bottom: 15px;
}
#clockmenu .leftpane #calendar .prev { font-size: 0; width: 20px; float: left; color: #4d4d4d; border-radius: 3px;
}
#clockmenu .leftpane #calendar .prev:before { font-family: 'Ionicons'; font-size: 20px; content: '\f107';
}
#clockmenu .leftpane #calendar .prev:hover { background-color: gray;
}
#clockmenu .leftpane #calendar .next { font-size: 0; width: 20px; float: right; color: #4d4d4d; border-radius: 3px;
}
#clockmenu .leftpane #calendar .next:before { font-family: 'Ionicons'; font-size: 20px; content: '\f10a';
}
#clockmenu .leftpane #calendar .next:hover { background-color: gray;
}
#clockmenu .leftpane #calendar .month { color: gray;
}
#clockmenu .leftpane table { border-collapse: collapse; width: 100%;
}
#clockmenu .leftpane table tr th { color: gray;
}
#clockmenu .leftpane table tr td { border: 1px solid #4d4d4d; font-size: 15px; height: 25px;
}
#clockmenu .leftpane ul { margin-bottom: 15px;
}
#clockmenu .leftpane ul li { padding: 4px 30px;
}
#clockmenu .leftpane ul li:hover { background-color: #4d4d4d;
}
#clockmenu .rightpane { width: 295px; float: right; padding: 15px 30px;
}
#clockmenu .rightpane > ul > li { margin-bottom: 15px;
}
#clockmenu .rightpane > ul > li span { color: gray;
}
#clockmenu .rightpane > ul > li li { padding-left: 30px;
}
#clockmenu .rightpane > ul > li li span:first-child { color: #fff; margin-right: 15px;
}
#controlsmenu { z-index: +7; display: none; position: fixed; background: rgba(0, 0, 0, 0.85); width: 350px; right: 15px; top: 45px; border: 2px solid gray; border-radius: 8px; font-size: 15px;
}
#controlsmenu:before { content: ''; display: block; width: 25px; height: 15px; position: fixed; top: 32px; right: 40px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAPCAYAAAD+pA/bAAAABmJLR0QAgACAAIBEKJNNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3goJFjgCMmKCwQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAACA0lEQVQ4y6WUz2sTQRTHP9tFV5FKaL0k6EWkRWQpCOKlwiBSUZBC/xhPHh7+FV4kpARECRWWJqdihlwUbUsoaEuC1jRgkqqBJGNod63rZRRR2iT2wRzej+/7znfeY2AEE5EbIjI7CsYZoflF4I11r4nIh2FwY0M2PwMsARP2LNnY8QlExAEWgZk/wjPAos0dW8F9YAGg2Wy2W61W28YXbO5Icwfc/i7wGHB6vV4/nU6/3NjY+OT7fsrzvBPATaXUqta6OrICEbkEZIGxKIoOcrncqjEmMsZEuVxuNYqiA4vP2trhFYjIWeAFcCGOYwqFwvrm5ubXX/lOp7Pf7/fN1NRUynGc08CcUiqrtd4fSGAH9xSYBSiXy++LxeLHv+sajYZJJBJuMpmcAM4Bl5VSz7TW8aAnegDMA9Tr9d0gCLYOkx8EwVa9Xt+17rzFHq5ARO4BjwCn2+1+y2Qyr8MwPDhqESqVyq7v+0nP804CSin1Vmv97h8CEbkCFIBTYRh+z2azr9rt9t6gNYyi6EetVvvi+/5513Vd4I5SKtBaf/5NICIJYAVIxXFMPp9fr1ar7WG/kV6vFxpjzPT0dNJxHA+4ZYe+54qICzwHrgOsra1VS6VSjRGt2Wya8fFxJ5VKTQKTwFWl1JMxQIDbADs7O618Pl/hP215ebmyvb3dsO4c8PAnZb/lq+jfN08AAAAASUVORK5CYII=");
}
#controlsmenu ul { list-style: none;
}
#controlsmenu > ul li { text-align: left; padding: 4px 30px;
}
#controlsmenu > ul > li:first-child { margin-top: 15px;
}
#controlsmenu > ul > li:last-child { margin-bottom: 15px;
}
#controlsmenu > ul > li:not(:last-child):hover { background-color: #4d4d4d;
}
#controlsmenu > ul .menu > span:nth-of-type(1):before { display: inline-block; text-align: center; width: 20px; margin-right: 10px; font-size: 20px; font-family: 'Ionicons';
}
#controlsmenu > ul .menu > span:nth-of-type(2) { float: right; color: gray;
}
#controlsmenu > ul .menu > span:nth-of-type(2):after { display: inline-block; text-align: right; width: 20px; color: #fff; font-size: 12px; font-family: 'Ionicons'; content: '\f10a'; vertical-align: bottom;
}
#controlsmenu > ul .menu.selected { background-color: #343434;
}
#controlsmenu > ul .menu.selected > span:nth-of-type(2):after { content: '\f104';
}
#controlsmenu > ul #wifimenu > span:nth-of-type(1):before { content: '\f25c';
}
#controlsmenu > ul #batterymenu > span:nth-of-type(1):before { content: '\f2cf';
}
#controlsmenu > ul .submenu { display: none; background-color: rgba(32, 32, 32, 0.5); box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4) inset;
}
#controlsmenu > ul .submenu li:hover { background-color: #4d4d4d;
}
#controlsmenu ul hr { border: 0; height: 1px; width: 70%; margin: 15px auto; background: linear-gradient(to right, transparent, #4d4d4d, transparent);
}
#controlsmenu #buttons { text-align: center;
}
#controlsmenu #buttons li { padding: 4px 30px; display: inline;
}
#controlsmenu #buttons li:first-child { padding-left: 0;
}
#controlsmenu #buttons li:last-child { padding-right: 0;
}
#controlsmenu #buttons span { font-size: 0;
}
#controlsmenu #buttons span:before { display: inline-block; width: 40px; height: 40px; border: 1px solid gray; border-radius: 50%; font-family: 'Ionicons'; font-size: 20px; vertical-align: middle;
}
#controlsmenu #buttons span:hover:before { background-color: gray;
}
#controlsmenu #buttons #lockbtn:before { content: '\f200';
}
#controlsmenu #buttons #sleepbtn:before { font-size: 30px; content: '\f1b2';
}
#controlsmenu #buttons #powerbtn:before { content: '\f2a9';
}
#controlsmenu label { display: inline-block; font-size: 0; width: 30px; height: 25px;
}
#controlsmenu label[for="volume"]:before { font-size: 25px; font-family: 'Ionicons'; content: '\f259';
}
#controlsmenu label[for="brightness"]:before { font-size: 25px; font-family: 'Ionicons'; content: '\f1e4';
}
#controlsmenu input[type="range"] { width: 255px; -webkit-appearance: none; vertical-align: middle; transform: translateY(-4px);
}
#controlsmenu input[type="range"]::-webkit-slider-runnable-track { height: 4px; background: #343434; border: 1px solid #5a5a5a;
}
#controlsmenu input[type="range"]::-moz-range-track { height: 2px; background: #343434; border: 1px solid #5a5a5a;
}
#controlsmenu input[type="range"]::-ms-track { height: 2px; background: #343434; border: 1px solid #5a5a5a; color: transparent;
}
#controlsmenu input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 12px; width: 12px; border-radius: 50%; background-color: #fff; margin-top: -5px;
}
#controlsmenu input[type="range"]::-moz-range-thumb { border: none; height: 12px; width: 12px; border-radius: 50%; background-color: #fff; margin-top: -5px;
}
#controlsmenu input[type="range"]::-ms-thumb { border: none; height: 12px; width: 12px; border-radius: 50%; background-color: #fff; margin-top: -5px;
}
#controlsmenu input[type=range]::-ms-fill-lower { background-color: #4d78aa;
}
#loginpanel { z-index: -1; position: absolute; top: 50%; left: 50%; width: 325px; height: 300px; margin: -150px 0 0 -162.5px;
}
#loginpanel #usercard #userpic { display: inline-block; width: 60px; height: 60px; border: 2px solid gray; border-radius: 2px; vertical-align: middle; margin-right: 15px;
}
#loginpanel #usercard #userpic:before { display: block; width: 60px; height: 60px; font-family: 'Ionicons'; font-size: 60px; text-align: center; content: '\f213';
}
#loginpanel #usercard span { font-size: 20px; text-shadow: #000 0px 3px 3px;
}
#loginpanel form { margin-top: 25px; margin-bottom: 120px;
}
#loginpanel form label[for="password"] { display: block; font-size: 14px; margin-bottom: 10px;
}
#loginpanel form input[type="password"] { display: block; width: 305px; /* 20px less than 100% to account for padding */ height: 30px; border-radius: 5px; border: 2px solid gray; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0.1)); margin-bottom: 60px; padding: 0 10px; font-size: 25px; letter-spacing: 3px; color: rgba(0, 0, 0, 0.25);
}
#loginpanel form input[type="password"]:not(:focus):hover { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.15));
}
#loginpanel form input[type="password"]:focus { background: linear-gradient(to bottom, gray, white); border: 2px solid #4d78aa; color: black;
}
#loginpanel form input[type="reset"], #loginpanel form input[type="submit"] { width: 80px; height: 30px; border-radius: 5px; background: transparent; color: #fff;
}
#loginpanel form input[type="reset"] { float: left; background: linear-gradient(to bottom, rgba(128, 128, 128, 0.5), transparent); border: 1px solid gray;
}
#loginpanel form input[type="reset"]:hover, #loginpanel form input[type="reset"]:focus { background: linear-gradient(to bottom, rgba(192, 192, 192, 0.5), transparent);
}
#loginpanel form input[type="reset"]:active { background: linear-gradient(to top, rgba(192, 192, 192, 0.5), transparent);
}
#loginpanel form input[type="submit"] { float: right; background: linear-gradient(to bottom, #5c85b5, #2d4664); border: 1px solid #1d2e41;
}
#loginpanel form input[type="submit"]:hover, #loginpanel form input[type="submit"]:focus { background: linear-gradient(to bottom, #6d92bd, #355375);
}
#loginpanel form input[type="submit"]:active { background: linear-gradient(to top, #6d92bd, #355375);
}
#loginpanel #diffuser { display: inline-block; clear: both; cursor: default; text-decoration: none; font-size: 14px; color: #676767;
}
#loginpanel #diffuser:hover { color: #fff;
}

Fedora 20 Login - Script Codes JS Codes

$('#clock').click(function() { $(this).toggleClass('selected'); $('#clockmenu').fadeToggle(100);
});
$('#controls').click(function() { $(this).toggleClass('selected'); $('#controlsmenu').fadeToggle(100);
});
$('.menu').click(function() { $(this).toggleClass('selected'); $(this).next().slideToggle(200);
});
$('#loginpanel input[type="reset"]').click(function() { lowerScreen();
});
$(window).keypress(function(e) { if(!$('#screen').hasClass('selected')) { raiseScreen(); var ch = String.fromCharCode(e.keyCode); if (ch != ' ' && ch != '\n') { $('#password').append(ch); } }
});
$('#screen').mousedown(function(e) { var clicked = true; $('#screen').css('transition', 'none'); $('#screen *').fadeOut(0); var orig_y = e.pageY; $(this).on("mouseup", function(e) { clicked = false; $('#screen').css('transition', 'margin 0.5s ease-in'); if( e.pageY < 100 ) { $(this).css('margin-top', '-100%'); raiseScreen(); } else { $(this).css('margin-top', '0'); lowerScreen(); } }); $(this).on("mousemove", function(e) { if(clicked) { var new_y = e.pageY; if(new_y - orig_y < 0) $(this).css('margin-top', (new_y - orig_y)); else $(this).css('margin-top', '0'); } });
});
function raiseScreen() { $('#screen').css('transition', 'margin 0.5s ease-in'); $('#screen').addClass('selected'); $('#password').focus(); $('#clock').fadeIn(1000);
}
function lowerScreen() { $('#screen').css('transition', 'margin 0.5s ease-in'); $('#screen').removeClass('selected'); $('#screen *').fadeIn(0); $('#screen').focus(); $('#clock').fadeOut(1000);
}
function updateClock() { var monthNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ]; var dayNames = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]; var t = new Date(); var hour = t.getHours(); var min = t.getMinutes(); var wkday = dayNames[t.getDay()]; var year = t.getYear() + 1900; var month = monthNames[t.getMonth()]; var day = t.getDate(); $('#screen h1').text((hour<10? "0" + hour : hour) + ":" + (min<10? "0" + min : min)); $('#screen h3').text(wkday + ", " + month + " " + (day<10? "0" + day : day)); $('#clock span').text(wkday.substring(0, 3) + " " + (hour<10? "0" + hour : hour) + ":" + (min<10? "0" + min : min)); $('#calendar .date').text(wkday + " " + month + " " + (day<10? "0" + day : day) + ", " + year);
}
function updateCalendar() { var monthNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ]; var dayNames = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]; var t = new Date(); var year = t.getYear() + 1900; var month = monthNames[t.getMonth()]; var day = t.getDate(); var monthLengths = [31, year%4==0? 29:28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; var mOffset = new Date(year + "-" + t.getMonth + "-01").getDay(); var mLength = monthLengths[t.getMonth]; $('#calendar .month').text(month); var dayCount = 1; for(var i=0; i<6; i++) { for(var j=0; j<7; j++) { var sqIdx = i*7 + j; if(sqIdx >= mOffset && sqIdx < mLength+mOffset) { $('#calendar tr:nth-of-type(' + (i+2) + ') td:nth-of-type(' + (j+1) + ')').text(dayCount++); } } }
}
$('#screen').focus();
//updateCalendar();
updateClock();
setInterval(function() { updateClock() }, 1000);
Fedora 20 Login - Script Codes
Fedora 20 Login - Script Codes
Home Page Home
Developer Woodrow Barlow
Username wbarlow
Uploaded July 31, 2022
Rating 3
Size 14,833 Kb
Views 32,384
Do you need developer help for Fedora 20 Login?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Woodrow Barlow (wbarlow) Script Codes
Name
CSS-Only 12-digit UPC-A Barcode Generator
Partial Input Masking
Card Stack Loading Animation
Text Animation
Gnome 3 Web
Github Octocat SVG
Card Game Showcase
The Lounge - A Mafia Game
CSS-Tricks Header
Parallax Scroll Prototype
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!