jekyll-octopod 0.6.7 → 0.7.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (32) hide show
  1. checksums.yaml +4 -4
  2. data/assets/_config.yml +3 -0
  3. data/assets/_includes/tweet_us.html +1 -1
  4. data/assets/_layouts/default.html +13 -10
  5. data/lib/jekyll-octopod.rb +7 -0
  6. data/{assets/_plugins → lib/jekyll}/flattr_filters.rb +0 -1
  7. data/{assets/_plugins → lib/jekyll}/octopod_filters.rb +21 -10
  8. data/{assets/_plugins/feed_generator.rb → lib/jekyll/paged_feed_page.rb} +1 -20
  9. data/{assets/_plugins/podcast_player_page_generator.rb → lib/jekyll/podcast_player_page.rb} +0 -13
  10. data/lib/jekyll/podcast_player_page_generator.rb +14 -0
  11. data/{assets/_plugins → lib/jekyll}/static_file.rb +0 -0
  12. data/{assets/_plugins/site.rb → lib/jekyll/update_config.rb} +4 -10
  13. data/lib/{jekyll/octopod → octopod}/version.rb +2 -2
  14. metadata +33 -29
  15. data/assets/css/bootflat.css +0 -2557
  16. data/assets/css/bootstrap.min.css +0 -5
  17. data/assets/css/custom_styles.css +0 -7
  18. data/assets/css/font-awesome.min.css +0 -4
  19. data/assets/fonts/FontAwesome.otf +0 -0
  20. data/assets/fonts/fontawesome-webfont.eot +0 -0
  21. data/assets/fonts/fontawesome-webfont.svg +0 -655
  22. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  23. data/assets/fonts/fontawesome-webfont.woff +0 -0
  24. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
  25. data/assets/img/glyphicons-halflings-white.png +0 -0
  26. data/assets/img/glyphicons-halflings.png +0 -0
  27. data/assets/js/bootstrap.min.js +0 -7
  28. data/assets/js/custom.js +0 -9
  29. data/assets/js/icheck.min.js +0 -11
  30. data/assets/js/jquery.fs.selecter.min.js +0 -9
  31. data/assets/js/jquery.fs.stepper.min.js +0 -9
  32. data/lib/octopod.rb +0 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: ace02392dc118d1db123075d93008ac8612750a5
4
- data.tar.gz: de790cd2d2894d6fdf35a4e3141c7c0d4b3aa3c0
3
+ metadata.gz: e48fe2325393cd4ccd1ecde0e79ed4d48a0a76dc
4
+ data.tar.gz: 2a6c094cb8fdaa5f73374ab0814942bb574f9aa2
5
5
  SHA512:
6
- metadata.gz: b949f7cc807fd21d1f40c022e79e4b536f894a2cd7c9a92c59eb8d877fbc4b99ab414cca3d1d8691dc63828d3e4c7f3b57aff11f8cb90c3d6ae03d5e9187048b
7
- data.tar.gz: 3a85aec90aa268e933428fe418aca935913fca57ed7327f1a56beb02466780d19c8cc3b1da48ebcd14fd79aae76092866771198199517a105571b493ecb7f324
6
+ metadata.gz: 6bb2edb8f9f6f3c3de5acf989f3261bf14b715590ad284c969a625e99bc26358cf9c298fa6589bb3f601b3a04c076229715554e5b77bfec45baa8c26e94254c5
7
+ data.tar.gz: fe6c5545cd99e29ac56078fcbeeb118544395a99d32e157d6d4c634102d9608f0aa1dd4b163ca12f166f08357676bbc72426c398640896ec21cd7cf1d8a12742
@@ -51,3 +51,6 @@ itunes_url: https://itunes.apple.com/at/podcast/myname/id#myid#
51
51
  bitlove_url: https://bitlove.org/myaccount
52
52
  fyyd_url: https://fyyd.de/podcast/myaccount/myid
53
53
  gpodder_url: https://gpodder.net/podcast/mypodcast
54
+
55
+ gems: [jekyll-octopod]
56
+ theme: jekyll-bootflat
@@ -1,3 +1,3 @@
1
1
  <a href="https://twitter.com/share"
2
2
  class="twitter-share-button"
3
- data-text="@AuaUffCode">Tweet an @AuaUffCode</a>
3
+ data-text="@{{ site.twitter_nick }}}">Tweet at @{{ site.twitter_nick }}</a>
@@ -12,20 +12,20 @@
12
12
  <link rel="alternate" type="application/atom+xml" href="{{ site.url }}/general_feed.xml" title="General Site Atom Feed (No Podcast Metadata!)" />
13
13
  {{ site | episode_feeds_html }}
14
14
 
15
- <link rel="stylesheet" type="text/css" href="{{ site.url }}/css/bootstrap.min.css">
16
- <link rel="stylesheet" type="text/css" href="{{ site.url }}/css/bootflat.css">
17
- <link rel="stylesheet" type="text/css" href="{{ site.url }}/css/custom_styles.css">
18
- <link rel="stylesheet" type="text/css" href="{{ site.url }}/css/font-awesome.min.css">
15
+ <link rel="stylesheet" type="text/css" href="{{ site.url }}/assets/css/bootstrap.min.css">
16
+ <link rel="stylesheet" type="text/css" href="{{ site.url }}/assets/css/bootflat.css">
17
+ <link rel="stylesheet" type="text/css" href="{{ site.url }}/assets/css/custom_styles.css">
18
+ <link rel="stylesheet" type="text/css" href="{{ site.url }}/assets/css/font-awesome.min.css">
19
19
 
20
20
  <script type='text/javascript' src="{{ site.url }}/podlove-web-player/js/vendor/html5shiv.min.js"></script>
21
21
  <script type='text/javascript' src="{{ site.url }}/podlove-web-player/js/vendor/jquery.min.js"></script>
22
22
  <script type='text/javascript' src="{{ site.url }}/podlove-web-player/js/vendor/progress-polyfill.min.js"></script>
23
23
  <script type='text/javascript' src="{{ site.url }}/podlove-web-player/js/podlove-web-moderator.js"></script>
24
- <script type='text/javascript' src="{{ site.url }}/js/bootstrap.min.js"></script>
25
- <script type='text/javascript' src="{{ site.url }}/js/icheck.min.js"></script>
26
- <script type='text/javascript' src="{{ site.url }}/js/jquery.fs.selecter.min.js"></script>
27
- <script type='text/javascript' src="{{ site.url }}/js/jquery.fs.stepper.min.js"></script>
28
- <script type='text/javascript' src="{{ site.url }}/js/custom.js"></script>
24
+ <script type='text/javascript' src="{{ site.url }}/assets/js/bootstrap.min.js"></script>
25
+ <script type='text/javascript' src="{{ site.url }}/assets/js/icheck.min.js"></script>
26
+ <script type='text/javascript' src="{{ site.url }}/assets/js/jquery.fs.selecter.min.js"></script>
27
+ <script type='text/javascript' src="{{ site.url }}/assets/js/jquery.fs.stepper.min.js"></script>
28
+ <script type='text/javascript' src="{{ site.url }}/assets/js/custom.js"></script>
29
29
 
30
30
  {% if site.flattr_uid %}{% include flattr_loader.html %}{% endif %}
31
31
  {% if site.disqus_shortname %}
@@ -76,7 +76,10 @@
76
76
  </div>
77
77
  </div>
78
78
  <div class="row" id="footer">
79
- <small class="pull-right">Powered by <a href="https://github.com/pattex/octopod">Octopod</a> and <a href="http://jekyllrb.com/">Jekyll</a>.</small>
79
+ <small class="pull-right">
80
+ Powered by <a href="https://jekyll-octopod.github.io/">jekyll-octopod</a>
81
+ and <a href="http://jekyllrb.com/">Jekyll</a>.
82
+ </small>
80
83
  </div>
81
84
  </div><!-- /.container -->
82
85
  </div><!-- /.container -->
@@ -0,0 +1,7 @@
1
+ require "jekyll/flattr_filters"
2
+ require "jekyll/octopod_filters"
3
+ require "jekyll/paged_feed_page"
4
+ require "jekyll/podcast_player_page"
5
+ require "jekyll/podcast_player_page_generator"
6
+ require "jekyll/update_config"
7
+ require "jekyll/static_file"
@@ -2,7 +2,6 @@ require 'erb'
2
2
 
3
3
  module Jekyll
4
4
  module FlattrFilters
5
-
6
5
  # Generates the query string part for the flattr load.js from the
7
6
  # configurations in _config.yml
8
7
  #
@@ -1,4 +1,3 @@
1
- #require 'erb'
2
1
  require 'uri'
3
2
  require 'digest/sha1'
4
3
 
@@ -30,8 +29,6 @@ module Jekyll
30
29
  end
31
30
 
32
31
  # Removes scripts tag and audio tags in multiline moderator
33
- #
34
- # {{ page.content | remove_script_and_audio }}
35
32
  def remove_script_and_audio(input)
36
33
  input.gsub(/<audio.*audio>/m, '').gsub(/<script.*script>/m, '')
37
34
  end
@@ -137,21 +134,21 @@ module Jekyll
137
134
  end
138
135
 
139
136
 
140
- # Returns the web player iframe for the episode of a given page.
137
+ # Returns the web player moderator tag for the episode of a given page.
141
138
  #
142
139
  # {{ page | web_player_moderator:site }}
143
140
  def web_player_moderator(page, site)
144
141
  return if page['audio'].nil?
145
142
  out = %Q{<div class="podlove-player-wrapper">}
146
- out = out + %Q{ <audio data-podlove-web-player-source="#{site['url']}/players/#{page['slug']}/index.html">\n}
147
- out = out + " <source src='#{site['url']}/episodes/#{page['audio']['mp3']}' type='audio/mp3'>\n"
143
+ out = out + %Q{ <audio data-podlove-web-player-source="/players/#{page['slug']}/index.html">\n}
144
+ out = out + " <source src='episodes/#{page['audio']['mp3']}' type='audio/mp3'>\n"
148
145
  out = out + " </audio>\n"
149
146
  out = out + "</div>\n"
150
147
  out = out + "<script>$('audio').podlovewebplayer();</script>\n"
151
148
  end
152
149
 
153
150
 
154
- # Returns the web player for the episode of a given page for the iframe mentioned in the filter above.
151
+ # Returns the web player for the episode of a given page.
155
152
  #
156
153
  # {{ page | web_player:site }}
157
154
  def web_player(page, site)
@@ -178,7 +175,7 @@ module Jekyll
178
175
  out = audio_tag(page, sitehash)
179
176
  end
180
177
 
181
- # Returns the script tag initializing the web player for the episode of a given page.
178
+ # Returns the web player for the episode of a given page.
182
179
  #
183
180
  # {{ page | web_player_script_tag:site }}
184
181
  def web_player_script_tag(page, site)
@@ -316,12 +313,26 @@ module Jekyll
316
313
  p.data['navigation'] && p.data['title']
317
314
  }.sort_by { |p| p.data['navigation'] }
318
315
 
