removed /m/ codepath, added mobile override stylesheet
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
/*
|
||||
*= require "smoothness/jquery-ui-1.8.5.custom.css"
|
||||
*= require_self
|
||||
*= require "./common/010_reset"
|
||||
*= require "./common/020_base"
|
||||
*= require "./common/030_links"
|
||||
*= require_tree "./common"
|
||||
*= require_tree "./specific"
|
||||
*= require_tree "./mobile"
|
||||
*/
|
||||
|
||||
16
app/assets/stylesheets/mobile/page_header.css.scss
Normal file
16
app/assets/stylesheets/mobile/page_header.css.scss
Normal file
@@ -0,0 +1,16 @@
|
||||
@import "../common/000_vars.css.scss";
|
||||
|
||||
header#top {
|
||||
h1 {
|
||||
font-size: 2.5em;
|
||||
margin: 5px 30px 0 30px;
|
||||
}
|
||||
|
||||
menu {
|
||||
font-size: $h2_size;
|
||||
|
||||
li.nonessential {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,38 +1,15 @@
|
||||
@import "../common/000_vars.css.scss";
|
||||
|
||||
div.paginator {
|
||||
display: block;
|
||||
padding: 2em 0 1em 0;
|
||||
font-size: 2em;
|
||||
text-align: center;
|
||||
font-size: $h2_size;
|
||||
font-weight: bold;
|
||||
clear: both;
|
||||
|
||||
li {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
a {
|
||||
margin: 0 0.25em;
|
||||
padding: 0 0.5em;
|
||||
a, span {
|
||||
padding: 0.5em 1em;
|
||||
font-weight: bold;
|
||||
border: 1px solid #EAEAEA;
|
||||
}
|
||||
|
||||
a.arrow {
|
||||
border: none;
|
||||
}
|
||||
|
||||
a.arrow:hover {
|
||||
background: white;
|
||||
color: #9093FF;
|
||||
}
|
||||
|
||||
a.current {
|
||||
border: 1px solid #AAA;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
background: rgb(60, 60, 220);
|
||||
color: white;
|
||||
}
|
||||
|
||||
span {
|
||||
margin: 0 3px;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,135 +1,33 @@
|
||||
@import "../common/000_vars.css.scss";
|
||||
|
||||
$default_font_size: 30pt;
|
||||
|
||||
div#main {
|
||||
max-width: 960px;
|
||||
}
|
||||
|
||||
header {
|
||||
background: #eee;
|
||||
height: 50px;
|
||||
padding: 0 10px;
|
||||
overflow: hidden;
|
||||
|
||||
div {
|
||||
height: 50px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
div#search-item {
|
||||
float: right;
|
||||
|
||||
input {
|
||||
margin-top: 10%;
|
||||
font-size: $default_font_size;
|
||||
}
|
||||
div#c-posts {
|
||||
section#mode-box {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div#sign-in-item {
|
||||
float: left;
|
||||
font-size: $default_font_size;
|
||||
font-weight: bold;
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
div.paginator {
|
||||
overflow: visible;
|
||||
font-size: $default_font_size;
|
||||
|
||||
li {
|
||||
a {
|
||||
border: none;
|
||||
section#tag-box {
|
||||
ul {
|
||||
font-size: $h2_size;
|
||||
font-weight: bold;
|
||||
|
||||
li {
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
}
|
||||
|
||||
li:first-child {
|
||||
float: left;
|
||||
a.search-tag {
|
||||
}
|
||||
|
||||
li:last-child {
|
||||
float: right;
|
||||
a.search-inc-tag {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a.search-exl-tag {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span.post-count {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div#posts {
|
||||
overflow: visible;
|
||||
clear: both;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
div.post-previews {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
article.post-preview {
|
||||
height: 188px;
|
||||
width: 188px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
@include inline-block;
|
||||
}
|
||||
|
||||
article.post-preview.blacklisted-active {
|
||||
display: none;
|
||||
}
|
||||
|
||||
article.post-preview img {
|
||||
border: 3px solid transparent;
|
||||
}
|
||||
|
||||
article.post-preview.post-status-has-parent img {
|
||||
border: 3px solid #CC0;
|
||||
}
|
||||
|
||||
article.post-preview.post-status-has-children img {
|
||||
border: 3px solid #0F0;
|
||||
}
|
||||
|
||||
article.post-preview.post-status-pending img {
|
||||
border: 3px solid #00F;
|
||||
}
|
||||
|
||||
article.post-preview.post-status-flagged img {
|
||||
border: 3px solid #F00;
|
||||
}
|
||||
|
||||
img#image {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
div#tag-list {
|
||||
padding: 10px;
|
||||
|
||||
li {
|
||||
margin: 2.5em 0.5em;
|
||||
@include inline-block;
|
||||
|
||||
a {
|
||||
background: #eee;
|
||||
font-size: $default_font_size;
|
||||
font-weight: bold;
|
||||
padding: 0.2em 0.5em;
|
||||
border: 1px solid #666;
|
||||
@include border-radius(0.5em);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div#c-posts {
|
||||
li.category-1 a {
|
||||
color: #A00;
|
||||
}
|
||||
|
||||
li.category-3 a {
|
||||
color: #A0A;
|
||||
}
|
||||
|
||||
li.category-4 a {
|
||||
color: #0A0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
@import "../common/000_vars.css.scss";
|
||||
@import "../common/simple_form.css.scss";
|
||||
|
||||
div#main {
|
||||
max-width: 960px;
|
||||
}
|
||||
|
||||
div#c-m-sessions {
|
||||
margin: 10px;
|
||||
}
|
||||
Reference in New Issue
Block a user