diff --git a/design_membership/calendar.html b/design_membership/calendar.html
new file mode 100644
index 00000000..acd783f5
--- /dev/null
+++ b/design_membership/calendar.html
@@ -0,0 +1,110 @@
+<html lang="en">
+<head>
+
+ <meta charset="UTF-8">
+ <title>Calendar</title>
+
+ <link rel="stylesheet" href="stylesheet.css">
+
+</head>
+<body>
+
+ <div class="container">
+
+ <div class="calendar">
+
+ <header>
+
+ <h2>September</h2>
+
+ <a class="btn-prev fontawesome-angle-left" href="#"></a>
+ <a class="btn-next fontawesome-angle-right" href="#"></a>
+
+ </header>
+
+ <table>
+
+ <thead>
+
+ <tr>
+
+ <td>Mo</td>
+ <td>Tu</td>
+ <td>We</td>
+ <td>Th</td>
+ <td>Fr</td>
+ <td>Sa</td>
+ <td>Su</td>
+
+ </tr>
+
+ </thead>
+
+ <tbody>
+
+ <tr>
+ <td class="prev-month">26</td>
+ <td class="prev-month">27</td>
+ <td class="prev-month">28</td>
+ <td class="prev-month">29</td>
+ <td class="prev-month">30</td>
+ <td class="prev-month">31</td>
+ <td>1</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>3</td>
+ <td>4</td>
+ <td>5</td>
+ <td>6</td>
+ <td>7</td>
+ <td>8</td>
+ </tr>
+ <tr>
+ <td>9</td>
+ <td class="event">10</td>
+ <td>11</td>
+ <td>12</td>
+ <td>13</td>
+ <td>14</td>
+ <td>15</td>
+ </tr>
+ <tr>
+ <td>16</td>
+ <td>17</td>
+ <td>18</td>
+ <td>19</td>
+ <td>20</td>
+ <td class="event">21</td>
+ <td>22</td>
+ </tr>
+
+ <tr>
+ <td class="current-day event">23</td>
+ <td>24</td>
+ <td>25</td>
+ <td>26</td>
+ <td>27</td>
+ <td>28</td>
+ <td>29</td>
+ </tr>
+ <tr>
+ <td>30</td>
+ <td class="next-month">1</td>
+ <td class="next-month">2</td>
+ <td class="next-month">3</td>
+ <td class="next-month">4</td>
+ <td class="next-month">5</td>
+ <td class="next-month">6</td>
+ </tr>
+
+ </tbody>
+
+ </table>
+
+ </div> <!-- end calendar -->
+
+ </div> <!-- end container -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/design_membership/calendar/calendar.html b/design_membership/calendar/calendar.html
new file mode 100644
index 00000000..5b3b04a2
--- /dev/null
+++ b/design_membership/calendar/calendar.html
@@ -0,0 +1,107 @@
+<html lang="en">
+<head>
+
+ <meta charset="UTF-8">
+ <title>Calendar</title>
+
+ <link rel="stylesheet" href="stylesheet.css">
+
+</head>
+<body>
+
+ <div class="container">
+
+ <div class="calendar">
+
+ <header>
+ <a class="btn-prev fontawesome-angle-left" href="#"></a>
+ <span id="monthtitle">September</span>
+
+ <a class="btn-next fontawesome-angle-right" href="#"></a>
+
+ <table>
+
+ <thead>
+
+ <tr>
+
+ <td>Mo</td>
+ <td>Tu</td>
+ <td>We</td>
+ <td>Th</td>
+ <td>Fr</td>
+ <td>Sa</td>
+ <td>Su</td>
+
+ </tr>
+
+ </thead>
+
+ <tbody>
+
+ <tr>
+ <td class="prev-month">26</td>
+ <td class="prev-month">27</td>
+ <td class="prev-month">28</td>
+ <td class="prev-month">29</td>
+ <td class="prev-month">30</td>
+ <td class="prev-month">31</td>
+ <td>1</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>3</td>
+ <td>4</td>
+ <td>5</td>
+ <td>6</td>
+ <td>7</td>
+ <td>8</td>
+ </tr>
+ <tr>
+ <td>9</td>
+ <td class="event">10</td>
+ <td>11</td>
+ <td>12</td>
+ <td>13</td>
+ <td>14</td>
+ <td>15</td>
+ </tr>
+ <tr>
+ <td>16</td>
+ <td>17</td>
+ <td>18</td>
+ <td>19</td>
+ <td>20</td>
+ <td class="event">21</td>
+ <td>22</td>
+ </tr>
+
+ <tr>
+ <td class="current-day event">23</td>
+ <td>24</td>
+ <td>25</td>
+ <td>26</td>
+ <td>27</td>
+ <td>28</td>
+ <td>29</td>
+ </tr>
+ <tr>
+ <td>30</td>
+ <td class="next-month">1</td>
+ <td class="next-month">2</td>
+ <td class="next-month">3</td>
+ <td class="next-month">4</td>
+ <td class="next-month">5</td>
+ <td class="next-month">6</td>
+ </tr>
+
+ </tbody>
+
+ </table>
+
+ </div> <!-- end calendar -->
+
+ </div> <!-- end container -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/design_membership/calendar/stylesheet.css b/design_membership/calendar/stylesheet.css
new file mode 100644
index 00000000..b5902a87
--- /dev/null
+++ b/design_membership/calendar/stylesheet.css
@@ -0,0 +1,160 @@
+@charset "utf-8";
+/* CSS Document */
+
+/* ---------- FONTAWESOME ---------- */
+/* ---------- http://fortawesome.github.com/Font-Awesome/ ---------- */
+/* ---------- http://weloveiconfonts.com/ ---------- */
+
+@import url(http://weloveiconfonts.com/api/?family=fontawesome);
+
+*[class*="fontawesome-"]:before {
+ font-family: 'FontAwesome', sans-serif;
+}
+
+/* ---------- GENERAL ---------- */
+
+body {
+ background: #f9f9f9;
+ color: #0e171c;
+ font: 300 100%/1em 'Lato', sans-serif;
+ margin: 0;
+}
+
+a {
+ text-decoration: none;
+}
+
+/*Month size*/
+#monthtitle {
+ font-size: 1.2em;
+ line-height: 1.25em;
+ margin: .25em 0;
+ font-weight: 600;
+}
+
+h3 {
+ font-size: 1.5em;
+ line-height: 1em;
+ margin: .33em 0;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ margin:auto;
+
+}
+
+.container {
+ height: 358px;
+ left: 50%;
+ margin: -255px 0 0 -245px;
+ position: absolute;
+ top: 50%;
+ width: 340px;
+}
+
+/* ---------- CALENDAR ---------- */
+
+.calendar {
+ text-align: center;
+}
+
+.calendar header {
+ position: relative;
+}
+
+.calendar #monthtitle {
+ text-transform: uppercase;
+ color: #1A6687;
+}
+/*Title*/
+.calendar thead {
+ font-weight: 500;
+ /*text-transform: uppercase;*/
+ color: #8BC4C9;
+ /*margin-bottom:1px;*/
+
+}
+
+/*Body text*/
+.calendar tbody {
+ color: #7c8a95;
+}
+
+/*select date*/
+.calendar tbody td:hover {
+ background: #347D80;
+ color: #f9f9f9;
+ /*border: .1px solid #8BC4C9;*/
+
+ /*border-radius: 50%;*/
+}
+
+.calendar thead>tr>td{
+ border-top:hidden;
+ border-left:hidden;
+ border-right: hidden;
+}
+
+.calendar td {
+ border: .1px solid #cbd1d2;
+ /*border-radius: 50%;*/
+ display: inline-block;
+ height: 2.5em;
+ line-height: 2.5em;
+ text-align: center;
+ width: 2.5em;
+
+}
+
+.calendar .prev-month,
+.calendar .next-month {
+ /*border: .1px solid #cbd1d2;*/
+ color: #cbd1d2;
+
+}
+
+.calendar .prev-month:hover,
+.calendar .next-month:hover {
+ border: .5px solid #cbd1d2;
+ background: #cbd1d2;
+ color: #f9f9f9;
+}
+
+/*Today*/
+.current-day {
+ color: #8BC4C9;
+ /*background-color: #8BC4C9;*/
+}
+
+
+/*Next,Prev month*/
+.btn-prev,
+.btn-next {
+ border: 1px solid transparent;
+ color: #8BC4C9;
+ font-size: 1.5em;
+ padding: 1em;
+ /*height: .7em;*/
+ /*line-height: .3em;*/
+ /*margin: auto;*/
+ /*position: absolute;*/
+ /*top: .1em;*/
+ /*width: 25em;*/
+}
+
+
+.btn-prev:hover,
+.btn-next:hover {
+ background: none;
+ color: #1A6687;
+}
+
+.btn-prev {
+ left: 6em;
+}
+
+.btn-next {
+ right: 6em;
+}
\ No newline at end of file
diff --git a/design_membership/login.html b/design_membership/login.html
index 6f796f06..5c9d5461 100644
--- a/design_membership/login.html
+++ b/design_membership/login.html
@@ -15,15 +15,15 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
- <a class="navbar-brand" href="#"><span>Brand</span></a>
+ <a class="navbar-brand" href="#"><span>Digital Glarus</span></a>
</div>
<div class="collapse navbar-collapse" id="navbar-ex-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active">
- <a href="#">Home</a>
+ <a href="{% url 'digitalglarus:index' %}">Home</a>
</li>
<li>
- <a href="#">Contacts</a>
+ <a href="{% url 'digitalglarus:contact' %}">Contacts</a>
</li>
</ul>
</div>
diff --git a/design_membership/stylesheet.css b/design_membership/stylesheet.css
new file mode 100644
index 00000000..d0ed6d1f
--- /dev/null
+++ b/design_membership/stylesheet.css
@@ -0,0 +1,165 @@
+@charset "utf-8";
+/* CSS Document */
+
+/* ---------- FONTAWESOME ---------- */
+/* ---------- http://fortawesome.github.com/Font-Awesome/ ---------- */
+/* ---------- http://weloveiconfonts.com/ ---------- */
+
+@import url(http://weloveiconfonts.com/api/?family=fontawesome);
+
+*[class*="fontawesome-"]:before {
+ font-family: 'FontAwesome', sans-serif;
+}
+
+/* ---------- GENERAL ---------- */
+
+body {
+ background: #f9f9f9;
+ color: #0e171c;
+ font: 300 100%/1.5em 'Lato', sans-serif;
+ margin: 0;
+}
+
+a {
+ text-decoration: none;
+}
+
+/*Month size*/
+h2 {
+ font-size: 1.5em;
+ line-height: 1.25em;
+ margin: .25em 0;
+}
+
+h3 {
+ font-size: 1.5em;
+ line-height: 1em;
+ margin: .33em 0;
+}
+
+table {
+ /*border-collapse: collapse;*/
+ border-spacing: 0;
+ margin:auto;
+}
+
+.container {
+ height: 558px;
+ left: 50%;
+ margin: -255px 0 0 -245px;
+ position: absolute;
+ top: 50%;
+ width: 540px;
+}
+
+/* ---------- CALENDAR ---------- */
+
+.calendar {
+ text-align: center;
+}
+
+.calendar header {
+ position: relative;
+}
+
+.calendar h2 {
+ text-transform: uppercase;
+ color: #1A6687;
+}
+/*Title*/
+.calendar thead {
+ font-weight: 600;
+ text-transform: uppercase;
+ color: #8BC4C9;
+}
+
+/*Body text*/
+.calendar tbody {
+ color: #7c8a95;
+}
+
+/*select date*/
+.calendar tbody td:hover {
+ border: .5px solid #8BC4C9;
+ -webkit-border: .5px solid none;
+ border-radius: 50%;
+}
+
+.calendar td {
+ border: .5px solid transparent;
+ border-radius: 50%;
+ display: inline-block;
+ height: 2.5em;
+ line-height: 2.5em;
+ text-align: center;
+ width: 2.5em;
+
+}
+
+.calendar .prev-month,
+.calendar .next-month {
+ color: #cbd1d2;
+}
+
+.calendar .prev-month:hover,
+.calendar .next-month:hover {
+ border: .5px solid #cbd1d2;
+}
+
+/*Today*/
+.current-day {
+ background: #8BC4C9;
+ color: #f9f9f9;
+}
+
+.event {
+ cursor: pointer;
+ position: relative;
+}
+
+/*Little dot*/
+.event:after {
+ background: #8BC4C9;
+ border-radius: 50%;
+ bottom: .35em;
+ display: block;
+ content: '';
+ height: .35em;
+ left: 50%;
+ margin: -.25em 0 0 -.25em ;
+ position: absolute;
+ width: .35em;
+}
+
+.event.current-day:after {
+ background: #f9f9f9;
+}
+
+/*Next,Prev month*/
+.btn-prev,
+.btn-next {
+ border: 1px solid transparent;
+ color: #8BC4C9;
+ height: 2em;
+ font-size: .75em;
+ line-height: 2em;
+ margin: auto;
+ position: absolute;
+ top: .3em;
+ width: 10em;
+}
+
+
+.btn-prev:hover,
+.btn-next:hover {
+ background: none;
+ color: #1A6687;
+}
+
+.btn-prev {
+ left: 6em;
+}
+
+.btn-next {
+ right: 6em;
+}
\ No newline at end of file
diff --git a/digitalglarus/models.py b/digitalglarus/models.py
index 19962a2f..3939dac1 100644
--- a/digitalglarus/models.py
+++ b/digitalglarus/models.py
@@ -1,6 +1,7 @@
from django.db import models
from cms.models import CMSPlugin
from filer.fields.image import FilerImageField
+from django.core.urlresolvers import reverse
class Supporter(models.Model):
diff --git a/digitalglarus/static/digitalglarus/css/login.css b/digitalglarus/static/digitalglarus/css/login.css
new file mode 100644
index 00000000..f0cd3326
--- /dev/null
+++ b/digitalglarus/static/digitalglarus/css/login.css
@@ -0,0 +1,71 @@
+.user {
+ padding-right: 2%;
+ background-position: 6px 7px;
+ background-repeat: no-repeat;
+ background-color: white;
+ padding: 5px 8px 4px 8px;
+ -webkit-border-radius: 0px 0px 8px 8px;
+ -moz-border-radius: 0px 0px 8px 8px;
+ border-radius: 1px 1px 1px 1px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-left: 8px;
+ background-color: #333;
+ padding: 4px 4px 0px 4px;
+ -webkit-border-radius: 0px 0px 10px 10px;
+ -moz-border-radius: 0px 0px 10px 10px;
+ border-radius: 0px 0px 10px 10px;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #794646;
+ background-color: #fff;
+
+}
+
+.user_loggedin{
+ padding-bottom: 2%;
+ padding-right: 2%;
+ background-position: 6px 7px;
+ background-repeat: no-repeat;
+ background-color: white;
+ padding: 5px 8px 4px 8px;
+ -webkit-border-radius: 0px 0px 8px 8px;
+ -moz-border-radius: 0px 0px 8px 8px;
+ border-radius: 1px 1px 1px 1px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ float: left;
+ margin-left: 8px;
+ background-color: #333;
+ padding: 4px 4px 0px 4px;
+ -webkit-border-radius: 0px 0px 10px 10px;
+ -moz-border-radius: 0px 0px 10px 10px;
+ border-radius: 0px 0px 10px 10px;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #777;
+ background-color: #fff;
+}
+
+.user > span {
+ width: 100%;
+}
+
+.u_P {
+ background-color: #fffcfc;
+ text-transform: uppercase;
+ padding-right: 2%;
+ padding-left:2%;
+ padding-bottom:0.5%;
+ margin-right: 1%;
+}
+.u_P a{
+ margin-bottom: 1%;
+ color: #777;
+}
+.u_P a:hover{
+ text-decoration: None;
+ color: #000;
+}
diff --git a/digitalglarus/templates/base_glarus.html b/digitalglarus/templates/base_glarus.html
index 192f7f66..36ef3e6c 100644
--- a/digitalglarus/templates/base_glarus.html
+++ b/digitalglarus/templates/base_glarus.html
@@ -21,12 +21,15 @@
<!-- Custom CSS -->
<link href="{% static 'digitalglarus/css/business-casual.css' %}" rel="stylesheet">
+ <link href="{% static 'digitalglarus/css/login.css' %}" rel="stylesheet">
<!-- Fonts -->
<link href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"
rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic"
rel="stylesheet" type="text/css">
+ <link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css"
+ rel="stylesheet" type="text/css">
{% render_block "css" postprocessor "compressor.contrib.sekizai.compress" %}
{% render_block "js" postprocessor "compressor.contrib.sekizai.compress" %}
@@ -37,6 +40,7 @@
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
+
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
@@ -58,14 +62,28 @@
<body>
{% cms_toolbar %}
+<div class="pull-right u_P user">
+ {% if request.user.is_authenticated %}
+ <div class="user_loggedin">
+ <h4>{{ request.user.name }}
+ <a href="{% url 'logout_glarus' %}"><i class="fa fa-1x fa-sign-out"
+ aria-hidden="true"></i></a>
+ </h4>
+ </div>
+ {% else %}
+ <a href="{% url 'login_glarus' %}"><h4>Login</h4></a>
+ {% endif %}
+</div>
<div class="brand">Digital Glarus</div>
<div class="address-bar">The Swiss IT Valley | Schwanden, 8762 GL Switzerland | From 2015.10.13</div>
<div>{% language_chooser "language_chooser.html" %}</div>
<!-- Navigation -->
<nav class="navbar navbar-default" role="navigation">
+
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
+
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1">
@@ -80,8 +98,8 @@
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
-{# <pre> {% filter force_escape %} {% debug %} {% endfilter %} </pre>#}
-{# {% show_menu 0 0 0 1 %}#}
+ {# <pre> {% filter force_escape %} {% debug %} {% endfilter %} </pre>#}
+ {# {% show_menu 0 0 0 1 %}#}
<li>
<a href="{% url 'digitalglarus:home' %}">Home</a>
</li>
diff --git a/digitalglarus/urls.py b/digitalglarus/urls.py
index ef929726..29c9dcb8 100644
--- a/digitalglarus/urls.py
+++ b/digitalglarus/urls.py
@@ -10,6 +10,8 @@ urlpatterns = [
url(_(r'about/?$'), AboutView.as_view(), name='about'),
url(_(r'contact/?$'), ContactView.as_view(), name='contact'),
url(_(r'supporters/?$'), views.supporters, name='supporters'),
+ url(_(r'calendar_api/(?P<month>\d+)/(?P<year>\d+)?$'),views.CalendarApi.as_view()),
+ url(_(r'calendar_api/'),views.CalendarApi.as_view()),
url(_(r'support-us/?$'), views.support, name='support'),
url(r'^blog/(?P<slug>\w[-\w]*)/$', views.blog_detail, name='blog-detail'),
url(r'blog/$', views.blog, name='blog'),
diff --git a/digitalglarus/views.py b/digitalglarus/views.py
index 1002ba3d..3dcadbfc 100644
--- a/digitalglarus/views.py
+++ b/digitalglarus/views.py
@@ -9,12 +9,28 @@ from django.views.generic import TemplateView
from django.utils.translation import get_language
from djangocms_blog.models import Post
from django.contrib import messages
-
+from django.http import JsonResponse
+from django.views.generic import View
from .models import Supporter
from utils.forms import ContactUsForm
from django.views.generic.edit import FormView
+from membership.calendar.calendar import BookCalendar
+from membership.models import Calendar as CalendarModel
+import json
+from django.contrib.auth import logout
+class CalendarApi(View):
+ def get(self,request,month,year):
+ calendar = BookCalendar(request.user,requested_month=month).formatmonth(int(year),int(month))
+ ret = {'calendar':calendar,'month':month,'year':year}
+ return JsonResponse(ret)
+
+ def post(self,request):
+ pd = json.loads(request.POST.get('data',''))
+ ret = {'status':'success'}
+ CalendarModel.add_dates(pd,request.user)
+ return JsonResponse(ret)
class ContactView(FormView):
template_name = 'contact.html'
@@ -45,17 +61,6 @@ def detail(request, message_id):
def about(request):
return render(request, 'digitalglarus/about.html')
-
-
-#def index(request):
-# return render(request, 'digitalglarus/index.html')
-#
-#def letscowork(request):
-# return render(request, 'digitalglarus/letscowork.html')
-
-# def index(request):
-# return home(request)
-
def home(request):
return render(request, 'index.html')
@@ -92,3 +97,6 @@ def supporters(request):
'supporters': Supporter.objects.order_by('name')
}
return render(request, 'supporters.html', context)
+
+
+
diff --git a/dynamicweb/settings/base.py b/dynamicweb/settings/base.py
index 39902025..49d9ba0e 100644
--- a/dynamicweb/settings/base.py
+++ b/dynamicweb/settings/base.py
@@ -282,9 +282,9 @@ CACHES = {
}
if LOGIN_URL is None:
- LOGIN_URL = APP_ROOT_ENDPOINT + 'accounts/login/'
+ LOGIN_URL = APP_ROOT_ENDPOINT + 'login/'
if LOGOUT_URL is None:
- LOGOUT_URL = APP_ROOT_ENDPOINT + 'accounts/logout/'
+ LOGOUT_URL = APP_ROOT_ENDPOINT + 'logout/'
if LOGIN_REDIRECT_URL is None:
LOGIN_REDIRECT_URL = APP_ROOT_ENDPOINT
diff --git a/dynamicweb/urls.py b/dynamicweb/urls.py
index b0c83054..b8d10e19 100644
--- a/dynamicweb/urls.py
+++ b/dynamicweb/urls.py
@@ -5,18 +5,11 @@ from django.conf.urls.i18n import i18n_patterns
from django.conf.urls.static import static
from django.conf import settings
-<<<<<<< HEAD
-from hosting.views import railshosting, nodejshosting, djangohosting
-=======
from hosting.views import RailsHostingView
->>>>>>> remotes/origin/feature/vm_pricing
from membership import urls as membership_urls
urlpatterns = [
url(r'^hosting/', include('hosting.urls', namespace="hosting")),
- url(r'^railshosting/', railshosting, name="rails.hosting"),
- url(r'^nodehosting/', nodejshosting, name="node.hosting"),
- url(r'^djangohosting/', djangohosting, name="django.hosting"),
url(r'^railshosting/', RailsHostingView.as_view(), name="rails.hosting"),
url(r'^taggit_autosuggest/', include('taggit_autosuggest.urls')),
url(r'^jsi18n/(?P<packages>\S+?)/$',
@@ -33,7 +26,8 @@ urlpatterns += i18n_patterns('',
url(r'^digitalglarus/', include('digitalglarus.urls',
namespace="digitalglarus"),name='digitalglarus'),
url(r'^blog/',include('ungleich.urls',namespace='ungleich')),
- url(r'^',include('ungleich_page.urls',namespace='ungleich_page'),name="ungleich_page"),
+ url(r'^login/',include(membership_urls)),
+ url(r'^$',include('ungleich_page.urls',namespace='ungleich_page'),name="ungleich_page"),
url(r'^', include('cms.urls')),
)
diff --git a/membership/calendar/__init__.py b/membership/calendar/__init__.py
new file mode 100644
index 00000000..6a4085ff
--- /dev/null
+++ b/membership/calendar/__init__.py
@@ -0,0 +1 @@
+__author__ = 'tomislav'
diff --git a/membership/calendar/calendar.py b/membership/calendar/calendar.py
new file mode 100644
index 00000000..bdc4f0f2
--- /dev/null
+++ b/membership/calendar/calendar.py
@@ -0,0 +1,136 @@
+from calendar import month_name, day_abbr
+from calendar import Calendar
+from membership.models import Calendar as CalendarModel
+import datetime
+
+now = datetime.datetime.now()
+
+
+class CustomCalendar(Calendar):
+ def __init__(self):
+ super(CustomCalendar, self).__init__(firstweekday=0)
+
+ def itermonthdays(self, year, month):
+ """
+ Like itermonthdates(), but will yield day numbers. For days outside
+ the specified month the day number.
+ """
+ for date in self.itermonthdates(year, month):
+ yield date.day
+
+ def itermonthdays2(self, year, month):
+ """
+ Like itermonthdates(), but will yield (day number, weekday number)
+ tuples. For days outside the specified month the day number is 0.
+ """
+ for date in self.itermonthdates(year, month):
+ yield (date.day, date.weekday(), date.month)
+
+
+class CustomHTMLCalendar(CustomCalendar):
+ """
+ This calendar returns complete HTML pages.
+ """
+
+ # CSS classes for the day <td>s
+
+ def __init__(self, requested_month):
+ self.requested_month = requested_month
+ super(CustomHTMLCalendar, self).__init__()
+
+ def formatday(self, day, weekday, month=None,year=None):
+ """
+ Return a day as a table cell.
+ """
+
+ booked = CalendarModel.objects.filter(user_id=self.user.id)
+ is_booked= booked.filter(datebooked=datetime.date(day=day,month=month,year=year))
+
+ if month < int(self.requested_month):
+ return '<td class="prev-month %s">%d</td>' % ("selected" if is_booked else "",day)
+ elif month > int(self.requested_month):
+ return '<td class="next-month %s">%d</td>' % ("selected" if is_booked else "",day)
+ else:
+ return '<td class="%s">%d</td>' % ("selected" if is_booked else "",day)
+
+ def formatweek(self, theweek,year):
+ """
+ Return a complete week as a table row.
+ """
+ s = ''.join(self.formatday(d, wd, month,year) for (d, wd, month) in theweek)
+ return '<tr>%s</tr>' % s
+
+ def formatmonthname(self, theyear, themonth, withyear=True):
+ """
+ Return a month name as a table row.
+ """
+ if withyear:
+ s = '%s %s' % (month_name[themonth], theyear)
+ else:
+ s = '%s' % month_name[themonth]
+ return '<tr><th colspan="7" class="month">%s</th></tr>' % s
+
+ def add_before(self):
+ return '<a class="btn-prev fontawesome-angle-left" href="#"></a>'
+
+ def add_after(self):
+ return '<a class="btn-next fontawesome-angle-right" href="#"></a>'
+
+ def formatmonth(self, theyear, themonth, withyear=True):
+ """
+ Return a formatted month as a table.
+ """
+ v = []
+ a = v.append
+ a('<table border="0" cellpadding="0" cellspacing="0" class="month">')
+ a('\n')
+ a(self.add_before())
+ a('\n')
+ a(self.formatmonthname(theyear, themonth, withyear=withyear))
+ a('\n')
+ a(self.add_after())
+ a('\n')
+ a(self.formatweekheader())
+ a('\n')
+ for week in self.monthdays2calendar(theyear, themonth):
+ a(self.formatweek(week,theyear))
+ a('\n')
+ a('</table>')
+ a('\n')
+ a('<span id="datesbooked"></span>')
+ return ''.join(v)
+
+
+class BookCalendar(CustomHTMLCalendar):
+ def __init__(self, user,requested_month):
+ self.user=user
+ super(BookCalendar, self).__init__(requested_month)
+
+ def formatmonth(self, year, month):
+ self.year, self.month = year, month
+ return super(BookCalendar, self).formatmonth(year, month)
+
+ def day_cell(self, cssclass, body):
+ return '<td>%s</td>' % body
+
+ def formatmonthname(self, theyear, themonth, withyear):
+ """
+ Return a month name as a table row.
+ """
+ s = '%s' % month_name[themonth]
+ return '<span id="monthtitle">%s</span>' % s
+
+ def formatweekday(self, day):
+ """
+ Return a weekday name as a table header.
+ """
+
+ ret = '<td>%s</td>' % day_abbr[day][0:2]
+ return ret
+
+ def formatweekheader(self):
+ """
+ Return a header for a week as a table row.
+ """
+ s = ''.join(self.formatweekday(i) for i in self.iterweekdays())
+ return '<thead>%s</thead>' % s
diff --git a/membership/migrations/0003_auto_20160422_1002.py b/membership/migrations/0003_auto_20160422_1002.py
new file mode 100644
index 00000000..8e1e06ac
--- /dev/null
+++ b/membership/migrations/0003_auto_20160422_1002.py
@@ -0,0 +1,35 @@
+# -*- coding: utf-8 -*-
+# Generated by Django 1.9.4 on 2016-04-22 10:02
+from __future__ import unicode_literals
+
+from django.conf import settings
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+ dependencies = [
+ ('sites', '0002_alter_domain_unique'),
+ ('membership', '0002_auto_20160324_2336'),
+ ]
+
+ operations = [
+ migrations.CreateModel(
+ name='Calendar',
+ fields=[
+ ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+ ('datebooked', models.DateField()),
+ ],
+ ),
+ migrations.AddField(
+ model_name='customuser',
+ name='site',
+ field=models.ForeignKey(default=1, on_delete=django.db.models.deletion.CASCADE, to='sites.Site'),
+ ),
+ migrations.AddField(
+ model_name='calendar',
+ name='user',
+ field=models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL),
+ ),
+ ]
diff --git a/membership/models.py b/membership/models.py
index 34390c45..1532d24f 100644
--- a/membership/models.py
+++ b/membership/models.py
@@ -1,10 +1,13 @@
+from datetime import datetime
+
from django.db import models
from django.utils.translation import ugettext_lazy as _
-from django.contrib.auth.models import User, AbstractBaseUser, BaseUserManager,AbstractUser
+from django.contrib.auth.models import User, AbstractBaseUser, BaseUserManager, AbstractUser
from django.contrib.auth.hashers import make_password
from django.core.mail import send_mail
from django.core.validators import RegexValidator
from django.contrib.auth.models import User
+from django.contrib.sites.models import Site
REGISTRATION_MESSAGE = {'subject': "Validation mail",
'message': 'Please validate Your account under this link http://localhost:8000/en-us/login/validate/{}',
@@ -43,6 +46,7 @@ class MyUserManager(BaseUserManager):
class CustomUser(AbstractBaseUser):
VALIDATED_CHOICES = ((0, 'Not validated'), (1, 'Validated'))
+ site = models.ForeignKey(Site, default=1)
name = models.CharField(max_length=50)
email = models.EmailField(unique=True)
@@ -123,5 +127,26 @@ class CreditCards(models.Model):
card_number = models.CharField(max_length=50)
expiry_date = models.CharField(max_length=50, validators=[RegexValidator(r'\d{2}\/\d{4}', _(
'Use this pattern(MM/YYYY).'))])
- ccv = models.CharField(max_length=4,validators=[RegexValidator(r'\d{3,4}',_('Wrong CCV number.'))])
- payment_type = models.CharField(max_length=5,default='N')
+ ccv = models.CharField(max_length=4, validators=[RegexValidator(r'\d{3,4}', _('Wrong CCV number.'))])
+ payment_type = models.CharField(max_length=5, default='N')
+
+
+class Calendar(models.Model):
+ datebooked = models.DateField()
+ user = models.ForeignKey(CustomUser)
+
+ def __init__(self, *args, **kwargs):
+ if kwargs.get('datebooked'):
+ user = kwargs.get('user')
+ kwargs['datebooked'] = datetime.strptime(kwargs.get('datebooked', ''), '%d,%m,%Y')
+ self.user_id = user.id
+ super(Calendar, self).__init__(*args, **kwargs)
+
+ @classmethod
+ def add_dates(cls,dates,user):
+ old_dates = Calendar.objects.filter(user_id=user.id)
+ if old_dates:
+ old_dates.delete()
+ for date in dates:
+ Calendar.objects.create(datebooked=date,user=user)
+
diff --git a/membership/static/membership.css b/membership/static/membership.css
index f1ca8618..3f0eea97 100644
--- a/membership/static/membership.css
+++ b/membership/static/membership.css
@@ -1,4 +1,5 @@
@import url('https://fonts.googleapis.com/css?family=Lato|Lato');
+
/*!
* Default theme for Pingendo
* Homepage: http://pingendo.com
@@ -14,13 +15,15 @@
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
- font-family: sans-serif;
- -ms-text-size-adjust: 100%;
- -webkit-text-size-adjust: 100%;
+ font-family: sans-serif;
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
}
+
body {
- margin: 0;
+ margin: 0;
}
+
article,
aside,
details,
@@ -34,1148 +37,1486 @@ menu,
nav,
section,
summary {
- display: block;
+ display: block;
}
+
audio,
canvas,
progress,
video {
- display: inline-block;
- vertical-align: baseline;
+ display: inline-block;
+ vertical-align: baseline;
}
+
audio:not([controls]) {
- display: none;
- height: 0;
+ display: none;
+ height: 0;
}
+
[hidden],
template {
- display: none;
+ display: none;
}
+
a {
- background-color: transparent;
+ background-color: transparent;
}
+
a:active,
a:hover {
- outline: 0;
+ outline: 0;
}
+
abbr[title] {
- border-bottom: 1px dotted;
+ border-bottom: 1px dotted;
}
+
b,
strong {
- font-weight: bold;
+ font-weight: bold;
}
+
dfn {
- font-style: italic;
+ font-style: italic;
}
+
h1 {
- font-size: 2em;
- margin: 0.67em 0;
+ font-size: 2em;
+ margin: 0.67em 0;
}
+
mark {
- background: #ff0;
- color: #000;
+ background: #ff0;
+ color: #000;
}
+
small {
- font-size: 80%;
+ font-size: 80%;
}
+
sub,
sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
}
+
sup {
- top: -0.5em;
+ top: -0.5em;
}
+
sub {
- bottom: -0.25em;
+ bottom: -0.25em;
}
+
img {
- border: 0;
+ border: 0;
}
+
svg:not(:root) {
- overflow: hidden;
+ overflow: hidden;
}
+
figure {
- margin: 1em 40px;
+ margin: 1em 40px;
}
+
hr {
- -moz-box-sizing: content-box;
- box-sizing: content-box;
- height: 0;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
}
+
pre {
- overflow: auto;
+ overflow: auto;
}
+
code,
kbd,
pre,
samp {
- font-family: monospace, monospace;
- font-size: 1em;
+ font-family: monospace, monospace;
+ font-size: 1em;
}
+
button,
input,
optgroup,
select,
textarea {
- color: inherit;
- font: inherit;
- margin: 0;
+ color: inherit;
+ font: inherit;
+ margin: 0;
}
+
button {
- overflow: visible;
+ overflow: visible;
}
+
button,
select {
- text-transform: none;
+ text-transform: none;
}
+
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
- -webkit-appearance: button;
- cursor: pointer;
+ -webkit-appearance: button;
+ cursor: pointer;
}
+
button[disabled],
html input[disabled] {
- cursor: default;
+ cursor: default;
}
+
button::-moz-focus-inner,
input::-moz-focus-inner {
- border: 0;
- padding: 0;
+ border: 0;
+ padding: 0;
}
+
input {
- line-height: normal;
+ line-height: normal;
}
+
input[type="checkbox"],
input[type="radio"] {
- box-sizing: border-box;
- padding: 0;
+ box-sizing: border-box;
+ padding: 0;
}
+
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
- height: auto;
+ height: auto;
}
+
input[type="search"] {
- -webkit-appearance: textfield;
- -moz-box-sizing: content-box;
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
+ -webkit-appearance: textfield;
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
}
+
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
+ -webkit-appearance: none;
}
+
fieldset {
- border: 1px solid #c0c0c0;
- margin: 0 2px;
- padding: 0.35em 0.625em 0.75em;
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
}
+
legend {
- border: 0;
- padding: 0;
+ border: 0;
+ padding: 0;
}
+
textarea {
- overflow: auto;
+ overflow: auto;
}
+
optgroup {
- font-weight: bold;
+ font-weight: bold;
}
+
table {
- border-collapse: collapse;
- border-spacing: 0;
+ border-collapse: collapse;
+ border-spacing: 0;
}
+
td,
th {
- padding: 0;
+ padding: 0;
}
+
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
- *,
- *:before,
- *:after {
- background: transparent !important;
- color: #000 !important;
- box-shadow: none !important;
- text-shadow: none !important;
- }
- a,
- a:visited {
- text-decoration: underline;
- }
- a[href]:after {
- content: " (" attr(href) ")";
- }
- abbr[title]:after {
- content: " (" attr(title) ")";
- }
- a[href^="#"]:after,
- a[href^="javascript:"]:after {
- content: "";
- }
- pre,
- blockquote {
- border: 1px solid #999;
- page-break-inside: avoid;
- }
- thead {
- display: table-header-group;
- }
- tr,
- img {
- page-break-inside: avoid;
- }
- img {
- max-width: 100% !important;
- }
- p,
- h2,
- h3 {
- orphans: 3;
- widows: 3;
- }
- h2,
- h3 {
- page-break-after: avoid;
- }
- select {
- background: #fff !important;
- }
- .navbar {
- display: none;
- }
- .btn > .caret,
- .dropup > .btn > .caret {
- border-top-color: #000 !important;
- }
- .label {
- border: 1px solid #000;
- }
- .table {
- border-collapse: collapse !important;
- }
- .table td,
- .table th {
- background-color: #fff !important;
- }
- .table-bordered th,
- .table-bordered td {
- border: 1px solid #ddd !important;
- }
+ *,
+ *:before,
+ *:after {
+ background: transparent !important;
+ color: #000 !important;
+ box-shadow: none !important;
+ text-shadow: none !important;
+ }
+
+ a,
+ a:visited {
+ text-decoration: underline;
+ }
+
+ a[href]:after {
+ content: " (" attr(href) ")";
+ }
+
+ abbr[title]:after {
+ content: " (" attr(title) ")";
+ }
+
+ a[href^="#"]:after,
+ a[href^="javascript:"]:after {
+ content: "";
+ }
+
+ pre,
+ blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid;
+ }
+
+ thead {
+ display: table-header-group;
+ }
+
+ tr,
+ img {
+ page-break-inside: avoid;
+ }
+
+ img {
+ max-width: 100% !important;
+ }
+
+ p,
+ h2,
+ h3 {
+ orphans: 3;
+ widows: 3;
+ }
+
+ h2,
+ h3 {
+ page-break-after: avoid;
+ }
+
+ select {
+ background: #fff !important;
+ }
+
+ .navbar {
+ display: none;
+ }
+
+ .btn > .caret,
+ .dropup > .btn > .caret {
+ border-top-color: #000 !important;
+ }
+
+ .label {
+ border: 1px solid #000;
+ }
+
+ .table {
+ border-collapse: collapse !important;
+ }
+
+ .table td,
+ .table th {
+ background-color: #fff !important;
+ }
+
+ .table-bordered th,
+ .table-bordered td {
+ border: 1px solid #ddd !important;
+ }
}
+
@font-face {
- font-family: 'Glyphicons Halflings';
- src: url('../fonts/glyphicons-halflings-regular.eot');
- src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
+ font-family: 'Glyphicons Halflings';
+ src: url('../fonts/glyphicons-halflings-regular.eot');
+ src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
+
.glyphicon {
- position: relative;
- top: 1px;
- display: inline-block;
- font-family: 'Glyphicons Halflings';
- font-style: normal;
- font-weight: normal;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ top: 1px;
+ display: inline-block;
+ font-family: 'Glyphicons Halflings';
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
}
+
.glyphicon-asterisk:before {
- content: "\2a";
+ content: "\2a";
}
+
.glyphicon-plus:before {
- content: "\2b";
+ content: "\2b";
}
+
.glyphicon-euro:before,
.glyphicon-eur:before {
- content: "\20ac";
+ content: "\20ac";
}
+
.glyphicon-minus:before {
- content: "\2212";
+ content: "\2212";
}
+
.glyphicon-cloud:before {
- content: "\2601";
+ content: "\2601";
}
+
.glyphicon-envelope:before {
- content: "\2709";
+ content: "\2709";
}
+
.glyphicon-pencil:before {
- content: "\270f";
+ content: "\270f";
}
+
.glyphicon-glass:before {
- content: "\e001";
+ content: "\e001";
}
+
.glyphicon-music:before {
- content: "\e002";
+ content: "\e002";
}
+
.glyphicon-search:before {
- content: "\e003";
+ content: "\e003";
}
+
.glyphicon-heart:before {
- content: "\e005";
+ content: "\e005";
}
+
.glyphicon-star:before {
- content: "\e006";
+ content: "\e006";
}
+
.glyphicon-star-empty:before {
- content: "\e007";
+ content: "\e007";
}
+
.glyphicon-user:before {
- content: "\e008";
+ content: "\e008";
}
+
.glyphicon-film:before {
- content: "\e009";
+ content: "\e009";
}
+
.glyphicon-th-large:before {
- content: "\e010";
+ content: "\e010";
}
+
.glyphicon-th:before {
- content: "\e011";
+ content: "\e011";
}
+
.glyphicon-th-list:before {
- content: "\e012";
+ content: "\e012";
}
+
.glyphicon-ok:before {
- content: "\e013";
+ content: "\e013";
}
+
.glyphicon-remove:before {
- content: "\e014";
+ content: "\e014";
}
+
.glyphicon-zoom-in:before {
- content: "\e015";
+ content: "\e015";
}
+
.glyphicon-zoom-out:before {
- content: "\e016";
+ content: "\e016";
}
+
.glyphicon-off:before {
- content: "\e017";
+ content: "\e017";
}
+
.glyphicon-signal:before {
- content: "\e018";
+ content: "\e018";
}
+
.glyphicon-cog:before {
- content: "\e019";
+ content: "\e019";
}
+
.glyphicon-trash:before {
- content: "\e020";
+ content: "\e020";
}
+
.glyphicon-home:before {
- content: "\e021";
+ content: "\e021";
}
+
.glyphicon-file:before {
- content: "\e022";
+ content: "\e022";
}
+
.glyphicon-time:before {
- content: "\e023";
+ content: "\e023";
}
+
.glyphicon-road:before {
- content: "\e024";
+ content: "\e024";
}
+
.glyphicon-download-alt:before {
- content: "\e025";
+ content: "\e025";
}
+
.glyphicon-download:before {
- content: "\e026";
+ content: "\e026";
}
+
.glyphicon-upload:before {
- content: "\e027";
+ content: "\e027";
}
+
.glyphicon-inbox:before {
- content: "\e028";
+ content: "\e028";
}
+
.glyphicon-play-circle:before {
- content: "\e029";
+ content: "\e029";
}
+
.glyphicon-repeat:before {
- content: "\e030";
+ content: "\e030";
}
+
.glyphicon-refresh:before {
- content: "\e031";
+ content: "\e031";
}
+
.glyphicon-list-alt:before {
- content: "\e032";
+ content: "\e032";
}
+
.glyphicon-lock:before {
- content: "\e033";
+ content: "\e033";
}
+
.glyphicon-flag:before {
- content: "\e034";
+ content: "\e034";
}
+
.glyphicon-headphones:before {
- content: "\e035";
+ content: "\e035";
}
+
.glyphicon-volume-off:before {
- content: "\e036";
+ content: "\e036";
}
+
.glyphicon-volume-down:before {
- content: "\e037";
+ content: "\e037";
}
+
.glyphicon-volume-up:before {
- content: "\e038";
+ content: "\e038";
}
+
.glyphicon-qrcode:before {
- content: "\e039";
+ content: "\e039";
}
+
.glyphicon-barcode:before {
- content: "\e040";
+ content: "\e040";
}
+
.glyphicon-tag:before {
- content: "\e041";
+ content: "\e041";
}
+
.glyphicon-tags:before {
- content: "\e042";
+ content: "\e042";
}
+
.glyphicon-book:before {
- content: "\e043";
+ content: "\e043";
}
+
.glyphicon-bookmark:before {
- content: "\e044";
+ content: "\e044";
}
+
.glyphicon-print:before {
- content: "\e045";
+ content: "\e045";
}
+
.glyphicon-camera:before {
- content: "\e046";
+ content: "\e046";
}
+
.glyphicon-font:before {
- content: "\e047";
+ content: "\e047";
}
+
.glyphicon-bold:before {
- content: "\e048";
+ content: "\e048";
}
+
.glyphicon-italic:before {
- content: "\e049";
+ content: "\e049";
}
+
.glyphicon-text-height:before {
- content: "\e050";
+ content: "\e050";
}
+
.glyphicon-text-width:before {
- content: "\e051";
+ content: "\e051";
}
+
.glyphicon-align-left:before {
- content: "\e052";
+ content: "\e052";
}
+
.glyphicon-align-center:before {
- content: "\e053";
+ content: "\e053";
}
+
.glyphicon-align-right:before {
- content: "\e054";
+ content: "\e054";
}
+
.glyphicon-align-justify:before {
- content: "\e055";
+ content: "\e055";
}
+
.glyphicon-list:before {
- content: "\e056";
+ content: "\e056";
}
+
.glyphicon-indent-left:before {
- content: "\e057";
+ content: "\e057";
}
+
.glyphicon-indent-right:before {
- content: "\e058";
+ content: "\e058";
}
+
.glyphicon-facetime-video:before {
- content: "\e059";
+ content: "\e059";
}
+
.glyphicon-picture:before {
- content: "\e060";
+ content: "\e060";
}
+
.glyphicon-map-marker:before {
- content: "\e062";
+ content: "\e062";
}
+
.glyphicon-adjust:before {
- content: "\e063";
+ content: "\e063";
}
+
.glyphicon-tint:before {
- content: "\e064";
+ content: "\e064";
}
+
.glyphicon-edit:before {
- content: "\e065";
+ content: "\e065";
}
+
.glyphicon-share:before {
- content: "\e066";
+ content: "\e066";
}
+
.glyphicon-check:before {
- content: "\e067";
+ content: "\e067";
}
+
.glyphicon-move:before {
- content: "\e068";
+ content: "\e068";
}
+
.glyphicon-step-backward:before {
- content: "\e069";
+ content: "\e069";
}
+
.glyphicon-fast-backward:before {
- content: "\e070";
+ content: "\e070";
}
+
.glyphicon-backward:before {
- content: "\e071";
+ content: "\e071";
}
+
.glyphicon-play:before {
- content: "\e072";
+ content: "\e072";
}
+
.glyphicon-pause:before {
- content: "\e073";
+ content: "\e073";
}
+
.glyphicon-stop:before {
- content: "\e074";
+ content: "\e074";
}
+
.glyphicon-forward:before {
- content: "\e075";
+ content: "\e075";
}
+
.glyphicon-fast-forward:before {
- content: "\e076";
+ content: "\e076";
}
+
.glyphicon-step-forward:before {
- content: "\e077";
+ content: "\e077";
}
+
.glyphicon-eject:before {
- content: "\e078";
+ content: "\e078";
}
+
.glyphicon-chevron-left:before {
- content: "\e079";
+ content: "\e079";
}
+
.glyphicon-chevron-right:before {
- content: "\e080";
+ content: "\e080";
}
+
.glyphicon-plus-sign:before {
- content: "\e081";
+ content: "\e081";
}
+
.glyphicon-minus-sign:before {
- content: "\e082";
+ content: "\e082";
}
+
.glyphicon-remove-sign:before {
- content: "\e083";
+ content: "\e083";
}
+
.glyphicon-ok-sign:before {
- content: "\e084";
+ content: "\e084";
}
+
.glyphicon-question-sign:before {
- content: "\e085";
+ content: "\e085";
}
+
.glyphicon-info-sign:before {
- content: "\e086";
+ content: "\e086";
}
+
.glyphicon-screenshot:before {
- content: "\e087";
+ content: "\e087";
}
+
.glyphicon-remove-circle:before {
- content: "\e088";
+ content: "\e088";
}
+
.glyphicon-ok-circle:before {
- content: "\e089";
+ content: "\e089";
}
+
.glyphicon-ban-circle:before {
- content: "\e090";
+ content: "\e090";
}
+
.glyphicon-arrow-left:before {
- content: "\e091";
+ content: "\e091";
}
+
.glyphicon-arrow-right:before {
- content: "\e092";
+ content: "\e092";
}
+
.glyphicon-arrow-up:before {
- content: "\e093";
+ content: "\e093";
}
+
.glyphicon-arrow-down:before {
- content: "\e094";
+ content: "\e094";
}
+
.glyphicon-share-alt:before {
- content: "\e095";
+ content: "\e095";
}
+
.glyphicon-resize-full:before {
- content: "\e096";
+ content: "\e096";
}
+
.glyphicon-resize-small:before {
- content: "\e097";
+ content: "\e097";
}
+
.glyphicon-exclamation-sign:before {
- content: "\e101";
+ content: "\e101";
}
+
.glyphicon-gift:before {
- content: "\e102";
+ content: "\e102";
}
+
.glyphicon-leaf:before {
- content: "\e103";
+ content: "\e103";
}
+
.glyphicon-fire:before {
- content: "\e104";
+ content: "\e104";
}
+
.glyphicon-eye-open:before {
- content: "\e105";
+ content: "\e105";
}
+
.glyphicon-eye-close:before {
- content: "\e106";
+ content: "\e106";
}
+
.glyphicon-warning-sign:before {
- content: "\e107";
+ content: "\e107";
}
+
.glyphicon-plane:before {
- content: "\e108";
+ content: "\e108";
}
+
.glyphicon-calendar:before {
- content: "\e109";
+ content: "\e109";
}
+
.glyphicon-random:before {
- content: "\e110";
+ content: "\e110";
}
+
.glyphicon-comment:before {
- content: "\e111";
+ content: "\e111";
}
+
.glyphicon-magnet:before {
- content: "\e112";
+ content: "\e112";
}
+
.glyphicon-chevron-up:before {
- content: "\e113";
+ content: "\e113";
}
+
.glyphicon-chevron-down:before {
- content: "\e114";
+ content: "\e114";
}
+
.glyphicon-retweet:before {
- content: "\e115";
+ content: "\e115";
}
+
.glyphicon-shopping-cart:before {
- content: "\e116";
+ content: "\e116";
}
+
.glyphicon-folder-close:before {
- content: "\e117";
+ content: "\e117";
}
+
.glyphicon-folder-open:before {
- content: "\e118";
+ content: "\e118";
}
+
.glyphicon-resize-vertical:before {
- content: "\e119";
+ content: "\e119";
}
+
.glyphicon-resize-horizontal:before {
- content: "\e120";
+ content: "\e120";
}
+
.glyphicon-hdd:before {
- content: "\e121";
+ content: "\e121";
}
+
.glyphicon-bullhorn:before {
- content: "\e122";
+ content: "\e122";
}
+
.glyphicon-bell:before {
- content: "\e123";
+ content: "\e123";
}
+
.glyphicon-certificate:before {
- content: "\e124";
+ content: "\e124";
}
+
.glyphicon-thumbs-up:before {
- content: "\e125";
+ content: "\e125";
}
+
.glyphicon-thumbs-down:before {
- content: "\e126";
+ content: "\e126";
}
+
.glyphicon-hand-right:before {
- content: "\e127";
+ content: "\e127";
}
+
.glyphicon-hand-left:before {
- content: "\e128";
+ content: "\e128";
}
+
.glyphicon-hand-up:before {
- content: "\e129";
+ content: "\e129";
}
+
.glyphicon-hand-down:before {
- content: "\e130";
+ content: "\e130";
}
+
.glyphicon-circle-arrow-right:before {
- content: "\e131";
+ content: "\e131";
}
+
.glyphicon-circle-arrow-left:before {
- content: "\e132";
+ content: "\e132";
}
+
.glyphicon-circle-arrow-up:before {
- content: "\e133";
+ content: "\e133";
}
+
.glyphicon-circle-arrow-down:before {
- content: "\e134";
+ content: "\e134";
}
+
.glyphicon-globe:before {
- content: "\e135";
+ content: "\e135";
}
+
.glyphicon-wrench:before {
- content: "\e136";
+ content: "\e136";
}
+
.glyphicon-tasks:before {
- content: "\e137";
+ content: "\e137";
}
+
.glyphicon-filter:before {
- content: "\e138";
+ content: "\e138";
}
+
.glyphicon-briefcase:before {
- content: "\e139";
+ content: "\e139";
}
+
.glyphicon-fullscreen:before {
- content: "\e140";
+ content: "\e140";
}
+
.glyphicon-dashboard:before {
- content: "\e141";
+ content: "\e141";
}
+
.glyphicon-paperclip:before {
- content: "\e142";
+ content: "\e142";
}
+
.glyphicon-heart-empty:before {
- content: "\e143";
+ content: "\e143";
}
+
.glyphicon-link:before {
- content: "\e144";
+ content: "\e144";
}
+
.glyphicon-phone:before {
- content: "\e145";
+ content: "\e145";
}
+
.glyphicon-pushpin:before {
- content: "\e146";
+ content: "\e146";
}
+
.glyphicon-usd:before {
- content: "\e148";
+ content: "\e148";
}
+
.glyphicon-gbp:before {
- content: "\e149";
+ content: "\e149";
}
+
.glyphicon-sort:before {
- content: "\e150";
+ content: "\e150";
}
+
.glyphicon-sort-by-alphabet:before {
- content: "\e151";
+ content: "\e151";
}
+
.glyphicon-sort-by-alphabet-alt:before {
- content: "\e152";
+ content: "\e152";
}
+
.glyphicon-sort-by-order:before {
- content: "\e153";
+ content: "\e153";
}
+
.glyphicon-sort-by-order-alt:before {
- content: "\e154";
+ content: "\e154";
}
+
.glyphicon-sort-by-attributes:before {
- content: "\e155";
+ content: "\e155";
}
+
.glyphicon-sort-by-attributes-alt:before {
- content: "\e156";
+ content: "\e156";
}
+
.glyphicon-unchecked:before {
- content: "\e157";
+ content: "\e157";
}
+
.glyphicon-expand:before {
- content: "\e158";
+ content: "\e158";
}
+
.glyphicon-collapse-down:before {
- content: "\e159";
+ content: "\e159";
}
+
.glyphicon-collapse-up:before {
- content: "\e160";
+ content: "\e160";
}
+
.glyphicon-log-in:before {
- content: "\e161";
+ content: "\e161";
}
+
.glyphicon-flash:before {
- content: "\e162";
+ content: "\e162";
}
+
.glyphicon-log-out:before {
- content: "\e163";
+ content: "\e163";
}
+
.glyphicon-new-window:before {
- content: "\e164";
+ content: "\e164";
}
+
.glyphicon-record:before {
- content: "\e165";
+ content: "\e165";
}
+
.glyphicon-save:before {
- content: "\e166";
+ content: "\e166";
}
+
.glyphicon-open:before {
- content: "\e167";
+ content: "\e167";
}
+
.glyphicon-saved:before {
- content: "\e168";
+ content: "\e168";
}
+
.glyphicon-import:before {
- content: "\e169";
+ content: "\e169";
}
+
.glyphicon-export:before {
- content: "\e170";
+ content: "\e170";
}
+
.glyphicon-send:before {
- content: "\e171";
+ content: "\e171";
}
+
.glyphicon-floppy-disk:before {
- content: "\e172";
+ content: "\e172";
}
+
.glyphicon-floppy-saved:before {
- content: "\e173";
+ content: "\e173";
}
+
.glyphicon-floppy-remove:before {
- content: "\e174";
+ content: "\e174";
}
+
.glyphicon-floppy-save:before {
- content: "\e175";
+ content: "\e175";
}
+
.glyphicon-floppy-open:before {
- content: "\e176";
+ content: "\e176";
}
+
.glyphicon-credit-card:before {
- content: "\e177";
+ content: "\e177";
}
+
.glyphicon-transfer:before {
- content: "\e178";
+ content: "\e178";
}
+
.glyphicon-cutlery:before {
- content: "\e179";
+ content: "\e179";
}
+
.glyphicon-header:before {
- content: "\e180";
+ content: "\e180";
}
+
.glyphicon-compressed:before {
- content: "\e181";
+ content: "\e181";
}
+
.glyphicon-earphone:before {
- content: "\e182";
+ content: "\e182";
}
+
.glyphicon-phone-alt:before {
- content: "\e183";
+ content: "\e183";
}
+
.glyphicon-tower:before {
- content: "\e184";
+ content: "\e184";
}
+
.glyphicon-stats:before {
- content: "\e185";
+ content: "\e185";
}
+
.glyphicon-sd-video:before {
- content: "\e186";
+ content: "\e186";
}
+
.glyphicon-hd-video:before {
- content: "\e187";
+ content: "\e187";
}
+
.glyphicon-subtitles:before {
- content: "\e188";
+ content: "\e188";
}
+
.glyphicon-sound-stereo:before {
- content: "\e189";
+ content: "\e189";
}
+
.glyphicon-sound-dolby:before {
- content: "\e190";
+ content: "\e190";
}
+
.glyphicon-sound-5-1:before {
- content: "\e191";
+ content: "\e191";
}
+
.glyphicon-sound-6-1:before {
- content: "\e192";
+ content: "\e192";
}
+
.glyphicon-sound-7-1:before {
- content: "\e193";
+ content: "\e193";
}
+
.glyphicon-copyright-mark:before {
- content: "\e194";
+ content: "\e194";
}
+
.glyphicon-registration-mark:before {
- content: "\e195";
+ content: "\e195";
}
+
.glyphicon-cloud-download:before {
- content: "\e197";
+ content: "\e197";
}
+
.glyphicon-cloud-upload:before {
- content: "\e198";
+ content: "\e198";
}
+
.glyphicon-tree-conifer:before {
- content: "\e199";
+ content: "\e199";
}
+
.glyphicon-tree-deciduous:before {
- content: "\e200";
+ content: "\e200";
}
+
.glyphicon-cd:before {
- content: "\e201";
+ content: "\e201";
}
+
.glyphicon-save-file:before {
- content: "\e202";
+ content: "\e202";
}
+
.glyphicon-open-file:before {
- content: "\e203";
+ content: "\e203";
}
+
.glyphicon-level-up:before {
- content: "\e204";
+ content: "\e204";
}
+
.glyphicon-copy:before {
- content: "\e205";
+ content: "\e205";
}
+
.glyphicon-paste:before {
- content: "\e206";
+ content: "\e206";
}
+
.glyphicon-alert:before {
- content: "\e209";
+ content: "\e209";
}
+
.glyphicon-equalizer:before {
- content: "\e210";
+ content: "\e210";
}
+
.glyphicon-king:before {
- content: "\e211";
+ content: "\e211";
}
+
.glyphicon-queen:before {
- content: "\e212";
+ content: "\e212";
}
+
.glyphicon-pawn:before {
- content: "\e213";
+ content: "\e213";
}
+
.glyphicon-bishop:before {
- content: "\e214";
+ content: "\e214";
}
+
.glyphicon-knight:before {
- content: "\e215";
+ content: "\e215";
}
+
.glyphicon-baby-formula:before {
- content: "\e216";
+ content: "\e216";
}
+
.glyphicon-tent:before {
- content: "\26fa";
+ content: "\26fa";
}
+
.glyphicon-blackboard:before {
- content: "\e218";
+ content: "\e218";
}
+
.glyphicon-bed:before {
- content: "\e219";
+ content: "\e219";
}
+
.glyphicon-apple:before {
- content: "\f8ff";
+ content: "\f8ff";
}
+
.glyphicon-erase:before {
- content: "\e221";
+ content: "\e221";
}
+
.glyphicon-hourglass:before {
- content: "\231b";
+ content: "\231b";
}
+
.glyphicon-lamp:before {
- content: "\e223";
+ content: "\e223";
}
+
.glyphicon-duplicate:before {
- content: "\e224";
+ content: "\e224";
}
+
.glyphicon-piggy-bank:before {
- content: "\e225";
+ content: "\e225";
}
+
.glyphicon-scissors:before {
- content: "\e226";
+ content: "\e226";
}
+
.glyphicon-bitcoin:before {
- content: "\e227";
+ content: "\e227";
}
+
.glyphicon-btc:before {
- content: "\e227";
+ content: "\e227";
}
+
.glyphicon-xbt:before {
- content: "\e227";
+ content: "\e227";
}
+
.glyphicon-yen:before {
- content: "\00a5";
+ content: "\00a5";
}
+
.glyphicon-jpy:before {
- content: "\00a5";
+ content: "\00a5";
}
+
.glyphicon-ruble:before {
- content: "\20bd";
+ content: "\20bd";
}
+
.glyphicon-rub:before {
- content: "\20bd";
+ content: "\20bd";
}
+
.glyphicon-scale:before {
- content: "\e230";
+ content: "\e230";
}
+
.glyphicon-ice-lolly:before {
- content: "\e231";
+ content: "\e231";
}
+
.glyphicon-ice-lolly-tasted:before {
- content: "\e232";
+ content: "\e232";
}
+
.glyphicon-education:before {
- content: "\e233";
+ content: "\e233";
}
+
.glyphicon-option-horizontal:before {
- content: "\e234";
+ content: "\e234";
}
+
.glyphicon-option-vertical:before {
- content: "\e235";
+ content: "\e235";
}
+
.glyphicon-menu-hamburger:before {
- content: "\e236";
+ content: "\e236";
}
+
.glyphicon-modal-window:before {
- content: "\e237";
+ content: "\e237";
}
+
.glyphicon-oil:before {
- content: "\e238";
+ content: "\e238";
}
+
.glyphicon-grain:before {
- content: "\e239";
+ content: "\e239";
}
+
.glyphicon-sunglasses:before {
- content: "\e240";
+ content: "\e240";
}
+
.glyphicon-text-size:before {
- content: "\e241";
+ content: "\e241";
}
+
.glyphicon-text-color:before {
- content: "\e242";
+ content: "\e242";
}
+
.glyphicon-text-background:before {
- content: "\e243";
+ content: "\e243";
}
+
.glyphicon-object-align-top:before {
- content: "\e244";
+ content: "\e244";
}
+
.glyphicon-object-align-bottom:before {
- content: "\e245";
+ content: "\e245";
}
+
.glyphicon-object-align-horizontal:before {
- content: "\e246";
+ content: "\e246";
}
+
.glyphicon-object-align-left:before {
- content: "\e247";
+ content: "\e247";
}
+
.glyphicon-object-align-vertical:before {
- content: "\e248";
+ content: "\e248";
}
+
.glyphicon-object-align-right:before {
- content: "\e249";
+ content: "\e249";
}
+
.glyphicon-triangle-right:before {
- content: "\e250";
+ content: "\e250";
}
+
.glyphicon-triangle-left:before {
- content: "\e251";
+ content: "\e251";
}
+
.glyphicon-triangle-bottom:before {
- content: "\e252";
+ content: "\e252";
}
+
.glyphicon-triangle-top:before {
- content: "\e253";
+ content: "\e253";
}
+
.glyphicon-console:before {
- content: "\e254";
+ content: "\e254";
}
+
.glyphicon-superscript:before {
- content: "\e255";
+ content: "\e255";
}
+
.glyphicon-subscript:before {
- content: "\e256";
+ content: "\e256";
}
+
.glyphicon-menu-left:before {
- content: "\e257";
+ content: "\e257";
}
+
.glyphicon-menu-right:before {
- content: "\e258";
+ content: "\e258";
}
+
.glyphicon-menu-down:before {
- content: "\e259";
+ content: "\e259";
}
+
.glyphicon-menu-up:before {
- content: "\e260";
+ content: "\e260";
}
+
* {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
+
*:before,
*:after {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
+
html {
- font-size: 10px;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+ font-size: 10px;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
+
body {
- font-family: Lato;
- font-size: 14px;
- line-height: 1.42857143;
- color: #000000;
- background-color: #ffffff;
+ font-family: Lato;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #000000;
+ background-color: #ffffff;
}
+
input,
button,
select,
textarea {
- font-family: inherit;
- font-size: inherit;
- line-height: inherit;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
}
+
a {
- color: #8bc4c9;
- text-decoration: none;
+ color: #8bc4c9;
+ text-decoration: none;
}
+
a:hover,
a:focus {
- color: #23547f;
- text-decoration: underline;
+ color: #23547f;
+ text-decoration: underline;
}
+
a:focus {
- outline: thin dotted;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
}
+
figure {
- margin: 0;
+ margin: 0;
}
+
img {
- vertical-align: middle;
+ vertical-align: middle;
}
+
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
- display: block;
- max-width: 100%;
- height: auto;
+ display: block;
+ max-width: 100%;
+ height: auto;
}
+
.img-rounded {
- border-radius: 5px;
+ border-radius: 5px;
}
+
.img-thumbnail {
- padding: 4px;
- line-height: 1.42857143;
- background-color: #ffffff;
- border: 1px solid #dddddd;
- border-radius: 4px;
- -webkit-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- display: inline-block;
- max-width: 100%;
- height: auto;
+ padding: 4px;
+ line-height: 1.42857143;
+ background-color: #ffffff;
+ border: 1px solid #dddddd;
+ border-radius: 4px;
+ -webkit-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+ display: inline-block;
+ max-width: 100%;
+ height: auto;
}
+
.img-circle {
- border-radius: 50%;
+ border-radius: 50%;
}
+
hr {
- margin-top: 20px;
- margin-bottom: 20px;
- border: 0;
- border-top: 1px solid #eeeeee;
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border: 0;
+ border-top: 1px solid #eeeeee;
}
+
.sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- margin: -1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- border: 0;
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ margin: -1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0;
}
+
.sr-only-focusable:active,
.sr-only-focusable:focus {
- position: static;
- width: auto;
- height: auto;
- margin: 0;
- overflow: visible;
- clip: auto;
+ position: static;
+ width: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
}
+
[role="button"] {
- cursor: pointer;
+ cursor: pointer;
}
+
h1,
h2,
h3,
@@ -1188,11 +1529,12 @@ h6,
.h4,
.h5,
.h6 {
- font-family: Lato;
- font-weight: 500;
- line-height: 1.1;
- color: inherit;
+ font-family: Lato;
+ font-weight: 500;
+ line-height: 1.1;
+ color: inherit;
}
+
h1 small,
h2 small,
h3 small,
@@ -1217,19 +1559,21 @@ h6 .small,
.h4 .small,
.h5 .small,
.h6 .small {
- font-weight: normal;
- line-height: 1;
- color: #777777;
+ font-weight: normal;
+ line-height: 1;
+ color: #777777;
}
+
h1,
.h1,
h2,
.h2,
h3,
.h3 {
- margin-top: 20px;
- margin-bottom: 10px;
+ margin-top: 20px;
+ margin-bottom: 10px;
}
+
h1 small,
.h1 small,
h2 small,
@@ -1242,17 +1586,19 @@ h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
- font-size: 65%;
+ font-size: 65%;
}
+
h4,
.h4,
h5,
.h5,
h6,
.h6 {
- margin-top: 10px;
- margin-bottom: 10px;
+ margin-top: 10px;
+ margin-bottom: 10px;
}
+
h4 small,
.h4 small,
h5 small,
@@ -1265,1068 +1611,1370 @@ h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
- font-size: 75%;
+ font-size: 75%;
}
+
h1,
.h1 {
- font-size: 36px;
+ font-size: 36px;
}
+
h2,
.h2 {
- font-size: 30px;
+ font-size: 30px;
}
+
h3,
.h3 {
- font-size: 24px;
+ font-size: 24px;
}
+
h4,
.h4 {
- font-size: 18px;
+ font-size: 18px;
}
+
h5,
.h5 {
- font-size: 14px;
+ font-size: 14px;
}
+
h6,
.h6 {
- font-size: 12px;
+ font-size: 12px;
}
+
p {
- margin: 0 0 10px;
+ margin: 0 0 10px;
}
+
.lead {
- margin-bottom: 20px;
- font-size: 16px;
- font-weight: 300;
- line-height: 1.4;
+ margin-bottom: 20px;
+ font-size: 16px;
+ font-weight: 300;
+ line-height: 1.4;
}
+
@media (min-width: 768px) {
- .lead {
- font-size: 21px;
- }
+ .lead {
+ font-size: 21px;
+ }
}
+
small,
.small {
- font-size: 85%;
+ font-size: 85%;
}
+
mark,
.mark {
- background-color: #f8d9ac;
- padding: .2em;
+ background-color: #f8d9ac;
+ padding: .2em;
}
+
.text-left {
- text-align: left;
+ text-align: left;
}
+
.text-right {
- text-align: right;
+ text-align: right;
}
+
.text-center {
- text-align: center;
+ text-align: center;
}
+
.text-justify {
- text-align: justify;
+ text-align: justify;
}
+
.text-nowrap {
- white-space: nowrap;
+ white-space: nowrap;
}
+
.text-lowercase {
- text-transform: lowercase;
+ text-transform: lowercase;
}
+
.text-uppercase {
- text-transform: uppercase;
+ text-transform: uppercase;
}
+
.text-capitalize {
- text-transform: capitalize;
+ text-transform: capitalize;
}
+
.text-muted {
- color: #777777;
+ color: #777777;
}
+
.text-primary {
- color: #165A72;
+ color: #165A72;
}
+
a.text-primary:hover {
- color: #286193;
+ color: #286193;
}
+
.text-success {
- color: #5cb85c;
+ color: #5cb85c;
}
+
a.text-success:hover {
- color: #449d44;
+ color: #449d44;
}
+
.text-info {
- color: #5bc0de;
+ color: #5bc0de;
}
+
a.text-info:hover {
- color: #31b0d5;
+ color: #31b0d5;
}
+
.text-warning {
- color: #f0ad4e;
+ color: #f0ad4e;
}
+
a.text-warning:hover {
- color: #ec971f;
+ color: #ec971f;
}
+
.text-danger {
- color: #d9534f;
+ color: #d9534f;
}
+
a.text-danger:hover {
- color: #c9302c;
+ color: #c9302c;
}
+
.bg-primary {
- color: #fff;
- background-color: #337cbb;
+ color: #fff;
+ background-color: #337cbb;
}
+
a.bg-primary:hover {
- background-color: #286193;
+ background-color: #286193;
}
+
.bg-success {
- background-color: #a3d7a3;
+ background-color: #a3d7a3;
}
+
a.bg-success:hover {
- background-color: #80c780;
+ background-color: #80c780;
}
+
.bg-info {
- background-color: #b0e1ef;
+ background-color: #b0e1ef;
}
+
a.bg-info:hover {
- background-color: #85d0e7;
+ background-color: #85d0e7;
}
+
.bg-warning {
- background-color: #f8d9ac;
+ background-color: #f8d9ac;
}
+
a.bg-warning:hover {
- background-color: #f4c37d;
+ background-color: #f4c37d;
}
+
.bg-danger {
- background-color: #eba5a3;
+ background-color: #eba5a3;
}
+
a.bg-danger:hover {
- background-color: #e27c79;
+ background-color: #e27c79;
}
+
.page-header {
- padding-bottom: 9px;
- margin: 40px 0 20px;
- border-bottom: 1px solid #eeeeee;
+ padding-bottom: 9px;
+ margin: 40px 0 20px;
+ border-bottom: 1px solid #eeeeee;
}
+
ul,
ol {
- margin-top: 0;
- margin-bottom: 10px;
+ margin-top: 0;
+ margin-bottom: 10px;
}
+
ul ul,
ol ul,
ul ol,
ol ol {
- margin-bottom: 0;
+ margin-bottom: 0;
}
+
.list-unstyled {
- padding-left: 0;
- list-style: none;
+ padding-left: 0;
+ list-style: none;
}
+
.list-inline {
- padding-left: 0;
- list-style: none;
- margin-left: -5px;
+ padding-left: 0;
+ list-style: none;
+ margin-left: -5px;
}
+
.list-inline > li {
- display: inline-block;
- padding-left: 5px;
- padding-right: 5px;
+ display: inline-block;
+ padding-left: 5px;
+ padding-right: 5px;
}
+
dl {
- margin-top: 0;
- margin-bottom: 20px;
+ margin-top: 0;
+ margin-bottom: 20px;
}
+
dt,
dd {
- line-height: 1.42857143;
+ line-height: 1.42857143;
}
+
dt {
- font-weight: bold;
+ font-weight: bold;
}
+
dd {
- margin-left: 0;
+ margin-left: 0;
}
+
@media (min-width: 768px) {
- .dl-horizontal dt {
- float: left;
- width: 160px;
- clear: left;
- text-align: right;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .dl-horizontal dd {
- margin-left: 180px;
- }
+ .dl-horizontal dt {
+ float: left;
+ width: 160px;
+ clear: left;
+ text-align: right;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .dl-horizontal dd {
+ margin-left: 180px;
+ }
}
+
abbr[title],
abbr[data-original-title] {
- cursor: help;
- border-bottom: 1px dotted #777777;
+ cursor: help;
+ border-bottom: 1px dotted #777777;
}
+
.initialism {
- font-size: 90%;
- text-transform: uppercase;
+ font-size: 90%;
+ text-transform: uppercase;
}
+
blockquote {
- padding: 10px 20px;
- margin: 0 0 20px;
- font-size: 17.5px;
- border-left: 5px solid #eeeeee;
+ padding: 10px 20px;
+ margin: 0 0 20px;
+ font-size: 17.5px;
+ border-left: 5px solid #eeeeee;
}
+
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
- margin-bottom: 0;
+ margin-bottom: 0;
}
+
blockquote footer,
blockquote small,
blockquote .small {
- display: block;
- font-size: 80%;
- line-height: 1.42857143;
- color: #777777;
+ display: block;
+ font-size: 80%;
+ line-height: 1.42857143;
+ color: #777777;
}
+
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
- content: '\2014 \00A0';
+ content: '\2014 \00A0';
}
+
.blockquote-reverse,
blockquote.pull-right {
- padding-right: 15px;
- padding-left: 0;
- border-right: 5px solid #eeeeee;
- border-left: 0;
- text-align: right;
+ padding-right: 15px;
+ padding-left: 0;
+ border-right: 5px solid #eeeeee;
+ border-left: 0;
+ text-align: right;
}
+
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
- content: '';
+ content: '';
}
+
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
- content: '\00A0 \2014';
+ content: '\00A0 \2014';
}
+
address {
- margin-bottom: 20px;
- font-style: normal;
- line-height: 1.42857143;
+ margin-bottom: 20px;
+ font-style: normal;
+ line-height: 1.42857143;
}
+
code,
kbd,
pre,
samp {
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
+
code {
- padding: 2px 4px;
- font-size: 90%;
- color: #c7254e;
- background-color: #f9f2f4;
- border-radius: 4px;
+ padding: 2px 4px;
+ font-size: 90%;
+ color: #c7254e;
+ background-color: #f9f2f4;
+ border-radius: 4px;
}
+
kbd {
- padding: 2px 4px;
- font-size: 90%;
- color: #ffffff;
- background-color: #333333;
- border-radius: 2px;
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
+ padding: 2px 4px;
+ font-size: 90%;
+ color: #ffffff;
+ background-color: #333333;
+ border-radius: 2px;
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
+
kbd kbd {
- padding: 0;
- font-size: 100%;
- font-weight: bold;
- box-shadow: none;
+ padding: 0;
+ font-size: 100%;
+ font-weight: bold;
+ box-shadow: none;
}
+
pre {
- display: block;
- padding: 9.5px;
- margin: 0 0 10px;
- font-size: 13px;
- line-height: 1.42857143;
- word-break: break-all;
- word-wrap: break-word;
- color: #333333;
- background-color: #f5f5f5;
- border: 1px solid #cccccc;
- border-radius: 4px;
+ display: block;
+ padding: 9.5px;
+ margin: 0 0 10px;
+ font-size: 13px;
+ line-height: 1.42857143;
+ word-break: break-all;
+ word-wrap: break-word;
+ color: #333333;
+ background-color: #f5f5f5;
+ border: 1px solid #cccccc;
+ border-radius: 4px;
}
+
pre code {
- padding: 0;
- font-size: inherit;
- color: inherit;
- white-space: pre-wrap;
- background-color: transparent;
- border-radius: 0;
+ padding: 0;
+ font-size: inherit;
+ color: inherit;
+ white-space: pre-wrap;
+ background-color: transparent;
+ border-radius: 0;
}
+
.pre-scrollable {
- max-height: 340px;
- overflow-y: scroll;
+ max-height: 340px;
+ overflow-y: scroll;
}
+
.container {
- margin-right: auto;
- margin-left: auto;
- padding-left: 15px;
- padding-right: 15px;
+ margin-right: auto;
+ margin-left: auto;
+ padding-left: 15px;
+ padding-right: 15px;
}
+
@media (min-width: 768px) {
- .container {
- width: 750px;
- }
+ .container {
+ width: 750px;
+ }
}
+
@media (min-width: 992px) {
- .container {
- width: 970px;
- }
+ .container {
+ width: 970px;
+ }
}
+
@media (min-width: 1200px) {
- .container {
- width: 1170px;
- }
+ .container {
+ width: 1170px;
+ }
}
+
.container-fluid {
- margin-right: auto;
- margin-left: auto;
- padding-left: 15px;
- padding-right: 15px;
+ margin-right: auto;
+ margin-left: auto;
+ padding-left: 15px;
+ padding-right: 15px;
}
+
.row {
- margin-left: -15px;
- margin-right: -15px;
+ margin-left: -15px;
+ margin-right: -15px;
}
+
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
- position: relative;
- min-height: 1px;
- padding-left: 15px;
- padding-right: 15px;
+ position: relative;
+ min-height: 1px;
+ padding-left: 15px;
+ padding-right: 15px;
}
+
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
- float: left;
+ float: left;
}
+
.col-xs-12 {
- width: 100%;
+ width: 100%;
}
+
.col-xs-11 {
- width: 91.66666667%;
+ width: 91.66666667%;
}
+
.col-xs-10 {
- width: 83.33333333%;
+ width: 83.33333333%;
}
+
.col-xs-9 {
- width: 75%;
+ width: 75%;
}
+
.col-xs-8 {
- width: 66.66666667%;
+ width: 66.66666667%;
}
+
.col-xs-7 {
- width: 58.33333333%;
+ width: 58.33333333%;
}
+
.col-xs-6 {
- width: 50%;
+ width: 50%;
}
+
.col-xs-5 {
- width: 41.66666667%;
+ width: 41.66666667%;
}
+
.col-xs-4 {
- width: 33.33333333%;
+ width: 33.33333333%;
}
+
.col-xs-3 {
- width: 25%;
+ width: 25%;
}
+
.col-xs-2 {
- width: 16.66666667%;
+ width: 16.66666667%;
}
+
.col-xs-1 {
- width: 8.33333333%;
+ width: 8.33333333%;
}
+
.col-xs-pull-12 {
- right: 100%;
+ right: 100%;
}
+
.col-xs-pull-11 {
- right: 91.66666667%;
+ right: 91.66666667%;
}
+
.col-xs-pull-10 {
- right: 83.33333333%;
+ right: 83.33333333%;
}
+
.col-xs-pull-9 {
- right: 75%;
+ right: 75%;
}
+
.col-xs-pull-8 {
- right: 66.66666667%;
+ right: 66.66666667%;
}
+
.col-xs-pull-7 {
- right: 58.33333333%;
+ right: 58.33333333%;
}
+
.col-xs-pull-6 {
- right: 50%;
+ right: 50%;
}
+
.col-xs-pull-5 {
- right: 41.66666667%;
+ right: 41.66666667%;
}
+
.col-xs-pull-4 {
- right: 33.33333333%;
+ right: 33.33333333%;
}
+
.col-xs-pull-3 {
- right: 25%;
+ right: 25%;
}
+
.col-xs-pull-2 {
- right: 16.66666667%;
+ right: 16.66666667%;
}
+
.col-xs-pull-1 {
- right: 8.33333333%;
+ right: 8.33333333%;
}
+
.col-xs-pull-0 {
- right: auto;
+ right: auto;
}
+
.col-xs-push-12 {
- left: 100%;
+ left: 100%;
}
+
.col-xs-push-11 {
- left: 91.66666667%;
+ left: 91.66666667%;
}
+
.col-xs-push-10 {
- left: 83.33333333%;
+ left: 83.33333333%;
}
+
.col-xs-push-9 {
- left: 75%;
+ left: 75%;
}
+
.col-xs-push-8 {
- left: 66.66666667%;
+ left: 66.66666667%;
}
+
.col-xs-push-7 {
- left: 58.33333333%;
+ left: 58.33333333%;
}
+
.col-xs-push-6 {
- left: 50%;
+ left: 50%;
}
+
.col-xs-push-5 {
- left: 41.66666667%;
+ left: 41.66666667%;
}
+
.col-xs-push-4 {
- left: 33.33333333%;
+ left: 33.33333333%;
}
+
.col-xs-push-3 {
- left: 25%;
+ left: 25%;
}
+
.col-xs-push-2 {
- left: 16.66666667%;
+ left: 16.66666667%;
}
+
.col-xs-push-1 {
- left: 8.33333333%;
+ left: 8.33333333%;
}
+
.col-xs-push-0 {
- left: auto;
+ left: auto;
}
+
.col-xs-offset-12 {
- margin-left: 100%;
+ margin-left: 100%;
}
+
.col-xs-offset-11 {
- margin-left: 91.66666667%;
+ margin-left: 91.66666667%;
}
+
.col-xs-offset-10 {
- margin-left: 83.33333333%;
+ margin-left: 83.33333333%;
}
+
.col-xs-offset-9 {
- margin-left: 75%;
+ margin-left: 75%;
}
+
.col-xs-offset-8 {
- margin-left: 66.66666667%;
+ margin-left: 66.66666667%;
}
+
.col-xs-offset-7 {
- margin-left: 58.33333333%;
+ margin-left: 58.33333333%;
}
+
.col-xs-offset-6 {
- margin-left: 50%;
+ margin-left: 50%;
}
+
.col-xs-offset-5 {
- margin-left: 41.66666667%;
+ margin-left: 41.66666667%;
}
+
.col-xs-offset-4 {
- margin-left: 33.33333333%;
+ margin-left: 33.33333333%;
}
+
.col-xs-offset-3 {
- margin-left: 25%;
+ margin-left: 25%;
}
+
.col-xs-offset-2 {
- margin-left: 16.66666667%;
+ margin-left: 16.66666667%;
}
+
.col-xs-offset-1 {
- margin-left: 8.33333333%;
+ margin-left: 8.33333333%;
}
+
.col-xs-offset-0 {
- margin-left: 0%;
+ margin-left: 0%;
}
+
@media (min-width: 768px) {
- .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
- float: left;
- }
- .col-sm-12 {
- width: 100%;
- }
- .col-sm-11 {
- width: 91.66666667%;
- }
- .col-sm-10 {
- width: 83.33333333%;
- }
- .col-sm-9 {
- width: 75%;
- }
- .col-sm-8 {
- width: 66.66666667%;
- }
- .col-sm-7 {
- width: 58.33333333%;
- }
- .col-sm-6 {
- width: 50%;
- }
- .col-sm-5 {
- width: 41.66666667%;
- }
- .col-sm-4 {
- width: 33.33333333%;
- }
- .col-sm-3 {
- width: 25%;
- }
- .col-sm-2 {
- width: 16.66666667%;
- }
- .col-sm-1 {
- width: 8.33333333%;
- }
- .col-sm-pull-12 {
- right: 100%;
- }
- .col-sm-pull-11 {
- right: 91.66666667%;
- }
- .col-sm-pull-10 {
- right: 83.33333333%;
- }
- .col-sm-pull-9 {
- right: 75%;
- }
- .col-sm-pull-8 {
- right: 66.66666667%;
- }
- .col-sm-pull-7 {
- right: 58.33333333%;
- }
- .col-sm-pull-6 {
- right: 50%;
- }
- .col-sm-pull-5 {
- right: 41.66666667%;
- }
- .col-sm-pull-4 {
- right: 33.33333333%;
- }
- .col-sm-pull-3 {
- right: 25%;
- }
- .col-sm-pull-2 {
- right: 16.66666667%;
- }
- .col-sm-pull-1 {
- right: 8.33333333%;
- }
- .col-sm-pull-0 {
- right: auto;
- }
- .col-sm-push-12 {
- left: 100%;
- }
- .col-sm-push-11 {
- left: 91.66666667%;
- }
- .col-sm-push-10 {
- left: 83.33333333%;
- }
- .col-sm-push-9 {
- left: 75%;
- }
- .col-sm-push-8 {
- left: 66.66666667%;
- }
- .col-sm-push-7 {
- left: 58.33333333%;
- }
- .col-sm-push-6 {
- left: 50%;
- }
- .col-sm-push-5 {
- left: 41.66666667%;
- }
- .col-sm-push-4 {
- left: 33.33333333%;
- }
- .col-sm-push-3 {
- left: 25%;
- }
- .col-sm-push-2 {
- left: 16.66666667%;
- }
- .col-sm-push-1 {
- left: 8.33333333%;
- }
- .col-sm-push-0 {
- left: auto;
- }
- .col-sm-offset-12 {
- margin-left: 100%;
- }
- .col-sm-offset-11 {
- margin-left: 91.66666667%;
- }
- .col-sm-offset-10 {
- margin-left: 83.33333333%;
- }
- .col-sm-offset-9 {
- margin-left: 75%;
- }
- .col-sm-offset-8 {
- margin-left: 66.66666667%;
- }
- .col-sm-offset-7 {
- margin-left: 58.33333333%;
- }
- .col-sm-offset-6 {
- margin-left: 50%;
- }
- .col-sm-offset-5 {
- margin-left: 41.66666667%;
- }
- .col-sm-offset-4 {
- margin-left: 33.33333333%;
- }
- .col-sm-offset-3 {
- margin-left: 25%;
- }
- .col-sm-offset-2 {
- margin-left: 16.66666667%;
- }
- .col-sm-offset-1 {
- margin-left: 8.33333333%;
- }
- .col-sm-offset-0 {
- margin-left: 0%;
- }
+ .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
+ float: left;
+ }
+
+ .col-sm-12 {
+ width: 100%;
+ }
+
+ .col-sm-11 {
+ width: 91.66666667%;
+ }
+
+ .col-sm-10 {
+ width: 83.33333333%;
+ }
+
+ .col-sm-9 {
+ width: 75%;
+ }
+
+ .col-sm-8 {
+ width: 66.66666667%;
+ }
+
+ .col-sm-7 {
+ width: 58.33333333%;
+ }
+
+ .col-sm-6 {
+ width: 50%;
+ }
+
+ .col-sm-5 {
+ width: 41.66666667%;
+ }
+
+ .col-sm-4 {
+ width: 33.33333333%;
+ }
+
+ .col-sm-3 {
+ width: 25%;
+ }
+
+ .col-sm-2 {
+ width: 16.66666667%;
+ }
+
+ .col-sm-1 {
+ width: 8.33333333%;
+ }
+
+ .col-sm-pull-12 {
+ right: 100%;
+ }
+
+ .col-sm-pull-11 {
+ right: 91.66666667%;
+ }
+
+ .col-sm-pull-10 {
+ right: 83.33333333%;
+ }
+
+ .col-sm-pull-9 {
+ right: 75%;
+ }
+
+ .col-sm-pull-8 {
+ right: 66.66666667%;
+ }
+
+ .col-sm-pull-7 {
+ right: 58.33333333%;
+ }
+
+ .col-sm-pull-6 {
+ right: 50%;
+ }
+
+ .col-sm-pull-5 {
+ right: 41.66666667%;
+ }
+
+ .col-sm-pull-4 {
+ right: 33.33333333%;
+ }
+
+ .col-sm-pull-3 {
+ right: 25%;
+ }
+
+ .col-sm-pull-2 {
+ right: 16.66666667%;
+ }
+
+ .col-sm-pull-1 {
+ right: 8.33333333%;
+ }
+
+ .col-sm-pull-0 {
+ right: auto;
+ }
+
+ .col-sm-push-12 {
+ left: 100%;
+ }
+
+ .col-sm-push-11 {
+ left: 91.66666667%;
+ }
+
+ .col-sm-push-10 {
+ left: 83.33333333%;
+ }
+
+ .col-sm-push-9 {
+ left: 75%;
+ }
+
+ .col-sm-push-8 {
+ left: 66.66666667%;
+ }
+
+ .col-sm-push-7 {
+ left: 58.33333333%;
+ }
+
+ .col-sm-push-6 {
+ left: 50%;
+ }
+
+ .col-sm-push-5 {
+ left: 41.66666667%;
+ }
+
+ .col-sm-push-4 {
+ left: 33.33333333%;
+ }
+
+ .col-sm-push-3 {
+ left: 25%;
+ }
+
+ .col-sm-push-2 {
+ left: 16.66666667%;
+ }
+
+ .col-sm-push-1 {
+ left: 8.33333333%;
+ }
+
+ .col-sm-push-0 {
+ left: auto;
+ }
+
+ .col-sm-offset-12 {
+ margin-left: 100%;
+ }
+
+ .col-sm-offset-11 {
+ margin-left: 91.66666667%;
+ }
+
+ .col-sm-offset-10 {
+ margin-left: 83.33333333%;
+ }
+
+ .col-sm-offset-9 {
+ margin-left: 75%;
+ }
+
+ .col-sm-offset-8 {
+ margin-left: 66.66666667%;
+ }
+
+ .col-sm-offset-7 {
+ margin-left: 58.33333333%;
+ }
+
+ .col-sm-offset-6 {
+ margin-left: 50%;
+ }
+
+ .col-sm-offset-5 {
+ margin-left: 41.66666667%;
+ }
+
+ .col-sm-offset-4 {
+ margin-left: 33.33333333%;
+ }
+
+ .col-sm-offset-3 {
+ margin-left: 25%;
+ }
+
+ .col-sm-offset-2 {
+ margin-left: 16.66666667%;
+ }
+
+ .col-sm-offset-1 {
+ margin-left: 8.33333333%;
+ }
+
+ .col-sm-offset-0 {
+ margin-left: 0%;
+ }
}
+
@media (min-width: 992px) {
- .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
- float: left;
- }
- .col-md-12 {
- width: 100%;
- }
- .col-md-11 {
- width: 91.66666667%;
- }
- .col-md-10 {
- width: 83.33333333%;
- }
- .col-md-9 {
- width: 75%;
- }
- .col-md-8 {
- width: 66.66666667%;
- }
- .col-md-7 {
- width: 58.33333333%;
- }
- .col-md-6 {
- width: 50%;
- }
- .col-md-5 {
- width: 41.66666667%;
- }
- .col-md-4 {
- width: 33.33333333%;
- }
- .col-md-3 {
- width: 25%;
- }
- .col-md-2 {
- width: 16.66666667%;
- }
- .col-md-1 {
- width: 8.33333333%;
- }
- .col-md-pull-12 {
- right: 100%;
- }
- .col-md-pull-11 {
- right: 91.66666667%;
- }
- .col-md-pull-10 {
- right: 83.33333333%;
- }
- .col-md-pull-9 {
- right: 75%;
- }
- .col-md-pull-8 {
- right: 66.66666667%;
- }
- .col-md-pull-7 {
- right: 58.33333333%;
- }
- .col-md-pull-6 {
- right: 50%;
- }
- .col-md-pull-5 {
- right: 41.66666667%;
- }
- .col-md-pull-4 {
- right: 33.33333333%;
- }
- .col-md-pull-3 {
- right: 25%;
- }
- .col-md-pull-2 {
- right: 16.66666667%;
- }
- .col-md-pull-1 {
- right: 8.33333333%;
- }
- .col-md-pull-0 {
- right: auto;
- }
- .col-md-push-12 {
- left: 100%;
- }
- .col-md-push-11 {
- left: 91.66666667%;
- }
- .col-md-push-10 {
- left: 83.33333333%;
- }
- .col-md-push-9 {
- left: 75%;
- }
- .col-md-push-8 {
- left: 66.66666667%;
- }
- .col-md-push-7 {
- left: 58.33333333%;
- }
- .col-md-push-6 {
- left: 50%;
- }
- .col-md-push-5 {
- left: 41.66666667%;
- }
- .col-md-push-4 {
- left: 33.33333333%;
- }
- .col-md-push-3 {
- left: 25%;
- }
- .col-md-push-2 {
- left: 16.66666667%;
- }
- .col-md-push-1 {
- left: 8.33333333%;
- }
- .col-md-push-0 {
- left: auto;
- }
- .col-md-offset-12 {
- margin-left: 100%;
- }
- .col-md-offset-11 {
- margin-left: 91.66666667%;
- }
- .col-md-offset-10 {
- margin-left: 83.33333333%;
- }
- .col-md-offset-9 {
- margin-left: 75%;
- }
- .col-md-offset-8 {
- margin-left: 66.66666667%;
- }
- .col-md-offset-7 {
- margin-left: 58.33333333%;
- }
- .col-md-offset-6 {
- margin-left: 50%;
- }
- .col-md-offset-5 {
- margin-left: 41.66666667%;
- }
- .col-md-offset-4 {
- margin-left: 33.33333333%;
- }
- .col-md-offset-3 {
- margin-left: 25%;
- }
- .col-md-offset-2 {
- margin-left: 16.66666667%;
- }
- .col-md-offset-1 {
- margin-left: 8.33333333%;
- }
- .col-md-offset-0 {
- margin-left: 0%;
- }
+ .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
+ float: left;
+ }
+
+ .col-md-12 {
+ width: 100%;
+ }
+
+ .col-md-11 {
+ width: 91.66666667%;
+ }
+
+ .col-md-10 {
+ width: 83.33333333%;
+ }
+
+ .col-md-9 {
+ width: 75%;
+ }
+
+ .col-md-8 {
+ width: 66.66666667%;
+ }
+
+ .col-md-7 {
+ width: 58.33333333%;
+ }
+
+ .col-md-6 {
+ width: 50%;
+ }
+
+ .col-md-5 {
+ width: 41.66666667%;
+ }
+
+ .col-md-4 {
+ width: 33.33333333%;
+ }
+
+ .col-md-3 {
+ width: 25%;
+ }
+
+ .col-md-2 {
+ width: 16.66666667%;
+ }
+
+ .col-md-1 {
+ width: 8.33333333%;
+ }
+
+ .col-md-pull-12 {
+ right: 100%;
+ }
+
+ .col-md-pull-11 {
+ right: 91.66666667%;
+ }
+
+ .col-md-pull-10 {
+ right: 83.33333333%;
+ }
+
+ .col-md-pull-9 {
+ right: 75%;
+ }
+
+ .col-md-pull-8 {
+ right: 66.66666667%;
+ }
+
+ .col-md-pull-7 {
+ right: 58.33333333%;
+ }
+
+ .col-md-pull-6 {
+ right: 50%;
+ }
+
+ .col-md-pull-5 {
+ right: 41.66666667%;
+ }
+
+ .col-md-pull-4 {
+ right: 33.33333333%;
+ }
+
+ .col-md-pull-3 {
+ right: 25%;
+ }
+
+ .col-md-pull-2 {
+ right: 16.66666667%;
+ }
+
+ .col-md-pull-1 {
+ right: 8.33333333%;
+ }
+
+ .col-md-pull-0 {
+ right: auto;
+ }
+
+ .col-md-push-12 {
+ left: 100%;
+ }
+
+ .col-md-push-11 {
+ left: 91.66666667%;
+ }
+
+ .col-md-push-10 {
+ left: 83.33333333%;
+ }
+
+ .col-md-push-9 {
+ left: 75%;
+ }
+
+ .col-md-push-8 {
+ left: 66.66666667%;
+ }
+
+ .col-md-push-7 {
+ left: 58.33333333%;
+ }
+
+ .col-md-push-6 {
+ left: 50%;
+ }
+
+ .col-md-push-5 {
+ left: 41.66666667%;
+ }
+
+ .col-md-push-4 {
+ left: 33.33333333%;
+ }
+
+ .col-md-push-3 {
+ left: 25%;
+ }
+
+ .col-md-push-2 {
+ left: 16.66666667%;
+ }
+
+ .col-md-push-1 {
+ left: 8.33333333%;
+ }
+
+ .col-md-push-0 {
+ left: auto;
+ }
+
+ .col-md-offset-12 {
+ margin-left: 100%;
+ }
+
+ .col-md-offset-11 {
+ margin-left: 91.66666667%;
+ }
+
+ .col-md-offset-10 {
+ margin-left: 83.33333333%;
+ }
+
+ .col-md-offset-9 {
+ margin-left: 75%;
+ }
+
+ .col-md-offset-8 {
+ margin-left: 66.66666667%;
+ }
+
+ .col-md-offset-7 {
+ margin-left: 58.33333333%;
+ }
+
+ .col-md-offset-6 {
+ margin-left: 50%;
+ }
+
+ .col-md-offset-5 {
+ margin-left: 41.66666667%;
+ }
+
+ .col-md-offset-4 {
+ margin-left: 33.33333333%;
+ }
+
+ .col-md-offset-3 {
+ margin-left: 25%;
+ }
+
+ .col-md-offset-2 {
+ margin-left: 16.66666667%;
+ }
+
+ .col-md-offset-1 {
+ margin-left: 8.33333333%;
+ }
+
+ .col-md-offset-0 {
+ margin-left: 0%;
+ }
}
+
@media (min-width: 1200px) {
- .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
- float: left;
- }
- .col-lg-12 {
- width: 100%;
- }
- .col-lg-11 {
- width: 91.66666667%;
- }
- .col-lg-10 {
- width: 83.33333333%;
- }
- .col-lg-9 {
- width: 75%;
- }
- .col-lg-8 {
- width: 66.66666667%;
- }
- .col-lg-7 {
- width: 58.33333333%;
- }
- .col-lg-6 {
- width: 50%;
- }
- .col-lg-5 {
- width: 41.66666667%;
- }
- .col-lg-4 {
- width: 33.33333333%;
- }
- .col-lg-3 {
- width: 25%;
- }
- .col-lg-2 {
- width: 16.66666667%;
- }
- .col-lg-1 {
- width: 8.33333333%;
- }
- .col-lg-pull-12 {
- right: 100%;
- }
- .col-lg-pull-11 {
- right: 91.66666667%;
- }
- .col-lg-pull-10 {
- right: 83.33333333%;
- }
- .col-lg-pull-9 {
- right: 75%;
- }
- .col-lg-pull-8 {
- right: 66.66666667%;
- }
- .col-lg-pull-7 {
- right: 58.33333333%;
- }
- .col-lg-pull-6 {
- right: 50%;
- }
- .col-lg-pull-5 {
- right: 41.66666667%;
- }
- .col-lg-pull-4 {
- right: 33.33333333%;
- }
- .col-lg-pull-3 {
- right: 25%;
- }
- .col-lg-pull-2 {
- right: 16.66666667%;
- }
- .col-lg-pull-1 {
- right: 8.33333333%;
- }
- .col-lg-pull-0 {
- right: auto;
- }
- .col-lg-push-12 {
- left: 100%;
- }
- .col-lg-push-11 {
- left: 91.66666667%;
- }
- .col-lg-push-10 {
- left: 83.33333333%;
- }
- .col-lg-push-9 {
- left: 75%;
- }
- .col-lg-push-8 {
- left: 66.66666667%;
- }
- .col-lg-push-7 {
- left: 58.33333333%;
- }
- .col-lg-push-6 {
- left: 50%;
- }
- .col-lg-push-5 {
- left: 41.66666667%;
- }
- .col-lg-push-4 {
- left: 33.33333333%;
- }
- .col-lg-push-3 {
- left: 25%;
- }
- .col-lg-push-2 {
- left: 16.66666667%;
- }
- .col-lg-push-1 {
- left: 8.33333333%;
- }
- .col-lg-push-0 {
- left: auto;
- }
- .col-lg-offset-12 {
- margin-left: 100%;
- }
- .col-lg-offset-11 {
- margin-left: 91.66666667%;
- }
- .col-lg-offset-10 {
- margin-left: 83.33333333%;
- }
- .col-lg-offset-9 {
- margin-left: 75%;
- }
- .col-lg-offset-8 {
- margin-left: 66.66666667%;
- }
- .col-lg-offset-7 {
- margin-left: 58.33333333%;
- }
- .col-lg-offset-6 {
- margin-left: 50%;
- }
- .col-lg-offset-5 {
- margin-left: 41.66666667%;
- }
- .col-lg-offset-4 {
- margin-left: 33.33333333%;
- }
- .col-lg-offset-3 {
- margin-left: 25%;
- }
- .col-lg-offset-2 {
- margin-left: 16.66666667%;
- }
- .col-lg-offset-1 {
- margin-left: 8.33333333%;
- }
- .col-lg-offset-0 {
- margin-left: 0%;
- }
+ .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
+ float: left;
+ }
+
+ .col-lg-12 {
+ width: 100%;
+ }
+
+ .col-lg-11 {
+ width: 91.66666667%;
+ }
+
+ .col-lg-10 {
+ width: 83.33333333%;
+ }
+
+ .col-lg-9 {
+ width: 75%;
+ }
+
+ .col-lg-8 {
+ width: 66.66666667%;
+ }
+
+ .col-lg-7 {
+ width: 58.33333333%;
+ }
+
+ .col-lg-6 {
+ width: 50%;
+ }
+
+ .col-lg-5 {
+ width: 41.66666667%;
+ }
+
+ .col-lg-4 {
+ width: 33.33333333%;
+ }
+
+ .col-lg-3 {
+ width: 25%;
+ }
+
+ .col-lg-2 {
+ width: 16.66666667%;
+ }
+
+ .col-lg-1 {
+ width: 8.33333333%;
+ }
+
+ .col-lg-pull-12 {
+ right: 100%;
+ }
+
+ .col-lg-pull-11 {
+ right: 91.66666667%;
+ }
+
+ .col-lg-pull-10 {
+ right: 83.33333333%;
+ }
+
+ .col-lg-pull-9 {
+ right: 75%;
+ }
+
+ .col-lg-pull-8 {
+ right: 66.66666667%;
+ }
+
+ .col-lg-pull-7 {
+ right: 58.33333333%;
+ }
+
+ .col-lg-pull-6 {
+ right: 50%;
+ }
+
+ .col-lg-pull-5 {
+ right: 41.66666667%;
+ }
+
+ .col-lg-pull-4 {
+ right: 33.33333333%;
+ }
+
+ .col-lg-pull-3 {
+ right: 25%;
+ }
+
+ .col-lg-pull-2 {
+ right: 16.66666667%;
+ }
+
+ .col-lg-pull-1 {
+ right: 8.33333333%;
+ }
+
+ .col-lg-pull-0 {
+ right: auto;
+ }
+
+ .col-lg-push-12 {
+ left: 100%;
+ }
+
+ .col-lg-push-11 {
+ left: 91.66666667%;
+ }
+
+ .col-lg-push-10 {
+ left: 83.33333333%;
+ }
+
+ .col-lg-push-9 {
+ left: 75%;
+ }
+
+ .col-lg-push-8 {
+ left: 66.66666667%;
+ }
+
+ .col-lg-push-7 {
+ left: 58.33333333%;
+ }
+
+ .col-lg-push-6 {
+ left: 50%;
+ }
+
+ .col-lg-push-5 {
+ left: 41.66666667%;
+ }
+
+ .col-lg-push-4 {
+ left: 33.33333333%;
+ }
+
+ .col-lg-push-3 {
+ left: 25%;
+ }
+
+ .col-lg-push-2 {
+ left: 16.66666667%;
+ }
+
+ .col-lg-push-1 {
+ left: 8.33333333%;
+ }
+
+ .col-lg-push-0 {
+ left: auto;
+ }
+
+ .col-lg-offset-12 {
+ margin-left: 100%;
+ }
+
+ .col-lg-offset-11 {
+ margin-left: 91.66666667%;
+ }
+
+ .col-lg-offset-10 {
+ margin-left: 83.33333333%;
+ }
+
+ .col-lg-offset-9 {
+ margin-left: 75%;
+ }
+
+ .col-lg-offset-8 {
+ margin-left: 66.66666667%;
+ }
+
+ .col-lg-offset-7 {
+ margin-left: 58.33333333%;
+ }
+
+ .col-lg-offset-6 {
+ margin-left: 50%;
+ }
+
+ .col-lg-offset-5 {
+ margin-left: 41.66666667%;
+ }
+
+ .col-lg-offset-4 {
+ margin-left: 33.33333333%;
+ }
+
+ .col-lg-offset-3 {
+ margin-left: 25%;
+ }
+
+ .col-lg-offset-2 {
+ margin-left: 16.66666667%;
+ }
+
+ .col-lg-offset-1 {
+ margin-left: 8.33333333%;
+ }
+
+ .col-lg-offset-0 {
+ margin-left: 0%;
+ }
}
+
table {
- background-color: transparent;
+ background-color: transparent;
}
+
caption {
- padding-top: 8px;
- padding-bottom: 8px;
- color: #777777;
- text-align: left;
+ padding-top: 8px;
+ padding-bottom: 8px;
+ color: #777777;
+ text-align: left;
}
+
th {
- text-align: left;
+ text-align: left;
}
+
.table {
- width: 100%;
- max-width: 100%;
- margin-bottom: 20px;
+ width: 100%;
+ max-width: 100%;
+ margin-bottom: 20px;
}
+
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
- padding: 8px;
- line-height: 1.42857143;
- vertical-align: top;
- border-top: 1px solid #dddddd;
+ padding: 8px;
+ line-height: 1.42857143;
+ vertical-align: top;
+ border-top: 1px solid #dddddd;
}
+
.table > thead > tr > th {
- vertical-align: bottom;
- border-bottom: 2px solid #dddddd;
+ vertical-align: bottom;
+ border-bottom: 2px solid #dddddd;
}
+
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
- border-top: 0;
+ border-top: 0;
}
+
.table > tbody + tbody {
- border-top: 2px solid #dddddd;
+ border-top: 2px solid #dddddd;
}
+
.table .table {
- background-color: #ffffff;
+ background-color: #ffffff;
}
+
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
- padding: 5px;
+ padding: 5px;
}
+
.table-bordered {
- border: 1px solid #dddddd;
+ border: 1px solid #dddddd;
}
+
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
- border: 1px solid #dddddd;
+ border: 1px solid #dddddd;
}
+
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
- border-bottom-width: 2px;
+ border-bottom-width: 2px;
}
+
.table-striped > tbody > tr:nth-of-type(odd) {
- background-color: #f9f9f9;
+ background-color: #f9f9f9;
}
+
.table-hover > tbody > tr:hover {
- background-color: #f5f5f5;
+ background-color: #f5f5f5;
}
+
table col[class*="col-"] {
- position: static;
- float: none;
- display: table-column;
+ position: static;
+ float: none;
+ display: table-column;
}
+
table td[class*="col-"],
table th[class*="col-"] {
- position: static;
- float: none;
- display: table-cell;
+ position: static;
+ float: none;
+ display: table-cell;
}
+
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
@@ -2339,15 +2987,17 @@ table th[class*="col-"] {
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
- background-color: #f5f5f5;
+ background-color: #f5f5f5;
}
+
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
- background-color: #e8e8e8;
+ background-color: #e8e8e8;
}
+
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
@@ -2360,15 +3010,17 @@ table th[class*="col-"] {
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
- background-color: #a3d7a3;
+ background-color: #a3d7a3;
}
+
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
- background-color: #91cf91;
+ background-color: #91cf91;
}
+
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
@@ -2381,15 +3033,17 @@ table th[class*="col-"] {
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
- background-color: #b0e1ef;
+ background-color: #b0e1ef;
}
+
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
- background-color: #9bd8eb;
+ background-color: #9bd8eb;
}
+
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
@@ -2402,15 +3056,17 @@ table th[class*="col-"] {
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
- background-color: #f8d9ac;
+ background-color: #f8d9ac;
}
+
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
- background-color: #f6ce95;
+ background-color: #f6ce95;
}
+
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
@@ -2423,379 +3079,442 @@ table th[class*="col-"] {
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
- background-color: #eba5a3;
+ background-color: #eba5a3;
}
+
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
- background-color: #e7908e;
+ background-color: #e7908e;
}
+
.table-responsive {
- overflow-x: auto;
- min-height: 0.01%;
+ overflow-x: auto;
+ min-height: 0.01%;
}
+
@media screen and (max-width: 767px) {
- .table-responsive {
- width: 100%;
- margin-bottom: 15px;
- overflow-y: hidden;
- -ms-overflow-style: -ms-autohiding-scrollbar;
- border: 1px solid #dddddd;
- }
- .table-responsive > .table {
- margin-bottom: 0;
- }
- .table-responsive > .table > thead > tr > th,
- .table-responsive > .table > tbody > tr > th,
- .table-responsive > .table > tfoot > tr > th,
- .table-responsive > .table > thead > tr > td,
- .table-responsive > .table > tbody > tr > td,
- .table-responsive > .table > tfoot > tr > td {
- white-space: nowrap;
- }
- .table-responsive > .table-bordered {
- border: 0;
- }
- .table-responsive > .table-bordered > thead > tr > th:first-child,
- .table-responsive > .table-bordered > tbody > tr > th:first-child,
- .table-responsive > .table-bordered > tfoot > tr > th:first-child,
- .table-responsive > .table-bordered > thead > tr > td:first-child,
- .table-responsive > .table-bordered > tbody > tr > td:first-child,
- .table-responsive > .table-bordered > tfoot > tr > td:first-child {
- border-left: 0;
- }
- .table-responsive > .table-bordered > thead > tr > th:last-child,
- .table-responsive > .table-bordered > tbody > tr > th:last-child,
- .table-responsive > .table-bordered > tfoot > tr > th:last-child,
- .table-responsive > .table-bordered > thead > tr > td:last-child,
- .table-responsive > .table-bordered > tbody > tr > td:last-child,
- .table-responsive > .table-bordered > tfoot > tr > td:last-child {
- border-right: 0;
- }
- .table-responsive > .table-bordered > tbody > tr:last-child > th,
- .table-responsive > .table-bordered > tfoot > tr:last-child > th,
- .table-responsive > .table-bordered > tbody > tr:last-child > td,
- .table-responsive > .table-bordered > tfoot > tr:last-child > td {
- border-bottom: 0;
- }
+ .table-responsive {
+ width: 100%;
+ margin-bottom: 15px;
+ overflow-y: hidden;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ border: 1px solid #dddddd;
+ }
+
+ .table-responsive > .table {
+ margin-bottom: 0;
+ }
+
+ .table-responsive > .table > thead > tr > th,
+ .table-responsive > .table > tbody > tr > th,
+ .table-responsive > .table > tfoot > tr > th,
+ .table-responsive > .table > thead > tr > td,
+ .table-responsive > .table > tbody > tr > td,
+ .table-responsive > .table > tfoot > tr > td {
+ white-space: nowrap;
+ }
+
+ .table-responsive > .table-bordered {
+ border: 0;
+ }
+
+ .table-responsive > .table-bordered > thead > tr > th:first-child,
+ .table-responsive > .table-bordered > tbody > tr > th:first-child,
+ .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+ .table-responsive > .table-bordered > thead > tr > td:first-child,
+ .table-responsive > .table-bordered > tbody > tr > td:first-child,
+ .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+ border-left: 0;
+ }
+
+ .table-responsive > .table-bordered > thead > tr > th:last-child,
+ .table-responsive > .table-bordered > tbody > tr > th:last-child,
+ .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+ .table-responsive > .table-bordered > thead > tr > td:last-child,
+ .table-responsive > .table-bordered > tbody > tr > td:last-child,
+ .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+ border-right: 0;
+ }
+
+ .table-responsive > .table-bordered > tbody > tr:last-child > th,
+ .table-responsive > .table-bordered > tfoot > tr:last-child > th,
+ .table-responsive > .table-bordered > tbody > tr:last-child > td,
+ .table-responsive > .table-bordered > tfoot > tr:last-child > td {
+ border-bottom: 0;
+ }
}
+
fieldset {
- padding: 0;
- margin: 0;
- border: 0;
- min-width: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
+ min-width: 0;
}
+
legend {
- display: block;
- width: 100%;
- padding: 0;
- margin-bottom: 20px;
- font-size: 21px;
- line-height: inherit;
- color: #333333;
- border: 0;
- border-bottom: 1px solid #e5e5e5;
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin-bottom: 20px;
+ font-size: 21px;
+ line-height: inherit;
+ color: #333333;
+ border: 0;
+ border-bottom: 1px solid #e5e5e5;
}
+
label {
- display: inline-block;
- max-width: 100%;
- margin-bottom: 5px;
- font-weight: bold;
+ display: inline-block;
+ max-width: 100%;
+ margin-bottom: 5px;
+ font-weight: bold;
}
+
input[type="search"] {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
+
input[type="radio"],
input[type="checkbox"] {
- margin: 4px 0 0;
- margin-top: 1px \9;
- line-height: normal;
+ margin: 4px 0 0;
+ margin-top: 1px \9;
+ line-height: normal;
}
+
input[type="file"] {
- display: block;
+ display: block;
}
+
input[type="range"] {
- display: block;
- width: 100%;
+ display: block;
+ width: 100%;
}
+
select[multiple],
select[size] {
- height: auto;
+ height: auto;
}
+
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
- outline: thin dotted;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
}
+
output {
- display: block;
- padding-top: 7px;
- font-size: 14px;
- line-height: 1.42857143;
- color: #555555;
+ display: block;
+ padding-top: 7px;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #555555;
}
+
.form-control {
- display: block;
- width: 100%;
- height: 34px;
- padding: 6px 12px;
- font-size: 14px;
- line-height: 1.42857143;
- color: #555555;
- background-color: #ffffff;
- background-image: none;
- border: 1px solid #cccccc;
- border-radius: 4px;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+ display: block;
+ width: 100%;
+ height: 34px;
+ padding: 6px 12px;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #555555;
+ background-color: #ffffff;
+ background-image: none;
+ border: 1px solid #cccccc;
+ border-radius: 4px;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+ -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+ transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
+
.form-control:focus {
- border-color: #66afe9;
- outline: 0;
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
+ border-color: #66afe9;
+ outline: 0;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
+
.form-control::-moz-placeholder {
- color: #999999;
- opacity: 1;
+ color: #999999;
+ opacity: 1;
}
+
.form-control:-ms-input-placeholder {
- color: #999999;
+ color: #999999;
}
+
.form-control::-webkit-input-placeholder {
- color: #999999;
+ color: #999999;
}
+
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
- background-color: #eeeeee;
- opacity: 1;
+ background-color: #eeeeee;
+ opacity: 1;
}
+
.form-control[disabled],
fieldset[disabled] .form-control {
- cursor: not-allowed;
+ cursor: not-allowed;
}
+
textarea.form-control {
- height: auto;
+ height: auto;
}
+
input[type="search"] {
- -webkit-appearance: none;
+ -webkit-appearance: none;
}
+
@media screen and (-webkit-min-device-pixel-ratio: 0) {
- input[type="date"],
- input[type="time"],
- input[type="datetime-local"],
- input[type="month"] {
- line-height: 34px;
- }
- input[type="date"].input-sm,
- input[type="time"].input-sm,
- input[type="datetime-local"].input-sm,
- input[type="month"].input-sm,
- .input-group-sm input[type="date"],
- .input-group-sm input[type="time"],
- .input-group-sm input[type="datetime-local"],
- .input-group-sm input[type="month"] {
- line-height: 30px;
- }
- input[type="date"].input-lg,
- input[type="time"].input-lg,
- input[type="datetime-local"].input-lg,
- input[type="month"].input-lg,
- .input-group-lg input[type="date"],
- .input-group-lg input[type="time"],
- .input-group-lg input[type="datetime-local"],
- .input-group-lg input[type="month"] {
- line-height: 46px;
- }
+ input[type="date"],
+ input[type="time"],
+ input[type="datetime-local"],
+ input[type="month"] {
+ line-height: 34px;
+ }
+
+ input[type="date"].input-sm,
+ input[type="time"].input-sm,
+ input[type="datetime-local"].input-sm,
+ input[type="month"].input-sm,
+ .input-group-sm input[type="date"],
+ .input-group-sm input[type="time"],
+ .input-group-sm input[type="datetime-local"],
+ .input-group-sm input[type="month"] {
+ line-height: 30px;
+ }
+
+ input[type="date"].input-lg,
+ input[type="time"].input-lg,
+ input[type="datetime-local"].input-lg,
+ input[type="month"].input-lg,
+ .input-group-lg input[type="date"],
+ .input-group-lg input[type="time"],
+ .input-group-lg input[type="datetime-local"],
+ .input-group-lg input[type="month"] {
+ line-height: 46px;
+ }
}
+
.form-group {
- margin-bottom: 15px;
+ margin-bottom: 15px;
}
+
.radio,
.checkbox {
- position: relative;
- display: block;
- margin-top: 10px;
- margin-bottom: 10px;
+ position: relative;
+ display: block;
+ margin-top: 10px;
+ margin-bottom: 10px;
}
+
.radio label,
.checkbox label {
- min-height: 20px;
- padding-left: 20px;
- margin-bottom: 0;
- font-weight: normal;
- cursor: pointer;
+ min-height: 20px;
+ padding-left: 20px;
+ margin-bottom: 0;
+ font-weight: normal;
+ cursor: pointer;
}
+
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
- position: absolute;
- margin-left: -20px;
- margin-top: 4px \9;
+ position: absolute;
+ margin-left: -20px;
+ margin-top: 4px \9;
}
+
.radio + .radio,
.checkbox + .checkbox {
- margin-top: -5px;
+ margin-top: -5px;
}
+
.radio-inline,
.checkbox-inline {
- position: relative;
- display: inline-block;
- padding-left: 20px;
- margin-bottom: 0;
- vertical-align: middle;
- font-weight: normal;
- cursor: pointer;
+ position: relative;
+ display: inline-block;
+ padding-left: 20px;
+ margin-bottom: 0;
+ vertical-align: middle;
+ font-weight: normal;
+ cursor: pointer;
}
+
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
- margin-top: 0;
- margin-left: 10px;
+ margin-top: 0;
+ margin-left: 10px;
}
+
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
- cursor: not-allowed;
+ cursor: not-allowed;
}
+
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
- cursor: not-allowed;
+ cursor: not-allowed;
}
+
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
- cursor: not-allowed;
+ cursor: not-allowed;
}
+
.form-control-static {
- padding-top: 7px;
- padding-bottom: 7px;
- margin-bottom: 0;
- min-height: 34px;
+ padding-top: 7px;
+ padding-bottom: 7px;
+ margin-bottom: 0;
+ min-height: 34px;
}
+
.form-control-static.input-lg,
.form-control-static.input-sm {
- padding-left: 0;
- padding-right: 0;
+ padding-left: 0;
+ padding-right: 0;
}
+
.input-sm {
- height: 30px;
- padding: 5px 10px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 2px;
+ height: 30px;
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 2px;
}
+
select.input-sm {
- height: 30px;
- line-height: 30px;
+ height: 30px;
+ line-height: 30px;
}
+
textarea.input-sm,
select[multiple].input-sm {
- height: auto;
+ height: auto;
}
+
.form-group-sm .form-control {
- height: 30px;
- padding: 5px 10px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 2px;
+ height: 30px;
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 2px;
}
+
select.form-group-sm .form-control {
- height: 30px;
- line-height: 30px;
+ height: 30px;
+ line-height: 30px;
}
+
textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
- height: auto;
+ height: auto;
}
+
.form-group-sm .form-control-static {
- height: 30px;
- padding: 5px 10px;
- font-size: 12px;
- line-height: 1.5;
- min-height: 32px;
+ height: 30px;
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ min-height: 32px;
}
+
.input-lg {
- height: 46px;
- padding: 10px 16px;
- font-size: 18px;
- line-height: 1.3333333;
- border-radius: 5px;
+ height: 46px;
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.3333333;
+ border-radius: 5px;
}
+
select.input-lg {
- height: 46px;
- line-height: 46px;
+ height: 46px;
+ line-height: 46px;
}
+
textarea.input-lg,
select[multiple].input-lg {
- height: auto;
+ height: auto;
}
+
.form-group-lg .form-control {
- height: 46px;
- padding: 10px 16px;
- font-size: 18px;
- line-height: 1.3333333;
- border-radius: 5px;
+ height: 46px;
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.3333333;
+ border-radius: 5px;
}
+
select.form-group-lg .form-control {
- height: 46px;
- line-height: 46px;
+ height: 46px;
+ line-height: 46px;
}
+
textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
- height: auto;
+ height: auto;
}
+
.form-group-lg .form-control-static {
- height: 46px;
- padding: 10px 16px;
- font-size: 18px;
- line-height: 1.3333333;
- min-height: 38px;
+ height: 46px;
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.3333333;
+ min-height: 38px;
}
+
.has-feedback {
- position: relative;
+ position: relative;
}
+
.has-feedback .form-control {
- padding-right: 42.5px;
+ padding-right: 42.5px;
}
+
.form-control-feedback {
- position: absolute;
- top: 0;
- right: 0;
- z-index: 2;
- display: block;
- width: 34px;
- height: 34px;
- line-height: 34px;
- text-align: center;
- pointer-events: none;
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+ display: block;
+ width: 34px;
+ height: 34px;
+ line-height: 34px;
+ text-align: center;
+ pointer-events: none;
}
+
.input-lg + .form-control-feedback {
- width: 46px;
- height: 46px;
- line-height: 46px;
+ width: 46px;
+ height: 46px;
+ line-height: 46px;
}
+
.input-sm + .form-control-feedback {
- width: 30px;
- height: 30px;
- line-height: 30px;
+ width: 30px;
+ height: 30px;
+ line-height: 30px;
}
+
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
@@ -2806,26 +3525,31 @@ select[multiple].form-group-lg .form-control {
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
- color: #5cb85c;
+ color: #5cb85c;
}
+
.has-success .form-control {
- border-color: #5cb85c;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ border-color: #5cb85c;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
+
.has-success .form-control:focus {
- border-color: #449d44;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a3d7a3;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a3d7a3;
+ border-color: #449d44;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a3d7a3;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a3d7a3;
}
+
.has-success .input-group-addon {
- color: #5cb85c;
- border-color: #5cb85c;
- background-color: #a3d7a3;
+ color: #5cb85c;
+ border-color: #5cb85c;
+ background-color: #a3d7a3;
}
+
.has-success .form-control-feedback {
- color: #5cb85c;
+ color: #5cb85c;
}
+
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
@@ -2836,26 +3560,31 @@ select[multiple].form-group-lg .form-control {
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
- color: #f0ad4e;
+ color: #f0ad4e;
}
+
.has-warning .form-control {
- border-color: #f0ad4e;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ border-color: #f0ad4e;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
+
.has-warning .form-control:focus {
- border-color: #ec971f;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
+ border-color: #ec971f;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
}
+
.has-warning .input-group-addon {
- color: #f0ad4e;
- border-color: #f0ad4e;
- background-color: #f8d9ac;
+ color: #f0ad4e;
+ border-color: #f0ad4e;
+ background-color: #f8d9ac;
}
+
.has-warning .form-control-feedback {
- color: #f0ad4e;
+ color: #f0ad4e;
}
+
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
@@ -2866,197 +3595,231 @@ select[multiple].form-group-lg .form-control {
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
- color: #d9534f;
+ color: #d9534f;
}
+
.has-error .form-control {
- border-color: #d9534f;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ border-color: #d9534f;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
+
.has-error .form-control:focus {
- border-color: #c9302c;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
+ border-color: #c9302c;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
}
+
.has-error .input-group-addon {
- color: #d9534f;
- border-color: #d9534f;
- background-color: #eba5a3;
+ color: #d9534f;
+ border-color: #d9534f;
+ background-color: #eba5a3;
}
+
.has-error .form-control-feedback {
- color: #d9534f;
+ color: #d9534f;
}
+
.has-feedback label ~ .form-control-feedback {
- top: 25px;
+ top: 25px;
}
+
.has-feedback label.sr-only ~ .form-control-feedback {
- top: 0;
-}
-.help-block {
- display: block;
- margin-top: 5px;
- margin-bottom: 10px;
- color: #404040;
-}
-@media (min-width: 768px) {
- .form-inline .form-group {
- display: inline-block;
- margin-bottom: 0;
- vertical-align: middle;
- }
- .form-inline .form-control {
- display: inline-block;
- width: auto;
- vertical-align: middle;
- }
- .form-inline .form-control-static {
- display: inline-block;
- }
- .form-inline .input-group {
- display: inline-table;
- vertical-align: middle;
- }
- .form-inline .input-group .input-group-addon,
- .form-inline .input-group .input-group-btn,
- .form-inline .input-group .form-control {
- width: auto;
- }
- .form-inline .input-group > .form-control {
- width: 100%;
- }
- .form-inline .control-label {
- margin-bottom: 0;
- vertical-align: middle;
- }
- .form-inline .radio,
- .form-inline .checkbox {
- display: inline-block;
- margin-top: 0;
- margin-bottom: 0;
- vertical-align: middle;
- }
- .form-inline .radio label,
- .form-inline .checkbox label {
- padding-left: 0;
- }
- .form-inline .radio input[type="radio"],
- .form-inline .checkbox input[type="checkbox"] {
- position: relative;
- margin-left: 0;
- }
- .form-inline .has-feedback .form-control-feedback {
top: 0;
- }
}
+
+.help-block {
+ display: block;
+ margin-top: 5px;
+ margin-bottom: 10px;
+ color: #404040;
+}
+
+@media (min-width: 768px) {
+ .form-inline .form-group {
+ display: inline-block;
+ margin-bottom: 0;
+ vertical-align: middle;
+ }
+
+ .form-inline .form-control {
+ display: inline-block;
+ width: auto;
+ vertical-align: middle;
+ }
+
+ .form-inline .form-control-static {
+ display: inline-block;
+ }
+
+ .form-inline .input-group {
+ display: inline-table;
+ vertical-align: middle;
+ }
+
+ .form-inline .input-group .input-group-addon,
+ .form-inline .input-group .input-group-btn,
+ .form-inline .input-group .form-control {
+ width: auto;
+ }
+
+ .form-inline .input-group > .form-control {
+ width: 100%;
+ }
+
+ .form-inline .control-label {
+ margin-bottom: 0;
+ vertical-align: middle;
+ }
+
+ .form-inline .radio,
+ .form-inline .checkbox {
+ display: inline-block;
+ margin-top: 0;
+ margin-bottom: 0;
+ vertical-align: middle;
+ }
+
+ .form-inline .radio label,
+ .form-inline .checkbox label {
+ padding-left: 0;
+ }
+
+ .form-inline .radio input[type="radio"],
+ .form-inline .checkbox input[type="checkbox"] {
+ position: relative;
+ margin-left: 0;
+ }
+
+ .form-inline .has-feedback .form-control-feedback {
+ top: 0;
+ }
+}
+
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
- margin-top: 0;
- margin-bottom: 0;
- padding-top: 7px;
-}
-.form-horizontal .radio,
-.form-horizontal .checkbox {
- min-height: 27px;
-}
-.form-horizontal .form-group {
- margin-left: -15px;
- margin-right: -15px;
-}
-@media (min-width: 768px) {
- .form-horizontal .control-label {
- text-align: right;
+ margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
- }
}
+
+.form-horizontal .radio,
+.form-horizontal .checkbox {
+ min-height: 27px;
+}
+
+.form-horizontal .form-group {
+ margin-left: -15px;
+ margin-right: -15px;
+}
+
+@media (min-width: 768px) {
+ .form-horizontal .control-label {
+ text-align: right;
+ margin-bottom: 0;
+ padding-top: 7px;
+ }
+}
+
.form-horizontal .has-feedback .form-control-feedback {
- right: 15px;
+ right: 15px;
}
+
@media (min-width: 768px) {
- .form-horizontal .form-group-lg .control-label {
- padding-top: 14.333333px;
- }
+ .form-horizontal .form-group-lg .control-label {
+ padding-top: 14.333333px;
+ }
}
+
@media (min-width: 768px) {
- .form-horizontal .form-group-sm .control-label {
- padding-top: 6px;
- }
+ .form-horizontal .form-group-sm .control-label {
+ padding-top: 6px;
+ }
}
+
.btn {
- display: inline-block;
- margin-bottom: 0;
- font-weight: normal;
- text-align: center;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- background-image: none;
- border: 1px solid transparent;
- white-space: nowrap;
- padding: 6px 12px;
- font-size: 14px;
- line-height: 1.42857143;
- border-radius: 4px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+ display: inline-block;
+ margin-bottom: 0;
+ font-weight: normal;
+ text-align: center;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ background-image: none;
+ border: 1px solid transparent;
+ white-space: nowrap;
+ padding: 6px 12px;
+ font-size: 14px;
+ line-height: 1.42857143;
+ border-radius: 4px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
+
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
- outline: thin dotted;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
}
+
.btn:hover,
.btn:focus,
.btn.focus {
- color: #000000;
- text-decoration: none;
+ color: #000000;
+ text-decoration: none;
}
+
.btn:active,
.btn.active {
- outline: 0;
- background-image: none;
- -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ outline: 0;
+ background-image: none;
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
+
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
- cursor: not-allowed;
- pointer-events: none;
- opacity: 0.65;
- filter: alpha(opacity=65);
- -webkit-box-shadow: none;
- box-shadow: none;
+ cursor: not-allowed;
+ pointer-events: none;
+ opacity: 0.65;
+ filter: alpha(opacity=65);
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
+
.btn-default {
- color: #ffffff;
- background-color: #a0ced7;
- border-color: #9dc8ce;
+ color: #ffffff;
+ background-color: #a0ced7;
+ border-color: #9dc8ce;
}
+
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
- color: #ffffff;
- background-color: #1a6687;
- border-color: #1a6687;
+ color: #ffffff;
+ background-color: #1a6687;
+ border-color: #1a6687;
}
+
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
- background-image: none;
+ background-image: none;
}
+
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
@@ -3075,33 +3838,38 @@ fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
- background-color: #ffffff;
- border-color: #a0ced7;
+ background-color: #ffffff;
+ border-color: #a0ced7;
}
+
.btn-default .badge {
- color: #ffffff;
- background-color: #000000;
+ color: #ffffff;
+ background-color: #000000;
}
+
.btn-primary {
- color: #ffffff;
- background-color: #8bc4c9;
- border-color: #9dc8ce;
+ color: #ffffff;
+ background-color: #8bc4c9;
+ border-color: #9dc8ce;
}
+
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
- color: #ffffff;
- background-color: #1a6687;
- border-color: #165a72;
+ color: #ffffff;
+ background-color: #1a6687;
+ border-color: #165a72;
}
+
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
- background-image: none;
+ background-image: none;
}
+
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
@@ -3120,33 +3888,38 @@ fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
- background-color: #337cbb;
- border-color: #2e6fa7;
+ background-color: #337cbb;
+ border-color: #2e6fa7;
}
+
.btn-primary .badge {
- color: #337cbb;
- background-color: #ffffff;
+ color: #337cbb;
+ background-color: #ffffff;
}
+
.btn-success {
- color: #ffffff;
- background-color: #5cb85c;
- border-color: #4cae4c;
+ color: #ffffff;
+ background-color: #5cb85c;
+ border-color: #4cae4c;
}
+
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
- color: #ffffff;
- background-color: #449d44;
- border-color: #398439;
+ color: #ffffff;
+ background-color: #449d44;
+ border-color: #398439;
}
+
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
- background-image: none;
+ background-image: none;
}
+
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
@@ -3165,33 +3938,38 @@ fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
- background-color: #5cb85c;
- border-color: #4cae4c;
+ background-color: #5cb85c;
+ border-color: #4cae4c;
}
+
.btn-success .badge {
- color: #5cb85c;
- background-color: #ffffff;
+ color: #5cb85c;
+ background-color: #ffffff;
}
+
.btn-info {
- color: #ffffff;
- background-color: #E4762B;
- border-color: #E28809;
+ color: #ffffff;
+ background-color: #E4762B;
+ border-color: #E28809;
}
+
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
- color: #ffffff;
- background-color: #E63F0A;
- border-color: #E63F0A;
+ color: #ffffff;
+ background-color: #E63F0A;
+ border-color: #E63F0A;
}
+
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
- background-image: none;
+ background-image: none;
}
+
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
@@ -3210,33 +3988,38 @@ fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
- background-color: #5bc0de;
- border-color: #46b8da;
+ background-color: #5bc0de;
+ border-color: #46b8da;
}
+
.btn-info .badge {
- color: #5bc0de;
- background-color: #ffffff;
+ color: #5bc0de;
+ background-color: #ffffff;
}
+
.btn-warning {
- color: #ffffff;
- background-color: #f0ad4e;
- border-color: #eea236;
+ color: #ffffff;
+ background-color: #f0ad4e;
+ border-color: #eea236;
}
+
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
- color: #ffffff;
- background-color: #ec971f;
- border-color: #d58512;
+ color: #ffffff;
+ background-color: #ec971f;
+ border-color: #d58512;
}
+
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
- background-image: none;
+ background-image: none;
}
+
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
@@ -3255,33 +4038,38 @@ fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
- background-color: #f0ad4e;
- border-color: #eea236;
+ background-color: #f0ad4e;
+ border-color: #eea236;
}
+
.btn-warning .badge {
- color: #f0ad4e;
- background-color: #ffffff;
+ color: #f0ad4e;
+ background-color: #ffffff;
}
+
.btn-danger {
- color: #ffffff;
- background-color: #d9534f;
- border-color: #d43f3a;
+ color: #ffffff;
+ background-color: #d9534f;
+ border-color: #d43f3a;
}
+
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
- color: #ffffff;
- background-color: #c9302c;
- border-color: #ac2925;
+ color: #ffffff;
+ background-color: #c9302c;
+ border-color: #ac2925;
}
+
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
- background-image: none;
+ background-image: none;
}
+
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
@@ -3300,262 +4088,306 @@ fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
- background-color: #d9534f;
- border-color: #d43f3a;
+ background-color: #d9534f;
+ border-color: #d43f3a;
}
+
.btn-danger .badge {
- color: #d9534f;
- background-color: #ffffff;
+ color: #d9534f;
+ background-color: #ffffff;
}
+
.btn-link {
- color: #337cbb;
- font-weight: normal;
- border-radius: 0;
+ color: #337cbb;
+ font-weight: normal;
+ border-radius: 0;
}
+
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
- background-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ background-color: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
+
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
- border-color: transparent;
+ border-color: transparent;
}
+
.btn-link:hover,
.btn-link:focus {
- color: #23547f;
- text-decoration: underline;
- background-color: transparent;
+ color: #23547f;
+ text-decoration: underline;
+ background-color: transparent;
}
+
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
- color: #777777;
- text-decoration: none;
+ color: #777777;
+ text-decoration: none;
}
+
.btn-lg,
.btn-group-lg > .btn {
- padding: 10px 16px;
- font-size: 18px;
- line-height: 1.3333333;
- border-radius: 5px;
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.3333333;
+ border-radius: 5px;
}
+
.btn-sm,
.btn-group-sm > .btn {
- padding: 5px 10px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 2px;
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 2px;
}
+
.btn-xs,
.btn-group-xs > .btn {
- padding: 1px 5px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 2px;
+ padding: 1px 5px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 2px;
}
+
.btn-block {
- display: block;
- width: 100%;
+ display: block;
+ width: 100%;
}
+
.btn-block + .btn-block {
- margin-top: 5px;
+ margin-top: 5px;
}
+
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
- width: 100%;
+ width: 100%;
}
+
.fade {
- opacity: 0;
- -webkit-transition: opacity 0.15s linear;
- -o-transition: opacity 0.15s linear;
- transition: opacity 0.15s linear;
+ opacity: 0;
+ -webkit-transition: opacity 0.15s linear;
+ -o-transition: opacity 0.15s linear;
+ transition: opacity 0.15s linear;
}
+
.fade.in {
- opacity: 1;
+ opacity: 1;
}
+
.collapse {
- display: none;
+ display: none;
}
+
.collapse.in {
- display: block;
+ display: block;
}
+
tr.collapse.in {
- display: table-row;
+ display: table-row;
}
+
tbody.collapse.in {
- display: table-row-group;
+ display: table-row-group;
}
+
.collapsing {
- position: relative;
- height: 0;
- overflow: hidden;
- -webkit-transition-property: height, visibility;
- transition-property: height, visibility;
- -webkit-transition-duration: 0.35s;
- transition-duration: 0.35s;
- -webkit-transition-timing-function: ease;
- transition-timing-function: ease;
+ position: relative;
+ height: 0;
+ overflow: hidden;
+ -webkit-transition-property: height, visibility;
+ transition-property: height, visibility;
+ -webkit-transition-duration: 0.35s;
+ transition-duration: 0.35s;
+ -webkit-transition-timing-function: ease;
+ transition-timing-function: ease;
}
+
.caret {
- display: inline-block;
- width: 0;
- height: 0;
- margin-left: 2px;
- vertical-align: middle;
- border-top: 4px dashed;
- border-right: 4px solid transparent;
- border-left: 4px solid transparent;
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: 2px;
+ vertical-align: middle;
+ border-top: 4px dashed;
+ border-right: 4px solid transparent;
+ border-left: 4px solid transparent;
}
+
.dropup,
.dropdown {
- position: relative;
+ position: relative;
}
+
.dropdown-toggle:focus {
- outline: 0;
+ outline: 0;
}
+
.dropdown-menu {
- position: absolute;
- top: 100%;
- left: 0;
- z-index: 1000;
- display: none;
- float: left;
- min-width: 160px;
- padding: 5px 0;
- margin: 2px 0 0;
- list-style: none;
- font-size: 14px;
- text-align: left;
- background-color: #ffffff;
- border: 1px solid #cccccc;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
- background-clip: padding-box;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: 1000;
+ display: none;
+ float: left;
+ min-width: 160px;
+ padding: 5px 0;
+ margin: 2px 0 0;
+ list-style: none;
+ font-size: 14px;
+ text-align: left;
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 4px;
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+ background-clip: padding-box;
}
+
.dropdown-menu.pull-right {
- right: 0;
- left: auto;
+ right: 0;
+ left: auto;
}
+
.dropdown-menu .divider {
- height: 1px;
- margin: 9px 0;
- overflow: hidden;
- background-color: #e5e5e5;
+ height: 1px;
+ margin: 9px 0;
+ overflow: hidden;
+ background-color: #e5e5e5;
}
+
.dropdown-menu > li > a {
- display: block;
- padding: 3px 20px;
- clear: both;
- font-weight: normal;
- line-height: 1.42857143;
- color: #333333;
- white-space: nowrap;
+ display: block;
+ padding: 3px 20px;
+ clear: both;
+ font-weight: normal;
+ line-height: 1.42857143;
+ color: #333333;
+ white-space: nowrap;
}
+
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
- text-decoration: none;
- color: #262626;
- background-color: #f5f5f5;
+ text-decoration: none;
+ color: #262626;
+ background-color: #f5f5f5;
}
+
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
- color: #ffffff;
- text-decoration: none;
- outline: 0;
- background-color: #337cbb;
+ color: #ffffff;
+ text-decoration: none;
+ outline: 0;
+ background-color: #337cbb;
}
+
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
- color: #777777;
+ color: #777777;
}
+
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
- text-decoration: none;
- background-color: transparent;
- background-image: none;
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
- cursor: not-allowed;
+ text-decoration: none;
+ background-color: transparent;
+ background-image: none;
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+ cursor: not-allowed;
}
+
.open > .dropdown-menu {
- display: block;
+ display: block;
}
+
.open > a {
- outline: 0;
+ outline: 0;
}
+
.dropdown-menu-right {
- left: auto;
- right: 0;
-}
-.dropdown-menu-left {
- left: 0;
- right: auto;
-}
-.dropdown-header {
- display: block;
- padding: 3px 20px;
- font-size: 12px;
- line-height: 1.42857143;
- color: #777777;
- white-space: nowrap;
-}
-.dropdown-backdrop {
- position: fixed;
- left: 0;
- right: 0;
- bottom: 0;
- top: 0;
- z-index: 990;
-}
-.pull-right > .dropdown-menu {
- right: 0;
- left: auto;
-}
-.dropup .caret,
-.navbar-fixed-bottom .dropdown .caret {
- border-top: 0;
- border-bottom: 4px solid;
- content: "";
-}
-.dropup .dropdown-menu,
-.navbar-fixed-bottom .dropdown .dropdown-menu {
- top: auto;
- bottom: 100%;
- margin-bottom: 2px;
-}
-@media (min-width: 768px) {
- .navbar-right .dropdown-menu {
left: auto;
right: 0;
- }
- .navbar-right .dropdown-menu-left {
+}
+
+.dropdown-menu-left {
left: 0;
right: auto;
- }
}
+
+.dropdown-header {
+ display: block;
+ padding: 3px 20px;
+ font-size: 12px;
+ line-height: 1.42857143;
+ color: #777777;
+ white-space: nowrap;
+}
+
+.dropdown-backdrop {
+ position: fixed;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ z-index: 990;
+}
+
+.pull-right > .dropdown-menu {
+ right: 0;
+ left: auto;
+}
+
+.dropup .caret,
+.navbar-fixed-bottom .dropdown .caret {
+ border-top: 0;
+ border-bottom: 4px solid;
+ content: "";
+}
+
+.dropup .dropdown-menu,
+.navbar-fixed-bottom .dropdown .dropdown-menu {
+ top: auto;
+ bottom: 100%;
+ margin-bottom: 2px;
+}
+
+@media (min-width: 768px) {
+ .navbar-right .dropdown-menu {
+ left: auto;
+ right: 0;
+ }
+
+ .navbar-right .dropdown-menu-left {
+ left: 0;
+ right: auto;
+ }
+}
+
.btn-group,
.btn-group-vertical {
- position: relative;
- display: inline-block;
- vertical-align: middle;
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
}
+
.btn-group > .btn,
.btn-group-vertical > .btn {
- position: relative;
- float: left;
+ position: relative;
+ float: left;
}
+
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
@@ -3564,259 +4396,310 @@ tbody.collapse.in {
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
- z-index: 2;
+ z-index: 2;
}
+
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
- margin-left: -1px;
+ margin-left: -1px;
}
+
.btn-toolbar {
- margin-left: -5px;
+ margin-left: -5px;
}
+
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
- float: left;
+ float: left;
}
+
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
- margin-left: 5px;
+ margin-left: 5px;
}
+
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
- border-radius: 0;
+ border-radius: 0;
}
+
.btn-group > .btn:first-child {
- margin-left: 0;
+ margin-left: 0;
}
+
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
}
+
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
}
+
.btn-group > .btn-group {
- float: left;
+ float: left;
}
+
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
- border-radius: 0;
+ border-radius: 0;
}
+
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
}
+
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
}
+
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
- outline: 0;
+ outline: 0;
}
+
.btn-group > .btn + .dropdown-toggle {
- padding-left: 8px;
- padding-right: 8px;
+ padding-left: 8px;
+ padding-right: 8px;
}
+
.btn-group > .btn-lg + .dropdown-toggle {
- padding-left: 12px;
- padding-right: 12px;
+ padding-left: 12px;
+ padding-right: 12px;
}
+
.btn-group.open .dropdown-toggle {
- -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
+
.btn-group.open .dropdown-toggle.btn-link {
- -webkit-box-shadow: none;
- box-shadow: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
+
.btn .caret {
- margin-left: 0;
+ margin-left: 0;
}
+
.btn-lg .caret {
- border-width: 5px 5px 0;
- border-bottom-width: 0;
+ border-width: 5px 5px 0;
+ border-bottom-width: 0;
}
+
.dropup .btn-lg .caret {
- border-width: 0 5px 5px;
+ border-width: 0 5px 5px;
}
+
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
- display: block;
- float: none;
- width: 100%;
- max-width: 100%;
+ display: block;
+ float: none;
+ width: 100%;
+ max-width: 100%;
}
+
.btn-group-vertical > .btn-group > .btn {
- float: none;
+ float: none;
}
+
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
- margin-top: -1px;
- margin-left: 0;
+ margin-top: -1px;
+ margin-left: 0;
}
+
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
- border-radius: 0;
+ border-radius: 0;
}
+
.btn-group-vertical > .btn:first-child:not(:last-child) {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
}
+
.btn-group-vertical > .btn:last-child:not(:first-child) {
- border-bottom-left-radius: 4px;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
+ border-bottom-left-radius: 4px;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
}
+
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
- border-radius: 0;
+ border-radius: 0;
}
+
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
}
+
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
- border-top-right-radius: 0;
- border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
}
+
.btn-group-justified {
- display: table;
- width: 100%;
- table-layout: fixed;
- border-collapse: separate;
+ display: table;
+ width: 100%;
+ table-layout: fixed;
+ border-collapse: separate;
}
+
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
- float: none;
- display: table-cell;
- width: 1%;
+ float: none;
+ display: table-cell;
+ width: 1%;
}
+
.btn-group-justified > .btn-group .btn {
- width: 100%;
+ width: 100%;
}
+
.btn-group-justified > .btn-group .dropdown-menu {
- left: auto;
+ left: auto;
}
+
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
- position: absolute;
- clip: rect(0, 0, 0, 0);
- pointer-events: none;
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ pointer-events: none;
}
+
.input-group {
- position: relative;
- display: table;
- border-collapse: separate;
+ position: relative;
+ display: table;
+ border-collapse: separate;
}
+
.input-group[class*="col-"] {
- float: none;
- padding-left: 0;
- padding-right: 0;
+ float: none;
+ padding-left: 0;
+ padding-right: 0;
}
+
.input-group .form-control {
- position: relative;
- z-index: 2;
- float: left;
- width: 100%;
- margin-bottom: 0;
+ position: relative;
+ z-index: 2;
+ float: left;
+ width: 100%;
+ margin-bottom: 0;
}
+
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
- height: 46px;
- padding: 10px 16px;
- font-size: 18px;
- line-height: 1.3333333;
- border-radius: 5px;
+ height: 46px;
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.3333333;
+ border-radius: 5px;
}
+
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
- height: 46px;
- line-height: 46px;
+ height: 46px;
+ line-height: 46px;
}
+
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
- height: auto;
+ height: auto;
}
+
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
- height: 30px;
- padding: 5px 10px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 2px;
+ height: 30px;
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 2px;
}
+
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
- height: 30px;
- line-height: 30px;
+ height: 30px;
+ line-height: 30px;
}
+
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
- height: auto;
+ height: auto;
}
+
.input-group-addon,
.input-group-btn,
.input-group .form-control {
- display: table-cell;
+ display: table-cell;
}
+
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
- border-radius: 0;
+ border-radius: 0;
}
+
.input-group-addon,
.input-group-btn {
- width: 1%;
- white-space: nowrap;
- vertical-align: middle;
+ width: 1%;
+ white-space: nowrap;
+ vertical-align: middle;
}
+
.input-group-addon {
- padding: 6px 12px;
- font-size: 14px;
- font-weight: normal;
- line-height: 1;
- color: #555555;
- text-align: center;
- background-color: #eeeeee;
- border: 1px solid #cccccc;
- border-radius: 4px;
+ padding: 6px 12px;
+ font-size: 14px;
+ font-weight: normal;
+ line-height: 1;
+ color: #555555;
+ text-align: center;
+ background-color: #eeeeee;
+ border: 1px solid #cccccc;
+ border-radius: 4px;
}
+
.input-group-addon.input-sm {
- padding: 5px 10px;
- font-size: 12px;
- border-radius: 2px;
+ padding: 5px 10px;
+ font-size: 12px;
+ border-radius: 2px;
}
+
.input-group-addon.input-lg {
- padding: 10px 16px;
- font-size: 18px;
- border-radius: 5px;
+ padding: 10px 16px;
+ font-size: 18px;
+ border-radius: 5px;
}
+
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
- margin-top: 0;
+ margin-top: 0;
}
+
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
@@ -3824,12 +4707,14 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
}
+
.input-group-addon:first-child {
- border-right: 0;
+ border-right: 0;
}
+
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
@@ -3837,1342 +4722,1621 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
}
+
.input-group-addon:last-child {
- border-left: 0;
+ border-left: 0;
}
+
.input-group-btn {
- position: relative;
- font-size: 0;
- white-space: nowrap;
+ position: relative;
+ font-size: 0;
+ white-space: nowrap;
}
+
.input-group-btn > .btn {
- position: relative;
+ position: relative;
}
+
.input-group-btn > .btn + .btn {
- margin-left: -1px;
+ margin-left: -1px;
}
+
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
- z-index: 2;
+ z-index: 2;
}
+
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
- margin-right: -1px;
+ margin-right: -1px;
}
+
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
- margin-left: -1px;
+ margin-left: -1px;
}
+
.nav {
- margin-bottom: 0;
- padding-left: 0;
- list-style: none;
+ margin-bottom: 0;
+ padding-left: 0;
+ list-style: none;
}
+
.nav > li {
- position: relative;
- display: block;
+ position: relative;
+ display: block;
}
+
.nav > li > a {
- position: relative;
- display: block;
- padding: 10px 15px;
+ position: relative;
+ display: block;
+ padding: 10px 15px;
}
+
.nav > li > a:hover,
.nav > li > a:focus {
- text-decoration: none;
- background-color: #eeeeee;
+ text-decoration: none;
+ background-color: #eeeeee;
}
+
.nav > li.disabled > a {
- color: #777777;
+ color: #777777;
}
+
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
- color: #777777;
- text-decoration: none;
- background-color: transparent;
- cursor: not-allowed;
+ color: #777777;
+ text-decoration: none;
+ background-color: transparent;
+ cursor: not-allowed;
}
+
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
- background-color: #eeeeee;
- border-color: #337cbb;
+ background-color: #eeeeee;
+ border-color: #337cbb;
}
+
.nav .nav-divider {
- height: 1px;
- margin: 9px 0;
- overflow: hidden;
- background-color: #e5e5e5;
+ height: 1px;
+ margin: 9px 0;
+ overflow: hidden;
+ background-color: #e5e5e5;
}
+
.nav > li > a > img {
- max-width: none;
+ max-width: none;
}
+
.nav-tabs {
- border-bottom: 1px solid #dddddd;
+ border-bottom: 1px solid #dddddd;
}
+
.nav-tabs > li {
- float: left;
- margin-bottom: -1px;
+ float: left;
+ margin-bottom: -1px;
}
+
.nav-tabs > li > a {
- margin-right: 2px;
- line-height: 1.42857143;
- border: 1px solid transparent;
- border-radius: 4px 4px 0 0;
+ margin-right: 2px;
+ line-height: 1.42857143;
+ border: 1px solid transparent;
+ border-radius: 4px 4px 0 0;
}
+
.nav-tabs > li > a:hover {
- border-color: #eeeeee #eeeeee #dddddd;
+ border-color: #eeeeee #eeeeee #dddddd;
}
+
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
- color: #555555;
- background-color: #ffffff;
- border: 1px solid #dddddd;
- border-bottom-color: transparent;
- cursor: default;
+ color: #555555;
+ background-color: #ffffff;
+ border: 1px solid #dddddd;
+ border-bottom-color: transparent;
+ cursor: default;
}
+
.nav-tabs.nav-justified {
- width: 100%;
- border-bottom: 0;
+ width: 100%;
+ border-bottom: 0;
}
+
.nav-tabs.nav-justified > li {
- float: none;
+ float: none;
}
+
.nav-tabs.nav-justified > li > a {
- text-align: center;
- margin-bottom: 5px;
+ text-align: center;
+ margin-bottom: 5px;
}
+
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
- top: auto;
- left: auto;
+ top: auto;
+ left: auto;
}
+
@media (min-width: 768px) {
- .nav-tabs.nav-justified > li {
- display: table-cell;
- width: 1%;
- }
- .nav-tabs.nav-justified > li > a {
- margin-bottom: 0;
- }
+ .nav-tabs.nav-justified > li {
+ display: table-cell;
+ width: 1%;
+ }
+
+ .nav-tabs.nav-justified > li > a {
+ margin-bottom: 0;
+ }
}
+
.nav-tabs.nav-justified > li > a {
- margin-right: 0;
- border-radius: 4px;
+ margin-right: 0;
+ border-radius: 4px;
}
+
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
- border: 1px solid #dddddd;
+ border: 1px solid #dddddd;
}
+
@media (min-width: 768px) {
- .nav-tabs.nav-justified > li > a {
- border-bottom: 1px solid #dddddd;
- border-radius: 4px 4px 0 0;
- }
- .nav-tabs.nav-justified > .active > a,
- .nav-tabs.nav-justified > .active > a:hover,
- .nav-tabs.nav-justified > .active > a:focus {
- border-bottom-color: #ffffff;
- }
+ .nav-tabs.nav-justified > li > a {
+ border-bottom: 1px solid #dddddd;
+ border-radius: 4px 4px 0 0;
+ }
+
+ .nav-tabs.nav-justified > .active > a,
+ .nav-tabs.nav-justified > .active > a:hover,
+ .nav-tabs.nav-justified > .active > a:focus {
+ border-bottom-color: #ffffff;
+ }
}
+
.nav-pills > li {
- float: left;
+ float: left;
}
+
.nav-pills > li > a {
- border-radius: 4px;
+ border-radius: 4px;
}
+
.nav-pills > li + li {
- margin-left: 2px;
+ margin-left: 2px;
}
+
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
- color: #ffffff;
- background-color: #337cbb;
+ color: #ffffff;
+ background-color: #337cbb;
}
+
.nav-stacked > li {
- float: none;
+ float: none;
}
+
.nav-stacked > li + li {
- margin-top: 2px;
- margin-left: 0;
+ margin-top: 2px;
+ margin-left: 0;
}
+
.nav-justified {
- width: 100%;
+ width: 100%;
}
+
.nav-justified > li {
- float: none;
+ float: none;
}
+
.nav-justified > li > a {
- text-align: center;
- margin-bottom: 5px;
+ text-align: center;
+ margin-bottom: 5px;
}
+
.nav-justified > .dropdown .dropdown-menu {
- top: auto;
- left: auto;
+ top: auto;
+ left: auto;
}
+
@media (min-width: 768px) {
- .nav-justified > li {
- display: table-cell;
- width: 1%;
- }
- .nav-justified > li > a {
- margin-bottom: 0;
- }
+ .nav-justified > li {
+ display: table-cell;
+ width: 1%;
+ }
+
+ .nav-justified > li > a {
+ margin-bottom: 0;
+ }
}
+
.nav-tabs-justified {
- border-bottom: 0;
+ border-bottom: 0;
}
+
.nav-tabs-justified > li > a {
- margin-right: 0;
- border-radius: 4px;
+ margin-right: 0;
+ border-radius: 4px;
}
+
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
- border: 1px solid #dddddd;
+ border: 1px solid #dddddd;
}
+
@media (min-width: 768px) {
- .nav-tabs-justified > li > a {
- border-bottom: 1px solid #dddddd;
- border-radius: 4px 4px 0 0;
- }
- .nav-tabs-justified > .active > a,
- .nav-tabs-justified > .active > a:hover,
- .nav-tabs-justified > .active > a:focus {
- border-bottom-color: #ffffff;
- }
+ .nav-tabs-justified > li > a {
+ border-bottom: 1px solid #dddddd;
+ border-radius: 4px 4px 0 0;
+ }
+
+ .nav-tabs-justified > .active > a,
+ .nav-tabs-justified > .active > a:hover,
+ .nav-tabs-justified > .active > a:focus {
+ border-bottom-color: #ffffff;
+ }
}
+
.tab-content > .tab-pane {
- display: none;
+ display: none;
}
+
.tab-content > .active {
- display: block;
+ display: block;
}
+
.nav-tabs .dropdown-menu {
- margin-top: -1px;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
+ margin-top: -1px;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
}
+
.navbar {
- position: relative;
- min-height: 50px;
- margin-bottom: 0px;
- border: 1px solid transparent;
+ position: relative;
+ min-height: 50px;
+ margin-bottom: 0px;
+ border: 1px solid transparent;
}
+
@media (min-width: 768px) {
- .navbar {
- border-radius: 4px;
- }
+ .navbar {
+ border-radius: 4px;
+ }
}
+
@media (min-width: 768px) {
- .navbar-header {
- float: left;
- }
+ .navbar-header {
+ float: left;
+ }
}
+
.navbar-collapse {
- overflow-x: visible;
- padding-right: 15px;
- padding-left: 15px;
- border-top: 1px solid transparent;
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
- -webkit-overflow-scrolling: touch;
+ overflow-x: visible;
+ padding-right: 15px;
+ padding-left: 15px;
+ border-top: 1px solid transparent;
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+ -webkit-overflow-scrolling: touch;
}
+
.navbar-collapse.in {
- overflow-y: auto;
+ overflow-y: auto;
}
+
@media (min-width: 768px) {
- .navbar-collapse {
- width: auto;
- border-top: 0;
- box-shadow: none;
- }
- .navbar-collapse.collapse {
- display: block !important;
- height: auto !important;
- padding-bottom: 0;
- overflow: visible !important;
- }
- .navbar-collapse.in {
- overflow-y: visible;
- }
- .navbar-fixed-top .navbar-collapse,
- .navbar-static-top .navbar-collapse,
- .navbar-fixed-bottom .navbar-collapse {
- padding-left: 0;
- padding-right: 0;
- }
+ .navbar-collapse {
+ width: auto;
+ border-top: 0;
+ box-shadow: none;
+ }
+
+ .navbar-collapse.collapse {
+ display: block !important;
+ height: auto !important;
+ padding-bottom: 0;
+ overflow: visible !important;
+ }
+
+ .navbar-collapse.in {
+ overflow-y: visible;
+ }
+
+ .navbar-fixed-top .navbar-collapse,
+ .navbar-static-top .navbar-collapse,
+ .navbar-fixed-bottom .navbar-collapse {
+ padding-left: 0;
+ padding-right: 0;
+ }
}
+
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
- max-height: 340px;
+ max-height: 340px;
}
+
@media (max-device-width: 480px) and (orientation: landscape) {
- .navbar-fixed-top .navbar-collapse,
- .navbar-fixed-bottom .navbar-collapse {
- max-height: 200px;
- }
+ .navbar-fixed-top .navbar-collapse,
+ .navbar-fixed-bottom .navbar-collapse {
+ max-height: 200px;
+ }
}
+
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
- margin-right: -15px;
- margin-left: -15px;
+ margin-right: -15px;
+ margin-left: -15px;
}
+
@media (min-width: 768px) {
- .container > .navbar-header,
- .container-fluid > .navbar-header,
- .container > .navbar-collapse,
- .container-fluid > .navbar-collapse {
- margin-right: 0;
- margin-left: 0;
- }
+ .container > .navbar-header,
+ .container-fluid > .navbar-header,
+ .container > .navbar-collapse,
+ .container-fluid > .navbar-collapse {
+ margin-right: 0;
+ margin-left: 0;
+ }
}
+
.navbar-static-top {
- z-index: 1000;
- border-width: 0 0 1px;
+ z-index: 1000;
+ border-width: 0 0 1px;
}
+
@media (min-width: 768px) {
- .navbar-static-top {
- border-radius: 0;
- }
+ .navbar-static-top {
+ border-radius: 0;
+ }
}
+
.navbar-fixed-top,
.navbar-fixed-bottom {
- position: fixed;
- right: 0;
- left: 0;
- z-index: 1030;
+ position: fixed;
+ right: 0;
+ left: 0;
+ z-index: 1030;
}
+
@media (min-width: 768px) {
- .navbar-fixed-top,
- .navbar-fixed-bottom {
- border-radius: 0;
- }
+ .navbar-fixed-top,
+ .navbar-fixed-bottom {
+ border-radius: 0;
+ }
}
+
.navbar-fixed-top {
- top: 0;
- border-width: 0 0 1px;
+ top: 0;
+ border-width: 0 0 1px;
}
+
.navbar-fixed-bottom {
- bottom: 0;
- margin-bottom: 0;
- border-width: 1px 0 0;
+ bottom: 0;
+ margin-bottom: 0;
+ border-width: 1px 0 0;
}
+
.navbar-brand {
- float: left;
- padding: 15px 15px;
- font-size: 18px;
- line-height: 20px;
- height: 50px;
+ float: left;
+ padding: 15px 15px;
+ font-size: 18px;
+ line-height: 20px;
+ height: 50px;
}
+
.navbar-brand:hover,
.navbar-brand:focus {
- text-decoration: none;
+ text-decoration: none;
}
+
.navbar-brand > img {
- display: block;
+ display: block;
}
+
@media (min-width: 768px) {
- .navbar > .container .navbar-brand,
- .navbar > .container-fluid .navbar-brand {
- margin-left: -15px;
- }
+ .navbar > .container .navbar-brand,
+ .navbar > .container-fluid .navbar-brand {
+ margin-left: -15px;
+ }
}
+
.navbar-toggle {
- position: relative;
- float: right;
- margin-right: 15px;
- padding: 9px 10px;
- margin-top: 8px;
- margin-bottom: 8px;
- background-color: transparent;
- background-image: none;
- border: 1px solid transparent;
- border-radius: 4px;
-}
-.navbar-toggle:focus {
- outline: 0;
-}
-.navbar-toggle .icon-bar {
- display: block;
- width: 22px;
- height: 2px;
- border-radius: 1px;
-}
-.navbar-toggle .icon-bar + .icon-bar {
- margin-top: 4px;
-}
-@media (min-width: 768px) {
- .navbar-toggle {
- display: none;
- }
-}
-.navbar-nav {
- margin: 7.5px -15px;
-}
-.navbar-nav > li > a {
- padding-top: 10px;
- padding-bottom: 10px;
- line-height: 20px;
-}
-@media (max-width: 767px) {
- .navbar-nav .open .dropdown-menu {
- position: static;
- float: none;
- width: auto;
- margin-top: 0;
- background-color: transparent;
- border: 0;
- box-shadow: none;
- }
- .navbar-nav .open .dropdown-menu > li > a,
- .navbar-nav .open .dropdown-menu .dropdown-header {
- padding: 5px 15px 5px 25px;
- }
- .navbar-nav .open .dropdown-menu > li > a {
- line-height: 20px;
- }
- .navbar-nav .open .dropdown-menu > li > a:hover,
- .navbar-nav .open .dropdown-menu > li > a:focus {
- background-image: none;
- }
-}
-@media (min-width: 768px) {
- .navbar-nav {
- float: left;
- margin: 0;
- }
- .navbar-nav > li {
- float: left;
- }
- .navbar-nav > li > a {
- padding-top: 15px;
- padding-bottom: 15px;
- }
-}
-.navbar-form {
- margin-left: -15px;
- margin-right: -15px;
- padding: 10px 15px;
- border-top: 1px solid transparent;
- border-bottom: 1px solid transparent;
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
- margin-top: 8px;
- margin-bottom: 8px;
-}
-@media (min-width: 768px) {
- .navbar-form .form-group {
- display: inline-block;
- margin-bottom: 0;
- vertical-align: middle;
- }
- .navbar-form .form-control {
- display: inline-block;
- width: auto;
- vertical-align: middle;
- }
- .navbar-form .form-control-static {
- display: inline-block;
- }
- .navbar-form .input-group {
- display: inline-table;
- vertical-align: middle;
- }
- .navbar-form .input-group .input-group-addon,
- .navbar-form .input-group .input-group-btn,
- .navbar-form .input-group .form-control {
- width: auto;
- }
- .navbar-form .input-group > .form-control {
- width: 100%;
- }
- .navbar-form .control-label {
- margin-bottom: 0;
- vertical-align: middle;
- }
- .navbar-form .radio,
- .navbar-form .checkbox {
- display: inline-block;
- margin-top: 0;
- margin-bottom: 0;
- vertical-align: middle;
- }
- .navbar-form .radio label,
- .navbar-form .checkbox label {
- padding-left: 0;
- }
- .navbar-form .radio input[type="radio"],
- .navbar-form .checkbox input[type="checkbox"] {
position: relative;
- margin-left: 0;
- }
- .navbar-form .has-feedback .form-control-feedback {
- top: 0;
- }
-}
-@media (max-width: 767px) {
- .navbar-form .form-group {
- margin-bottom: 5px;
- }
- .navbar-form .form-group:last-child {
- margin-bottom: 0;
- }
-}
-@media (min-width: 768px) {
- .navbar-form {
- width: auto;
- border: 0;
- margin-left: 0;
- margin-right: 0;
- padding-top: 0;
- padding-bottom: 0;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
-}
-.navbar-nav > li > .dropdown-menu {
- margin-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
-}
-.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
- margin-bottom: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
-}
-.navbar-btn {
- margin-top: 8px;
- margin-bottom: 8px;
-}
-.navbar-btn.btn-sm {
- margin-top: 10px;
- margin-bottom: 10px;
-}
-.navbar-btn.btn-xs {
- margin-top: 14px;
- margin-bottom: 14px;
-}
-.navbar-text {
- margin-top: 15px;
- margin-bottom: 15px;
-}
-@media (min-width: 768px) {
- .navbar-text {
- float: left;
- margin-left: 15px;
+ float: right;
margin-right: 15px;
- }
+ padding: 9px 10px;
+ margin-top: 8px;
+ margin-bottom: 8px;
+ background-color: transparent;
+ background-image: none;
+ border: 1px solid transparent;
+ border-radius: 4px;
}
+
+.navbar-toggle:focus {
+ outline: 0;
+}
+
+.navbar-toggle .icon-bar {
+ display: block;
+ width: 22px;
+ height: 2px;
+ border-radius: 1px;
+}
+
+.navbar-toggle .icon-bar + .icon-bar {
+ margin-top: 4px;
+}
+
@media (min-width: 768px) {
- .navbar-left {
- float: left !important;
- }
- .navbar-right {
- float: right !important;
+ .navbar-toggle {
+ display: none;
+ }
+}
+
+.navbar-nav {
+ margin: 7.5px -15px;
+}
+
+.navbar-nav > li > a {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ line-height: 20px;
+}
+
+@media (max-width: 767px) {
+ .navbar-nav .open .dropdown-menu {
+ position: static;
+ float: none;
+ width: auto;
+ margin-top: 0;
+ background-color: transparent;
+ border: 0;
+ box-shadow: none;
+ }
+
+ .navbar-nav .open .dropdown-menu > li > a,
+ .navbar-nav .open .dropdown-menu .dropdown-header {
+ padding: 5px 15px 5px 25px;
+ }
+
+ .navbar-nav .open .dropdown-menu > li > a {
+ line-height: 20px;
+ }
+
+ .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-nav .open .dropdown-menu > li > a:focus {
+ background-image: none;
+ }
+}
+
+@media (min-width: 768px) {
+ .navbar-nav {
+ float: left;
+ margin: 0;
+ }
+
+ .navbar-nav > li {
+ float: left;
+ }
+
+ .navbar-nav > li > a {
+ padding-top: 15px;
+ padding-bottom: 15px;
+ }
+}
+
+.navbar-form {
+ margin-left: -15px;
margin-right: -15px;
- }
- .navbar-right ~ .navbar-right {
- margin-right: 0;
- }
+ padding: 10px 15px;
+ border-top: 1px solid transparent;
+ border-bottom: 1px solid transparent;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ margin-top: 8px;
+ margin-bottom: 8px;
}
+
+@media (min-width: 768px) {
+ .navbar-form .form-group {
+ display: inline-block;
+ margin-bottom: 0;
+ vertical-align: middle;
+ }
+
+ .navbar-form .form-control {
+ display: inline-block;
+ width: auto;
+ vertical-align: middle;
+ }
+
+ .navbar-form .form-control-static {
+ display: inline-block;
+ }
+
+ .navbar-form .input-group {
+ display: inline-table;
+ vertical-align: middle;
+ }
+
+ .navbar-form .input-group .input-group-addon,
+ .navbar-form .input-group .input-group-btn,
+ .navbar-form .input-group .form-control {
+ width: auto;
+ }
+
+ .navbar-form .input-group > .form-control {
+ width: 100%;
+ }
+
+ .navbar-form .control-label {
+ margin-bottom: 0;
+ vertical-align: middle;
+ }
+
+ .navbar-form .radio,
+ .navbar-form .checkbox {
+ display: inline-block;
+ margin-top: 0;
+ margin-bottom: 0;
+ vertical-align: middle;
+ }
+
+ .navbar-form .radio label,
+ .navbar-form .checkbox label {
+ padding-left: 0;
+ }
+
+ .navbar-form .radio input[type="radio"],
+ .navbar-form .checkbox input[type="checkbox"] {
+ position: relative;
+ margin-left: 0;
+ }
+
+ .navbar-form .has-feedback .form-control-feedback {
+ top: 0;
+ }
+}
+
+@media (max-width: 767px) {
+ .navbar-form .form-group {
+ margin-bottom: 5px;
+ }
+
+ .navbar-form .form-group:last-child {
+ margin-bottom: 0;
+ }
+}
+
+@media (min-width: 768px) {
+ .navbar-form {
+ width: auto;
+ border: 0;
+ margin-left: 0;
+ margin-right: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ }
+}
+
+.navbar-nav > li > .dropdown-menu {
+ margin-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
+ margin-bottom: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.navbar-btn {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+.navbar-btn.btn-sm {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+
+.navbar-btn.btn-xs {
+ margin-top: 14px;
+ margin-bottom: 14px;
+}
+
+.navbar-text {
+ margin-top: 15px;
+ margin-bottom: 15px;
+}
+
+@media (min-width: 768px) {
+ .navbar-text {
+ float: left;
+ margin-left: 15px;
+ margin-right: 15px;
+ }
+}
+
+@media (min-width: 768px) {
+ .navbar-left {
+ float: left !important;
+ }
+
+ .navbar-right {
+ float: right !important;
+ margin-right: -15px;
+ }
+
+ .navbar-right ~ .navbar-right {
+ margin-right: 0;
+ }
+}
+
.navbar-default {
- background-color: #f8f8f8;
- border-color: #e7e7e7;
+ background-color: #f8f8f8;
+ border-color: #e7e7e7;
}
+
.navbar-default .navbar-brand {
- color: #000000;
+ color: #000000;
}
+
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
- color: #000000;
- background-color: transparent;
+ color: #000000;
+ background-color: transparent;
}
+
.navbar-default .navbar-text {
- color: #000000;
+ color: #000000;
}
+
.navbar-default .navbar-nav > li > a {
- color: #000000;
+ color: #000000;
}
+
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
- color: #000000;
- background-color: transparent;
+ color: #000000;
+ background-color: transparent;
}
+
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
- color: #000000;
- background-color: #e7e7e7;
+ color: #000000;
+ background-color: #e7e7e7;
}
+
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
- color: #cccccc;
- background-color: transparent;
+ color: #cccccc;
+ background-color: transparent;
}
+
.navbar-default .navbar-toggle {
- border-color: #dddddd;
+ border-color: #dddddd;
}
+
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
- background-color: #dddddd;
+ background-color: #dddddd;
}
+
.navbar-default .navbar-toggle .icon-bar {
- background-color: #888888;
+ background-color: #888888;
}
+
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
- border-color: #e7e7e7;
+ border-color: #e7e7e7;
}
+
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
- background-color: #e7e7e7;
- color: #000000;
-}
-@media (max-width: 767px) {
- .navbar-default .navbar-nav .open .dropdown-menu > li > a {
- color: #000000;
- }
- .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
- .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
- color: #000000;
- background-color: transparent;
- }
- .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
- .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
- .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
- color: #000000;
background-color: #e7e7e7;
- }
- .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
- .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
- .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
- color: #cccccc;
- background-color: transparent;
- }
+ color: #000000;
}
+
+@media (max-width: 767px) {
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+ color: #000000;
+ }
+
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #000000;
+ background-color: transparent;
+ }
+
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+ color: #000000;
+ background-color: #e7e7e7;
+ }
+
+ .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
+ .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+ color: #cccccc;
+ background-color: transparent;
+ }
+}
+
.navbar-default .navbar-link {
- color: #000000;
+ color: #000000;
}
+
.navbar-default .navbar-link:hover {
- color: #000000;
+ color: #000000;
}
+
.navbar-default .btn-link {
- color: #000000;
+ color: #000000;
}
+
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
- color: #000000;
+ color: #000000;
}
+
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
- color: #cccccc;
+ color: #cccccc;
}
+
.navbar-inverse {
- background-color: #222222;
- border-color: #080808;
+ background-color: #222222;
+ border-color: #080808;
}
+
.navbar-inverse .navbar-brand {
- color: #9d9d9d;
+ color: #9d9d9d;
}
+
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
- color: #ffffff;
- background-color: transparent;
+ color: #ffffff;
+ background-color: transparent;
}
+
.navbar-inverse .navbar-text {
- color: #9d9d9d;
+ color: #9d9d9d;
}
+
.navbar-inverse .navbar-nav > li > a {
- color: #9d9d9d;
+ color: #9d9d9d;
}
+
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
- color: #ffffff;
- background-color: transparent;
+ color: #ffffff;
+ background-color: transparent;
}
+
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
- color: #ffffff;
- background-color: #080808;
+ color: #ffffff;
+ background-color: #080808;
}
+
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
- color: #444444;
- background-color: transparent;
+ color: #444444;
+ background-color: transparent;
}
+
.navbar-inverse .navbar-toggle {
- border-color: #333333;
+ border-color: #333333;
}
+
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
- background-color: #333333;
+ background-color: #333333;
}
+
.navbar-inverse .navbar-toggle .icon-bar {
- background-color: #ffffff;
+ background-color: #ffffff;
}
+
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
- border-color: #101010;
+ border-color: #101010;
}
+
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
- background-color: #080808;
- color: #ffffff;
+ background-color: #080808;
+ color: #ffffff;
}
+
@media (max-width: 767px) {
- .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
- border-color: #080808;
- }
- .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
- background-color: #080808;
- }
- .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
- color: #9d9d9d;
- }
- .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
- .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
- color: #ffffff;
- background-color: transparent;
- }
- .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
- .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
- .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
- color: #ffffff;
- background-color: #080808;
- }
- .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
- .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
- .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
- color: #444444;
- background-color: transparent;
- }
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
+ border-color: #080808;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
+ background-color: #080808;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
+ color: #9d9d9d;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #ffffff;
+ background-color: transparent;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
+ color: #ffffff;
+ background-color: #080808;
+ }
+
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+ color: #444444;
+ background-color: transparent;
+ }
}
+
.navbar-inverse .navbar-link {
- color: #9d9d9d;
+ color: #9d9d9d;
}
+
.navbar-inverse .navbar-link:hover {
- color: #ffffff;
+ color: #ffffff;
}
+
.navbar-inverse .btn-link {
- color: #9d9d9d;
+ color: #9d9d9d;
}
+
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
- color: #ffffff;
+ color: #ffffff;
}
+
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
- color: #444444;
+ color: #444444;
}
+
.breadcrumb {
- padding: 8px 15px;
- margin-bottom: 20px;
- list-style: none;
- background-color: #f5f5f5;
- border-radius: 4px;
+ padding: 8px 15px;
+ margin-bottom: 20px;
+ list-style: none;
+ background-color: #f5f5f5;
+ border-radius: 4px;
}
+
.breadcrumb > li {
- display: inline-block;
+ display: inline-block;
}
+
.breadcrumb > li + li:before {
- content: "/\00a0";
- padding: 0 5px;
- color: #cccccc;
+ content: "/\00a0";
+ padding: 0 5px;
+ color: #cccccc;
}
+
.breadcrumb > .active {
- color: #777777;
+ color: #777777;
}
+
.pagination {
- display: inline-block;
- padding-left: 0;
- margin: 20px 0;
- border-radius: 4px;
+ display: inline-block;
+ padding-left: 0;
+ margin: 20px 0;
+ border-radius: 4px;
}
+
.pagination > li {
- display: inline;
+ display: inline;
}
+
.pagination > li > a,
.pagination > li > span {
- position: relative;
- float: left;
- padding: 6px 12px;
- line-height: 1.42857143;
- text-decoration: none;
- color: #337cbb;
- background-color: #ffffff;
- border: 1px solid #dddddd;
- margin-left: -1px;
+ position: relative;
+ float: left;
+ padding: 6px 12px;
+ line-height: 1.42857143;
+ text-decoration: none;
+ color: #337cbb;
+ background-color: #ffffff;
+ border: 1px solid #dddddd;
+ margin-left: -1px;
}
+
.pagination > li:first-child > a,
.pagination > li:first-child > span {
- margin-left: 0;
- border-bottom-left-radius: 4px;
- border-top-left-radius: 4px;
+ margin-left: 0;
+ border-bottom-left-radius: 4px;
+ border-top-left-radius: 4px;
}
+
.pagination > li:last-child > a,
.pagination > li:last-child > span {
- border-bottom-right-radius: 4px;
- border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+ border-top-right-radius: 4px;
}
+
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
- color: #23547f;
- background-color: #eeeeee;
- border-color: #dddddd;
+ color: #23547f;
+ background-color: #eeeeee;
+ border-color: #dddddd;
}
+
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
- z-index: 2;
- color: #ffffff;
- background-color: #337cbb;
- border-color: #337cbb;
- cursor: default;
+ z-index: 2;
+ color: #ffffff;
+ background-color: #337cbb;
+ border-color: #337cbb;
+ cursor: default;
}
+
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
- color: #777777;
- background-color: #ffffff;
- border-color: #dddddd;
- cursor: not-allowed;
+ color: #777777;
+ background-color: #ffffff;
+ border-color: #dddddd;
+ cursor: not-allowed;
}
+
.pagination-lg > li > a,
.pagination-lg > li > span {
- padding: 10px 16px;
- font-size: 18px;
+ padding: 10px 16px;
+ font-size: 18px;
}
+
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
- border-bottom-left-radius: 5px;
- border-top-left-radius: 5px;
+ border-bottom-left-radius: 5px;
+ border-top-left-radius: 5px;
}
+
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
- border-bottom-right-radius: 5px;
- border-top-right-radius: 5px;
+ border-bottom-right-radius: 5px;
+ border-top-right-radius: 5px;
}
+
.pagination-sm > li > a,
.pagination-sm > li > span {
- padding: 5px 10px;
- font-size: 12px;
+ padding: 5px 10px;
+ font-size: 12px;
}
+
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
- border-bottom-left-radius: 2px;
- border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+ border-top-left-radius: 2px;
}
+
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
- border-bottom-right-radius: 2px;
- border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+ border-top-right-radius: 2px;
}
+
.pager {
- padding-left: 0;
- margin: 20px 0;
- list-style: none;
- text-align: center;
+ padding-left: 0;
+ margin: 20px 0;
+ list-style: none;
+ text-align: center;
}
+
.pager li {
- display: inline;
+ display: inline;
}
+
.pager li > a,
.pager li > span {
- display: inline-block;
- padding: 5px 14px;
- background-color: #ffffff;
- border: 1px solid #dddddd;
- border-radius: 15px;
+ display: inline-block;
+ padding: 5px 14px;
+ background-color: #ffffff;
+ border: 1px solid #dddddd;
+ border-radius: 15px;
}
+
.pager li > a:hover,
.pager li > a:focus {
- text-decoration: none;
- background-color: #eeeeee;
+ text-decoration: none;
+ background-color: #eeeeee;
}
+
.pager .next > a,
.pager .next > span {
- float: right;
+ float: right;
}
+
.pager .previous > a,
.pager .previous > span {
- float: left;
+ float: left;
}
+
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
- color: #777777;
- background-color: #ffffff;
- cursor: not-allowed;
+ color: #777777;
+ background-color: #ffffff;
+ cursor: not-allowed;
}
+
.label {
- display: inline;
- padding: .2em .6em .3em;
- font-size: 75%;
- font-weight: bold;
- line-height: 1;
- color: #ffffff;
- text-align: center;
- white-space: nowrap;
- vertical-align: baseline;
- border-radius: .25em;
+ display: inline;
+ padding: .2em .6em .3em;
+ font-size: 75%;
+ font-weight: bold;
+ line-height: 1;
+ color: #ffffff;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: .25em;
}
+
a.label:hover,
a.label:focus {
- color: #ffffff;
- text-decoration: none;
- cursor: pointer;
+ color: #ffffff;
+ text-decoration: none;
+ cursor: pointer;
}
+
.label:empty {
- display: none;
+ display: none;
}
+
.btn .label {
- position: relative;
- top: -1px;
+ position: relative;
+ top: -1px;
}
+
.label-default {
- background-color: #777777;
+ background-color: #777777;
}
+
.label-default[href]:hover,
.label-default[href]:focus {
- background-color: #5e5e5e;
+ background-color: #5e5e5e;
}
+
.label-primary {
- background-color: #337cbb;
+ background-color: #337cbb;
}
+
.label-primary[href]:hover,
.label-primary[href]:focus {
- background-color: #286193;
+ background-color: #286193;
}
+
.label-success {
- background-color: #5cb85c;
+ background-color: #5cb85c;
}
+
.label-success[href]:hover,
.label-success[href]:focus {
- background-color: #449d44;
+ background-color: #449d44;
}
+
.label-info {
- background-color: #5bc0de;
+ background-color: #5bc0de;
}
+
.label-info[href]:hover,
.label-info[href]:focus {
- background-color: #31b0d5;
+ background-color: #31b0d5;
}
+
.label-warning {
- background-color: #f0ad4e;
+ background-color: #f0ad4e;
}
+
.label-warning[href]:hover,
.label-warning[href]:focus {
- background-color: #ec971f;
+ background-color: #ec971f;
}
+
.label-danger {
- background-color: #d9534f;
+ background-color: #d9534f;
}
+
.label-danger[href]:hover,
.label-danger[href]:focus {
- background-color: #c9302c;
+ background-color: #c9302c;
}
+
.badge {
- display: inline-block;
- min-width: 10px;
- padding: 3px 7px;
- font-size: 12px;
- font-weight: bold;
- color: #ffffff;
- line-height: 1;
- vertical-align: baseline;
- white-space: nowrap;
- text-align: center;
- background-color: #777777;
- border-radius: 10px;
+ display: inline-block;
+ min-width: 10px;
+ padding: 3px 7px;
+ font-size: 12px;
+ font-weight: bold;
+ color: #ffffff;
+ line-height: 1;
+ vertical-align: baseline;
+ white-space: nowrap;
+ text-align: center;
+ background-color: #777777;
+ border-radius: 10px;
}
+
.badge:empty {
- display: none;
+ display: none;
}
+
.btn .badge {
- position: relative;
- top: -1px;
+ position: relative;
+ top: -1px;
}
+
.btn-xs .badge,
.btn-group-xs > .btn .badge {
- top: 0;
- padding: 1px 5px;
+ top: 0;
+ padding: 1px 5px;
}
+
a.badge:hover,
a.badge:focus {
- color: #ffffff;
- text-decoration: none;
- cursor: pointer;
+ color: #ffffff;
+ text-decoration: none;
+ cursor: pointer;
}
+
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
- color: #337cbb;
- background-color: #ffffff;
+ color: #337cbb;
+ background-color: #ffffff;
}
+
.list-group-item > .badge {
- float: right;
+ float: right;
}
+
.list-group-item > .badge + .badge {
- margin-right: 5px;
+ margin-right: 5px;
}
+
.nav-pills > li > a > .badge {
- margin-left: 3px;
+ margin-left: 3px;
}
+
.jumbotron {
- padding: 30px 15px;
- margin-bottom: 30px;
- color: inherit;
- background-color: #eeeeee;
+ padding: 30px 15px;
+ margin-bottom: 30px;
+ color: inherit;
+ background-color: #eeeeee;
}
+
.jumbotron h1,
.jumbotron .h1 {
- color: inherit;
+ color: inherit;
}
+
.jumbotron p {
- margin-bottom: 15px;
- font-size: 21px;
- font-weight: 200;
+ margin-bottom: 15px;
+ font-size: 21px;
+ font-weight: 200;
}
+
.jumbotron > hr {
- border-top-color: #d5d5d5;
+ border-top-color: #d5d5d5;
}
+
.container .jumbotron,
.container-fluid .jumbotron {
- border-radius: 5px;
+ border-radius: 5px;
}
+
.jumbotron .container {
- max-width: 100%;
+ max-width: 100%;
}
+
@media screen and (min-width: 768px) {
- .jumbotron {
- padding: 48px 0;
- }
- .container .jumbotron,
- .container-fluid .jumbotron {
- padding-left: 60px;
- padding-right: 60px;
- }
- .jumbotron h1,
- .jumbotron .h1 {
- font-size: 63px;
- }
+ .jumbotron {
+ padding: 48px 0;
+ }
+
+ .container .jumbotron,
+ .container-fluid .jumbotron {
+ padding-left: 60px;
+ padding-right: 60px;
+ }
+
+ .jumbotron h1,
+ .jumbotron .h1 {
+ font-size: 63px;
+ }
}
+
.thumbnail {
- display: block;
- padding: 4px;
- margin-bottom: 20px;
- line-height: 1.42857143;
- background-color: #ffffff;
- border: 1px solid #dddddd;
- border-radius: 4px;
- -webkit-transition: border 0.2s ease-in-out;
- -o-transition: border 0.2s ease-in-out;
- transition: border 0.2s ease-in-out;
+ display: block;
+ padding: 4px;
+ margin-bottom: 20px;
+ line-height: 1.42857143;
+ background-color: #ffffff;
+ border: 1px solid #dddddd;
+ border-radius: 4px;
+ -webkit-transition: border 0.2s ease-in-out;
+ -o-transition: border 0.2s ease-in-out;
+ transition: border 0.2s ease-in-out;
}
+
.thumbnail > img,
.thumbnail a > img {
- margin-left: auto;
- margin-right: auto;
+ margin-left: auto;
+ margin-right: auto;
}
+
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
- border-color: #337cbb;
+ border-color: #337cbb;
}
+
.thumbnail .caption {
- padding: 9px;
- color: #000000;
+ padding: 9px;
+ color: #000000;
}
+
.alert {
- padding: 15px;
- margin-bottom: 20px;
- border: 1px solid transparent;
- border-radius: 4px;
+ padding: 15px;
+ margin-bottom: 20px;
+ border: 1px solid transparent;
+ border-radius: 4px;
}
+
.alert h4 {
- margin-top: 0;
- color: inherit;
+ margin-top: 0;
+ color: inherit;
}
+
.alert .alert-link {
- font-weight: bold;
+ font-weight: bold;
}
+
.alert > p,
.alert > ul {
- margin-bottom: 0;
+ margin-bottom: 0;
}
+
.alert > p + p {
- margin-top: 5px;
+ margin-top: 5px;
}
+
.alert-dismissable,
.alert-dismissible {
- padding-right: 35px;
+ padding-right: 35px;
}
+
.alert-dismissable .close,
.alert-dismissible .close {
- position: relative;
- top: -2px;
- right: -21px;
- color: inherit;
+ position: relative;
+ top: -2px;
+ right: -21px;
+ color: inherit;
}
+
.alert-success {
- background-color: #a3d7a3;
- border-color: #9ccf91;
- color: #5cb85c;
+ background-color: #a3d7a3;
+ border-color: #9ccf91;
+ color: #5cb85c;
}
+
.alert-success hr {
- border-top-color: #8cc780;
+ border-top-color: #8cc780;
}
+
.alert-success .alert-link {
- color: #449d44;
+ color: #449d44;
}
+
.alert-info {
- background-color: #b0e1ef;
- border-color: #92e4e9;
- color: #5bc0de;
+ background-color: #b0e1ef;
+ border-color: #92e4e9;
+ color: #5bc0de;
}
+
.alert-info hr {
- border-top-color: #7ddee5;
+ border-top-color: #7ddee5;
}
+
.alert-info .alert-link {
- color: #31b0d5;
+ color: #31b0d5;
}
+
.alert-warning {
- background-color: #f8d9ac;
- border-color: #f6bd95;
- color: #f0ad4e;
+ background-color: #f8d9ac;
+ border-color: #f6bd95;
+ color: #f0ad4e;
}
+
.alert-warning hr {
- border-top-color: #f4af7d;
+ border-top-color: #f4af7d;
}
+
.alert-warning .alert-link {
- color: #ec971f;
+ color: #ec971f;
}
+
.alert-danger {
- background-color: #eba5a3;
- border-color: #e78e9a;
- color: #d9534f;
+ background-color: #eba5a3;
+ border-color: #e78e9a;
+ color: #d9534f;
}
+
.alert-danger hr {
- border-top-color: #e27987;
+ border-top-color: #e27987;
}
+
.alert-danger .alert-link {
- color: #c9302c;
+ color: #c9302c;
}
+
@-webkit-keyframes progress-bar-stripes {
- from {
- background-position: 40px 0;
- }
- to {
- background-position: 0 0;
- }
+ from {
+ background-position: 40px 0;
+ }
+ to {
+ background-position: 0 0;
+ }
}
+
@keyframes progress-bar-stripes {
- from {
- background-position: 40px 0;
- }
- to {
- background-position: 0 0;
- }
+ from {
+ background-position: 40px 0;
+ }
+ to {
+ background-position: 0 0;
+ }
}
+
.progress {
- overflow: hidden;
- height: 20px;
- margin-bottom: 20px;
- background-color: #f5f5f5;
- border-radius: 4px;
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+ overflow: hidden;
+ height: 20px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
+ border-radius: 4px;
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
+
.progress-bar {
- float: left;
- width: 0%;
- height: 100%;
- font-size: 12px;
- line-height: 20px;
- color: #ffffff;
- text-align: center;
- background-color: #337cbb;
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
- -webkit-transition: width 0.6s ease;
- -o-transition: width 0.6s ease;
- transition: width 0.6s ease;
+ float: left;
+ width: 0%;
+ height: 100%;
+ font-size: 12px;
+ line-height: 20px;
+ color: #ffffff;
+ text-align: center;
+ background-color: #337cbb;
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+ -webkit-transition: width 0.6s ease;
+ -o-transition: width 0.6s ease;
+ transition: width 0.6s ease;
}
+
.progress-striped .progress-bar,
.progress-bar-striped {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-size: 40px 40px;
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-size: 40px 40px;
}
+
.progress.active .progress-bar,
.progress-bar.active {
- -webkit-animation: progress-bar-stripes 2s linear infinite;
- -o-animation: progress-bar-stripes 2s linear infinite;
- animation: progress-bar-stripes 2s linear infinite;
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
+ -o-animation: progress-bar-stripes 2s linear infinite;
+ animation: progress-bar-stripes 2s linear infinite;
}
+
.progress-bar-success {
- background-color: #5cb85c;
+ background-color: #5cb85c;
}
+
.progress-striped .progress-bar-success {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
+
.progress-bar-info {
- background-color: #5bc0de;
+ background-color: #5bc0de;
}
+
.progress-striped .progress-bar-info {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
+
.progress-bar-warning {
- background-color: #f0ad4e;
+ background-color: #f0ad4e;
}
+
.progress-striped .progress-bar-warning {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
+
.progress-bar-danger {
- background-color: #d9534f;
+ background-color: #d9534f;
}
+
.progress-striped .progress-bar-danger {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
+
.media {
- margin-top: 15px;
+ margin-top: 15px;
}
+
.media:first-child {
- margin-top: 0;
+ margin-top: 0;
}
+
.media,
.media-body {
- zoom: 1;
- overflow: hidden;
+ zoom: 1;
+ overflow: hidden;
}
+
.media-body {
- width: 10000px;
+ width: 10000px;
}
+
.media-object {
- display: block;
+ display: block;
}
+
.media-right,
.media > .pull-right {
- padding-left: 10px;
+ padding-left: 10px;
}
+
.media-left,
.media > .pull-left {
- padding-right: 10px;
+ padding-right: 10px;
}
+
.media-left,
.media-right,
.media-body {
- display: table-cell;
- vertical-align: top;
+ display: table-cell;
+ vertical-align: top;
}
+
.media-middle {
- vertical-align: middle;
+ vertical-align: middle;
}
+
.media-bottom {
- vertical-align: bottom;
+ vertical-align: bottom;
}
+
.media-heading {
- margin-top: 0;
- margin-bottom: 5px;
+ margin-top: 0;
+ margin-bottom: 5px;
}
+
.media-list {
- padding-left: 0;
- list-style: none;
+ padding-left: 0;
+ list-style: none;
}
+
.list-group {
- margin-bottom: 20px;
- padding-left: 0;
+ margin-bottom: 20px;
+ padding-left: 0;
}
+
.list-group-item {
- position: relative;
- display: block;
- padding: 10px 15px;
- margin-bottom: -1px;
- background-color: #ffffff;
- border: 1px solid #999999;
+ position: relative;
+ display: block;
+ padding: 10px 15px;
+ margin-bottom: -1px;
+ background-color: #ffffff;
+ border: 1px solid #999999;
}
+
.list-group-item:first-child {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
}
+
.list-group-item:last-child {
- margin-bottom: 0;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
+ margin-bottom: 0;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
}
+
a.list-group-item {
- color: #555555;
+ color: #555555;
}
+
a.list-group-item .list-group-item-heading {
- color: #333333;
+ color: #333333;
}
+
a.list-group-item:hover,
a.list-group-item:focus {
- text-decoration: none;
- color: #555555;
- background-color: #f5f5f5;
+ text-decoration: none;
+ color: #555555;
+ background-color: #f5f5f5;
}
+
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
- background-color: #eeeeee;
- color: #777777;
- cursor: not-allowed;
+ background-color: #eeeeee;
+ color: #777777;
+ cursor: not-allowed;
}
+
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
- color: inherit;
+ color: inherit;
}
+
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
- color: #777777;
+ color: #777777;
}
+
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
- z-index: 2;
- color: #ffffff;
- background-color: #337cbb;
- border-color: #337cbb;
+ z-index: 2;
+ color: #ffffff;
+ background-color: #337cbb;
+ border-color: #337cbb;
}
+
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
@@ -5182,199 +6346,240 @@ a.list-group-item:focus {
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
- color: inherit;
+ color: inherit;
}
+
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
- color: #07121b;
+ color: #07121b;
}
+
.list-group-item-success {
- color: #5cb85c;
- background-color: #a3d7a3;
+ color: #5cb85c;
+ background-color: #a3d7a3;
}
+
a.list-group-item-success {
- color: #5cb85c;
+ color: #5cb85c;
}
+
a.list-group-item-success .list-group-item-heading {
- color: inherit;
+ color: inherit;
}
+
a.list-group-item-success:hover,
a.list-group-item-success:focus {
- color: #5cb85c;
- background-color: #91cf91;
+ color: #5cb85c;
+ background-color: #91cf91;
}
+
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
- color: #fff;
- background-color: #5cb85c;
- border-color: #5cb85c;
+ color: #fff;
+ background-color: #5cb85c;
+ border-color: #5cb85c;
}
+
.list-group-item-info {
- color: #5bc0de;
- background-color: #b0e1ef;
+ color: #5bc0de;
+ background-color: #b0e1ef;
}
+
a.list-group-item-info {
- color: #5bc0de;
+ color: #5bc0de;
}
+
a.list-group-item-info .list-group-item-heading {
- color: inherit;
+ color: inherit;
}
+
a.list-group-item-info:hover,
a.list-group-item-info:focus {
- color: #5bc0de;
- background-color: #9bd8eb;
+ color: #5bc0de;
+ background-color: #9bd8eb;
}
+
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
- color: #fff;
- background-color: #5bc0de;
- border-color: #5bc0de;
+ color: #fff;
+ background-color: #5bc0de;
+ border-color: #5bc0de;
}
+
.list-group-item-warning {
- color: #f0ad4e;
- background-color: #f8d9ac;
+ color: #f0ad4e;
+ background-color: #f8d9ac;
}
+
a.list-group-item-warning {
- color: #f0ad4e;
+ color: #f0ad4e;
}
+
a.list-group-item-warning .list-group-item-heading {
- color: inherit;
+ color: inherit;
}
+
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
- color: #f0ad4e;
- background-color: #f6ce95;
+ color: #f0ad4e;
+ background-color: #f6ce95;
}
+
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
- color: #fff;
- background-color: #f0ad4e;
- border-color: #f0ad4e;
+ color: #fff;
+ background-color: #f0ad4e;
+ border-color: #f0ad4e;
}
+
.list-group-item-danger {
- color: #d9534f;
- background-color: #eba5a3;
+ color: #d9534f;
+ background-color: #eba5a3;
}
+
a.list-group-item-danger {
- color: #d9534f;
+ color: #d9534f;
}
+
a.list-group-item-danger .list-group-item-heading {
- color: inherit;
+ color: inherit;
}
+
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
- color: #d9534f;
- background-color: #e7908e;
+ color: #d9534f;
+ background-color: #e7908e;
}
+
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
- color: #fff;
- background-color: #d9534f;
- border-color: #d9534f;
+ color: #fff;
+ background-color: #d9534f;
+ border-color: #d9534f;
}
+
.list-group-item-heading {
- margin-top: 0;
- margin-bottom: 5px;
+ margin-top: 0;
+ margin-bottom: 5px;
}
+
.list-group-item-text {
- margin-bottom: 0;
- line-height: 1.3;
+ margin-bottom: 0;
+ line-height: 1.3;
}
+
.panel {
- margin-bottom: 20px;
- background-color: #ffffff;
- border: 1px solid transparent;
- border-radius: 4px;
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+ margin-bottom: 20px;
+ background-color: #ffffff;
+ border: 1px solid transparent;
+ border-radius: 4px;
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
+
.panel-body {
- padding: 15px;
+ padding: 15px;
}
+
.panel-heading {
- padding: 10px 15px;
- border-bottom: 1px solid transparent;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
+ padding: 10px 15px;
+ border-bottom: 1px solid transparent;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
}
+
.panel-heading > .dropdown .dropdown-toggle {
- color: inherit;
+ color: inherit;
}
+
.panel-title {
- margin-top: 0;
- margin-bottom: 0;
- font-size: 16px;
- color: inherit;
+ margin-top: 0;
+ margin-bottom: 0;
+ font-size: 16px;
+ color: inherit;
}
+
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
- color: inherit;
+ color: inherit;
}
+
.panel-footer {
- padding: 10px 15px;
- background-color: #f5f5f5;
- border-top: 1px solid #dddddd;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
+ padding: 10px 15px;
+ background-color: #f5f5f5;
+ border-top: 1px solid #dddddd;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
}
+
.panel > .list-group,
.panel > .panel-collapse > .list-group {
- margin-bottom: 0;
+ margin-bottom: 0;
}
+
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
- border-width: 1px 0;
- border-radius: 0;
+ border-width: 1px 0;
+ border-radius: 0;
}
+
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
- border-top: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
+ border-top: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
}
+
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
- border-bottom: 0;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
+ border-bottom: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
}
+
.panel-heading + .list-group .list-group-item:first-child {
- border-top-width: 0;
+ border-top-width: 0;
}
+
.list-group + .panel-footer {
- border-top-width: 0;
+ border-top-width: 0;
}
+
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
- margin-bottom: 0;
+ margin-bottom: 0;
}
+
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
- padding-left: 15px;
- padding-right: 15px;
+ padding-left: 15px;
+ padding-right: 15px;
}
+
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
}
+
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
}
+
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
@@ -5383,8 +6588,9 @@ a.list-group-item-danger.active:focus {
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
- border-top-left-radius: 3px;
+ border-top-left-radius: 3px;
}
+
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
@@ -5393,20 +6599,23 @@ a.list-group-item-danger.active:focus {
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
- border-top-right-radius: 3px;
+ border-top-right-radius: 3px;
}
+
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
}
+
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
}
+
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
@@ -5415,8 +6624,9 @@ a.list-group-item-danger.active:focus {
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
- border-bottom-left-radius: 3px;
+ border-bottom-left-radius: 3px;
}
+
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
@@ -5425,22 +6635,26 @@ a.list-group-item-danger.active:focus {
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
- border-bottom-right-radius: 3px;
+ border-bottom-right-radius: 3px;
}
+
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #dddddd;
}
+
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
- border-top: 0;
+ border-top: 0;
}
+
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
- border: 0;
+ border: 0;
}
+
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
@@ -5453,8 +6667,9 @@ a.list-group-item-danger.active:focus {
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
- border-left: 0;
+ border-left: 0;
}
+
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
@@ -5467,8 +6682,9 @@ a.list-group-item-danger.active:focus {
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
- border-right: 0;
+ border-right: 0;
}
+
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
@@ -5477,8 +6693,9 @@ a.list-group-item-danger.active:focus {
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
- border-bottom: 0;
+ border-bottom: 0;
}
+
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
@@ -5487,787 +6704,930 @@ a.list-group-item-danger.active:focus {
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
- border-bottom: 0;
+ border-bottom: 0;
}
+
.panel > .table-responsive {
- border: 0;
- margin-bottom: 0;
+ border: 0;
+ margin-bottom: 0;
}
+
.panel-group {
- margin-bottom: 20px;
+ margin-bottom: 20px;
}
+
.panel-group .panel {
- margin-bottom: 0;
- border-radius: 4px;
+ margin-bottom: 0;
+ border-radius: 4px;
}
+
.panel-group .panel + .panel {
- margin-top: 5px;
+ margin-top: 5px;
}
+
.panel-group .panel-heading {
- border-bottom: 0;
+ border-bottom: 0;
}
+
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
- border-top: 1px solid #dddddd;
+ border-top: 1px solid #dddddd;
}
+
.panel-group .panel-footer {
- border-top: 0;
+ border-top: 0;
}
+
.panel-group .panel-footer + .panel-collapse .panel-body {
- border-bottom: 1px solid #dddddd;
+ border-bottom: 1px solid #dddddd;
}
+
.panel-default {
- border-color: #dddddd;
+ border-color: #dddddd;
}
+
.panel-default > .panel-heading {
- color: #333333;
- background-color: #f5f5f5;
- border-color: #dddddd;
+ color: #333333;
+ background-color: #f5f5f5;
+ border-color: #dddddd;
}
+
.panel-default > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #dddddd;
+ border-top-color: #dddddd;
}
+
.panel-default > .panel-heading .badge {
- color: #f5f5f5;
- background-color: #333333;
+ color: #f5f5f5;
+ background-color: #333333;
}
+
.panel-default > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #dddddd;
+ border-bottom-color: #dddddd;
}
+
.panel-primary {
- border-color: #337cbb;
+ border-color: #337cbb;
}
+
.panel-primary > .panel-heading {
- color: #ffffff;
- background-color: #337cbb;
- border-color: #337cbb;
+ color: #ffffff;
+ background-color: #337cbb;
+ border-color: #337cbb;
}
+
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #337cbb;
+ border-top-color: #337cbb;
}
+
.panel-primary > .panel-heading .badge {
- color: #337cbb;
- background-color: #ffffff;
+ color: #337cbb;
+ background-color: #ffffff;
}
+
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #337cbb;
+ border-bottom-color: #337cbb;
}
+
.panel-success {
- border-color: #9ccf91;
+ border-color: #9ccf91;
}
+
.panel-success > .panel-heading {
- color: #5cb85c;
- background-color: #a3d7a3;
- border-color: #9ccf91;
+ color: #5cb85c;
+ background-color: #a3d7a3;
+ border-color: #9ccf91;
}
+
.panel-success > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #9ccf91;
+ border-top-color: #9ccf91;
}
+
.panel-success > .panel-heading .badge {
- color: #a3d7a3;
- background-color: #5cb85c;
+ color: #a3d7a3;
+ background-color: #5cb85c;
}
+
.panel-success > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #9ccf91;
+ border-bottom-color: #9ccf91;
}
+
.panel-info {
- border-color: #92e4e9;
+ border-color: #92e4e9;
}
+
.panel-info > .panel-heading {
- color: #5bc0de;
- background-color: #b0e1ef;
- border-color: #92e4e9;
+ color: #5bc0de;
+ background-color: #b0e1ef;
+ border-color: #92e4e9;
}
+
.panel-info > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #92e4e9;
+ border-top-color: #92e4e9;
}
+
.panel-info > .panel-heading .badge {
- color: #b0e1ef;
- background-color: #5bc0de;
+ color: #b0e1ef;
+ background-color: #5bc0de;
}
+
.panel-info > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #92e4e9;
+ border-bottom-color: #92e4e9;
}
+
.panel-warning {
- border-color: #f6bd95;
+ border-color: #f6bd95;
}
+
.panel-warning > .panel-heading {
- color: #f0ad4e;
- background-color: #f8d9ac;
- border-color: #f6bd95;
+ color: #f0ad4e;
+ background-color: #f8d9ac;
+ border-color: #f6bd95;
}
+
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #f6bd95;
+ border-top-color: #f6bd95;
}
+
.panel-warning > .panel-heading .badge {
- color: #f8d9ac;
- background-color: #f0ad4e;
+ color: #f8d9ac;
+ background-color: #f0ad4e;
}
+
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #f6bd95;
+ border-bottom-color: #f6bd95;
}
+
.panel-danger {
- border-color: #e78e9a;
+ border-color: #e78e9a;
}
+
.panel-danger > .panel-heading {
- color: #d9534f;
- background-color: #eba5a3;
- border-color: #e78e9a;
+ color: #d9534f;
+ background-color: #eba5a3;
+ border-color: #e78e9a;
}
+
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #e78e9a;
+ border-top-color: #e78e9a;
}
+
.panel-danger > .panel-heading .badge {
- color: #eba5a3;
- background-color: #d9534f;
+ color: #eba5a3;
+ background-color: #d9534f;
}
+
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #e78e9a;
+ border-bottom-color: #e78e9a;
}
+
.embed-responsive {
- position: relative;
- display: block;
- height: 0;
- padding: 0;
- overflow: hidden;
+ position: relative;
+ display: block;
+ height: 0;
+ padding: 0;
+ overflow: hidden;
}
+
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- height: 100%;
- width: 100%;
- border: 0;
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ height: 100%;
+ width: 100%;
+ border: 0;
}
+
.embed-responsive-16by9 {
- padding-bottom: 56.25%;
+ padding-bottom: 56.25%;
}
+
.embed-responsive-4by3 {
- padding-bottom: 75%;
+ padding-bottom: 75%;
}
+
.well {
- min-height: 20px;
- padding: 19px;
- margin-bottom: 20px;
- background-color: #f5f5f5;
- border: 1px solid #e3e3e3;
- border-radius: 4px;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+ min-height: 20px;
+ padding: 19px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
+ border: 1px solid #e3e3e3;
+ border-radius: 4px;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
+
.well blockquote {
- border-color: #ddd;
- border-color: rgba(0, 0, 0, 0.15);
+ border-color: #ddd;
+ border-color: rgba(0, 0, 0, 0.15);
}
+
.well-lg {
- padding: 24px;
- border-radius: 5px;
+ padding: 24px;
+ border-radius: 5px;
}
+
.well-sm {
- padding: 9px;
- border-radius: 2px;
+ padding: 9px;
+ border-radius: 2px;
}
+
.close {
- float: right;
- font-size: 21px;
- font-weight: bold;
- line-height: 1;
- color: #000000;
- text-shadow: 0 1px 0 #ffffff;
- opacity: 0.2;
- filter: alpha(opacity=20);
+ float: right;
+ font-size: 21px;
+ font-weight: bold;
+ line-height: 1;
+ color: #000000;
+ text-shadow: 0 1px 0 #ffffff;
+ opacity: 0.2;
+ filter: alpha(opacity=20);
}
+
.close:hover,
.close:focus {
- color: #000000;
- text-decoration: none;
- cursor: pointer;
- opacity: 0.5;
- filter: alpha(opacity=50);
+ color: #000000;
+ text-decoration: none;
+ cursor: pointer;
+ opacity: 0.5;
+ filter: alpha(opacity=50);
}
+
button.close {
- padding: 0;
- cursor: pointer;
- background: transparent;
- border: 0;
- -webkit-appearance: none;
+ padding: 0;
+ cursor: pointer;
+ background: transparent;
+ border: 0;
+ -webkit-appearance: none;
}
+
.modal-open {
- overflow: hidden;
+ overflow: hidden;
}
+
.modal {
- display: none;
- overflow: hidden;
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1050;
- -webkit-overflow-scrolling: touch;
- outline: 0;
+ display: none;
+ overflow: hidden;
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1050;
+ -webkit-overflow-scrolling: touch;
+ outline: 0;
}
+
.modal.fade .modal-dialog {
- -webkit-transform: translate(0, -25%);
- -ms-transform: translate(0, -25%);
- -o-transform: translate(0, -25%);
- transform: translate(0, -25%);
- -webkit-transition: -webkit-transform 0.3s ease-out;
- -moz-transition: -moz-transform 0.3s ease-out;
- -o-transition: -o-transform 0.3s ease-out;
- transition: transform 0.3s ease-out;
+ -webkit-transform: translate(0, -25%);
+ -ms-transform: translate(0, -25%);
+ -o-transform: translate(0, -25%);
+ transform: translate(0, -25%);
+ -webkit-transition: -webkit-transform 0.3s ease-out;
+ -moz-transition: -moz-transform 0.3s ease-out;
+ -o-transition: -o-transform 0.3s ease-out;
+ transition: transform 0.3s ease-out;
}
+
.modal.in .modal-dialog {
- -webkit-transform: translate(0, 0);
- -ms-transform: translate(0, 0);
- -o-transform: translate(0, 0);
- transform: translate(0, 0);
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ -o-transform: translate(0, 0);
+ transform: translate(0, 0);
}
+
.modal-open .modal {
- overflow-x: hidden;
- overflow-y: auto;
+ overflow-x: hidden;
+ overflow-y: auto;
}
+
.modal-dialog {
- position: relative;
- width: auto;
- margin: 10px;
+ position: relative;
+ width: auto;
+ margin: 10px;
}
+
.modal-content {
- position: relative;
- background-color: #ffffff;
- border: 1px solid #999999;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 5px;
- -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
- box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
- background-clip: padding-box;
- outline: 0;
+ position: relative;
+ background-color: #ffffff;
+ border: 1px solid #999999;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 5px;
+ -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+ background-clip: padding-box;
+ outline: 0;
}
+
.modal-backdrop {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1040;
- background-color: #000000;
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1040;
+ background-color: #000000;
}
+
.modal-backdrop.fade {
- opacity: 0;
- filter: alpha(opacity=0);
+ opacity: 0;
+ filter: alpha(opacity=0);
}
+
.modal-backdrop.in {
- opacity: 0.5;
- filter: alpha(opacity=50);
+ opacity: 0.5;
+ filter: alpha(opacity=50);
}
+
.modal-header {
- padding: 15px;
- border-bottom: 1px solid #e5e5e5;
- min-height: 16.42857143px;
+ padding: 15px;
+ border-bottom: 1px solid #e5e5e5;
+ min-height: 16.42857143px;
}
+
.modal-header .close {
- margin-top: -2px;
+ margin-top: -2px;
}
+
.modal-title {
- margin: 0;
- line-height: 1.42857143;
+ margin: 0;
+ line-height: 1.42857143;
}
+
.modal-body {
- position: relative;
- padding: 15px;
+ position: relative;
+ padding: 15px;
}
+
.modal-footer {
- padding: 15px;
- text-align: right;
- border-top: 1px solid #e5e5e5;
+ padding: 15px;
+ text-align: right;
+ border-top: 1px solid #e5e5e5;
}
+
.modal-footer .btn + .btn {
- margin-left: 5px;
- margin-bottom: 0;
+ margin-left: 5px;
+ margin-bottom: 0;
}
+
.modal-footer .btn-group .btn + .btn {
- margin-left: -1px;
+ margin-left: -1px;
}
+
.modal-footer .btn-block + .btn-block {
- margin-left: 0;
+ margin-left: 0;
}
+
.modal-scrollbar-measure {
- position: absolute;
- top: -9999px;
- width: 50px;
- height: 50px;
- overflow: scroll;
+ position: absolute;
+ top: -9999px;
+ width: 50px;
+ height: 50px;
+ overflow: scroll;
}
+
@media (min-width: 768px) {
- .modal-dialog {
- width: 600px;
- margin: 30px auto;
- }
- .modal-content {
- -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
- box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
- }
- .modal-sm {
- width: 300px;
- }
+ .modal-dialog {
+ width: 600px;
+ margin: 30px auto;
+ }
+
+ .modal-content {
+ -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+ }
+
+ .modal-sm {
+ width: 300px;
+ }
}
+
@media (min-width: 992px) {
- .modal-lg {
- width: 900px;
- }
+ .modal-lg {
+ width: 900px;
+ }
}
+
.tooltip {
- position: absolute;
- z-index: 1070;
- display: block;
- font-family: Lato;
- font-size: 12px;
- font-weight: normal;
- line-height: 1.4;
- opacity: 0;
- filter: alpha(opacity=0);
+ position: absolute;
+ z-index: 1070;
+ display: block;
+ font-family: Lato;
+ font-size: 12px;
+ font-weight: normal;
+ line-height: 1.4;
+ opacity: 0;
+ filter: alpha(opacity=0);
}
+
.tooltip.in {
- opacity: 0.9;
- filter: alpha(opacity=90);
+ opacity: 0.9;
+ filter: alpha(opacity=90);
}
+
.tooltip.top {
- margin-top: -3px;
- padding: 5px 0;
+ margin-top: -3px;
+ padding: 5px 0;
}
+
.tooltip.right {
- margin-left: 3px;
- padding: 0 5px;
+ margin-left: 3px;
+ padding: 0 5px;
}
+
.tooltip.bottom {
- margin-top: 3px;
- padding: 5px 0;
+ margin-top: 3px;
+ padding: 5px 0;
}
+
.tooltip.left {
- margin-left: -3px;
- padding: 0 5px;
+ margin-left: -3px;
+ padding: 0 5px;
}
+
.tooltip-inner {
- max-width: 200px;
- padding: 3px 8px;
- color: #ffffff;
- text-align: center;
- text-decoration: none;
- background-color: #000000;
- border-radius: 4px;
+ max-width: 200px;
+ padding: 3px 8px;
+ color: #ffffff;
+ text-align: center;
+ text-decoration: none;
+ background-color: #000000;
+ border-radius: 4px;
}
+
.tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
+ position: absolute;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
}
+
.tooltip.top .tooltip-arrow {
- bottom: 0;
- left: 50%;
- margin-left: -5px;
- border-width: 5px 5px 0;
- border-top-color: #000000;
+ bottom: 0;
+ left: 50%;
+ margin-left: -5px;
+ border-width: 5px 5px 0;
+ border-top-color: #000000;
}
+
.tooltip.top-left .tooltip-arrow {
- bottom: 0;
- right: 5px;
- margin-bottom: -5px;
- border-width: 5px 5px 0;
- border-top-color: #000000;
+ bottom: 0;
+ right: 5px;
+ margin-bottom: -5px;
+ border-width: 5px 5px 0;
+ border-top-color: #000000;
}
+
.tooltip.top-right .tooltip-arrow {
- bottom: 0;
- left: 5px;
- margin-bottom: -5px;
- border-width: 5px 5px 0;
- border-top-color: #000000;
+ bottom: 0;
+ left: 5px;
+ margin-bottom: -5px;
+ border-width: 5px 5px 0;
+ border-top-color: #000000;
}
+
.tooltip.right .tooltip-arrow {
- top: 50%;
- left: 0;
- margin-top: -5px;
- border-width: 5px 5px 5px 0;
- border-right-color: #000000;
+ top: 50%;
+ left: 0;
+ margin-top: -5px;
+ border-width: 5px 5px 5px 0;
+ border-right-color: #000000;
}
+
.tooltip.left .tooltip-arrow {
- top: 50%;
- right: 0;
- margin-top: -5px;
- border-width: 5px 0 5px 5px;
- border-left-color: #000000;
+ top: 50%;
+ right: 0;
+ margin-top: -5px;
+ border-width: 5px 0 5px 5px;
+ border-left-color: #000000;
}
+
.tooltip.bottom .tooltip-arrow {
- top: 0;
- left: 50%;
- margin-left: -5px;
- border-width: 0 5px 5px;
- border-bottom-color: #000000;
+ top: 0;
+ left: 50%;
+ margin-left: -5px;
+ border-width: 0 5px 5px;
+ border-bottom-color: #000000;
}
+
.tooltip.bottom-left .tooltip-arrow {
- top: 0;
- right: 5px;
- margin-top: -5px;
- border-width: 0 5px 5px;
- border-bottom-color: #000000;
+ top: 0;
+ right: 5px;
+ margin-top: -5px;
+ border-width: 0 5px 5px;
+ border-bottom-color: #000000;
}
+
.tooltip.bottom-right .tooltip-arrow {
- top: 0;
- left: 5px;
- margin-top: -5px;
- border-width: 0 5px 5px;
- border-bottom-color: #000000;
+ top: 0;
+ left: 5px;
+ margin-top: -5px;
+ border-width: 0 5px 5px;
+ border-bottom-color: #000000;
}
+
.popover {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 1060;
- display: none;
- max-width: 276px;
- padding: 1px;
- font-family: Lato;
- font-size: 14px;
- font-weight: normal;
- line-height: 1.42857143;
- text-align: left;
- background-color: #ffffff;
- background-clip: padding-box;
- border: 1px solid #cccccc;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 5px;
- -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
- white-space: normal;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 1060;
+ display: none;
+ max-width: 276px;
+ padding: 1px;
+ font-family: Lato;
+ font-size: 14px;
+ font-weight: normal;
+ line-height: 1.42857143;
+ text-align: left;
+ background-color: #ffffff;
+ background-clip: padding-box;
+ border: 1px solid #cccccc;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 5px;
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+ white-space: normal;
}
+
.popover.top {
- margin-top: -10px;
+ margin-top: -10px;
}
+
.popover.right {
- margin-left: 10px;
+ margin-left: 10px;
}
+
.popover.bottom {
- margin-top: 10px;
+ margin-top: 10px;
}
+
.popover.left {
- margin-left: -10px;
+ margin-left: -10px;
}
+
.popover-title {
- margin: 0;
- padding: 8px 14px;
- font-size: 14px;
- background-color: #f7f7f7;
- border-bottom: 1px solid #ebebeb;
- border-radius: 4px 4px 0 0;
+ margin: 0;
+ padding: 8px 14px;
+ font-size: 14px;
+ background-color: #f7f7f7;
+ border-bottom: 1px solid #ebebeb;
+ border-radius: 4px 4px 0 0;
}
+
.popover-content {
- padding: 9px 14px;
+ padding: 9px 14px;
}
+
.popover > .arrow,
.popover > .arrow:after {
- position: absolute;
- display: block;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
+ position: absolute;
+ display: block;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
}
+
.popover > .arrow {
- border-width: 11px;
+ border-width: 11px;
}
+
.popover > .arrow:after {
- border-width: 10px;
- content: "";
+ border-width: 10px;
+ content: "";
}
+
.popover.top > .arrow {
- left: 50%;
- margin-left: -11px;
- border-bottom-width: 0;
- border-top-color: #999999;
- border-top-color: rgba(0, 0, 0, 0.25);
- bottom: -11px;
+ left: 50%;
+ margin-left: -11px;
+ border-bottom-width: 0;
+ border-top-color: #999999;
+ border-top-color: rgba(0, 0, 0, 0.25);
+ bottom: -11px;
}
+
.popover.top > .arrow:after {
- content: " ";
- bottom: 1px;
- margin-left: -10px;
- border-bottom-width: 0;
- border-top-color: #ffffff;
+ content: " ";
+ bottom: 1px;
+ margin-left: -10px;
+ border-bottom-width: 0;
+ border-top-color: #ffffff;
}
+
.popover.right > .arrow {
- top: 50%;
- left: -11px;
- margin-top: -11px;
- border-left-width: 0;
- border-right-color: #999999;
- border-right-color: rgba(0, 0, 0, 0.25);
+ top: 50%;
+ left: -11px;
+ margin-top: -11px;
+ border-left-width: 0;
+ border-right-color: #999999;
+ border-right-color: rgba(0, 0, 0, 0.25);
}
+
.popover.right > .arrow:after {
- content: " ";
- left: 1px;
- bottom: -10px;
- border-left-width: 0;
- border-right-color: #ffffff;
+ content: " ";
+ left: 1px;
+ bottom: -10px;
+ border-left-width: 0;
+ border-right-color: #ffffff;
}
+
.popover.bottom > .arrow {
- left: 50%;
- margin-left: -11px;
- border-top-width: 0;
- border-bottom-color: #999999;
- border-bottom-color: rgba(0, 0, 0, 0.25);
- top: -11px;
+ left: 50%;
+ margin-left: -11px;
+ border-top-width: 0;
+ border-bottom-color: #999999;
+ border-bottom-color: rgba(0, 0, 0, 0.25);
+ top: -11px;
}
+
.popover.bottom > .arrow:after {
- content: " ";
- top: 1px;
- margin-left: -10px;
- border-top-width: 0;
- border-bottom-color: #ffffff;
+ content: " ";
+ top: 1px;
+ margin-left: -10px;
+ border-top-width: 0;
+ border-bottom-color: #ffffff;
}
+
.popover.left > .arrow {
- top: 50%;
- right: -11px;
- margin-top: -11px;
- border-right-width: 0;
- border-left-color: #999999;
- border-left-color: rgba(0, 0, 0, 0.25);
+ top: 50%;
+ right: -11px;
+ margin-top: -11px;
+ border-right-width: 0;
+ border-left-color: #999999;
+ border-left-color: rgba(0, 0, 0, 0.25);
}
+
.popover.left > .arrow:after {
- content: " ";
- right: 1px;
- border-right-width: 0;
- border-left-color: #ffffff;
- bottom: -10px;
+ content: " ";
+ right: 1px;
+ border-right-width: 0;
+ border-left-color: #ffffff;
+ bottom: -10px;
}
+
.carousel {
- position: relative;
+ position: relative;
}
+
.carousel-inner {
- position: relative;
- overflow: hidden;
- width: 100%;
+ position: relative;
+ overflow: hidden;
+ width: 100%;
}
+
.carousel-inner > .item {
- display: none;
- position: relative;
- -webkit-transition: 0.6s ease-in-out left;
- -o-transition: 0.6s ease-in-out left;
- transition: 0.6s ease-in-out left;
+ display: none;
+ position: relative;
+ -webkit-transition: 0.6s ease-in-out left;
+ -o-transition: 0.6s ease-in-out left;
+ transition: 0.6s ease-in-out left;
}
+
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
- line-height: 1;
+ line-height: 1;
}
+
@media all and (transform-3d), (-webkit-transform-3d) {
- .carousel-inner > .item {
- -webkit-transition: -webkit-transform 0.6s ease-in-out;
- -moz-transition: -moz-transform 0.6s ease-in-out;
- -o-transition: -o-transform 0.6s ease-in-out;
- transition: transform 0.6s ease-in-out;
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-perspective: 1000;
- -moz-perspective: 1000;
- perspective: 1000;
- }
- .carousel-inner > .item.next,
- .carousel-inner > .item.active.right {
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- left: 0;
- }
- .carousel-inner > .item.prev,
- .carousel-inner > .item.active.left {
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- left: 0;
- }
- .carousel-inner > .item.next.left,
- .carousel-inner > .item.prev.right,
- .carousel-inner > .item.active {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- left: 0;
- }
+ .carousel-inner > .item {
+ -webkit-transition: -webkit-transform 0.6s ease-in-out;
+ -moz-transition: -moz-transform 0.6s ease-in-out;
+ -o-transition: -o-transform 0.6s ease-in-out;
+ transition: transform 0.6s ease-in-out;
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-perspective: 1000;
+ -moz-perspective: 1000;
+ perspective: 1000;
+ }
+
+ .carousel-inner > .item.next,
+ .carousel-inner > .item.active.right {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ left: 0;
+ }
+
+ .carousel-inner > .item.prev,
+ .carousel-inner > .item.active.left {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ left: 0;
+ }
+
+ .carousel-inner > .item.next.left,
+ .carousel-inner > .item.prev.right,
+ .carousel-inner > .item.active {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ left: 0;
+ }
}
+
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
- display: block;
+ display: block;
}
+
.carousel-inner > .active {
- left: 0;
+ left: 0;
}
+
.carousel-inner > .next,
.carousel-inner > .prev {
- position: absolute;
- top: 0;
- width: 100%;
+ position: absolute;
+ top: 0;
+ width: 100%;
}
+
.carousel-inner > .next {
- left: 100%;
+ left: 100%;
}
+
.carousel-inner > .prev {
- left: -100%;
+ left: -100%;
}
+
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
- left: 0;
+ left: 0;
}
+
.carousel-inner > .active.left {
- left: -100%;
+ left: -100%;
}
+
.carousel-inner > .active.right {
- left: 100%;
+ left: 100%;
}
+
.carousel-control {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- width: 15%;
- opacity: 0.5;
- filter: alpha(opacity=50);
- font-size: 20px;
- color: #ffffff;
- text-align: center;
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 15%;
+ opacity: 0.5;
+ filter: alpha(opacity=50);
+ font-size: 20px;
+ color: #ffffff;
+ text-align: center;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
+
.carousel-control.left {
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
- background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
+ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
+
.carousel-control.right {
- left: auto;
- right: 0;
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
- background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
+ left: auto;
+ right: 0;
+ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
+
.carousel-control:hover,
.carousel-control:focus {
- outline: 0;
- color: #ffffff;
- text-decoration: none;
- opacity: 0.9;
- filter: alpha(opacity=90);
+ outline: 0;
+ color: #ffffff;
+ text-decoration: none;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
}
+
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
- position: absolute;
- top: 50%;
- z-index: 5;
- display: inline-block;
+ position: absolute;
+ top: 50%;
+ z-index: 5;
+ display: inline-block;
}
+
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
- left: 50%;
- margin-left: -10px;
+ left: 50%;
+ margin-left: -10px;
}
+
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
- right: 50%;
- margin-right: -10px;
+ right: 50%;
+ margin-right: -10px;
}
+
.carousel-control .icon-prev,
.carousel-control .icon-next {
- width: 20px;
- height: 20px;
- margin-top: -10px;
- line-height: 1;
- font-family: serif;
+ width: 20px;
+ height: 20px;
+ margin-top: -10px;
+ line-height: 1;
+ font-family: serif;
}
+
.carousel-control .icon-prev:before {
- content: '\2039';
+ content: '\2039';
}
+
.carousel-control .icon-next:before {
- content: '\203a';
+ content: '\203a';
}
+
.carousel-indicators {
- position: absolute;
- bottom: 10px;
- left: 50%;
- z-index: 15;
- width: 60%;
- margin-left: -30%;
- padding-left: 0;
- list-style: none;
- text-align: center;
+ position: absolute;
+ bottom: 10px;
+ left: 50%;
+ z-index: 15;
+ width: 60%;
+ margin-left: -30%;
+ padding-left: 0;
+ list-style: none;
+ text-align: center;
}
+
.carousel-indicators li {
- display: inline-block;
- width: 10px;
- height: 10px;
- margin: 1px;
- text-indent: -999px;
- border: 1px solid #ffffff;
- border-radius: 10px;
- cursor: pointer;
- background-color: #000 \9;
- background-color: rgba(0, 0, 0, 0);
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ margin: 1px;
+ text-indent: -999px;
+ border: 1px solid #ffffff;
+ border-radius: 10px;
+ cursor: pointer;
+ background-color: #000 \9;
+ background-color: rgba(0, 0, 0, 0);
}
+
.carousel-indicators .active {
- margin: 0;
- width: 12px;
- height: 12px;
- background-color: #ffffff;
+ margin: 0;
+ width: 12px;
+ height: 12px;
+ background-color: #ffffff;
}
+
.carousel-caption {
- position: absolute;
- left: 15%;
- right: 15%;
- bottom: 20px;
- z-index: 10;
- padding-top: 20px;
- padding-bottom: 20px;
- color: #ffffff;
- text-align: center;
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
-}
-.carousel-caption .btn {
- text-shadow: none;
-}
-@media screen and (min-width: 768px) {
- .carousel-control .glyphicon-chevron-left,
- .carousel-control .glyphicon-chevron-right,
- .carousel-control .icon-prev,
- .carousel-control .icon-next {
- width: 30px;
- height: 30px;
- margin-top: -15px;
- font-size: 30px;
- }
- .carousel-control .glyphicon-chevron-left,
- .carousel-control .icon-prev {
- margin-left: -15px;
- }
- .carousel-control .glyphicon-chevron-right,
- .carousel-control .icon-next {
- margin-right: -15px;
- }
- .carousel-caption {
- left: 20%;
- right: 20%;
- padding-bottom: 30px;
- }
- .carousel-indicators {
+ position: absolute;
+ left: 15%;
+ right: 15%;
bottom: 20px;
- }
+ z-index: 10;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ color: #ffffff;
+ text-align: center;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
+
+.carousel-caption .btn {
+ text-shadow: none;
+}
+
+@media screen and (min-width: 768px) {
+ .carousel-control .glyphicon-chevron-left,
+ .carousel-control .glyphicon-chevron-right,
+ .carousel-control .icon-prev,
+ .carousel-control .icon-next {
+ width: 30px;
+ height: 30px;
+ margin-top: -15px;
+ font-size: 30px;
+ }
+
+ .carousel-control .glyphicon-chevron-left,
+ .carousel-control .icon-prev {
+ margin-left: -15px;
+ }
+
+ .carousel-control .glyphicon-chevron-right,
+ .carousel-control .icon-next {
+ margin-right: -15px;
+ }
+
+ .carousel-caption {
+ left: 20%;
+ right: 20%;
+ padding-bottom: 30px;
+ }
+
+ .carousel-indicators {
+ bottom: 20px;
+ }
+}
+
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
@@ -6298,9 +7658,10 @@ button.close {
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
- content: " ";
- display: table;
+ content: " ";
+ display: table;
}
+
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
@@ -6316,50 +7677,62 @@ button.close {
.pager:after,
.panel-body:after,
.modal-footer:after {
- clear: both;
+ clear: both;
}
+
.center-block {
- display: block;
- margin-left: auto;
- margin-right: auto;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
}
+
.pull-right {
- float: right !important;
+ float: right !important;
}
+
.pull-left {
- float: left !important;
+ float: left !important;
}
+
.hide {
- display: none !important;
+ display: none !important;
}
+
.show {
- display: block !important;
+ display: block !important;
}
+
.invisible {
- visibility: hidden;
+ visibility: hidden;
}
+
.text-hide {
- font: 0/0 a;
- color: transparent;
- text-shadow: none;
- background-color: transparent;
- border: 0;
+ font: 0/0 a;
+ color: transparent;
+ text-shadow: none;
+ background-color: transparent;
+ border: 0;
}
+
.hidden {
- display: none !important;
+ display: none !important;
}
+
.affix {
- position: fixed;
+ position: fixed;
}
+
@-ms-viewport {
- width: device-width;
+ width: device-width;
}
+
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
- display: none !important;
+ display: none !important;
}
+
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
@@ -6372,195 +7745,240 @@ button.close {
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
- display: none !important;
-}
-@media (max-width: 767px) {
- .visible-xs {
- display: block !important;
- }
- table.visible-xs {
- display: table;
- }
- tr.visible-xs {
- display: table-row !important;
- }
- th.visible-xs,
- td.visible-xs {
- display: table-cell !important;
- }
-}
-@media (max-width: 767px) {
- .visible-xs-block {
- display: block !important;
- }
-}
-@media (max-width: 767px) {
- .visible-xs-inline {
- display: inline !important;
- }
-}
-@media (max-width: 767px) {
- .visible-xs-inline-block {
- display: inline-block !important;
- }
-}
-@media (min-width: 768px) and (max-width: 991px) {
- .visible-sm {
- display: block !important;
- }
- table.visible-sm {
- display: table;
- }
- tr.visible-sm {
- display: table-row !important;
- }
- th.visible-sm,
- td.visible-sm {
- display: table-cell !important;
- }
-}
-@media (min-width: 768px) and (max-width: 991px) {
- .visible-sm-block {
- display: block !important;
- }
-}
-@media (min-width: 768px) and (max-width: 991px) {
- .visible-sm-inline {
- display: inline !important;
- }
-}
-@media (min-width: 768px) and (max-width: 991px) {
- .visible-sm-inline-block {
- display: inline-block !important;
- }
-}
-@media (min-width: 992px) and (max-width: 1199px) {
- .visible-md {
- display: block !important;
- }
- table.visible-md {
- display: table;
- }
- tr.visible-md {
- display: table-row !important;
- }
- th.visible-md,
- td.visible-md {
- display: table-cell !important;
- }
-}
-@media (min-width: 992px) and (max-width: 1199px) {
- .visible-md-block {
- display: block !important;
- }
-}
-@media (min-width: 992px) and (max-width: 1199px) {
- .visible-md-inline {
- display: inline !important;
- }
-}
-@media (min-width: 992px) and (max-width: 1199px) {
- .visible-md-inline-block {
- display: inline-block !important;
- }
-}
-@media (min-width: 1200px) {
- .visible-lg {
- display: block !important;
- }
- table.visible-lg {
- display: table;
- }
- tr.visible-lg {
- display: table-row !important;
- }
- th.visible-lg,
- td.visible-lg {
- display: table-cell !important;
- }
-}
-@media (min-width: 1200px) {
- .visible-lg-block {
- display: block !important;
- }
-}
-@media (min-width: 1200px) {
- .visible-lg-inline {
- display: inline !important;
- }
-}
-@media (min-width: 1200px) {
- .visible-lg-inline-block {
- display: inline-block !important;
- }
-}
-@media (max-width: 767px) {
- .hidden-xs {
display: none !important;
- }
}
+
+@media (max-width: 767px) {
+ .visible-xs {
+ display: block !important;
+ }
+
+ table.visible-xs {
+ display: table;
+ }
+
+ tr.visible-xs {
+ display: table-row !important;
+ }
+
+ th.visible-xs,
+ td.visible-xs {
+ display: table-cell !important;
+ }
+}
+
+@media (max-width: 767px) {
+ .visible-xs-block {
+ display: block !important;
+ }
+}
+
+@media (max-width: 767px) {
+ .visible-xs-inline {
+ display: inline !important;
+ }
+}
+
+@media (max-width: 767px) {
+ .visible-xs-inline-block {
+ display: inline-block !important;
+ }
+}
+
@media (min-width: 768px) and (max-width: 991px) {
- .hidden-sm {
- display: none !important;
- }
+ .visible-sm {
+ display: block !important;
+ }
+
+ table.visible-sm {
+ display: table;
+ }
+
+ tr.visible-sm {
+ display: table-row !important;
+ }
+
+ th.visible-sm,
+ td.visible-sm {
+ display: table-cell !important;
+ }
}
+
+@media (min-width: 768px) and (max-width: 991px) {
+ .visible-sm-block {
+ display: block !important;
+ }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+ .visible-sm-inline {
+ display: inline !important;
+ }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+ .visible-sm-inline-block {
+ display: inline-block !important;
+ }
+}
+
@media (min-width: 992px) and (max-width: 1199px) {
- .hidden-md {
- display: none !important;
- }
+ .visible-md {
+ display: block !important;
+ }
+
+ table.visible-md {
+ display: table;
+ }
+
+ tr.visible-md {
+ display: table-row !important;
+ }
+
+ th.visible-md,
+ td.visible-md {
+ display: table-cell !important;
+ }
}
+
+@media (min-width: 992px) and (max-width: 1199px) {
+ .visible-md-block {
+ display: block !important;
+ }
+}
+
+@media (min-width: 992px) and (max-width: 1199px) {
+ .visible-md-inline {
+ display: inline !important;
+ }
+}
+
+@media (min-width: 992px) and (max-width: 1199px) {
+ .visible-md-inline-block {
+ display: inline-block !important;
+ }
+}
+
@media (min-width: 1200px) {
- .hidden-lg {
- display: none !important;
- }
+ .visible-lg {
+ display: block !important;
+ }
+
+ table.visible-lg {
+ display: table;
+ }
+
+ tr.visible-lg {
+ display: table-row !important;
+ }
+
+ th.visible-lg,
+ td.visible-lg {
+ display: table-cell !important;
+ }
}
+
+@media (min-width: 1200px) {
+ .visible-lg-block {
+ display: block !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .visible-lg-inline {
+ display: inline !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .visible-lg-inline-block {
+ display: inline-block !important;
+ }
+}
+
+@media (max-width: 767px) {
+ .hidden-xs {
+ display: none !important;
+ }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+ .hidden-sm {
+ display: none !important;
+ }
+}
+
+@media (min-width: 992px) and (max-width: 1199px) {
+ .hidden-md {
+ display: none !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .hidden-lg {
+ display: none !important;
+ }
+}
+
.visible-print {
- display: none !important;
-}
-@media print {
- .visible-print {
- display: block !important;
- }
- table.visible-print {
- display: table;
- }
- tr.visible-print {
- display: table-row !important;
- }
- th.visible-print,
- td.visible-print {
- display: table-cell !important;
- }
-}
-.visible-print-block {
- display: none !important;
-}
-@media print {
- .visible-print-block {
- display: block !important;
- }
-}
-.visible-print-inline {
- display: none !important;
-}
-@media print {
- .visible-print-inline {
- display: inline !important;
- }
-}
-.visible-print-inline-block {
- display: none !important;
-}
-@media print {
- .visible-print-inline-block {
- display: inline-block !important;
- }
-}
-@media print {
- .hidden-print {
display: none !important;
- }
}
+
+@media print {
+ .visible-print {
+ display: block !important;
+ }
+
+ table.visible-print {
+ display: table;
+ }
+
+ tr.visible-print {
+ display: table-row !important;
+ }
+
+ th.visible-print,
+ td.visible-print {
+ display: table-cell !important;
+ }
+}
+
+.visible-print-block {
+ display: none !important;
+}
+
+@media print {
+ .visible-print-block {
+ display: block !important;
+ }
+}
+
+.visible-print-inline {
+ display: none !important;
+}
+
+@media print {
+ .visible-print-inline {
+ display: inline !important;
+ }
+}
+
+.visible-print-inline-block {
+ display: none !important;
+}
+
+@media print {
+ .visible-print-inline-block {
+ display: inline-block !important;
+ }
+}
+
+@media print {
+ .hidden-print {
+ display: none !important;
+ }
+}
+
/*!
* Pingendo customization for Bootstrap
* Homepage: http://pingendo.com
@@ -6571,208 +7989,288 @@ button.close {
/* TODO: webkit need this why ?*/
html,
body {
- height: 100%;
+ height: 100%;
}
+
/* text-inverse is deprecated */
.text-inverse {
- color: #ffffff;
+ color: #ffffff;
}
+
/* TODO: verify if we can touch only section */
.jumbotron {
- margin-bottom: 0px !important;
+ margin-bottom: 0px !important;
}
+
.jumbotron h1.text-primary {
- color: #337cbb !important;
+ color: #337cbb !important;
}
+
.jumbotron h1.text-inverse {
- color: #ffffff !important;
+ color: #ffffff !important;
}
+
.jumbotron h1.text-info {
- color: #5bc0de !important;
+ color: #5bc0de !important;
}
+
.jumbotron h1.text-success {
- color: #5cb85c !important;
+ color: #5cb85c !important;
}
+
.jumbotron h1.text-warning {
- color: #f0ad4e !important;
+ color: #f0ad4e !important;
}
+
.jumbotron h1.text-danger {
- color: #d9534f !important;
+ color: #d9534f !important;
}
+
.carousel .item img {
- min-width: 100%;
+ min-width: 100%;
}
+
.section {
- position: relative;
- padding: 35px 0;
+ position: relative;
+ padding: 35px 0;
}
+
.section .background-image {
- z-index: 0;
- position: absolute;
- top: 0px;
- width: 100%;
- height: 100%;
- background-size: cover;
- background-position: center;
+ z-index: 0;
+ position: absolute;
+ top: 0px;
+ width: 100%;
+ height: 100%;
+ background-size: cover;
+ background-position: center;
}
+
.section .background-image.background-image-fixed {
- background-attachment: fixed;
+ background-attachment: fixed;
}
+
.section-primary {
- background-color: #8bc4c9 !important;
- color: #ffffff;
+ background-color: #8bc4c9 !important;
+ color: #ffffff;
}
+
.section-primary .background-image {
- opacity: 0.5;
+ opacity: 0.5;
}
+
.section-info {
- background-color: #5bc0de !important;
- color: #ffffff;
+ background-color: #5bc0de !important;
+ color: #ffffff;
}
+
.section-info .background-image {
- opacity: 0.5;
+ opacity: 0.5;
}
+
.section-success {
- background-color: #5cb85c !important;
- color: #ffffff;
+ background-color: #5cb85c !important;
+ color: #ffffff;
}
+
.section-success .background-image {
- opacity: 0.5;
+ opacity: 0.5;
}
+
.section-warning {
- background-color: #f0ad4e !important;
- color: #ffffff;
+ background-color: #f0ad4e !important;
+ color: #ffffff;
}
+
.section-warning .background-image {
- opacity: 0.5;
+ opacity: 0.5;
}
+
.section-danger {
- background-color: #d9534f !important;
- color: #ffffff;
+ background-color: #d9534f !important;
+ color: #ffffff;
}
+
.section-danger .background-image {
- opacity: 0.5;
+ opacity: 0.5;
}
+
.cover {
- padding: 30px 15px;
- margin-bottom: 30px;
- color: inherit;
- background-color: #eeeeee;
- margin-bottom: 0px !important;
- padding: 0px 0px;
- background-color: transparent;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-align-items: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- min-height: 100%;
+ padding: 30px 15px;
+ margin-bottom: 30px;
+ color: inherit;
+ background-color: #eeeeee;
+ margin-bottom: 0px !important;
+ padding: 0px 0px;
+ background-color: transparent;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ overflow: hidden;
+ position: relative;
+ min-height: 100%;
}
+
.cover h1,
.cover .h1 {
- color: inherit;
+ color: inherit;
}
+
.cover p {
- margin-bottom: 15px;
- font-size: 21px;
- font-weight: 200;
+ margin-bottom: 15px;
+ font-size: 21px;
+ font-weight: 200;
}
+
.cover > hr {
- border-top-color: #d5d5d5;
+ border-top-color: #d5d5d5;
}
+
.container .cover,
.container-fluid .cover {
- border-radius: 5px;
+ border-radius: 5px;
}
+
.cover .container {
- max-width: 100%;
+ max-width: 100%;
}
+
@media screen and (min-width: 768px) {
- .cover {
- padding: 48px 0;
- }
- .container .cover,
- .container-fluid .cover {
- padding-left: 60px;
- padding-right: 60px;
- }
- .cover h1,
- .cover .h1 {
- font-size: 63px;
- }
+ .cover {
+ padding: 48px 0;
+ }
+
+ .container .cover,
+ .container-fluid .cover {
+ padding-left: 60px;
+ padding-right: 60px;
+ }
+
+ .cover h1,
+ .cover .h1 {
+ font-size: 63px;
+ }
}
+
.cover h1.text-primary {
- color: #337cbb !important;
+ color: #337cbb !important;
}
+
.cover h1.text-inverse {
- color: #ffffff !important;
+ color: #ffffff !important;
}
+
.cover h1.text-info {
- color: #5bc0de !important;
+ color: #5bc0de !important;
}
+
.cover h1.text-success {
- color: #5cb85c !important;
+ color: #5cb85c !important;
}
+
.cover h1.text-warning {
- color: #f0ad4e !important;
+ color: #f0ad4e !important;
}
+
.cover h1.text-danger {
- color: #d9534f !important;
+ color: #d9534f !important;
}
+
@media screen and (min-width: 768px) {
- .cover {
- padding: 0px;
- }
- .container .cover,
- .container-fluid .cover {
- padding-left: 0px;
- padding-right: 0px;
- }
+ .cover {
+ padding: 0px;
+ }
+
+ .container .cover,
+ .container-fluid .cover {
+ padding-left: 0px;
+ padding-right: 0px;
+ }
}
+
.cover .navbar {
- position: absolute;
- top: 0px;
- width: 100%;
- border: none;
- background-color: transparent !important;
+ position: absolute;
+ top: 0px;
+ width: 100%;
+ border: none;
+ background-color: transparent !important;
}
+
.cover .navbar .navbar-nav li.active a {
- background-color: transparent !important;
+ background-color: transparent !important;
}
+
.cover .navbar .navbar-toggle {
- border-color: transparent;
+ border-color: transparent;
}
+
.cover .navbar .navbar-toggle:hover,
.cover .navbar .navbar-toggle:focus {
- background-color: transparent;
+ background-color: transparent;
}
+
.cover .navbar .navbar-toggle .icon-bar {
- background-color: #000000;
+ background-color: #000000;
}
+
.cover .navbar.navbar-inverse .navbar-toggle {
- border-color: transparent;
+ border-color: transparent;
}
+
.cover .navbar.navbar-inverse .navbar-toggle:hover,
.cover .navbar.navbar-inverse .navbar-toggle:focus {
- background-color: transparent;
+ background-color: transparent;
}
+
.cover .navbar.navbar-inverse .navbar-toggle .icon-bar {
- background-color: #ffffff;
+ background-color: #ffffff;
}
+
.cover .cover-image {
- z-index: -1;
- position: absolute;
- top: 0px;
- width: 100%;
- height: 100%;
- background-size: cover;
- background-position: center;
+ z-index: -1;
+ position: absolute;
+ top: 0px;
+ width: 100%;
+ height: 100%;
+ background-size: cover;
+ background-position: center;
}
+
.cover .cover-image.background-image-fixed,
.cover .cover-image.cover-image-fixed {
- background-attachment: fixed;
+ background-attachment: fixed;
+}
+
+.user {
+ padding-bottom: 4%;
+ padding-right: 2%;
+ background-position: 6px 7px;
+ background-repeat: no-repeat;
+ background-color: white;
+ padding: 5px 8px 4px 8px;
+ -webkit-border-radius: 0px 0px 8px 8px;
+ -moz-border-radius: 0px 0px 8px 8px;
+ border-radius: 1px 1px 1px 1px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ float: left;
+ margin-left: 8px;
+ background-color: #333;
+ padding: 4px 4px 0px 4px;
+ -webkit-border-radius: 0px 0px 10px 10px;
+ -moz-border-radius: 0px 0px 10px 10px;
+ border-radius: 0px 0px 10px 10px;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #794646;
+ background-color: #fff;
+}
+.u_P{
+ padding-right: 2%;
+ padding-bottom:0.5%;
+ margin-right: 1%;
}
/* PINGENDO COMMENT DO NOT REMOVE */
diff --git a/membership/static/stylesheet.css b/membership/static/stylesheet.css
new file mode 100644
index 00000000..9381fff6
--- /dev/null
+++ b/membership/static/stylesheet.css
@@ -0,0 +1,168 @@
+@charset "utf-8";
+/* CSS Document */
+
+/* ---------- FONTAWESOME ---------- */
+/* ---------- http://fortawesome.github.com/Font-Awesome/ ---------- */
+/* ---------- http://weloveiconfonts.com/ ---------- */
+
+@import url(http://weloveiconfonts.com/api/?family=fontawesome);
+
+*[class*="fontawesome-"]:before {
+ font-family: 'FontAwesome', sans-serif;
+}
+
+/* ---------- GENERAL ---------- */
+
+/*body {*/
+ /*background: #f9f9f9;*/
+ /*color: #0e171c;*/
+ /*font: 300 100%/1em 'Lato', sans-serif;*/
+ /*margin: 0;*/
+/*}*/
+/**/
+/*a {*/
+ /*text-decoration: none;*/
+/*}*/
+
+/*Month size*/
+#monthtitle {
+ font-size: 1.2em;
+ line-height: 1.25em;
+ margin: .25em 0;
+ font-weight: 600;
+}
+
+h3 {
+ font-size: 1.5em;
+ line-height: 1em;
+ margin: .33em 0;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ margin:auto;
+
+}
+
+/*.container {*/
+ /*height: 358px;*/
+ /*left: 50%;*/
+ /*margin: -255px 0 0 -245px;*/
+ /*position: absolute;*/
+ /*top: 50%;*/
+ /*width: 340px;*/
+/*}*/
+
+/* ---------- CALENDAR ---------- */
+
+.calendar {
+ text-align: center;
+}
+
+.calendar header {
+ position: relative;
+}
+
+.calendar #monthtitle {
+ text-transform: uppercase;
+ color: #1A6687;
+}
+
+#datesbooked{
+ color:#1a6687;
+ padding-top: 2px;
+}
+/*Title*/
+.calendar thead {
+ font-weight: 500;
+ /*text-transform: uppercase;*/
+ color: #8BC4C9;
+ /*margin-bottom:1px;*/
+
+}
+
+/*Body text*/
+.calendar tbody {
+ color: #7c8a95;
+}
+
+/*select date*/
+.calendar tbody td:hover {
+ background: #8BC4C9;
+ color: #f9f9f9;
+ /*border: .1px solid #8BC4C9;*/
+
+ /*border-radius: 50%;*/
+}
+.selected{
+ background: #6b9699;
+ color: #f9f9f9;
+}
+.calendar thead>tr>td{
+ border-top:hidden;
+ border-left:hidden;
+ border-right: hidden;
+}
+
+.calendar td {
+ border: .1px solid #cbd1d2;
+ /*border-radius: 50%;*/
+ display: inline-block;
+ height: 2.5em;
+ line-height: 2.5em;
+ text-align: center;
+ width: 2.5em;
+
+}
+
+.calendar .prev-month,
+.calendar .next-month {
+ /*border: .1px solid #cbd1d2;*/
+ color: #cbd1d2;
+
+}
+
+.calendar .prev-month:hover,
+.calendar .next-month:hover {
+ border: .5px solid #cbd1d2;
+ background: #cbd1d2;
+ color: #f9f9f9;
+}
+
+/*Today*/
+.current-day {
+ color: #8BC4C9;
+ /*background-color: #8BC4C9;*/
+}
+
+
+/*Next,Prev month*/
+.btn-prev,
+.btn-next {
+ border: 1px solid transparent;
+ color: #8BC4C9;
+ font-size: 1.5em;
+ padding: 1em;
+ /*height: .7em;*/
+ /*line-height: .3em;*/
+ /*margin: auto;*/
+ /*position: absolute;*/
+ /*top: .1em;*/
+ /*width: 25em;*/
+}
+
+
+.btn-prev:hover,
+.btn-next:hover {
+ background: none;
+ color: #1A6687;
+}
+
+.btn-prev {
+ left: 6em;
+}
+
+.btn-next {
+ right: 6em;
+}
\ No newline at end of file
diff --git a/membership/templates/calendar/calendar.html b/membership/templates/calendar/calendar.html
new file mode 100644
index 00000000..24562483
--- /dev/null
+++ b/membership/templates/calendar/calendar.html
@@ -0,0 +1,112 @@
+<script type="text/javascript">
+ var date = new Date();
+ var month = date.getMonth() + 1;
+ var year = date.getFullYear();
+ var selected_dates = [];
+ var monthly_selected_dates = [];
+
+ $("#myModal").ready(function () {
+ $.get('/digitalglarus/calendar_api/' + month + '/' + year, function (data) {
+ $(".calendar").html(data.calendar)
+ calendar_refresh();
+ //calendar fields
+ $(".calendar").on('click', 'td', function () {
+ if (this.className != 'prev-month' && this.className != 'next-month') {
+ if ($(this).className == 'selected') {
+ date_text = this.textContent + "," +//day
+ (date.getMonth() + 1).toString() + "," +
+ date.getFullYear().toString();
+ monthly_selected_dates.splice(monthly_selected_dates.indexOf(date_text), 1);
+ }
+ $(this).toggleClass('selected');
+ }
+ updateSelectedDates();
+ })
+ });
+ })
+
+</script>
+<div class="container">
+ <div class="calendar">
+ </div>
+ <!-- end calendar -->
+</div> <!-- end container -->
+<script type="text/javascript">
+ function updateSelectedDates() {
+ monthly_selected_dates = [];
+ $("tr>td.selected").each(function () {
+ date_text = this.textContent + "," +//day
+ (date.getMonth() + 1).toString() + "," +
+ date.getFullYear().toString();
+ if (monthly_selected_dates.indexOf(date_text) == -1)
+ monthly_selected_dates.push(date_text);
+ });
+ console.log("monthly:");
+ console.log(monthly_selected_dates);
+ console.log("all:")
+ console.log(selected_dates);
+ }
+ languageCode = $('body').attr('lang')
+ function updateCurrentSelectedDates() {
+ $("tbody>tr>td[class='']").each(function (i, el) {
+ date_text = this.textContent + "," +//day
+ (date.getMonth() + 1).toString() + "," +
+ date.getFullYear().toString();
+ if (selected_dates.indexOf(date_text) != -1) {
+ $(this).addClass('selected');
+ }
+ });
+ }
+ function insertUnique() {
+ selected_dates.push.apply(selected_dates, monthly_selected_dates);
+ unique = []
+ $.each(selected_dates, function (i, el) {
+ if ($.inArray(el, unique) === -1) unique.push(el);
+ });
+ selected_dates = unique;
+ }
+
+ function calendar_refresh() {
+ $("#myModal")
+ .on('click', 'a.btn-prev,a.btn-next', function () {
+ if (/btn-prev/i.test(this.className)) {
+ date.setMonth(date.getMonth() - 1);
+ } else {
+ date.setMonth(date.getMonth() + 1)
+ }
+ insertUnique();
+
+ $.get('/' + languageCode + '/digitalglarus/calendar_api/' + (date.getMonth() + 1) + '/' + date.getFullYear(),
+ function (data) {
+ $(".calendar").html(data.calendar);
+ updateCurrentSelectedDates();
+ });
+ })
+ .on('click', '#bookdate', function () {
+
+ insertUnique();
+ if (selected_dates.length) {
+ $.ajaxSetup({
+ beforeSend: function (xhr, settings) {
+ if (!this.crossDomain) {
+ xhr.setRequestHeader("X-CSRFToken", '{{ csrf_token }}');
+ }
+ }
+ });
+ postData = {data: JSON.stringify(selected_dates)}
+ console.log(postData)
+ $.post('/' + languageCode + '/digitalglarus/calendar_api/', postData, function (data) {
+ if (data.status == 'success') {
+ $('#datesbooked').html("Dates booked!");
+ setTimeout(function () {
+ $('#close').click();
+ location.reload();
+ }, 800)
+ }
+ })
+ } else {
+ $('#datesbooked').html("Please select date.");
+ }
+ });
+ }
+</script>
diff --git a/membership/templates/error.html b/membership/templates/error.html
index 7e7ce023..c697ef87 100644
--- a/membership/templates/error.html
+++ b/membership/templates/error.html
@@ -36,7 +36,7 @@
</div>
<div class="row">
<div class="col-md-12 text-center">
- <a class="btn btn-primary" href="{% url 'login' %}">Back</a>
+ <a class="btn btn-primary" href="{% url 'login_glarus' %}">Back</a>
</div>
</div>
<a hrefhelp@digitalglarus.ch<="" p="">
diff --git a/membership/templates/login.html b/membership/templates/login.html
index fc795325..d199f601 100644
--- a/membership/templates/login.html
+++ b/membership/templates/login.html
@@ -20,15 +20,15 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
- <a class="navbar-brand" href="#"><span>Brand</span></a>
+ <a class="navbar-brand" href="#"><span>Digital Glarus</span></a>
</div>
<div class="collapse navbar-collapse" id="navbar-ex-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active">
- <a href="#">Home</a>
+ <a href="{% url 'digitalglarus:index' %}">Home</a>
</li>
<li>
- <a href="#">Contacts</a>
+ <a href="{% url 'digitalglarus:contact' %}">Contacts</a>
</li>
</ul>
</div>
diff --git a/membership/templates/membership.html b/membership/templates/membership.html
index a0c5468c..335bc847 100644
--- a/membership/templates/membership.html
+++ b/membership/templates/membership.html
@@ -1,196 +1,252 @@
-<html><head>
+<html>
+<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
- <script type="text/javascript" src="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
- <link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+ <script type="text/javascript"
+ src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
+ <script type="text/javascript"
+ src="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
+ <link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css"
+ rel="stylesheet" type="text/css">
{% load static %}
<link href="{% get_static_prefix %}membership.css" rel="stylesheet" type="text/css">
- </head><body>
- <div class="cover">
- <div class="navbar">
+ <link href="{% get_static_prefix %}stylesheet.css" rel="stylesheet" type="text/css">
+
+</head>
+<body lang="{{ language_code }}">
+<div class="cover">
+ <div class="navbar">
+ <div class="pull-right u_P user">
+ {% if request.user.is_authenticated %}
+ <div class="user"><i class="fa fa-2x fa-user"
+ aria-hidden="true"></i>{{ request.user.name }} (<a href="{% url 'logout_glarus' %}">Logout</a>)</div>
+ {% else %}
+ <a href="{% url 'login_glarus' %}"> Login </a>
+ {% endif %}
+ </div>
<div class="container">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-ex-collapse">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <a class="navbar-brand" href="#"><span>Digital Glarus</span></a>
- </div>
- <div class="collapse navbar-collapse" id="navbar-ex-collapse">
- <ul class="nav navbar-nav navbar-right">
- <li class="active">
- <a href="#">Home</a>
- </li>
- <li>
- <a href="#">Contacts</a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- {% load static %}
-
- <div class="cover-image" style="background-image : url('{% get_static_prefix %}photo-1418479631014-8cbf89db3431 2.jpg')"></div>
- <div class="container">
- <div class="row">
- <div class="col-md-12 text-center">
- <h2 class="text-inverse">When do you want to cowork?</h2>
- <p class="text-inverse">Pick a date!</p>
- <a class="btn btn-lg btn-primary">Calender</a>
- </div>
- </div>
- </div>
- </div>
- <div class="section">
- <div class="container">
- <div class="row">
- <div class="col-md-12">
- <h2 class="text-center">Become a member!</h2>
- </div>
- </div>
- <div class="row">
- <div class="col-md-12">
- <p class="text-center">Become our member of Digital Glarus! </p>
- </div>
- </div>
- </div>
- </div>
- <div class="section">
- <div class="container">
- <div class="row">
- <div class="col-md-6">
- <img src="https://ununsplash.imgix.net/photo-1423753623104-718aaace6772?w=1024&q=50&fm=jpg&s=1ffa61419561b5c796bca3158e7c704c" class="img-responsive">
- </div>
- <div class="col-md-6">
- <h2 class="text-muted">The Spontaneous</h2>
- <h3>35CHF/Month (1 day pass included)</h3>
- <p>Do you dream of having a place to be inspired in the middle of the Alps?
- With only 35CHF a month, you can enjoy the full benefit of a Digital Chalet
- Schwanden membership! You can enjoy high speed network connection and comfortable
- working desks where you can come up with best ideas for your project surrounded
- by friendly coworkers. And if your work gets too productive to leave, you
- can crash on our guest bed for the night, the house has everything a coworker
- needs from an equipped kitchen to a shower. The Spontaneous includes 1
- day pass included, it is perfect for you if you are planning a retreat
- month of a coworking in the nature, or coming for a limited period to Switzerland
- for coworking. It is a perfect try-out package!
- <br>
- </p>
- <a class="btn btn-primary" href="/login/buy/month/">Buy Now</a>
- </div>
- </div>
- </div>
- </div>
- <div class="section">
- <div class="container">
- <div class="row">
- <div class="col-md-6">
- <h2 class="text-muted">The Committed</h2>
- <h3>360CHF/Year (2 free day per month included)</h3>
- <p>Be a regular coworker in our Digital Chalet Schwanden! With only 360CHF,
- you can enjoy the full coworking space for the whole year, with additional
- 2 free day passes for each month. It is an ideal deal for our busy and
- active coworkers who would like to save time(and nerve)for requesting new
- membership every month. Signifiantly discounted price is applied for yearly
- membership.
- <br>
- </p>
- <a class="btn btn-primary" href="/login/buy/year/">Buy Now</a>
- </div>
- <div class="col-md-6">
- <img src="https://unsplash.imgix.net/photo-1413834932717-29e7d4714192?w=1024&q=50&fm=jpg&s=d9d6cbc32dd4968d0c21e331436a6af6" class="img-responsive">
- </div>
- </div>
- </div>
- </div>
- <div class="section">
- <div class="container">
- <div class="row">
- <div class="col-md-12">
- <h2 class="text-center text-primary">A Quick Glance..</h2>
- <p class="text-center">A short guide for membership features.</p>
- </div>
- </div>
- <div class="row">
- <div class="col-md-12">
- <table class="table">
- <thead>
- <tr>
- <th></th>
- <th>The Spontaneous</th>
- <th>The Committed</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Includes</td>
- <td>1 work day included</td>
- <td>2 free work days per month</td>
- </tr>
- <tr>
- <td>Fits for</td>
- <td>Great for trial, see how it goes</td>
- <td>Perfect for coworking with great price</td>
- </tr>
- <tr>
- <td>Price</td>
- <td>Decicde every month</td>
- <td>Pay once per year</td>
- </tr>
- <tr>
- <td>Membership price</td>
- <td>35CHF/Month</td>
- <td>360CHF/Year</td>
- </tr>
- <tr>
- <td>Price per additional day</td>
- <td>20 CHF</td>
- <td>15 CHF</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- <footer class="section section-primary">
- <div class="container">
- <div class="row">
- <div class="col-sm-6">
- <h1>Digital Glarus</h1>
- <p>In der Au 7 8762 Schwanden
- <br>Copyright © ungleich GmbH 2016</p>
- </div>
- <div class="col-sm-6">
- <p class="text-info text-right">
- <br>
- <br>
- </p>
- <div class="row">
- <div class="col-md-12 hidden-lg hidden-md hidden-sm text-left">
- <a href="#"><i class="fa fa-3x fa-fw fa-instagram text-inverse"></i></a>
- <a href="#"><i class="fa fa-3x fa-fw fa-twitter text-inverse"></i></a>
- <a href="#"><i class="fa fa-3x fa-fw fa-facebook text-inverse"></i></a>
- <a href="#"><i class="fa fa-3x fa-fw fa-github text-inverse"></i></a>
- </div>
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse"
+ data-target="#navbar-ex-collapse">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class="navbar-brand" href="#"><span>Digital Glarus</span></a>
</div>
- <div class="row">
- <div class="col-md-12 hidden-xs text-right">
- <a href="https://twitter.com/DigitalGlarus"><i class="fa fa-twitter"></i></a>
- <i class="fa fa-3x fa-fw fa-instagram text-inverse"></i>
- <a href="#"><i class="fa fa-3x fa-fw fa-twitter text-inverse"></i></a>
- <a href="#"><i class="fa fa-3x fa-fw fa-facebook text-inverse"></i></a>
- <a href="https://github.com/ungleich"><i class="fa fa-github"></i></a>
- <i class="fa fa-3x fa-fw fa-github text-inverse"></i>
- </div>
- </div>
- </div>
- </div>
- </div>
- </footer>
-
+ <div class="collapse navbar-collapse" id="navbar-ex-collapse">
+ <ul class="nav navbar-nav navbar-right">
+ <li class="active">
+ <a href="{% url 'digitalglarus:index' %}">Home</a>
+ </li>
+ <li>
+ <a href="{% url 'digitalglarus:contact' %}">Contacts</a>
+ </li>
-</body></html>
\ No newline at end of file
+ <li>
+
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ {% load static %}
+
+ <div class="cover-image"
+ style="background-image : url('{% get_static_prefix %}photo-1418479631014-8cbf89db3431 2.jpg')"></div>
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12 text-center">
+ <h2 class="text-inverse">When do you want to cowork?</h2>
+
+ <p class="text-inverse">Pick a date!</p>
+ <button class="btn btn-lg btn-primary" data-toggle="modal" data-target="#myModal">Calender
+ </button>
+ <!-- Modal -->
+ <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
+ aria-labelledby="myModalLabel">
+ <div class="modal-dialog" role="document">
+ <div class="modal-content">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+ <span aria-hidden="true">×</span></button>
+ <h4 class="modal-title" id="myModalLabel">Pick coworking date.</h4>
+ </div>
+ <div class="modal-body">
+ {% include 'calendar/calendar.html' %}
+ </div>
+ <div class="modal-footer">
+ <button type="button" id="close" class="btn btn-default"
+ data-dismiss="modal">Close
+ </button>
+ <button type="button" id='bookdate' class="btn btn-primary">Book date
+ </button>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+<div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h2 class="text-center">Become a member!</h2>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <p class="text-center">Become our member of Digital Glarus! </p>
+ </div>
+ </div>
+ </div>
+</div>
+<div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-6">
+ <img src="https://ununsplash.imgix.net/photo-1423753623104-718aaace6772?w=1024&q=50&fm=jpg&s=1ffa61419561b5c796bca3158e7c704c"
+ class="img-responsive">
+ </div>
+ <div class="col-md-6">
+ <h2 class="text-muted">The Spontaneous</h2>
+
+ <h3>35CHF/Month (1 day pass included)</h3>
+
+ <p>Do you dream of having a place to be inspired in the middle of the Alps?
+ With only 35CHF a month, you can enjoy the full benefit of a Digital Chalet
+ Schwanden membership! You can enjoy high speed network connection and comfortable
+ working desks where you can come up with best ideas for your project surrounded
+ by friendly coworkers. And if your work gets too productive to leave, you
+ can crash on our guest bed for the night, the house has everything a coworker
+ needs from an equipped kitchen to a shower. The Spontaneous includes 1
+ day pass included, it is perfect for you if you are planning a retreat
+ month of a coworking in the nature, or coming for a limited period to Switzerland
+ for coworking. It is a perfect try-out package!
+ <br>
+ </p>
+ <a class="btn btn-primary" href="/login/buy/month/">Buy Now</a>
+ </div>
+ </div>
+ </div>
+</div>
+<div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-6">
+ <h2 class="text-muted">The Committed</h2>
+
+ <h3>360CHF/Year (2 free day per month included)</h3>
+
+ <p>Be a regular coworker in our Digital Chalet Schwanden! With only 360CHF,
+ you can enjoy the full coworking space for the whole year, with additional
+ 2 free day passes for each month. It is an ideal deal for our busy and
+ active coworkers who would like to save time(and nerve)for requesting new
+ membership every month. Signifiantly discounted price is applied for yearly
+ membership.
+ <br>
+ </p>
+ <a class="btn btn-primary" href="/login/buy/year/">Buy Now</a>
+ </div>
+ <div class="col-md-6">
+ <img src="https://unsplash.imgix.net/photo-1413834932717-29e7d4714192?w=1024&q=50&fm=jpg&s=d9d6cbc32dd4968d0c21e331436a6af6"
+ class="img-responsive">
+ </div>
+ </div>
+ </div>
+</div>
+<div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h2 class="text-center text-primary">A Quick Glance..</h2>
+
+ <p class="text-center">A short guide for membership features.</p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <table class="table">
+ <thead>
+ <tr>
+ <th></th>
+ <th>The Spontaneous</th>
+ <th>The Committed</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>Includes</td>
+ <td>1 work day included</td>
+ <td>2 free work days per month</td>
+ </tr>
+ <tr>
+ <td>Fits for</td>
+ <td>Great for trial, see how it goes</td>
+ <td>Perfect for coworking with great price</td>
+ </tr>
+ <tr>
+ <td>Price</td>
+ <td>Decicde every month</td>
+ <td>Pay once per year</td>
+ </tr>
+ <tr>
+ <td>Membership price</td>
+ <td>35CHF/Month</td>
+ <td>360CHF/Year</td>
+ </tr>
+ <tr>
+ <td>Price per additional day</td>
+ <td>20 CHF</td>
+ <td>15 CHF</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+</div>
+<footer class="section section-primary">
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-6">
+ <h1>Digital Glarus</h1>
+
+ <p>In der Au 7 8762 Schwanden
+ <br>Copyright © ungleich GmbH 2016</p>
+ </div>
+ <div class="col-sm-6">
+ <p class="text-info text-right">
+ <br>
+ <br>
+ </p>
+
+ <div class="row">
+ <div class="col-md-12 hidden-lg hidden-md hidden-sm text-left">
+ <a href="#"><i class="fa fa-3x fa-fw fa-instagram text-inverse"></i></a>
+ <a href="#"><i class="fa fa-3x fa-fw fa-twitter text-inverse"></i></a>
+ <a href="#"><i class="fa fa-3x fa-fw fa-facebook text-inverse"></i></a>
+ <a href="#"><i class="fa fa-3x fa-fw fa-github text-inverse"></i></a>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12 hidden-xs text-right">
+ <a href="https://twitter.com/DigitalGlarus"><i class="fa fa-twitter"></i></a>
+ <i class="fa fa-3x fa-fw fa-instagram text-inverse"></i>
+ <a href="#"><i class="fa fa-3x fa-fw fa-twitter text-inverse"></i></a>
+ <a href="#"><i class="fa fa-3x fa-fw fa-facebook text-inverse"></i></a>
+ <a href="https://github.com/ungleich"><i class="fa fa-github"></i></a>
+ <i class="fa fa-3x fa-fw fa-github text-inverse"></i>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</footer>
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/membership/templates/success.html b/membership/templates/success.html
index ed64b8ec..88cb2256 100644
--- a/membership/templates/success.html
+++ b/membership/templates/success.html
@@ -19,7 +19,7 @@
<br>Check your email to activate your account.</p>
<div class="row">
<div class="col-md-12 text-center">
- <a class="btn btn-primary" href="{% url 'login' %}">Back</a>
+ <a class="btn btn-primary" href="{% url 'login_glarus' %}">Back</a>
</div>
</div>
</div>
diff --git a/membership/urls.py b/membership/urls.py
index d1d1c474..65be6868 100644
--- a/membership/urls.py
+++ b/membership/urls.py
@@ -5,9 +5,10 @@ from django.contrib.auth.decorators import login_required
from . import views
urlpatterns = (
- url(r"^$", views.LoginRegistrationView.as_view(), name='login'),
+ url(r"^$", views.LoginRegistrationView.as_view(), name='login_glarus'),
url(r"^validate/(?P<validate_slug>.*)/$", views.validate_email),
url(r"^membership/$", login_required(views.MembershipView.as_view()), name='membership'),
+ url(r'logout/?$',views.logout_glarus,name='logout_glarus'),
url(r"^buy/(?P<time>\w+)/$", login_required(views.CreditCardView.as_view()), name='payment'),
url(r'^buy/(?P<time>\w+)/reset',login_required(views.reset),name='reset')
)
diff --git a/membership/views.py b/membership/views.py
index 5c73fab0..23f08ede 100644
--- a/membership/views.py
+++ b/membership/views.py
@@ -4,6 +4,10 @@ from django.contrib.auth import authenticate, login
from django.views.decorators.cache import cache_control
from django.conf import settings
from django.db.models import Q
+from django.utils.translation import get_language
+from django.contrib.auth import logout
+from django.http import HttpResponseRedirect
+from django.core.urlresolvers import reverse_lazy,reverse
from .models import CustomUser
from .forms import (LoginForm, RegisterForm, PaymentForm)
@@ -105,9 +109,14 @@ class LoginRegistrationView(View):
class MembershipView(View):
def get(self, request):
- #if the user has payed allready
+ #if the user has payed already
member_payed = request.user.creditcards_set.filter(Q(payment_type='month') | Q(payment_type='year'))
if member_payed:
return redirect('/')
request.session['next'] = 0
- return render(request, 'templates/membership.html')
+ language = get_language()
+ return render(request, 'templates/membership.html',context={'language_code':language})
+
+def logout_glarus(request):
+ logout(request)
+ return HttpResponseRedirect('/digitalglarus')
\ No newline at end of file