CIT499R Lecture Notes - Lecture 1: Source Sans Pro, Webkit, Dejavu Fonts
25 Sep 2016
School
Department
Course
Professor
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection'
xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro
%3A300%2C400%2C700%2C300italic%2C400italic%2C700italic&subset=latin%2Clatin-
ext&ver=3.9-beta2-27806' media='all' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=PT+Serif
%3A400%2C700%2C400italic%2C700italic&subset=latin%2Clatin-ext&ver=3.9-
beta2-27806' media='all' rel='stylesheet' type='text/css'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css'
rel='stylesheet'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Recoded by : Moezha Ex
Contact : [email protected]
----------------------------------------------- */
body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #headerbwrap {height:auto;}
body#layout #blogtitle {min-height:120px;}
body#layout #content {}
body#layout #slider {display:none;}
body#layout .sidebarrdivsearch {display:none;}
body#layout #headbox{display:none;}
body#layout #nav2{width:90%;}
/* Variable definitions
====================
*/
/* Use this with templates/template-twocol.html */
.section, .widget {
margin:0;
padding: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, 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, th {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%;
/* Corrects text resizing oddly in IE6/7 when body font-size is set using em
units http://clagnut.com/blog/348/#c790 */
overflow-y: scroll;
/* Keeps page centered in all browsers regardless of content height */
-webkit-text-size-adjust: 100%;
/* Prevents iOS text size adjust after orientation change, without disabling
user zoom */
-ms-text-size-adjust: 100%;
/*
www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_wi
thout_disabling_user_zoom/ */
}
*,
*:before,
*:after {
/* apply a natural box layout model to all elements; see
find more resources at oneclass.com
find more resources at oneclass.com
http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
-webkit-box-sizing: border-box;
/* Not needed for modern webkit but still used by Blackberry Browser 7.0; see
http://caniuse.com/#search=box-sizing */
-moz-box-sizing: border-box;
/* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
box-sizing: border-box;
}
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
}
table {
/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td, th {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
/* =Rebuild
----------------------------------------------- */
* html {
font-size: 100%;
}
html {
font-size: 16px;
line-height: 1.5em;
}
body,
button,
input,
select,
textarea {
color: #404040;
font-family: Georgia, "Bitstream Charter", serif;
font-size: 16px;
font-weight: 400;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
clear: both;
}
hr {
find more resources at oneclass.com
find more resources at oneclass.com
border: 1px solid #ccc;
border-width: 0 0 1px 0;
height: 0;
margin-top: -1px;
margin-bottom: 24px;
padding-top: 24px;
}
/* Text elements */
p {
margin-bottom: 24px;
}
ul, ol {
margin: 0px;
padding:0px;
list-style-type:none;
list-style:none
}
ul {
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 24px;
}
dt {
font-weight: 600;
}
dd {
margin: 0 24px 24px;
}
b, strong {
font-weight: 600;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 24px;
}
address {
margin: 0 0 24px;
}
pre {
background: rgba(119, 119, 119, 0.5);
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 0.9375em;
line-height: 1.6em;
margin-top: -2px;
margin-bottom: 24px;
max-width: 100%;
overflow: auto;
padding: 24px;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 0.875em;
line-height: 1.71429em;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
find more resources at oneclass.com
find more resources at oneclass.com
