Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

New features #20

Merged
merged 5 commits into from Aug 4, 2017
Merged

New features #20

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
edde40e
added author info box
paultheastronomer Aug 3, 2017
205a4ca
CSS improvments and work on author box
paultheastronomer Aug 4, 2017
2a0cbd9
author info added
paultheastronomer Aug 4, 2017
2b803e1
now allows sorting by astronomy topic!
paultheastronomer Aug 4, 2017
c9bd20b
changed formatting of table
paultheastronomer Aug 4, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
73 changes: 54 additions & 19 deletions assets/css/custom.css
View file
Open in desktop
Expand Up @@ -89,46 +89,55 @@ width: 300px;
z-index: 10000;
}

.bg-purple {
background-color: #b10dc9; }

.container {
display: flex;
}

.column {
flex: 1;
/* border: 1px solid #e6e6e6; */
box-sizing: border-box;
display: inline-block;
margin: auto;
padding: 25px;
border-radius: 0.25em;
}

.column-one {
order: 1;
padding-right: 60px;
float: left;
background: #CED8F6;
background: -webkit-linear-gradient(left top, #CED8F6, #F6CEF5); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom right, #CED8F6, #F6CEF5); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right, #CED8F6, #F6CEF5); /* For Firefox 3.6 to 15 */
background: linear-gradient(to top, #CED8F6, #F6CEF5); /* Standard syntax */
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
width: 47%;
height: 500px;
}
.column-two {
order: 2;
padding-left: 60px;
background: #F6CEF5;
background: -webkit-linear-gradient(left top, #CED8F6, #F6CEF5); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom right, #CED8F6, #F6CEF5); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right, #CED8F6, #F6CEF5); /* For Firefox 3.6 to 15 */
background: linear-gradient(to top, #CED8F6, #F6CEF5); /* Standard syntax */
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
margin-left: 6%;
width: 47%; /* this dirty code and needs fixing */
height: 500px;
}

.column-three {
order: 3;
padding-top: 1.65em;
}
.column-four {

-webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 3s; /* Firefox < 16 */
-ms-animation: fadein 3s; /* Internet Explorer */
-o-animation: fadein 3s; /* Opera < 12.1 */
animation: fadein 3s;
order: 4;
background: #E3E4FA;
border-radius: 0.25em;
border: solid #000;
border: solid;
border-width: 2px;
border-color: #615295;
padding: 20px;
margin-left: 20px;
border-color: #df7984;
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.topic-header{
Expand All @@ -142,6 +151,32 @@ width: 300px;
font-weight: bold;
}

table td {
font-family: 'FontAwesome', 'Open Sans', Helvetica, sans-serif;
}

tbody tr:first-child td {
background-color: #FF0000;
}

div.author-info {
padding-top: -5px;
padding-bottom: 15px;
display: block;
font-family: 'FontAwesome', 'Open Sans', Helvetica, sans-serif;
}

.image.author {
margin: 20px;
width: 150px;
height: auto;
float: right;
content: "";
clear: both;
display: table;
}


@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
Expand Down Expand Up @@ -177,5 +212,5 @@ width: 300px;
.footer { padding-top: 100px; margin: 50px; }

.fa-select {
font-family: 'FontAwesome', 'Open Sans', Helvetica, sans-serif;;
font-family: 'FontAwesome', 'Open Sans', Helvetica, sans-serif;
}
17 changes: 13 additions & 4 deletions assets/css/main.css
View file
Open in desktop
Expand Up @@ -2761,10 +2761,13 @@
border: solid 0px;
border-left: 0;
border-right: 0;
font-size: 14pt;

}

table td {
padding: 0.75em 0.75em;
padding: 0.5em 0.5em;

}

table th {
Expand All @@ -2778,6 +2781,7 @@
background: -moz-linear-gradient(bottom right, purple, pink); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #615295, #df7984); /* Standard syntax */
text-align: left;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

table thead {
Expand All @@ -2793,17 +2797,22 @@
}

table.alt tbody tr td {
border: solid 1px;
border: solid 0px;
border-left-width: 0;
border-top-width: 0;
}

table.alt tbody tr td:first-child {
border-left-width: 1px;
padding-left: 10px;
border-left-width: 0px;
}

table.alt tbody tr td:last-child {
border-right-width: 0px;
}

table.alt tbody tr:first-child td {
border-top-width: 1px;
border-top-width: 0px;
}

table.alt thead {
Expand Down