writeas
/
writefree.ly
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Activity
Browse Source

Move CSS to dedicated file

master
Matt Baer 6 years ago
parent
30f1ae8e4f
commit
a703ec9065
2 changed files with 127 additions and 115 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +1
    -115
      index.html
  2. +126
    -0
      main.css

+ 1
- 115
index.html View File

@@ -4,6 +4,7 @@

<title>Write freely - Anonymous blogging tools</title>

<link rel="stylesheet" type="text/css" href="/main.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Write and blog anonymously with these simple tools.">
<meta name="application-name" content="Write Freely">
@@ -20,121 +21,6 @@
<meta property="og:type" content="object" />
<meta property="og:url" content="https://writefree.ly/" />
<meta property="og:description" content="Write and blog anonymously with these simple tools." />

<style type="text/css">
body {
font-size: 100%;
line-height: 1.563;
font-family: Raleway, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
hr {
background: #ccc;
height: 1px;
border: 1px solid #ccc;
}
code {
font-family: monospace, monospace;
font-size: 1em;
}
table a:link, table a:visited {
color: #333;
text-decoration: none;
}
table th a:link, table th a:visited {
color: #fff;
}
a.cta:link, a.cta:visited {
font-size: 0.86em;
color: blue;
padding-bottom: 2px;
border-bottom: 1px solid blue;
}
table a sup {
font-size: 0.5em;
}
table th a sup {
font-size: 0.7em;
margin-left: 0.25em;
}
footer {
margin: 5em 0 6em;
text-align: center;
color: #999;
}
.tg {border-collapse:collapse;border-spacing:0;border-color:#ccc;border:none;margin:0px auto;}
tr:nth-child(even) { background-color: #f9f9f9; }
td {
font-family:Raleway, sans-serif;
font-size: 1em;
padding:10px 20px;
border-style:solid;
border-width:0px;
word-break:normal;
border-color:#ccc;
color:#333;
text-align: center;
}
td:first-child {
text-align: left;
}
td + td {
font-size: 1.5em;
}
.tg th{
font-family: Raleway, Arial, sans-serif;
font-size: 1em;
font-weight:normal;
padding:10px 20px;
border-style:solid;
border-width:0px;
word-break:normal;
border-color:#ccc;
color:#efefef;
background-color: #343434;
text-align: center;
height: 3em;
}
@media screen and (max-width: 767px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {/*overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;*/}}
@media screen and (max-width: 600px) {
body {
font-size: 86%;
}
}
@media screen and (max-width: 550px) {
table {
font-size: 68%;
margin-left: -4em !important;
margin-right: -4em !important;
}
td {
padding: 10px 5px;
}
}
h1, h2, h3 {
text-align: center;
font-weight: normal;
}
h1 {
font-family: 'Playfair Display', serif;
font-size: 2.5em;
font-weight: 400;
margin: 2em 0;
letter-spacing: -0.5px;
}
h2 {
font-family: 'Playfair Display', serif;
font-size: 1.5em;
font-weight: 400;
line-height: 1.375em;
margin: 2.5em 0;
}
p.intro {
font-size: 1.2em;
}
</style>

</head>
<body>



+ 126
- 0
main.css View File

@@ -0,0 +1,126 @@
body {
font-size: 100%;
line-height: 1.563;
font-family: Raleway, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3 {
text-align: center;
font-weight: normal;
}
h1 {
font-family: 'Playfair Display', serif;
font-size: 2.5em;
font-weight: 400;
margin: 2em 0;
letter-spacing: -0.5px;
}
h2 {
font-family: 'Playfair Display', serif;
font-size: 1.5em;
font-weight: 400;
line-height: 1.375em;
margin: 2.5em 0;
}
p.intro {
font-size: 1.2em;
}
hr {
background: #ccc;
height: 1px;
border: 1px solid #ccc;
}
code {
font-family: monospace, monospace;
font-size: 1em;
}
table a:link, table a:visited {
color: #333;
text-decoration: none;
}
table th a:link, table th a:visited {
color: #fff;
}
a.cta:link, a.cta:visited {
font-size: 0.86em;
color: blue;
padding-bottom: 2px;
border-bottom: 1px solid blue;
}
table a sup {
font-size: 0.5em;
}
table th a sup {
font-size: 0.7em;
margin-left: 0.25em;
}
footer {
margin: 5em 0 6em;
text-align: center;
color: #999;
}
.tg {
border-collapse: collapse;
border-spacing: 0;
border-color: #ccc;
border: none;
margin: 0px auto;
}
tr:nth-child(even) {
background-color: #f9f9f9;
}
td {
font-family:Raleway, sans-serif;
font-size: 1em;
padding:10px 20px;
border-style:solid;
border-width:0px;
word-break:normal;
border-color:#ccc;
color:#333;
text-align: center;
}
td:first-child {
text-align: left;
}
td + td {
font-size: 1.5em;
}
.tg th{
font-family: Raleway, Arial, sans-serif;
font-size: 1em;
font-weight:normal;
padding:10px 20px;
border-style:solid;
border-width:0px;
word-break:normal;
border-color:#ccc;
color:#efefef;
background-color: #343434;
text-align: center;
height: 3em;
}
@media screen and (max-width: 767px) {
.tg {
width: auto !important;
}
.tg col {
width: auto !important;
}
}
@media screen and (max-width: 600px) {
body {
font-size: 86%;
}
}
@media screen and (max-width: 550px) {
table {
font-size: 68%;
margin-left: -4em !important;
margin-right: -4em !important;
}
td {
padding: 10px 5px;
}
}

Write Preview
Loading…
Cancel
Save