forked from indymedia/epicyon
Track alt .css
parent
9038753abc
commit
b5e8be4074
|
|
@ -0,0 +1,297 @@
|
|||
/* Use high specificity where possible to override default value(s) */
|
||||
|
||||
/* Variable Overrides */
|
||||
|
||||
:root {
|
||||
--main-fg-color: #000;
|
||||
--main-bg-color: #FFF;
|
||||
--main-bg-color-reply: #FFF;
|
||||
--dropdown-fg-color: #000;
|
||||
}
|
||||
|
||||
|
||||
/* Property Overrides */
|
||||
|
||||
body {
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5 {
|
||||
width: 100%;
|
||||
margin-bottom: 0.5em; /* NOTE: em values will be relative to each font-size ?*/
|
||||
color: #000;
|
||||
}
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
a {
|
||||
/*font-size: var(--h4-size);*/
|
||||
color: #10408F;
|
||||
}
|
||||
a:hover {
|
||||
color: #10408F;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
padding-left: 2em;
|
||||
}
|
||||
ul {
|
||||
list-style-type: disc;
|
||||
}
|
||||
ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
hr {
|
||||
width: 100%;
|
||||
margin-top: 2em;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
.timeline, .page {
|
||||
width: 99%;
|
||||
padding: 0;
|
||||
margin: 1em auto;
|
||||
}
|
||||
|
||||
div.container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 0;
|
||||
margin: 1em;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
overflow: visible;
|
||||
}
|
||||
div.container img {
|
||||
display: block;
|
||||
float: none;
|
||||
margin: 0.5em;
|
||||
}
|
||||
|
||||
.containerHeader {
|
||||
width: 175px;
|
||||
margin: 0;
|
||||
padding: 0.5em 1em;
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.containerHeader .navbuttons .button-bar {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.containerHeader .navbuttons .button-bar a {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
color: #000;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* NOTE: Now handled in base.css
|
||||
.main {
|
||||
min-height: 512px;
|
||||
}*/
|
||||
|
||||
.links, .newswire {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.newswireItem {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding-bottom: 1em;
|
||||
margin-bottom: 0.5em;
|
||||
border-bottom: 1px solid #BBB;
|
||||
font-size: var(--font-size-base);
|
||||
}
|
||||
.newswireItem a {
|
||||
display: block;
|
||||
}
|
||||
.newswireDate {
|
||||
display: block;
|
||||
float: none;
|
||||
margin-top: 0.3em;
|
||||
color: #BBB;
|
||||
font-size: var(--font-size-base); /* TODO: This kind of fix should be avoided with better CSS */
|
||||
}
|
||||
|
||||
.links h1, .newswire h1, .col-left-mobile h1, .col-right-mobile h1 {
|
||||
padding-bottom: 0.2em;
|
||||
margin-bottom: 0.5em;
|
||||
border-bottom: 1px solid #BBB;
|
||||
}
|
||||
.links center, .newswire center {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.columnIcons a img, .leftColIcons a img {
|
||||
float: none;
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
.links a, .col-left-mobile a {
|
||||
display: block;
|
||||
/*margin-bottom: 0.5em;*/
|
||||
}
|
||||
.links-list {
|
||||
padding-bottom: 1em;
|
||||
margin-bottom: 1em;
|
||||
border-bottom: 1px solid #BBB;
|
||||
}
|
||||
.links-list .linksHeader {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
/*padding-top: 1em;
|
||||
margin-bottom: 0.5em*/
|
||||
/*border-top: 1px solid #BBB;*/
|
||||
margin-bottom: 0.5em;
|
||||
background-color: transparent;
|
||||
color: #000;
|
||||
font-size: var(--h2-size);
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.login-text {
|
||||
padding-bottom: 1em;
|
||||
margin-bottom: 1em;
|
||||
border-bottom: 1px solid #BBB;
|
||||
}
|
||||
|
||||
form .container, form .imgcontainer {
|
||||
margin: 0;
|
||||
}
|
||||
form .imgcontainer {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.imgcontainer .loginimage {
|
||||
margin: 0 auto;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.timeline-posts {
|
||||
background-color: transparent;
|
||||
}
|
||||
/* Use of .main in the following would be ideally avoided, but the HTML generation currently calls for it */
|
||||
.timeline-posts .container, .main .container {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding-bottom: 1.5em;
|
||||
margin-bottom: 1.5em;
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
border-bottom: 1px solid #BBB;
|
||||
}
|
||||
.timeline-posts .message, .main .message {
|
||||
min-height: 96px;
|
||||
margin-bottom: 1em;
|
||||
color: #000;
|
||||
text-align: justify;
|
||||
text-justify: inter-word;
|
||||
}
|
||||
.timeline-posts .message b, .main .message b {
|
||||
display: block;
|
||||
margin-bottom: 0.3em;
|
||||
font-size: var(--h3-size);
|
||||
}
|
||||
.timeline-posts .message img, .main .message img {
|
||||
width: 128px;
|
||||
height: 96px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
margin-right: 1em;
|
||||
border-radius: 0;
|
||||
}
|
||||
.timeline-posts .message br, .main .message br {
|
||||
display: block;
|
||||
}
|
||||
.timeline-posts .message p:last-of-type, .main .message p:last-of-type {
|
||||
clear: both;
|
||||
padding-top: 0.5em;
|
||||
}
|
||||
/*.timeline-posts .message p:last-of-type br, .main .message p:last-of-type br {
|
||||
display: none;
|
||||
}*/
|
||||
.links br, .newswire br, .timeline-posts br, .col-left-mobile br, .col-right-mobile br, .main br {
|
||||
display: none;
|
||||
}
|
||||
.post-title {
|
||||
display: none; /* TODO: Confirm this */
|
||||
}
|
||||
.timeline-avatar {
|
||||
display: none; /* TODO: Confirm this */
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.timeline-avatar a {
|
||||
display: block;
|
||||
}
|
||||
.timeline-avatar img {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
margin-right: 1em;
|
||||
transform: none;
|
||||
object-fit: contain;
|
||||
}
|
||||
.containericons {
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
align-items: end;
|
||||
margin: 0;
|
||||
margin-left: auto;
|
||||
}
|
||||
.containericons img {
|
||||
padding: 0;
|
||||
width: 32px;
|
||||
}
|
||||
.containericons .imageAnchor {
|
||||
order: 1;
|
||||
}
|
||||
.containericons .time-right, .container .time-right {
|
||||
order: 0;
|
||||
margin: 0;
|
||||
margin-left: auto;
|
||||
font-size: var(--font-size-base); /* TODO: This kind of fix should be avoided with better CSS */
|
||||
float: none;
|
||||
}
|
||||
|
||||
.leftColIcons {
|
||||
float: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.leftColIcons, .columnIcons {
|
||||
padding-bottom: 0.5em;
|
||||
margin-bottom: 1em;
|
||||
border-bottom: 1px solid #BBB;
|
||||
}
|
||||
|
||||
.pageicon {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.frontPageMobileButtons {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[type="submit"] {
|
||||
margin: 0;
|
||||
margin-right: 0.5em;
|
||||
width: auto;
|
||||
}
|
||||
input[type="submit"]:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
form .vertical-center .container, form .vertical-center .container br {
|
||||
display: block;
|
||||
}
|
||||
Loading…
Reference in New Issue