Commit 537b8b5b authored by [Alexis]'s avatar [Alexis]

fixed stylesheet

parent a577a40f
......@@ -14,8 +14,10 @@
*= require_self
*/
body {
font-size: 16px;
font-size: 17px;
background: #f7f7f7;
padding: 0;
margin: 0;
}
article {
margin-bottom: 3em;
......@@ -48,6 +50,21 @@ box-shadow: -1px 2px 14px -4px rgba(0,0,0,0.28);
line-height: 3rem;
}
h1.new {
padding-bottom: 0.2em;
letter-spacing: 1.2px;
border-bottom: 2px solid orange;
font-size: 1.7rem;
line-height: 3rem;
font-family: 'Fjalla One';
}
.new1 {
font-size: 2rem;
text-align: center;
font-family: 'Arimo';
}
.article-category {
font-family: 'Arimo';
font-size: 0.7rem;
......@@ -62,4 +79,65 @@ box-shadow: -1px 2px 14px -4px rgba(0,0,0,0.28);
letter-spacing: 1px;
line-height: 1.2em;
}
a {
padding: 10px;
display: block;
background: black;
color: white;
text-decoration: none;
text-align: center;
font-family: 'Titillium Web';
}
a:hover {
background: orange;
}
label {
display: block;
font-family: 'Titillium Web';
}
input[type="submit"] {
background: black;
padding: 15px 90px;
display: block;
border: none;
margin-top: 40px;
color: white;
font-size: 1rem;
}
input[type="submit"]:hover {
background: orange;
cursor: pointer;
}
label {
margin-top: 20px;
}
input[type="text"] {
box-sizing: border-box;
width: 100%;
font-family: Titillium Web;
padding: 6px;
font-size: 1.2rem;
}
textarea {
width: 100%;
box-sizing: border-box;
font-family: Titillium Web;
padding: 6px;
font-size: 1.2rem;
}
select {
width: 100%;
font-family: Titillium Web;
padding: 6px;
font-size: 1.2rem;
}
\ No newline at end of file
<h1>Create New Article</h1>
<div class="container">
<h1 class="new">Create New Article</h1>
<%= form_tag("/blog/save", method:"post") do %>
<label>Title</label>
<input type="text" name="title"><br>
......@@ -12,4 +16,7 @@
<label>Article</label>
<textarea name="article"></textarea>
<input type="submit" name="">
<% end %>
\ No newline at end of file
<% end %>
</div>
\ No newline at end of file
<h1>Welcome to Dota Haven</h1>
<h1 class="new1">Welcome to Dota Haven</h1>
<a href="/blog">Enter my Blog</a>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment