broke out stylesheets

This commit is contained in:
albert
2011-10-03 13:41:32 -04:00
parent 5a4682e6f9
commit 6ad9b590d9
33 changed files with 1248 additions and 1309 deletions

View File

@@ -0,0 +1,22 @@
div#c-artists {
span.new-artist {
font-weight: bold;
color: #A00;
}
div#a-show {
max-width: 60em;
p.legend {
margin-bottom: 2em;
font-size: 0.8em;
font-style: italic;
}
}
div#a-edit, div#a-new {
textarea {
height: 5em;
}
}
}

View File

@@ -0,0 +1,77 @@
div.comments-for-post {
div.list-of-comments {
article.comment {
margin-bottom: 2em;
div.author {
width: 20%;
float: left;
h1 {
display: block;
font-size: $h2_size;
}
}
div.content {
margin-left: 2em;
width: 30em;
float: left;
}
}
article.comment.below-threshold {
opacity: 0.3;
}
article.comment.below-threshold:hover {
opacity: 1.0;
}
}
div.comment-preview {
margin-bottom: 2em;
}
}
div#c-comments {
div#a-index {
div.header {
span.info {
margin-right: 1.5em;
}
strong, time {
margin-right: 0.3em;
}
time {
font-weight: bold;
}
div.list-of-tags {
a {
margin-right: 0.5em;
}
}
div.notices {
margin: 1em 0;
}
}
div.preview {
float: left;
width: 180px;
}
div.post {
margin-bottom: 4em;
div.comments-for-post {
float: left;
width: 55em;
}
}
}
}

View File

@@ -0,0 +1,5 @@
div#c-favorites {
section#content > h1 {
display: none;
}
}

View File

@@ -0,0 +1,62 @@
div.list-of-forum-posts {
article {
margin-bottom: 3em;
div.author {
width: 20%;
float: left;
}
div.content {
margin-left: 2em;
width: 30em;
float: left;
menu {
margin-top: 0.5em;
}
}
}
}
div#c-forum-topics {
div.single-forum-post {
width: 60em;
}
div#a-show {
}
span.info {
color: #AAA;
}
tr.new-topic {
font-weight: bold;
}
div#form-content {
float: left;
width: 450px;
padding-right: 1em;
}
div#form-aside {
float: left;
width: 400px;
div#preview > p {
margin-top: 0.5em;
padding-top: 0.5em;
border-top: 1px solid #AAA;
}
}
a.last-page {
color: #666;
}
span.locked-topic {
color: #666;
}
}

View File

@@ -0,0 +1,29 @@
div#moderator-dashboard {
div#comment-activity {
width: 45%;
float: left;
}
div#post-activity {
width: 45%;
float: left;
margin-left: 2em;
}
div#ip-addr-search {
margin-bottom: 2em;
}
div#activity-search {
margin-bottom: 2em;
}
table {
margin-bottom: 2em;
}
caption {
font-weight: bold;
font-size: 1.5em;
}
}

View File

@@ -0,0 +1,45 @@
div#note-container {
position: absolute;
z-index: 500;
div.note-body {
position: absolute;
border: 1px solid black;
background: white;
min-width: 5em;
min-height: 1em;
cursor: pointer;
padding: 4px;
z-index: 1000;
overflow: auto;
p.tn {
font-size: 0.8em;
color: gray;
}
}
div.note-box {
position: absolute;
border: 1px solid white;
min-width: 20px;
min-height: 20px;
width: 100px;
height: 100px;
cursor: move;
background: transparent;
div.note-box-inner-border {
border: 1px solid black;
background: white;
}
div.note-box-inner-border.unsaved {
border: 1px solid red;
}
}
}
div.note-edit-dialog {
font-size: 0.8em;
}

View File

@@ -0,0 +1,61 @@
div#c-pool-elements {
div#a-new {
font-size: 0.8em;
form {
margin-bottom: 1em;
}
li {
margin-left: 1em;
cursor: pointer;
}
h1 {
font-size: $h3_size;
}
}
}
div#c-pools {
h1 {
font-size: $h2_size;
}
p {
width: 30em;
}
textarea {
height: 10em;
}
}
div#c-pool-orders {
h1 {
font-size: $h2_size;
}
div#a-edit {
ul.ui-sortable {
list-style-type: none;
li {
padding: 0.5em;
}
li.ui-state-default {
margin-bottom: 20px;
width: 180px;
background: none;
}
li.ui-state-placeholder {
margin-bottom: 20px;
width: 180px;
height: 150px;
background: none;
}
}
}
}

View File

