u/bodqhrohro/swineboard Commit - r65:805a710c

Changed fancybox skin a bit.

neko259 -

r65:805a710c default

parent child

boards/static/css/md/base_page.css

0 +11 0

             html {
                 background: #555;
                 color: #ffffff;
             }
             #admin_panel {
                 background: #FF0000;
                 color: #00FF00
             }
             .title {
                 font-weight: bold;
                 color: #ffcc00;
             }
             .link, a {
                 color: #afdcec;
             }
             .block {
                 display: inline-block;
                 vertical-align: top;
             }
             .tag {
                 color: #b4cfec;
             }
             .post_id {
                 color: #fff380;
             }
             .post, .dead_post {
                 background: #333;
                 margin: 5px;
                 padding: 10px;
                 border-radius: 5px;
                 clear: left;
             }
             .metadata {
                 padding: 5px;
                 margin-top: 10px;
                 border: solid 1px #666;
                 font-size: 0.9em;
                 color: #ddd;
                 display: table;
             }
             .navigation_panel {
                 background: #444;
                 margin: 5px;
                 padding: 10px;
                 border-radius: 5px;
                 color: #eee;
             }
             .navigation_panel .link {
                 border-right: 1px solid #fff;
                 font-weight: bold;
                 margin-right: 1ex;
                 padding-right: 1ex;
             }
             .navigation_panel .link:last-child {
                 border-left: 1px solid #fff;
                 border-right: none;
                 float: right;
                 margin-left: 1ex;
                 margin-right: 0;
                 padding-left: 1ex;
                 padding-right: 0;
             }
             .navigation_panel::after, .post::after {
                 clear: both;
                 content: ".";
                 display: block;
                 height: 0;
                 line-height: 0;
                 visibility: hidden;
             }
             p {
                 margin-top: .5em;
                 margin-bottom: .5em;
             }
             .post-form-w {
                 display: table;
                 background: #333344;
                 border-radius: 5px;
                 color: #fff;
                 padding: 10px;
                 margin: 5px
             }
             .form-row {
                 display: table-row;
             }
             .form-label, .form-input {
                 display: table-cell;
             }
             .form-label {
                 padding: .25em 1ex .25em 0;
                 vertical-align: top;
             }
             .form-input {
                 padding: .25em 0;
             }
             .post-form input, .post-form textarea {
                 background: #333;
                 color: #fff;
                 border: solid 1px;
                 padding: 0;
                 width: 100%;
             }
             .form-submit {
                 border-bottom: 2px solid #ddd;
                 margin-bottom: .5em;
                 padding-bottom: .5em;
             }
             .form-title {
                 font-weight: bold;
             }
             input[type="submit"] {
                 background: #222;
                 border: solid 1px #fff;
                 color: #fff;
             }
             blockquote {
                 border-left: solid 2px;
                 padding-left: 5px;
                 color: #B1FB17;
                 margin: 0;
             }
             .post > .image {
                 float: left; margin: 0 1ex .5ex 0;
             }
             .post > .metadata {
                 clear: left;
             }
             .get {
                 font-weight: bold;
                 color: #d55;
             }
             * {
                 text-decoration: none;
             }
             .dead_post {
                 background-color: #442222;
             }
             .quote {
                 color: greenyellow;
                 padding-left: 5px;
                 border-left: solid 2px greenyellow;
             }
             .spoiler {
                 background: white;
                 color: white;
             }
             .spoiler:hover {
                 background: black;
             }
             .comment {
                 color: darkseagreen;
             }
             a:hover {
                 text-decoration: underline;
             }
             .last-replies {
                 margin-left: 3ex;
             }
             .thread {
                 margin-bottom: 3ex;
             }
             .post:target {
                 border: solid 2px white;
             }
             pre{
                 white-space:pre-wrap
             }
             li {
                 list-style-position: inside;
+            }
+            .fancybox-skin {
+                position: relative;
+                background-color: #fff;
+                color: #ddd;
+                text-shadow: none;
+            }
+            .fancybox-image {
+                border: 1px solid black;
             }

boards/static/js/main.js

0 +1 -1

             $( document ).ready(function() {
                 $("a[href='#top']").click(function() {
                     $("html, body").animate({ scrollTop: 0 }, "slow");
                     return false;
                 });
                 $(".fancy").fancybox({
                     closeBtn: false,
                     closeClick: true,
-                    padding: 5,
+                    padding: 7,
                     openEffect: 'none',
                     closeEffect: 'none'
                 });
             })

templates/base.html

0 +2 -2

             {% load staticfiles %}
             {% load i18n %}
             <!DOCTYPE html>
             <html>
             <head>
                 <link rel="stylesheet" type="text/css"
-                      href="{{ STATIC_URL }}css/{{ theme }}/base_page.css" media="all"/>
+                      href="{{ STATIC_URL }}css/jquery.fancybox.css" media="all"/>
                 <link rel="stylesheet" type="text/css"
-                      href="{{ STATIC_URL }}css/jquery.fancybox.css" media="all"/>
+                      href="{{ STATIC_URL }}css/{{ theme }}/base_page.css" media="all"/>
                 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
                 {% block head %}{% endblock %}
             </head>
             <body>
             <script src="{{ STATIC_URL }}js/jquery-2.0.1.min.js"></script>
             <script src="{{ STATIC_URL }}js/jquery.fancybox.pack.js"></script>
             <script src="{{ STATIC_URL }}js/main.js"></script>
             <div id="admin_panel">
                 {% if request.session.admin == True %}
                     Admin panel TODO: Need to implement <BR />
                 {% endif %}
             </div>
             <div class="navigation_panel">
                 <a class="link" href="{% url 'index' %}">{% trans "All threads" %}</a>
                 {% for tag in tags %}
                     <a class="tag" href=" {% url 'tag' tag_name=tag.name %}">
                         {{ tag.name }}</a>({{ tag.get_post_count }})
                 {% endfor %}
                 <a class="tag" href="{% url 'tags' %}">[...]</a>
                 <a class="link" href="{% url 'settings' %}">{% trans 'Settings' %}</a>
             </div>
             {% block content %}{% endblock %}
             <div class="navigation_panel">
                 {% block metapanel %}{% endblock %}
                 <a class="link" href="#top">{% trans 'Up' %}</a>
             </div>
             </body>
             </html>

General Comments 0

Write
Preview

You need to be logged in to leave comments. Login now

No TODOs yet

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages