diff --git a/CSS Selector With jQuery b/CSS Selector With jQuery deleted file mode 100644 index 483da30..0000000 --- a/CSS Selector With jQuery +++ /dev/null @@ -1,65 +0,0 @@ - - - - - - - - - - - - -CSS Selector Function With jQuery - - - - - -
-

CSS Selector Function With jQueryby Sunflowa Media

-
- -
- - - -
- - - - - - - - - - - - diff --git a/Fix Image CSS Tips b/Fix Image CSS Tips deleted file mode 100644 index 86cee6a..0000000 --- a/Fix Image CSS Tips +++ /dev/null @@ -1,51 +0,0 @@ - - - - - - - - - - - -Tips For Fix Image Width With CSS - - - - - - - -
-

Tips For Fix Image Width CSSby Sunflowa Media

-
- -
- -

- -

-

2012年马上过去了，末日论也被推迟了，今年你的工资涨了吗？如果还是止步停留就要去思考下是否应该去转行卖切糕了。2012年的确发生太多变化和突破，这股巨大的能量推动许多设计、开发师去展望下一年的进步。去年底写过一篇文章展望2012年设计趋势，现在不妨回头看看2012年到底是否应验了这个展望趋势。http://sunflowamedia.com/blog/review-web-design-field-trends-2012/

- -
- - - - - - - diff --git a/README.md b/README.md deleted file mode 100644 index 1631ace..0000000 --- a/README.md +++ /dev/null @@ -1,17 +0,0 @@ -blog -==== - -CSS/HTML Tutorials, jQuery Tutorials -http://blog.ilikecss.com - -Demo -==== - - - - - - diff --git a/Simple jQuery Snippets b/Simple jQuery Snippets deleted file mode 100644 index f5f6109..0000000 --- a/Simple jQuery Snippets +++ /dev/null @@ -1,78 +0,0 @@ - - - - - - - - - - - -Simple jQuery Snippets - - - - - -
-

Simple jQuery Snippetsby Sunflowa Media

-
- -
- -
- - - -
- -
- - - -

Top

