Difference between revisions of "Template:SCUT-China B/Grid/css/demo.css"

 
(9 intermediate revisions by one other user not shown)
Line 159: Line 159:
 
}
 
}
  
−
}
 
−
 
−
span{
 
−
font-size:100px;
 
 
}
 
}

Latest revision as of 14:05, 25 June 2017

@font-face { font-weight: normal; font-style: normal; font-family: 'codropsicons'; src:url('../fonts/codropsicons/codropsicons.eot'); src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'), url('../fonts/codropsicons/codropsicons.woff') format('woff'), url('../fonts/codropsicons/codropsicons.ttf') format('truetype'), url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg'); }

  • , *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clearfix:before, .clearfix:after { content: ; display: table; } .clearfix:after { clear: both; }

body { background: #f24333; color: #fff; font-size: 100%; line-height: 1.25; font-family: 'Lato', Arial, sans-serif; }

body.demo-2 { background: #3498db; }

.container { overflow: hidden; }

a { color: rgba(0,0,0,0.4); text-decoration: none; outline: none; }

a:hover, a:focus { color: #fff; }

.codrops-header { margin: 0 auto; padding: 2em; text-align: center; }

.codrops-header h1 { margin: 0; font-weight: 300; font-size: 2.6em; }

.codrops-header h1 span { display: block; padding: 0.3em 0 2em; font-size: 0.45em; }

.codrops-demos a { text-transform: uppercase; letter-spacing: 1px; margin: 10px; }

.codrops-demos a.current-demo { color: #fff; }

/* To Navigation Style */ .codrops-top { width: 100%; text-transform: uppercase; font-weight: 700; font-size: 0.69em; line-height: 2.2; }

.codrops-top a { display: inline-block; padding: 0 1em; text-decoration: none; letter-spacing: 1px; }

.codrops-top span.right { float: right; }

.codrops-top span.right a { display: block; float: left; }

.codrops-icon:before { margin: 0 4px; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: 'codropsicons'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; }

.codrops-icon-drop:before { content: "\e001"; }

.codrops-icon-prev:before { content: "\e004"; }

section { padding: 0em 3% 4em; text-align: center; font-size: 1.5em; }

.related > a { border: 3px solid rgba(0,0,0,0.4);; display: inline-block; text-align: center; margin: 20px 10px; padding: 25px; -webkit-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; }

.related a:hover { border-color: #fff; }

.related a img { max-width: 100%; opacity: 0.8; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.related a:hover img, .related a:active img { opacity: 1; }

.related a h3 { margin: 0; padding: 0.5em 0 0.3em; max-width: 300px; text-align: left; font-size: 0.75em; }

@media screen and (max-width: 25em) {

.codrops-icon span { display: none; }

}