Skip to content
This repository has been archived by the owner on Dec 11, 2023. It is now read-only.

Commit

Permalink
Dark theme and welcome message update.
Browse files Browse the repository at this point in the history 
Issue #2

I updated Dark theme to smarter chocolate-orange colours with added
gradient to header, some shadow to few elements and text headers.

I also renamed 'About' to 'Welcome' and added simple instruction to
welcome message.
  • Loading branch information
@DanaVarahi
DanaVarahi committed Dec 23, 2017
1 parent c7ee108 commit 73337a8
Show file tree
Hide file tree
Showing 3 changed files with 104 additions and 46 deletions.
4 changes: 2 additions & 2 deletions home.html
View file
@@ -1,2 +1,2 @@
<h1>About</h1>
<p>This is some ajax loaded content.</p>
<h1>Welcome</h1>
<p>Welcome to your Blockpress blog. To customise the theme and content edit the config.json file.</p>
2 changes: 1 addition & 1 deletion module/steem/steem-posts.html
View file
@@ -1,5 +1,5 @@
<div class="steem_posts steem_posts_{steem_posts_tag}" id="steem_posts_{steem_post_permlink}">
<h2><a href="javascript:steem_load('{&quot;show&quot;:&quot;post&quot;,&quot;user&quot;:&quot;{steem_posts_author}&quot;,&quot;postid&quot;:&quot;{steem_posts_permlink}&quot;}');">{steem_posts_title}</a></h2>
<img src="{steem_posts_img}">
<img class="steemposts_thumbnail"src="{steem_posts_img}">
<span class="steem_posts_preview">{steem_posts_preview}</span>
</div>
144 changes: 101 additions & 43 deletions theme/dark/style.css
View file
@@ -1,39 +1,61 @@

/*grey/brown pallete:
#0f0d0c
#211e1a
#332e29
#474139
#5b5349
#6f6559
orange pallete:
#c87c1a
#ec9c36
#eeae5c
#f0be7e
offwhite pallete:
#eee1cf
*/
body{
width: 100%;
margin:0;
text-align:justified;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 1.3em;
background-color:#1C1C1C;
background-color: #0f0d0c;
padding: 0;
}
header{
background-color: #323232;
background-color: #211e1a;
background: linear-gradient(#0f0d0c,#211e1a);
padding: 0,3em;
border: 1px solid #585858;
border: 1px solid #474139;
border-right: 0;
border-left: 0;
margin-bottom: 1em;
box-shadow: 1px 1px 6px #474139;
}

h1{
100% "Lucida Sans Unicode", "Lucida Grande", sans-serif
font-style: normal;
color:#F7BE81;
color:#f0be7e;
margin-bottom: 0.5em;
text-align: center;
text-shadow: 1px 1px 5px #0f0d0c,2px 2px 10px #eee1cf;
}

h2{
80% "Lucida Sans Unicode", "Lucida Grande", sans-serif
font-style: normal;
color:#FAAC58;
color:#ec9c36;
margin-bottom: 0.5em;
text-align: left;
text-align: center;
width: 70%;
margin-right:auto;
margin-left:auto;
padding-bottom: 0.5em;
text-shadow: 1px 1px #eee1cf;
}

.menu ul{
Expand All @@ -43,106 +65,138 @@ h2{
}
.menu li{
display: inline-block;
padding:8px;
font-size: 1em;
text-transform: uppercase;
background-color:#2E2E2E;
border-radius: 5px;
margin-left: 0.3em;
margin-right: 0.3em;

}
.menu li a {
padding:8px;
background-color:#332e29;
border-radius: 5px;
box-shadow: 1px 1px 5px #0f0d0c;
}

.menu li a:hover {
background-color:#5b5349;
box-shadow: 1px 1px 5px #eee1cf;
}

p{
color:#58ACFA;
color: #eee1cf;
--width: 70%;
margin-right:auto;
margin-left:auto;
}

a:link {
text-decoration: none;
color:#FF8000;
color:#ec9c36;
}
a:visited{
color:#FF8800;
color:#ec9c36;
}
a:hover{
color:#F3E2A9;
color:#f0be7e;
}
a:active{
color:#F3E2A9;
color:#f0be7e;
}
img{
max-width: 70%;
margin-right:auto;
margin-left:auto;
border-radius: 10px;
color: #04B486;
color: #0f0d0c;
border: 1px solid #5b5349;
box-shadow: 3px 3px 27px #0f0d0c;
}

#contentArea {
width: 70%;
color: #eee;
color: #eee1cf;
margin-right:auto;
margin-left:auto;
margin-bottom: 1em;
border: solid 1px #BDBDBD;
background-color: #505050;
border: solid 1px #474139;
background-color: #332e29;
border-radius: 6px;
padding: 1em;
box-shadow: 1px 1px 15px #474139;
}

#contentArea h1{
font-size: 1.1em;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-style: normal;
color:#04B486;
color: #eeae5c;
margin-bottom: 0.5em;
text-align: center;
text-shadow: none;
}

