Commit cbc5ee56 authored by David Huss's avatar David Huss 💬
Browse files

Added first iteration of css

parent e51e2c42
*{
font-family: roboto, 'Open Sans', sans-serif;
}
header{
border: 1px solid black;
-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
max-width: 70em;
margin: auto;
position: fixed;
left: 2em;
top: 2em;
-webkit-user-drag: element;
}
.col-md-3{
top: 10em !important;
position: fixed;
width: 20em !important;
overflow-y: auto !important;
overflow: hidden;
height: 30em !important;
border: 1px solid black;
margin-left: 1em;
-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
}
#publisher_textarea_wrapper{
border: 1px dashed black !important;
border-right: 1px solid black !important;
border-bottom: 1px solid black !important;
-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
position: fixed !important;
background-color: rgba(255,255,255,0.97);
z-index: 1000 !important;
top: 10em;
width: 50%;
height: 15em;
margin-left: -10em;
resize: both;
overflow: auto;
}
.logo{
position: fixed;
left: unset !important;
right: 2em;
top: 2em;
background-color: white !important;
font-weight: 600;
font-size: 1.5em !important;
width: 12em !important;
height: 3em !important;
bottom: 20em !important;
border: 1px solid black;
margin-left: 1em;
-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
}
.col-md-9{
margin-top: 15em;
box-sizing: border-box !important;
padding-right: 5em !important;
overflow-y: hidden !important;
}
.sidebar{
overflow: hidden;
}
.stream-element{
margin-bottom: 10em !important;
}
.stream-element, .reshare .media{
border: 1px solid black;
padding: 1em;
padding-right: 4em;
padding-top: 0 !important;
-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
}
.stream-element p{
font-size: 1.5em !important;
max-width: 30em;
line-height: 1.5em !important;
margin-bottom: 1.5em;
}
blockquote{
border: 1px solid black;
padding: 1em;
font-style: italic;
margin-right: 10em;
-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
margin-bottom: 3em;
}
.stream-element .img{
box-sizing: border-box;
border: 1px solid black;
border-top: 0;
overflow: hidden;
}
.author-name{
box-sizing: border-box;
padding: 0.3em 1em;
margin: 0 !important;
margin-left: -0.7em !important;
background-color: rgba(0,0,0,1) !important;
color: white;
font-size: 1.4em;
letter-spacing: 0.2em;
}
.stream-element .details{
float: right;
}
.stream-element .details time{
font-size: 1.3em;
padding: 1em;
}
.post-content{
margin-top: 3em;
margin-bottom: 3em;
}
.feedback{
margin-left: -4em;
margin-top: 1em;
margin-bottom: 2em;
}
.feedback a{
padding: 0.5em 1em;;
border: 1px solid black;
}
.feedback a:hover{
-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
}
.stream-element .comment_stream .comments{
margin-left: -6em;
box-sizing: border-box !important;
width: 100%;
border-top: 1px dashed black !important;
padding: 2em;
}
.comments .comment{
max-width: 50em !important;
border: 1px dashed grey !important;
border-right: 1px solid grey !important;
border-bottom: 1px solid grey !important;
margin-bottom: -1em;
-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.4);
background-color: white;
}
.comments .comment:nth-child(1){ margin-left: 0.0em;}
.comments .comment:nth-child(2){ margin-left: 1.5em;}
.comments .comment:nth-child(3){ margin-left: 3.0em;}
.comments .comment:nth-child(4){ margin-left: 4.5em;}
.comments .comment:nth-child(5){ margin-left: 6.0em;}
.comments .comment:nth-child(6){ margin-left: 7.5em;}
.comments .comment:nth-child(7){ margin-left: 9.0em;}
.comments .comment:nth-child(8){ margin-left: 10.5em;}
.comments .comment:nth-child(9){ margin-left: 12.0em;}
.comments .comment:nth-child(10){ margin-left: 13.5em;}
.comments .comment:nth-child(11){ margin-left: 0.0em;}
.comments .comment:nth-child(12){ margin-left: 1.5em;}
.comments .comment:nth-child(13){ margin-left: 3.0em;}
.comments .comment:nth-child(14){ margin-left: 4.5em;}
.comments .comment:nth-child(15){ margin-left: 6.0em;}
.comments .comment:nth-child(16){ margin-left: 7.5em;}
.comments .comment:nth-child(17){ margin-left: 9.0em;}
.comments .comment:nth-child(18){ margin-left: 10.5em;}
.comments .comment:nth-child(19){ margin-left: 12.0em;}
.comments .comment:nth-child(20){ margin-left: 13.5em;}
.comments .comment:nth-child(21){ margin-left: 0.0em;}
.comments .comment:nth-child(22){ margin-left: 1.5em;}
.comments .comment:nth-child(23){ margin-left: 3.0em;}
.comments .comment:nth-child(24){ margin-left: 4.5em;}
.comments .comment:nth-child(25){ margin-left: 6.0em;}
.comments .comment:nth-child(26){ margin-left: 7.5em;}
.comments .comment:nth-child(27){ margin-left: 9.0em;}
.comments .comment:nth-child(28){ margin-left: 10.5em;}
.comments .comment:nth-child(29){ margin-left: 12.0em;}
.comments .comment:nth-child(30){ margin-left: 13.5em;}
.comments .comment:nth-child(31){ margin-left: 0.0em;}
.comments .comment:nth-child(32){ margin-left: 1.5em;}
.comments .comment:nth-child(33){ margin-left: 3.0em;}
.comments .comment:nth-child(34){ margin-left: 4.5em;}
.comments .comment:nth-child(35){ margin-left: 6.0em;}
.comments .comment:nth-child(36){ margin-left: 7.5em;}
.comments .comment:nth-child(37){ margin-left: 9.0em;}
.comments .comment:nth-child(38){ margin-left: 10.5em;}
.comments .comment:nth-child(39){ margin-left: 12.0em;}
.comments .comment:nth-child(40){ margin-left: 13.5em;}
.comments .comment:nth-child(41){ margin-left: 0.0em;}
.comments .comment:nth-child(42){ margin-left: 1.5em;}
.comments .comment:nth-child(43){ margin-left: 3.0em;}
.comments .comment:nth-child(44){ margin-left: 4.5em;}
.comments .comment:nth-child(45){ margin-left: 6.0em;}
.comments .comment:nth-child(46){ margin-left: 7.5em;}
.comments .comment:nth-child(47){ margin-left: 9.0em;}
.comments .comment:nth-child(48){ margin-left: 10.5em;}
.comments .comment:nth-child(49){ margin-left: 12.0em;}
.comments .comment:nth-child(50){ margin-left: 13.5em;}
.comments .comment:nth-child(51){ margin-left: 0.0em;}
.comments .comment:nth-child(52){ margin-left: 1.5em;}
.comments .comment:nth-child(53){ margin-left: 3.0em;}
.comments .comment:nth-child(54){ margin-left: 4.5em;}
.comments .comment:nth-child(55){ margin-left: 6.0em;}
.comments .comment:nth-child(56){ margin-left: 7.5em;}
.comments .comment:nth-child(57){ margin-left: 9.0em;}
.comments .comment:nth-child(58){ margin-left: 10.5em;}
.comments .comment:nth-child(59){ margin-left: 12.0em;}
.comments .comment:nth-child(60){ margin-left: 13.5em;}
.comments .comment:nth-child(61){ margin-left: 0.0em;}
.comments .comment:nth-child(62){ margin-left: 1.5em;}
.comments .comment:nth-child(63){ margin-left: 3.0em;}
.comments .comment:nth-child(64){ margin-left: 4.5em;}
.comments .comment:nth-child(65){ margin-left: 6.0em;}
.comments .comment:nth-child(66){ margin-left: 7.5em;}
.comments .comment:nth-child(67){ margin-left: 9.0em;}
.comments .comment:nth-child(68){ margin-left: 10.5em;}
.comments .comment:nth-child(69){ margin-left: 12.0em;}
.comments .comment:nth-child(70){ margin-left: 13.5em;}
.comments .comment:nth-child(71){ margin-left: 0.0em;}
.comments .comment:nth-child(72){ margin-left: 1.5em;}
.comments .comment:nth-child(73){ margin-left: 3.0em;}
.comments .comment:nth-child(74){ margin-left: 4.5em;}
.comments .comment:nth-child(75){ margin-left: 6.0em;}
.comments .comment:nth-child(76){ margin-left: 7.5em;}
.comments .comment:nth-child(77){ margin-left: 9.0em;}
.comments .comment:nth-child(78){ margin-left: 10.5em;}
.comments .comment:nth-child(79){ margin-left: 12.0em;}
.comments .comment:nth-child(80){ margin-left: 13.5em;}
.comments .comment:nth-child(81){ margin-left: 0.0em;}
.comments .comment:nth-child(82){ margin-left: 1.5em;}
.comments .comment:nth-child(83){ margin-left: 3.0em;}
.comments .comment:nth-child(84){ margin-left: 4.5em;}
.comments .comment:nth-child(85){ margin-left: 6.0em;}
.comments .comment:nth-child(86){ margin-left: 7.5em;}
.comments .comment:nth-child(87){ margin-left: 9.0em;}
.comments .comment:nth-child(88){ margin-left: 10.5em;}
.comments .comment:nth-child(89){ margin-left: 12.0em;}
.comments .comment:nth-child(90){ margin-left: 13.5em;}
.comments .comment:nth-child(91){ margin-left: 0.0em;}
.comments .comment:nth-child(92){ margin-left: 1.5em;}
.comments .comment:nth-child(93){ margin-left: 3.0em;}
.comments .comment:nth-child(94){ margin-left: 4.5em;}
.comments .comment:nth-child(95){ margin-left: 6.0em;}
.comments .comment:nth-child(96){ margin-left: 7.5em;}
.comments .comment:nth-child(97){ margin-left: 9.0em;}
.comments .comment:nth-child(98){ margin-left: 10.5em;}
.comments .comment:nth-child(99){ margin-left: 12.0em;}
.comments .comment .bd .author-name{
background-color: unset !important;
width: 10em;
color: black;
margin-top: -3em !important;
margin-left: 1em !important;
margin-bottom: 1em !important;
}
.comments .comment .img .author-name{
background-color: unset !important;
}
.comments .comment .img{
border: 1px dashed grey;
border-left: none;
border-top: none;
margin-top: -2em;
}
.comments .comment .comment-content{
margin-left: 2.4em !important;
font-size: 0.9em !important;
color: #444;
}
.comments .comment .info{
margin-bottom: 1em;
}
.new_comment{
margin-top:
padding-bottom: -2em;
}
.new_comment textarea{
border: 1px grey dashed;
box-sizing: border-box;
width: 95%;
}
.single-post-content, .single-post-interactions{
margin-top: 3em !important;
}
.single-post-content{
overflow-y: auto !important;
}
\ 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