<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<style>
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
.entry div {
position: absolute;
left: 50%;
top: 50%;
}
.entry div::before, .entry div::after {
display: block;
content: "";
position: absolute;
}
#key div {
width: 80px;
height: 100px;
margin-left: -180px;
margin-top: -70px;
border: 15px solid #fdf1cd;
border-radius: 50%;
box-shadow: -3px -3px 0px 3px #fefffa, -4px -4px 1px 3px #c68628, -6px -5px 0px 4px #feedac, 3px 2px 0px 3px #fdf1cd, 7px 5px 3px 3px #2e1f07, 10px 7px 0px 3px #c68628, inset 4px 3px 3px #2e1f07, inset 7px 5px 0px #c68628, inset 9px 7px 2px rgba(0,0,0,0.4), inset 12px 10px 3px rgba(0,0,0,0.2), inset -2px -2px 0px #fefffa, 12px 8px 3px 3px rgba(0,0,0,0.4), 15px 12px 3px 3px rgba(0,0,0,0.2);
}
#key div::before {
width: 250px;
height: 30px;
left: 85px;
top: 35px;
background-image: linear-gradient(to bottom, #f8d675 3%, #f8d675 7%, #2e1f07 11%, #2e1f07 16%, #fefffa 23%, #fefffa 50%, #2e1f07 57%, #2e1f07 70%, #feedac 84%, #feedac 97%, #c68628 99%);
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
border-left: 1px solid #fefffa;
border-right: 1px solid #f8d675;
box-shadow: -1px 0px 0px #c68628, 1px 0px 0px #2e1f07, 2px 0px 0px #c68628, 5px 4px 2px -1px rgba(0,0,0,0.4), 11px 9px 4px rgba(0,0,0,0.2);
}
#key div::after {
width: 40px;
height: 40px;
top: 30px;
left: 112px;
background-image: linear-gradient(to bottom, #f8d675 3%, #f8d675 7%, #2e1f07 11%, #2e1f07 16%, #fefffa 23%, #fefffa 45%, #2e1f07 52%, #2e1f07 65%, #feedac 80%, #feedac 97%, #c68628 99%);
box-shadow: -1px 0px 1px #fefffa, 1px 0px 0px #f8d675, 2px 0px 0px #c68628, 3px 3px 2px rgba(0,0,0,0.2), 170px 37px 0px 4px #f8e6b3, 169px 37px 0px 4px #fefffa, 170px 34px 0px 4px #2e1f07, 171px 39px 2px 4px #2e1f07, 172px 40px 0px 5px #d69941, 174px 43px 3px 4px rgba(0,0,0,0.4), 178px 45px 4px 4px rgba(0,0,0,0.2);
}
.entry {
text-align: center;
min-height: 400px;
position: relative;
}
/* @media all and (min-width:960px) */
.entry {
float: left;
width: 50%;
}
/* @media all and (min-width:960px) */
.wide.entry {
width: 100%;
}
#key {
background: #f7f7f7;
}
body {
line-height: 1;
}
.cf::before, .cf::after {
content: " ";
display: table;
}
.cf::after {
clear: both;
}
</style>
</head>
<body class="cf"><div class="entry wide" id="key"><div></div></div></body>
</html>
|
גירסת הדפסה
סגן המנהל
מפקח
Winner
צל"ש
מומחה
