From 39d582d762ba84586df79067fbb3daa594f7636d Mon Sep 17 00:00:00 2001 From: JinweiClarkChao Date: Mon, 24 Feb 2014 21:26:36 +0800 Subject: UUcky.me --- .../demo.css" | 176 +++++++++++++++++++++ 1 file changed, 176 insertions(+) create mode 100644 "uucky.me/Uucky\347\232\204\345\260\217\347\253\231_files/demo.css" (limited to 'uucky.me/Uucky的小站_files/demo.css') diff --git "a/uucky.me/Uucky\347\232\204\345\260\217\347\253\231_files/demo.css" "b/uucky.me/Uucky\347\232\204\345\260\217\347\253\231_files/demo.css" new file mode 100644 index 0000000..f60fbb3 --- /dev/null +++ "b/uucky.me/Uucky\347\232\204\345\260\217\347\253\231_files/demo.css" @@ -0,0 +1,176 @@ +@font-face { + font-family: 'icons'; + src: url("font/icons.eot"); + src: url(".font/icons.eot?#iefix") format('embedded-opentype'), url("font/icons.woff") format('woff'), url("font/icons.ttf") format('truetype'), url("font/icons.svg#icons") format('svg'); + font-weight: normal; + font-style: normal; +} + +*, +*:after, +*:before { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; + margin: 0; +} + +/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ +.clearfix:before, +.clearfix:after { + content: " "; /* 1 */ + display: table; /* 2 */ +} + +.clearfix:after { + clear: both; +} + +.clearfix { + *zoom: 1; +} + +body{ + font-family: 'Open Sans Condensed','Arial Narrow', serif; + background: #ddd url(./egg_shell.jpg) repeat top left; + font-weight: 400; + font-size: 15px; + color: #333; + overflow: scroll; + overflow-x: hidden; +} +a{ + color: #555; + text-decoration: none; +} +.container{ + width: 100%; + position: relative; +} +.clr{ + clear: both; + padding: 0; + height: 0; + margin: 0; +} +.main{ + width: 1000px; + height: 700px; + overflow: hidden; + margin: 0 auto; + position: relative; +} +.container > header{ + margin: 10px; + padding: 20px 10px 10px 10px; + position: relative; + display: block; + text-shadow: 1px 1px 1px rgba(0,0,0,0.2); + text-align: center; +} +.container > header h1{ + font-size: 36px; + line-height: 36px; + margin: 0; + position: relative; + font-weight: 300; + color: #524f4e; + text-shadow: 1px 1px 1px rgba(255,255,255,0.7); +} +.container > header h1 span{ + font-weight: 700; +} +.container > header h2{ + font-size: 14px; + font-weight: 300; + margin: 0; + padding: 15px 0 5px 0; + color: #888; + font-family: Cambria, Georgia, serif; + font-style: italic; + text-shadow: 1px 1px 1px rgba(255,255,255,0.9); +} +/* Header Style */ +.codrops-top{ + line-height: 24px; + font-size: 11px; + background: #fff; + background: rgba(255, 255, 255, 0.6); + text-transform: uppercase; + z-index: 9999; + position: relative; + font-family: Cambria, Georgia, serif; + box-shadow: 1px 0px 2px rgba(0,0,0,0.2); +} +.codrops-top a{ + padding: 0px 10px; + letter-spacing: 1px; + color: #333; + display: inline-block; +} +.codrops-top a:hover{ + background: rgba(255,255,255,0.3); +} +.codrops-top span.right{ + float: right; +} +.codrops-top span.right a{ + float: left; + display: block; +} +/* Demo Buttons Style */ +.codrops-demos{ + text-align:center; + display: block; + line-height: 30px; + padding: 5px 0px; +} +.codrops-demos a{ + display: inline-block; + margin: 0px 4px; + padding: 0px 6px; + color: #aaa; + line-height: 20px; + font-size: 13px; + text-shadow: 1px 1px 1px #fff; + border: 1px solid #fff; + background: #ffffff; /* Old browsers */ + background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */ + background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); +} +.codrops-demos a:hover{ + color: #333; + background: #fff; +} +.codrops-demos a:active{ + background: #fff; +} +.codrops-demos a.current-demo, +.codrops-demos a.current-demo:hover{ + background: #f0f0f0; + border-color: #d9d9d9; + color: #aaa; + box-shadow: 0 1px 1px rgba(255,255,255,0.7); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ +} +.support-note span{ + color: #ac375d; + font-size: 16px; + display: none; + font-weight: bold; + text-align: center; + padding: 5px 0; +} +.no-cssanimations .support-note span.no-cssanimations, +.no-csstransforms .support-note span.no-csstransforms, +.no-csstransforms3d .support-note span.no-csstransforms3d, +.no-csstransitions .support-note span.no-csstransitions{ + display: block; +} \ No newline at end of file -- cgit v1.2.3