@@ -0,0 +1,63 @@
body#mode-view {
background-color: "#FFF";
}
body#mode-edit {
background-color: "#3A3";
}
body#mode-add-fav {
background-color: "#FFA";
}
body#mode-remove-fav {
background-color: "#FFA";
}
body#mode-rating-q {
background-color: "#AAA";
}
body#mode-rating-s {
background-color: "#6F6";
}
body#mode-rating-e {
background-color: "#F66";
}
body#mode-vote-down {
background-color: "#FAA";
}
body#mode-vote-up {
background-color: "#AFA";
}
body#mode-lock-rating {
background-color: "#AA3";
}
body#mode-lock-note {
background-color: "#3AA";
}
body#mode-approve {
background-color: "#26A";
}
body#mode-unapprove {
background-color: "#F66";
}
body#mode-add-to-pool {
background-color: "#26A";
}
body#mode-apply-tag-script {
background-color: "#A3A";
}
body#mode-edit-tag-script {
background-color: "#FFF";
}

View File

@@ -0,0 +1,160 @@
div.post-previews {
overflow: visible;
}
article.post-preview {
height: 150px;
width: 150px;
margin-right: 30px;
margin-bottom: 30px;
display: inline-block;
float: left;
text-align: center;
vertical-align: middle;
}
article.post-preview.blacklisted-active {
display: none;
}
div#c-posts {
div.notice {
font-size: 0.8em;
padding: 1em;
margin-bottom: 1em;
ul {
margin-left: 1em;
}
}
aside#sidebar > section#pool-sidebar {
span.ui-icon {
color: #666;
}
}
aside#sidebar > section > ul li {
list-style-type: none;
}
aside#sidebar > section > ul ul li {
margin-left: 1em;
}
aside#sidebar > section#blacklist-box ul {
margin-left: 1em;
li {
list-style-type: disc;
}
a {
color: $link_color;
cursor: pointer;
}
span {
color: #AAA;
}
}
h1 {
font-size: $h3_size;
}
div#wiki-page-excerpt {
position: relative;
width: 40em;
div#hide-or-show-wiki-page-excerpt {
font-size: 1em;
position: absolute;
top: 0;
right: 0;
span {
cursor: pointer;
color: #AAA;
}
span:hover {
color: #333;
}
}
}
div#a-show {
menu#post-sections {
font-size: $h3_size;
font-weight: bold;
line-height: 1.25em;
li a {
color: $link_color;
}
}
section#notes article {
margin-bottom: 1em;
}
}
}
div#c-explore-posts {
}
div.post_histories {
div.index {
div.post {
margin-bottom: 2em;
div.preview {
width: 20%;
float: left;
}
div.history {
width: 70%;
float: left;
table {
width: 100%;
}
ins {
color: green;
text-decoration: none;
}
del {
color: red;
text-decoration: line-through;
}
}
}
}
}
div#unapprove-dialog {
p {
margin-bottom: 1em;
}
}
div#c-moderator-post-dashboards {
article {
margin-bottom: 4em;
overflow: hidden;
}
aside {
float: left;
width: 520px;
}
section {
float: left;
width: 300px;
}
}

View File

@@ -0,0 +1,12 @@
div#sessions {
div#new {
section {
width: 30em;
float: left;
}
h1 {
font-size: $h2_size;
}
}
}

View File

@@ -0,0 +1,23 @@
div#c-static {
div#a-site-map {
width: 80em;
h1 {
display: none;
}
section {
width: 20em;
float: left;
h1 {
display: block;
font-size: $h3_size;
}
ul {
margin-bottom: 1.5em;
}
}
}
}

View File

@@ -0,0 +1,24 @@
div#terms-of-service {
width: 40em;
h1 {
font-size: $h2_size;
}
p {
margin-bottom: 1em;
}
ul {
margin-left: 1em;
margin-bottom: 1em;
}
li {
list-style-type: disc;
}
section {
margin-bottom: 2em;
}
}

View File

@@ -0,0 +1,29 @@
div#c-uploads {
div#a-new {
div#upload-guide-notice {
margin-bottom: 2em;
}
fieldset.ratings {
label {
display: inline;
}
}
div#source-info {
margin: 1em 0;
padding: 1em;
border: 1px solid gray;
p {
margin: 0;
}
ul {
a {
margin-right: 1em;
}
}
}
}
}

View File

@@ -0,0 +1,42 @@
div#c-users {
div#a-new {
max-width: 60em;
p {
margin-bottom: 1em;
}
li {
margin-left: 1em;
list-style-type: disc;
}
div#account-comparison {
h1 {
font-size: $h2_size;
}
li {
font-size: 0.8em;
line-height: 1.5em;
}
section {
width: 18em;
float: left;
padding: 1em;
}
}
footer.nav-links {
font-size: 1.4545em;
font-weight: bold;
text-align: center;
display: block;
}
div#p2 ul {
margin-bottom: 2em;
}
}
}

View File

@@ -0,0 +1,27 @@
div#c-wiki-pages {
span.version {
color: #AAA;
}
div#form-content {
float: left;
width: 30em;
padding-right: 1em;
}
div#form-aside {
float: left;
width: 20em;
div#preview > p {
margin-top: 0.5em;
padding-top: 0.5em;
border-top: 1px solid #AAA;
}
}
div#a-edit, div#a-new {
div#preview {
}
}
}