Browse Source

Adjust theme via catalog.css & style.css

Changes to catalog.css:

  - Forced all threads to a height of 300px and reduced padding to
    improve consistency. I think it improves the readability quite a bit
    but I may be alone in thinking this way.
  -

Changes to style.css:

  - Removed additional padding to allow new catalog spacing

Conflicts:
	stylesheets/style.css
pull/40/head
kaernyk 10 years ago
committed by czaks
parent
commit
e5ce012a09
  1. 26
      stylesheets/catalog.css
  2. 28
      stylesheets/style.css

26
stylesheets/catalog.css

@ -20,26 +20,24 @@ div.threads{
}
div.thread {
display: inline-block;
position: relative;
vertical-align: top;
margin-bottom:25px;
margin-left: 20px;
margin-right: 15px;
text-align:center;
font-weight:normal;
width:205px;
display: inline-block;
overflow:hidden;
position: relative;
margin:2px;
padding: 2px;
height:300px;
width:205px;
font-size:11px;
padding: 15px;
font-weight:normal;
text-align:center;
background: rgba(182, 182, 182, 0.12);
border: 2px solid rgba(111, 111, 111, 0.34);
max-height:300px;
}
div.thread:hover {
background: #D6DAF0;
border-color: #B7C5D9;
div.threads:hover {
background: #D6DAF0;
border-color: #B7C5D9;
}
div.grid-size-small {
@ -70,6 +68,6 @@ img.thread-image {
}
div.threads {
overflow: hidden;
overflow: hidden;
}
}

28
stylesheets/style.css

@ -222,7 +222,8 @@ div.post.reply div.body a {
color: #D00;
}
div.post {
max-width: 97%;
max-width: 95%;
padding-left:20px;
}
div.post div.body {
word-wrap: break-word;
@ -518,16 +519,12 @@ form.ban-appeal textarea {
.theme-catalog div.thread {
display: inline-block;
vertical-align: top;
margin-bottom:25px;
margin-left: 20px;
margin-right: 15px;
text-align:center;
font-weight:normal;
width:205px;
width:205px;
overflow:hidden;
position: relative;
font-size:11px;
padding:5px;
max-height:300px;
background: rgba(182, 182, 182, 0.12);
border: 2px solid rgba(111, 111, 111, 0.34);
@ -549,19 +546,19 @@ form.ban-appeal textarea {
width: 100px;
max-width: 100px;
max-height: 150px;
}
}
.theme-catalog div.grid-size-small {
width: 200px;
max-width: 200px;
max-height: 350px;
}
}
.theme-catalog div.grid-size-large {
width: 300px;
max-width: 300px;
max-height: 450px;
}
}
.theme-catalog img.thread-image {
height: auto;
@ -669,7 +666,7 @@ form.ban-appeal textarea {
background-color: #d6daf0;
border: 1px solid black;
display: inline-block;
position: relative;
position: relative;
margin-top: 20px;
width: 600px;
height: 300px;
@ -724,3 +721,14 @@ form.ban-appeal textarea {
.mentioned {
word-wrap: break-word;
}
code > pre {
/* Better code tags */
background:black;
max-width:inherit;
}
code > pre > span.pln {
color:grey;
}

Loading…
Cancel
Save