Top
My Views
  • el{ box-sizing: content-box; } .header{ padding:0; margin:0 auto; } .asterisk1 { position:absolute; top:520px; right:414px; } .asterisk2 { position:absolute; top:475px; right:414px; } #header1{ margin-top:50px; } body{ /*background-color:#f57914;*/ background-color:#FFF; margin-bottom:0; } #container { width:680px; margin:22px auto; padding:0; background: #2d4259; } #container h1{ font-size:25px; color:#FFF; font-family: 'PT Sans Narrow', sans-serif; } #content { width:680px; height:auto; margin:0; padding:0; background:url(http://s.blanja.com/picspace/-1/-1/680.206_b21587d123a14ad58e74a48c0b67a0f3.jpg) repeat; } .bgcontent{ background:#ff9933; width:0px; height:auto; margin:0; padding:0; } #header1{ margin:0; padding:0; } #header2{ margin:0; padding:0; } #sidebar { float:left; width:340px; left: 450px; top: 5px; } body { line-height: 1; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } .footer{ margin-top:-30px; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } body { font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #FFF; /*background: #2d4259;*/ } .register-title { width: 270px; line-height: 43px; margin: 20px auto; font-size: 19px; font-weight: 500; color: white; color: rgba(255, 255, 255, 0.95); text-align: center; text-shadow: 0 1px rgba(0, 0, 0, 0.3); background: #ff9933; border-radius: 3px; /* background-image: -webkit-linear-gradient(top, #dc745e, #d45742); background-image: -moz-linear-gradient(top, #dc745e, #d45742); background-image: -o-linear-gradient(top, #dc745e, #d45742); background-image: linear-gradient(to bottom, #dc745e, #d45742); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);*/ } .register { margin: 0 auto; width: 230px; padding: 5px; /* background: #f4f4f4;*/ } input { font-family: inherit; font-size: inherit; color: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#FFF; } .register-input { display: block; width: 100%; height: 38px; color:#000; margin:2px 0 8px 0; padding-left:10px; font-weight: 500; border: 0; border-radius:3px; /* background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee); background-image: -moz-linear-gradient(top, #fefefe, #eeeeee); background-image: -o-linear-gradient(top, #fefefe, #eeeeee); background-image: linear-gradient(to bottom, #fefefe, #eeeeee); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1); background-color:#000; background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee); background-image: -moz-linear-gradient(top, #fefefe, #eeeeee); background-image: -o-linear-gradient(top, #fefefe, #eeeeee); background-image: linear-gradient(to bottom, #fefefe, #eeeeee); -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.03), 0 1px rgba(0, 0, 0, 0.04); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.03), 0 1px rgba(0, 0, 0, 0.04);*/ } .register-input:focus { border-color: #1e9ce6; outline: 0; } .register-button { display: block; width: 30%; height: 42px; margin: 25px auto; font-size: 16px; font-weight: bold; color: #494d59; text-align: center; text-shadow: 0 1px rgba(255, 255, 255, 0.5); background: #fcfcfc; border: 1px solid; border-color: #d8d8d8 #d1d1d1 #c3c3c3; border-radius: 2px; cursor: pointer; background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee); background-image: -moz-linear-gradient(top, #fefefe, #eeeeee); background-image: -o-linear-gradient(top, #fefefe, #eeeeee); background-image: linear-gradient(to bottom, #fefefe, #eeeeee); -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.03), 0 1px rgba(0, 0, 0, 0.04); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.03), 0 1px rgba(0, 0, 0, 0.04); } .register-button:active { background: #eee; border-color: #c3c3c3 #d1d1d1 #d8d8d8; background-image: -webkit-linear-gradient(top, #eeeeee, #fcfcfc); background-image: -moz-linear-gradient(top, #eeeeee, #fcfcfc); background-image: -o-linear-gradient(top, #eeeeee, #fcfcfc); background-image: linear-gradient(to bottom, #eeeeee, #fcfcfc); -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.03); box-shadow: inset 0 1px rgba(0, 0, 0, 0.03); } .register-button:focus { outline: 0; } .register-switch { height: 32px; margin-bottom: 15px; padding: 4px; background: #f57914; border-radius: 2px; /*background-image: -webkit-linear-gradient(top, #60a83a, #7dbe52); background-image: -moz-linear-gradient(top, #60a83a, #7dbe52); background-image: -o-linear-gradient(top, #60a83a, #7dbe52); background-image: linear-gradient(to bottom, #60a83a, #7dbe52); -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 1px 0 rgba(0, 0, 0, 0.02), inset -1px 0 rgba(0, 0, 0, 0.02); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 1px 0 rgba(0, 0, 0, 0.02), inset -1px 0 rgba(0, 0, 0, 0.02); background-image: -webkit-linear-gradient(top, #2a6507, #388509); background-image: -o-linear-gradient(top, #388509, #388509); background-image: -o-linear-gradient(top, #fefefe, #eeeeee); background-image: linear-gradient(to bottom, #388509, #388509); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1);*/ } .register-switch-input { display: none; } .register-switch-label { float: left; width: 50%; line-height: 32px; color: white; text-align: center; text-shadow: 0 -1px rgba(0, 0, 0, 0.2); cursor: pointer; } .register-switch-input:checked + .register-switch-label { font-weight: 500; color: #434248; text-shadow: 0 1px rgba(255, 255, 255, 0.5); background: white; border-radius: 2px; background-image: -webkit-linear-gradient(top, #ff9933, #eeeeee); background-image: -moz-linear-gradient(top, #ff9933, #eeeeee); background-image: -o-linear-gradient(top, #ff9933, #eeeeee); background-image: linear-gradient(to bottom, #fefefe, #eeeeee); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1); } 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; }