#contentArea h2{
font-size: 0.9em;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-style: normal;
color:#04B486;
color:#ec9c36;
margin-bottom: 0.5em;
text-align: left;
margin-right:auto;
margin-left:auto;
text-shadow: none;
}
#contentArea h3{
font-size: 0.8em;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-style: normal;
color:#04B486;
color: #c87c1a;
margin-bottom: 0.5em;
text-align: left;
margin-right:auto;
margin-left:auto;
text-shadow: none;
}

#contentArea ul{
display: block;
list-style-type: disc;
margin-right:auto;
margin-left:auto;

}
#contentArea li{
font-size: 1em;
color:#FFFFFF;

/* Change bullet color of list item by replacing it with CSS*/

#contentArea ul li {
color: #eee1cf; /* set color of list item text */
list-style: none;
font-size: 1em;
margin-right:auto;
margin-left:auto;
margin-left: 2em;
padding: 0.5em;
}

#contentArea ul li::before {
color: #ec9c36; /* color of bullet or square */
content: "\25CF"; /* Unicode of character to precede the list item */
font-size: 1em;
padding-right: 1em;
}

#contentArea p{
font-size: 1em;
color:#FFFFFF;
color: #eee1cf;
margin-right:auto;
margin-left:auto;
margin-left: 1em;
text-align: left;
}

#contentArea img{
display: block;
margin: auto;
width: 70%;
}

/*Footer styles*/

Expand All @@ -164,7 +218,8 @@ footer{
#footer-menu li a:link{
text-decoration: none;
font-style: oblique;
color:#FF8000;
color:#ec9c36;

}
#footer-menu ul{
list-style: none;
Expand All @@ -173,17 +228,19 @@ footer{


/* Steem Content Module Themes */

/* Steem Profile */

#profile-banner {
width: 1000px;
height: 180px;
margin-right:auto;
margin-left:auto;
color: #ccb;
color: #211e1a;
box-shadow: 3px 3px 27px #0f0d0c;
}
#profile-banner h1 {
color: #eee;
color: #eee1cf;
margin-top: 25px;
}
#profile-image {
Expand All @@ -202,15 +259,15 @@ footer{
}
#profile-about {
font-size: 0.7em;
color: #eee;
color: #eee1cf;
text-align: center;
max-width: 50%;
margin-right:auto;
margin-left:auto;
}
#profile-info {
font-size: 0.7em;
color: #eee;
color: #eee1cf;
text-align: center;
max-width: 70%;
margin-right:auto;
Expand All @@ -220,17 +277,17 @@ footer{
}
#profile-info a {
text-decoration: none;
color: #eee;
color: #eee1cf;
}
#profile-info a:visited{
color:#eee;
color:#eee1cf;
}
#profile-info a:hover{
color:#F7BE81;
color:#f0be7e;
}

#profile-info a:active{
color:#F7BE81;
color:#f0be7e;
}
#profile-info span{
margin-left: 1em;
Expand All @@ -244,15 +301,16 @@ footer{
border-bottom: 1px solid #424242;
padding: 0.7em;
}
.steem_posts img{
max-width: 20%;
max-height: 15%;
display: inline-block;
margin-right: 1em;
}

.steem_posts_preview {
max-width: 75%;
display: inline-block;
vertical-align: top;
}

#contentArea img.steemposts_thumbnail{
max-width: 20%;
max-height: 15%;
display: inline-block;
margin-right: 1em;
}

0 comments on commit 73337a8

Please sign in to comment.