Commit 0beb0e79 authored by echel0n's avatar echel0n
Browse files

Misc style changes

parent 3f0fc475
# Changelog
- * 058bbc5 - 2018-08-01: Added margins to display show view
- * edb993c - 2018-08-01: Misc style changes
- * 3f0fc47 - 2018-08-01: Added margins to display show view
- * 056bf58 - 2018-08-01: Added margins for all layouts except poster in home view
- * 18c60e7 - 2018-08-01: Added backdrop for home view
- * 535cdc1 - 2018-08-01: Added backdrop for schedule view Added backdrop for history view Added opacity style to views with backdrops
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -12,8 +12,8 @@
<%block name="content">
<div class="row">
<div class="col-md-8 mx-auto">
<div class="card mt-3 mb-3">
<div class="col-lg-10 mx-auto">
<div class="card">
<div class="card-header">
<h3>${title}</h3>
</div>
......
......@@ -17,7 +17,7 @@
<%block name="content">
<div class="form-row">
<div class="col-lg-10 mx-auto">
<div class="card mt-3 mb-3">
<div class="card">
<div class="card-body">
<div class="card-text">
<div class="form-row">
......
......@@ -15,7 +15,7 @@
<%namespace file="./includes/quality_defaults.mako" import="renderQualityPill"/>
<div class="row">
<div class="col-lg-10 mx-auto">
<div class="card mt-3 mb-3">
<div class="card">
<div class="card-header">
<h3 class="float-left">${title}</h3>
<div class="float-right">
......
......@@ -4,10 +4,10 @@
%>
<%block name="content">
<div class="row">
<div class="col-md-8 mx-auto">
<div class="col-lg-10 mx-auto">
<form id="addShowForm" method="post" action="${srWebRoot}/home/addShows/addExistingShows"
accept-charset="utf-8">
<div class="card mt-3 mb-3">
<div class="card">
<div class="card-header">
<h3>${title}</h3>
</div>
......
......@@ -5,65 +5,67 @@
import sickrage
%>
<%block name="content">
<div id="addShowPortal" class="mx-auto w-50 mt-3 mb-3">
<div class="row">
<div class="col-md-12">
<a href="${srWebRoot}/home/addShows/newShow/">
<div class="card card-block text-white bg-dark">
<div class="card-header"><i class="sickrage-core sickrage-core-addnew"></i></div>
<div class="card-body">
<h4 class="card-title">${_('Add New Show')}</h4>
<p class="card-text">${_('For shows that you haven\'t downloaded yet, this option finds a '
'show on theTVDB.com, creates a directory for it\'s episodes and adds it.')}</p>
<div class="row">
<div class="col-lg-10 mx-auto">
<div class="row">
<div class="col-md-12">
<a href="${srWebRoot}/home/addShows/newShow/">
<div class="card card-block text-white bg-dark">
<div class="card-header"><i class="sickrage-core sickrage-core-addnew"></i></div>
<div class="card-body">
<h4 class="card-title">${_('Add New Show')}</h4>
<p class="card-text">${_('For shows that you haven\'t downloaded yet, this option finds a '
'show on theTVDB.com, creates a directory for it\'s episodes and adds it.')}</p>
</div>
</div>
</div>
</a>
</a>
</div>
</div>
</div>
<br/>
<div class="row">
<div class="col-md-12">
<a href="${srWebRoot}/home/addShows/traktShows">
<div class="card card-block text-white bg-dark">
<div class="card-header"><i class="sickrage-core sickrage-core-addtrakt"></i></div>
<div class="card-body">
<h4 class="card-title">${_('Add from Trakt')}</h4>
<p class="card-text">${_('For shows that you haven\'t downloaded yet, this option lets you '
'choose a show from one of the Trakt lists to add to SiCKRAGE.')}</p>
<br/>
<div class="row">
<div class="col-md-12">
<a href="${srWebRoot}/home/addShows/traktShows">
<div class="card card-block text-white bg-dark">
<div class="card-header"><i class="sickrage-core sickrage-core-addtrakt"></i></div>
<div class="card-body">
<h4 class="card-title">${_('Add from Trakt')}</h4>
<p class="card-text">${_('For shows that you haven\'t downloaded yet, this option lets you '
'choose a show from one of the Trakt lists to add to SiCKRAGE.')}</p>
</div>
</div>
</div>
</a>
</a>
</div>
</div>
</div>
<br/>
<div class="row">
<div class="col-md-12">
<a href="${srWebRoot}/home/addShows/popularShows">
<div class="card card-block text-white bg-dark">
<div class="card-header"><i class="sickrage-core sickrage-core-addimdb"></i></div>
<div class="card-body">
<h4 class="card-title">${_('Add from IMDB')}</h4>
<p class="card-text">${_('View IMDB\'s list of the most popular shows. This feature uses '
'IMDB\'s MOVIEMeter algorithm to identify popular TV Series.')}</p>
<br/>
<div class="row">
<div class="col-md-12">
<a href="${srWebRoot}/home/addShows/popularShows">
<div class="card card-block text-white bg-dark">
<div class="card-header"><i class="sickrage-core sickrage-core-addimdb"></i></div>
<div class="card-body">
<h4 class="card-title">${_('Add from IMDB')}</h4>
<p class="card-text">${_('View IMDB\'s list of the most popular shows. This feature uses '
'IMDB\'s MOVIEMeter algorithm to identify popular TV Series.')}</p>
</div>
</div>
</div>
</a>
</a>
</div>
</div>
</div>
<br/>
<div class="row">
<div class="col-md-12">
<a href="${srWebRoot}/home/addShows/existingShows">
<div class="card card-block text-white bg-dark">
<div class="card-header"><i class="sickrage-core sickrage-core-addexisting"></i></div>
<div class="card-body">
<h4 class="card-title">${_('Add Existing Shows')}</h4>
<p class="card-text">${_('Use this option to add shows that already have a folder created '
'on your hard drive. SickRage will scan your existing metadata/episodes and add the show '
'accordingly.')}</p>
<br/>
<div class="row">
<div class="col-md-12">
<a href="${srWebRoot}/home/addShows/existingShows">
<div class="card card-block text-white bg-dark">
<div class="card-header"><i class="sickrage-core sickrage-core-addexisting"></i></div>
<div class="card-body">
<h4 class="card-title">${_('Add Existing Shows')}</h4>
<p class="card-text">${_('Use this option to add shows that already have a folder created '
'on your hard drive. SickRage will scan your existing metadata/episodes and add the show '
'accordingly.')}</p>
</div>
</div>
</div>
</a>
</a>
</div>
</div>
</div>
</div>
......
......@@ -16,7 +16,7 @@
<div class="row">
<div class="col-lg-10 mx-auto">
<form action="editShow" method="post">
<div class="card mt-3 mb-3">
<div class="card">
<div class="card-header">
<h3 class="title float-md-left">${title}</h3>
<ul class="nav nav-pills card-header-pills float-md-right">
......
......@@ -3,8 +3,8 @@
import sickrage
from sickrage.core.helpers import anon_url
%>
<%block name="content">
<div class="row sickrage-submenu">
<%block name="sub_navbar">
<div class="row submenu">
<div class="col text-left">
<div class="form-inline m-2">
<select id="showsort" class="form-control form-control-inline m-1" title="${_('Show Sort')}">
......@@ -28,10 +28,12 @@
</div>
</div>
</div>
</%block>
<%block name="content">
<div class="row">
<div class="col-md-8 mx-auto">
<div class="card mt-1 mb-3">
<div class="col-lg-10 mx-auto">
<div class="card">
<div class="card-header">
<h3>${title}</h3>
</div>
......
......@@ -11,9 +11,9 @@
<%block name="metas">
<meta data-var="max_download_count" data-content="${max_download_count}">
</%block>
<%block name="content">
<%namespace file="../includes/quality_defaults.mako" import="renderQualityPill"/>
<div class="row sickrage-submenu mb-3">
<%block name="sub_navbar">
<div class="row submenu">
<div class="col text-left">
<div class="form-inline m-2">
% if sickrage.app.config.home_layout == 'poster':
......@@ -90,7 +90,10 @@
</div>
</div>
</div>
</%block>
<%block name="content">
<%namespace file="../includes/quality_defaults.mako" import="renderQualityPill"/>
% for curListType, curShowlist in showlists.items():
% if curListType == "Anime":
<div class="row">
......@@ -104,7 +107,7 @@
<i class="fas fa-10x fa-spinner fa-spin fa-fw"></i>
</div>
<div id="${('container', 'container-anime')[curListType == 'Anime' and sickrage.app.config.home_layout == 'poster']}"
class="show-grid mx-auto clearfix d-none">
class="show-grid clearfix mx-auto d-none">
<div class="posterview">
% for curLoadingShow in sickrage.app.show_queue.loadingShowList:
% if not curLoadingShow.show:
......
......@@ -6,7 +6,7 @@
<div class="row">
<div class="col-lg-10 mx-auto">
<form name="processForm" method="post" action="processEpisode" style="line-height: 40px;">
<div class="card mt-3 mb-3">
<div class="card">
<div class="card-header">
<h3 class="title">${title}</h3>
</div>
......
......@@ -10,7 +10,7 @@
<%block name="css" />
<%block name="content">
<div class="row mx-autow-100">
<div class="row mx-auto w-100">
<div class="col p-0 text-center">
<div class="card">
<div class="card-header">
......
......@@ -28,7 +28,7 @@
<div class="row">
<div class="col-lg-10 mx-auto">
<div class="card mt-3 mb-3">
<div class="card">
<div class="card-header">
<h3>${_('Scheduler')}</h3>
</div>
......
......@@ -12,8 +12,8 @@
%>
<%block name="content">
<div class="row">
<div class="col-md-8 mx-auto">
<div class="card mt-3 mb-3">
<div class="col-lg-10 mx-auto">
<div class="card">
<div class="card-header">
<h3>${title}</h3>
</div>
......
......@@ -11,8 +11,9 @@
<%block name="metas">
<meta data-var="sickrage.SORT_ARTICLE" data-content="${sickrage.app.config.sort_article}">
</%block>
<%block name="content">
<div class="row sickrage-submenu">
<%block name="sub_navbar">
<div class="row submenu">
<div class="col text-left">
<div class="form-inline m-2">
<select id="showsort" class="form-control form-control-inline m-1" title="${_('Sort By')}">
......@@ -63,10 +64,12 @@
</div>
</div>
</div>
</%block>
<%block name="content">
<div class="row">
<div class="col-md-8 mx-auto">
<div class="card mt-1 mb-3">
<div class="col-lg-10 mx-auto">
<div class="card">
<div class="card-header">
<h3>${title}</h3>
</div>
......
......@@ -6,7 +6,7 @@
<div class="row">
<div class="col-lg-10 mx-auto">
<form id="configForm" action="${self.formaction()}" method="post">
<div class="card mt-3 mb-3">
<div class="card">
<div class="card-header">
<h3 class="float-md-left"><i class="fas fa-wrench"></i> ${title}</h3>
<ul class="nav nav-pills card-header-pills float-md-right" id="config-menus">
......
......@@ -336,40 +336,22 @@
</nav>
% endif
<div class="container-fluid">
<div class="container-fluid mb-3">
% if submenu:
<div class="row sickrage-submenu">
<div class="row submenu">
<div class="col">
<div class="text-center d-print-none">
<% first = True %>
% for menuItem in submenu:
% if menuItem.get('requires', 1):
% if isinstance(menuItem['path'], dict):
${("</span><span>", "")[bool(first)]}<b>${menuItem['title']}</b>
<%
first = False
inner_first = True
%>
% for cur_link in menuItem['path']:
${("&middot;", "")[bool(inner_first)]}
<a href="${srWebRoot}${menuItem['path'][cur_link]}"
class="inner ${menuItem.get('class', '')} m-1">
${cur_link}
</a>
<% inner_first = False %>
% endfor
% else:
<a href="${srWebRoot}${menuItem['path']}"
class="btn ${('', ' confirm ')['confirm' in menuItem]} ${menuItem.get('class', '')}">
<i class='${menuItem.get('icon', '')}'></i> ${menuItem['title']}
</a>
<% first = False %>
% endif
% endif
<a href="${srWebRoot}${menuItem['path']}"
class="btn ${('', ' confirm ')['confirm' in menuItem]} ${menuItem.get('class', '')}">
<i class='${menuItem.get('icon', '')}'></i> ${menuItem['title']}
</a>
% endfor
</div>
</div>
</div>
% else:
<%block name="sub_navbar" />
% endif
</div>
......
......@@ -5,7 +5,7 @@
<%block name="content">
<div class="row">
<div class="col">
<div class="card mt-3 mb-3">
<div class="card">
<div class="card-header">
<h3 class="float-md-left">${title}</h3>
<div class="form-inline float-md-right">
......
......@@ -18,7 +18,7 @@
<div class="row">
<div class="col-lg-10 mx-auto">
<div class="card mt-3 mb-3">
<div class="card">
<div class="card-header">
<h3 class="float-md-left">${title}</h3>
<div class="float-md-right">
......
......@@ -7,7 +7,7 @@
<%block name="content">
<div class="row">
<div class="col-lg-10 mx-auto">
<div class="card mt-3 mb-3">
<div class="card">
<div class="card-header">
<h3>${title}</h3>
</div>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment