Ind.ie is now Small Technology Foundation.
Commit 30878dd5 authored by Aral Balkan's avatar Aral Balkan

Update styles on mastodon demos and main page

parent 48c1279e
......@@ -14,7 +14,7 @@ superagent = require 'superagent'
exports.route = (request, response) ->
superagent.get('https://mastodon.social/api/v1/timelines/public')
superagent.get('https://mastodon.ar.al/api/v1/timelines/public')
.end (error, globalTimelineResponse) ->
......
This diff is collapsed.
......@@ -15,6 +15,11 @@ body
column-count: 3;
}
button
{
font-size: 14px;
}
section
{
margin: 48px 0;
......
html
{
padding: 0 48px;
}
body
{
line-height: 2; /* 24px/16px */
font-family: 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #404040;
}
#set-logo
{
width:100%;
max-width: 320px;
/*position: fixed;*/
margin: 0 auto;
margin-bottom: 48px;
display:block;
}
h1
{
font-size: 3.75em; /* 60px/16px */
font-weight: 500;
line-height: 1.2em; /* 48px/48px */
margin: .4em 0; /* 24px/60px */
}
.main a
{
......
......@@ -28,10 +28,7 @@ html
#template
{
float:left;
border: 1px dotted #E0D7D1;
width:32%;
margin-right: 12px;
}
#template > div
......@@ -46,20 +43,11 @@ html
text-align: left;
}
#source
{
min-width:300px;
float: left;
width: 32%;
margin: 0;
margin-left:0;
margin-right: 12px;
}
#source h2, #server h2
{
display:block;
margin-top: 0;
margin-top: 24px;
margin-bottom: -6px;
padding-left: 24px;
color: #4C3D33;
......@@ -69,18 +57,32 @@ html
font-weight: 500;
}
#server
#template, #source, #server
{
min-width:300px;
float: left;
width: 32%;
float: none;
width: inherit;
margin-bottom: 24px;
margin-top: 24px;
}
#data
section#server
{
margin-bottom: 24px;
margin-bottom: 4em;
}
#template { margin-bottom: 0; margin-top: 0;}
#source, #server
{
border: none;
}
#source h2, #server h2
{
display:block;
}
img
{
width: 300px;
......@@ -109,29 +111,6 @@ code[class*='coffeescript'] span[class~='token'][class~='string']
color: #07a;
}
@media all and (max-width:1200px)
{
#template, #source, #server
{
float: none;
width: inherit;
margin: inherit;
margin-bottom: 24px;
margin-top: 24px;
}
#template { margin-bottom: 0; margin-top: 0;}
#source, #server
{
border: none;
}
#source h2, #server h2
{
display:block;
}
}
@media all and (max-width: 400px)
{
......@@ -148,8 +127,6 @@ code[class*='coffeescript'] span[class~='token'][class~='string']
}
#data { margin-bottom: 12px;}
html {padding: 12px;}
body { margin: 0; padding: 0; margin-bottom: 48px;}
#source h2, #server h2 { padding-left: 12px;}
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
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