- - -
- -
- - - - - - - - - - - - diff --git a/Simple jQuery Snippets.CSS b/Simple jQuery Snippets.CSS deleted file mode 100644 index ff93628..0000000 --- a/Simple jQuery Snippets.CSS +++ /dev/null @@ -1,309 +0,0 @@ -/*-------------------- - RESET ---------------------*/ -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, font, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td { - margin: 0; - padding: 0; - border: 0; - outline: 0; - font-weight: inherit; - font-style: inherit; - font-size: 100%; - font-family: inherit; - vertical-align: baseline; -} -body { background:url(../img/bk.png) repeat;} -a { - color: #e84b91; -} -header {margin: 2em 0 0;} -h1.title_name { - color: #685440; - font-family: "Trebuchet MS","Myriad Pro",Arial,sans-serif; - font-size: 3em; - font-weight: normal; - line-height: 1em; - margin: 0; - padding: 20px 0 0; - text-align: center; -} -h1.title_name span { - color: #e84b91; - font-family: normal Georgia,'Times New Roman',Times,serif; - font-size: 0.9em; -} -h1.title_name small { - color: #685440; - display: block; - font-family: normal Verdana,Arial,Helvetica,sans-serif; - font-size: 0.3em; - font-weight: bold; - letter-spacing: 0.5em; - text-shadow: none; - text-transform: uppercase; -} -#footer { - width: auto; - margin: 10em auto 0; - clear: both; - text-align: center; -} -#footer p { - letter-spacing: 1px; - color:#685440; - font-size: 1em; - text-shadow: 1px 1px 1px #FFFFFF; -} -#footer p a { text-shadow: 1px 1px 1px #FFFFFF;} -#container { width: 60%;max-width:850px;overflow:hidden;margin: 5em auto 0;} - -/* SAKURA BK */ -#sakuraL { - background: url("../img/cmn_sakura_l00.png") repeat-y scroll left top; - height: 825px; - left: 0; - pointer-events: none; - position: absolute; - top: 0; - width: 202px; - z-index: 900; -} -#sakuraR { - background: url("../img/cmn_sakura_r00.png") repeat-y scroll right -100px; - height: 825px; - pointer-events: none; - position: absolute; - right: 0; - top: 0; - width: 200px; - z-index: 900; -} - -/* DEMO */ -.thumbs {cursor:pointer;} -.thumbs img {margin-right:50px;} -p.pagetop {width:850px;margin: 50px auto 0; text-align: right;} - -/*LEAVES JS*/ -.leave { - position: fixed; - width: 25px; - height: 20px; - -webkit-animation-iteration-count: infinite,infinite; - -webkit-animation-direction: normal,normal; - -webkit-animation-timing-function: linear,ease-in; - -moz-animation-iteration-count: infinite,infinite; - -moz-animation-direction: normal,normal; - -moz-animation-timing-function: linear,ease-in; - -o-animation-iteration-count: infinite,infinite; - -o-animation-direction: normal,normal; - -o-animation-timing-function: linear,ease-in; - animation-iteration-count: infinite,infinite; - animation-direction: normal,normal; - animation-timing-function: linear,ease-in; -} - -.leave>img { - position: fixed; - width: 25px; - height: 20px; - -webkit-animation-iteration-count: infinite; - -webkit-animation-direction: alternate; - -webkit-animation-timing-function: ease-in-out; - -webkit-transform-origin: 50% -100%; - -moz-animation-iteration-count: infinite; - -moz-animation-direction: alternate; - -moz-animation-timing-function: ease-in-out; - -moz-transform-origin: 50% -100%; - -o-animation-iteration-count: infinite; - -o-animation-direction: alternate; - -o-animation-timing-function: ease-in-out; - -o-transform-origin: 50% -100%; - animation-iteration-count: infinite; - animation-direction: alternate; - animation-timing-function: ease-in-out; - transform-origin: 50% -100%; -} - -@-webkit-keyframes fade { - 0% { - opacity: 1 - } - - 95% { - opacity: 1 - } - - 100% { - opacity: 0 - } -} - -@-webkit-keyframes drop { - 0% { - -webkit-transform: translate(30px,-50px) - } - - 100% { - -webkit-transform: translate(-200px,650px) - } -} - -@-webkit-keyframes clockwiseSpin { - 0% { - -webkit-transform: rotate(-50deg) - } - - 100% { - -webkit-transform: rotate(50deg) - } -} - -@-webkit-keyframes counterclockwiseSpinAndFlip { - 0% { - -webkit-transform: scale(-1,1) rotate(50deg) - } - - 100% { - -webkit-transform: scale(-1,1) rotate(-50deg) - } -} - -@-moz-keyframes fade { - 0% { - opacity: 1 - } - - 95% { - opacity: 1 - } - - 100% { - opacity: 0 - } -} - -@-moz-keyframes drop { - 0% { - -moz-transform: translate(30px,-50px) - } - - 100% { - -moz-transform: translate(-200px,650px) - } -} - -@-moz-keyframes clockwiseSpin { - 0% { - -moz-transform: rotate(-50deg) - } - - 100% { - -moz-transform: rotate(50deg) - } -} - -@-moz-keyframes counterclockwiseSpinAndFlip { - 0% { - -moz-transform: scale(-1,1) rotate(50deg) - } - - 100% { - -moz-transform: scale(-1,1) rotate(-50deg) - } -} - -@-o-keyframes fade { - 0% { - opacity: 1 - } - - 95% { - opacity: 1 - } - - 100% { - opacity: 0 - } -} - -@-o-keyframes drop { - 0% { - -o-transform: translate(30px,-50px) - } - - 100% { - -o-transform: translate(-200px,650px) - } -} - -@-o-keyframes clockwiseSpin { - 0% { - -o-transform: rotate(-50deg) - } - - 100% { - -o-transform: rotate(50deg) - } -} - -@-o-keyframes counterclockwiseSpinAndFlip { - 0% { - -o-transform: scale(-1,1) rotate(50deg) - } - - 100% { - -o-transform: scale(-1,1) rotate(-50deg) - } -} - -@keyframes fade { - 0% { - opacity: 1 - } - - 95% { - opacity: 1 - } - - 100% { - opacity: 0 - } -} - -@keyframes drop { - 0% { - transform: translate(30px,-50px) - } - - 100% { - transform: translate(-200px,650px) - } -} - -@keyframes clockwiseSpin { - 0% { - transform: rotate(-50deg) - } - - 100% { - transform: rotate(50deg) - } -} - -@keyframes counterclockwiseSpinAndFlip { - 0% { - transform: scale(-1,1) rotate(50deg) - } - - 100% { - transform: scale(-1,1) rotate(-50deg) - } -} diff --git a/Simple jQuery Snippets1 b/Simple jQuery Snippets1 deleted file mode 100644 index 570ed3e..0000000 --- a/Simple jQuery Snippets1 +++ /dev/null @@ -1 +0,0 @@ -Simple jQuery Snippets diff --git a/images/body-bg.png b/images/body-bg.png new file mode 100644 index 0000000..d0618fe Binary files /dev/null and b/images/body-bg.png differ diff --git a/images/highlight-bg.jpg b/images/highlight-bg.jpg new file mode 100644 index 0000000..4c4a78e Binary files /dev/null and b/images/highlight-bg.jpg differ diff --git a/images/hr.png b/images/hr.png new file mode 100644 index 0000000..6c723a5 Binary files /dev/null and b/images/hr.png differ diff --git a/images/octocat-icon.png b/images/octocat-icon.png new file mode 100644 index 0000000..f0ba137 Binary files /dev/null and b/images/octocat-icon.png differ diff --git a/images/tar-gz-icon.png b/images/tar-gz-icon.png new file mode 100644 index 0000000..d50f34f Binary files /dev/null and b/images/tar-gz-icon.png differ diff --git a/images/zip-icon.png b/images/zip-icon.png new file mode 100644 index 0000000..162c425 Binary files /dev/null and b/images/zip-icon.png differ diff --git a/index.html b/index.html index efc88cb..dd40fa7 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@ - HTML教程_CSS教程_jQuery教程在线演示 + HTML教程_CSS教程_jQuery教程在线演示- i like css @@ -25,7 +25,7 @@

css教程，html教程，jQuery教程

-Welcome to my blog http://www.ilikecss.com +Welcome to my blog http://ilikecss.com

ilikecss是一个原创前端博客，致力于分享html教程，css教程，jQuery教程以及最新前端技术。 @@ -38,7 +38,7 @@

  • ilikecss前端教程分享博客
  • 前端演示汇总
  • 性感包臀裙，黑丝美腿画廊
    • -
  • ilikecss潮流服饰搭配商城
    • +
  • ilikecss潮流服饰搭配商城

    • diff --git a/javascripts/scale.fix.js b/javascripts/scale.fix.js new file mode 100644 index 0000000..87a40ca --- /dev/null +++ b/javascripts/scale.fix.js @@ -0,0 +1,17 @@ +var metas = document.getElementsByTagName('meta'); +var i; +if (navigator.userAgent.match(/iPhone/i)) { + for (i=0; i` element will link to the contributor's GitHub Profile. For example: In 2007, Chris Wanstrath (@defunkt), PJ Hyett (@pjhyett), and Tom Preston-Werner (@mojombo) founded GitHub.\r\n\r\n### Support or Contact\r\nHaving trouble with Pages? Check out the documentation at http://help.github.com/pages or contact support@github.com and we’ll help you sort it out.\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."} \ No newline at end of file +{"name":"网页前端教程博客 - i like css","tagline":"css教程，html教程，jQuery教程","body":"Welcome to my blog http://ilikecss.com\r\n====\r\n\r\nilikecss是一个原创前端博客，致力于分享html教程，css教程，jQuery教程以及最新前端技术。\r\n在这里你可以浏览在线示例，更形象和更易懂的结合文字教程让大家更快的学习前端技术。\r\n\r\nblogroll\r\n====\r\n\r\n\r\n\r\n\r\n\r\n\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."} \ No newline at end of file diff --git a/stylesheets/print.css b/stylesheets/print.css new file mode 100644 index 0000000..541695b --- /dev/null +++ b/stylesheets/print.css @@ -0,0 +1,226 @@ +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; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +body { + font-size: 13px; + line-height: 1.5; + font-family: 'Helvetica Neue', Helvetica, Arial, serif; + color: #000; +} + +a { + color: #d5000d; + font-weight: bold; +} + +header { + padding-top: 35px; + padding-bottom: 10px; +} + +header h1 { + font-weight: bold; + letter-spacing: -1px; + font-size: 48px; + color: #303030; + line-height: 1.2; +} + +header h2 { + letter-spacing: -1px; + font-size: 24px; + color: #aaa; + font-weight: normal; + line-height: 1.3; +} +#downloads { + display: none; +} +#main_content { + padding-top: 20px; +} + +code, pre { + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; + color: #222; + margin-bottom: 30px; + font-size: 12px; +} + +code { + padding: 0 3px; +} + +pre { + border: solid 1px #ddd; + padding: 20px; + overflow: auto; +} +pre code { + padding: 0; +} + +ul, ol, dl { + margin-bottom: 20px; +} + + +/* COMMON STYLES */ + +table { + width: 100%; + border: 1px solid #ebebeb; +} + +th { + font-weight: 500; +} + +td { + border: 1px solid #ebebeb; + text-align: center; + font-weight: 300; +} + +form { + background: #f2f2f2; + padding: 20px; + +} + + +/* GENERAL ELEMENT TYPE STYLES */ + +h1 { + font-size: 2.8em; +} + +h2 { + font-size: 22px; + font-weight: bold; + color: #303030; + margin-bottom: 8px; +} + +h3 { + color: #d5000d; + font-size: 18px; + font-weight: bold; + margin-bottom: 8px; +} + +h4 { + font-size: 16px; + color: #303030; + font-weight: bold; +} + +h5 { + font-size: 1em; + color: #303030; +} + +h6 { + font-size: .8em; + color: #303030; +} + +p { + font-weight: 300; + margin-bottom: 20px; +} + +a { + text-decoration: none; +} + +p a { + font-weight: 400; +} + +blockquote { + font-size: 1.6em; + border-left: 10px solid #e9e9e9; + margin-bottom: 20px; + padding: 0 0 0 30px; +} + +ul li { + list-style: disc inside; + padding-left: 20px; +} + +ol li { + list-style: decimal inside; + padding-left: 3px; +} + +dl dd { + font-style: italic; + font-weight: 100; +} + +footer { + margin-top: 40px; + padding-top: 20px; + padding-bottom: 30px; + font-size: 13px; + color: #aaa; +} + +footer a { + color: #666; +} + +/* MISC */ +.clearfix:after { + clear: both; + content: '.'; + display: block; + visibility: hidden; + height: 0; +} + +.clearfix {display: inline-block;} +* html .clearfix {height: 1%;} +.clearfix {display: block;} \ No newline at end of file diff --git a/stylesheets/styles.css b/stylesheets/styles.css new file mode 100644 index 0000000..dacf2e1 --- /dev/null +++ b/stylesheets/styles.css @@ -0,0 +1,255 @@ +@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700); + +body { + padding:50px; + font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; + color:#777; + font-weight:300; +} + +h1, h2, h3, h4, h5, h6 { + color:#222; + margin:0 0 20px; +} + +p, ul, ol, table, pre, dl { + margin:0 0 20px; +} + +h1, h2, h3 { + line-height:1.1; +} + +h1 { + font-size:28px; +} + +h2 { + color:#393939; +} + +h3, h4, h5, h6 { + color:#494949; +} + +a { + color:#39c; + font-weight:400; + text-decoration:none; +} + +a small { + font-size:11px; + color:#777; + margin-top:-0.6em; + display:block; +} + +.wrapper { + width:860px; + margin:0 auto; +} + +blockquote { + border-left:1px solid #e5e5e5; + margin:0; + padding:0 0 0 20px; + font-style:italic; +} + +code, pre { + font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal; + color:#333; + font-size:12px; +} + +pre { + padding:8px 15px; + background: #f8f8f8; + border-radius:5px; + border:1px solid #e5e5e5; + overflow-x: auto; +} + +table { + width:100%; + border-collapse:collapse; +} + +th, td { + text-align:left; + padding:5px 10px; + border-bottom:1px solid #e5e5e5; +} + +dt { + color:#444; + font-weight:700; +} + +th { + color:#444; +} + +img { + max-width:100%; +} + +header { + width:270px; + float:left; + position:fixed; +} + +header ul { + list-style:none; + height:40px; + + padding:0; + + background: #eee; + background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd)); + background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%); + background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%); + background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%); + background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%); + + border-radius:5px; + border:1px solid #d2d2d2; + box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0; + width:270px; +} + +header li { + width:89px; + float:left; + border-right:1px solid #d2d2d2; + height:40px; +} + +header ul a { + line-height:1; + font-size:11px; + color:#999; + display:block; + text-align:center; + padding-top:6px; + height:40px; +} + +strong { + color:#222; + font-weight:700; +} + +header ul li + li { + width:88px; + border-left:1px solid #fff; +} + +header ul li + li + li { + border-right:none; + width:89px; +} + +header ul a strong { + font-size:14px; + display:block; + color:#222; +} + +section { + width:500px; + float:right; + padding-bottom:50px; +} + +small { + font-size:11px; +} + +hr { + border:0; + background:#e5e5e5; + height:1px; + margin:0 0 20px; +} + +footer { + width:270px; + float:left; + position:fixed; + bottom:50px; +} + +@media print, screen and (max-width: 960px) { + + div.wrapper { + width:auto; + margin:0; + } + + header, section, footer { + float:none; + position:static; + width:auto; + } + + header { + padding-right:320px; + } + + section { + border:1px solid #e5e5e5; + border-width:1px 0; + padding:20px 0; + margin:0 0 20px; + } + + header a small { + display:inline; + } + + header ul { + position:absolute; + right:50px; + top:52px; + } +} + +@media print, screen and (max-width: 720px) { + body { + word-wrap:break-word; + } + + header { + padding:0; + } + + header ul, header p.view { + position:static; + } + + pre, code { + word-wrap:normal; + } +} + +@media print, screen and (max-width: 480px) { + body { + padding:15px; + } + + header ul { + display:none; + } +} + +@media print { + body { + padding:0.4in; + font-size:12pt; + color:#444; + } +}