silverstripe-simple/css/typography.css

162 lines
3.6 KiB
CSS
Raw Normal View History

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 20, 2012 06:04:25 AM America/New_York */
@font-face {
font-family: 'CamboRegular';
src: url('../webfonts/Cambo-Regular-webfont.eot');
src: url('../webfonts/Cambo-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/Cambo-Regular-webfont.woff') format('woff'), url('../webfonts/Cambo-Regular-webfont.ttf') format('truetype'), url('../webfonts/Cambo-Regular-webfont.svg#CamboRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'WebSymbolsRegular';
src: url('../webfonts/websymbols-regular-webfont.eot');
src: url('../webfonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/websymbols-regular-webfont.woff') format('woff'), url('../webfonts/websymbols-regular-webfont.ttf') format('truetype'), url('../webfonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
font-weight: normal;
font-style: normal;
}
body {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #b80000;
}
p {
margin: 0 0 17px;
font-size: 13px;
line-height: 21px;
}
em {
font-style: normal
}
a {
color: #b80000;
text-decoration: none;
}
a:hover {
color: #d80000
}
.typography h1 a{
border:none;
}
.typography ul {
margin: 20px 0 20px 30px
}
.typography li {
line-height: 22px;
margin-bottom: 5px;
list-style-type: disc;
}
.typography h1 {
font-size: 36px;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 6px;
margin: 0 0 23px 0;
line-height: 45px;
}
.typography h1 span.amp {
font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",Georgia;
font-style: italic;
}
.typography h2 {
font-size: 24px;
margin-bottom: 15px;
padding-top: 15px;
line-height: 32px;
}
.typography h3 {
font-size: 21px;
margin-bottom: 10px;
padding-top: 10px;
}
.typography a {
border-bottom: 1px dashed #b80000
}
table {
border-collapse: collapse;
border: 1px solid #d4d4d4;
border-spacing: 0;
margin: 0 0 10px;
}
table tr:nth-child(even) {
background-color: #ededed
}
table tr.even,
.content table th,
.content thead td {
background-color: #ededed
}
table td,
.content table th {
padding: 2px 5px;
border: 1px solid #d4d4d4;
vertical-align: top;
}
table th {
text-align: left;
font-weight: bold;
}
p.intro {
font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
font-size: 22px;
line-height: 32px;
margin-bottom: 20px;
color: #222;
}
/* WYSIWYG EDITOR ALIGNMENT CLASSES
-------------------------------------------- */
.typography .left {
text-align: left
}
.typography .center {
text-align: center
}
.typography .right {
text-align: right
}
/* IMAGES
-------------------------------------------- */
.typography img {
border: 5px solid #d7d7d7;
max-width: 60%;
height: auto;
float: left;
margin: 6px 20px 10px 0;
}
.typography img.left, .typography img.right {
border: 5px solid #d7d7d7;
max-width: 60%;
height: auto;
}
.typography img.left {
float: left;
margin: 6px 20px 10px 0;
}
.typography img.right {
float: right;
margin: 6px 0 10px 20px;
}
.typography img.leftAlone {
float: left;
margin-right: 100%;
}
.typography img.center {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}