319
- list = ['<ul class="nav navbar-nav">']
316
+ list = []
317
+ list << pages.map { |p|
318
+ active = (p.url == page['url']) || (page.has_key?('next') && File.join(p.dir, p.basename) == '/index')
319
+ navigation_list_item(File.join(site['url'], p.url), p.data['title'], active)
320
+ }
321
+ list.join("\n")
322
+ end
323
+
324
+ def talk_list(site, page)
325
+ pages = site['pages'].select { |p|
326
+ p.data['talk'] && p.data['title']
327
+ }.sort_by { |p| p.data['talk'] }
328
+
329
+ list = ['<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> Talks <span class="caret"></span>
330
+ </a><ul class="dropdown-menu">']
320
331
  list << pages.map { |p|
321
332
  active = (p.url == page['url']) || (page.has_key?('next') && File.join(p.dir, p.basename) == '/index')
322
333
  navigation_list_item(File.join(site['url'], p.url), p.data['title'], active)
323
334
  }
324
- list << ['</ul>']
335
+ list << ['</ul></li>']
325
336
 
326
337
  list.join("\n")
327
338
  end
@@ -19,23 +19,4 @@ module Jekyll
19
19
  self.data['page_number'] = page_number
20
20
  end
21
21
  end
22
-
23
- class PagedFeedPageGenerator < Generator
24
- safe true
25
-
26
- def generate(site)
27
- pages_total = (site.posts.docs.count.to_f / site.config["episodes_per_feed_page"]).ceil
28
-
29
- site.config["episode_feed_formats"].each do |page_format|
30
- name = "episodes." + page_format + ".rss"
31
- page = PagedFeedPage.new(site, site.source, ".", name, 1, pages_total, page_format)
32
- site.pages << page
33
- (1..pages_total).each do |page_number|
34
- name = "episodes" + page_number.to_s + "." + page_format + ".rss"
35
- page = PagedFeedPage.new(site, site.source, ".", name, page_number, pages_total, page_format)
36
- site.pages << page
37
- end
38
- end
39
- end
40
- end
41
- end
22
+ end
@@ -21,17 +21,4 @@ module Jekyll
21
21
  self.data['template'] = 'player_index'
22
22
  end
23
23
  end
24
-
25
- class PodcastPlayerPageGenerator < Generator
26
- safe true
27
-
28
- def generate(site)
29
- if site.layouts.key? 'player_index'
30
- dir = site.config['players_dir'] || 'players'
31
- site.posts.docs.each do |post|
32
- site.pages << PodcastPlayerPage.new(site, site.source, File.join(dir, post.data['slug']), post)
33
- end
34
- end
35
- end
36
- end
37
24
  end
@@ -0,0 +1,14 @@
1
+ module Jekyll
2
+ class PodcastPlayerPageGenerator < Generator
3
+ safe true
4
+
5
+ def generate(site)
6
+ if site.layouts.key? 'player_index'
7
+ dir = site.config['players_dir'] || 'players'
8
+ site.posts.docs.each do |post|
9
+ site.pages << PodcastPlayerPage.new(site, site.source, File.join(dir, post.data['slug']), post)
10
+ end
11
+ end
12
+ end
13
+ end
14
+ end
@@ -1,16 +1,10 @@
1
1
  module Jekyll
2
- class Site
3
-
4
- alias_method :_octopod_original_process, :process
5
-
6
- def process
2
+ module UpdateConfig
3
+ Jekyll::Hooks.register :site, :after_init do |site|
7
4
  feeds = Dir["episodes.{???,????}.rss"]
8
- config.update(
5
+ site.config.update(
9
6
  'episode_feed_formats' => feeds.map { |f| f.match(/episodes\.(\w{3,4})\.rss/)[1] }
10
7
  )
11
-
12
- _octopod_original_process
13
8
  end
14
-
15
9
  end
16
- end
10
+ end
@@ -2,8 +2,8 @@ module Jekyll
2
2
  class Octopod
3
3
  module VERSION #:nodoc:
4
4
  MAJOR = 0
5
- MINOR = 6
6
- TINY = 7
5
+ MINOR = 7
6
+ TINY = 0
7
7
 
8
8
  STRING = [MAJOR, MINOR, TINY].join('.')
9
9
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-octopod
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.6.7
4
+ version: 0.7.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Arne Eilermann
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2016-08-16 00:00:00.000000000 Z
12
+ date: 2016-12-07 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: jekyll
@@ -17,14 +17,34 @@ dependencies:
17
17
  requirements:
18
18
  - - "~>"
19
19
  - !ruby/object:Gem::Version
20
- version: '3.1'
20
+ version: '3.3'
21
+ - - ">="
22
+ - !ruby/object:Gem::Version
23
+ version: 3.3.1
24
+ type: :runtime
25
+ prerelease: false
26
+ version_requirements: !ruby/object:Gem::Requirement
27
+ requirements:
28
+ - - "~>"
29
+ - !ruby/object:Gem::Version
30
+ version: '3.3'
31
+ - - ">="
32
+ - !ruby/object:Gem::Version
33
+ version: 3.3.1
34
+ - !ruby/object:Gem::Dependency
35
+ name: jekyll-bootflat
36
+ requirement: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '0.1'
21
41
  type: :runtime
22
42
  prerelease: false
23
43
  version_requirements: !ruby/object:Gem::Requirement
24
44
  requirements:
25
45
  - - "~>"
26
46
  - !ruby/object:Gem::Version
27
- version: '3.1'
47
+ version: '0.1'
28
48
  - !ruby/object:Gem::Dependency
29
49
  name: rspec
30
50
  requirement: !ruby/object:Gem::Requirement
@@ -65,18 +85,8 @@ files:
65
85
  - assets/_layouts/page.html
66
86
  - assets/_layouts/player_index.html
67
87
  - assets/_layouts/post.html
68
- - assets/_plugins/feed_generator.rb
69
- - assets/_plugins/flattr_filters.rb
70
- - assets/_plugins/octopod_filters.rb
71
- - assets/_plugins/podcast_player_page_generator.rb
72
- - assets/_plugins/site.rb
73
- - assets/_plugins/static_file.rb
74
88
  - assets/_posts/2016-03-22-episode0.md
75
89
  - assets/apple-touch-icon-precomposed.png
76
- - assets/css/bootflat.css
77
- - assets/css/bootstrap.min.css
78
- - assets/css/custom_styles.css
79
- - assets/css/font-awesome.min.css
80
90
  - assets/episodes.m4a.rss
81
91
  - assets/episodes.mp3.rss
82
92
  - assets/episodes.ogg.rss
@@ -84,16 +94,8 @@ files:
84
94
  - assets/episodes/episode0.mp3
85
95
  - assets/episodes/episode0.ogg
86
96
  - assets/favicon.ico
87
- - assets/fonts/FontAwesome.otf
88
- - assets/fonts/fontawesome-webfont.eot
89
- - assets/fonts/fontawesome-webfont.svg
90
- - assets/fonts/fontawesome-webfont.ttf
91
- - assets/fonts/fontawesome-webfont.woff
92
- - assets/fonts/fontawesome-webfont.woff2
93
97
  - assets/general_feed.xml
94
98
  - assets/img/favicon.ico
95
- - assets/img/glyphicons-halflings-white.png
96
- - assets/img/glyphicons-halflings.png
97
99
  - assets/img/logo-360x360.png
98
100
  - assets/img/logo-itunes.jpg
99
101
  - assets/img/logo.jpg
@@ -126,11 +128,6 @@ files:
126
128
  - assets/img/logo/ms-icon-70x70.png
127
129
  - assets/index.html
128
130
  - assets/inprint.md
129
- - assets/js/bootstrap.min.js
130
- - assets/js/custom.js
131
- - assets/js/icheck.min.js
132
- - assets/js/jquery.fs.selecter.min.js
133
- - assets/js/jquery.fs.stepper.min.js
134
131
  - assets/podlove-web-player/bin/flashmediaelement.swf
135
132
  - assets/podlove-web-player/bin/silverlightmediaelement.xap
136
133
  - assets/podlove-web-player/css/pwp-blue-orange.css
@@ -183,8 +180,15 @@ files:
183
180
  - assets/podlove-web-player/js/vendor/tests.js
184
181
  - assets/podlove-web-player/js/vendor/user-interaction.js
185
182
  - bin/octopod
186
- - lib/jekyll/octopod/version.rb
187
- - lib/octopod.rb
183
+ - lib/jekyll-octopod.rb
184
+ - lib/jekyll/flattr_filters.rb
185
+ - lib/jekyll/octopod_filters.rb
186
+ - lib/jekyll/paged_feed_page.rb
187
+ - lib/jekyll/podcast_player_page.rb
188
+ - lib/jekyll/podcast_player_page_generator.rb
189
+ - lib/jekyll/static_file.rb
190
+ - lib/jekyll/update_config.rb
191
+ - lib/octopod/version.rb
188
192
  homepage: https://github.com/haslinger/jekyll-octopod
189
193
  licenses:
190
194
  - MIT
@@ -1,2557 +0,0 @@
1
- /*
2
- * bootflat 2.0.4
3
- * Description: BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.
4
- * Homepage: http://bootflat.github.com/
5
- * By @Flathemes <info@flathemes.com>
6
- * Last modify time: 2014-09-03
7
- * Licensed under the MIT license. Please see LICENSE for more information.
8
- * Copyright 2013 FLATHEMES.
9
- */
10
-
11
- /**
12
- * typography
13
- * --------------------------------------------------
14
- */
15
- body {
16
- font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
17
- color: #434a54;
18
- background-color: white;
19
- }
20
-
21
- a {
22
- color: #3bafda;
23
- text-decoration: none;
24
- }
25
- a:hover, a:focus {
26
- color: #4fc1e9;
27
- text-decoration: none;
28
- }
29
- a:focus {
30
- outline: none;
31
- }
32
-
33
- h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
34
- font-family: inherit;
35
- font-weight: 700;
36
- line-height: 1.1;
37
- color: inherit;
38
- }
39
-
40
- h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small,
41
- .h4 small, .h5 small, .h6 small {
42
- color: #97999c;
43
- }
44
-
45
- h1, h2, h3 {
46
- margin-top: 30px;
47
- margin-bottom: 15px;
48
- }
49
-
50
- h4, h5, h6 {
51
- margin-top: 15px;
52
- margin-bottom: 15px;
53
- }
54
-
55
- h6 {
56
- font-weight: normal;
57
- }
58
-
59
-
60
- blockquote {
61
- border-left: 3px solid #ccd1d9;
62
- }
63
-
64
- .img-rounded {
65
- border-radius: 4px;
66
-
67
- -webkit-border-radius: 4px;
68
- -moz-border-radius: 4px;
69
- }
70
-
71
- .img-comment {
72
- margin: 24px 0;
73
- font-size: 15px;
74
- font-style: italic;
75
- line-height: 1.2;
76
- }
77
-
78
- /**
79
- * button
80
- * --------------------------------------------------
81
- */
82
- .btn {
83
- color: white;
84
- }
85
- .btn, .btn.disabled, .btn[disabled] {
86
- background-color: #aab2bd;
87
- border-color: #aab2bd;
88
- }
89
- .btn:hover, .btn:focus, .btn:active, .btn.active {
90
- color: white;
91
- background-color: #ccd1d9;
92
- border-color: #ccd1d9;
93
- outline: none !important;
94
- }
95
- .btn:active, .btn.active {
96
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .125);
97
- -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .125);
98
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, .125);
99
- }
100
- .btn.disabled, .btn[disabled] {
101
- filter: alpha(opacity=45);
102
- opacity: .45;
103
- }
104
- .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .btn-link.disabled, .btn-link[disabled] {
105
- color: #3bafda;
106
- background-color: transparent;
107
- border-color: transparent;
108
- -webkit-box-shadow: none;
109
- -moz-box-shadow: none;
110
- box-shadow: none;
111
- }
112
- .btn-link:hover, .btn-link:focus {
113
- text-decoration: underline;
114
- }
115
- .btn-default {
116
- color: #434a54;
117
- border-color: #aab2bd !important;
118
- }
119
- .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
120
- background-color: #ccd1d9;
121
- border-color: #ccd1d9;
122
- }
123
- .btn-default, .btn-default.disabled, .btn-default[disabled] {
124
- background-color: white;
125
- }
126
- .open .dropdown-toggle.btn-default {
127
- background-color: #ccd1d9;
128
- border-color: #ccd1d9;
129
- }
130
- .btn-primary, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
131
- background-color: #3bafda;
132
- border-color: #3bafda;
133
- }
134
- .btn-primary:hover, .btn-primary:focus {
135
- background-color: #4fc1e9;
136
- border-color: #4fc1e9;
137
- }
138
- .open .dropdown-toggle.btn-primary {
139
- background-color: #4fc1e9;
140
- border-color: #4fc1e9;
141
- }
142
- .btn-info, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
143
- background-color: #37bc9b;
144
- border-color: #37bc9b;
145
- }
146
- .btn-info:hover, .btn-info:focus {
147
- background-color: #48cfad;
148
- border-color: #48cfad;
149
- }
150
- .open .dropdown-toggle.btn-info {
151
- background-color: #48cfad;
152
- border-color: #48cfad;
153
- }
154
- .btn-success, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
155
- background-color: #8cc152;
156
- border-color: #8cc152;
157
- }
158
- .btn-success:hover, .btn-success:focus {
159
- background-color: #a0d468;
160
- border-color: #a0d468;
161
- }
162
- .open .dropdown-toggle.btn-success {
163
- background-color: #a0d468;
164
- border-color: #a0d468;
165
- }
166
- .btn-warning, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
167
- background-color: #f6bb42;
168
- border-color: #f6bb42;
169
- }
170
- .btn-warning:hover, .btn-warning:focus {
171
- background-color: #ffce54;
172
- border-color: #ffce54;
173
- }
174
- .open .dropdown-toggle.btn-warning {
175
- background-color: #ffce54;
176
- border-color: #ffce54;
177
- }
178
- .btn-danger, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled],
179
- .btn-danger .open .dropdown-toggle.btn {
180
- background-color: #da4453;
181
- border-color: #da4453;
182
- }
183
- .btn-danger:hover, .btn-danger:focus {
184
- background-color: #ed5565;
185
- border-color: #ed5565;
186
- }
187
- .open .dropdown-toggle.btn-danger {
188
- background-color: #ed5565;
189
- border-color: #ed5565;
190
- }
191
-
192
- /**
193
- * button-group
194
- * --------------------------------------------------
195
- */
196
- .btn-group.open .dropdown-toggle {
197
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .125);
198
- -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .125);
199
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, .125);
200
- }
201
- .btn-group .btn {
202
- border-left-color: #96a0ad;
203
- }
204
- .btn-group.open .btn-default.dropdown-toggle, .btn-group .btn-default:focus, .btn-group .btn-default:active, .btn-group .btn-default.active {
205
- color: white;
206
- }
207
- .btn-group .btn-primary, .btn-group .btn-primary:focus, .btn-group .btn-primary:active, .btn-group .btn-primary.active {
208
- border-left-color: #269ecb;
209
- }
210
- .btn-group .btn-success, .btn-group .btn-success:focus, .btn-group .btn-success:active, .btn-group .btn-success.active {
211
- border-left-color: #7ab03f;
212
- }
213
- .btn-group .btn-warning, .btn-group .btn-warning:focus, .btn-group .btn-warning:active, .btn-group .btn-warning.active {
214
- border-left-color: #efa50b;
215
- }
216
- .btn-group .btn-danger, .btn-group .btn-danger:focus, .btn-group .btn-danger:active, .btn-group .btn-danger.active {
217
- border-left-color: #d1293a;
218
- }
219
- .btn-group .btn-info, .btn-group .btn-info:focus, .btn-group .btn-info:active, .btn-group .btn-info.active {
220
- border-left-color: #2fa084;
221
- }
222
- .btn-group .btn:first-child, .btn-group .btn-primary:first-child, .btn-group .btn-success:first-child, .btn-group .btn-warning:first-child, .btn-group .btn-danger:first-child, .btn-group .btn-info:first-child {
223
- border-left-color: transparent;
224
- }
225
-
226
- .btn-group-vertical .btn, .btn-group-vertical .btn-group .btn-primary {
227
- border-top-color: #96a0ad !important;
228
- }
229
- .btn-group-vertical .btn-primary, .btn-group-vertical .btn-primary:focus, .btn-group-vertical .btn-primary:active, .btn-group-vertical .btn-primary.active, .btn-group-vertical .btn-group .btn-primary {
230
- border-top-color: #269ecb !important;
231
- }
232
- .btn-group-vertical .btn-success, .btn-group-vertical .btn-success:focus, .btn-group-vertical .btn-success:active, .btn-group-vertical .btn-success.active, .btn-group-vertical .btn-group .btn-success {
233
- border-top-color: #7ab03f !important;
234
- }
235
- .btn-group-vertical .btn-warning, .btn-group-vertical .btn-warning:focus, .btn-group-vertical .btn-warning:active, .btn-group-vertical .btn-warning.active, .btn-group-vertical .btn-group .btn-warning {
236
- border-top-color: #efa50b !important;
237
- }
238
- .btn-group-vertical .btn-danger, .btn-group-vertical .btn-danger:focus, .btn-group-vertical .btn-danger:active, .btn-group-vertical .btn-danger.active, .btn-group-vertical .btn-group .btn-danger {
239
- border-top-color: #d1293a !important;
240
- }
241
- .btn-group-vertical .btn-info, .btn-group-vertical .btn-info:focus, .btn-group-vertical .btn-info:active, .btn-group-vertical .btn-info.active, .btn-group-vertical .btn-group .btn-info {
242
- border-top-color: #2fa084 !important;
243
- }
244
- .btn-group-vertical .btn:not(.btn-default):first-child, .btn-group-vertical .btn-primary:first-child, .btn-group-vertical .btn-success:first-child, .btn-group-vertical .btn-warning:first-child, .btn-group-vertical .btn-danger:first-child, .btn-group-vertical .btn-info:first-child {
245
- border-top: none;
246
- }
247
-
248
- /**
249
- * labels and badges
250
- * --------------------------------------------------
251
- */
252
- .label,
253
- .badge {
254
- background-color: #aab2bd;
255
- }
256
-
257
- .label-default,
258
- .badge-default {
259
- color: #434a54;
260
- background-color: white;
261
- border: 1px solid #aab2bd;
262
- }
263
-
264
- .label-primary,
265
- .badge-primary {
266
- background-color: #3bafda;
267
- border-color: #3bafda;
268
- }
269
-
270
- .label-success,
271
- .badge-success {
272
- background-color: #8cc152;
273
- border-color: #8cc152;
274
- }
275
-
276
- .label-danger,
277
- .badge-danger {
278
- background-color: #da4453;
279
- border-color: #da4453;
280
- }
281
-
282
- .label-warning,
283
- .badge-warning {
284
- background-color: #f6bb42;
285
- border-color: #f6bb42;
286
- }
287
-
288
- .label-info,
289
- .badge-info {
290
- background-color: #37bc9b;
291
- border-color: #37bc9b;
292
- }
293
-
294
- /**
295
- * tooltip
296
- * --------------------------------------------------
297
- */
298
- .tooltip-inner {
299
- color: white;
300
- background-color: #434a54;
301
- }
302
- .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
303
- border-top-color: #434a54;
304
- }
305
- .tooltip.right .tooltip-arrow {
306
- border-right-color: #434a54;
307
- }
308
- .tooltip.left .tooltip-arrow {
309
- border-left-color: #434a54;
310
- }
311
- .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
312
- border-bottom-color: #434a54;
313
- }
314
-
315
- /**
316
- * popover
317
- * --------------------------------------------------
318
- */
319
- .popover {
320
- color: white;
321
- background-color: #434a54;
322
- border-color: #434a54;
323
- }
324
- .popover-title {
325
- padding-bottom: 0;
326
- font-weight: bold;
327
- color: #aab2bd;
328
- background-color: transparent;
329
- border-bottom: none;
330
- }
331
- .popover.top .arrow, .popover.top .arrow:after {
332
- border-top-color: #434a54;
333
- }
334
- .popover.right .arrow, .popover.right .arrow:after {
335
- border-right-color: #434a54;
336
- }
337
- .popover.bottom .arrow, .popover.bottom .arrow:after {
338
- border-bottom-color: #434a54;
339
- }
340
- .popover.left .arrow, .popover.left .arrow:after {
341
- border-left-color: #434a54;
342
- }
343
-
344
- /**
345
- * progress
346
- * --------------------------------------------------
347
- */
348
- .progress {
349
- background-color: #e6e9ed;
350
- -webkit-box-shadow: none;
351
- -moz-box-shadow: none;
352
- box-shadow: none;
353
- }
354
- .progress-bar {
355
- background-color: #3bafda;
356
- -webkit-box-shadow: none;
357
- -moz-box-shadow: none;
358
- box-shadow: none;
359
- }
360
- .progress-bar-success {
361
- background-color: #8cc152;
362
- }
363
- .progress-bar-info {
364
- background-color: #37bc9b;
365
- }
366
- .progress-bar-warning {
367
- background-color: #f6bb42;
368
- }
369
- .progress-bar-danger {
370
- background-color: #da4453;
371
- }
372
-
373
- /**
374
- * breadcrumb
375
- * --------------------------------------------------
376
- */
377
- .breadcrumb {
378
- color: #434a54;
379
- background-color: #e6e9ed;
380
- }
381
- .breadcrumb > .active {
382
- color: #434a54;
383
- }
384
- .breadcrumb a {
385
- color: #3bafda;
386
- }
387
-
388
- .breadcrumb-arrow {
389
- height: 36px;
390
- padding: 0;
391
- line-height: 36px;
392
- list-style: none;
393
- background-color: #e6e9ed;
394
- }
395
- .breadcrumb-arrow li:first-child a {
396
- border-radius: 4px 0 0 4px;
397
-
398
- -webkit-border-radius: 4px 0 0 4px;
399
- -moz-border-radius: 4px 0 0 4px;
400
- }
401
- .breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
402
- display: inline-block;
403
- vertical-align: top;
404
- }
405
- .breadcrumb-arrow li:not(:first-child) {
406
- margin-left: -5px;
407
- }
408
- .breadcrumb-arrow li + li:before {
409
- padding: 0;
410
- content: "";
411
- }
412
- .breadcrumb-arrow li span {
413
- padding: 0 10px;
414
- }
415
- .breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
416
- height: 36px;
417
- padding: 0 10px 0 25px;
418
- line-height: 36px;
419
- }
420
- .breadcrumb-arrow li:first-child a {
421
- padding: 0 10px;
422
- }
423
- .breadcrumb-arrow li a {
424
- position: relative;
425
- color: white;
426
- text-decoration: none;
427
- background-color: #3bafda;
428
- border: 1px solid #3bafda;
429
- }
430
- .breadcrumb-arrow li:first-child a {
431
- padding-left: 10px;
432
- }
433
- .breadcrumb-arrow li a:before, .breadcrumb-arrow li a:after {
434
- position: absolute;
435
- top: -1px;
436
- width: 0;
437
- height: 0;
438
- content: '';
439
- border-top: 18px solid transparent;
440
- border-bottom: 18px solid transparent;
441
- }
442
- .breadcrumb-arrow li a:before {
443
- right: -10px;
444
- z-index: 3;
445
- border-left-color: #3bafda;
446
- border-left-style: solid;
447
- border-left-width: 11px;
448
- }
449
- .breadcrumb-arrow li a:after {
450
- right: -11px;
451
- z-index: 2;
452
- border-left: 11px solid #2494be;
453
- }
454
- .breadcrumb-arrow li a:hover, .breadcrumb-arrow li a:focus {
455
- background-color: #4fc1e9;
456
- border: 1px solid #4fc1e9;
457
- }
458
- .breadcrumb-arrow li a:hover:before, .breadcrumb-arrow li a:focus:before {
459
- border-left-color: #4fc1e9;
460
- }
461
- .breadcrumb-arrow li a:active {
462
- background-color: #2494be;
463
- border: 1px solid #2494be;
464
- }
465
- .breadcrumb-arrow li a:active:before, .breadcrumb-arrow li a:active:after {
466
- border-left-color: #2494be;
467
- }
468
- .breadcrumb-arrow li span {
469
- color: #434a54;
470
- }
471
-
472
- /**
473
- * pagination
474
- * --------------------------------------------------
475
- */
476
- .pagination > li > a, .pagination > li > span {
477
- color: #434a54;
478
- background-color: white;
479
- border-color: #ccd1d9;
480
- }
481
- .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
482
- color: white;
483
- background-color: #ccd1d9;
484
- border-color: #ccd1d9;
485
- }
486
- .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
487
- color: white;
488
- background-color: #8cc152;
489
- border-color: #8cc152;
490
- }
491
- .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
492
- color: #e6e9ed;
493
- background-color: white;
494
- border-color: #ccd1d9;
495
- }
496
-
497
- /**
498
- * pager
499
- * --------------------------------------------------
500
- */
501
- .pager li > a, .pager li > span {
502
- color: white;
503
- background-color: #8cc152;
504
- border-color: #8cc152;
505
- }
506
- .pager li > a:hover, .pager li > a:focus {
507
- background-color: #a0d468;
508
- border-color: #a0d468;
509
- }
510
- .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
511
- color: #e6e9ed;
512
- background-color: white;
513
- border-color: #e6e9ed;
514
- }
515
-
516
- /**
517
- * form
518
- * --------------------------------------------------
519
- */
520
- .form-control {
521
- color: #434a54;
522
- border-color: #aab2bd;
523
- }
524
- .form-control, .form-control:focus {
525
- -webkit-box-shadow: none;
526
- -moz-box-shadow: none;
527
- box-shadow: none;
528
- }
529
- .form-control:focus {
530
- border-color: #3bafda;
531
- }
532
- .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder {
533
- color: #e6e9ed;
534
- }
535
- .form-control.disabled, .form-control[disabled] {
536
- background-color: #e6e9ed;
537
- border-color: #e6e9ed;
538
- }
539
-
540
- .input-group-btn .btn + .btn {
541
- border-color: #96a0ad;
542
- border-style: solid;
543
- border-width: 1px;
544
- }
545
- .input-group-btn .btn + .btn.btn-default {
546
- border-color: #ededed;
547
- }
548
- .input-group-btn .btn + .btn.btn-primary {
549
- border-color: #269ecb;
550
- }
551
- .input-group-btn .btn + .btn.btn-info {
552
- border-color: #2fa084;
553
- }
554
- .input-group-btn .btn + .btn.btn-success {
555
- border-color: #7ab03f;
556
- }
557
- .input-group-btn .btn + .btn.btn-warning {
558
- border-color: #f4af20;
559
- }
560
- .input-group-btn .btn + .btn.btn-danger {
561
- border-color: #d1293a;
562
- }
563
-
564
- .input-group-addon {
565
- color: white;
566
- background-color: #aab2bd;
567
- border-color: #96a0ad;
568
- }
569
- .input-group-addon .radio, .input-group-addon .checkbox {
570
- margin: -3px 0 -4px !important;
571
- }
572
-
573
- .form-search .search-query, .form-search .search-query:first-child, .form-search .search-query:last-child {
574
- padding: 0 17px;
575
- border-radius: 17px;
576
-
577
- -webkit-border-radius: 17px;
578
- -moz-border-radius: 17px;
579
- }
580
- .input-group .form-control:last-child {
581
- border-top-left-radius: 0;
582
- border-bottom-left-radius: 0;
583
-
584
- -webkit-border-top-left-radius: 0;
585
- -moz-border-radius-topleft: 0;
586
- -webkit-border-bottom-left-radius: 0;
587
- -moz-border-radius-bottomleft: 0;
588
- }
589
- .input-group .form-control:first-child {
590
- border-top-right-radius: 0;
591
- border-bottom-right-radius: 0;
592
-
593
- -webkit-border-top-right-radius: 0;
594
- -moz-border-radius-topright: 0;
595
- -webkit-border-bottom-right-radius: 0;
596
- -moz-border-radius-bottomright: 0;
597
- }
598
- .form-search .btn {
599
- border-radius: 17px;
600
-
601
- -webkit-border-radius: 17px;
602
- -moz-border-radius: 17px;
603
- }
604
-
605
- .search-only {
606
- position: relative;
607
- }
608
- .search-only .search-icon {
609
- position: absolute;
610
- top: 2px;
611
- left: 8.5px;
612
- z-index: 20;
613
- width: 30px;
614
- font-size: 17px;
615
- line-height: 30px;
616
- color: #e6e9ed;
617
- text-align: center;
618
- }
619
- .search-only .form-control:last-child {
620
- padding-left: 40px;
621
- }
622
-
623
- .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
624
- color: #8cc152;
625
- }
626
- .has-success .form-control {
627
- border-color: #8cc152;
628
- -webkit-box-shadow: none;
629
- -moz-box-shadow: none;
630
- box-shadow: none;
631
- }
632
- .has-success .form-control:focus {
633
- border-color: #8cc152;
634
- -webkit-box-shadow: none;
635
- -moz-box-shadow: none;
636
- box-shadow: none;
637
- }
638
- .has-success .input-group-addon {
639
- background-color: #8cc152;
640
- border-color: #8cc152;
641
- }
642
- .has-success .form-control-feedback {
643
- color: #8cc152;
644
- }
645
-
646
- .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
647
- color: #f6bb42;
648
- }
649
- .has-warning .form-control {
650
- border-color: #f6bb42;
651
- -webkit-box-shadow: none;
652
- -moz-box-shadow: none;
653
- box-shadow: none;
654
- }
655
- .has-warning .form-control:focus {
656
- border-color: #f6bb42;
657
- -webkit-box-shadow: none;
658
- -moz-box-shadow: none;
659
- box-shadow: none;
660
- }
661
- .has-warning .input-group-addon {
662
- background-color: #f6bb42;
663
- border-color: #f6bb42;
664
- }
665
- .has-warning .form-control-feedback {
666
- color: #f6bb42;
667
- }
668
-
669
- .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
670
- color: #da4453;
671
- }
672
- .has-error .form-control {
673
- border-color: #da4453;
674
- -webkit-box-shadow: none;
675
- -moz-box-shadow: none;
676
- box-shadow: none;
677
- }
678
- .has-error .form-control:focus {
679
- border-color: #da4453;
680
- -webkit-box-shadow: none;
681
- -moz-box-shadow: none;
682
- box-shadow: none;
683
- }
684
- .has-error .input-group-addon {
685
- background-color: #da4453;
686
- border-color: #da4453;
687
- }
688
- .has-error .form-control-feedback {
689
- color: #da4453;
690
- }
691
-
692
- /**
693
- * stepper
694
- * --------------------------------------------------
695
- */
696
- .stepper .stepper-input {
697
- overflow: hidden;
698
-
699
- -moz-appearance: textfield;
700
- }
701
- .stepper .stepper-input::-webkit-inner-spin-button, .stepper .stepper-input::-webkit-outer-spin-button {
702
- -webkit-appearance: none;
703
- margin: 0;
704
- }
705
- .stepper .stepper-arrow {
706
- position: absolute;
707
- right: 15px;
708
- display: block;
709
- width: 20px;
710
- height: 50%;
711
- text-indent: -99999px;
712
- cursor: pointer;
713
- background-color: #3bafda;
714
- }
715
- .stepper .stepper-arrow:hover, .stepper .stepper-arrow:active {
716
- background-color: #4fc1e9;
717
- }
718
- .stepper .up {
719
- top: 0;
720
- border: 1px solid #269ecb;
721
- border-top-right-radius: 3px;
722
-
723
- -webkit-border-top-right-radius: 3px;
724
- -moz-border-radius-topright: 3px;
725
- }
726
- .stepper .down {
727
- bottom: 0;
728
- border-bottom-right-radius: 3px;
729
-
730
- -webkit-border-bottom-right-radius: 3px;
731
- -moz-border-radius-bottomright: 3px;
732
- }
733
- .stepper .up::before, .stepper .down::before {
734
- position: absolute;
735
- width: 0;
736
- height: 0;
737
- content: "";
738
- border-right: 4px solid transparent;
739
- border-left: 4px solid transparent;
740
- }
741
- .stepper .up::before {
742
- top: 5px;
743
- left: 5px;
744
- border-bottom: 4px solid white;
745
- }
746
- .stepper .down:before {
747
- bottom: 5px;
748
- left: 6px;
749
- border-top: 4px solid white;
750
- }
751
- .stepper.disabled .stepper-arrow {
752
- background-color: #3bafda;
753
- filter: alpha(opacity=45);
754
- opacity: .45;
755
- }
756
-
757
- .selecter {
758
- position: relative;
759
- z-index: 1;
760
- display: block;
761
- max-width: 100%;
762
- outline: none;
763
- /* Open */
764
- /* 'Cover' Positioning */
765
- /* 'Bottom' Positioning */
766
- /* 'Bottom' + 'Cover' Positioning */
767
- /* Multiple Select */
768
- /* 'Disabled' State */
769
- /* Scroller Support */
770
- }
771
- .selecter .selecter-element {
772
- position: absolute;
773
- left: 0;
774
- z-index: 0;
775
- display: none;
776
- width: 100%;
777
- height: 100%;
778
- filter: alpha(opacity=0);
779
- opacity: 0;
780
-
781
- *left: -999999px;
782
- }
783
- .selecter .selecter-element, .selecter .selecter-element:focus {
784
- outline: none;
785
-
786
- -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
787
- -webkit-tap-highlight-color: transparent;
788
- }
789
- .selecter .selecter-selected {
790
- position: relative;
791
- z-index: 2;
792
- display: block;
793
- padding: 6px 10px;
794
- overflow: hidden;
795
- text-overflow: clip;
796
- cursor: pointer;
797
- background-color: white;
798
- border: 1px solid #aab2bd;
799
- border-radius: 4px;
800
-
801
- -webkit-border-radius: 4px;
802
- -moz-border-radius: 4px;
803
- }
804
- .selecter .selecter-selected:after {
805
- position: absolute;
806
- top: 14px;
807
- right: 10px;
808
- width: 0;
809
- height: 0;
810
- content: "";
811
- border-top: 4px solid black;
812
- border-right: 4px solid transparent;
813
- border-left: 4px solid transparent;
814
- }
815
- .selecter .selecter-options {
816
- position: absolute;
817
- top: 100%;
818
- left: 0;
819
- z-index: 50;
820
- display: none;
821
- width: 100%;
822
- max-height: 260px;
823
- overflow: auto;
824
- overflow-x: hidden;
825
- background-color: white;
826
- border: 1px solid #aab2bd;
827
- border-width: 0 1px 1px;
828
- border-radius: 0 0 4px 4px;
829
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
830
- -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
831
- box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
832
-
833
- -webkit-border-radius: 0 0 4px 4px;
834
- -moz-border-radius: 0 0 4px 4px;
835
- *width: auto;
836
- }
837
- .selecter .selecter-group {
838
- display: block;
839
- padding: 5px 10px 4px;
840
- font-size: 11px;
841
- color: #aab2bd;
842
- text-transform: uppercase;
843
- background-color: #f5f7fa;
844
- border-bottom: 1px solid #e6e9ed;
845
- }
846
- .selecter .selecter-item {
847
- display: block;
848
- width: 100%;
849
- padding: 6px 10px;
850
- margin: 0;
851
- overflow: hidden;
852
- text-overflow: ellipsis;
853
- cursor: pointer;
854
- background-color: white;
855
- border-bottom: 1px solid #e6e9ed;
856
- }
857
- .selecter .selecter-item.selected {
858
- color: white;
859
- background-color: #3bafda;
860
- border-bottom-color: #4fc1e9;
861
- }
862
- .selecter .selecter-item.disabled {
863
- color: #aab2bd;
864
- cursor: default;
865
- }
866
- .selecter .selecter-item:first-child {
867
- border-radius: 0;
868
-
869
- -webkit-border-radius: 0;
870
- -moz-border-radius: 0;
871
- }
872
- .selecter .selecter-item:last-child {
873
- border-bottom: 0;
874
- border-radius: 0 0 4px 4px;
875
-
876
- -webkit-border-radius: 0 0 4px 4px;
877
- -moz-border-radius: 0 0 4px 4px;
878
- }
879
- .selecter .selecter-item:hover {
880
- background-color: #e6e9ed;
881
- }
882
- .selecter .selecter-item.selected:hover {
883
- background-color: #3bafda;
884
- }
885
- .selecter .selecter-item.disabled:hover, .selecter:hover .selecter-selected, .selecter.disabled .selecter-item:hover {
886
- background-color: white;
887
- }
888
- .selecter.open {
889
- z-index: 3;
890
- outline: 0;
891
- }
892
- .selecter.open .selecter-selected {
893
- z-index: 51;
894
- border: 1px solid #3bafda;
895
- border-radius: 4px 4px 0 0;
896
-
897
- -webkit-border-radius: 4px 4px 0 0;
898
- -moz-border-radius: 4px 4px 0 0;
899
- }
900
- .selecter.open .selecter-selected, .selecter.focus .selecter-selected {
901
- background-color: white;
902
- }
903
- .selecter.cover .selecter-options {
904
- top: 0;
905
- border-width: 1px;
906
- border-radius: 4px;
907
-
908
- -webkit-border-radius: 4px;
909
- -moz-border-radius: 4px;
910
- }
911
- .selecter.cover .selecter-options .selecter-item.first {
912
- border-radius: 4px 4px 0 0;
913
-
914
- -webkit-border-radius: 4px 4px 0 0;
915
- -moz-border-radius: 4px 4px 0 0;
916
- }
917
- .selecter.cover.open .selecter-selected {
918
- z-index: 49;
919
- border-radius: 4px 4px 0 0;
920
-
921
- -webkit-border-radius: 4px 4px 0 0;
922
- -moz-border-radius: 4px 4px 0 0;
923
- }
924
- .selecter.bottom .selecter-options {
925
- top: auto;
926
- bottom: 100%;
927
- border-width: 1px 1px 0;
928
- }
929
- .selecter.bottom .selecter-item:last-child {
930
- border: none;
931
- border-radius: 0;
932
-
933
- -webkit-border-radius: 0;
934
- -moz-border-radius: 0;
935
- }
936
- .selecter.bottom.open .selecter-selected {
937
- border-radius: 0 0 4px 4px;
938
-
939
- -webkit-border-radius: 0 0 4px 4px;
940
- -moz-border-radius: 0 0 4px 4px;
941
- }
942
- .selecter.bottom.open .selecter-options {
943
- border-radius: 4px 4px 0 0;
944
-
945
- -webkit-border-radius: 4px 4px 0 0;
946
- -moz-border-radius: 4px 4px 0 0;
947
- }
948
- .selecter.bottom.cover .selecter-options {
949
- top: auto;
950
- bottom: 0;
951
- }
952
- .selecter.bottom.cover.open .selecter-selected, .selecter.bottom.cover.open .selecter-options {
953
- border-radius: 4px;
954
-
955
- -webkit-border-radius: 4px;
956
- -moz-border-radius: 4px;
957
- }
958
- .selecter.multiple .selecter-options {
959
- position: static;
960
- display: block;
961
- width: 100%;
962
- border-width: 1px;
963
- border-radius: 4px;
964
- box-shadow: none;
965
-
966
- -webkit-border-radius: 4px;
967
- -moz-border-radius: 4px;
968
- }
969
- .selecter.disabled .selecter-selected {
970
- color: #aab2bd;
971
- cursor: default;
972
- background-color: #e6e9ed;
973
- border-color: #e6e9ed;
974
- }
975
- .selecter.disabled .selecter-options {
976
- background-color: #e6e9ed;
977
- border-color: #e6e9ed;
978
- }
979
- .selecter.disabled .selecter-group, .selecter.disabled .selecter-item {
980
- color: #aab2bd;
981
- cursor: default;
982
- background-color: #e6e9ed;
983
- border-color: #e6e9ed;
984
- }
985
- .selecter.disabled .selecter-item.selected {
986
- color: white;
987
- background-color: #3bafda;
988
- filter: alpha(opacity=45);
989
- opacity: .45;
990
- }
991
- .selecter .selecter-options.scroller {
992
- overflow: hidden;
993
- }
994
- .selecter .selecter-options.scroller .scroller-content {
995
- max-height: 260px;
996
- padding: 0;
997
- }
998
-
999
- /**
1000
- * checkbox and radio
1001
- * --------------------------------------------------
1002
- */
1003
- .checkbox, .radio {
1004
- padding-left: 0;
1005
- margin-top: 0;
1006
- }
1007
-
1008
- .checkbox label, .radio label {
1009
- position: relative;
1010
- top: 2px;
1011
- padding-left: 5px;
1012
- }
1013
-
1014
- .icheckbox_flat,
1015
- .iradio_flat {
1016
- display: inline-block;
1017
- width: 20px;
1018
- height: 20px;
1019
- padding: 0 !important;
1020
- margin: 0;
1021
- vertical-align: middle;
1022
- cursor: pointer;
1023
- background: url("../bootflat/img/check_flat/default.png") no-repeat;
1024
- border: none;
1025
-
1026
- *display: inline;
1027
- }
1028
-
1029
- .icheckbox_flat {
1030
- background-position: 0 0;
1031
- }
1032
- .icheckbox_flat.checked {
1033
- background-position: -22px 0;
1034
- }
1035
- .icheckbox_flat.disabled {
1036
- cursor: default;
1037
- background-position: -44px 0;
1038
- }
1039
- .icheckbox_flat.checked.disabled {
1040
- background-position: -66px 0;
1041
- }
1042
-
1043
- .iradio_flat {
1044
- background-position: -88px 0;
1045
- }
1046
- .iradio_flat.checked {
1047
- background-position: -110px 0;
1048
- }
1049
- .iradio_flat.disabled {
1050
- cursor: default;
1051
- background-position: -132px 0;
1052
- }
1053
- .iradio_flat.checked.disabled {
1054
- background-position: -154px 0;
1055
- }
1056
-
1057
- /**
1058
- * toggle
1059
- * --------------------------------------------------
1060
- */
1061
- .toggle {
1062
- height: 32px;
1063
- }
1064
- .toggle input[type="checkbox"], .toggle input[type="radio"] {
1065
- width: 0;
1066
- height: 0;
1067
- padding: 0;
1068
- margin: 0;
1069
- text-indent: -100000px;
1070
- filter: alpha(opacity=0);
1071
- opacity: 0;
1072
- }
1073
- .toggle .handle {
1074
- position: relative;
1075
- top: -20px;
1076
- left: 0;
1077
- display: block;
1078
- width: 50px;
1079
- height: 32px;
1080
- background-color: white;
1081
- border-radius: 19px;
1082
- -webkit-box-shadow: inset 0 0 0 1px #b8bfc8;
1083
- -moz-box-shadow: inset 0 0 0 1px #b8bfc8;
1084
- box-shadow: inset 0 0 0 1px #b8bfc8;
1085
-
1086
- -webkit-border-radius: 19px;
1087
- -moz-border-radius: 19px;
1088
- }
1089
- .toggle .handle:before, .toggle .handle:after {
1090
- position: absolute;
1091
- top: 1px;
1092
- left: 1px;
1093
- display: block;
1094
- width: 30px;
1095
- height: 30px;
1096
- content: "";
1097
- background-color: white;
1098
- border-radius: 30px;
1099
- -webkit-box-shadow: inset 0 0 0 1px #b8bfc8, 1px 1px 1px #c7ccd3;
1100
- -moz-box-shadow: inset 0 0 0 1px #b8bfc8, 1px 1px 1px #c7ccd3;
1101
- box-shadow: inset 0 0 0 1px #b8bfc8, 1px 1px 1px #c7ccd3;
1102
- -webkit-transition: all .25s ease-in-out;
1103
- -moz-transition: all .25s ease-in-out;
1104
- transition: all .25s ease-in-out;
1105
-
1106
- -webkit-border-radius: 30px;
1107
- -moz-border-radius: 30px;
1108
- }
1109
- .toggle input[type="checkbox"]:disabled + .handle, .toggle input[type="radio"]:disabled + .handle, .toggle input[type="checkbox"]:disabled + .handle:before, .toggle input[type="radio"]:disabled + .handle:before, .toggle input[type="checkbox"]:disabled + .handle:after, .toggle input[type="radio"]:disabled + .handle:after {
1110
- background-color: #e6e9ed;
1111
- filter: alpha(opacity=60);
1112
- opacity: .6;
1113
- }
1114
- .toggle input[type="checkbox"]:checked + .handle:before, .toggle input[type="radio"]:checked + .handle:before {
1115
- width: 50px;
1116
- background-color: #a0d468;
1117
- }
1118
- .toggle input[type="checkbox"]:checked + .handle:after, .toggle input[type="radio"]:checked + .handle:after {
1119
- left: 20px;
1120
- -webkit-box-shadow: inset 0 0 0 1px #f5f7fa, 1px 1px 1px #c7ccd3;
1121
- -moz-box-shadow: inset 0 0 0 1px #f5f7fa, 1px 1px 1px #c7ccd3;
1122
- box-shadow: inset 0 0 0 1px #f5f7fa, 1px 1px 1px #c7ccd3;
1123
- }
1124
-
1125
- /**
1126
- * calendar
1127
- * --------------------------------------------------
1128
- */
1129
- .calendar {
1130
- padding: 20px;
1131
- color: white;
1132
- background-color: #fd9883;
1133
- border-radius: 4px;
1134
- -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1135
- -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1136
- box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1137
-
1138
- -webkit-border-radius: 4px;
1139
- -moz-border-radius: 4px;
1140
- }
1141
- .calendar .unit {
1142
- float: left;
1143
- width: 14.28%;
1144
- text-align: center;
1145
- }
1146
- .calendar .years .prev {
1147
- text-align: left;
1148
- }
1149
- .calendar .years .next {
1150
- text-align: right;
1151
- }
1152
- .calendar .years .prev em, .calendar .years .next em {
1153
- position: relative;
1154
- display: inline-block;
1155
- width: 34px;
1156
- height: 34px;
1157
- cursor: pointer;
1158
- border: 1px solid white;
1159
- border-radius: 50%;
1160
-
1161
- -webkit-border-radius: 50%;
1162
- -moz-border-radius: 50%;
1163
- }
1164
- .calendar .years .prev em:before, .calendar .years .next em:before {
1165
- position: absolute;
1166
- display: block;
1167
- width: 0;
1168
- height: 0;
1169
- margin-top: 6px;
1170
- font-size: 0;
1171
- content: "";
1172
- border-style: solid;
1173
- border-width: 7px;
1174
- }
1175
- .calendar .years .prev em:before {
1176
- top: 3px;
1177
- left: 4px;
1178
- border-color: transparent white transparent transparent;
1179
- }
1180
- .calendar .years .next em:before {
1181
- top: 3px;
1182
- left: 13px;
1183
- border-color: transparent transparent transparent white;
1184
- }
1185
- .calendar .years .prev em:hover, .calendar .years .next em:hover, .calendar .years .prev em:active, .calendar .years .next em:active {
1186
- border-color: #e9573f;
1187
- }
1188
- .calendar .years .prev em:hover:before, .calendar .years .prev em:active:before {
1189
- border-color: transparent #e9573f transparent transparent;
1190
- }
1191
- .calendar .years .next em:hover:before, .calendar .years .next em:active:before {
1192
- border-color: transparent transparent transparent #e9573f;
1193
- }
1194
- .calendar .years .monyear {
1195
- float: left;
1196
- width: 71.42%;
1197
- height: 34px;
1198
- line-height: 34px;
1199
- text-align: center;
1200
- }
1201
- .calendar .days {
1202
- padding-top: 15px;
1203
- margin-top: 15px;
1204
- border-top: 1px solid #ee7f6d;
1205
- }
1206
- .calendar .days .unit {
1207
- height: 34px;
1208
- margin-bottom: 3px;
1209
- line-height: 34px;
1210
- text-align: center;
1211
- }
1212
- .calendar .days .unit b {
1213
- width: 34px;
1214
- height: 34px;
1215
- font-weight: normal;
1216
- border-radius: 50%;
1217
-
1218
- -webkit-border-radius: 50%;
1219
- -moz-border-radius: 50%;
1220
- }
1221
- .calendar .days .unit:hover b, .calendar .days .unit:active b, .calendar .days .unit.active b {
1222
- display: inline-block;
1223
- color: #e9573f;
1224
- cursor: pointer;
1225
- background-color: white;
1226
- -webkit-transition: all .2s ease-in-out;
1227
- -moz-transition: all .2s ease-in-out;
1228
- transition: all .2s ease-in-out;
1229
- }
1230
- .calendar .days .unit.older b {
1231
- width: auto;
1232
- height: auto;
1233
- color: #e9573f;
1234
- cursor: default;
1235
- background-color: transparent;
1236
- }
1237
-
1238
- /**
1239
- * pricing
1240
- * --------------------------------------------------
1241
- */
1242
- .pricing ul {
1243
- padding: 0;
1244
- list-style: none;
1245
- }
1246
- .pricing .unit {
1247
- position: relative;
1248
- display: inline-block;
1249
- min-width: 250px;
1250
- text-align: center;
1251
- border-radius: 4px;
1252
- -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1253
- -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1254
- box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1255
-
1256
- -webkit-border-radius: 4px;
1257
- -moz-border-radius: 4px;
1258
- }
1259
- .pricing .unit.active {
1260
- top: 5px;
1261
- z-index: 1;
1262
- margin-right: -36px;
1263
- margin-left: -36px;
1264
- -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
1265
- -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
1266
- box-shadow: 0 0 8px rgba(0, 0, 0, .6);
1267
- }
1268
- .pricing .unit.active .price-title h3 {
1269
- font-size: 40px;
1270
- }
1271
- @media screen and (max-width: 767px) {
1272
- .pricing .unit {
1273
- display: block;
1274
- margin-bottom: 20px;
1275
- }
1276
- .pricing .unit.active {
1277
- top: 0;
1278
- margin-right: 0;
1279
- margin-left: 0;
1280
- }
1281
- .pricing .unit.active .price-title h3 {
1282
- font-size: 30px;
1283
- }
1284
- }
1285
- .pricing .price-title {
1286
- padding: 20px 20px 10px;
1287
- color: #fff;
1288
- border-top-left-radius: 4px;
1289
- border-top-right-radius: 4px;
1290
-
1291
- -webkit-border-top-left-radius: 4px;
1292
- -moz-border-radius-topleft: 4px;
1293
- -webkit-border-top-right-radius: 4px;
1294
- -moz-border-radius-topright: 4px;
1295
- }
1296
- .pricing .price-title h3, .pricing .price-title h3 > p {
1297
- margin: 0;
1298
- }
1299
- .pricing .price-body {
1300
- padding: 20px 20px 10px;
1301
- }
1302
- .pricing .price-body ul {
1303
- padding-top: 10px;
1304
- }
1305
- .pricing .price-body li {
1306
- margin-bottom: 10px;
1307
- }
1308
- .pricing .price-body h4 {
1309
- margin: 0;
1310
- }
1311
- .pricing .price-foot {
1312
- padding: 20px;
1313
- background-color: #e6e9ed;
1314
- border-bottom-right-radius: 4px;
1315
- border-bottom-left-radius: 4px;
1316
-
1317
- -webkit-border-bottom-left-radius: 4px;
1318
- -moz-border-radius-bottomleft: 4px;
1319
- -webkit-border-bottom-right-radius: 4px;
1320
- -moz-border-radius-bottomright: 4px;
1321
- }
1322
- .pricing .price-primary .price-title {
1323
- background-color: #4fc1e9;
1324
- }
1325
- .pricing .price-primary .price-body {
1326
- background-color: #d7f1fa;
1327
- }
1328
- .pricing .price-primary .price-body ul {
1329
- border-top: 1px solid #aae1f4;
1330
- }
1331
- .pricing .price-success .price-title {
1332
- background-color: #a0d468;
1333
- }
1334
- .pricing .price-success .price-body {
1335
- background-color: #ebf6df;
1336
- }
1337
- .pricing .price-success .price-body ul {
1338
- border-top: 1px solid #d2ebb7;
1339
- }
1340
- .pricing .price-warning .price-title {
1341
- background-color: #ffce54;
1342
- }
1343
- .pricing .price-warning .price-body {
1344
- background-color: #fffaed;
1345
- }
1346
- .pricing .price-warning .price-body ul {
1347
- border-top: 1px solid #ffebba;
1348
- }
1349
-
1350
- /**
1351
- * alert
1352
- * --------------------------------------------------
1353
- */
1354
- .alert h4 {
1355
- margin-bottom: 10px;
1356
- font-weight: bold;
1357
- }
1358
- .alert-dismissable .close {
1359
- color: black;
1360
- }
1361
- .alert-info {
1362
- background-color: #7cd1ef;
1363
- border: #4fc1e9;
1364
- }
1365
- .alert-warning {
1366
- background-color: #ffdd87;
1367
- border: #ffce54;
1368
- }
1369
- .alert-danger {
1370
- background-color: #f2838f;
1371
- border: #ed5565;
1372
- }
1373
- .alert-success {
1374
- background-color: #b9df90;
1375
- border: #a0d468;
1376
- }
1377
- .alert .alert-link {
1378
- text-decoration: underline;
1379
- cursor: pointer;
1380
- filter: alpha(opacity=65);
1381
- opacity: .65;
1382
- }
1383
- .alert .alert-link:hover, .alert .alert-link:focus {
1384
- filter: alpha(opacity=45);
1385
- opacity: .45;
1386
- }
1387
- .alert .btn-link, .alert .btn-link:hover, .alert .btn-link:focus {
1388
- color: black;
1389
- filter: alpha(opacity=65);
1390
- opacity: .65;
1391
- }
1392
- .alert .btn-link:focus, .alert .btn-link:hover {
1393
- text-decoration: none;
1394
- filter: alpha(opacity=40);
1395
- opacity: .4;
1396
- }
1397
-
1398
- /**
1399
- * tab
1400
- * --------------------------------------------------
1401
- */
1402
- .nav-tabs {
1403
- background-color: #e6e9ed;
1404
- border-bottom: none;
1405
- border-radius: 4px 4px 0 0;
1406
-
1407
- -webkit-border-radius: 4px 4px 0 0;
1408
- -moz-border-radius: 4px 4px 0 0;
1409
- }
1410
- .nav-tabs > li {
1411
- margin-bottom: 0;
1412
- border-left: 1px solid #ccd1d9;
1413
- }
1414
- .nav-tabs > li:first-child {
1415
- border-left: none;
1416
- }
1417
- .nav-tabs > li > a {
1418
- margin-right: 0;
1419
- color: #434a54;
1420
- border: none;
1421
- border-radius: 0;
1422
-
1423
- -webkit-border-radius: 0;
1424
- -moz-border-radius: 0;
1425
- }
1426
- .nav-tabs > li:first-child > a {
1427
- border-radius: 4px 0 0 0;
1428
-
1429
- -webkit-border-radius: 4px 0 0 0;
1430
- -moz-border-radius: 4px 0 0 0;
1431
- }
1432
- .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
1433
- background-color: #f5f7fa;
1434
- border: none;
1435
- }
1436
- .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
1437
- background-color: white !important;
1438
- border: none;
1439
- }
1440
- .nav-tabs .dropdown-toggle, .nav-tabs .dropdown-toggle:hover, .nav-tabs .dropdown-toggle:focus {
1441
- color: #434a54;
1442
- }
1443
- .nav-tabs li.dropdown.open .dropdown-toggle {
1444
- color: #434a54;
1445
- background-color: #f5f7fa;
1446
- }
1447
- .nav-tabs li.dropdown.active.open .dropdown-toggle {
1448
- color: #434a54;
1449
- }
1450
- .nav-tabs li.dropdown.active.open .dropdown-toggle .caret, .nav-tabs li.dropdown.active .dropdown-toggle .caret {
1451
- border-top-color: #434a54;
1452
- border-bottom-color: #434a54;
1453
- }
1454
- .nav-tabs li.dropdown.open .caret, .nav-tabs li.dropdown.open.active .caret, .nav-tabs li.dropdown.open a:hover .caret, .nav-tabs li.dropdown.open a:focus .caret, .nav-tabs .dropdown-toggle .caret, .nav-tabs .dropdown-toggle:hover .caret, .nav-tabs .dropdown-toggle:focus .caret {
1455
- border-top-color: #434a54;
1456
- border-bottom-color: #434a54;
1457
- }
1458
- .nav-tabs.nav-justified > li > a {
1459
- margin-bottom: 0;
1460
- text-align: center;
1461
- }
1462
- .nav-tabs.nav-justified > .dropdown .dropdown-menu {
1463
- top: auto;
1464
- left: auto;
1465
- }
1466
- .nav-tabs.nav-justified > li > a {
1467
- border-radius: 0;
1468
-
1469
- -webkit-border-radius: 0;
1470
- -moz-border-radius: 0;
1471
- }
1472
- .nav-tabs.nav-justified > li:first-child > a {
1473
- border-radius: 4px 0 0 0;
1474
-
1475
- -webkit-border-radius: 4px 0 0 0;
1476
- -moz-border-radius: 4px 0 0 0;
1477
- }
1478
- .nav-tabs.nav-justified > li:last-child > a {
1479
- border-radius: 0 4px 0 0;
1480
-
1481
- -webkit-border-radius: 0 4px 0 0;
1482
- -moz-border-radius: 0 4px 0 0;
1483
- }
1484
- .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
1485
- border: none;
1486
- }
1487
- @media (min-width: 768px) {
1488
- .nav-tabs.nav-justified > li > a {
1489
- border-bottom: none;
1490
- border-radius: 0;
1491
-
1492
- -webkit-border-radius: 0;
1493
- -moz-border-radius: 0;
1494
- }
1495
- .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
1496
- border-bottom: none;
1497
- }
1498
- }
1499
- .tab-content {
1500
- padding: 10px;
1501
- }
1502
-
1503
- .tabs-below .nav-tabs {
1504
- border-radius: 0 0 4px 4px;
1505
-
1506
- -webkit-border-radius: 0 0 4px 4px;
1507
- -moz-border-radius: 0 0 4px 4px;
1508
- }
1509
- .tabs-below .nav-tabs > li:first-child > a {
1510
- border-radius: 0 0 0 4px;
1511
-
1512
- -webkit-border-radius: 0 0 0 4px;
1513
- -moz-border-radius: 0 0 0 4px;
1514
- }
1515
- .tabs-below .nav-tabs.nav-justified > li:last-child > a {
1516
- border-radius: 0 0 4px 0;
1517
-
1518
- -webkit-border-radius: 0 0 4px 0;
1519
- -moz-border-radius: 0 0 4px 0;
1520
- }
1521
-
1522
- .tabs-left .nav-tabs > li,
1523
- .tabs-right .nav-tabs > li {
1524
- float: none;
1525
- border-top: 1px solid #ccd1d9;
1526
- border-left: none;
1527
- }
1528
-
1529
- .tabs-left .nav-tabs > li:first-child,
1530
- .tabs-right .nav-tabs > li:first-child {
1531
- border-top: none;
1532
- }
1533
-
1534
- .tabs-left .nav-tabs > li > a,
1535
- .tabs-right .nav-tabs > li > a {
1536
- min-width: 74px;
1537
- margin-right: 0;
1538
- }
1539
-
1540
- .tabs-left .nav-tabs {
1541
- float: left;
1542
- margin-right: 19px;
1543
- border-radius: 4px 0 0 4px;
1544
-
1545
- -webkit-border-radius: 4px 0 0 4px;
1546
- -moz-border-radius: 4px 0 0 4px;
1547
- }
1548
- .tabs-left .nav-tabs > li:first-child > a {
1549
- border-radius: 4px 0 0 0;
1550
-
1551
- -webkit-border-radius: 4px 0 0 0;
1552
- -moz-border-radius: 4px 0 0 0;
1553
- }
1554
- .tabs-left .nav-tabs > li:last-child > a {
1555
- border-radius: 0 0 0 4px;
1556
-
1557
- -webkit-border-radius: 0 0 0 4px;
1558
- -moz-border-radius: 0 0 0 4px;
1559
- }
1560
-
1561
- .tabs-right .nav-tabs {
1562
- float: right;
1563
- margin-left: 19px;
1564
- border-radius: 0 4px 4px 0;
1565
-
1566
- -webkit-border-radius: 0 4px 4px 0;
1567
- -moz-border-radius: 0 4px 4px 0;
1568
- }
1569
- .tabs-right .nav-tabs > li:first-child > a {
1570
- border-radius: 0 4px 0 0;
1571
-
1572
- -webkit-border-radius: 0 4px 0 0;
1573
- -moz-border-radius: 0 4px 0 0;
1574
- }
1575
- .tabs-right .nav-tabs > li:last-child > a {
1576
- border-radius: 0 0 4px 0;
1577
-
1578
- -webkit-border-radius: 0 0 4px 0;
1579
- -moz-border-radius: 0 0 4px 0;
1580
- }
1581
-
1582
- /**
1583
- * pill
1584
- * --------------------------------------------------
1585
- */
1586
- .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
1587
- color: white;
1588
- background-color: #3bafda;
1589
- }
1590
- .nav-pills > li > a {
1591
- color: #3bafda;
1592
- }
1593
- .nav-pills > li > a:hover {
1594
- color: #434a54;
1595
- background-color: #e6e9ed;
1596
- }
1597
- .nav-pills > .active > a > .badge {
1598
- color: #3bafda;
1599
- }
1600
- .nav-pills .open > a, .nav-pills .open > a:focus, .nav-pills .open > a:hover {
1601
- color: #434a54;
1602
- background-color: #e6e9ed;
1603
- }
1604
-
1605
- /**
1606
- * navbar
1607
- * --------------------------------------------------
1608
- */
1609
- .navbar-form {
1610
- padding: 0 !important;
1611
- }
1612
-
1613
- .navbar-default {
1614
- background-color: #37bc9b;
1615
- border-color: #37bc9b;
1616
- }
1617
- .navbar-default .navbar-brand, .navbar-default .navbar-link, .navbar-default .btn-link {
1618
- color: #26816a;
1619
- }
1620
- .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-link:hover, .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
1621
- color: white;
1622
- background-color: transparent;
1623
- }
1624
- .navbar-default .navbar-text, .navbar-default .navbar-nav > li > a {
1625
- color: #26816a;
1626
- }
1627
- .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
1628
- color: white;
1629
- }
1630
- .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
1631
- color: white;
1632
- background-color: #48cfad;
1633
- }
1634
- .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, .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
1635
- color: #2e9c81;
1636
- background-color: transparent;
1637
- }
1638
- .navbar-default .navbar-toggle {
1639
- background-color: #26816a;
1640
- border-color: #26816a;
1641
- }
1642
- .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
1643
- background-color: #2b957a;
1644
- border-color: #2b957a;
1645
- }
1646
- .navbar-default .navbar-toggle .icon-bar {
1647
- background-color: #37bc9b;
1648
- }
1649
- .navbar-default .navbar-collapse, .navbar-default .navbar-form {
1650
- border-color: #48cfad;
1651
- }
1652
- .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
1653
- color: white;
1654
- background-color: #37bc9b;
1655
- }
1656
- @media (max-width: 767px) {
1657
- .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
1658
- background-color: #48cfad;
1659
- }
1660
- .navbar-default .navbar-nav .open .dropdown-menu > .divider {
1661
- background-color: #48cfad;
1662
- }
1663
- .navbar-default .navbar-nav .open .dropdown-menu > li > a {
1664
- color: #26816a;
1665
- }
1666
- .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .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 {
1667
- color: white;
1668
- background-color: #48cfad;
1669
- }
1670
- .navbar-default .navbar-nav .open .dropdown-menu > .dropdown-header {
1671
- color: #26816a;
1672
- }
1673
- .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 {
1674
- color: #2b957a;
1675
- }
1676
- }
1677
-
1678
- .navbar-inverse {
1679
- background-color: #333;
1680
- border-color: #333;
1681
- }
1682
- .navbar-inverse .navbar-brand, .navbar-inverse .navbar-link, .navbar-inverse .btn-link {
1683
- color: #8c8c8c;
1684
- }
1685
- .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-link:hover, .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
1686
- color: white;
1687
- background-color: transparent;
1688
- }
1689
- .navbar-inverse .navbar-text, .navbar-inverse .navbar-nav > li > a {
1690
- color: #8c8c8c;
1691
- }
1692
- .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
1693
- color: white;
1694
- }
1695
- .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
1696
- color: white;
1697
- background-color: black;
1698
- }
1699
- .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, .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
1700
- color: #666;
1701
- background-color: transparent;
1702
- }
1703
- .navbar-inverse .navbar-toggle {
1704
- background-color: black;
1705
- border-color: black;
1706
- }
1707
- .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
1708
- background-color: #1a1a1a;
1709
- border-color: #1a1a1a;
1710
- }
1711
- .navbar-inverse .navbar-toggle .icon-bar {
1712
- background-color: #8c8c8c;
1713
- }
1714
- .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
1715
- border-color: black;
1716
- }
1717
- .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
1718
- color: white;
1719
- background-color: black;
1720
- }
1721
- @media (max-width: 767px) {
1722
- .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
1723
- background-color: black;
1724
- }
1725
- .navbar-inverse .navbar-nav .open .dropdown-menu > .divider {
1726
- background-color: black;
1727
- }
1728
- .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
1729
- color: #8c8c8c;
1730
- }
1731
- .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .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 {
1732
- color: white;
1733
- background-color: black;
1734
- }
1735
- .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
1736
- color: #bfbfbf;
1737
- }
1738
- .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 {
1739
- color: #666;
1740
- }
1741
- }
1742
-
1743
- /**
1744
- * list
1745
- * --------------------------------------------------
1746
- */
1747
- .list-group {
1748
- border-radius: 4px;
1749
- -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1750
- -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1751
- box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1752
-
1753
- -webkit-border-radius: 4px;
1754
- -moz-border-radius: 4px;
1755
- }
1756
- .list-group-item {
1757
- border-color: transparent;
1758
- border-top-color: #e6e9ed;
1759
- }
1760
- .list-group-item:first-child {
1761
- border-top: none;
1762
- }
1763
- .list-group-item-heading {
1764
- color: #434a54;
1765
- }
1766
-
1767
- a.list-group-item {
1768
- color: #434a54;
1769
- }
1770
- a.list-group-item .list-group-item-heading {
1771
- font-size: 16px;
1772
- color: #434a54;
1773
- }
1774
- a.list-group-item:hover, a.list-group-item:focus {
1775
- background-color: #e6e9ed;
1776
- }
1777
- a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
1778
- background-color: #4fc1e9;
1779
- border-color: #4fc1e9;
1780
- }
1781
- a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text {
1782
- color: white;
1783
- }
1784
-
1785
- .list-group-item-primary {
1786
- color: #22b1e3;
1787
- background-color: #4fc1e9;
1788
- border-color: #3bafda transparent transparent transparent;
1789
- }
1790
- .list-group-item-primary:first-child {
1791
- border-color: transparent;
1792
- }
1793
- a.list-group-item-primary {
1794
- color: #126d8d;
1795
- }
1796
- a.list-group-item-primary:hover, a.list-group-item-primary:focus {
1797
- color: white;
1798
- background-color: #3bafda;
1799
- }
1800
- a.list-group-item-primary.active, a.list-group-item-primary:hover, a.list-group-item-primary:focus {
1801
- background-color: #3bafda;
1802
- border-color: #4fc1e9 transparent transparent transparent;
1803
- }
1804
-
1805
- .list-group-item-success {
1806
- color: #87c940;
1807
- background-color: #a0d468;
1808
- border-color: #8cc152 transparent transparent transparent;
1809
- }
1810
- .list-group-item-success:first-child {
1811
- border-color: transparent;
1812
- }
1813
- a.list-group-item-success {
1814
- color: #537f24;
1815
- }
1816
- a.list-group-item-success:hover, a.list-group-item-success:focus {
1817
- color: white;
1818
- background-color: #8cc152;
1819
- }
1820
- a.list-group-item-success.active, a.list-group-item-success:hover, a.list-group-item-success:focus {
1821
- background-color: #8cc152;
1822
- border-color: #a0d468 transparent transparent transparent;
1823
- }
1824
-
1825
- .list-group-item-warning {
1826
- color: #ffbf21;
1827
- background-color: #ffce54;
1828
- border-color: #f6bb42 transparent transparent transparent;
1829
- }
1830
- .list-group-item-warning:first-child {
1831
- border-color: transparent;
1832
- }
1833
- a.list-group-item-warning {
1834
- color: #876000;
1835
- }
1836
- a.list-group-item-warning:hover, a.list-group-item-warning:focus {
1837
- color: white;
1838
- background-color: #f6bb42;
1839
- }
1840
- a.list-group-item-warning.active, a.list-group-item-warning:hover, a.list-group-item-warning:focus {
1841
- background-color: #f6bb42;
1842
- border-color: #ffce54 transparent transparent transparent;
1843
- }
1844
-
1845
- .list-group-item-info {
1846
- color: #2fb593;
1847
- background-color: #48cfad;
1848
- border-color: #37bc9b transparent transparent transparent;
1849
- }
1850
- .list-group-item-info:first-child {
1851
- border-color: transparent;
1852
- }
1853
- a.list-group-item-info {
1854
- color: #1a6451;
1855
- }
1856
- a.list-group-item-info:hover, a.list-group-item-info:focus {
1857
- color: white;
1858
- background-color: #37bc9b;
1859
- }
1860
- a.list-group-item-info.active, a.list-group-item-info:hover, a.list-group-item-info:focus {
1861
- background-color: #37bc9b;
1862
- border-color: #48cfad transparent transparent transparent;
1863
- }
1864
-
1865
- .list-group-item-danger {
1866
- color: #e8273b;
1867
- background-color: #ed5565;
1868
- border-color: #da4453 transparent transparent transparent;
1869
- }
1870
- .list-group-item-danger:first-child {
1871
- border-color: transparent;
1872
- }
1873
- a.list-group-item-danger {
1874
- color: #99101f;
1875
- }
1876
- a.list-group-item-danger:hover, a.list-group-item-danger:focus {
1877
- color: white;
1878
- background-color: #da4453;
1879
- }
1880
- a.list-group-item-danger.active, a.list-group-item-danger:hover, a.list-group-item-danger:focus {
1881
- background-color: #da4453;
1882
- border-color: #ed5565 transparent transparent transparent;
1883
- }
1884
-
1885
- /**
1886
- * media list
1887
- * --------------------------------------------------
1888
- */
1889
- .media-list {
1890
- color: #aab2bd;
1891
- }
1892
- .media-heading {
1893
- font-size: 14px;
1894
- color: #434a54;
1895
- }
1896
-
1897
- /**
1898
- * modal
1899
- * --------------------------------------------------
1900
- */
1901
- .modal-content {
1902
- color: #434a54;
1903
- border: none;
1904
- border-radius: 4px;
1905
- -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1906
- -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1907
- box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1908
-
1909
- -webkit-border-radius: 4px;
1910
- -moz-border-radius: 4px;
1911
- }
1912
- .modal-header {
1913
- border-bottom: none;
1914
- }
1915
- .modal-body {
1916
- padding: 0 15px;
1917
- }
1918
- .modal-footer {
1919
- border-top: none;
1920
- }
1921
-
1922
- /**
1923
- * well
1924
- * --------------------------------------------------
1925
- */
1926
- .well {
1927
- padding: 10px;
1928
- color: #434a54;
1929
- background-color: white;
1930
- border: none;
1931
- border-radius: 4px;
1932
- -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1933
- -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1934
- box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1935
-
1936
- -webkit-border-radius: 4px;
1937
- -moz-border-radius: 4px;
1938
- }
1939
- .well blockquote {
1940
- border-color: #ccd1d9;
1941
- }
1942
- .well-lg {
1943
- padding: 20px;
1944
- }
1945
- .well-sm {
1946
- padding: 5px;
1947
- }
1948
-
1949
- /**
1950
- * thumbnail
1951
- * --------------------------------------------------
1952
- */
1953
- .thumbnail {
1954
- border: none;
1955
- -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1956
- -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1957
- box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1958
- }
1959
- .thumbnail a > img, .thumbnail > img {
1960
- width: 100%;
1961
- }
1962
- .thumbnail .caption {
1963
- font-size: 14px;
1964
- }
1965
- .thumbnail .caption h1, .thumbnail .caption h2, .thumbnail .caption h3, .thumbnail .caption h4, .thumbnail .caption h5, .thumbnail .caption h6 {
1966
- margin: 5px 0 10px;
1967
- font-size: 16px;
1968
- }
1969
-
1970
- /**
1971
- * jumbotron
1972
- * --------------------------------------------------
1973
- */
1974
- .jumbotron {
1975
- padding: 0;
1976
- margin-bottom: 20px;
1977
- background-color: white;
1978
- border-radius: 4px;
1979
- -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1980
- -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1981
- box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
1982
-
1983
- -webkit-border-radius: 4px;
1984
- -moz-border-radius: 4px;
1985
- }
1986
- .container .jumbotron {
1987
- border-radius: 4px;
1988
-
1989
- -webkit-border-radius: 4px;
1990
- -moz-border-radius: 4px;
1991
- }
1992
- .jumbotron > .jumbotron-photo img {
1993
- width: 100%;
1994
- border-radius: 4px 4px 0 0;
1995
-
1996
- -webkit-border-radius: 4px 4px 0 0;
1997
- -moz-border-radius: 4px 4px 0 0;
1998
- }
1999
- .jumbotron .jumbotron-contents {
2000
- padding: 20px;
2001
- color: #434a54;
2002
- }
2003
- .jumbotron .carousel, .jumbotron .carousel-inner, .jumbotron .carousel-inner > .item.active img {
2004
- border-radius: 4px 4px 0 0;
2005
-
2006
- -webkit-border-radius: 4px 4px 0 0;
2007
- -moz-border-radius: 4px 4px 0 0;
2008
- }
2009
- .jumbotron .carousel-inner > .item > a > img,
2010
- .jumbotron .carousel-inner > .item > img {
2011
- width: 100%;
2012
- }
2013
- .jumbotron .carousel-control.left {
2014
- border-radius: 4px 0 0 0;
2015
-
2016
- -webkit-border-radius: 4px 0 0 0;
2017
- -moz-border-radius: 4px 0 0 0;
2018
- }
2019
- .jumbotron .carousel-control.right {
2020
- border-radius: 0 4px 0 0;
2021
-
2022
- -webkit-border-radius: 0 4px 0 0;
2023
- -moz-border-radius: 0 4px 0 0;
2024
- }
2025
- .jumbotron h1, .jumbotron .h1, .jumbotron h2, .jumbotron .h2 {
2026
- font-weight: 400;
2027
- }
2028
- .jumbotron h1, .jumbotron .h1 {
2029
- font-size: 28px;
2030
- }
2031
- .jumbotron h2, .jumbotron .h2 {
2032
- font-size: 24px;
2033
- }
2034
- .jumbotron p {
2035
- font-size: 14px;
2036
- }
2037
- @media screen and (min-width: 768px) {
2038
- .jumbotron, .container .jumbotron {
2039
- padding: 0;
2040
- }
2041
- .jumbotron h1, .jumbotron .h1 {
2042
- font-size: 28px;
2043
- }
2044
- }
2045
-
2046
- /**
2047
- * panel
2048
- * --------------------------------------------------
2049
- */
2050
- .panel {
2051
- background-color: white;
2052
- border: none;
2053
- border-radius: 4px;
2054
- -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
2055
- -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
2056
- box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
2057
-
2058
- -webkit-border-radius: 4px;
2059
- -moz-border-radius: 4px;
2060
- }
2061
- .panel .list-group {
2062
- -webkit-box-shadow: none;
2063
- -moz-box-shadow: none;
2064
- box-shadow: none;
2065
- }
2066
- .panel .list-group-item:first-child {
2067
- border-top: 1px solid #e6e9ed;
2068
- }
2069
- .panel-heading {
2070
- border-radius: 4px 4px 0 0;
2071
-
2072
- -webkit-border-radius: 4px 4px 0 0;
2073
- -moz-border-radius: 4px 4px 0 0;
2074
- }
2075
- .panel-title {
2076
- font-size: 14px;
2077
- font-weight: normal;
2078
- color: #434a54;
2079
- }
2080
- .panel-footer {
2081
- background-color: #e6e9ed;
2082
- border-top-color: #e6e9ed;
2083
- border-radius: 0 0 4px 4px;
2084
-
2085
- -webkit-border-radius: 0 0 4px 4px;
2086
- -moz-border-radius: 0 0 4px 4px;
2087
- }
2088
- .panel-default {
2089
- border-color: #e6e9ed;
2090
- }
2091
- .panel-default > .panel-heading {
2092
- color: #434a54;
2093
- background-color: #e6e9ed;
2094
- border-color: #e6e9ed;
2095
- }
2096
- .panel-primary {
2097
- border-color: #3bafda;
2098
- }
2099
- .panel-primary > .panel-heading {
2100
- color: white;
2101
- background-color: #3bafda;
2102
- border-color: #3bafda;
2103
- }
2104
- .panel-success {
2105
- border-color: #8cc152;
2106
- }
2107
- .panel-success > .panel-heading {
2108
- color: white;
2109
- background-color: #8cc152;
2110
- border-color: #8cc152;
2111
- }
2112
- .panel-info {
2113
- border-color: #37bc9b;
2114
- }
2115
- .panel-info > .panel-heading {
2116
- color: white;
2117
- background-color: #37bc9b;
2118
- border-color: #37bc9b;
2119
- }
2120
- .panel-warning {
2121
- border-color: #f6bb42;
2122
- }
2123
- .panel-warning > .panel-heading {
2124
- color: white;
2125
- background-color: #f6bb42;
2126
- border-color: #f6bb42;
2127
- }
2128
- .panel-danger {
2129
- border-color: #da4453;
2130
- }
2131
- .panel-danger > .panel-heading {
2132
- color: white;
2133
- background-color: #da4453;
2134
- border-color: #da4453;
2135
- }
2136
- .panel-primary > .panel-heading > .panel-title, .panel-success > .panel-heading > .panel-title, .panel-info > .panel-heading > .panel-title, .panel-warning > .panel-heading > .panel-title, .panel-danger > .panel-heading > .panel-title {
2137
- color: white;
2138
- }
2139
- .panel > .list-group:first-child .list-group-item:first-child, .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
2140
- border-radius: 4px 4px 0 0;
2141
-
2142
- -webkit-border-radius: 4px 4px 0 0;
2143
- -moz-border-radius: 4px 4px 0 0;
2144
- }
2145
- .panel > .list-group:last-child .list-group-item:last-child {
2146
- border-radius: 0 0 4px 4px;
2147
-
2148
- -webkit-border-radius: 0 0 4px 4px;
2149
- -moz-border-radius: 0 0 4px 4px;
2150
- }
2151
- .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, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .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 {
2152
- border-radius: 4px 0 0 0;
2153
-
2154
- -webkit-border-radius: 4px 0 0 0;
2155
- -moz-border-radius: 4px 0 0 0;
2156
- }
2157
- .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, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .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 {
2158
- border-radius: 0 4px 0 0;
2159
-
2160
- -webkit-border-radius: 0 4px 0 0;
2161
- -moz-border-radius: 0 4px 0 0;
2162
- }
2163
- .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
2164
- border-radius: 0 0 4px 4px;
2165
-
2166
- -webkit-border-radius: 0 0 4px 4px;
2167
- -moz-border-radius: 0 0 4px 4px;
2168
- }
2169
- .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, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .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 {
2170
- border-radius: 0 0 0 4px;
2171
-
2172
- -webkit-border-radius: 0 0 0 4px;
2173
- -moz-border-radius: 0 0 0 4px;
2174
- }
2175
- .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, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .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 {
2176
- border-radius: 0 0 4px 0;
2177
-
2178
- -webkit-border-radius: 0 0 4px 0;
2179
- -moz-border-radius: 0 0 4px 0;
2180
- }
2181
- .panel > .panel-body + .table, .panel > .panel-body + .table-responsive {
2182
- border-top-color: #e6e9ed;
2183
- }
2184
-
2185
- /**
2186
- * accordion
2187
- * --------------------------------------------------
2188
- */
2189
- .panel-group .panel {
2190
- background-color: transparent;
2191
- border-radius: 0;
2192
- -webkit-box-shadow: none;
2193
- -moz-box-shadow: none;
2194
- box-shadow: none;
2195
-
2196
- -webkit-border-radius: 0;
2197
- -moz-border-radius: 0;
2198
- }
2199
- .panel-group .panel + .panel {
2200
- margin-top: 0;
2201
- }
2202
- .panel-group .panel-heading {
2203
- padding: 0;
2204
- border-bottom-color: transparent;
2205
- }
2206
- .panel-group .panel-heading + .panel-collapse .panel-body {
2207
- padding: 15px 0;
2208
- border-top-color: transparent;
2209
- }
2210
- .panel-group .panel-title a {
2211
- display: block;
2212
- padding: 10px 0;
2213
- }
2214
-
2215
- .panel-group-lists .panel {
2216
- background-color: white;
2217
- border-bottom: 1px solid #e6e9ed;
2218
- -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
2219
- -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
2220
- box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
2221
- }
2222
- .panel-group-lists .panel:first-child {
2223
- border-radius: 4px 4px 0 0;
2224
-
2225
- -webkit-border-radius: 4px 4px 0 0;
2226
- -moz-border-radius: 4px 4px 0 0;
2227
- }
2228
- .panel-group-lists .panel:last-child {
2229
- border-bottom: none;
2230
- border-radius: 0 0 4px 4px;
2231
-
2232
- -webkit-border-radius: 0 0 4px 4px;
2233
- -moz-border-radius: 0 0 4px 4px;
2234
- }
2235
- .panel-group-lists .panel-heading + .panel-collapse .panel-body {
2236
- padding: 15px;
2237
- border-top-color: #e6e9ed;
2238
- }
2239
- .panel-group-lists .panel-title a {
2240
- padding: 10px 15px;
2241
- color: #434a54;
2242
- }
2243
- .panel-group-lists .panel-title a:hover, .panel-group-lists .panel-title a:focus, .panel-group-lists .panel-title a:active {
2244
- color: #aab2bd;
2245
- }
2246
-
2247
- /**
2248
- * footer
2249
- * --------------------------------------------------
2250
- */
2251
- .footer {
2252
- padding: 40px 0;
2253
- background-color: #434a54;
2254
- }
2255
- .footer-logo, .footer-nav {
2256
- float: left;
2257
- width: 20%;
2258
- padding: 0 20px;
2259
- }
2260
- @media (max-width: 768px) {
2261
- .footer-logo {
2262
- margin-bottom: 20px;
2263
- }
2264
- .footer-logo, .footer-nav {
2265
- display: block;
2266
- float: none;
2267
- width: 100%;
2268
- }
2269
- }
2270
- .footer-logo {
2271
- height: 32px;
2272
- margin-top: -5px;
2273
- line-height: 32px;
2274
- }
2275
- .footer-logo img {
2276
- margin-right: 10px;
2277
- }
2278
- .footer-logo a {
2279
- font-size: 20px;
2280
- font-weight: bold;
2281
- color: white;
2282
- }
2283
- .footer-logo a:hover, .footer-logo a:active {
2284
- text-decoration: none;
2285
- }
2286
- .footer-nav .nav-title {
2287
- margin-bottom: 15px;
2288
- color: #e6e9ed;
2289
- }
2290
- .footer-nav .nav-item {
2291
- line-height: 28px;
2292
- }
2293
- .footer-nav .nav-item > a {
2294
- color: #aab2bd;
2295
- }
2296
- .footer-nav .nav-item > a:hover, .footer-nav .nav-item > a:active {
2297
- color: #ccd1d9;
2298
- text-decoration: none;
2299
- }
2300
- .footer-copyright {
2301
- color: #aab2bd;
2302
- }
2303
-
2304
- /**
2305
- * timeline
2306
- * --------------------------------------------------
2307
- */
2308
- .timeline dl {
2309
- position: relative;
2310
- top: 0;
2311
- padding: 20px 0;
2312
- margin: 0;
2313
- }
2314
- .timeline dl:before {
2315
- position: absolute;
2316
- top: 0;
2317
- bottom: 0;
2318
- left: 50%;
2319
- z-index: 100;
2320
- width: 2px;
2321
- margin-left: -1px;
2322
- content: '';
2323
- background-color: #ccd1d9;
2324
- }
2325
- .timeline dl dt {
2326
- position: relative;
2327
- top: 30px;
2328
- z-index: 200;
2329
- width: 120px;
2330
- padding: 3px 5px;
2331
- margin: 0 auto 30px;
2332
- font-weight: normal;
2333
- color: white;
2334
- text-align: center;
2335
- background-color: #aab2bd;
2336
- border-radius: 4px;
2337
-
2338
- -webkit-border-radius: 4px;
2339
- -moz-border-radius: 4px;
2340
- }
2341
- .timeline dl dd {
2342
- position: relative;
2343
- z-index: 200;
2344
- }
2345
- .timeline dl dd .circ {
2346
- position: absolute;
2347
- top: 40px;
2348
- left: 50%;
2349
- z-index: 200;
2350
- width: 22px;
2351
- height: 22px;
2352
- margin-left: -11px;
2353
- background-color: #4fc1e9;
2354
- border: 4px solid #f5f7fa;
2355
- border-radius: 50%;
2356
-
2357
- -webkit-border-radius: 50%;
2358
- -moz-border-radius: 50%;
2359
- }
2360
- .timeline dl dd .time {
2361
- position: absolute;
2362
- top: 31px;
2363
- left: 50%;
2364
- display: inline-block;
2365
- width: 100px;
2366
- padding: 10px 20px;
2367
- color: #4fc1e9;
2368
- }
2369
- .timeline dl dd .events {
2370
- position: relative;
2371
- width: 47%;
2372
- padding: 10px 10px 0;
2373
- margin-top: 31px;
2374
- background-color: white;
2375
- border-radius: 4px;
2376
-
2377
- -webkit-border-radius: 4px;
2378
- -moz-border-radius: 4px;
2379
- }
2380
- .timeline dl dd .events:before {
2381
- position: absolute;
2382
- top: 12px;
2383
- width: 0;
2384
- height: 0;
2385
- content: '';
2386
- border-style: solid;
2387
- border-width: 6px;
2388
- }
2389
- .timeline dl dd .events .events-object {
2390
- margin-right: 10px;
2391
- }
2392
- .timeline dl dd .events .events-body {
2393
- overflow: hidden;
2394
- zoom: 1;
2395
- }
2396
- .timeline dl dd .events .events-body .events-heading {
2397
- margin: 0 0 10px;
2398
- font-size: 14px;
2399
- }
2400
- .timeline dl dd.pos-right .time {
2401
- margin-left: -100px;
2402
- text-align: right;
2403
- }
2404
- .timeline dl dd.pos-right .events {
2405
- float: right;
2406
- }
2407
- .timeline dl dd.pos-right .events:before {
2408
- left: -12px;
2409
- border-color: transparent white transparent transparent;
2410
- }
2411
- .timeline dl dd.pos-left .time {
2412
- margin-left: 0;
2413
- text-align: left;
2414
- }
2415
- .timeline dl dd.pos-left .events {
2416
- float: left;
2417
- }
2418
- .timeline dl dd.pos-left .events:before {
2419
- right: -12px;
2420
- border-color: transparent transparent transparent white;
2421
- }
2422
-
2423
- @media screen and (max-width: 767px) {
2424
- .timeline dl:before {
2425
- left: 60px;
2426
- }
2427
- .timeline dl dt {
2428
- margin: 0 0 30px;
2429
- }
2430
- .timeline dl dd .circ {
2431
- left: 60px;
2432
- }
2433
- .timeline dl dd .time {
2434
- left: 0;
2435
- }
2436
- .timeline dl dd.pos-left .time {
2437
- padding: 10px 0;
2438
- margin-left: 0;
2439
- text-align: left;
2440
- }
2441
- .timeline dl dd.pos-left .events {
2442
- float: right;
2443
- width: 84%;
2444
- }
2445
- .timeline dl dd.pos-left .events:before {
2446
- left: -12px;
2447
- border-color: transparent white transparent transparent;
2448
- }
2449
- .timeline dl dd.pos-right .time {
2450
- padding: 10px 0;
2451
- margin-left: 0;
2452
- text-align: left;
2453
- }
2454
- .timeline dl dd.pos-right .events {
2455
- float: right;
2456
- width: 84%;
2457
- }
2458
- }
2459
- /**
2460
- * dropdown-menu
2461
- * --------------------------------------------------
2462
- */
2463
- .dropdown-menu {
2464
- background-color: #434a54;
2465
- border: none;
2466
- }
2467
- .dropdown-menu .dropdown-header {
2468
- padding: 5px 20px;
2469
- font-size: 14px;
2470
- font-weight: 700;
2471
- color: #aab2bd;
2472
- }
2473
- .dropdown-menu li a {
2474
- padding: 5px 20px;
2475
- color: white;
2476
- }
2477
- .dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu .active a, .dropdown-menu .active a:hover, .dropdown-menu .active a:focus {
2478
- color: white;
2479
- background-color: #656d78;
2480
- outline: none;
2481
- }
2482
- .dropdown-menu .disabled a, .dropdown-menu .disabled a:hover, .dropdown-menu .disabled a:focus {
2483
- color: #656d78;
2484
- cursor: default;
2485
- }
2486
- .dropdown-menu .divider {
2487
- background-color: #656d78;
2488
- border-bottom: none;
2489
- }
2490
- .dropup .dropdown-menu {
2491
- margin-bottom: 0;
2492
- border-radius: 4px 4px 0 0;
2493
-
2494
- -webkit-border-radius: 4px 4px 0 0;
2495
- -moz-border-radius: 4px 4px 0 0;
2496
- }
2497
-
2498
- /**
2499
- * dropdown-submenu
2500
- * --------------------------------------------------
2501
- */
2502
- .dropdown-submenu {
2503
- position: relative;
2504
- }
2505
- .dropdown-submenu .dropdown-menu {
2506
- top: 0;
2507
- left: 100%;
2508
- margin-top: -6px;
2509
- margin-left: -1px;
2510
- border-radius: 0 4px 4px 4px;
2511
-
2512
- -webkit-border-radius: 0 4px 4px 4px;
2513
- -moz-border-radius: 0 4px 4px 4px;
2514
- }
2515
- .dropdown-submenu:hover .dropdown-menu {
2516
- display: block;
2517
- }
2518
- .dropup .dropdown-submenu .dropdown-menu {
2519
- top: auto;
2520
- bottom: 0;
2521
- margin-top: 0;
2522
- margin-bottom: -2px;
2523
- border-radius: 4px 4px 4px 0;
2524
-
2525
- -webkit-border-radius: 4px 4px 4px 0;
2526
- -moz-border-radius: 4px 4px 4px 0;
2527
- }
2528
- .dropdown-submenu > a:after {
2529
- display: block;
2530
- float: right;
2531
- width: 0;
2532
- height: 0;
2533
- margin-top: 5px;
2534
- margin-right: -10px;
2535
- content: " ";
2536
- border-color: transparent;
2537
- border-style: solid;
2538
- border-width: 5px 0 5px 5px;
2539
- border-left-color: white;
2540
- }
2541
- .dropdown-default .dropdown-submenu > a:after {
2542
- border-left-color: #434a54;
2543
- }
2544
- .dropdown-submenu:hover a:after {
2545
- border-left-color: white;
2546
- }
2547
- .dropdown-submenu.pull-left {
2548
- float: none;
2549
- }
2550
- .dropdown-submenu.pull-left .dropdown-menu {
2551
- left: -100%;
2552
- margin-left: 10px;
2553
- border-radius: 4px 0 4px 4px;
2554
-
2555
- -webkit-border-radius: 4px 0 4px 4px;
2556
- -moz-border-radius: 4px 0 4px 4px;
2557
- }