looking good, still need style for flash messages and maybe some logic around log in or join button when already logged in!
deleted: MANIFEST.in new file: remarkbox_theme_meta/static/theme/meta/css/diff.css new file: remarkbox_theme_meta/static/theme/meta/css/meta.css modified: remarkbox_theme_meta/templates/meta-base.j2 modified: setup.py
This commit is contained in:
parent
1194369da3
commit
04f3e174b5
5 changed files with 275 additions and 31 deletions
|
|
@ -1,2 +0,0 @@
|
|||
include *.txt *.ini *.cfg *.rst
|
||||
recursive-include remarkbox_theme_meta *.ico *.png *.css *.gif *.jpg *.pt *.txt *.mak *.mako *.js *.html *.xml *.j2
|
||||
70
remarkbox_theme_meta/static/theme/meta/css/diff.css
Normal file
70
remarkbox_theme_meta/static/theme/meta/css/diff.css
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
a, a:visited, a:hover {
|
||||
color: #292929;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
a:hover, a.navlogolink, a.navlogolink:visited {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
a.button {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
button {
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
input {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
min-height: 32px;
|
||||
min-width: 130px;
|
||||
font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
|
||||
font-size: 15px;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
box-shadow: none;
|
||||
box-sizing: border-box;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
#email_input {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
#keyword {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
min-height: 24px;
|
||||
min-width: 130px;
|
||||
}
|
||||
|
||||
.navother {
|
||||
z-index: 98;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 95px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 0px;
|
||||
left: 0;
|
||||
|
||||
background-color: #fcf9f9;
|
||||
}
|
||||
|
||||
.searchbox {
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
#search {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
#remarkbox-menu {
|
||||
padding-left: 60px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
159
remarkbox_theme_meta/static/theme/meta/css/meta.css
Normal file
159
remarkbox_theme_meta/static/theme/meta/css/meta.css
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
h1, h2, h3, h4, h5, h6 {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
a, a:link, a:visited {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.anchor {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: -150px;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: #888888;
|
||||
}
|
||||
|
||||
.nav a {
|
||||
color: #888888;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #f8f5f5;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.pricebox {
|
||||
text-align: center;
|
||||
background-color: #ffffff;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.deal {
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.graybg {
|
||||
/*background-color: #f8f5f5;*/
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.reasons {
|
||||
/*background-color: #f8f5f5;*/
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
|
||||
.nav, .navbar {
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
border-top: solid 4px #AA0000;
|
||||
}
|
||||
|
||||
.nav {
|
||||
padding-top: 15px;
|
||||
padding-bottom: 10px;
|
||||
/*border-bottom: 1px solid #eee;*/
|
||||
}
|
||||
|
||||
.navbar {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.redline {
|
||||
border-top: solid 4px #AA0000;
|
||||
}
|
||||
|
||||
.has-docked-nav .navbar {
|
||||
display: block;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.navlinks {
|
||||
float: right;
|
||||
padding-right: 40px;
|
||||
padding-left: 40px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.navlink {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.navlogo {
|
||||
width: 280px;
|
||||
/*vertical-align: middle;*/
|
||||
padding-right: 0px;
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.herologo {
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
min-width: 300px;
|
||||
padding-top: 40px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.row-padding {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
span.avoidwrap {
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 860px;
|
||||
}
|
||||
|
||||
/* mail chimp and red buttons */
|
||||
|
||||
#mc_embed_signup {
|
||||
clear:left; font:14px Helvetica,Arial,sans-serif;
|
||||
}
|
||||
#mc_embed_signup .button, .red {
|
||||
background-color: #AA0000;
|
||||
border-color: #AA0000;
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
#mc_embed_signup .button:hover, .red:hover {
|
||||
background-color: #D40000;
|
||||
border-color: #DA0000;
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
/* media viewports */
|
||||
|
||||
.shown-on-phone {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.shown-on-tablet {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width:568px) {
|
||||
.hidden-on-phone {display: none}
|
||||
.shown-on-phone {display: block}
|
||||
}
|
||||
|
||||
@media screen and (max-width:750px) {
|
||||
.navbar.hidden-on-tablet {display: none}
|
||||
.hidden-on-tablet {display: none}
|
||||
.shown-on-tablet {display: block}
|
||||
}
|
||||
|
|
@ -6,25 +6,25 @@
|
|||
|
||||
<!-- this makes mobile pretty... -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="theme-color" content="#030408">
|
||||
<meta name="theme-color" content="#D40000">
|
||||
|
||||
{% include 'snippets/stylesheet-includes.j2' %}
|
||||
|
||||
<link rel="stylesheet" href="/static/theme/westworld/css/normalize.css">
|
||||
<link rel="stylesheet" href="/static/theme/westworld/css/skeleton.css">
|
||||
<link rel="stylesheet" href="/static/theme/westworld/css/custom.css">
|
||||
<link rel="stylesheet" href="/static/theme/meta/css/normalize.css">
|
||||
<link rel="stylesheet" href="/static/theme/meta/css/skeleton.css">
|
||||
<link rel="stylesheet" href="/static/theme/meta/css/meta.css">
|
||||
<link rel="stylesheet" href="/static/theme/meta/css/diff.css">
|
||||
|
||||
{% include 'snippets/javascript-includes.j2' %}
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body class="remarkbox-body has-docked-nav">
|
||||
|
||||
{% set main_domain = "https://www.remarkbox.com" %}
|
||||
|
||||
<div class="nav hidden-on-tablet">
|
||||
<div>
|
||||
<a href="{{ main_domain }}"><img src="/static/theme/westworld/img/remarkbox-minified.png" class="navlogo" alt="Remarkbox Logo" /></a>
|
||||
<div class="navbar hidden-on-tablet">
|
||||
<a href="{{ main_domain }}" class="navlogolink"><img src="/static/theme/meta/img/remarkbox-minified.png" class="navlogo" alt="Remarkbox Logo" /></a>
|
||||
|
||||
<div class="navlinks">
|
||||
<a class="navlink" href="{{ main_domain }}#plans">Plans</a>
|
||||
|
|
@ -34,15 +34,45 @@
|
|||
<a class="button" href="{{ main_domain }}#beta">Log in</a>
|
||||
<a class="button red" href="{{ main_domain }}#beta">Join</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="navother">
|
||||
<div class="searchbox">
|
||||
{% include 'snippets/search.j2' %}
|
||||
</div>
|
||||
|
||||
<div id="remarkbox-menu">
|
||||
{%- block menu %}
|
||||
<a href="/">home</a> |
|
||||
<a href="/new">new thread</a> |
|
||||
|
||||
{%- if request.user %}
|
||||
{{request.user.name}} <a href="/log-out">[log out]</a>
|
||||
{% else %}
|
||||
<a href="/join-or-log-in">join-or-log-in</a>
|
||||
{%- endif %}
|
||||
{%- endblock %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<noscript>
|
||||
<style>
|
||||
.js-only {display: none;}
|
||||
</style>
|
||||
</noscript>
|
||||
|
||||
<div class="container" style="max-width: 960px">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div id="alerts">
|
||||
{%- for message, level in request.session.pop_flash() %}
|
||||
<div class="alert alert-{{level}}" onclick="this.style.display='none'" name="alert">
|
||||
|
|
@ -52,25 +82,7 @@
|
|||
{%- endfor %}
|
||||
</div>
|
||||
|
||||
<div class="searchbox">
|
||||
{% include 'snippets/search.j2' %}
|
||||
</div>
|
||||
|
||||
<div id="remarkbox-menu">
|
||||
{%- block menu %}
|
||||
<a href="/">home</a> |
|
||||
<a href="/new">new thread</a> |
|
||||
|
||||
{%- if request.user %}
|
||||
{{request.user.name}} <a href="/log-out">[log out]</a>
|
||||
{% else %}
|
||||
<a href="/join-or-log-in">join-or-log-in</a>
|
||||
{%- endif %}
|
||||
{%- endblock %}
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<h5>{{ request.namespace.name.split('.')[0] }}</h5>
|
||||
|
||||
<div class="main">
|
||||
{% block content %}
|
||||
|
|
@ -85,5 +97,10 @@
|
|||
<center>
|
||||
</div>
|
||||
|
||||
<!-- end of row -->
|
||||
</div>
|
||||
<!-- end of container -->
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
2
setup.py
2
setup.py
|
|
@ -9,7 +9,7 @@
|
|||
from setuptools import setup, find_packages
|
||||
|
||||
setup(name='remarkbox_theme_meta',
|
||||
version='0.2.0',
|
||||
version='0.2.1',
|
||||
description='remarkbox theme for meta and faq',
|
||||
classifiers=[
|
||||
"Programming Language :: Python",
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue