OneSignal – Free Web Push Notifications - Version 1.16.16

Version Description

  • Code to catch error where core/editor is not defined for old versions of the editor
Download this release

Release Info

Developer OneSignal
Plugin Icon 128x128 OneSignal – Free Web Push Notifications
Version 1.16.16
Comparing to
See all releases

Code changes from version 1.3.0 to 1.16.16

notice.js ADDED
@@ -0,0 +1,155 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ jQuery(document).ready(function() {
2
+ if (!isWpCoreEditorDefined()) {
3
+ return;
4
+ }
5
+
6
+ const editor = wp.data.select("core/editor");
7
+ const get_wp_attr = attr => {
8
+ return editor.getEditedPostAttribute(attr);
9
+ };
10
+ var post_id = ajax_object.post_id;
11
+ var started = false;
12
+ var interval;
13
+ var interval_count = 0;
14
+
15
+ /*
16
+ * Subscribes function to state-change listener
17
+ * - checks change in post modified date
18
+ * - triggers interval that checks if recipient data available in backend
19
+ */
20
+ var first_modified;
21
+ wp.data.subscribe(() => {
22
+ // runs with each change in state
23
+ const post = wp.data.select("core/editor").getCurrentPost();
24
+
25
+ // runs until post data loads
26
+ if (!first_modified && post !== {}) {
27
+ first_modified = post.modified;
28
+ }
29
+
30
+ // latest modified date
31
+ const { modified } = post;
32
+
33
+ // is checked
34
+ const send_os_notif = jQuery("[name=send_onesignal_notification]").attr(
35
+ "checked"
36
+ );
37
+
38
+ // if hasn't started and change is detected
39
+ if (!started && modified !== first_modified && send_os_notif) {
40
+ interval = setInterval(get_metadata, 3000);
41
+ started = true;
42
+ }
43
+ });
44
+
45
+ /*
46
+ * Checks if post has meta for "recipients" on server
47
+ * - means request to OS has finished
48
+ */
49
+ const get_metadata = () => {
50
+ const data = {
51
+ action: "has_metadata",
52
+ post_id: post_id
53
+ };
54
+
55
+ jQuery.get(ajax_object.ajax_url, data, function(response) {
56
+ response = JSON.parse(response);
57
+ const { recipients, status_code, error_message } = response;
58
+
59
+ if (status_code >= 400 || !status_code) {
60
+ clearInterval(interval);
61
+
62
+ if (!status_code) {
63
+ error_notice("HTTP request failed");
64
+ }
65
+
66
+ if (!error_message) {
67
+ error_notice(
68
+ "OneSignal Push: there was a " +
69
+ status_code +
70
+ " error sending your notification"
71
+ );
72
+ } else {
73
+ error_notice("OneSignal Push: " + error_message);
74
+ }
75
+
76
+ interval_count = 0;
77
+ started = false;
78
+ first_modified = null;
79
+ return;
80
+ }
81
+
82
+ if (recipients == 0) {
83
+ clearInterval(interval);
84
+ error_notice(
85
+ "OneSignal Push: there were no recipients. You either 1) have no subscribers yet or 2) you hit the rate-limit. Please try again in an hour"
86
+ );
87
+ interval_count = 0;
88
+ started = false;
89
+ first_modified = null;
90
+ } else if (recipients) {
91
+ clearInterval(interval);
92
+ show_notice(recipients);
93
+ interval_count = 0;
94
+ started = false;
95
+ first_modified = null;
96
+ }
97
+
98
+ // try for 1 minute
99
+ if (interval_count > 20) {
100
+ clearInterval(interval);
101
+ error_notice(
102
+ "OneSignal Push: Did not receive a response status from last notification sent"
103
+ );
104
+ interval_count = 0;
105
+ started = false;
106
+ first_modified = null;
107
+ }
108
+ });
109
+ interval_count += 1;
110
+ };
111
+
112
+ /*
113
+ * Gets recipient count and shows notice
114
+ */
115
+ const show_notice = recipients => {
116
+ const plural = recipients == 1 ? "" : "s";
117
+ wp.data
118
+ .dispatch("core/notices")
119
+ .createNotice(
120
+ "info",
121
+ "OneSignal Push: Successfully sent a notification to " +
122
+ recipients +
123
+ " recipient" +
124
+ plural,
125
+ {
126
+ isDismissible: true
127
+ }
128
+ );
129
+ };
130
+
131
+ const error_notice = error => {
132
+ wp.data.dispatch("core/notices").createNotice("error", error, {
133
+ isDismissible: true
134
+ });
135
+ };
136
+ });
137
+ const isWpCoreEditorDefined = () => {
138
+ var unloadable = ""; // variable that couldn't be loaded
139
+ if (!wp || !wp.data || !wp.data.select("core/editor")) {
140
+ if (!wp) {
141
+ unloadable = "wp";
142
+ } else if (!wp.data) {
143
+ unloadable = "wp.data";
144
+ } else if (!wp.data.select("core/editor")) {
145
+ unloadable = 'wp.data.select("core/editor")';
146
+ }
147
+
148
+ console.warn(
149
+ `OneSignal Push: could not load ${unloadable}. https:\/\/bit.ly/2F4G0bt`
150
+ );
151
+ return false;
152
+ } else {
153
+ return true;
154
+ }
155
+ };
onesignal-admin.php CHANGED
@@ -1,181 +1,898 @@
1
- <?php
2
-
3
- class OneSignal_Admin {
4
- public function __construct() {
5
- }
6
-
7
- public static function init() {
8
- $onesignal = new self();
9
- if (current_user_can('update_plugins')) {
10
- add_action( 'admin_menu', array(__CLASS__, 'add_admin_page') );
11
- }
12
- if (current_user_can('publish_posts') || current_user_can('edit_published_posts')) {
13
- add_action( 'add_meta_boxes_post', array( __CLASS__, 'add_onesignal_post_options' ) );
14
- }
15
-
16
- add_action( 'transition_post_status', array( __CLASS__, 'on_transition_post_status' ), 10, 3 );
17
-
18
- return $onesignal;
19
- }
20
-
21
- public static function add_onesignal_post_options() {
22
- add_meta_box('onesignal_notif_on_post',
23
- 'OneSignal',
24
- array( __CLASS__, 'onesignal_notif_on_post_html_view' ),
25
- 'post',
26
- 'side',
27
- 'high');
28
- }
29
-
30
- public static function onesignal_notif_on_post_html_view($post) {
31
- $onesignal_wp_settings = OneSignal::get_onesignal_settings();
32
- ?>
33
- <input type="checkbox" name="send_onesignal_notification" value="true" <?php if ($onesignal_wp_settings['notification_on_post'] && $post->post_status != "publish") { echo "checked"; } ?>></input>
34
- <input type="hidden" name="has_onesignal_setting" value="true"></input>
35
- <label> <?php if ($post->post_status == "publish") { echo "Send notification on update"; } else { echo "Send notification on publish"; } ?></label>
36
- <?php
37
- }
38
-
39
- public static function save_config_page($config) {
40
- if (!current_user_can('update_plugins'))
41
- return;
42
-
43
- $sdk_dir = plugin_dir_path( __FILE__ ) . 'sdk_files/';
44
- $onesignal_wp_settings = OneSignal::get_onesignal_settings();
45
- $new_app_id = $config['app_id'];
46
-
47
- // Validate the UUID
48
- if( preg_match('/([a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12})/', $new_app_id, $m))
49
- $onesignal_wp_settings['app_id'] = $new_app_id;
50
-
51
- if (is_numeric($config['gcm_sender_id'])) {
52
- $onesignal_wp_settings['gcm_sender_id'] = $config['gcm_sender_id'];
53
- }
54
-
55
- $onesignal_wp_settings['subdomain'] = $config['subdomain'];
56
-
57
- if (@$config['auto_register'] == "true") {
58
- $onesignal_wp_settings['auto_register'] = true;
59
- }
60
- else {
61
- $onesignal_wp_settings['auto_register'] = false;
62
- }
63
-
64
- if (@$config['notification_on_post'] == "true") {
65
- $onesignal_wp_settings['notification_on_post'] = true;
66
- }
67
- else {
68
- $onesignal_wp_settings['notification_on_post'] = false;
69
- }
70
-
71
- if (@$config['notification_on_post_from_plugin'] == "true") {
72
- $onesignal_wp_settings['notification_on_post_from_plugin'] = true;
73
- }
74
- else {
75
- $onesignal_wp_settings['notification_on_post_from_plugin'] = false;
76
- }
77
-
78
- $onesignal_wp_settings['app_rest_api_key'] = $config['app_rest_api_key'];
79
-
80
- $onesignal_wp_settings['safari_web_id'] = $config['safari_web_id'];
81
-
82
- $onesignal_wp_settings['prompt_action_message'] = $config['prompt_action_message'];
83
- $onesignal_wp_settings['prompt_example_notification_title_desktop'] = $config['prompt_example_notification_title_desktop'];
84
- $onesignal_wp_settings['prompt_example_notification_message_desktop'] = $config['prompt_example_notification_message_desktop'];
85
- $onesignal_wp_settings['prompt_example_notification_title_mobile'] = $config['prompt_example_notification_title_mobile'];
86
- $onesignal_wp_settings['prompt_example_notification_message_mobile'] = $config['prompt_example_notification_message_mobile'];
87
- $onesignal_wp_settings['prompt_example_notification_caption'] = $config['prompt_example_notification_caption'];
88
- $onesignal_wp_settings['prompt_cancel_button_text'] = $config['prompt_cancel_button_text'];
89
- $onesignal_wp_settings['prompt_accept_button_text'] = $config['prompt_accept_button_text'];
90
-
91
- OneSignal::save_onesignal_settings($onesignal_wp_settings);
92
-
93
- return $onesignal_wp_settings;
94
- }
95
-
96
- public static function add_admin_page() {
97
- $OneSignal_menu = add_menu_page('OneSignal Push',
98
- 'OneSignal Push',
99
- 'manage_options',
100
- 'onesignal-push',
101
- array(__CLASS__, 'admin_menu'),
102
- plugin_dir_url( __FILE__ ) .'views/images/menu_icon.png');
103
-
104
- add_action( 'load-' . $OneSignal_menu, array(__CLASS__, 'admin_custom_load') );
105
- }
106
-
107
- public static function admin_menu() {
108
- require_once( plugin_dir_path( __FILE__ ) . '/views/config.php' );
109
- }
110
-
111
- public static function admin_custom_load() {
112
- add_action( 'admin_enqueue_scripts', array(__CLASS__, 'admin_custom_scripts') );
113
- }
114
-
115
- function change_footer_admin() {
116
- echo '';
117
- }
118
-
119
-
120
- public static function admin_custom_scripts() {
121
- add_filter('admin_footer_text', 'change_footer_admin ');
122
-
123
- wp_enqueue_style( 'icons', plugin_dir_url( __FILE__ ) . 'views/css/icons.css');
124
- wp_enqueue_style( 'semantic-ui', plugin_dir_url( __FILE__ ) . 'views/css/semantic-ui.css');
125
- wp_enqueue_style( 'site', plugin_dir_url( __FILE__ ) . 'views/css/site.css');
126
-
127
- wp_enqueue_script( 'jquery.min', plugin_dir_url( __FILE__ ) . 'views/javascript/jquery.min.js');
128
- wp_enqueue_script( 'semantic-ui', plugin_dir_url( __FILE__ ) . 'views/javascript/semantic-ui.js');
129
- wp_enqueue_script( 'intercom', plugin_dir_url( __FILE__ ) . 'views/javascript/intercom.js');
130
- wp_enqueue_script( 'site', plugin_dir_url( __FILE__ ) . 'views/javascript/site-admin.js');
131
-
132
- }
133
-
134
- public static function send_notification_on_wp_post($new_status, $old_status, $post) {
135
- if (empty( $post ) || get_post_type( $post ) !== 'post' || $new_status !== "publish") {
136
- return;
137
- }
138
-
139
- $onesignal_wp_settings = OneSignal::get_onesignal_settings();
140
-
141
- if (isset($_POST['has_onesignal_setting'])) {
142
- $send_onesignal_notification = $_POST['send_onesignal_notification'];
143
- }
144
- elseif ($old_status !== "publish") {
145
- $send_onesignal_notification = $onesignal_wp_settings['notification_on_post_from_plugin'];
146
- }
147
-
148
- if ($send_onesignal_notification === true || $send_onesignal_notification === "true") {
149
- $notif_content = html_entity_decode(get_the_title($post->ID), ENT_QUOTES, 'UTF-8');
150
-
151
- $fields = array(
152
- 'app_id' => $onesignal_wp_settings['app_id'],
153
- 'included_segments' => array('All'),
154
- 'isAnyWeb' => true,
155
- 'url' => get_permalink($post->ID),
156
- 'contents' => array("en" => $notif_content)
157
- );
158
-
159
- $ch = curl_init();
160
- curl_setopt($ch, CURLOPT_URL, "https://onesignal.com/api/v1/notifications");
161
- curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: application/json',
162
- 'Authorization: Basic ' . $onesignal_wp_settings['app_rest_api_key']));
163
- curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
164
- curl_setopt($ch, CURLOPT_HEADER, FALSE);
165
- curl_setopt($ch, CURLOPT_POST, TRUE);
166
- curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($fields));
167
- curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
168
-
169
- $response = curl_exec($ch);
170
- curl_close($ch);
171
-
172
- return $response;
173
- }
174
- }
175
-
176
- public static function on_transition_post_status( $new_status, $old_status, $post ) {
177
- self::send_notification_on_wp_post($new_status, $old_status, $post);
178
- }
179
- }
180
-
181
- ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ defined( 'ABSPATH' ) or die('This page may not be accessed directly.');
4
+
5
+ function onesignal_change_footer_admin() {
6
+ return '';
7
+ }
8
+ /*
9
+ * Loads js script that includes ajax call with post id
10
+ */
11
+
12
+ add_action('admin_enqueue_scripts', 'load_javascript');
13
+ function load_javascript() {
14
+ global $post;
15
+ wp_register_script('notice_script', plugins_url('notice.js', __FILE__), array('jquery'), '1.1', true);
16
+ wp_enqueue_script('notice_script');
17
+ wp_localize_script('notice_script', 'ajax_object', array('ajax_url' => admin_url("admin-ajax.php"), 'post_id' => $post->ID));
18
+ }
19
+
20
+ add_action( 'wp_ajax_has_metadata', 'has_metadata' );
21
+ function has_metadata() {
22
+ $post_id = $_GET['post_id'];
23
+ $recipients = get_post_meta($post_id, "recipients")[0];
24
+ $status = get_post_meta($post_id, "status")[0];
25
+ $error_message = get_post_meta($post_id, "error_message")[0];
26
+ $data = array('recipients' => $recipients, 'status_code' => $status, 'error_message' => $error_message);
27
+ echo json_encode($data);
28
+ exit;
29
+
30
+ }
31
+
32
+ class OneSignal_Admin {
33
+ /**
34
+ * Increment $RESOURCES_VERSION any time the CSS or JavaScript changes to view the latest changes.
35
+ */
36
+ private static $RESOURCES_VERSION = '42';
37
+ private static $SAVE_POST_NONCE_KEY = 'onesignal_meta_box_nonce';
38
+ private static $SAVE_POST_NONCE_ACTION = 'onesignal_meta_box';
39
+ public static $SAVE_CONFIG_NONCE_KEY = 'onesignal_config_page_nonce';
40
+ public static $SAVE_CONFIG_NONCE_ACTION = 'onesignal_config_page';
41
+
42
+ public function __construct() {
43
+ }
44
+
45
+ public static function init() {
46
+ $onesignal = new self();
47
+
48
+ if (class_exists('WDS_Log_Post')) {
49
+ function exception_error_handler($errno, $errstr, $errfile, $errline) {
50
+ try {
51
+ switch ($errno) {
52
+ case E_USER_ERROR:
53
+ onesignal_debug('[ERROR]', $errstr . ' @ ' . $errfile . ':' . $errline);
54
+ exit(1);
55
+ break;
56
+
57
+ case E_USER_WARNING:
58
+ onesignal_debug('[WARNING]', $errstr . ' @ ' . $errfile . ':' . $errline);
59
+ break;
60
+
61
+ case E_USER_NOTICE || E_NOTICE:
62
+ //onesignal_debug('NOTICE: ' . $errstr . ' @ ' . $errfile . ':' . $errline);
63
+ break;
64
+
65
+ case E_STRICT:
66
+ //onesignal_debug('DEPRECATED: ' . $errstr . ' @ ' . $errfile . ':' . $errline);
67
+ break;
68
+
69
+ default:
70
+ onesignal_debug('[UNKNOWN ERROR]', '(' . $errno . '): ' . $errstr . ' @ ' . $errfile . ':' . $errline);
71
+ break;
72
+ }
73
+
74
+ return true;
75
+ } catch (Exception $ex) {
76
+ return true;
77
+ }
78
+ }
79
+
80
+ set_error_handler("exception_error_handler");
81
+
82
+ function fatal_exception_error_handler() {
83
+ $error = error_get_last();
84
+ try {
85
+ switch ($error['type']) {
86
+ case E_ERROR:
87
+ case E_CORE_ERROR:
88
+ case E_COMPILE_ERROR:
89
+ case E_USER_ERROR:
90
+ case E_RECOVERABLE_ERROR:
91
+ case E_CORE_WARNING:
92
+ case E_COMPILE_WARNING:
93
+ case E_PARSE:
94
+ onesignal_debug('[CRITICAL ERROR]', '(' . $error['type'] . ') ' . $error['message'] . ' @ ' . $error['file'] . ':' . $error['line']);
95
+ }
96
+ } catch (Exception $ex) {
97
+ return true;
98
+ }
99
+ }
100
+
101
+ register_shutdown_function('fatal_exception_error_handler');
102
+ }
103
+
104
+ if (OneSignalUtils::can_modify_plugin_settings()) {
105
+ add_action( 'admin_menu', array(__CLASS__, 'add_admin_page') );
106
+ }
107
+ if (OneSignalUtils::can_send_notifications()) {
108
+ add_action('admin_init', array( __CLASS__, 'add_onesignal_post_options' ));
109
+ }
110
+
111
+ add_action( 'save_post', array(__CLASS__, 'on_save_post'), 1, 3 );
112
+ add_action( 'transition_post_status', array( __CLASS__, 'on_transition_post_status' ), 10, 3 );
113
+ add_action( 'admin_enqueue_scripts', array( __CLASS__, 'admin_styles' ) );
114
+ return $onesignal;
115
+ }
116
+
117
+ public static function admin_styles() {
118
+ wp_enqueue_style( 'onesignal-admin-styles', plugin_dir_url( __FILE__ ) . 'views/css/onesignal-menu-styles.css', false, OneSignal_Admin::$RESOURCES_VERSION);
119
+ }
120
+
121
+ /**
122
+ * Save the meta when the post is saved.
123
+ * @param int $post_id The ID of the post being saved.
124
+ */
125
+ public static function on_save_post($post_id, $post, $updated) {
126
+ if ($post->post_type == 'wdslp-wds-log') {
127
+ // Prevent recursive post logging
128
+ return;
129
+ }
130
+ /*
131
+ * We need to verify this came from the our screen and with proper authorization,
132
+ * because save_post can be triggered at other times.
133
+ */
134
+ // Check if our nonce is set.
135
+ if (!isset( $_POST[OneSignal_Admin::$SAVE_POST_NONCE_KEY] ) ) {
136
+ // This is called on every new post ... not necessary to log it.
137
+ // onesignal_debug('Nonce is not set for post ' . $post->post_title . ' (ID ' . $post_id . ')');
138
+ return $post_id;
139
+ }
140
+
141
+ $nonce = $_POST[OneSignal_Admin::$SAVE_POST_NONCE_KEY];
142
+
143
+ // Verify that the nonce is valid.
144
+ if (!wp_verify_nonce($nonce, OneSignal_Admin::$SAVE_POST_NONCE_ACTION)) {
145
+ onesignal_debug('Nonce is not valid for ' . $post->post_title . ' (ID ' . $post_id . ')');
146
+ return $post_id;
147
+ }
148
+
149
+ /*
150
+ * If this is an autosave, our form has not been submitted,
151
+ * so we don't want to do anything.
152
+ */
153
+ if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
154
+ return $post_id;
155
+ }
156
+
157
+ /* OK, it's safe for us to save the data now. */
158
+
159
+ /* Some WordPress environments seem to be inconsistent about whether on_save_post is called before transition_post_status
160
+ * Check flag in case we just sent a notification for this post (this on_save_post is called after a successful send)
161
+ */
162
+ $just_sent_notification = (get_post_meta($post_id, 'onesignal_notification_already_sent', true) == true);
163
+
164
+ if ($just_sent_notification) {
165
+ // Reset our flag
166
+ update_post_meta($post_id, 'onesignal_notification_already_sent', false);
167
+ onesignal_debug('A notification was just sent, so ignoring on_save_post. Resetting check flag.');
168
+ return;
169
+ }
170
+
171
+ if (array_key_exists('onesignal_meta_box_present', $_POST)) {
172
+ update_post_meta($post_id, 'onesignal_meta_box_present', true);
173
+ onesignal_debug('Set post metadata "onesignal_meta_box_present" to true.');
174
+ } else {
175
+ update_post_meta($post_id, 'onesignal_meta_box_present', false);
176
+ onesignal_debug('Set post metadata "onesignal_meta_box_present" to false.');
177
+ }
178
+
179
+ /* Even though the meta box always contains the checkbox, if an HTML checkbox is not checked, it is not POSTed to the server */
180
+ if (array_key_exists('send_onesignal_notification', $_POST)) {
181
+ update_post_meta($post_id, 'onesignal_send_notification', true);
182
+ onesignal_debug('Set post metadata "onesignal_send_notification" to true.');
183
+ } else {
184
+ update_post_meta($post_id, 'onesignal_send_notification', false);
185
+ onesignal_debug('Set post metadata "onesignal_send_notification" to false.');
186
+ }
187
+ }
188
+
189
+ public static function add_onesignal_post_options() {
190
+ // If there is an error or success message we should display, display it now
191
+ function admin_notice_error() {
192
+ $onesignal_transient_error = get_transient('onesignal_transient_error');
193
+ if ( !empty($onesignal_transient_error) ) {
194
+ delete_transient( 'onesignal_transient_error' );
195
+ echo $onesignal_transient_error;
196
+ }
197
+
198
+ $onesignal_transient_success = get_transient('onesignal_transient_success');
199
+ if ( !empty($onesignal_transient_success) ) {
200
+ delete_transient( 'onesignal_transient_success' );
201
+ echo $onesignal_transient_success;
202
+ }
203
+ }
204
+ add_action( 'admin_notices', 'admin_notice_error');
205
+
206
+ // Add our meta box for the "post" post type (default)
207
+ add_meta_box('onesignal_notif_on_post',
208
+ 'OneSignal Push Notifications',
209
+ array( __CLASS__, 'onesignal_notif_on_post_html_view' ),
210
+ 'post',
211
+ 'side',
212
+ 'high');
213
+
214
+ // Then add our meta box for all other post types that are public but not built in to WordPress
215
+ $args = array(
216
+ 'public' => true,
217
+ '_builtin' => false
218
+ );
219
+ $output = 'names';
220
+ $operator = 'and';
221
+ $post_types = get_post_types( $args, $output, $operator );
222
+ foreach ( $post_types as $post_type ) {
223
+ add_meta_box(
224
+ 'onesignal_notif_on_post',
225
+ 'OneSignal Push Notifications',
226
+ array( __CLASS__, 'onesignal_notif_on_post_html_view' ),
227
+ $post_type,
228
+ 'side',
229
+ 'high'
230
+ );
231
+ }
232
+ }
233
+
234
+
235
+ /**
236
+ * Render Meta Box content.
237
+ * @param WP_Post $post The post object.
238
+ */
239
+ public static function onesignal_notif_on_post_html_view($post) {
240
+ $post_type = $post->post_type;
241
+ $onesignal_wp_settings = OneSignal::get_onesignal_settings();
242
+
243
+ // Add an nonce field so we can check for it later.
244
+ wp_nonce_field(OneSignal_Admin::$SAVE_POST_NONCE_ACTION, OneSignal_Admin::$SAVE_POST_NONCE_KEY, true);
245
+
246
+ // Our plugin config setting "Automatically send a push notification when I publish a post from the WordPress editor"
247
+ $settings_send_notification_on_wp_editor_post = $onesignal_wp_settings['notification_on_post'];
248
+
249
+ /* This is a scheduled post and the user checked "Send a notification on post publish/update". */
250
+ $post_metadata_was_send_notification_checked = (get_post_meta($post->ID, 'onesignal_send_notification', true) == true);
251
+
252
+ // We check the checkbox if: setting is enabled on Config page, post type is ONLY "post", and the post has not been published (new posts are status "auto-draft")
253
+ $meta_box_checkbox_send_notification = ($settings_send_notification_on_wp_editor_post && // If setting is enabled
254
+ $post->post_type == "post" && // Post type must be type post for checkbox to be auto-checked
255
+ in_array($post->post_status, array("future", "draft", "auto-draft", "pending"))) || // Post is scheduled, incomplete, being edited, or is awaiting publication
256
+ ($post_metadata_was_send_notification_checked);
257
+
258
+ if (has_filter('onesignal_meta_box_send_notification_checkbox_state')) {
259
+ $meta_box_checkbox_send_notification = apply_filters('onesignal_meta_box_send_notification_checkbox_state', $post, $onesignal_wp_settings);
260
+ }
261
+ onesignal_debug('$meta_box_checkbox_send_notification:', $meta_box_checkbox_send_notification);
262
+ onesignal_debug(' [$meta_box_checkbox_send_notification]', 'has_filter(onesignal_meta_box_send_notification_checkbox_state):', has_filter('onesignal_meta_box_send_notification_checkbox_state'));
263
+ onesignal_debug(' [$meta_box_checkbox_send_notification]', 'onesignal_meta_box_send_notification_checkbox_state filter result:', apply_filters('onesignal_meta_box_send_notification_checkbox_state', $post, $onesignal_wp_settings));
264
+ onesignal_debug(' [$meta_box_checkbox_send_notification]', '$settings_send_notification_on_wp_editor_post:', $settings_send_notification_on_wp_editor_post);
265
+ onesignal_debug(' [$meta_box_checkbox_send_notification]', '$settings_send_notification_on_wp_editor_post:', $settings_send_notification_on_wp_editor_post);
266
+ onesignal_debug(' [$meta_box_checkbox_send_notification]', '$post->post_type == "post":', $post->post_type == "post", '(' . $post->post_type . ')');
267
+ onesignal_debug(' [$meta_box_checkbox_send_notification]', 'in_array($post->post_status, array("future", "draft", "auto-draft", "pending"):', in_array($post->post_status, array("future", "draft", "auto-draft", "pending")), '(' . $post->post_status . ')');
268
+
269
+ ?>
270
+
271
+ <input type="hidden" name="onesignal_meta_box_present" value="true"></input>
272
+ <input type="checkbox" name="send_onesignal_notification" value="true" <?php if ($meta_box_checkbox_send_notification) { echo "checked"; } ?>></input>
273
+ <label>
274
+ <?php if ($post->post_status == "publish") {
275
+ echo "Send notification on " . $post_type . " update";
276
+ } else {
277
+ echo "Send notification on " . $post_type . " publish";
278
+ } ?>
279
+ </label>
280
+ <?php
281
+ }
282
+
283
+ public static function save_config_page($config) {
284
+ if (!OneSignalUtils::can_modify_plugin_settings()) {
285
+ onesignal_debug('Not saving plugin settings because the current user is not an administrator.');
286
+ set_transient( 'onesignal_transient_error', '<div class="error notice onesignal-error-notice">
287
+ <p><strong>OneSignal Push:</strong><em> Only administrators are allowed to save plugin settings.</em></p>
288
+ </div>', 86400 );
289
+ return;
290
+ }
291
+
292
+ $sdk_dir = plugin_dir_path( __FILE__ ) . 'sdk_files/';
293
+ $onesignal_wp_settings = OneSignal::get_onesignal_settings();
294
+ $new_app_id = $config['app_id'];
295
+
296
+ // Validate the UUID
297
+ if( preg_match('/([a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12})/', $new_app_id, $m))
298
+ $onesignal_wp_settings['app_id'] = trim($new_app_id);
299
+
300
+ if (array_key_exists('gcm_sender_id', $config) && (is_numeric($config['gcm_sender_id']) || $config['gcm_sender_id'] === '')) {
301
+ $onesignal_wp_settings['gcm_sender_id'] = trim($config['gcm_sender_id']);
302
+ }
303
+
304
+ if (array_key_exists('subdomain', $config)) {
305
+ $onesignal_wp_settings['subdomain'] = str_replace(' ', '', $config['subdomain']);
306
+ } else {
307
+ $onesignal_wp_settings['subdomain'] = "";
308
+ }
309
+ $onesignal_wp_settings['subdomain'] = trim($onesignal_wp_settings['subdomain']);
310
+
311
+ $onesignal_wp_settings['is_site_https_firsttime'] = 'set';
312
+
313
+ $booleanSettings = array(
314
+ 'is_site_https',
315
+ 'prompt_auto_register',
316
+ 'use_modal_prompt',
317
+ 'send_welcome_notification',
318
+ 'notification_on_post',
319
+ 'notification_on_post_from_plugin',
320
+ 'showNotificationIconFromPostThumbnail',
321
+ 'showNotificationImageFromPostThumbnail',
322
+ 'chrome_auto_dismiss_notifications',
323
+ 'prompt_customize_enable',
324
+ 'notifyButton_showAfterSubscribed',
325
+ 'notifyButton_enable',
326
+ 'notifyButton_prenotify',
327
+ 'notifyButton_showcredit',
328
+ 'notifyButton_customize_enable',
329
+ 'notifyButton_customize_colors_enable',
330
+ 'notifyButton_customize_offset_enable',
331
+ 'send_to_mobile_platforms',
332
+ 'show_gcm_sender_id',
333
+ 'use_custom_manifest',
334
+ 'use_custom_sdk_init',
335
+ 'show_notification_send_status_message',
336
+ 'use_http_permission_request',
337
+ 'customize_http_permission_request',
338
+ 'use_slidedown_permission_message_for_https'
339
+ );
340
+ OneSignal_Admin::saveBooleanSettings($onesignal_wp_settings, $config, $booleanSettings);
341
+
342
+ $stringSettings = array(
343
+ 'app_rest_api_key',
344
+ 'safari_web_id',
345
+ 'prompt_action_message',
346
+ 'prompt_example_notification_title_desktop',
347
+ 'prompt_example_notification_message_desktop',
348
+ 'prompt_example_notification_title_mobile',
349
+ 'prompt_example_notification_message_mobile',
350
+ 'prompt_example_notification_caption',
351
+ 'prompt_auto_accept_title',
352
+ 'prompt_site_name',
353
+ 'prompt_cancel_button_text',
354
+ 'prompt_accept_button_text',
355
+ 'welcome_notification_title',
356
+ 'welcome_notification_message',
357
+ 'welcome_notification_url',
358
+ 'notifyButton_size',
359
+ 'notifyButton_theme',
360
+ 'notifyButton_position',
361
+ 'notifyButton_color_background',
362
+ 'notifyButton_color_foreground',
363
+ 'notifyButton_color_badge_background',
364
+ 'notifyButton_color_badge_foreground',
365
+ 'notifyButton_color_badge_border',
366
+ 'notifyButton_color_pulse',
367
+ 'notifyButton_color_popup_button_background',
368
+ 'notifyButton_color_popup_button_background_hover',
369
+ 'notifyButton_color_popup_button_background_active',
370
+ 'notifyButton_color_popup_button_color',
371
+ 'notifyButton_offset_bottom',
372
+ 'notifyButton_offset_left',
373
+ 'notifyButton_offset_right',
374
+ 'notifyButton_message_prenotify',
375
+ 'notifyButton_tip_state_unsubscribed',
376
+ 'notifyButton_tip_state_subscribed',
377
+ 'notifyButton_tip_state_blocked',
378
+ 'notifyButton_message_action_subscribed',
379
+ 'notifyButton_message_action_resubscribed',
380
+ 'notifyButton_message_action_unsubscribed',
381
+ 'notifyButton_dialog_main_title',
382
+ 'notifyButton_dialog_main_button_subscribe',
383
+ 'notifyButton_dialog_main_button_unsubscribe',
384
+ 'notifyButton_dialog_blocked_title',
385
+ 'notifyButton_dialog_blocked_message',
386
+ 'utm_additional_url_params',
387
+ 'allowed_custom_post_types',
388
+ 'notification_title',
389
+ 'custom_manifest_url',
390
+ 'http_permission_request_modal_title',
391
+ 'http_permission_request_modal_message',
392
+ 'http_permission_request_modal_button_text',
393
+ 'persist_notifications'
394
+ );
395
+ OneSignal_Admin::saveStringSettings($onesignal_wp_settings, $config, $stringSettings);
396
+
397
+ OneSignal::save_onesignal_settings($onesignal_wp_settings);
398
+ return $onesignal_wp_settings;
399
+ }
400
+
401
+ public static function saveBooleanSettings(&$onesignal_wp_settings, &$config, $settings) {
402
+ foreach ($settings as $setting) {
403
+ if (array_key_exists($setting, $config)) {
404
+ $onesignal_wp_settings[$setting] = true;
405
+ } else {
406
+ $onesignal_wp_settings[$setting] = false;
407
+ }
408
+ }
409
+ }
410
+
411
+ public static function saveStringSettings(&$onesignal_wp_settings, &$config, $settings) {
412
+ foreach ($settings as $setting) {
413
+ if (array_key_exists($setting, $config)) {
414
+ $value = $config[$setting];
415
+ $value = OneSignalUtils::normalize($value);
416
+ $onesignal_wp_settings[$setting] = $value;
417
+ }
418
+ }
419
+ }
420
+
421
+ public static function add_admin_page() {
422
+ $OneSignal_menu = add_menu_page('OneSignal Push',
423
+ 'OneSignal Push',
424
+ 'manage_options',
425
+ 'onesignal-push',
426
+ array(__CLASS__, 'admin_menu')
427
+ );
428
+
429
+ OneSignal_Admin::save_config_settings_form();
430
+
431
+ add_action( 'load-' . $OneSignal_menu, array(__CLASS__, 'admin_custom_load') );
432
+ }
433
+
434
+ public static function save_config_settings_form() {
435
+ // If the user is trying to save the form, require a valid nonce or die
436
+ if (array_key_exists('app_id', $_POST)) {
437
+ // check_admin_referer dies if not valid; no if statement necessary
438
+ check_admin_referer(OneSignal_Admin::$SAVE_CONFIG_NONCE_ACTION, OneSignal_Admin::$SAVE_CONFIG_NONCE_KEY);
439
+ $onesignal_wp_settings = OneSignal_Admin::save_config_page($_POST);
440
+ }
441
+ }
442
+
443
+ public static function admin_menu() {
444
+ require_once( plugin_dir_path( __FILE__ ) . '/views/config.php' );
445
+ }
446
+
447
+ public static function admin_custom_load() {
448
+ add_action('admin_enqueue_scripts', array(__CLASS__, 'admin_custom_scripts'));
449
+
450
+ $onesignal_wp_settings = OneSignal::get_onesignal_settings();
451
+ if (
452
+ $onesignal_wp_settings['app_id'] == '' ||
453
+ $onesignal_wp_settings['app_rest_api_key'] == ''
454
+ ) {
455
+ function admin_notice_setup_not_complete() {
456
+ ?>
457
+ <script>
458
+ document.addEventListener('DOMContentLoaded', function() {
459
+ activateSetupTab('setup/0');
460
+ });
461
+ </script>
462
+ <div class="error notice onesignal-error-notice">
463
+ <p><strong>OneSignal Push:</strong> <em>Your setup is not complete. Please follow the Setup guide to set up web push notifications. Both the App ID and REST API Key fields are required.</em></p>
464
+ </div>
465
+ <?php
466
+ }
467
+
468
+ add_action('admin_notices', 'admin_notice_setup_not_complete');
469
+ }
470
+
471
+ if (!function_exists('curl_init')) {
472
+ function admin_notice_curl_not_installed() {
473
+ ?>
474
+ <div class="error notice onesignal-error-notice">
475
+ <p><strong>OneSignal Push:</strong> <em>cURL is not installed on this server. cURL is required to send notifications. Please make sure cURL is installed on your server before continuing.</em></p>
476
+ </div>
477
+ <?php
478
+ }
479
+ add_action( 'admin_notices', 'admin_notice_curl_not_installed');
480
+ }
481
+ }
482
+
483
+ public static function admin_custom_scripts() {
484
+ add_filter('admin_footer_text', 'onesignal_change_footer_admin', 9999); // 9999 means priority, execute after the original fn executes
485
+
486
+ wp_enqueue_style( 'icons', plugin_dir_url( __FILE__ ) . 'views/css/icons.css', false, OneSignal_Admin::$RESOURCES_VERSION);
487
+ wp_enqueue_style( 'semantic-ui', plugin_dir_url( __FILE__ ) . 'views/css/semantic-ui.css', false, OneSignal_Admin::$RESOURCES_VERSION);
488
+ wp_enqueue_style( 'site', plugin_dir_url( __FILE__ ) . 'views/css/site.css', false, OneSignal_Admin::$RESOURCES_VERSION);
489
+
490
+ wp_enqueue_script( 'jquery.min', plugin_dir_url( __FILE__ ) . 'views/javascript/jquery.min.js', false, OneSignal_Admin::$RESOURCES_VERSION);
491
+ wp_enqueue_script( 'semantic-ui', plugin_dir_url( __FILE__ ) . 'views/javascript/semantic-ui.js', false, OneSignal_Admin::$RESOURCES_VERSION);
492
+ wp_enqueue_script( 'jquery.cookie', plugin_dir_url( __FILE__ ) . 'views/javascript/jquery.cookie.js', false, OneSignal_Admin::$RESOURCES_VERSION);
493
+ wp_enqueue_script( 'site', plugin_dir_url( __FILE__ ) . 'views/javascript/site-admin.js', false, OneSignal_Admin::$RESOURCES_VERSION);
494
+ }
495
+
496
+ /**
497
+ * Returns true if more than one notification has been sent in the last minute.
498
+ */
499
+ public static function get_sending_rate_limit_wait_time() {
500
+ onesignal_debug('Called is_over_sending_rate_limit()');
501
+ $last_send_time = get_option('onesignal.last_send_time');
502
+ onesignal_debug(' [is_over_sending_rate_limit] Last send time:', $last_send_time);
503
+ if ($last_send_time) {
504
+ $time_elapsed_since_last_send = ONESIGNAL_API_RATE_LIMIT_SECONDS - (current_time('timestamp') - intval($last_send_time));
505
+ if ($time_elapsed_since_last_send > 0) {
506
+ onesignal_debug(' [is_over_sending_rate_limit] Current send time (' . current_time('timestamp') . ') is less than rate limit time after the last send time.');
507
+ return $time_elapsed_since_last_send;
508
+ }
509
+ }
510
+ return false;
511
+ }
512
+
513
+ /**
514
+ * Updates the last sent timestamp, used in rate limiting notifications sent more than 1 per minute.
515
+ */
516
+ public static function update_last_sent_timestamp() {
517
+ update_option('onesignal.last_send_time', current_time('timestamp'));
518
+ }
519
+
520
+
521
+ /**
522
+ * hashes notification-title+timestamp and converts it into a uuid
523
+ * meant to prevent duplicate notification issue started with wp5.0.0
524
+ * @title - title of post
525
+ * return - uuid of sha1 hash of post title + post timestamp
526
+ */
527
+ public static function uuid($title) {
528
+ $now = explode(':', date("z:H:i"));
529
+ $now_minutes = $now[0] * 60 * 24 + $now[1] * 60 + $now[2];
530
+ $prev_minutes = get_option('TimeLastUpdated');
531
+ $prehash = (string)$title;
532
+
533
+ if ($prev_minutes !== false && ($now_minutes - $prev_minutes) > 60) {
534
+ update_option('TimeLastUpdated', $now_minutes);
535
+ $timestamp = $now_minutes;
536
+ } else if ($prev_minutes == false) {
537
+ add_option('TimeLastUpdated', $now_minutes);
538
+ $timestamp = $now_minutes;
539
+ } else {
540
+ $timestamp = $prev_minutes;
541
+ }
542
+
543
+ $prehash = $prehash . $timestamp;
544
+
545
+ $sha1 = substr(sha1($prehash), 0, 32);
546
+ return substr($sha1, 0, 8) . '-' . substr($sha1, 8, 4) . '-' . substr($sha1, 12, 4) . '-' . substr($sha1, 16, 4) . '-' . substr($sha1, 20, 12);
547
+ }
548
+
549
+ /**
550
+ * The main function that actually sends a notification to OneSignal.
551
+ */
552
+ public static function send_notification_on_wp_post($new_status, $old_status, $post) {
553
+ try {
554
+ if (!function_exists('curl_init')) {
555
+ onesignal_debug('Canceling send_notification_on_wp_post because curl_init() is not a defined function.');
556
+ return;
557
+ }
558
+
559
+ $time_to_wait = self::get_sending_rate_limit_wait_time();
560
+ if ($time_to_wait > 0) {
561
+ set_transient('onesignal_transient_error', '<div class="error notice onesignal-error-notice">
562
+ <p><strong>OneSignal Push:</strong><em> Please try again in ' . $time_to_wait . ' seconds. Only one notification can be sent every ' . ONESIGNAL_API_RATE_LIMIT_SECONDS . ' seconds.</em></p>
563
+ </div>', 86400);
564
+ return;
565
+ }
566
+
567
+ $onesignal_wp_settings = OneSignal::get_onesignal_settings();
568
+
569
+ /* Looks like on_save_post is called after transition_post_status so we'll have to check POST data in addition to post meta data */
570
+
571
+ /* Settings related to creating a post involving the WordPress editor displaying the OneSignal meta box
572
+ **********************************************************************************************************/
573
+
574
+ /* Returns true if there is POST data */
575
+ $was_posted = !empty($_POST);
576
+
577
+ /* When this post was created or updated, the OneSignal meta box in the WordPress post editor screen was visible */
578
+ $onesignal_meta_box_present = $was_posted && array_key_exists('onesignal_meta_box_present', $_POST) && $_POST['onesignal_meta_box_present'] == 'true';
579
+ /* The checkbox "Send notification on post publish/update" on the OneSignal meta box is checked */
580
+ $onesignal_meta_box_send_notification_checked = $was_posted && array_key_exists('send_onesignal_notification', $_POST) && $_POST['send_onesignal_notification'] == 'true';
581
+
582
+ /* This is a scheduled post and the OneSignal meta box was present. */
583
+ $post_metadata_was_onesignal_meta_box_present = (get_post_meta($post->ID, 'onesignal_meta_box_present', true) == true);
584
+ /* This is a scheduled post and the user checked "Send a notification on post publish/update". */
585
+ $post_metadata_was_send_notification_checked = (get_post_meta($post->ID, 'onesignal_send_notification', true) == true);
586
+
587
+ /* Either we were just posted from the WordPress post editor form, or this is a scheduled notification and it was previously submitted from the post editor form */
588
+ $posted_from_wordpress_editor = $onesignal_meta_box_present || $post_metadata_was_onesignal_meta_box_present;
589
+ /* ********************************************************************************************************* */
590
+
591
+
592
+ /* Settings related to creating a post outside of the WordPress editor NOT displaying the OneSignal meta box
593
+ ************************************************************************************************************/
594
+
595
+ /* OneSignal plugin setting "Automatically send a push notification when I create a post from 3rd party plugins"
596
+ * If set to true, send only if *publishing* a post type *post* from *something other than the default WordPress editor*.
597
+ * The filter hooks "onesignal_exclude_post" and "onesignal_include_post" can override this behavior as long as the option to automatically send from 3rd party plugins is set.
598
+ */
599
+ $settings_send_notification_on_non_editor_post_publish = $onesignal_wp_settings['notification_on_post_from_plugin'];
600
+ $additional_custom_post_types_string = str_replace(' ', '', $onesignal_wp_settings['allowed_custom_post_types']);
601
+ $additional_custom_post_types_array = array_filter(explode(',', $additional_custom_post_types_string));
602
+ onesignal_debug('Additional allowed custom post types:', $additional_custom_post_types_string);
603
+ $non_editor_post_publish_do_send_notification = $settings_send_notification_on_non_editor_post_publish &&
604
+ ($post->post_type == "post" || in_array($post->post_type, $additional_custom_post_types_array)) &&
605
+ $old_status !== "publish";
606
+ /* ********************************************************************************************************* */
607
+
608
+
609
+ if ($posted_from_wordpress_editor) {
610
+ // Decide to send based on whether the checkbox "Send notification on post publish/update" is checked
611
+ // This post may be scheduled or just submitted from the WordPress editor
612
+ // Metadata may not be saved into post yet, so use $_POST form data if metadata not available
613
+ $do_send_notification = ($was_posted && $onesignal_meta_box_send_notification_checked) ||
614
+ (!$was_posted && $post_metadata_was_send_notification_checked);
615
+ } else {
616
+ // This was definitely not submitted via the WordPress editor
617
+ // Decide to send based on whether the 3rd-party plugins setting is checked
618
+ $do_send_notification = $non_editor_post_publish_do_send_notification;
619
+ }
620
+
621
+ if (has_filter('onesignal_include_post')) {
622
+ if (apply_filters('onesignal_include_post', $new_status, $old_status, $post)) {
623
+ onesignal_debug('Will actually send a notification for this post because the filter opted to include the post.');
624
+ $do_send_notification = true;
625
+ }
626
+ }
627
+
628
+ onesignal_debug('Post Status:', $old_status, '-->', $new_status);
629
+ onesignal_debug_post($post);
630
+ onesignal_debug('Has onesignal_include_post filter:', has_filter('onesignal_include_post'));
631
+ onesignal_debug(' [onesignal_include_post Filter]', 'Filter Result:' , apply_filters('onesignal_include_post', $new_status, $old_status, $post));
632
+ onesignal_debug('Has onesignal_exclude_post filter:', has_filter('onesignal_exclude_post'));
633
+ onesignal_debug(' [onesignal_exclude_post Filter]', 'Filter Result:' , apply_filters('onesignal_exclude_post', $new_status, $old_status, $post));
634
+ onesignal_debug('Posted from WordPress editor:', $posted_from_wordpress_editor);
635
+ onesignal_debug(' [Posted from WordPress editor]', 'Just Posted Meta Box Present:', $onesignal_meta_box_present);
636
+ onesignal_debug(' [Posted from WordPress editor]', 'Was Meta Box Ever Present:', $post_metadata_was_onesignal_meta_box_present);
637
+ onesignal_debug('Editor Post Send:', $posted_from_wordpress_editor && $do_send_notification);
638
+ onesignal_debug(' [Editor Post Send]', 'Meta Box Send Notification Just Checked:', $onesignal_meta_box_send_notification_checked);
639
+ onesignal_debug(' [Editor Post Send]', 'Meta Box Send Notification Previously Checked:', $post_metadata_was_send_notification_checked);
640
+ onesignal_debug('Non-Editor Post Send:', $non_editor_post_publish_do_send_notification);
641
+ onesignal_debug(' [Non-Editor Post Send]', 'Auto Send Config Setting:', $settings_send_notification_on_non_editor_post_publish);
642
+ onesignal_debug(' [Non-Editor Post Send]', 'Post Type:', ($post->post_type == "post" || in_array($post->post_type, $additional_custom_post_types_array)), '(' . $post->post_type . ')');
643
+ onesignal_debug(' [Non-Editor Post Send]', 'Old Post Status:' , ($old_status !== "publish"), '(' . $old_status . ')');
644
+ onesignal_debug('Actually Sending Notification:', $do_send_notification);
645
+
646
+ if ($do_send_notification) {
647
+
648
+ /* Now that all settings are retrieved, and we are actually sending the notification, reset the post's metadata
649
+ * If this post is sent through a plugin in the future, existing metadata will interfere with the send condition logic
650
+ * If this post is re-sent through the WordPress editor, the metadata will be added back automatically
651
+ */
652
+ update_post_meta($post->ID, 'onesignal_meta_box_present', false);
653
+ update_post_meta($post->ID, 'onesignal_send_notification', false);
654
+ onesignal_debug('Removed OneSignal metadata from post.');
655
+
656
+ /* Some WordPress environments seem to be inconsistent about whether on_save_post is called before transition_post_status
657
+ * This sets the metadata back to true, and will cause a post to be sent even if the checkbox is not checked the next time
658
+ * We remove all related $_POST data to prevent this
659
+ */
660
+ if ($was_posted) {
661
+ if (array_key_exists('onesignal_meta_box_present', $_POST)) {
662
+ unset($_POST['onesignal_meta_box_present']);
663
+ onesignal_debug('Unset $_POST[\'onesignal_meta_box_present\']');
664
+ }
665
+ if (array_key_exists('send_onesignal_notification', $_POST)) {
666
+ unset($_POST['send_onesignal_notification']);
667
+ onesignal_debug('Unset $_POST[\'send_onesignal_notification\']');
668
+ }
669
+ }
670
+
671
+
672
+ $notif_content = OneSignalUtils::decode_entities(get_the_title($post->ID));
673
+
674
+ $site_title = "";
675
+ if ($onesignal_wp_settings['notification_title'] != "") {
676
+ $site_title = OneSignalUtils::decode_entities($onesignal_wp_settings['notification_title']);
677
+ } else {
678
+ $site_title = OneSignalUtils::decode_entities(get_bloginfo('name'));
679
+ }
680
+
681
+ if (function_exists('qtrans_getLanguage')) {
682
+ try {
683
+ $qtransLang = qtrans_getLanguage();
684
+ $site_title = qtrans_use($qtransLang, $site_title, false);
685
+ $notif_content = qtrans_use($qtransLang, $notif_content, false);
686
+ } catch (Exception $e) {
687
+ onesignal_debug('Caught qTrans exception:', $e->getMessage());
688
+ }
689
+ }
690
+
691
+ $fields = array(
692
+ "external_id" => self::uuid($notif_content),
693
+ "app_id" => $onesignal_wp_settings["app_id"],
694
+ "headings" => array("en" => $site_title),
695
+ "included_segments" => array("All"),
696
+ "isAnyWeb" => true,
697
+ "url" => get_permalink($post->ID),
698
+ "contents" => array("en" => $notif_content)
699
+ );
700
+
701
+ $send_to_mobile_platforms = $onesignal_wp_settings['send_to_mobile_platforms'];
702
+ if ($send_to_mobile_platforms == true) {
703
+ $fields["isIos"] = true;
704
+ $fields["isAndroid"] = true;
705
+ }
706
+
707
+ $config_utm_additional_url_params = $onesignal_wp_settings["utm_additional_url_params"];
708
+ if (!empty($config_utm_additional_url_params)) {
709
+ $fields["url"] .= '?' . $config_utm_additional_url_params;
710
+ }
711
+
712
+ if (has_post_thumbnail($post->ID)) {
713
+ onesignal_debug('Post has featured image.');
714
+
715
+ $post_thumbnail_id = get_post_thumbnail_id($post->ID);
716
+ // Higher resolution (2x retina, + a little more) for the notification small icon
717
+ $thumbnail_sized_images_array = wp_get_attachment_image_src($post_thumbnail_id, array(192, 192), true);
718
+ // Much higher resolution for the notification large image
719
+ $large_sized_images_array = wp_get_attachment_image_src($post_thumbnail_id, 'large', true);
720
+
721
+ $config_use_featured_image_as_icon = $onesignal_wp_settings['showNotificationIconFromPostThumbnail'] == "1";
722
+ onesignal_debug('Post should use featured image for notification icon (small):', $config_use_featured_image_as_icon);
723
+ $config_use_featured_image_as_image = $onesignal_wp_settings['showNotificationImageFromPostThumbnail'] == "1";
724
+ onesignal_debug('Post should use featured image for notification image (large):', $config_use_featured_image_as_image);
725
+
726
+ // get the icon image from wordpress if it exists
727
+ if ($config_use_featured_image_as_icon) {
728
+ onesignal_debug('Featured post image thumbnail-sized array:', $thumbnail_sized_images_array);
729
+ $thumbnail_image = $thumbnail_sized_images_array[0];
730
+ // set the icon image for both chrome and firefox-1
731
+ $fields['chrome_web_icon'] = $thumbnail_image;
732
+ $fields['firefox_icon'] = $thumbnail_image;
733
+ onesignal_debug('Setting Chrome and Firefox notification icon to:', $thumbnail_image);
734
+ }
735
+ if ($config_use_featured_image_as_image) {
736
+ onesignal_debug('Featured post image large-sized array:', $large_sized_images_array);
737
+ $large_image = $large_sized_images_array[0];
738
+ $fields['chrome_web_image'] = $large_image;
739
+ onesignal_debug('Setting Chrome notification large image to:', $large_image);
740
+ }
741
+ }
742
+
743
+ if (has_filter('onesignal_send_notification')) {
744
+ onesignal_debug('Applying onesignal_send_notification filter.');
745
+ $fields = apply_filters('onesignal_send_notification', $fields, $new_status, $old_status, $post);
746
+ onesignal_debug('onesignal_send_notification filter $fields result:', $fields);
747
+
748
+ // If the filter adds "do_send_notification: false", do not send a notification
749
+ if (array_key_exists('do_send_notification', $fields) && $fields['do_send_notification'] == false) {
750
+ return;
751
+ }
752
+ }
753
+
754
+ if (defined('ONESIGNAL_DEBUG') || class_exists('WDS_Log_Post')) {
755
+ // http://blog.kettle.io/debugging-curl-requests-in-php/
756
+ ob_start();
757
+ $out = fopen('php://output', 'w');
758
+ }
759
+
760
+ $onesignal_post_url = "https://onesignal.com/api/v1/notifications";
761
+
762
+ if (defined('ONESIGNAL_DEBUG') && defined('ONESIGNAL_LOCAL')) {
763
+ $onesignal_post_url = "https://localhost:3001/api/v1/notifications";
764
+ }
765
+
766
+ $onesignal_auth_key = $onesignal_wp_settings['app_rest_api_key'];
767
+
768
+
769
+ $request = array(
770
+ "headers" => array(
771
+ "content-type" => "application/json;charset=utf-8",
772
+ "Authorization" => "Basic " . $onesignal_auth_key
773
+ ),
774
+ "body" => json_encode($fields)
775
+ );
776
+
777
+ $response = wp_remote_post($onesignal_post_url, $request);
778
+
779
+ if ( isset( $response['body'] ) ) {
780
+ $response_body = json_decode($response["body"], true);
781
+ }
782
+
783
+ if ( is_wp_error($response) || !is_array( $response ) || !isset( $response['body']) ) {
784
+ $status = $response->get_error_code(); // custom code for WP_ERROR
785
+ error_log("There was a ".$status." error returned from OneSignal");
786
+ update_post_meta($post->ID, "error_message", $response->get_error_message());
787
+ } elseif ( isset( $response_body["errors"] ) ) {
788
+ update_post_meta($post->ID, "error_message", $response_body["errors"][0]);
789
+ }
790
+
791
+ if ( isset( $response['response'] ) ) {
792
+ $status = $response['response']['code'];
793
+ }
794
+
795
+
796
+ update_post_meta($post->ID, "status", $status);
797
+
798
+ if ($status != 200) {
799
+ if ($status != 0) {
800
+ set_transient( 'onesignal_transient_error', '<div class="error notice onesignal-error-notice">
801
+ <p><strong>OneSignal Push:</strong><em> There was a ' . $status . ' error sending your notification.</em></p>
802
+ </div>', 86400 );
803
+ } else {
804
+ // A 0 HTTP status code means the connection couldn't be established
805
+ set_transient( 'onesignal_transient_error', '<div class="error notice onesignal-error-notice">
806
+ <p><strong>OneSignal Push:</strong><em> There was an error establishing a network connection. Please make sure outgoing network connections from cURL are allowed.</em></p>
807
+ </div>', 86400 );
808
+ }
809
+ } else {
810
+ if (!empty($response)) {
811
+ onesignal_debug('OneSignal API Raw Response:', $response);
812
+
813
+ // API can send a 200 OK even if the notification failed to send
814
+ if ( isset( $response["body"]) ) {
815
+ $response_body = json_decode($response["body"], true);
816
+ if ( isset ( $response_body["recipients"] ) ) {
817
+ $recipient_count = $response_body["recipients"];
818
+ } else {
819
+ error_log("OneSignal: recipients not set in response body");
820
+ }
821
+ } else {
822
+ error_log("OneSignal: body not set in HTTP response");
823
+ }
824
+
825
+ // updates meta so that recipient count is available for GET request from client
826
+ update_post_meta($post->ID, "recipients", $recipient_count);
827
+
828
+ $sent_or_scheduled = array_key_exists('send_after', $fields) ? 'scheduled' : 'sent';
829
+ $config_show_notification_send_status_message = $onesignal_wp_settings['show_notification_send_status_message'] == "1";
830
+
831
+ if ($config_show_notification_send_status_message) {
832
+ if ($recipient_count != 0) {
833
+ set_transient('onesignal_transient_success', '<div class="components-notice is-success is-dismissible">
834
+ <div class="components-notice__content">
835
+ <p><strong>OneSignal Push:</strong><em> Successfully ' . $sent_or_scheduled . ' a notification to ' . $recipient_count . ' recipients.</em></p>
836
+ </div>
837
+ </div>', 86400);
838
+ } else {
839
+ set_transient('onesignal_transient_success', '<div class="updated notice notice-success is-dismissible">
840
+ <p><strong>OneSignal Push:</strong><em>There were no recipients. You either 1) have no subscribers yet or 2) you hit the rate-limit. Please try again in an hour.</em></p>
841
+ </div>', 86400);
842
+ }
843
+ }
844
+ }
845
+ }
846
+
847
+ if (defined('ONESIGNAL_DEBUG') || class_exists('WDS_Log_Post')) {
848
+ fclose($out);
849
+ $debug_output = ob_get_clean();
850
+
851
+ }
852
+
853
+ self::update_last_sent_timestamp();
854
+
855
+ return $response;
856
+ }
857
+ }
858
+ catch (Exception $e) {
859
+ onesignal_debug('Caught Exception:', $e->getMessage());
860
+ }
861
+ }
862
+
863
+ public static function was_post_restored_from_trash($old_status, $new_status) {
864
+ return $old_status === 'trash' && $new_status === 'publish';
865
+ }
866
+
867
+ public static function on_transition_post_status( $new_status, $old_status, $post ) {
868
+ if ($post->post_type == 'wdslp-wds-log' ||
869
+ self::was_post_restored_from_trash($old_status, $new_status)) {
870
+ // It's important not to call onesignal_debug() on posts of type wdslp-wds-log, otherwise each post will recursively generate 4 more posts
871
+ return;
872
+ }
873
+ if (has_filter('onesignal_include_post')) {
874
+ onesignal_debug('Applying onesignal_include_post filter.');
875
+ if (apply_filters('onesignal_include_post', $new_status, $old_status, $post)) {
876
+ // If the filter returns "$do_include_post: true", always process this post
877
+ onesignal_debug('Processing post because the filter opted to include the post.');
878
+ self::send_notification_on_wp_post($new_status, $old_status, $post);
879
+ return;
880
+ }
881
+ }
882
+ if (has_filter('onesignal_exclude_post')) {
883
+ onesignal_debug('Applying onesignal_exclude_post filter.');
884
+ if (apply_filters('onesignal_exclude_post', $new_status, $old_status, $post)) {
885
+ // If the filter returns "$do_exclude_post: false", do not process this post at all
886
+ onesignal_debug('Not processing post because the filter opted to exclude the post.');
887
+ return;
888
+ }
889
+ }
890
+ if (!(empty($post) ||
891
+ $new_status !== "publish" ||
892
+ $post->post_type == 'page')) {
893
+ self::send_notification_on_wp_post($new_status, $old_status, $post);
894
+ }
895
+ }
896
+ }
897
+
898
+ ?>
onesignal-public.php CHANGED
@@ -1,101 +1,416 @@
1
- <?php
2
-
3
- class OneSignal_Public {
4
-
5
- public function __construct() {}
6
-
7
- public static function init() {
8
- add_action( 'wp_head', array( __CLASS__, 'onesignal_header' ), 1 );
9
- }
10
-
11
- public static function onesignal_header() {
12
- $onesignal_wp_settings = OneSignal::get_onesignal_settings();
13
-
14
- if ($onesignal_wp_settings["subdomain"] == "") {
15
- if (strpos(ONESIGNAL_PLUGIN_URL, "http://localhost") === false && strpos(ONESIGNAL_PLUGIN_URL, "http://127.0.0.1") === false) {
16
- $current_plugin_url = preg_replace("/(http:\/\/)/i", "https://", ONESIGNAL_PLUGIN_URL);
17
- }
18
- else {
19
- $current_plugin_url = ONESIGNAL_PLUGIN_URL;
20
- }
21
- ?>
22
- <link rel="manifest" href="<?php echo( $current_plugin_url . 'sdk_files/manifest.json.php' ) ?>" />
23
- <?php } ?>
24
- <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async></script>
25
- <script>
26
- var OneSignal = OneSignal || [];
27
-
28
- OneSignal.push( function() {
29
- OneSignal.SERVICE_WORKER_UPDATER_PATH = "OneSignalSDKUpdaterWorker.js.php";
30
- OneSignal.SERVICE_WORKER_PATH = "OneSignalSDKWorker.js.php";
31
- OneSignal.SERVICE_WORKER_PARAM = { scope: '/' };
32
-
33
- <?php if ($onesignal_wp_settings['default_title'] != "") {
34
- echo "OneSignal.setDefaultTitle(\"" . $onesignal_wp_settings['default_title'] . "\");\n";
35
- }
36
- else {
37
- echo "OneSignal.setDefaultTitle(\"" . get_bloginfo( 'name' ) . "\");\n";
38
- }
39
-
40
- if ($onesignal_wp_settings['default_icon'] != "") {
41
- echo "OneSignal.setDefaultIcon(\"" . $onesignal_wp_settings['default_icon'] . "\");\n";
42
- }
43
-
44
- if ($onesignal_wp_settings['default_url'] != "") {
45
- echo "OneSignal.setDefaultNotificationUrl(\"" . $onesignal_wp_settings['default_url'] . "\");";
46
- }
47
- else {
48
- echo "OneSignal.setDefaultNotificationUrl(\"" . get_site_url() . "\");\n";
49
- }
50
- ?>
51
- var oneSignal_options = {appId: "<?php echo $onesignal_wp_settings["app_id"] ?>"};
52
-
53
- <?php
54
- if ($onesignal_wp_settings["subdomain"] != "") {
55
- echo "oneSignal_options['subdomainName'] = \"" . $onesignal_wp_settings["subdomain"] . "\";\n";
56
- }
57
- else {
58
- echo "oneSignal_options['path'] = \"" . $current_plugin_url . "sdk_files/\";\n";
59
- }
60
- if (@$onesignal_wp_settings["safari_web_id"]) {
61
- echo "oneSignal_options['safari_web_id'] = \"" . $onesignal_wp_settings["safari_web_id"] . "\";\n";
62
- }
63
-
64
-
65
- if ($onesignal_wp_settings["subdomain"] != "") {
66
- echo "oneSignal_options['promptOptions'] = { };\n";
67
- echo "oneSignal_options['promptOptions']['actionMessage'] = '" . $onesignal_wp_settings["prompt_action_message"] . "';\n";
68
- echo "oneSignal_options['promptOptions']['exampleNotificationTitleDesktop'] = '" . $onesignal_wp_settings["prompt_example_notification_title_desktop"] . "';\n";
69
- echo "oneSignal_options['promptOptions']['exampleNotificationMessageDesktop'] = '" . $onesignal_wp_settings["prompt_example_notification_message_desktop"] . "';\n";
70
- echo "oneSignal_options['promptOptions']['exampleNotificationTitleMobile'] = '" . $onesignal_wp_settings["prompt_example_notification_title_mobile"] . "';\n";
71
- echo "oneSignal_options['promptOptions']['exampleNotificationMessageMobile'] = '" . $onesignal_wp_settings["prompt_example_notification_message_mobile"] . "';\n";
72
- echo "oneSignal_options['promptOptions']['exampleNotificationCaption'] = '" . $onesignal_wp_settings["prompt_example_notification_caption"] . "';\n";
73
- echo "oneSignal_options['promptOptions']['acceptButtonText'] = '" . $onesignal_wp_settings["prompt_accept_button_text"] . "';\n";
74
- echo "oneSignal_options['promptOptions']['cancelButtonText'] = '" . $onesignal_wp_settings["prompt_cancel_button_text"] . "';\n";
75
- }
76
- ?>
77
-
78
- OneSignal.init(oneSignal_options);
79
- });
80
-
81
- function documentInitOneSignal() {
82
- var oneSignal_elements = document.getElementsByClassName("OneSignal-prompt");
83
- var oneSignalLinkClickHandler = function(event) { OneSignal.push(['registerForPushNotifications', {modalPrompt: true}]); event.preventDefault(); };
84
- for(var i = 0; i < oneSignal_elements.length; i++)
85
- oneSignal_elements[i].addEventListener('click', oneSignalLinkClickHandler, false);
86
- }
87
-
88
- if (document.readyState === 'complete') {
89
- documentInitOneSignal();
90
- }
91
- else {
92
- window.addEventListener("load", function(event){
93
- documentInitOneSignal();
94
- });
95
- }
96
- </script>
97
-
98
- <?php
99
- }
100
- }
101
- ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ defined( 'ABSPATH' ) or die('This page may not be accessed directly.');
4
+
5
+ function onesignal_debug() {
6
+ if (!defined('ONESIGNAL_DEBUG') && !class_exists('WDS_Log_Post')) {
7
+ return;
8
+ }
9
+ $numargs = func_num_args();
10
+ $arg_list = func_get_args();
11
+ $bt = debug_backtrace();
12
+ $output = '[' . $bt[1]['function'] . '] ';
13
+ for ($i = 0; $i < $numargs; $i ++) {
14
+ $arg = $arg_list[ $i ];
15
+
16
+ if (is_string($arg)) {
17
+ $arg_output = $arg;
18
+ } else {
19
+ $arg_output = var_export($arg, true);
20
+ }
21
+
22
+ if ($arg === "") {
23
+ $arg_output = "\"\"";
24
+ } else if ($arg === null) {
25
+ $arg_output = "null";
26
+ }
27
+
28
+ $output = $output . $arg_output . ' ';
29
+ }
30
+ $output = substr($output, 0, - 1);
31
+ $output = substr($output, 0, 1024); // Restrict messages to 1024 characters in length
32
+ if (defined('ONESIGNAL_DEBUG')) {
33
+ error_log('OneSignal: ' . $output);
34
+ }
35
+ if (class_exists('WDS_Log_Post')) {
36
+ $num_log_posts = wp_count_posts('wdslp-wds-log', 'readable');
37
+ // Limit the total number of log entries to 500
38
+ if ($num_log_posts && property_exists($num_log_posts, 'publish') && $num_log_posts->publish < 500) {
39
+ WDS_Log_Post::log_message($output, '', 'general');
40
+ }
41
+ }
42
+ }
43
+
44
+ function onesignal_debug_post($post) {
45
+ if (!$post) {
46
+ return;
47
+ }
48
+ return onesignal_debug('Post:', array('ID' => $post->ID,
49
+ 'Post Date' => $post->post_date,
50
+ 'Modified Date' => $post->post_modified,
51
+ 'Title' => $post->post_title,
52
+ 'Status:' => $post->post_status,
53
+ 'Type:' => $post->post_type));
54
+ }
55
+
56
+ class OneSignal_Public {
57
+
58
+ public function __construct() {}
59
+
60
+ public static function init() {
61
+ add_action('wp_head', array(__CLASS__, 'onesignal_header'), 10);
62
+ }
63
+
64
+ public static function insert_onesignal_header_manifest($onesignal_wp_settings, $current_plugin_url) {
65
+ $use_custom_manifest = $onesignal_wp_settings["use_custom_manifest"];
66
+ $custom_manifest_url = $onesignal_wp_settings["custom_manifest_url"];
67
+ if ($onesignal_wp_settings !== false && array_key_exists('gcm_sender_id', $onesignal_wp_settings)) {
68
+ $gcm_sender_id = $onesignal_wp_settings['gcm_sender_id'];
69
+ } else {
70
+ $gcm_sender_id = 'WORDPRESS_NO_SENDER_ID_ENTERED';
71
+ }
72
+ if ($use_custom_manifest) {
73
+ ?>
74
+ <link rel="manifest"
75
+ href="<?php echo($custom_manifest_url) ?>"/>
76
+ <?php
77
+ } else {
78
+ ?>
79
+ <link rel="manifest"
80
+ href="<?php echo($current_plugin_url . 'sdk_files/manifest.json.php?gcm_sender_id=' . $gcm_sender_id) ?>"/>
81
+ <?php
82
+ }
83
+ }
84
+
85
+ // For easier debugging of sites by identifying them as WordPress
86
+ public static function insert_onesignal_stamp() {
87
+ ?>
88
+ <meta name="onesignal" content="wordpress-plugin"/>
89
+ <?php
90
+ }
91
+
92
+ public static function onesignal_header() {
93
+ $onesignal_wp_settings = OneSignal::get_onesignal_settings();
94
+
95
+ if ($onesignal_wp_settings["subdomain"] == "") {
96
+ if (strpos(ONESIGNAL_PLUGIN_URL, "http://localhost") === false && strpos(ONESIGNAL_PLUGIN_URL, "http://127.0.0.1") === false) {
97
+ $current_plugin_url = preg_replace("/(http:\/\/)/i", "https://", ONESIGNAL_PLUGIN_URL);
98
+ } else {
99
+ $current_plugin_url = ONESIGNAL_PLUGIN_URL;
100
+ }
101
+ OneSignal_Public::insert_onesignal_stamp();
102
+ OneSignal_Public::insert_onesignal_header_manifest($onesignal_wp_settings, $current_plugin_url);
103
+ }
104
+ ?>
105
+ <?php
106
+ if (defined('ONESIGNAL_DEBUG') && defined('ONESIGNAL_LOCAL')) {
107
+ echo '<script src="https://localhost:3001/sdks/OneSignalSDK.js" async></script>';
108
+ } else {
109
+ echo '<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async></script>';
110
+ }
111
+ ?>
112
+ <script>
113
+
114
+ window.OneSignal = window.OneSignal || [];
115
+
116
+ OneSignal.push( function() {
117
+ OneSignal.SERVICE_WORKER_UPDATER_PATH = "OneSignalSDKUpdaterWorker.js.php";
118
+ OneSignal.SERVICE_WORKER_PATH = "OneSignalSDKWorker.js.php";
119
+ OneSignal.SERVICE_WORKER_PARAM = { scope: '/' };
120
+
121
+ <?php
122
+
123
+ if ($onesignal_wp_settings['default_icon'] != "") {
124
+ echo "OneSignal.setDefaultIcon(\"" . OneSignalUtils::decode_entities($onesignal_wp_settings['default_icon']) . "\");\n";
125
+ }
126
+
127
+ if ($onesignal_wp_settings['default_url'] != "") {
128
+ echo "OneSignal.setDefaultNotificationUrl(\"" . OneSignalUtils::decode_entities($onesignal_wp_settings['default_url']) . "\");";
129
+ }
130
+ else {
131
+ echo "OneSignal.setDefaultNotificationUrl(\"" . OneSignalUtils::decode_entities(get_site_url()) . "\");\n";
132
+ }
133
+ ?>
134
+ var oneSignal_options = {};
135
+ window._oneSignalInitOptions = oneSignal_options;
136
+
137
+ <?php
138
+ echo "oneSignal_options['wordpress'] = true;\n";
139
+ echo "oneSignal_options['appId'] = '" . $onesignal_wp_settings["app_id"] . "';\n";
140
+
141
+ if ($onesignal_wp_settings["prompt_auto_register"] == "1") {
142
+ echo "oneSignal_options['autoRegister'] = true;\n";
143
+ }
144
+ else {
145
+ echo "oneSignal_options['autoRegister'] = false;\n";
146
+ }
147
+
148
+ if ($onesignal_wp_settings["use_http_permission_request"] == "1") {
149
+ echo "oneSignal_options['httpPermissionRequest'] = { };\n";
150
+ echo "oneSignal_options['httpPermissionRequest']['enable'] = true;\n";
151
+
152
+ if (array_key_exists('customize_http_permission_request', $onesignal_wp_settings) && $onesignal_wp_settings["customize_http_permission_request"] == "1") {
153
+ echo "oneSignal_options['httpPermissionRequest']['modalTitle'] = \"" . OneSignalUtils::html_safe($onesignal_wp_settings["http_permission_request_modal_title"]) . "\";\n";
154
+ echo "oneSignal_options['httpPermissionRequest']['modalMessage'] = \"" . OneSignalUtils::html_safe($onesignal_wp_settings["http_permission_request_modal_message"]) . "\";\n";
155
+ echo "oneSignal_options['httpPermissionRequest']['modalButtonText'] = \"" . OneSignalUtils::html_safe($onesignal_wp_settings["http_permission_request_modal_button_text"]) . "\";\n";
156
+ }
157
+ }
158
+
159
+ if ($onesignal_wp_settings["send_welcome_notification"] == "1") {
160
+ echo "oneSignal_options['welcomeNotification'] = { };\n";
161
+ echo "oneSignal_options['welcomeNotification']['title'] = \"" . OneSignalUtils::html_safe($onesignal_wp_settings["welcome_notification_title"]) . "\";\n";
162
+ echo "oneSignal_options['welcomeNotification']['message'] = \"" . OneSignalUtils::html_safe($onesignal_wp_settings["welcome_notification_message"]) . "\";\n";
163
+ if ($onesignal_wp_settings["welcome_notification_url"] != "") {
164
+ echo "oneSignal_options['welcomeNotification']['url'] = \"" . OneSignalUtils::html_safe($onesignal_wp_settings["welcome_notification_url"]) . "\";\n";
165
+ }
166
+ }
167
+ else {
168
+ echo "oneSignal_options['welcomeNotification'] = { };\n";
169
+ echo "oneSignal_options['welcomeNotification']['disable'] = true;\n";
170
+ }
171
+
172
+ if ($onesignal_wp_settings["subdomain"] != "") {
173
+ echo "oneSignal_options['subdomainName'] = \"" . $onesignal_wp_settings["subdomain"] . "\";\n";
174
+ }
175
+ else {
176
+ echo "oneSignal_options['path'] = \"" . $current_plugin_url . "sdk_files/\";\n";
177
+ }
178
+
179
+ if (@$onesignal_wp_settings["safari_web_id"]) {
180
+ echo "oneSignal_options['safari_web_id'] = \"" . $onesignal_wp_settings["safari_web_id"] . "\";\n";
181
+ }
182
+
183
+ if ($onesignal_wp_settings["persist_notifications"] == "platform-default") {
184
+ echo "oneSignal_options['persistNotification'] = false;\n";
185
+ }
186
+ else if ($onesignal_wp_settings["persist_notifications"] == "yes-all") {
187
+ echo "oneSignal_options['persistNotification'] = true;\n";
188
+ }
189
+
190
+ echo "oneSignal_options['promptOptions'] = { };\n";
191
+ if (array_key_exists('prompt_customize_enable', $onesignal_wp_settings) && $onesignal_wp_settings["prompt_customize_enable"] == "1") {
192
+ if ($onesignal_wp_settings["prompt_action_message"] != "") {
193
+ echo "oneSignal_options['promptOptions']['actionMessage'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["prompt_action_message"]) . "';\n";
194
+ }
195
+ if ($onesignal_wp_settings["prompt_example_notification_title_desktop"] != "") {
196
+ echo "oneSignal_options['promptOptions']['exampleNotificationTitleDesktop'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["prompt_example_notification_title_desktop"]) . "';\n";
197
+ }
198
+ if ($onesignal_wp_settings["prompt_example_notification_message_desktop"] != "") {
199
+ echo "oneSignal_options['promptOptions']['exampleNotificationMessageDesktop'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["prompt_example_notification_message_desktop"]) . "';\n";
200
+ }
201
+ if ($onesignal_wp_settings["prompt_example_notification_title_mobile"] != "") {
202
+ echo "oneSignal_options['promptOptions']['exampleNotificationTitleMobile'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["prompt_example_notification_title_mobile"]) . "';\n";
203
+ }
204
+ if ($onesignal_wp_settings["prompt_example_notification_message_mobile"] != "") {
205
+ echo "oneSignal_options['promptOptions']['exampleNotificationMessageMobile'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["prompt_example_notification_message_mobile"]) . "';\n";
206
+ }
207
+ if ($onesignal_wp_settings["prompt_example_notification_caption"] != "") {
208
+ echo "oneSignal_options['promptOptions']['exampleNotificationCaption'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["prompt_example_notification_caption"]) . "';\n";
209
+ }
210
+ if ($onesignal_wp_settings["prompt_accept_button_text"] != "") {
211
+ echo "oneSignal_options['promptOptions']['acceptButtonText'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["prompt_accept_button_text"]) . "';\n";
212
+ }
213
+ if ($onesignal_wp_settings["prompt_cancel_button_text"] != "") {
214
+ echo "oneSignal_options['promptOptions']['cancelButtonText'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["prompt_cancel_button_text"]) . "';\n";
215
+ }
216
+ if ($onesignal_wp_settings["prompt_site_name"] != "") {
217
+ echo "oneSignal_options['promptOptions']['siteName'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["prompt_site_name"]) . "';\n";
218
+ }
219
+ if ($onesignal_wp_settings["prompt_auto_accept_title"] != "") {
220
+ echo "oneSignal_options['promptOptions']['autoAcceptTitle'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["prompt_auto_accept_title"]) . "';\n";
221
+ }
222
+ }
223
+
224
+ if (array_key_exists('notifyButton_enable', $onesignal_wp_settings) && $onesignal_wp_settings["notifyButton_enable"] == "1") {
225
+ echo "oneSignal_options['notifyButton'] = { };\n";
226
+ echo "oneSignal_options['notifyButton']['enable'] = true;\n";
227
+
228
+
229
+ if (array_key_exists('notifyButton_position', $onesignal_wp_settings) && $onesignal_wp_settings['notifyButton_position'] != "") {
230
+ echo "oneSignal_options['notifyButton']['position'] = '" . $onesignal_wp_settings["notifyButton_position"] . "';\n";
231
+ }
232
+ if (array_key_exists('notifyButton_theme', $onesignal_wp_settings) && $onesignal_wp_settings['notifyButton_theme'] != "") {
233
+ echo "oneSignal_options['notifyButton']['theme'] = '" . $onesignal_wp_settings["notifyButton_theme"] . "';\n";
234
+ }
235
+ if (array_key_exists('notifyButton_size', $onesignal_wp_settings) && $onesignal_wp_settings['notifyButton_size'] != "") {
236
+ echo "oneSignal_options['notifyButton']['size'] = '" . $onesignal_wp_settings["notifyButton_size"] . "';\n";
237
+ }
238
+
239
+ if ($onesignal_wp_settings["notifyButton_prenotify"] == "1") {
240
+ echo "oneSignal_options['notifyButton']['prenotify'] = true;\n";
241
+ } else {
242
+ echo "oneSignal_options['notifyButton']['prenotify'] = false;\n";
243
+ }
244
+
245
+ if ($onesignal_wp_settings["notifyButton_showAfterSubscribed"] !== true) {
246
+ echo "oneSignal_options['notifyButton']['displayPredicate'] = function() {
247
+ return OneSignal.isPushNotificationsEnabled()
248
+ .then(function(isPushEnabled) {
249
+ return !isPushEnabled;
250
+ });
251
+ };\n";
252
+ }
253
+
254
+ if ($onesignal_wp_settings["use_modal_prompt"] == "1") {
255
+ echo "oneSignal_options['notifyButton']['modalPrompt'] = true;\n";
256
+ }
257
+
258
+ if ($onesignal_wp_settings["notifyButton_showcredit"] == "1") {
259
+ echo "oneSignal_options['notifyButton']['showCredit'] = true;\n";
260
+ } else {
261
+ echo "oneSignal_options['notifyButton']['showCredit'] = false;\n";
262
+ }
263
+
264
+ if (array_key_exists('notifyButton_customize_enable', $onesignal_wp_settings) && $onesignal_wp_settings["notifyButton_customize_enable"] == "1") {
265
+ echo "oneSignal_options['notifyButton']['text'] = {};\n";
266
+ if ($onesignal_wp_settings["notifyButton_message_prenotify"] != "") {
267
+ echo "oneSignal_options['notifyButton']['text']['message.prenotify'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["notifyButton_message_prenotify"]) . "';\n";
268
+ }
269
+ if ($onesignal_wp_settings["notifyButton_tip_state_unsubscribed"] != "") {
270
+ echo "oneSignal_options['notifyButton']['text']['tip.state.unsubscribed'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["notifyButton_tip_state_unsubscribed"]) . "';\n";
271
+ }
272
+ if ($onesignal_wp_settings["notifyButton_tip_state_subscribed"] != "") {
273
+ echo "oneSignal_options['notifyButton']['text']['tip.state.subscribed'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["notifyButton_tip_state_subscribed"]) . "';\n";
274
+ }
275
+ if ($onesignal_wp_settings["notifyButton_tip_state_blocked"] != "") {
276
+ echo "oneSignal_options['notifyButton']['text']['tip.state.blocked'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["notifyButton_tip_state_blocked"]) . "';\n";
277
+ }
278
+ if ($onesignal_wp_settings["notifyButton_message_action_subscribed"] != "") {
279
+ echo "oneSignal_options['notifyButton']['text']['message.action.subscribed'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["notifyButton_message_action_subscribed"]) . "';\n";
280
+ }
281
+ if ($onesignal_wp_settings["notifyButton_message_action_resubscribed"] != "") {
282
+ echo "oneSignal_options['notifyButton']['text']['message.action.resubscribed'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["notifyButton_message_action_resubscribed"]) . "';\n";
283
+ }
284
+ if ($onesignal_wp_settings["notifyButton_message_action_unsubscribed"] != "") {
285
+ echo "oneSignal_options['notifyButton']['text']['message.action.unsubscribed'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["notifyButton_message_action_unsubscribed"]) . "';\n";
286
+ }
287
+ if ($onesignal_wp_settings["notifyButton_dialog_main_title"] != "") {
288
+ echo "oneSignal_options['notifyButton']['text']['dialog.main.title'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["notifyButton_dialog_main_title"]) . "';\n";
289
+ }
290
+ if ($onesignal_wp_settings["notifyButton_dialog_main_button_subscribe"] != "") {
291
+ echo "oneSignal_options['notifyButton']['text']['dialog.main.button.subscribe'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["notifyButton_dialog_main_button_subscribe"]) . "';\n";
292
+ }
293
+ if ($onesignal_wp_settings["notifyButton_dialog_main_button_unsubscribe"] != "") {
294
+ echo "oneSignal_options['notifyButton']['text']['dialog.main.button.unsubscribe'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["notifyButton_dialog_main_button_unsubscribe"]) . "';\n";
295
+ }
296
+ if ($onesignal_wp_settings["notifyButton_dialog_blocked_title"] != "") {
297
+ echo "oneSignal_options['notifyButton']['text']['dialog.blocked.title'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["notifyButton_dialog_blocked_title"]) . "';\n";
298
+ }
299
+ if ($onesignal_wp_settings["notifyButton_dialog_blocked_message"] != "") {
300
+ echo "oneSignal_options['notifyButton']['text']['dialog.blocked.message'] = '" . OneSignalUtils::html_safe($onesignal_wp_settings["notifyButton_dialog_blocked_message"]) . "';\n";
301
+ }
302
+ }
303
+
304
+ if (array_key_exists('notifyButton_customize_colors_enable', $onesignal_wp_settings) && $onesignal_wp_settings["notifyButton_customize_colors_enable"] == "1") {
305
+ echo "oneSignal_options['notifyButton']['colors'] = {};\n";
306
+ if ($onesignal_wp_settings["notifyButton_color_background"] != "") {
307
+ echo "oneSignal_options['notifyButton']['colors']['circle.background'] = '" . $onesignal_wp_settings["notifyButton_color_background"] . "';\n";
308
+ }
309
+ if ($onesignal_wp_settings["notifyButton_color_foreground"] != "") {
310
+ echo "oneSignal_options['notifyButton']['colors']['circle.foreground'] = '" . $onesignal_wp_settings["notifyButton_color_foreground"] . "';\n";
311
+ }
312
+ if ($onesignal_wp_settings["notifyButton_color_badge_background"] != "") {
313
+ echo "oneSignal_options['notifyButton']['colors']['badge.background'] = '" . $onesignal_wp_settings["notifyButton_color_badge_background"] . "';\n";
314
+ }
315
+ if ($onesignal_wp_settings["notifyButton_color_badge_foreground"] != "") {
316
+ echo "oneSignal_options['notifyButton']['colors']['badge.foreground'] = '" . $onesignal_wp_settings["notifyButton_color_badge_foreground"] . "';\n";
317
+ }
318
+ if ($onesignal_wp_settings["notifyButton_color_badge_border"] != "") {
319
+ echo "oneSignal_options['notifyButton']['colors']['badge.bordercolor'] = '" . $onesignal_wp_settings["notifyButton_color_badge_border"] . "';\n";
320
+ }
321
+ if ($onesignal_wp_settings["notifyButton_color_pulse"] != "") {
322
+ echo "oneSignal_options['notifyButton']['colors']['pulse.color'] = '" . $onesignal_wp_settings["notifyButton_color_pulse"] . "';\n";
323
+ }
324
+ if ($onesignal_wp_settings["notifyButton_color_popup_button_background"] != "") {
325
+ echo "oneSignal_options['notifyButton']['colors']['dialog.button.background'] = '" . $onesignal_wp_settings["notifyButton_color_popup_button_background"] . "';\n";
326
+ }
327
+ if ($onesignal_wp_settings["notifyButton_color_popup_button_background_hover"] != "") {
328
+ echo "oneSignal_options['notifyButton']['colors']['dialog.button.background.hovering'] = '" . $onesignal_wp_settings["notifyButton_color_popup_button_background_hover"] . "';\n";
329
+ }
330
+ if ($onesignal_wp_settings["notifyButton_color_popup_button_background_active"] != "") {
331
+ echo "oneSignal_options['notifyButton']['colors']['dialog.button.background.active'] = '" . $onesignal_wp_settings["notifyButton_color_popup_button_background_active"] . "';\n";
332
+ }
333
+ if ($onesignal_wp_settings["notifyButton_color_popup_button_color"] != "") {
334
+ echo "oneSignal_options['notifyButton']['colors']['dialog.button.foreground'] = '" . $onesignal_wp_settings["notifyButton_color_popup_button_color"] . "';\n";
335
+ }
336
+ }
337
+
338
+ if (array_key_exists('notifyButton_customize_offset_enable', $onesignal_wp_settings) && $onesignal_wp_settings["notifyButton_customize_offset_enable"] == "1") {
339
+ echo "oneSignal_options['notifyButton']['offset'] = {};\n";
340
+ if ($onesignal_wp_settings["notifyButton_offset_bottom"] != "") {
341
+ echo "oneSignal_options['notifyButton']['offset']['bottom'] = '" . $onesignal_wp_settings["notifyButton_offset_bottom"] . "';\n";
342
+ }
343
+ if ($onesignal_wp_settings["notifyButton_offset_left"] != "") {
344
+ echo "oneSignal_options['notifyButton']['offset']['left'] = '" . $onesignal_wp_settings["notifyButton_offset_left"] . "';\n";
345
+ }
346
+ if ($onesignal_wp_settings["notifyButton_offset_right"] != "") {
347
+ echo "oneSignal_options['notifyButton']['offset']['right'] = '" . $onesignal_wp_settings["notifyButton_offset_right"] . "';\n";
348
+ }
349
+ }
350
+
351
+ }
352
+
353
+ $use_custom_sdk_init = $onesignal_wp_settings['use_custom_sdk_init'];
354
+ if (!$use_custom_sdk_init) {
355
+ if (has_filter('onesignal_initialize_sdk')) {
356
+ onesignal_debug('Applying onesignal_initialize_sdk filter.');
357
+ if (apply_filters('onesignal_initialize_sdk', $onesignal_wp_settings)) {
358
+ // If the filter returns "$do_initialize_sdk: true", initialize the web SDK
359
+ ?>
360
+ OneSignal.init(window._oneSignalInitOptions);
361
+ <?php
362
+ } else {
363
+ ?>
364
+ /* OneSignal: onesignal_initialize_sdk filter preventing SDK initialization. */
365
+ <?php
366
+ }
367
+ } else {
368
+ if (array_key_exists('use_slidedown_permission_message_for_https', $onesignal_wp_settings) && $onesignal_wp_settings["use_slidedown_permission_message_for_https"] == "1") {
369
+ ?>
370
+ oneSignal_options['autoRegister'] = false;
371
+ OneSignal.showHttpPrompt();
372
+ OneSignal.init(window._oneSignalInitOptions);
373
+ <?php
374
+ } else {
375
+ ?>
376
+ OneSignal.init(window._oneSignalInitOptions);
377
+ <?php
378
+ }
379
+ }
380
+ } else {
381
+ ?>
382
+ /* OneSignal: Using custom SDK initialization. */
383
+ <?php
384
+ }
385
+ ?>
386
+ });
387
+
388
+ function documentInitOneSignal() {
389
+ var oneSignal_elements = document.getElementsByClassName("OneSignal-prompt");
390
+
391
+ <?php
392
+ if ($onesignal_wp_settings["use_modal_prompt"] == "1") {
393
+ echo "var oneSignalLinkClickHandler = function(event) { OneSignal.push(['registerForPushNotifications', {modalPrompt: true}]); event.preventDefault(); };";
394
+ }
395
+ else {
396
+ echo "var oneSignalLinkClickHandler = function(event) { OneSignal.push(['registerForPushNotifications']); event.preventDefault(); };";
397
+ }
398
+ ?>
399
+ for(var i = 0; i < oneSignal_elements.length; i++)
400
+ oneSignal_elements[i].addEventListener('click', oneSignalLinkClickHandler, false);
401
+ }
402
+
403
+ if (document.readyState === 'complete') {
404
+ documentInitOneSignal();
405
+ }
406
+ else {
407
+ window.addEventListener("load", function(event){
408
+ documentInitOneSignal();
409
+ });
410
+ }
411
+ </script>
412
+
413
+ <?php
414
+ }
415
+ }
416
+ ?>
onesignal-settings.php CHANGED
@@ -1,41 +1,274 @@
1
- <?php
2
- class OneSignal {
3
- public static function get_onesignal_settings() {
4
- if (!isset($onesignal_wp_settings)) {
5
- $onesignal_wp_settings = get_option("OneSignalWPSetting");
6
- if (empty( $onesignal_wp_settings )) {
7
- $onesignal_wp_settings = array(
8
- 'app_id' => '',
9
- 'gcm_sender_id' => '',
10
- 'auto_register' => true,
11
- 'notification_on_post' => true,
12
- 'notification_on_post_from_plugin' => true,
13
- 'use_http' => false,
14
- 'subdomain' => "",
15
- 'origin' => "",
16
- 'default_title' => "",
17
- 'default_icon' => "",
18
- 'default_url' => "",
19
- 'app_rest_api_key' => "",
20
- 'safari_web_id' => "",
21
- 'prompt_action_message' => "",
22
- 'prompt_example_notification_title_desktop' => "",
23
- 'prompt_example_notification_message_desktop' => "",
24
- 'prompt_example_notification_title_mobile' => "",
25
- 'prompt_example_notification_message_mobile' => "",
26
- 'prompt_example_notification_caption' => "",
27
- 'prompt_accept_button_text' => "",
28
- 'prompt_cancel_button_text' => ""
29
- );
30
- }
31
- }
32
-
33
- return $onesignal_wp_settings;
34
- }
35
-
36
- public static function save_onesignal_settings($settings) {
37
- $onesignal_wp_settings = $settings;
38
- update_option("OneSignalWPSetting", $onesignal_wp_settings);
39
- }
40
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
41
  ?>
1
+ <?php
2
+
3
+ defined( 'ABSPATH' ) or die('This page may not be accessed directly.');
4
+
5
+ class OneSignal {
6
+ public static function get_onesignal_settings() {
7
+ /*
8
+ During first-time setup, all the keys here will be created with their
9
+ default values, except for keys with value 'CALCULATE_LEGACY_VALUE' or
10
+ 'CALCULATE_SPECIAL_VALUE'. These special keys aren't created until further
11
+ below.
12
+ */
13
+ $defaults = array(
14
+ 'app_id' => '',
15
+ 'gcm_sender_id' => '',
16
+ 'prompt_auto_register' => 'CALCULATE_LEGACY_VALUE',
17
+ 'send_welcome_notification' => 'CALCULATE_LEGACY_VALUE',
18
+ 'welcome_notification_title' => '',
19
+ 'welcome_notification_message' => '',
20
+ 'welcome_notification_url' => '',
21
+ 'notification_on_post' => true,
22
+ 'notification_on_post_from_plugin' => false,
23
+ 'is_site_https_firsttime' => 'unset',
24
+ 'is_site_https' => false,
25
+ 'use_modal_prompt' => false,
26
+ 'subdomain' => "",
27
+ 'origin' => "",
28
+ 'default_title' => "",
29
+ 'default_icon' => "",
30
+ 'default_url' => "",
31
+ 'app_rest_api_key' => "",
32
+ 'safari_web_id' => "",
33
+ 'showNotificationIconFromPostThumbnail' => true,
34
+ 'showNotificationImageFromPostThumbnail' => 'CALCULATE_SPECIAL_VALUE',
35
+ 'chrome_auto_dismiss_notifications' => false,
36
+ 'prompt_customize_enable' => 'CALCULATE_SPECIAL_VALUE',
37
+ 'prompt_action_message' => "",
38
+ 'prompt_example_notification_title_desktop' => "",
39
+ 'prompt_example_notification_message_desktop' => "",
40
+ 'prompt_example_notification_title_mobile' => "",
41
+ 'prompt_example_notification_message_mobile' => "",
42
+ 'prompt_example_notification_caption' => "",
43
+ 'prompt_accept_button_text' => "",
44
+ 'prompt_cancel_button_text' => "",
45
+ 'prompt_auto_accept_title' => "",
46
+ 'prompt_site_name' => "",
47
+ 'notifyButton_position' => 'bottom-right',
48
+ 'notifyButton_size' => 'medium',
49
+ 'notifyButton_theme' => 'default',
50
+ 'notifyButton_enable' => 'CALCULATE_SPECIAL_VALUE',
51
+ 'notifyButton_prenotify' => true,
52
+ 'notifyButton_customize_enable' => 'CALCULATE_SPECIAL_VALUE',
53
+ 'notifyButton_customize_colors_enable' => false,
54
+ 'notifyButton_customize_offset_enable' => false,
55
+ 'notifyButton_color_background' => '',
56
+ 'notifyButton_color_foreground' => '',
57
+ 'notifyButton_color_badge_background' => '',
58
+ 'notifyButton_color_badge_foreground' => '',
59
+ 'notifyButton_color_badge_border' => '',
60
+ 'notifyButton_color_pulse' => '',
61
+ 'notifyButton_color_popup_button_background' => '',
62
+ 'notifyButton_color_popup_button_background_hover' => '',
63
+ 'notifyButton_color_popup_button_background_active' => '',
64
+ 'notifyButton_color_popup_button_color' => '',
65
+ 'notifyButton_offset_bottom' => '',
66
+ 'notifyButton_offset_left' => '',
67
+ 'notifyButton_offset_right' => '',
68
+ 'notifyButton_showcredit' => true,
69
+ 'notifyButton_showAfterSubscribed' => true,
70
+ 'notifyButton_message_prenotify' => '',
71
+ 'notifyButton_tip_state_unsubscribed' => '',
72
+ 'notifyButton_tip_state_subscribed' => '',
73
+ 'notifyButton_tip_state_blocked' => '',
74
+ 'notifyButton_message_action_subscribed' => '',
75
+ 'notifyButton_message_action_resubscribed' => '',
76
+ 'notifyButton_message_action_unsubscribed' => '',
77
+ 'notifyButton_dialog_main_title' => '',
78
+ 'notifyButton_dialog_main_button_subscribe' => '',
79
+ 'notifyButton_dialog_main_button_unsubscribe' => '',
80
+ 'notifyButton_dialog_blocked_title' => '',
81
+ 'notifyButton_dialog_blocked_message' => '',
82
+ 'utm_additional_url_params' => '',
83
+ 'allowed_custom_post_types' => '',
84
+ 'notification_title' => OneSignalUtils::decode_entities(get_bloginfo('name')),
85
+ 'send_to_mobile_platforms' => false,
86
+ 'show_gcm_sender_id' => false,
87
+ 'use_custom_manifest' => false,
88
+ 'custom_manifest_url' => '',
89
+ 'use_custom_sdk_init' => false,
90
+ 'show_notification_send_status_message' => true,
91
+ 'use_http_permission_request' => 'CALCULATE_SPECIAL_VALUE',
92
+ 'http_permission_request_modal_title' => '',
93
+ 'http_permission_request_modal_message' => '',
94
+ 'http_permission_request_modal_button_text' => '',
95
+ 'use_slidedown_permission_message_for_https' => false,
96
+ 'persist_notifications' => 'CALCULATE_SPECIAL_VALUE'
97
+ );
98
+
99
+ $legacies = array(
100
+ 'send_welcome_notification.legacyKey' => 'no_welcome_notification',
101
+ 'send_welcome_notification.invertLegacyValue' => true,
102
+ 'send_welcome_notification.default' => true,
103
+ 'prompt_auto_register.legacyKey' => 'no_auto_register',
104
+ 'prompt_auto_register.invertLegacyValue' => true,
105
+ 'prompt_auto_register.default' => false,
106
+ );
107
+
108
+ $is_new_user = false;
109
+
110
+ // If not set or empty, load a fresh empty array
111
+ if (!isset($onesignal_wp_settings)) {
112
+ $onesignal_wp_settings = get_option("OneSignalWPSetting");
113
+ if (empty( $onesignal_wp_settings )) {
114
+ $is_new_user = true;
115
+ $onesignal_wp_settings = array();
116
+ }
117
+ }
118
+
119
+ // Assign defaults if the key doesn't exist in $onesignal_wp_settings
120
+ // Except for those with value CALCULATE_LEGACY_VALUE -- we need special logic for legacy values that used to exist in previous plugin versions
121
+ reset($defaults);
122
+ foreach ($defaults as $key => $value) {
123
+ if ($value === "CALCULATE_LEGACY_VALUE") {
124
+ if (!array_key_exists($key, $onesignal_wp_settings)) {
125
+ $legacyKey = $legacies[$key . '.legacyKey'];
126
+ $inverted = (array_key_exists($key . '.invertLegacyValue', $legacies) && $legacies[$key . '.invertLegacyValue']);
127
+ $default = $legacies[$key . '.default'];
128
+ if (array_key_exists($legacyKey, $onesignal_wp_settings)) {
129
+ if ($inverted) {
130
+ $onesignal_wp_settings[$key] = !$onesignal_wp_settings[$legacyKey];
131
+ } else {
132
+ $onesignal_wp_settings[$key] = $onesignal_wp_settings[$legacyKey];
133
+ }
134
+ } else {
135
+ $onesignal_wp_settings[$key] = $default;
136
+ }
137
+ }
138
+ }
139
+ else if ($value === "CALCULATE_SPECIAL_VALUE") {
140
+ // Do nothing, handle below
141
+ }
142
+ else {
143
+ if (!array_key_exists($key, $onesignal_wp_settings)) {
144
+ $onesignal_wp_settings[$key] = $value;
145
+ }
146
+ }
147
+ }
148
+
149
+ /*
150
+ For first-time setup users, the array key will not exist since keys aren't
151
+ created until inside these blocks. The array_key_exists() will return
152
+ false for first-time users.
153
+ */
154
+
155
+ // Special case for web push images
156
+ if (!array_key_exists('showNotificationImageFromPostThumbnail', $onesignal_wp_settings)) {
157
+ if ( $is_new_user ) {
158
+ // Enable the notify button by default for new sites
159
+ $onesignal_wp_settings['showNotificationImageFromPostThumbnail'] = true;
160
+ } else {
161
+ // Do NOT enable the notify button for existing WordPress sites, since they may not like the way their notification changes
162
+ $onesignal_wp_settings['showNotificationImageFromPostThumbnail'] = false;
163
+ }
164
+ }
165
+
166
+ // Special case for notify button
167
+ if (!array_key_exists('notifyButton_enable', $onesignal_wp_settings)) {
168
+ if ( $is_new_user ) {
169
+ // Enable the notify button by default for new sites
170
+ $onesignal_wp_settings['notifyButton_enable'] = true;
171
+ } else {
172
+ // Do NOT enable the notify button for existing WordPress sites, since they might have a lot of users
173
+ $onesignal_wp_settings['notifyButton_enable'] = false;
174
+ }
175
+ }
176
+
177
+ // Special case for notify button customization
178
+ if (!array_key_exists('notifyButton_customize_enable', $onesignal_wp_settings)) {
179
+ if ( $is_new_user ) {
180
+ // Initially turn off notifyButton_customize_enable by default for new sites
181
+ $onesignal_wp_settings['notifyButton_customize_enable'] = true;
182
+ } else {
183
+ $text_customize_settings = array(
184
+ 'notifyButton_message_prenotify',
185
+ 'notifyButton_tip_state_unsubscribed',
186
+ 'notifyButton_tip_state_subscribed',
187
+ 'notifyButton_tip_state_blocked',
188
+ 'notifyButton_message_action_subscribed',
189
+ 'notifyButton_message_action_resubscribed',
190
+ 'notifyButton_message_action_unsubscribed',
191
+ 'notifyButton_dialog_main_title',
192
+ 'notifyButton_dialog_main_button_subscribe',
193
+ 'notifyButton_dialog_main_button_unsubscribe',
194
+ 'notifyButton_dialog_blocked_title',
195
+ 'notifyButton_dialog_blocked_message'
196
+ );
197
+ $was_customized = false;
198
+ foreach ($text_customize_settings as $text_customize_setting) {
199
+ if ($onesignal_wp_settings[$text_customize_setting] !== "") {
200
+ $was_customized = true;
201
+ }
202
+ }
203
+ $onesignal_wp_settings['notifyButton_customize_enable'] = $was_customized;
204
+ }
205
+ }
206
+
207
+ // Special case for prompt customization
208
+ if (!array_key_exists('prompt_customize_enable', $onesignal_wp_settings)) {
209
+ if ( $is_new_user ) {
210
+ // Initially turn off prompt_customize_enable by default for new sites
211
+ $onesignal_wp_settings['prompt_customize_enable'] = true;
212
+ } else {
213
+ $text_customize_settings = array(
214
+ 'prompt_action_message',
215
+ 'prompt_example_notification_title_desktop',
216
+ 'prompt_example_notification_message_desktop',
217
+ 'prompt_example_notification_title_mobile',
218
+ 'prompt_example_notification_message_mobile',
219
+ 'prompt_example_notification_caption',
220
+ 'prompt_accept_button_text',
221
+ 'prompt_cancel_button_text'
222
+ );
223
+ $was_customized = false;
224
+ foreach ($text_customize_settings as $text_customize_setting) {
225
+ if ($onesignal_wp_settings[$text_customize_setting] !== "") {
226
+ $was_customized = true;
227
+ }
228
+ }
229
+ $onesignal_wp_settings['prompt_customize_enable'] = $was_customized;
230
+ }
231
+ }
232
+
233
+ // Special case for HTTP permission request
234
+ if (!array_key_exists('use_http_permission_request', $onesignal_wp_settings)) {
235
+ if ($is_new_user) {
236
+ // Enable by default for new sites
237
+ $onesignal_wp_settings['use_http_permission_request'] = true;
238
+ } else {
239
+ // Do NOT enable for existing WordPress sites, since it breaks existing prompt behavior
240
+ $onesignal_wp_settings['use_http_permission_request'] = false;
241
+ }
242
+ }
243
+
244
+ // Special case for persistent notifications
245
+ if (!array_key_exists('persist_notifications', $onesignal_wp_settings)) {
246
+ if ( $is_new_user ) {
247
+ // Initially set persist_notifications to yes by default for new sites,
248
+ // except on platforms like Mac where a notification manager is used
249
+ $onesignal_wp_settings['persist_notifications'] = 'yes-except-notification-manager-platforms';
250
+ } else {
251
+ // This was the old key name for persist_notifications
252
+ if (array_key_exists('chrome_auto_dismiss_notifications', $onesignal_wp_settings)) {
253
+ if ($onesignal_wp_settings['chrome_auto_dismiss_notifications'] == "1") {
254
+ // The user wants notifications to be dismissed
255
+ $onesignal_wp_settings['persist_notifications'] = 'platform-default';
256
+ } else {
257
+ // The user did not enable this option, and wanted notifications to be persisted (default at that time)
258
+ $onesignal_wp_settings['persist_notifications'] = 'yes-except-notification-manager-platforms';
259
+ }
260
+ } else {
261
+ $onesignal_wp_settings['persist_notifications'] = 'yes-except-notification-manager-platforms';
262
+ }
263
+ }
264
+ }
265
+
266
+ return $onesignal_wp_settings;
267
+ }
268
+
269
+ public static function save_onesignal_settings($settings) {
270
+ $onesignal_wp_settings = $settings;
271
+ update_option("OneSignalWPSetting", $onesignal_wp_settings);
272
+ }
273
+ }
274
  ?>
onesignal-utils.php ADDED
@@ -0,0 +1,69 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ defined( 'ABSPATH' ) or die('This page may not be accessed directly.');
4
+
5
+ class OneSignalUtils {
6
+
7
+ /* If >= PHP 5.4, ENT_HTML401 | ENT_QUOTES will correctly decode most entities including both double and single quotes.
8
+ In PHP 5.3, ENT_HTML401 does not exist, so we have to use `str_replace("&apos;","'", $value)` before feeding it to html_entity_decode(). */
9
+ public static function decode_entities($string) {
10
+ $HTML_ENTITY_DECODE_FLAGS = ENT_QUOTES;
11
+ if (defined('ENT_HTML401')) {
12
+ $HTML_ENTITY_DECODE_FLAGS = ENT_HTML401 | $HTML_ENTITY_DECODE_FLAGS;
13
+ }
14
+ return html_entity_decode(str_replace("&apos;", "'", $string), $HTML_ENTITY_DECODE_FLAGS, 'UTF-8');
15
+ }
16
+
17
+ public static function normalize($string) {
18
+ $string = OneSignalUtils::decode_entities($string);
19
+ $string = stripslashes($string);
20
+ $string = trim($string);
21
+ return $string;
22
+ }
23
+
24
+ public static function url_contains_parameter($text) {
25
+ if (array_key_exists('REQUEST_URI', $_SERVER)) {
26
+ return strpos($_SERVER['REQUEST_URI'], $text);
27
+ }
28
+ }
29
+
30
+ public static function html_safe($string) {
31
+ $HTML_ENTITY_DECODE_FLAGS = ENT_QUOTES;
32
+ if (defined('ENT_HTML401')) {
33
+ $HTML_ENTITY_DECODE_FLAGS = ENT_HTML401 | $HTML_ENTITY_DECODE_FLAGS;
34
+ }
35
+ return htmlspecialchars($string, $HTML_ENTITY_DECODE_FLAGS, 'UTF-8');
36
+ }
37
+
38
+ public static function contains($string, $substring) {
39
+ return strpos($string, $substring) !== false;
40
+ }
41
+
42
+ /**
43
+ * Describes whether the user can view "OneSignal Push" on the left sidebar.
44
+ */
45
+ public static function can_modify_plugin_settings() {
46
+ // Only administrators are allowed to do this, see:
47
+ // https://codex.wordpress.org/Roles_and_Capabilities#delete_users
48
+ return OneSignalUtils::is_admin_user();
49
+ }
50
+
51
+ /**
52
+ * Describes whether the user can send notifications for a post.
53
+ */
54
+ public static function can_send_notifications() {
55
+ // Only administrators are allowed to do this, see:
56
+ // https://codex.wordpress.org/Roles_and_Capabilities#delete_users
57
+ return current_user_can('publish_posts') || current_user_can('edit_published_posts');
58
+ }
59
+
60
+ /**
61
+ * To keep the plugin working the same as it was before, only allow administrators to perform important actions.
62
+ */
63
+ public static function is_admin_user() {
64
+ // Only administrators are allowed to do this, see:
65
+ // https://codex.wordpress.org/Roles_and_Capabilities#delete_users
66
+ return current_user_can('delete_users');
67
+ }
68
+ }
69
+ ?>
onesignal-widget.php CHANGED
@@ -1,46 +1,48 @@
1
- <?php
2
-
3
- class OneSignalWidget extends WP_Widget {
4
-
5
- function __construct() {
6
- parent::__construct('OneSignalWidget', 'OneSignal', array( 'description' => 'Subscribe to notifications'));
7
- }
8
-
9
- // Admin editor
10
- function form($instance) {
11
- $title = ! empty( $instance['title'] ) ? $instance['title'] : 'Follow';
12
- $text = ! empty( $instance['text'] ) ? $instance['text'] : 'Subscribe to notifications';
13
- ?>
14
- <p>
15
- <label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label>
16
- <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>">
17
- <label for="<?php echo $this->get_field_id( 'text' ); ?>"><?php _e( 'Body:' ); ?></label>
18
- <input class="widefat" id="<?php echo $this->get_field_id( 'text' ); ?>" name="<?php echo $this->get_field_name( 'text' ); ?>" type="text" value="<?php echo esc_attr( $text ); ?>">
19
- </p>
20
- <?php
21
- }
22
-
23
- function update($new_instance, $old_instance) {
24
- $instance = array();
25
- $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
26
- $instance['text'] = ( ! empty( $new_instance['text'] ) ) ? strip_tags( $new_instance['text'] ) : '';
27
-
28
- return $instance;
29
- }
30
-
31
- // Public display
32
- function widget($args, $instance) {
33
- echo $args['before_widget'];
34
- if ( ! empty( $instance['title'] ) ) {
35
- echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'] ). $args['after_title'];
36
- }
37
- if ( ! empty( $instance['text'] ) ) {
38
- echo '<a href="#" class="OneSignal-prompt">' . $instance['text'] . '</a>';
39
- }
40
- echo $args['after_widget'];
41
- }
42
- }
43
-
44
- add_action('widgets_init', create_function('', 'return register_widget("OneSignalWidget");'));
45
-
 
 
46
  ?>
1
+ <?php
2
+
3
+ defined( 'ABSPATH' ) or die('This page may not be accessed directly.');
4
+
5
+ class OneSignalWidget extends WP_Widget {
6
+
7
+ function __construct() {
8
+ parent::__construct('OneSignalWidget', 'OneSignal', array( 'description' => 'Subscribe to notifications'));
9
+ }
10
+
11
+ // Admin editor
12
+ function form($instance) {
13
+ $title = ! empty( $instance['title'] ) ? $instance['title'] : 'Follow';
14
+ $text = ! empty( $instance['text'] ) ? $instance['text'] : 'Subscribe to notifications';
15
+ ?>
16
+ <p>
17
+ <label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label>
18
+ <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>">
19
+ <label for="<?php echo $this->get_field_id( 'text' ); ?>"><?php _e( 'Body:' ); ?></label>
20
+ <input class="widefat" id="<?php echo $this->get_field_id( 'text' ); ?>" name="<?php echo $this->get_field_name( 'text' ); ?>" type="text" value="<?php echo esc_attr( $text ); ?>">
21
+ </p>
22
+ <?php
23
+ }
24
+
25
+ function update($new_instance, $old_instance) {
26
+ $instance = array();
27
+ $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
28
+ $instance['text'] = ( ! empty( $new_instance['text'] ) ) ? strip_tags( $new_instance['text'] ) : '';
29
+
30
+ return $instance;
31
+ }
32
+
33
+ // Public display
34
+ function widget($args, $instance) {
35
+ echo $args['before_widget'];
36
+ if ( ! empty( $instance['title'] ) ) {
37
+ echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'] ). $args['after_title'];
38
+ }
39
+ if ( ! empty( $instance['text'] ) ) {
40
+ echo '<a href="#" class="OneSignal-prompt">' . $instance['text'] . '</a>';
41
+ }
42
+ echo $args['after_widget'];
43
+ }
44
+ }
45
+
46
+ add_action('widgets_init', function(){register_widget("OneSignalWidget");});
47
+
48
  ?>
onesignal.php CHANGED
@@ -1,22 +1,36 @@
1
- <?php
2
- /**
3
- * Plugin Name: OneSignal Push Notifications
4
- * Plugin URI: https://onesignal.com/
5
- * Description:
6
- * Version: 1.3.0
7
- * Author: OneSignal
8
- * Author URI: https://onesignal.com
9
- * License: MIT
10
- */
11
-
12
- define( 'ONESIGNAL_PLUGIN_URL', plugin_dir_url( __FILE__ ) );
13
-
14
- require_once( plugin_dir_path( __FILE__ ) . 'onesignal-admin.php' );
15
- require_once( plugin_dir_path( __FILE__ ) . 'onesignal-public.php' );
16
- require_once( plugin_dir_path( __FILE__ ) . 'onesignal-settings.php' );
17
- require_once( plugin_dir_path( __FILE__ ) . 'onesignal-widget.php' );
18
-
19
- add_action( 'init', array( 'OneSignal_Admin', 'init' ) );
20
- add_action( 'init', array( 'OneSignal_Public', 'init' ) );
21
-
22
- ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ defined( 'ABSPATH' ) or die('This page may not be accessed directly.');
4
+
5
+ /**
6
+ * Plugin Name: OneSignal Push Notifications
7
+ * Plugin URI: https://onesignal.com/
8
+ * Description: Free web push notifications.
9
+ * Version: 1.16.16
10
+ * Author: OneSignal
11
+ * Author URI: https://onesignal.com
12
+ * License: MIT
13
+ */
14
+
15
+ define( 'ONESIGNAL_PLUGIN_URL', plugin_dir_url( __FILE__ ) );
16
+
17
+ /**
18
+ * The number of seconds required to wait between requests.
19
+ */
20
+ define( 'ONESIGNAL_API_RATE_LIMIT_SECONDS', 1 );
21
+ define( 'ONESIGNAL_URI_REVEAL_PROJECT_NUMBER', 'reveal_project_number=true' );
22
+
23
+ require_once( plugin_dir_path( __FILE__ ) . 'onesignal-utils.php' );
24
+ require_once( plugin_dir_path( __FILE__ ) . 'onesignal-admin.php' );
25
+ require_once( plugin_dir_path( __FILE__ ) . 'onesignal-public.php' );
26
+ require_once( plugin_dir_path( __FILE__ ) . 'onesignal-settings.php' );
27
+ require_once( plugin_dir_path( __FILE__ ) . 'onesignal-widget.php' );
28
+
29
+ if (file_exists(plugin_dir_path( __FILE__ ) . 'onesignal-extra.php')) {
30
+ require_once( plugin_dir_path( __FILE__ ) . 'onesignal-extra.php' );
31
+ }
32
+
33
+ add_action( 'init', array( 'OneSignal_Admin', 'init' ) );
34
+ add_action( 'init', array( 'OneSignal_Public', 'init' ) );
35
+
36
+ ?>
readme.txt CHANGED
@@ -1,94 +1,404 @@
1
- === OneSignal - Free Web Push Notifications ===
2
- Contributors: OneSignal
3
- Donate link: https://onesignal.com
4
- Tags: chrome, safari, push, push notifications, safari, chrome push, safari push, notifications, web push, notification, notify, mavericks, firefox push, android, android push, android notifications, mobile notifications, mobile, desktop notifications, gcm, push messages, onesignal
5
- Requires at least: 3.8
6
- Tested up to: 4.3.1
7
- Stable tag: 1.3.0
8
- License: GPLv2 or later
9
- License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
-
11
- Increase engagement and drive more repeat traffic to your WordPress site with push notifications. Supports Chrome , Safari, and Firefox (Beta).
12
-
13
- == Description ==
14
-
15
- [OneSignal](https://onesignal.com) is a complete push notification solution for WordPress blogs and sites, trusted by over 6000 developers and marketers including some of the largest brands and websites in the world.
16
-
17
- After just a few seconds of set-up, your visitors will be able to opt-in to receive desktop push notifications when you publish a new post. OneSignal makes use of a brand new Google Chrome feature to send desktop notifications to your visitors even after they’ve left your website.
18
-
19
- OneSignal makes it easy to configure when to send notifications, target notifications to specific users, and to customize the Opt-In process for your visitors.
20
-
21
- Best of all, WordPress users that use OneSignal will get a FREE lifetime account.
22
-
23
- Features:
24
-
25
- * Supports Chrome(Desktop & Android) and Safari(Mac OSX) Push on both HTTP and HTTPS sites.
26
-
27
- * **Automatic Notifications** - Send notifications to followers every time you publish a new post. Or set up a reminder that gets automatically sent to them if they haven’t visited for a few days.
28
-
29
- * **Target Segments** - Send notifications to specific visitors based on language, number of times they’ve visited your blog, or even set up your own user attributes that you can target.
30
-
31
- * **Easy Opt-In Configuration** - Choose when and how to ask your visitors to opt-in to browser notifications.
32
-
33
- * **Real Time Analytics** - See your notifications being delivered in real time, and watch them as they convert into visitors.
34
-
35
- * **A/B Testing** - Try out different messages to a smaller set of your visitors to figure out which messages are more effective and then send the more effective message to the rest of your visitors!
36
-
37
- * **Scheduled Notifications** - Schedule notifications to be delivered in the future, based on a user’s time zone, or even based on the same time of day they last visited your website.
38
-
39
- **All completely free. No fees or limitations.**
40
-
41
- == Installation ==
42
-
43
- 1. Install OneSignal from the WordPress.org plugin directory or by uploading the OneSignal plugin folder to your wp-content/plugins directory.
44
- 2. Active the OneSignal plugin from your WordPress settings dashboard.
45
- 3. Follow the instructions on the new OneSignal Wordpress menu option to get started.
46
-
47
- == Changelog ==
48
- = 1.3.0 =
49
- - Added popup settings to localize prompt text. Updated fonts to render better on Firefox and Safari.
50
-
51
- = 1.2.0 =
52
- - Graphical redesign of the plugin. Much better instructions.
53
-
54
- = 1.1.1 =
55
- - OneSignal library initialization now occurs regardless of whether the window.onload event has yet to be fired or has already fired.
56
-
57
- = 1.1.0 =
58
- - Added Safari Mac OSX support.
59
-
60
- = 1.0.8 =
61
- - UTF-8 characters in post's titles now display correctly in notifications.
62
- - Fixed bug where manifest.json was not being created for HTTPS sites due to permissions.
63
- - Now adapts to use HTTPS for service worker files if the WordPress settings are not correct.
64
-
65
- = 1.0.7 =
66
- - Fixed bug where some plugins that create posts were not sending out a OneSignal notifications automatically when 'All Posts created from other plugins' was enabled.
67
- - Fixed errors that display when 'WP_DEBUG' is set to true
68
-
69
- = 1.0.6 =
70
- - Added Automatic Push Notifications option for 'All Posts created from other plugins' on the "Notification Settings" tab.
71
- - Note, this is on by default for new installs but off of existing ones so behavior does not automatically change when you update.
72
- - Fixed errors with missing images.
73
-
74
- = 1.0.5 =
75
- - Send notification on post is now available to any Wordpress user with permissions to create or edit posts.
76
-
77
- = 1.0.4 =
78
- - Notifications sent with the Automatic Push Notifications on Post feature directly link to the post instead of the homepage when opening the notification.
79
- - Updated GCM instructions and added HTTP subscribe link/widget instructions on the Getting Started tab.
80
-
81
- = 1.0.3 =
82
- - Fixed compatibility issue with PHP versions older than 5.3.0
83
- - For HTTPS sites a modal dialog is shown before the native Chrome Notification permission prompt.
84
-
85
- = 1.0.2 =
86
- - Fixed bug with OneSignal not getting initialized in some cases.
87
- - Now omits extra unneeded manifest link from the head tag when using HTTP.
88
- - Clicks handler added to elements with the class OneSignal-prompt are now setup in a more compatible way.
89
-
90
- = 1.0.1 =
91
- - Modified description
92
-
93
- = 1.0.0 =
94
- - Initial release of the plugin
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ === OneSignal - Web Push Notifications ===
2
+ Contributors: OneSignal
3
+ Donate link: https://onesignal.com
4
+ Tags: chrome, firefox, safari, push, push notifications, push notification, chrome push, safari push, firefox push, notification, notifications, web push, notify, mavericks, android, android push, android notifications, android notification, mobile notification, mobile notifications, mobile, desktop notification, roost, goroost, desktop notifications, gcm, push messages, onesignal
5
+ Requires at least: 3.8
6
+ Tested up to: 5.0.3
7
+ Stable tag: 1.16.16
8
+ License: GPLv2 or later
9
+ License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
+
11
+ Increase engagement and drive more repeat traffic to your WordPress site with desktop push notifications. Now supporting Chrome, Firefox, and Safari.
12
+
13
+ == Description ==
14
+
15
+ [OneSignal](https://onesignal.com) is an easy way to increase user engagement. Use OneSignal to send visitors targeted push notifications so they keep coming back. It takes just a few minutes to install.
16
+
17
+ After setup, your visitors opt-in to receive push notifications when you publish a new post. Visitors receive these notifications even after they’ve left your website, thus driving re-engagement.
18
+
19
+ You can configure notification delivery at preset intervals, create user segments, and customize the opt-in process for visitors.
20
+
21
+ OneSignal is free for up to 30,000 subscribers; there are no limits on the number of push notifications you can send. Contact [support@onesignal.com](mailto:support@onesignal.com) if you have any questions. We’d love to hear from you.
22
+
23
+ = Company =
24
+ OneSignal is trusted by over 600,000 developers and marketing strategists. We power push notifications for everyone from early stage startups to Fortune 500 Companies, sending 4 billion notifications per day. It is the most popular push notification plugin on Wordpress with 90,000+ installations.
25
+
26
+ = Features =
27
+ * **Supports Chrome** (Desktop & Android), **Safari** (Mac OS X), **Microsoft Edge** (Desktop & Android), **Opera** (Desktop & Android) and **Firefox** (Desktop & Android) on both HTTP and HTTPS sites.
28
+
29
+ * **Automatic Notifications** - Send notifications to followers every time you publish a new post. Or set up a reminder that gets automatically sent to them if they haven’t visited for a few days.
30
+
31
+ * **Targeting Segments** - Send notifications to specific visitors based on language, number of times they’ve visited your blog, or even set up your own user attributes that you can target.
32
+
33
+ * **Opt-In Customization** - Choose when and how to ask your visitors to opt-in to browser notifications. Customize the prompt they first see.
34
+
35
+ * **Real Time Analytics** - See your notifications being delivered in real time, and watch them as they convert into visitors.
36
+
37
+ * **A/B Testing** - Try out different messages to a smaller set of your visitors to figure out which messages are more effective and then send the more effective message to the rest of your visitors!
38
+
39
+ * **Scheduled Notifications** - Schedule notifications to be delivered in the future, based on a user’s time zone, or even based on the same time of day they last visited your website.
40
+
41
+ == Installation ==
42
+
43
+ 1. Install OneSignal from the WordPress.org plugin directory or by uploading the OneSignal plugin folder to your wp-content/plugins directory.
44
+ 2. Active the OneSignal plugin from your WordPress settings dashboard.
45
+ 3. Follow the instructions on the Setup page.
46
+
47
+ == Screenshots ==
48
+
49
+ 1. Notifications on Chrome, Safari, and Firefox.
50
+ 2. Our detailed setup instructions to get you started.
51
+ 3. Our configuration main configuration setup page.
52
+ 4. Our OneSignal dashboard users page, where you can see your subscribed users.
53
+ 5. Our OneSignal dashboard sent notifications page, where you can see the status of your sent notifications.
54
+ 6. Our OneSignal dashboard notification creation page, with show some of the browser settings available.
55
+ 7. Our OneSignal Wordpress welcome notification options.
56
+ 8. Our OneSignal Wordpress setting for prompting options.
57
+
58
+ == Frequently Asked Questions ==
59
+
60
+ = HTTP Site Setup Video =
61
+ [youtube https://www.youtube.com/watch?v=j8qO9gDr9Wg]
62
+
63
+ = HTTPS Site Setup Video =
64
+ HTTPS Setup Video: [youtube https://www.youtube.com/watch?v=BeTZ2KgytC0]
65
+
66
+ == Changelog ==
67
+
68
+ = 1.16.16 =
69
+
70
+ - Code to catch error where core/editor is not defined for old versions of the editor
71
+
72
+ = 1.16.15 =
73
+
74
+ - WP5 notice support and error handling for errors arising from v 1.16.14
75
+
76
+ = 1.16.14 =
77
+
78
+ - Replaced cURL calls with HTTP API
79
+
80
+ = 1.16.13 =
81
+
82
+ - Added timestamp to allow re-pushing notifications upon editing an existing post after 1 hr
83
+
84
+ = 1.16.12 =
85
+
86
+ - Reverted unchecking send notifcation on post publish
87
+
88
+ = 1.16.11 =
89
+
90
+ - On Wordpress 5.0 "Send notification on post publish" now unchecks after posting.
91
+ - Added extra checks to ensure double notifications are not sent for the same post.
92
+
93
+ = 1.16.10 =
94
+
95
+ Updated plugin description and added FAQ section.
96
+
97
+ = 1.16.9 =
98
+
99
+ Reverting the UI changes for HTTP switch.
100
+
101
+ = 1.16.8 =
102
+
103
+ This release makes HTTP switch match the dashboard (renamed to "My site is not fully HTTPS") and removes deprecation warnings for php 7.2.
104
+
105
+ = 1.16.7 =
106
+
107
+ This release updates the service worker to use a 50% smaller service worker-only file.
108
+
109
+ = 1.16.6 =
110
+
111
+ This release the issue where even after saving the form, the error about not completing the required fields would appear because the settings for the new page view were loaded before the previous page's settings were saved. Also a broken doc link was fixed.
112
+
113
+ = 1.16.5 =
114
+
115
+ This release changes the notification send rate limit from at most one every 10 seconds to at most one every 1 second.
116
+
117
+ = 1.16.4 =
118
+
119
+ This release removes begining and ending whitespaces from textboxes when saving. This can fix common errors like pasting the App ID, REST API Key, or subdomain (also called label) with an ending whitespace which normally causes errors.
120
+
121
+ = 1.16.3 =
122
+
123
+ This release greatly simplifies the setup guide to follow our documentation instead of an inline guide.
124
+
125
+ - Update AMP helper files to be centralized instead of hardcoded inlined JavaScript
126
+
127
+ = 1.16.2 =
128
+
129
+ This release updates the amp-helper-frame.html and amp-permission-dialog.html files used for amp-web-push due to permission changes in Chrome 62.
130
+
131
+ - Update readme to show tested up to 4.9 Release Candidate 2
132
+
133
+ = 1.16.1 =
134
+
135
+ This release adds an option to disable the "Successfully sent a notification to X recipients" message, and also includes files for AMP web push (to be used with another AMP plugin) in case you decide to add AMP web push for your site.
136
+
137
+ - Add option "Show status message after sending notifications"
138
+ - Include amp-helper-frame.html and amp-permission-dialog.html for use with AMP web push
139
+
140
+ = 1.16.0 =
141
+
142
+ This release adds a helpful message describing the notification's recipient count after sending a notification. After publishing a post, for example, the info box may say "Successfully sent a notification to 100 recipients.".
143
+
144
+ - Lowered priority of wp_head hook from 5 to 10.
145
+
146
+ = 1.15.1 =
147
+
148
+ This release fixes a bug with the 1.15.0 release that checks the "Dismiss notifications automatically after ~20 seconds" field. The wrong field was being checked and caused a warning to appear.
149
+
150
+ = 1.15.0 =
151
+
152
+ This release adds a setting for hiding notifications on Mac OS X platforms.
153
+
154
+ - "Dismiss notifications automatically after ~20 seconds" has been replaced with "Hide notifications after a few seconds" with a couple of
155
+ choices "Yes", "No", "Yes on Mac OS X. No on other platforms". Previously, notifications would be persisted on all platforms except Mac OS X.
156
+
157
+ = 1.14.4 =
158
+
159
+ This release restores 4 missing image files in the Setup guide included in our WordPress plugin (Chrome & Firefox Push step 7, OneSignal Keys step 2).
160
+
161
+ No code changes were made in this patch.
162
+
163
+ = 1.14.3 =
164
+ - Use larger sized icons for the featured image
165
+
166
+ Notification small icons and large images previously used the uploaded image closest to size 80x80. For a large uploaded image with no
167
+ resized variants, there would be no issues. But for uploaded images resized to different sizes by WordPress, this caused the smallest image
168
+ size to be selected and look blurry. Notification small icons now use the closest available image to 192x192 for a sharper image, whereas
169
+ large images use the closest available image to 640x480.
170
+
171
+ = 1.14.2 =
172
+ - Update Setup tab's images and text
173
+
174
+ Clarify some steps that are typically confusing to new users setting up the plugin, like how to get the value in the Subdomain textbox.
175
+
176
+ = 1.14.1 =
177
+ - Remove .htaccess file
178
+
179
+ Apache httpd.conf configurations that don't allow custom .htaccess options will error out with a 500 if we place this file there.
180
+
181
+ = 1.14.0 =
182
+ - Update semantic versioning; update minor version for new backwards-compatible functionality
183
+ - Hide Google Project Number from configuration (using one is unnecessary since we provide a default Project Number)
184
+ - Add option "Use the post's featured image for Chrome's large notification image" (see: https://goo.gl/uSDr5p)
185
+ - Lower notification rate limit from 55 seconds to 10 seconds. Countdown shows time remaining (e.g. "Please try again in 6 seconds")
186
+
187
+ = 1.13.9 =
188
+ - Check in missing image to SVN: admin Configuration page HTTP Permission Request modal
189
+ - Remove obsolete admin option "Show the OneSignal logo on the prompt"
190
+ - Remove unused Bootstrap CSS/JS assets
191
+ - Fix Prompt options custom language text not outputted for HTTPS sites (https://goo.gl/5Hi4HA)
192
+
193
+ = 1.13.8 =
194
+ - Config page changes
195
+
196
+ = 1.13.7 =
197
+ - Add rate limiting to prevent notifications from being sent too quickly; one notification can be sent every 55 seconds
198
+ - Remove Preview Popup button; users can still follow the screenshot in the section header to match their customized
199
+ values with the window their users will see
200
+ - Add Configuration page UI option to show the slidedown permission message on HTTPS sites before the browser's native
201
+ permission request
202
+ - Implement the HTTP permission request as the default for new sites (only for those who turn on Automatic prompting)
203
+ - Clarify "Use my own SDK initialization script" --> renamed as "Disable OneSignal initialization"
204
+ - Add a hidden page comment if users disable OneSignal initialization for easier debugging
205
+ - Our plugin is in https://wordpress.org/plugins-wp but not https://wordpress.org/plugins. Hopefully resubmitting the
206
+ plugin fixes it
207
+
208
+ = 1.13.6 =
209
+ - Update style that was being overridden on some sites
210
+
211
+ = 1.13.5 =
212
+ - Fix undefined index gcm_sender_id error
213
+ - Do not resend notifications for posts restored from trash
214
+
215
+ = 1.13.4 =
216
+ - Assign the script initialization variable OneSignal globally so initialization still works if plugins modify our
217
+ inline script to be run from an external script file
218
+
219
+ = 1.13.3 =
220
+ - A user reported the 'prompt_auto_accept_title' variable being undefined and causing issues with her site. This issue
221
+ is now fixed.
222
+
223
+ = 1.13.2 =
224
+ - Add proper WordPress action/filter hook for OneSignal init
225
+
226
+ = 1.13.1 =
227
+ - The web SDK initialization of our plugin can now be fully customized
228
+ - Removed the Intercom live chat support plugin from our plugin. Users can still email support+wp@onesignal.com.
229
+ - Click Allow, Site Title, and the auto accept HTTP prompt title can now be customized
230
+ - Spaces are removed when users save their Subdomain textbox value
231
+ - The meta box checkbox "Send post on notification publish" now correctly *does not* send a notification if unchecked.
232
+ Previously, there was a logic bug where users could check the box, initially save the post without publishing, and
233
+ have a notification sent out when later publishing.
234
+ - The default plugin tab is now "Setup" if the user is setting up for the first time, and if their App ID or REST API
235
+ Key is blank (both values are required)
236
+ - Correctly call has_post_thumbnail for WordPress versions below 4.4
237
+ - Check for admin capabilities is done correctly so as to be compatible for users in stateless mode (DISALLOW_FILE_MODS)
238
+ - Apostrophes and other HTML encoded entities are correctly decoded when using the HTTP prompt
239
+ - Minor: Remove phantom tooltip linking to GCM page
240
+ - Minor: site.css now has a source map
241
+
242
+ = 1.12.5 =
243
+ - Fix broken documentation link
244
+
245
+ = 1.12.4 =
246
+ - Add option to show GCM Project Number field
247
+
248
+ = 1.12.3 =
249
+ - Bug fix for manifest.json GCM Sender ID
250
+
251
+ = 1.12.2 =
252
+ - Remove Google project from the setup flow
253
+
254
+ = 1.12.1 =
255
+ - Allow HTTP users to select "Automatically prompt..." to use the HTTP prompt
256
+ - Improve setup documentation screens, add extra troubleshooting notices
257
+
258
+ = 1.12.0 =
259
+ - Add admin UI to change notification title
260
+ - Add admin UI to send to Android and iOS platforms (if available)
261
+
262
+ = 1.11.0 =
263
+ - Add admin UI and filter for custom post types
264
+ - Add filters for overriding post processing behavior
265
+ - Add filter for overriding meta box send notification checkbox behavior
266
+ - Add admin UI for adding UTM tracking code parameters (notification URL parameters)
267
+ - Add admin UI for hiding notify button after subscription
268
+ - Fix Preview Popup not displaying correctly if an 'https://subdomain.onesignal.com' Subdomain textbox value is used
269
+ - Display visible error message if notification fails to send
270
+ - Updated Google Project Setup guide
271
+ - Fix poorly named global function that is conflicting with another template's global function
272
+
273
+ = 1.10.6 =
274
+ - Push notifications should now be sent out for posts created in the default WordPress editor if scheduled, being edited, or awaiting publication
275
+
276
+ = 1.10.5 =
277
+ - Change console.developers.google.com setup URL --> console.cloud.google.com
278
+ - Modify onesignal_send_notification filter hook to also allow notifications to not be sent
279
+
280
+ = 1.10.4 =
281
+ - Enable PHP error logging by file
282
+
283
+ = 1.10.3 =
284
+ - Fix on_save_post function not being declared statically
285
+ - Fix other PHP warning about property not existing
286
+
287
+ = 1.10.2 =
288
+ - Forgot to add onesignal-utils.php
289
+
290
+ = 1.10.1 =
291
+ - Automatic sending functionality has been rewritten
292
+
293
+ = 1.10.0 =
294
+ - Fix scheduled notifications to be more reliable by associating data with the post's metadata and rewriting the send notification logic
295
+ - Modified the WDS Log plugin to log OneSignal-related things; WDS Log plugin must be installed to view
296
+ - Add a filter hook for to modify the data we post to create notifications API to allow customizing of notifications
297
+ - Fixed Configuration page saving so that a user can choose to only use the Safari platform and skip the Chrome subdomain
298
+
299
+ = 1.9.2 =
300
+ - Make WordPress plugin compatible with PHP v5.2.4
301
+ - Using workaround for constant ENT_HTML401 not defined in < PHP 5.4 used in decode_html_entity
302
+
303
+ = 1.9.1 =
304
+ - Relax subdomain validation now that the web SDK auto-corrects almost-valid values
305
+
306
+ = 1.9.0 =
307
+ - Add Henkler's contributions to WordPress plugin:
308
+ - Allow notification dismissal by Chrome's persistNotification flag
309
+ - Allow featured image to be used as notification icon
310
+
311
+ = 1.8.2 =
312
+ - Restore 'Automatically send notifications using 3rd party post editors'
313
+
314
+ = 1.8.1 =
315
+ - Clarified subdomain instructions to not include ".onesignal.com"
316
+ - Improved support for HTML encoded entities
317
+
318
+ = 1.8.0 =
319
+ - Add bell color customization
320
+ - Add bell offset position customization
321
+ - Add initial support for custom post types
322
+
323
+ = 1.7.3 =
324
+ - Including missing CSS file
325
+
326
+ = 1.7.2 =
327
+ - Fix settings for initial user showing an error for WordPress function get_option()
328
+
329
+ = 1.7.1 =
330
+ - Organized and clarified plugin settings
331
+ - Add screenshots to plugin description
332
+
333
+ = 1.7.0 =
334
+ - Fixed error reporting being enabled in version 1.6.0
335
+ - Rebranded bell widget to notify button
336
+ - Minor fixes to functions that would error but are silent because error reporting is usually disabled
337
+ - Update default settings
338
+
339
+ = 1.6.0 =
340
+ - Added interactive bell widget for site visitors to manage push notification subscription
341
+ - Improved toggle button text readability
342
+
343
+ = 1.5.0 =
344
+ - Added option to send a welcome notification to new site visitors
345
+ - Removed {modalPrompt: true} as the default prompt method for HTTPS sites; the native browser prompt is once again the default
346
+ - Added option to use the modal prompt instead of the native prompt method
347
+ - Popup settings now display for both HTTPS modal users and HTTP prompt users
348
+
349
+ = 1.4.0 =
350
+ - Added option to disable automatically prompting new visitors to register for push notifications
351
+
352
+ = 1.3.2 =
353
+ - Fixed settings save when subdomain goes from set to empty. Admin JS now uses jQuery instead of $.
354
+
355
+ = 1.3.1 =
356
+ - Fixed HTTP popup prompt dialog to not display empty values if configuration options are unset
357
+
358
+ = 1.3.0 =
359
+ - Added popup settings to localize prompt text. Updated fonts to render better on Firefox and Safari.
360
+
361
+ = 1.2.0 =
362
+ - Graphical redesign of the plugin. Much better instructions.
363
+
364
+ = 1.1.1 =
365
+ - OneSignal library initialization now occurs regardless of whether the window.onload event has yet to be fired or has already fired.
366
+
367
+ = 1.1.0 =
368
+ - Added Safari Mac OSX support.
369
+
370
+ = 1.0.8 =
371
+ - UTF-8 characters in post's titles now display correctly in notifications.
372
+ - Fixed bug where manifest.json was not being created for HTTPS sites due to permissions.
373
+ - Now adapts to use HTTPS for service worker files if the WordPress settings are not correct.
374
+
375
+ = 1.0.7 =
376
+ - Fixed bug where some plugins that create posts were not sending out a OneSignal notifications automatically when 'All Posts created from other plugins' was enabled.
377
+ - Fixed errors that display when 'WP_DEBUG' is set to true
378
+
379
+ = 1.0.6 =
380
+ - Added Automatic Push Notifications option for 'All Posts created from other plugins' on the "Notification Settings" tab.
381
+ - Note, this is on by default for new installs but off of existing ones so behavior does not automatically change when you update.
382
+ - Fixed errors with missing images.
383
+
384
+ = 1.0.5 =
385
+ - Send notification on post is now available to any Wordpress user with permissions to create or edit posts.
386
+
387
+ = 1.0.4 =
388
+ - Notifications sent with the Automatic Push Notifications on Post feature directly link to the post instead of the homepage when opening the notification.
389
+ - Updated GCM instructions and added HTTP subscribe link/widget instructions on the Getting Started tab.
390
+
391
+ = 1.0.3 =
392
+ - Fixed compatibility issue with PHP versions older than 5.3.0
393
+ - For HTTPS sites a modal dialog is shown before the native Chrome Notification permission prompt.
394
+
395
+ = 1.0.2 =
396
+ - Fixed bug with OneSignal not getting initialized in some cases.
397
+ - Now omits extra unneeded manifest link from the head tag when using HTTP.
398
+ - Clicks handler added to elements with the class OneSignal-prompt are now setup in a more compatible way.
399
+
400
+ = 1.0.1 =
401
+ - Modified description
402
+
403
+ = 1.0.0 =
404
+ - Initial release of the plugin
sdk_files/OneSignalSDKUpdaterWorker.js.php CHANGED
@@ -1,5 +1,15 @@
1
- <?php
2
- header("Service-Worker-Allowed: /");
3
- header("Content-Type: application/javascript");
4
- ?>
5
- importScripts('https://cdn.onesignal.com/sdks/OneSignalSDK.js');
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Note: This file is intended to be publicly accessible.
4
+ * Reference: https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers
5
+ */
6
+
7
+ header("Service-Worker-Allowed: /");
8
+ header("Content-Type: application/javascript");
9
+ header("X-Robots-Tag: none");
10
+ if (defined('ONESIGNAL_DEBUG') && defined('ONESIGNAL_LOCAL')) {
11
+ echo "importScripts('https://localhost:3001/dev_sdks/OneSignalSDK.js');";
12
+ } else {
13
+ echo "importScripts('https://cdn.onesignal.com/sdks/OneSignalSDKWorker.js');";
14
+ }
15
+ ?>
sdk_files/OneSignalSDKWorker.js.php CHANGED
@@ -1,5 +1,15 @@
1
- <?php
2
- header("Service-Worker-Allowed: /");
3
- header("Content-Type: application/javascript");
4
- ?>
5
- importScripts('https://cdn.onesignal.com/sdks/OneSignalSDK.js');
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Note: This file is intended to be publicly accessible.
4
+ * Reference: https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers
5
+ */
6
+
7
+ header("Service-Worker-Allowed: /");
8
+ header("Content-Type: application/javascript");
9
+ header("X-Robots-Tag: none");
10
+ if (defined('ONESIGNAL_DEBUG') && defined('ONESIGNAL_LOCAL')) {
11
+ echo "importScripts('https://localhost:3001/dev_sdks/OneSignalSDK.js');";
12
+ } else {
13
+ echo "importScripts('https://cdn.onesignal.com/sdks/OneSignalSDKWorker.js');";
14
+ }
15
+ ?>
sdk_files/amp-helper-frame.html ADDED
@@ -0,0 +1,6 @@
 
 
 
 
 
 
1
+ <html>
2
+ <head></head>
3
+ <body>
4
+ <script src="https://cdn.onesignal.com/sdks/amp/amp-helper-frame.js"></script>
5
+ </body>
6
+ </html>
sdk_files/amp-permission-dialog.html ADDED
@@ -0,0 +1,6 @@
 
 
 
 
 
 
1
+ <html>
2
+ <head></head>
3
+ <body>
4
+ <script src="https://cdn.onesignal.com/sdks/amp/amp-permission-dialog.js"></script>
5
+ </body>
6
+ </html>
sdk_files/manifest.json.php CHANGED
@@ -1,11 +1,15 @@
1
- <?php
2
- header("Content-Type: application/json");
3
- require '../../../../wp-load.php';
4
-
5
- $onesignal_wp_options = get_option("OneSignalWPSetting");
6
- ?>
7
- {
8
- "start_url": "/",
9
- "gcm_sender_id": "<?php echo $onesignal_wp_options['gcm_sender_id']; ?>",
10
- "gcm_user_visible_only": true
 
 
 
 
11
  }
1
+ <?php
2
+ /**
3
+ * Note: This file is intended to be publicly accessible.
4
+ * Reference: https://developers.google.com/web/updates/2015/03/push-notifications-on-the-open-web#add_a_web_app_manifest
5
+ */
6
+
7
+ header("Content-Type: application/json");
8
+ header("X-Robots-Tag: none");
9
+ $gcm_sender_id = preg_replace('/[^0-9]/', '', $_GET["gcm_sender_id"]);
10
+ ?>
11
+ {
12
+ "start_url": "/",
13
+ "gcm_sender_id": "<?php echo (empty($gcm_sender_id) ? '482941778795' : $gcm_sender_id); ?>",
14
+ "gcm_user_visible_only": true
15
  }
views/config.php CHANGED
@@ -1,629 +1,795 @@
1
- <?php
2
- $onesignal_wp_settings = OneSignal::get_onesignal_settings();
3
-
4
- if (array_key_exists('app_id', $_POST)) {
5
- $onesignal_wp_settings = OneSignal_Admin::save_config_page($_POST);
6
- }
7
- ?>
8
-
9
- <header>
10
- <a href="https://onesignal.com" target="_blank">
11
- <div class="onesignal logo" id="logo" style="width: 250px; height: 52px; margin: 0 auto;">&nbsp;</div>
12
- </a>
13
- </header>
14
- <div class="outer site container">
15
- <div class="ui site container" id="content-container">
16
- <div class="ui pointing stackable menu">
17
- <a class="item" data-tab="setup">Setup</a>
18
- <a class="active item" data-tab="configuration">Configuration</a>
19
- </div>
20
- <div class="ui tab borderless shadowless segment" data-tab="setup" style="padding-top: 0; padding-bottom: 0;">
21
- <div class="ui special padded segment" style="padding-top: 0 !important;">
22
- <div class="ui top secondary pointing menu">
23
- <div class="ui grid" style="margin: 0 !important; padding: 0 !important;">
24
- <a class="item" data-tab="setup/0">Overview</a>
25
- <a class="item" data-tab="setup/1">Google Keys</a>
26
- <a class="item" data-tab="setup/2">Chrome Push</a>
27
- <a class="item" data-tab="setup/3">OneSignal Keys</a>
28
- <a class="item" data-tab="setup/4">Modify Site</a>
29
- <a class="item" data-tab="setup/5">Safari Push</a>
30
- <a class="item" data-tab="setup/6">Firefox Push</a>
31
- <a class="item" data-tab="setup/7">Results</a>
32
- </div>
33
- </div>
34
- <div class="ui tab borderless shadowless segment" data-tab="setup/0">
35
- <p>We'll guide you through adding web push for Chrome, Safari, and Firefox for your Wordpress blog.</p>
36
- <p>First you'll get some required keys from Google. Then you'll be on our website creating a new app and setting up web push for each browser. This entire process should take around 15 minutes.</p>
37
- <p>Please follow each step in order! If you're ever stuck or have questions, click the bright red button to chat with us! We read and respond to every message.</p>
38
- <p>Click <a href="javascript:void(0);" onclick="activateSetupTab('setup/1');">Google Keys</a> to begin.</p>
39
- </div>
40
- <div class="ui tab borderless shadowless segment" style="z-index: 1;" data-tab="setup/1">
41
- <p>To begin, we'll create and configure a Google Project. This authorizes us to use Google's web push services for your notifications.</p>
42
- <dl>
43
- <div class="ui segment">
44
- <dt>1</dt>
45
- <dd>
46
- <p>Create a <a href="https://console.developers.google.com/project" target="_blank">Google Developers</a> account or log in to your existing account.</p>
47
- </dd>
48
- </div>
49
- <div class="ui segment">
50
- <dt>2</dt>
51
- <dd>
52
- <p>Once you're logged in, click <strong>Create project</strong>.</p>
53
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/gcm-1.jpg" ?>">
54
- <p>Choose any name for your project. Here we use <code>example-project</code>. Click <strong>Create</strong>.</p>
55
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/gcm-1-2.jpg" ?>">
56
- </dd>
57
- </div>
58
- <div class="ui segment">
59
- <dt>3</dt>
60
- <dd>
61
- <p>Find your <strong>Project number</strong>.</p>
62
- <p>Put this number in the <em>Project Number</em> field of the <em>Configuration</em> tab. You'll also need this number again in the next page, so save it!</p>
63
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/gcm-2.jpg" ?>">
64
- </dd>
65
- </div>
66
-
67
- <div class="ui center aligned piled segment">
68
- <i class="big grey pin pinned icon"></i>
69
- <h3>Project Number</h3>
70
- <p>Put this number in the <em>Project Number</em> field of the <em>Configuration</em> tab.
71
- <br> You'll also need this number again in the next page, so save it!</p>
72
- </div>
73
- <div class="ui segment">
74
- <dt>4</dt>
75
- <dd>
76
- <p>Click <strong>APIs &amp; auth > APIs</strong> on the left sidebar.</p>
77
- <p>On the right pane, in the search box, type <strong><code>cloud messaging</code></strong>.</p>
78
- <p>Select <strong>Google Cloud Messaging for Android</strong>.</p>
79
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/gcm-3.jpg" ?>">
80
- <p>Click <strong>Enable API</strong>.</p>
81
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/gcm-4.jpg" ?>">
82
- </dd>
83
- </div>
84
- <div class="ui segment">
85
- <dt>5</dt>
86
- <dd>
87
- <p>Click <strong>APIs &amp; auth > Credentials</strong> on the left sidebar.</p>
88
- <p>On the right pane, click <strong>Add credentials > API key</strong>.</p>
89
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/gcm-5.jpg" ?>">
90
- <p>Click <strong>Server Key</strong>.</p>
91
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/gcm-6.jpg" ?>">
92
- <p><em>Without entering any values</em>, click <strong>Create</strong>.</p>
93
- <p class="alternate"><em>Make sure to leave the IP address textbox blank. You may name the key if you'd like, but it's not necessary.</em></p>
94
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/gcm-7.jpg" ?>">
95
- <p>Find your <strong>API Key</strong>.</p>
96
- <p>You'll need this number in the next page, so save it!</p>
97
- </p>
98
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/gcm-8.jpg" ?>">
99
- </dd>
100
- </div>
101
- <div class="ui center aligned piled segment">
102
- <i class="big grey pin pinned icon"></i>
103
- <h3>API Key</h3>
104
- <p>You'll need this number in the next page, so save it!</p>
105
- </div>
106
- <div class="ui segment">
107
- <dt>6</dt>
108
- <dd>
109
- <p>You've successfully created and configured your Google project! You should have these two values:</p>
110
- <ul>
111
- <li>Your <strong>Project Number</strong>. It looks something like <code>703322744261</code>. You should have used this on the <em>Configuration</em> tab.</li>
112
- <li>Your <strong>API key</strong>. It looks something like <code>AIzBSyC_N8hcAeDaZEELfPadGnKBWE5zrmAdYfr</code>. You don't need to use this on the <em>Configuration</em> tab, but you do need it on the next page.</li>
113
- </ul>
114
- <p>Click <a href="javascript:void(0);" onclick="activateSetupTab('setup/2');">Chrome Push</a> to continue.</p>
115
- </dd>
116
- </div>
117
- </dl>
118
- </div>
119
- <div class="ui tab borderless shadowless segment" style="z-index: 1;" data-tab="setup/2">
120
- <p>Now that we've set our Google Project Number and API Key, we'll create and configure a OneSignal app.</p>
121
- <dl>
122
- <div class="ui segment">
123
- <dt>1</dt>
124
- <dd>
125
- <p>Create a <a href="https://onesignal.com" target="_blank">OneSignal</a> account or log in to your existing account.</p>
126
- </dd>
127
- </div>
128
- <div class="ui segment">
129
- <dt>2</dt>
130
- <dd>
131
- <p>Click <strong>Add a new app</strong>.</p>
132
- <p class="alternate"><em>If you're a new user, a welcome popup will appear. You can click <strong>Add a new app</strong> on the last screen.</em></p>
133
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/create-1.jpg" ?>">
134
- <p>Choose any name for your app. Here we use <code>Wordpress Demo</code>. Click <strong>Create</strong>.</p>
135
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/create-2.jpg" ?>">
136
- </dd>
137
- </div>
138
- <div class="ui segment">
139
- <dt>3</dt>
140
- <dd>
141
- <p>Select the <strong>Website Push</strong> platform and click <strong>Next</strong>.</p>
142
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/create-3.jpg" ?>">
143
- </dd>
144
- </div>
145
-
146
- <div class="ui segment">
147
- <dt>4</dt>
148
- <dd>
149
- <p>Select the <strong>Google Chrome</strong> sub-platform and click <strong>Next</strong>.</p>
150
- <p>Setting up web push notifications is best first on Google Chrome because:
151
- <ul>
152
- <li>Chrome is the <a href="http://gs.statcounter.com/" target="_blank">most</a> <a href="http://www.w3schools.com/browsers/browsers_stats.asp" target="_blank">popular</a> <a href="https://en.wikipedia.org/wiki/Usage_share_of_web_browsers" target="_blank">browser</a></li>
153
- <li>Chrome web push <a href="https://documentation.onesignal.com/docs/website-sdk-overview" target="_blank">has the most platform support</a> (Windows, Mac OS X, Linux, and Android)</li>
154
- <li>A completed Chrome web push setup is required to set up Firefox web push</li>
155
- </ul>
156
- </p>
157
- <p>Instructions to set up Firefox & Safari web push are available at the end of this guide.</p>
158
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/create-4.jpg" ?>">
159
- </dd>
160
- </div>
161
- <div class="ui segment">
162
- <dt>5</dt>
163
- <dd>
164
- <p>In this step, we focus only on filling out the <em>Site URL</em>.
165
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/create-5.jpg" ?>">
166
- <p>Enter the URL to your site's domain. The purpose of this field is to prevent other sites from hijacking your keys to impersonate you and send push notifications on your behalf. Please note:</p>
167
- <ul>
168
- <li>
169
- <p>Don't include trailing slashes</p>
170
- <p>Instead of using <code>http://domain.com/</code>, use <code>http://domain.com</code> instead.</p>
171
- <p></p>
172
- </li>
173
- <li>
174
- <p>Don't include subfolders</p>
175
- <p>Even if your WordPress blog is hosted on <code>http://domain.com/resource/blog</code>, use <code>http://domain.com</code></p>
176
- <p></p>
177
- </li>
178
- <li>
179
- <p>Include the correct protocol</p>
180
- <p>If your site uses HTTPS, use <code>https://domain.com</code>. If your site uses a mix of HTTPS/HTTP or only HTTP, use <code>http://domain.com</code>. If you're not sure, <a href="">contact us!</a>.</p>
181
- <p></p>
182
- </li>
183
- </ul>
184
- <p>You may use two special properties instead of the URL to your site domain:</p>
185
- <ul>
186
- <li>
187
- <p><code>localhost</code></p>
188
- <p>You can use this to test locally.</p>
189
- </li>
190
- <li>
191
- <p><code>*</code></p>
192
- <p>This allows all sites. <em>Please don't use this on production, otherwise any other site can send push notifications on your behalf.</em></p>
193
- </li>
194
- </ul>
195
- </dd>
196
- </div>
197
-
198
- <div class="ui segment">
199
- <dt>6</dt>
200
- <dd>
201
- <p>In this step, we focus only on filling out the <em>Google Server API Key</em>.
202
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/create-6.jpg" ?>">
203
- <p>Enter the <em>API Key</em> you saved from the previous page.</p>
204
- </dd>
205
- </div>
206
-
207
- <div class="ui segment">
208
- <dt>7</dt>
209
- <dd>
210
- <p>In this step, we focus only on filling out the <em>Default Notification Icon URL</em>.
211
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/create-7.jpg" ?>">
212
- <p>Enter the complete URL to your notification icon. Please note:</p>
213
- <ul>
214
- <li>
215
- <p>Your notification icon must be <code>80 pixels &times; 80 pixels</code> large</p>
216
- <p>On some platforms, larger icons are forcefully downsized to <code>40 &times; 40</code> and centered with an ugly white 20 pixel margin</p>
217
- <p></p>
218
- </li>
219
- <li>The <a href="https://onesignal.com/images/notification_logo.png" target="_blank">default OneSignal notification icon</a> will be used as a default if you don't choose one</li>
220
- </ul>
221
- </dd>
222
- </div>
223
- <div class="ui segment">
224
- <dt>8</dt>
225
- <dd>
226
- <p>In this step, we focus only on the <em>HTTP Fallback Mode</em>.</p>
227
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/create-8.jpg" ?>">
228
- <div class="relative ui two column middle aligned very relaxed stackable grid">
229
- <div class="center aligned column">
230
- <code><strong>http</strong>://domain.com</code>
231
- <h3>HTTP</h3>
232
- </div>
233
- <div class="ui vertical divider">
234
- Or
235
- </div>
236
- <div class="center aligned column">
237
- <code><strong>https</strong>://domain.com</code>
238
- <h3>HTTPS</h3>
239
- </div>
240
- </div>
241
- <p>Check the <em>My site is not fully HTTPS</em> box if:</p>
242
- <ul>
243
- <li>You already know your site doesn't support HTTPS</li>
244
- <li>Your site supports HTTPS, but your site can be viewed on <code><strong>http</strong>://domain.com</code>, without being automatically redirected to <code><strong>https</strong>://domain.com</code></li>
245
- </ul>
246
- <p><strong>Otherwise, do not check the box and leave it blank.</strong></p>
247
- </dd>
248
- </div>
249
- </dl>
250
- <div class="ui center aligned piled segment">
251
- <i class="big grey announcement pinned icon"></i>
252
- <h3>Next Steps</h3>
253
- <p><strong>Steps 9 &hyphen; 10 only apply if you've checked <code>My site is not fully HTTPS</code>.</strong>
254
- <br> If you've left the option blank, you may optionally continue to <a href="javascript:void(0);" onclick="activateSetupTab('setup/5');">Safari Push</a>!</p>
255
- </div>
256
- <dl>
257
- <div class="ui segment">
258
- <dt>9</dt>
259
- <dd>
260
- <p>In this step, we focus only on filling out the <em>Subdomain</em>.
261
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/create-9.jpg" ?>">
262
- <p>Chrome web push notifications don't support HTTP sites, but we work around that by subscribing your users to a subdomain of our site, which <em>is</em> fully HTTPS.</p>
263
- <p>Choose any subdomain you like; your push notifications will come from <code>https://yoursubdomain.onesignal.com</code>.</p>
264
- <p>Choose your subdomain well the first time! Changing your subdomain in the future has a nasty side effect: all previously subscribed users will see notifications from your old subdomain and new subdomain, unless they clear their browser data.</p>
265
- <p>When you're done, <strong>enter this value into the <em>Configuration</em> tab under Subdomain</strong>.</p>
266
- </dd>
267
- </div>
268
- <div class="ui center aligned piled segment">
269
- <i class="big grey pin pinned icon"></i>
270
- <h3>Subdomain</h3>
271
- <p>Put this value in the <em>Subdomain</em> field of the <em>Configuration</em> tab.</p>
272
- </div>
273
- <div class="ui center aligned piled segment">
274
- <i class="big grey warning pinned icon"></i>
275
- <h3>Changing Your Subdomain</h3>
276
- <p>Changing your subdomain makes all currently subscribed players receive notifications from both
277
- <br> your old and new subdomain. It's important to choose your subdomain well the first time.</p>
278
- </div>
279
- <div class="ui segment">
280
- <dt>10</dt>
281
- <dd>
282
- <p>In this step, we focus only on filling out the <em>Google Project Number</em>.
283
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/create-10.jpg" ?>">
284
- <p>Enter the <em>Project Number</em> you saved from the previous page.</p>
285
- <p>Please note that changing this Project Number makes all subscribed players under the old Project Number unmessageable.</p>
286
- </dd>
287
- </div>
288
- <div class="ui center aligned piled segment">
289
- <i class="big grey warning pinned icon"></i>
290
- <h3>Changing Your Project Number</h3>
291
- <p>Changing your Project Number makes all subscribed players under the old Project Number unmessageable.
292
- <br> It's important to set it up correctly the first time.</p>
293
- </div>
294
- <div class="ui segment">
295
- <dt>11</dt>
296
- <dd>
297
- <p>Click <strong>Save</strong> to commit your Chrome push settings <strong>and then exit the dialog</strong>.</p>
298
- <p>If you get errors please follow the instructions to fix them. If you're still experiencing problems, <a href="javascript:void(0);" onclick="showSupportMessage('chrome-push-settings');">chat with us and we'll help you out</a>. Let us know what your specific issue is.</p>
299
- <p>Click <a href="javascript:void(0);" onclick="activateSetupTab('setup/3');">OneSignal Keys</a> to continue. This next section is much easier!</p>
300
- </dd>
301
- </div>
302
- </dl>
303
- </div>
304
- <div class="ui tab borderless shadowless segment" style="z-index: 1;" data-tab="setup/3">
305
- <p>Now that we've set our Chrome push settings, we'll get our <em>App ID</em> and <em>REST API Key</em> from the OneSignal dashboard.</p>
306
- <dl>
307
- <div class="ui segment">
308
- <dt>1</dt>
309
- <dd>
310
- <p>If you're continuing from the previous page:</p>
311
- <ol>
312
- <li>Close <strong>&times;</strong> the dialog.</li>
313
- <li>Click <strong>Yes</strong> to the <em>Finish later?</em> prompt.</li>
314
- <li>Click the app you just configured to access the main app's page.</li>
315
- <li>Click <strong>App Settings</strong> from the left sidebar.</li>
316
- </ol>
317
- <p>If you're resuming this setup from another time:</p>
318
- <ol>
319
- <li>Log in to your OneSignal account.</li>
320
- <li>Click the app you configured in the previous page to access the main app's page.</li>
321
- <li>Click <strong>App Settings</strong> from the left sidebar.</li>
322
- </ol>
323
- <p>You should be on this page:</p>
324
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/keys-1.jpg" ?>">
325
- </dd>
326
- </div>
327
- <div class="ui segment">
328
- <dt>2</dt>
329
- <dd>
330
- <p>Click <strong>Keys &amp; IDs</strong> on the right tabbed pane.</p>
331
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/keys-2.jpg" ?>">
332
- <p>Copy the <strong>REST API Key</strong> and <strong>OneSignal App ID</strong> to the <em>Configuration</em> tab.</p>
333
- </dd>
334
- </div>
335
- <div class="ui center aligned piled segment">
336
- <i class="big grey pin pinned icon"></i>
337
- <h3>REST API Key &amp; App ID</h3>
338
- <p>Copy the <strong>REST API Key</strong> and <strong>OneSignal App ID</strong> to the <em>Configuration</em> tab.</p>
339
- </div>
340
- <div class="ui segment">
341
- <dt>3</dt>
342
- <dd>
343
- <p>You're done configuring settings! Continue to <a href="javascript:void(0);" onclick="activateSetupTab('setup/4');">Modify Site</a>.</p>
344
- </dd>
345
- </div>
346
- </dl>
347
- </div>
348
- <div class="ui tab borderless shadowless segment" style="z-index: 1;" data-tab="setup/4">
349
- <div class="ui center aligned piled segment">
350
- <i class="big grey announcement pinned icon"></i>
351
- <h3>HTTP Only</h3>
352
- <p>This entire section applies only to HTTP sites. If your site is <em>fully HTTPS</em>, you're done!
353
- <br> You can optionally add <a href="javascript:void(0);" onclick="activateSetupTab('setup/5')">Safari</a> and <a href="javascript:void(0);" onclick="activateSetupTab('setup/6');">Firefox</a> web push.</p>
354
- <p>Please continue reading if your site is HTTP. This section is also very short!</p>
355
- </div>
356
- <dl>
357
- <div class="ui segment">
358
- <dt>1</dt>
359
- <dd>
360
- <p>On HTTP sites, you must provide something for users to click so they can subscribe to receive push notifications.</p>
361
- <p>There are two options:</p>
362
- <div class="relative ui two column middle aligned very relaxed stackable grid" style="margin-bottom: 0 !important; padding-bottom: 0 !important;">
363
- <div class="center aligned column">
364
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/widget.jpg" ?>">
365
- </div>
366
- <div class="ui vertical divider">
367
- Or
368
- </div>
369
- <div class="center aligned column">
370
- <code class="massive">&lt;div <strong>class="OneSignal-prompt"</strong>&gt;</code>
371
- </div>
372
- </div>
373
- <div class="relative ui two column middle aligned very relaxed stackable grid" style="margin-top: 0 !important; padding-top: 0 !important;">
374
- <div class="center aligned column">
375
- <h3>WordPress Widget</h3>
376
- </div>
377
- <div class="center aligned column">
378
- <h3>CSS Class</h3>
379
- </div>
380
- </div>
381
- <p>The WordPress widget gets added to your site's sidebar. Our CSS class can be added to any element.</p>
382
- <p>The WordPress widget doesn't offer as much control over styling and positioning. Adding a CSS class gives you the most flexibility.</p>
383
- <p>To add the <em>WordPress widget</em> to your site:</p>
384
- <ol>
385
- <li>Go to your WordPress dashboard's <strong>Appearance > Widgets</strong>.</li>
386
- <li>Drag the OneSignal widget from the list on the left to the Widget Area on the right.</li>
387
- <li>Click <em>OneSignal: Follow</em> to reveal a dropdown and customize the title and body to your liking.</li>
388
- </ol>
389
- <p>To add the CSS class, add <strong><code>OneSignal-prompt</code></strong> to any element you'd like. When the user clicks on this element, they will see a popup window asking them to subscribe to your site's notifications. Our plugin initializes JavaScript code on your page that, on document ready, searches for all instances of the class and attaches a click event handler.
390
- </dd>
391
- </div>
392
- <div class="ui segment">
393
- <dt>2</dt>
394
- <dd>
395
- <p>You're done setting up your site for Chrome push!</p>
396
- <p>Your site works completely with Chrome push now. You can learn how to add <a href="javascript:void(0);" onclick="activateSetupTab('setup/5')">Safari</a> and <a href="javascript:void(0);" onclick="activateSetupTab('setup/6');">Firefox</a> web push.</p>
397
- </dd>
398
- </div>
399
- </dl>
400
- </div>
401
- <div class="ui tab borderless shadowless segment" style="z-index: 1;" data-tab="setup/5">
402
- <dl>
403
- <div class="ui segment">
404
- <dt>1</dt>
405
- <dd>
406
- <p>Log in to your OneSignal account, and navigate to the <em>App Settings</em> page of the app you configured in this guide.</p>
407
- <p>You should be on this page:</p>
408
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/safari-1.jpg" ?>">
409
- <p>Click <strong>Configure</strong> on the platform <em>Apple Safari</em>.</p>
410
- </dd>
411
- </div>
412
- <div class="ui segment">
413
- <dt>2</dt>
414
- <dd>
415
- <p>In this step, we'll focus on filling out the <em>Site Name</em> and <em>Site URL</em> fields.</p>
416
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/safari-2.jpg" ?>">
417
- <p>For the <strong>Site Name</strong>, enter a name you'd like your users to see.</p>
418
- <p>In the following sample image, <em>OneSignal</em> is the site name:</p>
419
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/safari-prompt.jpg" ?>" width="450">
420
- <p>For the <strong>Site URL</strong>, enter the URL to your site's domain. The purpose of this field is to prevent other sites from hijacking your keys to impersonate you and send push notifications on your behalf. Please note:</p>
421
- <ul>
422
- <li>
423
- <p>Don't include trailing slashes</p>
424
- <p>Instead of using <code>http://domain.com/</code>, use <code>http://domain.com</code> instead.</p>
425
- <p></p>
426
- </li>
427
- <li>
428
- <p>Don't include subfolders</p>
429
- <p>Even if your WordPress blog is hosted on <code>http://domain.com/resource/blog</code>, use <code>http://domain.com</code></p>
430
- <p></p>
431
- </li>
432
- <li>
433
- <p>Include the correct protocol</p>
434
- <p>If your site uses HTTPS, use <code>https://domain.com</code>. If your site uses a mix of HTTPS/HTTP or only HTTP, use <code>http://domain.com</code>. If you're not sure, <a href="javascript:void(0);" onclick="showSupportMessage('not_sure_protocol')">contact us!</a>.</p>
435
- <p></p>
436
- </li>
437
- </ul>
438
- </dd>
439
- </div>
440
- <div class="ui segment">
441
- <dt>3</dt>
442
- <dd>
443
- <p>In this step, we'll focus on uploading your Safari notification icons.</p>
444
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/safari-3.jpg" ?>">
445
- <p>Please have your icon in the following sizes:</p>
446
- <ul>
447
- <li>16 &times; 16</li>
448
- <li>32 &times; 32</li>
449
- <li>64 &times; 64</li>
450
- <li>128 &times; 128</li>
451
- <li>256 &times; 256</li>
452
- </ul>
453
- <p>The different sizes are used in different places (e.g. the <code>64 &times; 64</code> icon is used in the allow notification prompt). If you don't have these different sizes, you may simply upload one <code>256 &times; 256</code> icon into each entry, and we will resize them for you to the appropriate size.</p>
454
- </dd>
455
- </div>
456
- <div class="ui segment">
457
- <dt>4</dt>
458
- <dd>
459
- <p>Click <strong>Save</strong> to commit your Safari push settings <strong>and then exit the dialog</strong>.</p>
460
- <p>If you get errors please follow the instructions to fix them. If you're still experiencing problems, <a href="javascript:void(0);" onclick="showSupportMessage('safari-push-settings');">chat with us and we'll help you out</a>. Let us know what your specific issue is.</p>
461
- </dd>
462
- </div>
463
- <div class="ui segment">
464
- <dt>5</dt>
465
- <dd>
466
- <p><strong>Refresh</strong> the page, and then copy the <strong>Safari Web ID</strong> you see to the <em>Configuration</em> tab.</p>
467
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/safari-4.jpg" ?>">
468
- <p>That's it for setting up Safari push!</p>
469
- <p>You may optionally continue on to add <a href="javascript:void(0);" onclick="activateSetupTab('setup/6');">Firefox</a> web push.</p>
470
- </dd>
471
- </div>
472
- <div class="ui center aligned piled segment">
473
- <i class="big grey pin pinned icon"></i>
474
- <h3>Safari Web ID</h3>
475
- <p>Copy the <strong>Safari Web ID</strong> to the <em>Configuration</em> tab.</p>
476
- </div>
477
- </dl>
478
- </div>
479
- <div class="ui tab borderless shadowless segment" style="z-index: 1;" data-tab="setup/6">
480
- <dl>
481
- <div class="ui segment">
482
- <dt>1</dt>
483
- <dd>
484
- <p>Log in to your OneSignal account, and navigate to the <em>App Settings</em> page of the app you configured in this guide.</p>
485
- <p>You should be on this page:</p>
486
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/safari-1.jpg" ?>">
487
- <p>Click <strong>Configure</strong> on the platform <em>Mozilla Firefox</em>.</p>
488
- </dd>
489
- </div>
490
- <div class="ui segment">
491
- <dt>2</dt>
492
- <dd>
493
- <p>A friendly message will tell you no actions are required to activate Mozilla Firefox.</p>
494
- <p>Click <strong>Save</strong> to activate Mozilla Firefox push notifications.</p>
495
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/firefox-1.jpg" ?>">
496
- <p>If you see a gray colored box saying <em>Chrome Website Push needs to be configured first</em>, please <a href="javascript:void(0);" onclick="activateSetupTab('setup/2');">follow this guide to activate Chrome website push first</a>.</p>
497
- <p>If your Chrome web push works correctly, your Firefox web push will automatically work correctly.</p>
498
- </dd>
499
- </div>
500
- <div class="ui segment">
501
- <dt>3</dt>
502
- <dd>
503
- <p>That's it for setting up Firefox push!</p>
504
- </dd>
505
- </div>
506
- </dl>
507
- </div>
508
- <div class="ui tab borderless shadowless segment" style="z-index: 1;" data-tab="setup/7">
509
- <p>This section shows push notifications working for <em>Chrome</em>, <em>Safari</em>, and <em>Firefox</em> in <em>HTTP</em> and <em>HTTPS</em> mode.</p>
510
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/web-push.jpg" ?>">
511
- <p></p>
512
- <dl>
513
- <div class="ui horizontal divider">Chrome (HTTP)</div>
514
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/chrome-http.jpg" ?>">
515
- <div class="ui horizontal divider">Chrome (HTTPS)</div>
516
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/chrome-https.jpg" ?>">
517
- <div class="ui horizontal divider">Safari (HTTP & HTTPS)</div>
518
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/safari-https.jpg" ?>">
519
- <div class="ui horizontal divider">Firefox (HTTP)</div>
520
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/firefox-http.jpg" ?>">
521
- <div class="ui horizontal divider">Firefox (HTTPS)</div>
522
- <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/firefox-https.jpg" ?>">
523
- </dl>
524
- </div>
525
- </div>
526
- </div>
527
- <div class="ui borderless shadowless active tab segment" style="z-index: 1; padding-top: 0; padding-bottom: 0;" data-tab="configuration">
528
- <div class="ui special padded raised stack segment">
529
- <form class="ui form" role="configuration" action="#" method="POST">
530
- <div class="ui dividing header">
531
- <i class="setting icon"></i>
532
- <div class="content">
533
- Account Settings
534
- </div>
535
- </div>
536
- <div class="ui borderless shadowless segment">
537
- <div class="field">
538
- <label>Google Project Number<i class="tiny circular help icon link" role="popup" data-title="Google Project Number" data-content="Your 13 digit project number. You can find this on Setup > Google Keys > Step 3." data-variation="wide"></i></label>
539
- <input type="text" name="gcm_sender_id" placeholder="#############" value="<?php echo $onesignal_wp_settings['gcm_sender_id'] ?>">
540
- </div>
541
- <div class="field">
542
- <label>App ID<i class="tiny circular help icon link" role="popup" data-title="App ID" data-content="Your 36 character alphanumeric app ID. You can find this on Setup > OneSignal Keys > Step 2." data-variation="wide"></i></label>
543
- <input type="text" name="app_id" placeholder="xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxx" value="<?php echo $onesignal_wp_settings['app_id'] ?>">
544
- </div>
545
- <div class="field">
546
- <label>REST API Key<i class="tiny circular help icon link" role="popup" data-title="Rest API Key" data-content="Your 48 character alphanumeric REST API Key. You can find this on Setup > OneSignal Keys > Step 2." data-variation="wide"></i></label>
547
- <input type="text" name="app_rest_api_key" placeholder="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" value="<?php echo $onesignal_wp_settings['app_rest_api_key'] ?>">
548
- </div>
549
- <div class="field">
550
- <label>Subdomain<i class="tiny circular help icon link" role="popup" data-title="Subdomain" data-content="Your chosen subdomain. You can find this on Setup > Chrome Push > Step 9." data-variation="wide"></i></label>
551
- <input type="text" name="subdomain" placeholder="example" value="<?php echo $onesignal_wp_settings['subdomain'] ?>">
552
- </div>
553
- <div class="field">
554
- <label>Safari Web ID<i class="tiny circular help icon link" role="popup" data-title="Safari Web ID" data-content="Your chosen subdomain. You can find this on Setup > Safari Push > Step 5." data-variation="wide"></i></label>
555
- <input type="text" name="safari_web_id" placeholder="web.com.example" value="<?php echo @$onesignal_wp_settings['safari_web_id']; ?>">
556
- </div>
557
- </div>
558
- <?php if (!empty($onesignal_wp_settings['subdomain'])): ?>
559
- <div class="ui dividing header">
560
- <i class="external icon"></i>
561
- <div class="content">
562
- HTTP Popup Settings
563
- </div>
564
- </div>
565
- <div class="ui borderless shadowless segment" style="position: relative;">
566
- <p class="lato">These settings modify the popup message and button text for all users. Use this to localize the popup to your language. All fields here are limited in the length of text they can display; use the Preview Popup button to preview your changes.</p>
567
- <div class="field">
568
- <button class="ui gray button" type="button" onclick="showHttpPopup()">Preview Popup</button>
569
- </div>
570
- <div class="field">
571
- <label>Action Message</label>
572
- <input type="text" name="prompt_action_message" placeholder="wants to show notifications:" value="<?php echo @$onesignal_wp_settings['prompt_action_message']; ?>">
573
- </div>
574
- <div class="field">
575
- <label>Example Notification Title (Desktop)</label>
576
- <input type="text" name="prompt_example_notification_title_desktop" placeholder="This is an example notification" value="<?php echo @$onesignal_wp_settings['prompt_example_notification_title_desktop']; ?>">
577
- </div>
578
- <div class="field">
579
- <label>Example Notification Message (Desktop)</label>
580
- <input type="text" name="prompt_example_notification_message_desktop" placeholder="Notifications will appear on your desktop" value="<?php echo @$onesignal_wp_settings['prompt_example_notification_message_desktop']; ?>">
581
- </div>
582
- <div class="field">
583
- <label>Example Notification Title (Mobile)</label>
584
- <input type="text" name="prompt_example_notification_title_mobile" placeholder="Example notification" value="<?php echo @$onesignal_wp_settings['prompt_example_notification_title_mobile']; ?>">
585
- </div>
586
- <div class="field">
587
- <label>Example Notification Message (Mobile)</label>
588
- <input type="text" name="prompt_example_notification_message_mobile" placeholder="Notifications will appear on your device" value="<?php echo @$onesignal_wp_settings['prompt_example_notification_message_mobile']; ?>">
589
- </div>
590
- <div class="field">
591
- <label>Example Notification Caption</label>
592
- <input type="text" name="prompt_example_notification_caption" placeholder="(you can unsubscribe anytime)" value="<?php echo @$onesignal_wp_settings['prompt_example_notification_caption']; ?>">
593
- </div>
594
- <div class="field">
595
- <label>Accept Button Text</label>
596
- <input type="text" name="prompt_accept_button_text" placeholder="CONTINUE" value="<?php echo @$onesignal_wp_settings['prompt_accept_button_text']; ?>">
597
- </div>
598
- <div class="field">
599
- <label>Cancel Button Text</label>
600
- <input type="text" name="prompt_cancel_button_text" placeholder="NO THANKS" value="<?php echo @$onesignal_wp_settings['prompt_cancel_button_text']; ?>">
601
- </div>
602
- </div>
603
- <?php endif; ?>
604
- <div class="ui dividing header">
605
- <i class="alarm outline icon"></i>
606
- <div class="content">
607
- Automatic Notification Settings
608
- </div>
609
- </div>
610
- <div class="ui borderless shadowless segment">
611
- <div class="field">
612
- <div class="ui toggle checkbox">
613
- <input type="checkbox" name="notification_on_post" value="true" <?php if ($onesignal_wp_settings['notification_on_post']) { echo "checked"; } ?>>
614
- <label>Automatically send a push notification when I create a post from the default WordPress editor<i class="tiny circular help icon link" role="popup" data-title="Automatic Push from WordPress Editor" data-content="If checked, when you create a new post, the checkbox 'Send notification on publish' will be automatically checked." data-variation="wide"></i></label>
615
- </div>
616
- </div>
617
- <div class="field">
618
- <div class="ui toggle checkbox">
619
- <input type="checkbox" name="notification_on_post_from_plugin" value="true" <?php if (@$onesignal_wp_settings['notification_on_post_from_plugin']) { echo "checked"; } ?>>
620
- <label>Automatically send a push notification when I create a post from 3<sup>rd</sup> party plugins<i class="tiny circular help icon link" role="popup" data-title="Automatic Push from 3rd Party Editors" data-content="If checked, when you create a new post from most 3rd party plugins, the checkbox 'Send notification on publish' will be automatically checked." data-variation="wide"></i></label>
621
- </div>
622
- </div>
623
- </div>
624
- <button class="ui large teal button" type="submit">Save</button>
625
- </form>
626
- </div>
627
- </div>
628
- </div>
629
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ defined( 'ABSPATH' ) or die('This page may not be accessed directly.');
4
+
5
+ if (!OneSignalUtils::can_modify_plugin_settings()) {
6
+ // Exit if the current user does not have permission
7
+ die('Insufficient permissions to access config page.');
8
+ }
9
+
10
+ // The user is just viewing the config page; this page cannot be accessed directly
11
+ $onesignal_wp_settings = OneSignal::get_onesignal_settings();
12
+ ?>
13
+
14
+ <header class="onesignal">
15
+ <a href="https://onesignal.com" target="_blank">
16
+ <div class="onesignal logo" id="logo-onesignal" style="width: 250px; height: 52px; margin: 0 auto;">&nbsp;</div>
17
+ </a>
18
+ </header>
19
+ <div class="outer site onesignal container">
20
+ <div class="ui site onesignal container" id="content-container">
21
+ <div class="ui pointing stackable menu">
22
+ <a class="item" data-tab="setup">Setup</a>
23
+ <a class="active item" data-tab="configuration">Configuration</a>
24
+ </div>
25
+ <div class="ui tab borderless shadowless segment" data-tab="setup" style="padding-top: 0; padding-bottom: 0;">
26
+ <div class="ui special padded segment" style="padding-top: 0 !important;">
27
+ <div class="ui top secondary pointing menu">
28
+ <div class="ui grid" style="margin: 0 !important; padding: 0 !important;">
29
+ <a class="item" data-tab="setup/0">Overview</a>
30
+ <a class="item" data-tab="setup/1">Prompts</a>
31
+ <a class="item" data-tab="setup/2">Safari Push</a>
32
+ <a class="item" data-tab="setup/3">Results</a>
33
+ </div>
34
+ </div>
35
+ <div class="ui tab borderless shadowless segment" data-tab="setup/0">
36
+ <p>Follow these steps to add Web Push to your Wordpress blog:</p>
37
+ <dl>
38
+ <div class="ui segment">
39
+ <dt>1</dt>
40
+ <dd>
41
+ <p>Create a <a href="https://onesignal.com" target="_blank">OneSignal</a> account or log in to your existing account.</p>
42
+ </dd>
43
+ </div>
44
+ <div class="ui segment">
45
+ <dt>2</dt>
46
+ <dd>
47
+ <p>
48
+ Create a Web Push app in OneSignal, following the instructions in our
49
+ <a href="https://documentation.onesignal.com/docs/web-push-quickstart" target="_new">Web Push Quickstart guide</a>.
50
+ </p>
51
+ </dd>
52
+ </div>
53
+ <div class="ui segment">
54
+ <dt>3</dt>
55
+ <dd>
56
+ <p>
57
+ Set up your Web Push app following the instructions in OneSignal's <strong>Web Push Editor</strong>.
58
+ </p>
59
+ </dd>
60
+ </div>
61
+ </dl>
62
+
63
+ <div class="ui center aligned piled segment">
64
+ <i class="big grey pin pinned icon"></i>
65
+ <h3>Troubleshooting</h3>
66
+ <p>
67
+ If you run into issues or need extra guidance, you can follow along each step of our
68
+ <a href="https://documentation.onesignal.com/docs/wordpress" target="_new">Wordpress Setup Guide</a>.
69
+ </p>
70
+ <p>
71
+ If you're ever stuck or have questions, <a href="mailto:support+wp@onesignal.com">email us</a>!
72
+ </p>
73
+ <p>
74
+ If you run into issues getting your plugin to work, you can also browse our
75
+ <a href="https://documentation.onesignal.com/docs/troubleshooting-web-push" target="_blank">Troubleshooting Website Push</a> documentation.
76
+ </p>
77
+ </div>
78
+ </div>
79
+
80
+ <div class="ui tab borderless shadowless segment" style="z-index: 1;" data-tab="setup/1">
81
+ <p>If you've finished the guide up to here, push notifications already work on your site. <strong>But your users still need a way to <em>subscribe</em> to your site's notifications</strong>. There are a couple ways:
82
+ <h4>HTTP Sites:</h4>
83
+ <div class="relative ui two column middle aligned very relaxed stackable grid" style="margin-bottom: 0 !important; padding-bottom: 0 !important;">
84
+ <div class="center aligned column">
85
+ <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/http-prompt.png" ?>" width="100%">
86
+ </div>
87
+ <div class="center aligned column">
88
+ <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/bell.jpg" ?>" width="60%">
89
+ </div>
90
+ </div>
91
+ <div class="relative ui two column middle aligned very relaxed stackable grid" style="margin-top: 0 !important; padding-top: 0 !important;">
92
+ <div class="center aligned column">
93
+ <h3>Slide Prompt</h3>
94
+ </div>
95
+ <div class="center aligned column">
96
+ <h3>Subscription Bell</h3>
97
+ </div>
98
+ </div>
99
+ <h4>HTTPS Sites:</h4>
100
+ <div class="relative ui two column middle aligned very relaxed stackable grid" style="margin-bottom: 0 !important; padding-bottom: 0 !important;">
101
+ <div class="center aligned column">
102
+ <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/https-prompt.png" ?>" width="100%">
103
+ </div>
104
+ <div class="center aligned column">
105
+ <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/bell.jpg" ?>" width="60%">
106
+ </div>
107
+ </div>
108
+ <div class="relative ui two column middle aligned very relaxed stackable grid" style="margin-top: 0 !important; padding-top: 0 !important;">
109
+ <div class="center aligned column">
110
+ <h3>Browser Permission Request <span class="ui green horizontal label">HTTPS Only</span></h3>
111
+ </div>
112
+ <div class="center aligned column">
113
+ <h3>Subscription Bell</h3>
114
+ </div>
115
+ </div>
116
+ <ol>
117
+ <li><strong>Subscription Bell:</strong> Enable it in <em>Configuration</em> -> <em>Prompt Settings & Subscription Bell</em> -> <em>Enable the Subscription Bell</em></li>
118
+ <ol>
119
+ <li>The Subscription Bell is an interactive site widget.</li>
120
+ <li>Users see the Subscription Bell on the bottom right corner of your site. They can click the Subscription Bell to subscribe.</li>
121
+ <li>The Subscription Bell is custom developed by us and does all the work for you! It detects when users are unsubscribed, already subscribed, or have blocked your site and show instructions to unblock. It allows users to easily temporarily subscribe from and resubscribe to notifications.</li>
122
+ </ol>
123
+ <li><strong>HTTP/HTTPS Prompt:</strong> Enable it in <em>Configuration</em> -> <em>Prompt Settings & Subscription Bell</em> -> <em>Automatically prompt new site visitors to subscribe to push notifications</em></li>
124
+ <ol>
125
+ <li><a href="https://documentation.onesignal.com/docs/permission-requests" target="_blank">Read more about it at our documentation.</a></li>
126
+ </ol>
127
+ </ol>
128
+ <p>If you're a technical user and would like to implement your own subscription process, this is entirely possible. Please see this guide on <a href="https://documentation.onesignal.com/docs/customize-permission-messages#section-custom-link-permission-message" target="_blank">how to subscribe user with a link</a> using HTML and JavaScript. Our <a href="https://documentation.onesignal.com/docs/web-push-sdk" target="_blank">web SDK JavaScript API</a> is also available and can be called anywhere on the page.</p>
129
+ </p>
130
+
131
+ <dl>
132
+ <div class="ui segment">
133
+ <p>You're done setting up your site for Chrome & Firefox push!</p>
134
+ <p>Your site works completely with Chrome & Firefox push now. You can learn how to add <a href="javascript:void(0);" onclick="activateSetupTab('setup/4')">Safari</a> web push.</p>
135
+ </div>
136
+ </dl>
137
+ </div>
138
+ <div class="ui tab borderless shadowless segment" style="z-index: 1;" data-tab="setup/2">
139
+ <dl>
140
+ <div class="ui center aligned piled segment">
141
+ <i class="big grey pin pinned icon"></i>
142
+ <h3>Safari on Windows Not Supported</h3>
143
+ <p>Safari on Windows does not support web push notifications. Please use Safari on Mac OS X. <a href="https://onesignal.com/blog/when-will-web-push-be-supported-in-ios/" target="_blank">Apple also does not support web push notifications on iOS yet.</a></p>
144
+ </div>
145
+ <div class="ui segment">
146
+ <dt>1</dt>
147
+ <dd>
148
+ <p>Log in to your OneSignal account, and navigate to the <em>App Settings</em> page of the app you configured in this guide.</p>
149
+ <p>You should be on this page:</p>
150
+ <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/safari-1.jpg" ?>">
151
+ <p>Click <strong>Configure</strong> on the platform <em>Apple Safari</em>.</p>
152
+ </dd>
153
+ </div>
154
+ <div class="ui segment">
155
+ <dt>2</dt>
156
+ <dd>
157
+ <p>In this step, we'll focus on filling out the <em>Site Name</em> and <em>Site URL</em> fields.</p>
158
+ <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/safari-2.jpg" ?>">
159
+ <p>For the <strong>Site Name</strong>, enter a name you'd like your users to see.</p>
160
+ <p>In the following sample image, <em>OneSignal</em> is the site name:</p>
161
+ <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/safari-prompt.jpg" ?>" width="450">
162
+ <p>For the <strong>Site URL</strong>, enter the URL to your site's domain. The purpose of this field is to prevent other sites from hijacking your keys to impersonate you and send push notifications on your behalf. Please note:</p>
163
+ <ul>
164
+ <li>
165
+ <p>Don't include trailing slashes</p>
166
+ <p>Instead of using <code>http://domain.com/</code>, use <code>http://domain.com</code> instead.</p>
167
+ <p></p>
168
+ </li>
169
+ <li>
170
+ <p>Don't include subfolders</p>
171
+ <p>Even if your WordPress blog is hosted on <code>http://domain.com/resource/blog</code>, use <code>http://domain.com</code></p>
172
+ <p></p>
173
+ </li>
174
+ <li>
175
+ <p>Include the correct protocol</p>
176
+ <p>If your site uses HTTPS, use <code>https://domain.com</code>. If your site uses a mix of HTTPS/HTTP or only HTTP, use <code>http://domain.com</code>.</a>.</p>
177
+ <p></p>
178
+ </li>
179
+ </ul>
180
+ </dd>
181
+ </div>
182
+ <div class="ui segment">
183
+ <dt>3</dt>
184
+ <dd>
185
+ <p>In this step, we'll focus on uploading your Safari notification icons.</p>
186
+ <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/safari-3.jpg" ?>">
187
+ <p>Please have your icon in the following sizes:</p>
188
+ <ul>
189
+ <li>16 &times; 16</li>
190
+ <li>32 &times; 32</li>
191
+ <li>64 &times; 64</li>
192
+ <li>128 &times; 128</li>
193
+ <li>256 &times; 256</li>
194
+ </ul>
195
+ <p>The different sizes are used in different places (e.g. the <code>64 &times; 64</code> icon is used in the allow notification prompt). If you don't have these different sizes, you may simply upload one <code>256 &times; 256</code> icon into each entry, and we will resize them for you to the appropriate size.</p>
196
+ </dd>
197
+ </div>
198
+ <div class="ui segment">
199
+ <dt>4</dt>
200
+ <dd>
201
+ <p>Click <strong>Save</strong> to commit your Safari push settings <strong>and then exit the dialog</strong>.</p>
202
+ <p>If you get errors please follow the instructions to fix them. If you're still experiencing problems, email us for support.</p>
203
+ </dd>
204
+ </div>
205
+ <div class="ui segment">
206
+ <dt>5</dt>
207
+ <dd>
208
+ <p><strong>Refresh</strong> the page, and then copy the <strong>Safari Web ID</strong> you see to the <em>Configuration</em> tab.</p>
209
+ <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/safari-4.jpg" ?>">
210
+ <p>That's it for setting up Safari push!</p>
211
+ </dd>
212
+ </div>
213
+ <div class="ui center aligned piled segment">
214
+ <i class="big grey pin pinned icon"></i>
215
+ <h3>Safari Web ID (optional)</h3>
216
+ <p>Copy the <strong>Safari Web ID</strong> to the <em>Configuration</em> tab.</p>
217
+ </div>
218
+ </dl>
219
+ </div>
220
+ <div class="ui tab borderless shadowless segment" style="z-index: 1;" data-tab="setup/3">
221
+ <p>This section shows push notifications working for <em>Chrome</em>, <em>Safari</em>, and <em>Firefox</em> in <em>HTTP</em> and <em>HTTPS</em> mode.</p>
222
+ <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/web-push.jpg" ?>">
223
+ <p></p>
224
+ <dl>
225
+ <div class="ui horizontal divider">Subscription Bell</div>
226
+ <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/notify-button.jpg" ?>">
227
+ <div class="ui horizontal divider">Chrome (HTTP)</div>
228
+ <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/chrome-http.jpg" ?>">
229
+ <div class="ui horizontal divider">Chrome (HTTPS)</div>
230
+ <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/chrome-https.jpg" ?>">
231
+ <div class="ui horizontal divider">Safari (HTTP & HTTPS)</div>
232
+ <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/safari-https.jpg" ?>">
233
+ <div class="ui horizontal divider">Firefox (HTTP)</div>
234
+ <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/firefox-http.jpg" ?>">
235
+ <div class="ui horizontal divider">Firefox (HTTPS)</div>
236
+ <img class="img-responsive" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/firefox-https.jpg" ?>">
237
+ </dl>
238
+ </div>
239
+ </div>
240
+ </div>
241
+ <div class="ui borderless shadowless active tab segment" style="z-index: 1; padding-top: 0; padding-bottom: 0;" data-tab="configuration">
242
+ <div class="ui special padded raised stack segment">
243
+ <form class="ui form" role="configuration" action="#" method="POST">
244
+ <?php
245
+ // Add an nonce field so we can check for it later.
246
+ wp_nonce_field(OneSignal_Admin::$SAVE_CONFIG_NONCE_ACTION, OneSignal_Admin::$SAVE_CONFIG_NONCE_KEY, true);
247
+ ?>
248
+ <div class="ui dividing header">
249
+ <i class="setting icon"></i>
250
+ <div class="content">
251
+ Account Settings
252
+ </div>
253
+ </div>
254
+ <div class="ui borderless shadowless segment">
255
+ <div class="field">
256
+ <div class="ui toggle checkbox">
257
+ <input type="checkbox" name="is_site_https" <?php if (@$onesignal_wp_settings['is_site_https_firsttime'] === 'unset') { echo "data-unset=\"true\""; } if (@$onesignal_wp_settings['is_site_https']) { echo "checked"; } ?>>
258
+ <label>My site uses an HTTPS connection (SSL)<i class="tiny circular help icon link" role="popup" data-html="<p>Check this if your site uses HTTPS:</p><img src='<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/https-url.png" ?>' width=619>" data-variation="flowing"></i></label>
259
+ </div>
260
+ </div>
261
+ <div class="ui inline subdomain-http nag">
262
+ <span class="title">
263
+ This option is disabled when your current URL begins with <code>http://</code>. Please access this page using <code>https://</code> to enable this option.
264
+ </span>
265
+ <i class="close icon"></i>
266
+ </div>
267
+ <?php if (
268
+ (
269
+ $onesignal_wp_settings['gcm_sender_id'] !== '' ||
270
+ $onesignal_wp_settings['show_gcm_sender_id']
271
+ ) &&
272
+ (OneSignalUtils::url_contains_parameter(ONESIGNAL_URI_REVEAL_PROJECT_NUMBER))
273
+ ): ?>
274
+ <div class="field">
275
+ <label>Google Project Number<i class="tiny circular help icon link" role="popup" data-title="Google Project Number" data-content="Your Google Project Number. Do NOT change this as it can cause all existing subscribers to become unreachable." data-variation="wide"></i></label>
276
+ <p class="hidden danger-label" data-target="[name=gcm_sender_id]">WARNING: Changing this causes all existing subscribers to become unreachable. Please do not change unless instructed to do so!</p>
277
+ <input type="text" name="gcm_sender_id" placeholder="#############" value="<?php echo $onesignal_wp_settings['gcm_sender_id'] ?>">
278
+ </div>
279
+ <?php endif; ?>
280
+ <div class="field">
281
+ <label>App ID<i class="tiny circular help icon link" role="popup" data-title="App ID" data-content="Your 36 character alphanumeric app ID. You can find this in App Settings > Keys & IDs." data-variation="wide"></i></label>
282
+ <input type="text" name="app_id" placeholder="xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxx" value="<?php echo $onesignal_wp_settings['app_id'] ?>">
283
+ </div>
284
+ <div class="field">
285
+ <label>REST API Key<i class="tiny circular help icon link" role="popup" data-title="Rest API Key" data-content="Your 48 character alphanumeric REST API Key. You can find this in App Settings > Keys & IDs." data-variation="wide"></i></label>
286
+ <input type="text" name="app_rest_api_key" placeholder="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" value="<?php echo $onesignal_wp_settings['app_rest_api_key'] ?>">
287
+ </div>
288
+ <div class="field subdomain-feature">
289
+ <label>OneSignal Label<i class="tiny circular help icon link" role="popup" data-title="Subdomain" data-content="The label you chose for your site. You can find this in Step 2. Wordpress Site Setup" data-variation="wide"></i></label>
290
+ <input type="text" name="subdomain" placeholder="example" value="<?php echo $onesignal_wp_settings['subdomain'] ?>">
291
+ <div class="callout info">Once your site is public, <strong>do not change your label</strong>. If you do, users will receive duplicate notifications.</div>
292
+ </div>
293
+ <div class="field">
294
+ <label>Safari Web ID<i class="tiny circular help icon link" role="popup" data-title="Safari Web ID" data-content="Your Safari Web ID. You can find this on Setup > Safari Push > Step 5." data-variation="wide"></i></label>
295
+ <input type="text" name="safari_web_id" placeholder="web.com.example" value="<?php echo @$onesignal_wp_settings['safari_web_id']; ?>">
296
+ </div>
297
+ </div>
298
+ <div class="ui dividing header">
299
+ <i class="desktop icon"></i>
300
+ <div class="content">
301
+ Sent Notification Settings
302
+ </div>
303
+ </div>
304
+ <div class="ui borderless shadowless segment">
305
+ <div class="field">
306
+ <div class="ui toggle checkbox">
307
+ <input type="checkbox" name="showNotificationIconFromPostThumbnail" value="true" <?php if ($onesignal_wp_settings['showNotificationIconFromPostThumbnail']) { echo "checked"; } ?>>
308
+ <label>Use the post's featured image for the notification icon<i class="tiny circular help icon link" role="popup" data-title="Use post featured image for notification icon" data-content="If checked, use the post's featured image in the notification icon (small icon). Chrome and Firefox Desktop supported." data-variation="wide"></i></label>
309
+ </div>
310
+ </div>
311
+ <div class="field">
312
+ <div class="ui toggle checkbox">
313
+ <input type="checkbox" name="showNotificationImageFromPostThumbnail" value="true" <?php if ($onesignal_wp_settings['showNotificationImageFromPostThumbnail']) { echo "checked"; } ?>>
314
+ <label>Use the post's featured image for Chrome's large notification image<i class="tiny circular help icon link" role="popup" data-title="Use post featured image for notification image (Chrome only)" data-html="<p>If checked, use the post's featured image in the notification large image (Chrome only). See <a target='docs' href='https://documentation.onesignal.com/docs/web-push-notification-icons#section-image'>our documentation on web push images</a>.</p>" data-variation="wide"></i></label>
315
+ </div>
316
+ </div>
317
+ <div class="field">
318
+ <label>
319
+ Hide notifications after a few seconds
320
+ <i class="tiny circular help icon link"
321
+ role="popup"
322
+ data-html="
323
+ <p><strong>Yes</strong></p>
324
+ <p>The notification hides itself after some time, depending on the platform.</p>
325
+ <ul style='font-size: 95%'>
326
+ <li>Windows: Up to 20 seconds</li>
327
+ <li>Mac OS X: 3 - 5 seconds</li>
328
+ <li>Android: Notifications persist in the notification tray</li>
329
+ </ul>
330
+ <p><strong>Yes on Mac OS X. No on other platforms.</strong></p>
331
+ <p><em>Recommended.</em> Mac OS X notifiations will disappear after a few seconds, but they can still be seen in the Notification Center.</p>
332
+ <p><strong>No</strong></p>
333
+ <p>This option will lead to a browser settings button being shown on Mac OS X notifications, which reduces the available length for the notification text.</p>
334
+ "
335
+ width=650
336
+ data-variation="wide">
337
+ </i>
338
+ </label>
339
+ <select class="ui dropdown" name="persist_notifications">
340
+ <option
341
+ value="platform-default"
342
+ <?php
343
+ if ((array_key_exists('persist_notifications', $onesignal_wp_settings) &&
344
+ $onesignal_wp_settings['persist_notifications'] == "platform-default")) {
345
+ echo "selected";
346
+ }
347
+ ?>>Yes
348
+ </option>
349
+ <option
350
+ value="yes-except-notification-manager-platforms"
351
+ <?php
352
+ if ((array_key_exists('persist_notifications', $onesignal_wp_settings) &&
353
+ $onesignal_wp_settings['persist_notifications'] == "yes-except-notification-manager-platforms")) {
354
+ echo "selected";
355
+ }
356
+ ?>>Yes on Mac OS X. No on other platforms.
357
+ </option>
358
+ <option
359
+ value="yes-all"
360
+ <?php
361
+ if ((array_key_exists('persist_notifications', $onesignal_wp_settings) &&
362
+ $onesignal_wp_settings['persist_notifications'] == "yes-all")) {
363
+ echo "selected";
364
+ }
365
+ ?>>No
366
+ </option>
367
+ </select>
368
+ </div>
369
+ <div class="field">
370
+ <label>Notification Title<i class="tiny circular help icon link" role="popup" data-html="The notification title to use for all outgoing notifications. Defaults to your site's title." data-variation="wide"></i></label>
371
+ <input type="text" name="notification_title" placeholder="<?php echo OneSignalUtils::decode_entities(get_bloginfo('name')) ?>" value="<?php echo @$onesignal_wp_settings['notification_title']; ?>">
372
+ </div>
373
+ <div class="field">
374
+ <div class="ui toggle checkbox">
375
+ <input type="checkbox" name="send_to_mobile_platforms" value="true" <?php if ($onesignal_wp_settings['send_to_mobile_platforms']) { echo "checked"; } ?>>
376
+ <label>Send notifications additionally to iOS & Android platforms<i class="tiny circular help icon link" role="popup" data-title="Deliver to iOS & Android" data-html="<p>If checked, the notification will also be sent to Android and iOS <em>if you have those platforms enabled</em> in addition to your web push users. <strong class='least-strong'>Your OneSignal app must have either an active iOS or an Android platform and you must have either iOS or Android users for this to work</strong>.</p>" data-variation="wide"></i></label>
377
+ </div>
378
+ </div>
379
+ </div>
380
+ <div class="ui dividing header">
381
+ <i class="alarm outline icon"></i>
382
+ <div class="content">
383
+ Prompt Settings & Subscription Bell
384
+ </div>
385
+ </div>
386
+ <div class="ui borderless shadowless segment">
387
+ <img class="img-responsive no-center" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/nb-unsubscribe.png" ?>" width="234">
388
+ <div class="explanation">
389
+ <p>Control the way visitors are prompted to subscribe. The Subscription Bell is an interactive widget your site visitors can use to manage their push notification subscription status. The Subscription Bell can be used to initially subscribe to push notifications, and to unsubscribe.</p>
390
+ </div>
391
+
392
+ <div class="field modal-prompt-feature">
393
+ <div class="ui toggle checkbox">
394
+ <input type="checkbox" name="use_modal_prompt" value="true" <?php if ($onesignal_wp_settings['use_modal_prompt']) { echo "checked"; } ?>>
395
+ <label>Use an alternate full-screen prompt when requesting subscription permission (incompatible with Subscription Bell and auto-prompting)</label>
396
+ </div>
397
+ </div>
398
+ <div class="field auto-register-feature">
399
+ <div class="field">
400
+ <div class="ui toggle checkbox">
401
+ <input type="checkbox" name="prompt_auto_register" value="true" <?php if ($onesignal_wp_settings['prompt_auto_register']) { echo "checked"; } ?>>
402
+ <label>
403
+ Automatically prompt new site visitors to subscribe to push notifications
404
+ <i class="tiny circular help icon link"
405
+ role="popup"
406
+ data-html="
407
+ <p>If enabled, your site will automatically present the following without any code required:</p>
408
+ <p>HTTPS Sites:
409
+ <img
410
+ src='<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/chrome-https.jpg" ?>'
411
+ width=400>
412
+ </p>
413
+ <p>HTTP Sites:
414
+ <img
415
+ src='<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/http-prompt.png" ?>'
416
+ width=400>
417
+ </p>"
418
+ width=450
419
+ data-variation="flowing">
420
+ </i>
421
+ </label>
422
+ </div>
423
+ </div>
424
+ </div>
425
+ <div class="field slidedown-permission-message-https-feature">
426
+ <div class="ui toggle checkbox">
427
+ <input type="checkbox" name="use_slidedown_permission_message_for_https" value="true" <?php if (array_key_exists('use_slidedown_permission_message_for_https', $onesignal_wp_settings) && $onesignal_wp_settings['use_slidedown_permission_message_for_https']) { echo "checked"; } ?>>
428
+ <label>Show the Slide Prompt before prompting users to subscribe<i class="tiny circular help icon link" role="popup" data-title="Slide Prompt for HTTPS Sites" data-content="If checked, the Slide Prompt will be shown before the browser's permission request. Please note that this Slide Prompt cannot replace the browser's native permission request. The browser's native permission request must always be finally shown before the user can be subscribed." data-variation="wide"></i></label>
429
+ </div>
430
+ </div>
431
+ <div class="field">
432
+ <div class="ui toggle checkbox">
433
+ <input type="checkbox" name="notifyButton_enable" value="true" <?php if (array_key_exists('notifyButton_enable', $onesignal_wp_settings) && $onesignal_wp_settings['notifyButton_enable']) { echo "checked"; } ?>>
434
+ <label>Enable the Subscription Bell<i class="tiny circular help icon link" role="popup" data-title="Subscription Bell" data-content="If checked, the Subscription Bell and its resources will be loaded into your website." data-variation="wide"></i></label>
435
+ </div>
436
+ </div>
437
+ <div class="field nb-feature">
438
+ <div class="ui toggle checkbox">
439
+ <input type="checkbox" name="notifyButton_showAfterSubscribed" value="true" <?php if (array_key_exists('notifyButton_showAfterSubscribed', $onesignal_wp_settings) && @$onesignal_wp_settings['notifyButton_showAfterSubscribed']) { echo "checked"; } ?>>
440
+ <label>Show the Subscription Bell after users have subscribed<i class="tiny circular help icon link" role="popup" data-html="<p>If checked, the Subscription Bell will continue to be shown on all pages after the user subscribes.</p><p>If unchecked, the Subscription Bell will be hidden not be shown after the user subscribes and refreshes the page.</p>" data-variation="wide"></i></label>
441
+ </div>
442
+ </div>
443
+ <div class="field nb-feature">
444
+ <div class="ui toggle checkbox">
445
+ <input type="checkbox" name="notifyButton_prenotify" value="true" <?php if (array_key_exists('notifyButton_prenotify', $onesignal_wp_settings) && @$onesignal_wp_settings['notifyButton_prenotify']) { echo "checked"; } ?>>
446
+ <label>Show first-time site visitors an unread message icon<i class="tiny circular help icon link" role="popup" data-html="<p>If checked, a circle indicating 1 unread message will be shown:</p><img src='<?php echo ONESIGNAL_PLUGIN_URL."views/images/bell-prenotify.jpg" ?>' width=56><p>A message will be displayed when they hover over the Subscription Bell. This message can be customized below.</p>" data-variation="wide"></i></label>
447
+ </div>
448
+ </div>
449
+ <div class="field nb-feature">
450
+ <div class="ui toggle checkbox">
451
+ <input type="checkbox" name="notifyButton_showcredit" value="true" <?php if (array_key_exists('notifyButton_showcredit', $onesignal_wp_settings) && @$onesignal_wp_settings['notifyButton_showcredit']) { echo "checked"; } ?>>
452
+ <label>Show the OneSignal logo on the Subscription Bell dialog</label>
453
+ </div>
454
+ </div>
455
+ <div class="field nb-feature">
456
+ <div class="ui toggle checkbox">
457
+ <input type="checkbox" name="notifyButton_customize_enable" value="true" <?php if (array_key_exists('notifyButton_customize_enable', $onesignal_wp_settings) && @$onesignal_wp_settings['notifyButton_customize_enable']) { echo "checked"; } ?>>
458
+ <label>Customize the Subscription Bell text</label>
459
+ </div>
460
+ </div>
461
+ <div class="field nb-feature">
462
+ <div class="ui toggle checkbox">
463
+ <input type="checkbox" name="notifyButton_customize_offset_enable" value="true" <?php if (array_key_exists('notifyButton_customize_offset_enable', $onesignal_wp_settings) && @$onesignal_wp_settings['notifyButton_customize_offset_enable']) { echo "checked"; } ?>>
464
+ <label>Customize the Subscription Bell offset position</label>
465
+ </div>
466
+ </div>
467
+ <div class="field nb-feature">
468
+ <div class="ui toggle checkbox">
469
+ <input type="checkbox" name="notifyButton_customize_colors_enable" value="true" <?php if (array_key_exists('notifyButton_customize_colors_enable', $onesignal_wp_settings) && @$onesignal_wp_settings['notifyButton_customize_colors_enable']) { echo "checked"; } ?>>
470
+ <label>Customize the Subscription Bell theme colors</label>
471
+ </div>
472
+ </div>
473
+ <div class="inline-setting short field nb-feature">
474
+ <label class="inline-setting">Size:</label>
475
+ <select class="ui dropdown" name="notifyButton_size">
476
+ <option value="small" <?php if (array_key_exists('notifyButton_size', $onesignal_wp_settings) && $onesignal_wp_settings['notifyButton_size'] == "small") { echo "selected"; } ?>>Small</option>
477
+ <option value="medium" <?php if ((array_key_exists('notifyButton_size', $onesignal_wp_settings) && $onesignal_wp_settings['notifyButton_size'] == "medium") || !array_key_exists('notifyButton_theme', $onesignal_wp_settings)) { echo "selected"; } ?>>Medium</option>
478
+ <option value="large" <?php if (array_key_exists('notifyButton_size', $onesignal_wp_settings) && $onesignal_wp_settings['notifyButton_size'] == "large") { echo "selected"; } ?>>Large</option>
479
+ </select>
480
+ </div>
481
+ <div class="inline-setting short field nb-feature">
482
+ <label class="inline-setting">Position:</label>
483
+ <select class="ui dropdown" name="notifyButton_position">
484
+ <option value="bottom-left" <?php if (array_key_exists('notifyButton_position', $onesignal_wp_settings) && $onesignal_wp_settings['notifyButton_position'] == "bottom-left") { echo "selected"; } ?>>Bottom Left</option>
485
+ <option value="bottom-right" <?php if ((array_key_exists('notifyButton_position', $onesignal_wp_settings) && $onesignal_wp_settings['notifyButton_position'] == "bottom-right") || !array_key_exists('notifyButton_position', $onesignal_wp_settings)) { echo "selected"; } ?>>Bottom Right</option>
486
+ </select>
487
+ </div>
488
+ <div class="inline-setting short field nb-feature">
489
+ <label class="inline-setting">Theme:</label>
490
+ <select class="ui dropdown" name="notifyButton_theme">
491
+ <option value="default" <?php if ((array_key_exists('notifyButton_theme', $onesignal_wp_settings) && $onesignal_wp_settings['notifyButton_theme'] == "default") || !array_key_exists('notifyButton_theme', $onesignal_wp_settings)) { echo "selected"; } ?>>Red</option>
492
+ <option value="inverse" <?php if (array_key_exists('notifyButton_theme', $onesignal_wp_settings) && $onesignal_wp_settings['notifyButton_theme'] == "inverse") { echo "selected"; } ?>>White</option>
493
+ </select>
494
+ </div>
495
+ <div class="ui segment nb-feature nb-position-feature">
496
+ <div class="ui dividing header">
497
+ <h4>
498
+ Subscription Bell Offset Position Customization
499
+ </h4>
500
+ </div>
501
+ <p class="small normal-weight lato">You can override the Subscription Bell's offset position in the X and Y direction using CSS-valid position values. For example, <code>20px</code> is the default value.</p>
502
+ <div class="field nb-feature nb-position-feature">
503
+ <label>Bottom offset<i class="tiny circular help icon link" role="popup" data-title="Subscription Bell Bottom Offset" data-content="The distance to offset the Subscription Bell from the bottom of the page. For example, <code>20px</code> is the default value." data-variation="wide"></i></label>
504
+ <input type="text" name="notifyButton_offset_bottom" placeholder="20px" value="<?php echo @$onesignal_wp_settings['notifyButton_offset_bottom']; ?>">
505
+ </div>
506
+ <div class="field nb-feature nb-position-feature nb-position-bottom-left-feature">
507
+ <label>Left offset<i class="tiny circular help icon link" role="popup" data-title="Subscription Bell Left Offset" data-content="The distance to offset the Subscription Bell from the left of the page. For example, <code>20px</code> is the default value." data-variation="wide"></i></label>
508
+ <input type="text" name="notifyButton_offset_left" placeholder="20px" value="<?php echo @$onesignal_wp_settings['notifyButton_offset_left']; ?>">
509
+ </div>
510
+ <div class="field nb-feature nb-position-feature nb-position-bottom-right-feature">
511
+ <label>Right offset<i class="tiny circular help icon link" role="popup" data-title="Subscription Bell Right Offset" data-content="The distance to offset the Subscription Bell from the right of the page. For example, <code>20px</code> is the default value." data-variation="wide"></i></label>
512
+ <input type="text" name="notifyButton_offset_right" placeholder="20px" value="<?php echo @$onesignal_wp_settings['notifyButton_offset_right']; ?>">
513
+ </div>
514
+ </div>
515
+
516
+ <div class="ui segment nb-feature nb-color-feature">
517
+ <div class="ui dividing header">
518
+ <h4>
519
+ Subscription Bell Color Customization
520
+ </h4>
521
+ </div>
522
+ <p class="small normal-weight lato">You can override the theme's colors by entering your own. Use any CSS-valid color. For example, <code>white</code>, <code>#FFFFFF</code>, <code>#FFF</code>, <code>rgb(255, 255, 255)</code>, <code>rgba(255, 255, 255, 1.0)</code>, and <code>transparent</code> are all valid values.</p>
523
+ <div class="field nb-feature nb-color-feature">
524
+ <label>Main button background color<i class="tiny circular help icon link" role="popup" data-title="Subscription Bell Background Color" data-content="The background color of the main Subscription Bell." data-variation="wide"></i></label>
525
+ <input type="text" name="notifyButton_color_background" placeholder="#e54b4d" value="<?php echo @$onesignal_wp_settings['notifyButton_color_background']; ?>">
526
+ </div>
527
+ <div class="field nb-feature nb-color-feature">
528
+ <label>Main button foreground color (main bell icon and inner circle)<i class="tiny circular help icon link" role="popup" data-title="Subscription Bell Foreground Color" data-content="The color of the bell icon and inner circle on the main Subscription Bell." data-variation="wide"></i></label>
529
+ <input type="text" name="notifyButton_color_foreground" placeholder="white" value="<?php echo @$onesignal_wp_settings['notifyButton_color_foreground']; ?>">
530
+ </div>
531
+ <div class="field nb-feature nb-color-feature">
532
+ <label>Pre-notify badge background color<i class="tiny circular help icon link" role="popup" data-title="Subscription Bell Badge Background Color" data-content="The background color of the small secondary circle on the main Subscription Bell. This badge is shown to first-time site visitors only." data-variation="wide"></i></label>
533
+ <input type="text" name="notifyButton_color_badge_background" placeholder="black" value="<?php echo @$onesignal_wp_settings['notifyButton_color_badge_background']; ?>">
534
+ </div>
535
+ <div class="field nb-feature nb-color-feature">
536
+ <label>Pre-notify badge foreground color<i class="tiny circular help icon link" role="popup" data-title="Subscription Bell Badge Foreground Color" data-content="The text color on the small secondary circle on the main Subscription Bell. This badge is shown to first-time site visitors only." data-variation="wide"></i></label>
537
+ <input type="text" name="notifyButton_color_badge_foreground" placeholder="white" value="<?php echo @$onesignal_wp_settings['notifyButton_color_badge_foreground']; ?>">
538
+ </div>
539
+ <div class="field nb-feature nb-color-feature">
540
+ <label>Pre-notify badge border color<i class="tiny circular help icon link" role="popup" data-title="Subscription Bell Badge Border Color" data-content="The border color of the small secondary circle on the main Subscription Bell. This badge is shown to first-time site visitors only." data-variation="wide"></i></label>
541
+ <input type="text" name="notifyButton_color_badge_border" placeholder="white" value="<?php echo @$onesignal_wp_settings['notifyButton_color_badge_border']; ?>">
542
+ </div>
543
+ <div class="field nb-feature nb-color-feature">
544
+ <label>Pulse animation color<i class="tiny circular help icon link" role="popup" data-title="Subscription Bell Pulse Animation Color" data-content="The color of the quickly expanding circle that's used as an animation when a user clicks on the Subscription Bell." data-variation="wide"></i></label>
545
+ <input type="text" name="notifyButton_color_pulse" placeholder="#e54b4d" value="<?php echo @$onesignal_wp_settings['notifyButton_color_pulse']; ?>">
546
+ </div>
547
+ <div class="field nb-feature nb-color-feature">
548
+ <label>Popup action button background color<i class="tiny circular help icon link" role="popup" data-title="Subscription Bell Popup - Action Button Background Color" data-content="The color of the action button (SUBSCRIBE/UNSUBSCRIBE) on the Subscription Bell popup." data-variation="wide"></i></label>
549
+ <input type="text" name="notifyButton_color_popup_button_background" placeholder="#e54b4d" value="<?php echo @$onesignal_wp_settings['notifyButton_color_popup_button_background']; ?>">
550
+ </div>
551
+ <div class="field nb-feature nb-color-feature">
552
+ <label>Popup action button background color (on hover)<i class="tiny circular help icon link" role="popup" data-title="Subscription Bell Popup - Action Button Background Color (on hover)" data-content="The color of the action button (SUBSCRIBE/UNSUBSCRIBE) on the Subscription Bell popup when you hover over the button." data-variation="wide"></i></label>
553
+ <input type="text" name="notifyButton_color_popup_button_background_hover" placeholder="#CC3234" value="<?php echo @$onesignal_wp_settings['notifyButton_color_popup_button_background_hover']; ?>">
554
+ </div>
555
+ <div class="field nb-feature nb-color-feature">
556
+ <label>Popup action button background color (on click)<i class="tiny circular help icon link" role="popup" data-title="Subscription Bell Popup - Action Button Background Color (on click)" data-content="The color of the action button (SUBSCRIBE/UNSUBSCRIBE) on the Subscription Bell popup when you hold down the mouse." data-variation="wide"></i></label>
557
+ <input type="text" name="notifyButton_color_popup_button_background_active" placeholder="#B2181A" value="<?php echo @$onesignal_wp_settings['notifyButton_color_popup_button_background_active']; ?>">
558
+ </div>
559
+ <div class="field nb-feature nb-color-feature">
560
+ <label>Popup action button text color<i class="tiny circular help icon link" role="popup" data-title="Subscription Bell Popup - Action Button Text Color" data-content="The color of the quickly expanding circle that's used as an animation when a user clicks on the Subscription Bell." data-variation="wide"></i></label>
561
+ <input type="text" name="notifyButton_color_popup_button_color" placeholder="white" value="<?php echo @$onesignal_wp_settings['notifyButton_color_popup_button_color']; ?>">
562
+ </div>
563
+ </div>
564
+
565
+ <div class="ui segment nb-feature nb-text-feature">
566
+ <div class="ui dividing header">
567
+ <h4>
568
+ Subscription Bell Text Customization
569
+ </h4>
570
+ </div>
571
+ <div class="field nb-feature nb-text-feature">
572
+ <label>First-time visitor message (on Subscription Bell hover)</label>
573
+ <input type="text" name="notifyButton_message_prenotify" placeholder="Click to subscribe to notifications" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['notifyButton_message_prenotify']); ?>">
574
+ </div>
575
+ <div class="field nb-feature nb-text-feature">
576
+ <label>Tip when unsubscribed</label>
577
+ <input type="text" name="notifyButton_tip_state_unsubscribed" placeholder="Subscribe to notifications" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['notifyButton_tip_state_unsubscribed']); ?>">
578
+ </div>
579
+ <div class="field nb-feature nb-text-feature">
580
+ <label>Tip when subscribed</label>
581
+ <input type="text" name="notifyButton_tip_state_subscribed" placeholder="You're subscribed to notifications" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['notifyButton_tip_state_subscribed']); ?>">
582
+ </div>
583
+ <div class="field nb-feature nb-text-feature">
584
+ <label>Tip when blocked</label>
585
+ <input type="text" name="notifyButton_tip_state_blocked" placeholder="You've blocked notifications" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['notifyButton_tip_state_blocked']); ?>">
586
+ </div>
587
+ <div class="field nb-feature nb-text-feature">
588
+ <label>Message on subscribed</label>
589
+ <input type="text" name="notifyButton_message_action_subscribed" placeholder="Thanks for subscribing!" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['notifyButton_message_action_subscribed']); ?>">
590
+ </div>
591
+ <div class="field nb-feature nb-text-feature">
592
+ <label>Message on re-subscribed (after first unsubscribing)</label>
593
+ <input type="text" name="notifyButton_message_action_resubscribed" placeholder="You're subscribed to notifications" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['notifyButton_message_action_resubscribed']); ?>">
594
+ </div>
595
+ <div class="field nb-feature nb-text-feature">
596
+ <label>Message on unsubscribed</label>
597
+ <input type="text" name="notifyButton_message_action_unsubscribed" placeholder="You won't receive notifications again" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['notifyButton_message_action_unsubscribed']); ?>">
598
+ </div>
599
+ <div class="field nb-feature nb-text-feature">
600
+ <label>Main dialog title</label>
601
+ <input type="text" name="notifyButton_dialog_main_title" placeholder="Manage Site Notifications" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['notifyButton_dialog_main_title']); ?>">
602
+ </div>
603
+ <div class="field nb-feature nb-text-feature">
604
+ <label>Main dialog subscribe button</label>
605
+ <input type="text" name="notifyButton_dialog_main_button_subscribe" placeholder="SUBSCRIBE" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['notifyButton_dialog_main_button_subscribe']); ?>">
606
+ </div>
607
+ <div class="field nb-feature nb-text-feature">
608
+ <label>Main dialog unsubscribe button</label>
609
+ <input type="text" name="notifyButton_dialog_main_button_unsubscribe" placeholder="UNSUBSCRIBE" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['notifyButton_dialog_main_button_unsubscribe']); ?>">
610
+ </div>
611
+ <div class="field nb-feature nb-text-feature">
612
+ <label>Blocked dialog title</label>
613
+ <input type="text" name="notifyButton_dialog_blocked_title" placeholder="Unblock Notifications" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['notifyButton_dialog_blocked_title']); ?>">
614
+ </div>
615
+ <div class="field nb-feature nb-text-feature">
616
+ <label>Blocked dialog message</label>
617
+ <input type="text" name="notifyButton_dialog_blocked_message" placeholder="Follow these instructions to allow notifications:" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['notifyButton_dialog_blocked_message']); ?>">
618
+ </div>
619
+ </div>
620
+ </div>
621
+ <div class="popup-modal-settings">
622
+ <div class="ui dividing header">
623
+ <i class="external icon"></i>
624
+ <div class="content">
625
+ HTTP Pop-Up Settings
626
+ </div>
627
+ </div>
628
+ <img class="img-responsive no-center" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/http-prompt.jpg" ?>" width="360">
629
+ <div class="ui borderless shadowless segment" style="position: relative;">
630
+ <p class="lato">These settings modify the HTTP Pop-Up Prompt and button text for all users. Use this to localize the HTTP Pop-Up Prompt to your language. All fields here are limited in the length of text they can display.</p>
631
+ <div class="field">
632
+ <div class="ui toggle checkbox">
633
+ <input type="checkbox" name="prompt_customize_enable" value="true" <?php if (array_key_exists('prompt_customize_enable', $onesignal_wp_settings) && @$onesignal_wp_settings['prompt_customize_enable']) { echo "checked"; } ?>>
634
+ <label>Customize the HTTP Pop-Up Prompt text</label>
635
+ </div>
636
+ </div>
637
+ <div class="field prompt-customize-feature">
638
+ <label>Action Message</label>
639
+ <input type="text" name="prompt_action_message" placeholder="wants to show notifications:" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['prompt_action_message']); ?>">
640
+ </div>
641
+ <div class="field prompt-customize-feature">
642
+ <label>Auto Accept Title (Click Allow)</label>
643
+ <input type="text" name="prompt_auto_accept_title" placeholder="Click Allow" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['prompt_auto_accept_title']); ?>">
644
+ </div>
645
+ <div class="field prompt-customize-feature">
646
+ <label>Site Name</label>
647
+ <input type="text" name="prompt_site_name" placeholder="http://yoursite.com" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['prompt_site_name']); ?>">
648
+ </div>
649
+ <div class="field prompt-customize-feature">
650
+ <label>Example Notification Title (Desktop)</label>
651
+ <input type="text" name="prompt_example_notification_title_desktop" placeholder="This is an example notification" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['prompt_example_notification_title_desktop']); ?>">
652
+ </div>
653
+ <div class="field prompt-customize-feature">
654
+ <label>Example Notification Message (Desktop)</label>
655
+ <input type="text" name="prompt_example_notification_message_desktop" placeholder="Notifications will appear on your desktop" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['prompt_example_notification_message_desktop']); ?>">
656
+ </div>
657
+ <div class="field prompt-customize-feature">
658
+ <label>Example Notification Title (Mobile)</label>
659
+ <input type="text" name="prompt_example_notification_title_mobile" placeholder="Example notification" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['prompt_example_notification_title_mobile']); ?>">
660
+ </div>
661
+ <div class="field prompt-customize-feature">
662
+ <label>Example Notification Message (Mobile)</label>
663
+ <input type="text" name="prompt_example_notification_message_mobile" placeholder="Notifications will appear on your device" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['prompt_example_notification_message_mobile']); ?>">
664
+ </div>
665
+ <div class="field prompt-customize-feature">
666
+ <label>Example Notification Caption</label>
667
+ <input type="text" name="prompt_example_notification_caption" placeholder="(you can unsubscribe anytime)" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['prompt_example_notification_caption']); ?>">
668
+ </div>
669
+ <div class="field prompt-customize-feature">
670
+ <label>Accept Button Text</label>
671
+ <input type="text" name="prompt_accept_button_text" placeholder="CONTINUE" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['prompt_accept_button_text']); ?>">
672
+ </div>
673
+ <div class="field prompt-customize-feature">
674
+ <label>Cancel Button Text</label>
675
+ <input type="text" name="prompt_cancel_button_text" placeholder="NO THANKS" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['prompt_cancel_button_text']); ?>">
676
+ </div>
677
+ </div>
678
+ </div>
679
+ <div class="ui dividing header">
680
+ <i class="birthday outline icon"></i>
681
+ <div class="content">
682
+ Welcome Notification Settings
683
+ </div>
684
+ </div>
685
+ <div class="ui borderless shadowless segment" style="position: relative;">
686
+ <img class="img-responsive no-center" src="<?php echo ONESIGNAL_PLUGIN_URL."views/images/settings/welcome-notification.jpg" ?>" width="360">
687
+ <div class="explanation">
688
+ <p>A welcome notification is sent to new visitors after subscribing. A new visitor is someone who hasn't previously registered. If a user's browser cache is cleared, the user is considered new again.</p>
689
+ </div>
690
+ <div class="field">
691
+ <div class="ui toggle checkbox">
692
+ <input type="checkbox" name="send_welcome_notification" value="true" <?php if ($onesignal_wp_settings['send_welcome_notification']) { echo "checked"; } ?>>
693
+ <label>Send new users a welcome push notification after subscribing<i class="tiny circular help icon link" role="popup" data-title="Welcome Notification" data-content="If enabled, your site will send a welcome push notification to new site visitors who have just subscribed. The message is customizable below."></i></label>
694
+ </div>
695
+ </div>
696
+ <div class="field welcome-notification-feature">
697
+ <label>Title<i class="tiny circular help icon link" role="popup" data-title="Welcome Notification Title" data-content="The welcome notification's title. You can localize this to your own language. If not set, the site's title will be used. Set to one space ' ' to clear the title, although this is not recommended." data-variation="wide"></i></label>
698
+ <input type="text" placeholder="(defaults to your website's title if blank)" name="welcome_notification_title" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['welcome_notification_title']); ?>">
699
+ </div>
700
+ <div class="field welcome-notification-feature">
701
+ <label>Message<i class="tiny circular help icon link" role="popup" data-title="Welcome Notification Message" data-content="The welcome notification's message. You can localize this to your own language. A message is required. If left blank, the default of 'Thanks for subscribing!' will be used." data-variation="wide"></i></label>
702
+ <input type="text" placeholder="Thanks for subscribing!" name="welcome_notification_message" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['welcome_notification_message']); ?>">
703
+ </div>
704
+ <div class="field welcome-notification-feature">
705
+ <label>URL<i class="tiny circular help icon link" role="popup" data-title="Welcome Notification URL" data-content="The webpage to open when clicking the notification. If left blank, your main site URL will be used as a default." data-variation="wide"></i></label>
706
+ <input type="text" placeholder="(defaults to your website's URL if blank)" name="welcome_notification_url" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['welcome_notification_url']); ?>">
707
+ </div>
708
+ </div>
709
+ <div class="ui dividing header">
710
+ <i class="wizard icon"></i>
711
+ <div class="content">
712
+ Automatic Notification Settings
713
+ </div>
714
+ </div>
715
+ <div class="ui borderless shadowless segment">
716
+ <div class="field">
717
+ <div class="ui toggle checkbox">
718
+ <input type="checkbox" name="notification_on_post" value="true" <?php if ($onesignal_wp_settings['notification_on_post']) { echo "checked"; } ?>>
719
+ <label>Automatically send a push notification when I create a post from the WordPress editor<i class="tiny circular help icon link" role="popup" data-title="Automatic Push from WordPress Editor" data-content="If checked, when you create a new post from WordPress's editor, the checkbox 'Send notification on post publish/update' will be automatically checked. The checkbox can be unchecked to prevent sending a notification." data-variation="wide"></i></label>
720
+ </div>
721
+ </div>
722
+ <div class="field">
723
+ <div class="ui toggle checkbox">
724
+ <input type="checkbox" name="notification_on_post_from_plugin" value="true" <?php if (@$onesignal_wp_settings['notification_on_post_from_plugin']) { echo "checked"; } ?>>
725
+ <label>Automatically send a push notification when I publish a post from 3<sup>rd</sup> party plugins<i class="tiny circular help icon link" role="popup" data-title="Automatic Push outside WordPress Editor" data-content="If checked, when a post is created outside of WordPress's editor, a push notification will automatically be sent. Must be the built-in WordPress post type 'post' and the post must be published." data-variation="wide"></i></label>
726
+ </div>
727
+ </div>
728
+ </div>
729
+ <div class="ui dividing header">
730
+ <i class="area chart icon"></i>
731
+ <div class="content">
732
+ UTM Tracking Settings
733
+ </div>
734
+ </div>
735
+ <div class="ui borderless shadowless segment">
736
+ <div class="field">
737
+ <label>Additional Notification URL Parameters<i class="tiny circular help icon link" role="popup" data-html="Adds the specified string as extra URL parameters to your notification URL so that they can be tracked as an event by your analytics system. <em>Please escape your parameter values</em>; your input will be added as-is to the end of your notification URL. Example:</p>If you want:<em><li><code>utm_medium</code> to be <code>ppc</code></li><li><code>utm_source</code> to be <code>adwords</code></li><li><code>utm_campaign</code> to be <code>snow boots</code></li><li><code>utm_content</code> to be <code>durable snow boots</code></li></em><p><p>Then use the following string:</p><p><code style='word-break: break-all;'>utm_medium=ppc&utm_source=adwords&utm_campaign=snow%20boots&utm_content=durable%20%snow%boots</code></p>" data-variation="wide"></i></label>
738
+ <input type="text" placeholder="utm_medium=ppc&utm_source=adwords&utm_campaign=snow%20boots&utm_content=durable%20%snow%boots" name="utm_additional_url_params" value="<?php echo OneSignalUtils::html_safe(@$onesignal_wp_settings['utm_additional_url_params']); ?>">
739
+ </div>
740
+ </div>
741
+ <div class="ui dividing header">
742
+ <i class="lab icon"></i>
743
+ <div class="content">
744
+ Advanced Settings
745
+ </div>
746
+ </div>
747
+ <div class="ui borderless shadowless segment">
748
+ <div class="field">
749
+ <label>Additional Custom Post Types for Automatic Notifications Created From Plugins<i class="tiny circular help icon link" role="popup" data-html="Enter a comma-separated list of custom post type names. Anytime a post is published with one of the listed post types, a notification will be sent to all your users. <strong class='least-strong'>The setting</strong> <em>Automatically send a push notification when I publish a post from 3rd party plugins</em> <strong class='least-strong'>must be enabled for this feature to work</strong>." data-variation="wide"></i></label>
750
+ <input type="text" placeholder="forum,reply,topic (comma separated, no spaces between commas)" name="allowed_custom_post_types" value="<?php echo @$onesignal_wp_settings['allowed_custom_post_types']; ?>">
751
+ </div>
752
+ <?php if (OneSignalUtils::url_contains_parameter(ONESIGNAL_URI_REVEAL_PROJECT_NUMBER)): ?>
753
+ <div class="field">
754
+ <div class="ui toggle checkbox">
755
+ <input type="checkbox" name="show_gcm_sender_id" value="true" <?php if ($onesignal_wp_settings['show_gcm_sender_id']) { echo "checked"; } ?>>
756
+ <label>Use my own Google Project Number<i class="tiny circular help icon link" role="popup" data-title="Providing Your Own Web Push Keys" data-content="Check this if you'd like to provide your own Google Project Number."></i></label>
757
+ </div>
758
+ </div>
759
+ <?php endif; ?>
760
+ <div class="field custom-manifest-feature">
761
+ <label>Custom manifest.json URL<i class="tiny circular help icon link" role="popup" data-html="<p>Enter the complete URL to your existing manifest.json file to be used in place of our own. Your URL's domain should match that of your main site that users are visiting.</p><p>e.g. <code>https://yoursite.com/manifest.json</code></p>" data-variation="wide"></i></label>
762
+ <input type="text" placeholder="https://yoursite.com/manifest.json" name="custom_manifest_url" value="<?php echo @$onesignal_wp_settings['custom_manifest_url']; ?>">
763
+ </div>
764
+ <div class="field">
765
+ <div class="ui toggle checkbox">
766
+ <input type="checkbox" name="use_custom_manifest" value="true" <?php if ($onesignal_wp_settings['use_custom_manifest']) { echo "checked"; } ?>>
767
+ <label>Use my own manifest.json<i class="tiny circular help icon link" role="popup" data-title="Providing Your Own manifest.json File" data-content="Check this if you have an existing manifest.json file you'd like to use instead of ours. You might check this if you have existing icons defined in your manifest."></i></label>
768
+ </div>
769
+ </div>
770
+ <div class="field">
771
+ <div class="ui toggle checkbox">
772
+ <input type="checkbox" name="use_custom_sdk_init" value="true" <?php if ($onesignal_wp_settings['use_custom_sdk_init']) { echo "checked"; } ?>>
773
+ <label>Disable OneSignal initialization<i class="tiny circular help icon link" role="popup" data-title="Disable OneSignal Initialization" data-content="Check this if you'd like to disable OneSignal's normal initialization. Useful if you are adding a custom initialization script. All the options you've set here in the WordPress plugin will be accessible in a global variable window._oneSignalInitOptions."></i></label>
774
+ </div>
775
+ </div>
776
+ <div class="field">
777
+ <div class="ui toggle checkbox">
778
+ <input type="checkbox" name="show_notification_send_status_message" value="true" <?php if ($onesignal_wp_settings['show_notification_send_status_message']) { echo "checked"; } ?>>
779
+ <label>Show status message after sending notifications<i class="tiny circular help icon link" role="popup" data-title="Show Notification Send Status Message" data-content="If enabled, a notice at the top of your admin interface will show 'Successfully sent a notification to # recipients.' after our plugin sends a notification."></i></label>
780
+ </div>
781
+ </div>
782
+ </div>
783
+ </div>
784
+ <button class="ui large teal button" type="submit">Save</button>
785
+ <div class="ui inline validation nag">
786
+ <span class="title">
787
+ Your OneSignal subdomain cannot be empty or less than 4 characters. Use the same one you entered on the platform settings at onesignal.com.
788
+ </span>
789
+ <i class="close icon"></i>
790
+ </div>
791
+ </form>
792
+ </div>
793
+ </div>
794
+ </div>
795
+ </div>
views/css/bootstrap.min.css DELETED
@@ -1,5 +0,0 @@
1
- /*!
2
- * Bootstrap v3.3.4 (http://getbootstrap.com)
3
- * Copyright 2011-2015 Twitter, Inc.
4
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5
- *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px \9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.form-group-sm .form-control{height:30px;line-height:30px}select[multiple].form-group-sm .form-control,textarea.form-group-sm .form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:5px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.form-group-lg .form-control{height:46px;line-height:46px}select[multiple].form-group-lg .form-control,textarea.form-group-lg .form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:10px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.33px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.active,.btn-success.focus,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.active,.btn-info.focus,.btn-info:active,.btn-info:focus,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.active,.btn-warning.focus,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px solid}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px)and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px 15px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.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 th:first-child,.panel>.table-responsive:first-child>.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 th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.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 th:last-child,.panel>.table-responsive:first-child>.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 th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.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 th:first-child,.panel>.table-responsive:last-child>.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 th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.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 th:last-child,.panel>.table-responsive:last-child>.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 th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.4;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.42857143;text-align:left;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;margin-top:-10px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px)and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px)and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px)and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px)and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px)and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px)and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px)and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px)and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px)and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px)and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
 
 
 
 
 
views/css/callout.css DELETED
@@ -1,61 +0,0 @@
1
- /*
2
- Error: Undefined variable: "$color-teallink".
3
- on line 6 of callouts.scss
4
-
5
- 1: $callout-default-color: #777777;
6
- 2: $callout-primary-color: #428bca;
7
- 3: $callout-success-color: #5cb85c;
8
- 4: $callout-danger-color: #d9534f;
9
- 5: $callout-warning-color: #f0ad4e;
10
- 6: $callout-info-color: $color-teallink;
11
- 7: $callout-padding: 10px;
12
- 8: $callout-width: 4px;
13
- 9: $callout-border-radius: 3px;
14
- 10:
15
- 11: /*
16
-
17
- Backtrace:
18
- callouts.scss:6
19
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/script/tree/variable.rb:49:in `_perform'
20
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/script/tree/node.rb:50:in `perform'
21
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:469:in `visit_variable'
22
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:36:in `visit'
23
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
24
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/stack.rb:79:in `block in with_base'
25
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/stack.rb:115:in `with_frame'
26
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/stack.rb:79:in `with_base'
27
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:158:in `visit'
28
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:52:in `block in visit_children'
29
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:52:in `map'
30
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:52:in `visit_children'
31
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:167:in `block in visit_children'
32
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
33
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:166:in `visit_children'
34
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:36:in `block in visit'
35
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:186:in `visit_root'
36
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:36:in `visit'
37
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:157:in `visit'
38
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:8:in `visit'
39
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/tree/root_node.rb:36:in `css_tree'
40
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/tree/root_node.rb:29:in `render_with_sourcemap'
41
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/engine.rb:378:in `_render_with_sourcemap'
42
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/engine.rb:295:in `render_with_sourcemap'
43
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/plugin/compiler.rb:490:in `update_stylesheet'
44
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
45
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/plugin/compiler.rb:209:in `each'
46
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/plugin/compiler.rb:209:in `update_stylesheets'
47
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/plugin.rb:82:in `update_stylesheets'
48
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/exec/sass_scss.rb:364:in `watch_or_update'
49
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/exec/sass_scss.rb:51:in `process_result'
50
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/exec/base.rb:52:in `parse'
51
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/lib/sass/exec/base.rb:19:in `parse!'
52
- /Users/jpang/.rvm/gems/ruby-2.2.1/gems/sass-3.4.18/bin/scss:13:in `<top (required)>'
53
- /Users/jpang/.rvm/gems/ruby-2.2.1/bin/scss:23:in `load'
54
- /Users/jpang/.rvm/gems/ruby-2.2.1/bin/scss:23:in `<main>'
55
- /Users/jpang/.rvm/gems/ruby-2.2.1/bin/ruby_executable_hooks:15:in `eval'
56
- /Users/jpang/.rvm/gems/ruby-2.2.1/bin/ruby_executable_hooks:15:in `<main>'
57
- */
58
- body:before {
59
- white-space: pre;
60
- font-family: monospace;
61
- content: "Error: Undefined variable: \"$color-teallink\".\A on line 6 of callouts.scss\A \A 1: $callout-default-color: #777777;\A 2: $callout-primary-color: #428bca;\A 3: $callout-success-color: #5cb85c;\A 4: $callout-danger-color: #d9534f;\A 5: $callout-warning-color: #f0ad4e;\A 6: $callout-info-color: $color-teallink;\A 7: $callout-padding: 10px;\A 8: $callout-width: 4px;\A 9: $callout-border-radius: 3px;\A 10: \A 11: /*"; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
views/css/callout.scss DELETED
@@ -1,149 +0,0 @@
1
- $callout-default-color: #777777;
2
- $callout-primary-color: #428bca;
3
- $callout-success-color: #5cb85c;
4
- $callout-danger-color: #d9534f;
5
- $callout-warning-color: #f0ad4e;
6
- $callout-info-color: #71bec0;
7
- $callout-padding: 1em;
8
- $callout-width: 4px;
9
- $callout-border-radius: 3px;
10
-
11
- $font-sourcesans: "Source Sans Pro", "Helvetica Neue", sans-serif !default;
12
- $font-raleway: "Raleway", sans-serif !default;
13
-
14
-
15
- /*
16
- * Dotted Border - A SASS mixin to help you increase spacing between the dots of border-style:dotted.
17
- * By @florbraz
18
- * Documentation and examples - github.com/florbraz/Dotted-Border-w-custom-spacing-SCSS-Mixin
19
- * V1.0
20
- */
21
-
22
- @mixin dottedBorder($color: #8f8f8f, $orientation: horizontal, $position: bottom, $spacing: 5px, $size: 1px) {
23
- background-position: $position;
24
- @if $orientation == horizontal {
25
- background-image: linear-gradient(to right, $color $size/$spacing * 100%, rgba(255,255,255,0) 50%);
26
- background-size: $spacing $size;
27
- background-repeat: repeat-x;
28
- }
29
- @else {
30
- background-image: linear-gradient($color $size/$spacing * 100%, rgba(255,255,255,0) 0%);
31
- background-size: $size $spacing;
32
- background-repeat: repeat-y;
33
- }
34
- }
35
-
36
- @mixin callout-link($callout-color, $callout-hover-color) {
37
- a {
38
- @include link(
39
- $font-weight: 500,
40
- $color: $callout-color,
41
- $hover-color: darken($callout-color, 15%)
42
- );
43
- @include dottedBorder($color: $callout-color, $size: 1px, $spacing: 4px)
44
- }
45
- }
46
-
47
- .callout {
48
- padding: $callout-padding;
49
- margin: 15px 0;
50
-
51
- h3 {
52
- padding: 0;
53
- margin: 0;
54
- margin-bottom: 0.7em;
55
- font-size: 1em;
56
- font-family: $font-sourcesans;
57
- font-weight: 600;
58
- text-transform: uppercase;
59
- letter-spacing: 0.05em;
60
- word-spacing: 0.12em;
61
- }
62
-
63
- p {
64
- font-family: $font-sourcesans;
65
- font-weight: 300;
66
- font-size: 1.05em;
67
- color: inherit;
68
- }
69
-
70
- p:last-child {
71
- margin-bottom: 0;
72
- }
73
-
74
- code {
75
- border-radius: 3px;
76
- }
77
-
78
- & + .callout {
79
- margin-top: -5px;
80
- }
81
-
82
- &.default {
83
- border-left-color: $callout-default-color;
84
- border: 1px solid $callout-default-color;
85
- border-left-width: $callout-width;
86
- border-radius: $callout-border-radius;
87
- background-color: lighten($callout-default-color, 51%);
88
- color: $callout-default-color;
89
- @include callout-link($callout-default-color, lighten($callout-default-color, 51%));
90
- }
91
-
92
- &.primary {
93
- border-left-color: $callout-primary-color;
94
- border: 1px solid $callout-primary-color;
95
- border-left-width: $callout-width;
96
- border-radius: $callout-border-radius;
97
- color: $callout-primary-color;
98
- background-color: lighten($callout-primary-color, 45%);
99
- @include callout-link($callout-primary-color, lighten($callout-primary-color, 45%));
100
- }
101
-
102
- &.success {
103
- border-left-color: $callout-success-color;
104
- border: 1px solid $callout-success-color;
105
- border-left-width: $callout-width;
106
- border-radius: $callout-border-radius;
107
- color: $callout-success-color;
108
- background-color: lighten($callout-success-color, 44%);
109
- @include callout-link($callout-success-color, lighten($callout-success-color, 44%));
110
- }
111
-
112
- &.danger {
113
- border-left-color: $callout-danger-color;
114
- border: 1px solid $callout-danger-color;
115
- border-left-width: $callout-width;
116
- border-radius: $callout-border-radius;
117
- background-color: lighten($callout-danger-color, 40%);
118
- color: $callout-danger-color;
119
- @include callout-link($callout-danger-color, lighten($callout-danger-color, 40%));
120
- }
121
-
122
- &.warning {
123
- border-left-color: $callout-warning-color;
124
- border: 1px solid $callout-warning-color;
125
- border-left-width: $callout-width;
126
- border-radius: $callout-border-radius;
127
- color: $callout-warning-color;
128
- background-color: lighten($callout-warning-color, 36%);
129
- @include callout-link($callout-warning-color, lighten($callout-warning-color, 36%));
130
- }
131
-
132
- &.info {
133
- border-left-color: $callout-info-color;
134
- border: 1px solid $callout-info-color;
135
- border-left-width: $callout-width;
136
- border-radius: $callout-border-radius;
137
- color: darken($callout-info-color, 15%);
138
- background-color: lighten($callout-info-color, 39%);
139
- @include callout-link($callout-info-color, lighten($callout-info-color, 39%));
140
- }
141
-
142
- ul {
143
- li {
144
- strong {
145
- font-weight: 600;
146
- }
147
- }
148
- }
149
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
views/css/callouts.css.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "",
4
- "sources": [],
5
- "names": [],
6
- "file": "callouts.css"
7
- }
 
 
 
 
 
 
 
views/css/icons.css CHANGED
@@ -1,11 +1 @@
1
- @font-face {
2
- font-family: 'Icons';
3
- src: url("../fonts/semantic-ui/icons.eot");
4
- src: url("../fonts/semantic-ui/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/semantic-ui/icons.woff2") format("woff2"), url("../fonts/semantic-ui/icons.woff") format("woff"), url("../fonts/semantic-ui/icons.ttf") format("truetype"), url("../fonts/semantic-ui/icons.svg#icons") format("svg");
5
- font-style: normal;
6
- font-weight: normal;
7
- font-variant: normal;
8
- text-decoration: inherit;
9
- text-transform: none; }
10
-
11
- /*# sourceMappingURL=icons.css.map */
1
+ @font-face{font-family:'Icons';src:url(../fonts/semantic-ui/icons.eot);src:url(../fonts/semantic-ui/icons.eot?#iefix) format("embedded-opentype"),url(../fonts/semantic-ui/icons.woff2) format("woff2"),url(../fonts/semantic-ui/icons.woff) format("woff"),url(../fonts/semantic-ui/icons.ttf) format("truetype"),url(../fonts/semantic-ui/icons.svg#icons) format("svg");font-style:normal;font-weight:normal;font-variant:normal;text-decoration:inherit;text-transform:none}
 
 
 
 
 
 
 
 
 
 
views/css/icons.css.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "AAAA,UASC;EARG,WAAW,EAAE,OAAO;EACpB,GAAG,EAAE,qCAAqC;EAC1C,GAAG,EAAE,6SAA6S;EAClT,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,MAAM;EACnB,YAAY,EAAE,MAAM;EACpB,eAAe,EAAE,OAAO;EACxB,cAAc,EAAE,IAAI",
4
- "sources": ["icons.scss"],
5
- "names": [],
6
- "file": "icons.css"
7
- }
 
 
 
 
 
 
 
views/css/icons.scss DELETED
@@ -1,10 +0,0 @@
1
- @font-face {
2
- font-family: 'Icons';
3
- src: url("../fonts/semantic-ui/icons.eot");
4
- src: url("../fonts/semantic-ui/icons.eot?#iefix") format('embedded-opentype'), url("../fonts/semantic-ui/icons.woff2") format('woff2'), url("../fonts/semantic-ui/icons.woff") format('woff'), url("../fonts/semantic-ui/icons.ttf") format('truetype'), url("../fonts/semantic-ui/icons.svg#icons") format('svg');
5
- font-style: normal;
6
- font-weight: normal;
7
- font-variant: normal;
8
- text-decoration: inherit;
9
- text-transform: none;
10
- }
 
 
 
 
 
 
 
 
 
 
views/css/link.css DELETED
@@ -1,3 +0,0 @@
1
-
2
-
3
- /*# sourceMappingURL=link.css.map */
 
 
 
views/css/link.css.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "",
4
- "sources": [],
5
- "names": [],
6
- "file": "link.css"
7
- }
 
 
 
 
 
 
 
views/css/link.scss DELETED
@@ -1,54 +0,0 @@
1
- @mixin link($font-family: inherit, $font-size: inherit, $font-weight: inherit, $text-align: center, $border: 0, $color: inherit, $hover-color: $color, $background-color: none, $hover-background-color: $background-color, $active-background-color: $background-color, $padding: 0, $border-radius: 4px, $letter-spacing: initial) {
2
- display: inline;
3
- font-size: $font-size;
4
- font-family: $font-family;
5
- font-weight: $font-weight;
6
- text-align: $text-align;
7
- touch-action: manipulation;
8
- cursor: pointer;
9
- color: $color;
10
- background-color: $background-color;
11
- padding: $padding;
12
- border-radius: $border-radius;
13
- letter-spacing: $letter-spacing;
14
- text-decoration: none;
15
- word-wrap: break-word;
16
- white-space: normal;
17
-
18
- &,
19
- &:active,
20
- &.active {
21
- &:focus,
22
- &.focus {}
23
- }
24
-
25
- &:hover {
26
- color: $hover-color;
27
- background-color: $hover-background-color;
28
- }
29
-
30
- &:active,
31
- &.active {
32
- color: $color;
33
- }
34
-
35
- &[disabled] {
36
- pointer-events: none;
37
- }
38
-
39
- &.disabled,
40
- &[disabled],
41
- fieldset[disabled] & {
42
- cursor: not-allowed;
43
- opacity: .65;
44
- box-shadow: none;
45
- }
46
-
47
- a {
48
- &.disabled,
49
- fieldset[disabled] & {
50
- pointer-events: none; // Future-proof disabling of clicks on `<a>` elements
51
-
52
- }
53
- }
54
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
views/css/lusitana.css CHANGED
@@ -1,22 +1 @@
1
- @font-face {
2
- font-family: "Lusitana";
3
- src: url("lusitana/Lusitana-Regular-OTF.ttf") format("opentype");
4
- font-style: normal;
5
- font-weight: normal; }
6
- @font-face {
7
- font-family: "LusitanaBold";
8
- src: url("lusitana/Lusitana-Bold-OTF.ttf") format("opentype");
9
- font-style: normal;
10
- font-weight: normal; }
11
- @font-face {
12
- font-family: "LusitanaItalic";
13
- src: url("lusitana/Lusitana-Italic-OTF.ttf") format("opentype");
14
- font-style: normal;
15
- font-weight: normal; }
16
- @font-face {
17
- font-family: "LusitanaItalicBold";
18
- src: url("lusitana/Lusitana-BoldItalic-OTF.ttf") format("opentype");
19
- font-style: normal;
20
- font-weight: normal; }
21
-
22
- /*# sourceMappingURL=lusitana.css.map */
1
+ @font-face{font-family:"Lusitana";src:url(lusitana/Lusitana-Regular-OTF.ttf) format("opentype");font-style:normal;font-weight:normal}@font-face{font-family:"LusitanaBold";src:url(lusitana/Lusitana-Bold-OTF.ttf) format("opentype");font-style:normal;font-weight:normal}@font-face{font-family:"LusitanaItalic";src:url(lusitana/Lusitana-Italic-OTF.ttf) format("opentype");font-style:normal;font-weight:normal}@font-face{font-family:"LusitanaItalicBold";src:url(lusitana/Lusitana-BoldItalic-OTF.ttf) format("opentype");font-style:normal;font-weight:normal}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
views/css/lusitana.css.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "AAAA,UAKC;EAJG,WAAW,EAAE,UAAU;EACvB,GAAG,EAAE,2DAA2D;EAChE,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,MAAM;AAEvB,UAKC;EAJG,WAAW,EAAE,cAAc;EAC3B,GAAG,EAAE,wDAAwD;EAC7D,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,MAAM;AAEvB,UAKC;EAJG,WAAW,EAAE,gBAAgB;EAC7B,GAAG,EAAE,0DAA0D;EAC/D,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,MAAM;AAEvB,UAKC;EAJG,WAAW,EAAE,oBAAoB;EACjC,GAAG,EAAE,8DAA8D;EACnE,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,MAAM",
4
- "sources": ["lusitana.scss"],
5
- "names": [],
6
- "file": "lusitana.css"
7
- }
 
 
 
 
 
 
 
views/css/lusitana.scss DELETED
@@ -1,24 +0,0 @@
1
- @font-face {
2
- font-family: "Lusitana";
3
- src: url("lusitana/Lusitana-Regular-OTF.ttf") format("opentype");
4
- font-style: normal;
5
- font-weight: normal;
6
- }
7
- @font-face {
8
- font-family: "LusitanaBold";
9
- src: url("lusitana/Lusitana-Bold-OTF.ttf") format("opentype");
10
- font-style: normal;
11
- font-weight: normal;
12
- }
13
- @font-face {
14
- font-family: "LusitanaItalic";
15
- src: url("lusitana/Lusitana-Italic-OTF.ttf") format("opentype");
16
- font-style: normal;
17
- font-weight: normal;
18
- }
19
- @font-face {
20
- font-family: "LusitanaItalicBold";
21
- src: url("lusitana/Lusitana-BoldItalic-OTF.ttf") format("opentype");
22
- font-style: normal;
23
- font-weight: normal;
24
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
views/css/onesignal-font/OneSignal.eot ADDED
Binary file
views/css/onesignal-font/OneSignal.svg ADDED
@@ -0,0 +1 @@
 
1
+ <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" ><svg xmlns="http://www.w3.org/2000/svg"><metadata>Generated by Glyphter</metadata><defs><font id="OneSignal" horiz-adv-x="0"><font-face units-per-em="1024" ascent="1024" descent="0" font-family="OneSignal" font-weight="normal" /><missing-glyph horiz-adv-x="0" /><glyph unicode="&#x0041;" d="M513.559,984.701C229.999,984.701,0,754.702,0,471.142C0,291.554,94.52,130.869,233.15,39.5C242.602,45.801,248.903,52.103,258.355,55.253C264.656,58.404,270.958,64.705,277.259,67.856C286.711,71.007,293.012,77.308,299.314,80.459C308.766,83.609,315.067,86.76,324.519,93.061C330.82,96.212,337.122,99.363,343.423,102.513C352.875,105.664,362.327,108.815,371.779,111.965C381.231,115.116,384.382,115.116,393.834,118.267C403.286,121.417,406.437,121.417,415.889,124.568C425.341,127.719,431.642,127.719,441.094,127.719C441.094,127.719,441.094,127.719,441.094,127.719C450.546,127.719,459.998,130.869,469.45,130.869C469.45,130.869,469.45,130.869,469.45,130.869C469.45,130.869,469.45,165.527,469.45,165.527C469.45,165.527,469.45,193.883,469.45,193.883C469.45,193.883,469.45,307.307,469.45,307.307C469.45,307.307,469.45,335.663,469.45,335.663C469.45,335.663,469.45,439.635,469.45,439.635C469.45,439.635,441.094,439.635,441.094,439.635C441.094,439.635,441.094,496.347,441.094,496.347C441.094,496.347,469.45,496.347,469.45,496.347C469.45,496.347,551.367,496.347,551.367,496.347C551.367,496.347,579.723,496.347,579.723,496.347C579.723,496.347,579.723,345.115,579.723,345.115C579.723,345.115,579.723,313.608,579.723,313.608C579.723,313.608,579.723,197.034,579.723,197.034C579.723,197.034,579.723,168.678,579.723,168.678C579.723,168.678,579.723,127.719,579.723,127.719C579.723,127.719,579.723,127.719,579.723,127.719C658.49,115.116,727.805,89.911,790.818,48.952C790.818,48.952,790.818,48.952,790.818,48.952C932.599,140.321,1023.968,297.855,1023.968,480.594C1027.119,754.702,797.12,984.701,513.559,984.701C513.559,984.701,513.559,984.701,513.559,984.701M664.792,471.142C664.792,553.059,595.477,625.525,510.409,625.525C425.341,625.525,356.026,556.21,356.026,471.142C356.026,411.279,390.683,360.868,437.943,335.663C437.943,335.663,437.943,304.156,437.943,304.156C374.93,332.512,327.67,395.526,327.67,471.142C327.67,571.963,409.587,650.73,507.258,650.73C604.929,650.73,686.846,568.813,686.846,471.142C686.846,408.128,652.189,351.416,604.929,316.759C604.929,316.759,604.929,351.416,604.929,351.416C642.737,382.923,664.792,423.882,664.792,471.142C664.792,471.142,664.792,471.142,664.792,471.142M611.23,168.678C611.23,168.678,611.23,200.184,611.23,200.184C724.654,237.992,806.572,348.266,806.572,474.293C806.572,631.826,677.394,764.154,513.559,764.154C349.724,764.154,220.547,634.977,220.547,471.142C220.547,335.663,315.067,219.088,444.245,187.582C444.245,187.582,444.245,159.225,444.245,159.225C302.464,190.732,195.342,316.759,195.342,471.142C195.342,647.579,337.122,789.36,513.559,789.36C689.997,789.36,831.777,647.579,831.777,471.142C831.777,329.362,737.257,206.486,611.23,168.678C611.23,168.678,611.23,168.678,611.23,168.678" class="icon-logo_onesignal (4)"/></font></defs></svg>
views/css/onesignal-font/OneSignal.ttf ADDED
Binary file
views/css/onesignal-font/OneSignal.woff ADDED
Binary file
views/css/onesignal-menu-styles.css ADDED
@@ -0,0 +1,2 @@
 
 
1
+ /* Generated by Glyphter (http://www.glyphter.com) on Fri Jan 22 2016*/
2
+ @font-face{font-family:'OneSignal';src:url(onesignal-font/OneSignal.eot);src:url(onesignal-font/OneSignal.eot?#iefix) format("embedded-opentype"),url(onesignal-font/OneSignal.woff) format("woff"),url(onesignal-font/OneSignal.ttf) format("truetype"),url(onesignal-font/OneSignal.svg#OneSignal) format("svg");font-weight:normal;font-style:normal}#adminmenu .toplevel_page_onesignal-push.menu-icon-generic div.wp-menu-image:before{font-family:'OneSignal'!important;content:'\0041';font-size:1.3em!important}#adminmenu #menu-posts-product .menu-icon-post div.wp-menu-image:before,#adminmenu #menu-posts-product .menu-icon-product div.wp-menu-image:before{font-family:'OneSignal'!important;content:"\0041";font-size:1.3em!important}#adminmenu #toplevel_page_wc-reports .menu-icon-generic div.wp-menu-image:before{font-family:'OneSignal'!important;content:"\0041";font-size:1.3em!important}
views/css/semantic-ui.css CHANGED
@@ -1,27623 +1,443 @@
1
- @charset "UTF-8";
2
- /*!
3
- * # Semantic UI 2.1.3 - Reset
4
- * http://github.com/semantic-org/semantic-ui/
5
- *
6
- *
7
- * Copyright 2015 Contributors
8
- * Released under the MIT license
9
- * http://opensource.org/licenses/MIT
10
- *
11
- */
12
- /*******************************
13
- Reset
14
- *******************************/
15
- /* Border-Box */
16
- *,
17
- *:before,
18
- *:after {
19
- box-sizing: inherit; }
20
-
21
- html {
22
- box-sizing: border-box; }
23
-
24
- /* iPad Input Shadows */
25
- input[type="text"],
26
- input[type="email"],
27
- input[type="search"],
28
- input[type="password"] {
29
- -webkit-appearance: none;
30
- -moz-appearance: none;
31
- /* mobile firefox too! */ }
32
-
33
- /*******************************
34
- Theme Overrides
35
- *******************************/
36
- /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
37
- /**
38
- * Correct `block` display not defined in IE 8/9.
39
- */
40
- /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
41
- /**
42
- * 1. Set default font family to sans-serif.
43
- * 2. Prevent iOS text size adjust after orientation change, without disabling
44
- * user zoom.
45
- */
46
- html {
47
- font-family: sans-serif;
48
- /* 1 */
49
- -ms-text-size-adjust: 100%;
50
- /* 2 */
51
- -webkit-text-size-adjust: 100%;
52
- /* 2 */ }
53
-
54
- /**
55
- * Remove default margin.
56
- */
57
- body {
58
- margin: 0; }
59
-
60
- /* HTML5 display definitions
61
- ========================================================================== */
62
- /**
63
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
64
- * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
65
- * Correct `block` display not defined for `main` in IE 11.
66
- */
67
- article,
68
- aside,
69
- details,
70
- figcaption,
71
- figure,
72
- footer,
73
- header,
74
- hgroup,
75
- main,
76
- nav,
77
- section,
78
- summary {
79
- display: block; }
80
-
81
- /**
82
- * 1. Correct `inline-block` display not defined in IE 8/9.
83
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
84
- */
85
- audio,
86
- canvas,
87
- progress,
88
- video {
89
- display: inline-block;
90
- /* 1 */
91
- vertical-align: baseline;
92
- /* 2 */ }
93
-
94
- /**
95
- * Prevent modern browsers from displaying `audio` without controls.
96
- * Remove excess height in iOS 5 devices.
97
- */
98
- audio:not([controls]) {
99
- display: none;
100
- height: 0; }
101
-
102
- /**
103
- * Address `[hidden]` styling not present in IE 8/9/10.
104
- * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
105
- */
106
- [hidden],
107
- template {
108
- display: none; }
109
-
110
- /* Links
111
- ========================================================================== */
112
- /**
113
- * Remove the gray background color from active links in IE 10.
114
- */
115
- a {
116
- background: transparent; }
117
-
118
- /**
119
- * Improve readability when focused and also mouse hovered in all browsers.
120
- */
121
- a:active,
122
- a:hover {
123
- outline: 0; }
124
-
125
- /* Text-level semantics
126
- ========================================================================== */
127
- /**
128
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
129
- */
130
- abbr[title] {
131
- border-bottom: 1px dotted; }
132
-
133
- /**
134
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
135
- */
136
- b,
137
- strong {
138
- font-weight: bold; }
139
-
140
- /**
141
- * Address styling not present in Safari and Chrome.
142
- */
143
- dfn {
144
- font-style: italic; }
145
-
146
- /**
147
- * Address variable `h1` font-size and margin within `section` and `article`
148
- * contexts in Firefox 4+, Safari, and Chrome.
149
- */
150
- h1 {
151
- font-size: 2em;
152
- margin: 0.67em 0; }
153
-
154
- /**
155
- * Address styling not present in IE 8/9.
156
- */
157
- mark {
158
- background: #ff0;
159
- color: #000; }
160
-
161
- /**
162
- * Address inconsistent and variable font size in all browsers.
163
- */
164
- small {
165
- font-size: 80%; }
166
-
167
- /**
168
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
169
- */
170
- sub,
171
- sup {
172
- font-size: 75%;
173
- line-height: 0;
174
- position: relative;
175
- vertical-align: baseline; }
176
-
177
- sup {
178
- top: -0.5em; }
179
-
180
- sub {
181
- bottom: -0.25em; }
182
-
183
- /* Embedded content
184
- ========================================================================== */
185
- /**
186
- * Remove border when inside `a` element in IE 8/9/10.
187
- */
188
- img {
189
- border: 0; }
190
-
191
- /**
192
- * Correct overflow not hidden in IE 9/10/11.
193
- */
194
- svg:not(:root) {
195
- overflow: hidden; }
196
-
197
- /* Grouping content
198
- ========================================================================== */
199
- /**
200
- * Address margin not present in IE 8/9 and Safari.
201
- */
202
- figure {
203
- margin: 1em 40px; }
204
-
205
- /**
206
- * Address differences between Firefox and other browsers.
207
- */
208
- hr {
209
- box-sizing: content-box;
210
- height: 0; }
211
-
212
- /**
213
- * Contain overflow in all browsers.
214
- */
215
- pre {
216
- overflow: auto; }
217
-
218
- /**
219
- * Address odd `em`-unit font size rendering in all browsers.
220
- */
221
- code,
222
- kbd,
223
- pre,
224
- samp {
225
- font-family: monospace, monospace;
226
- font-size: 1em; }
227
-
228
- /* Forms
229
- ========================================================================== */
230
- /**
231
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
232
- * styling of `select`, unless a `border` property is set.
233
- */
234
- /**
235
- * 1. Correct color not being inherited.
236
- * Known issue: affects color of disabled elements.
237
- * 2. Correct font properties not being inherited.
238
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
239
- */
240
- button,
241
- input,
242
- optgroup,
243
- select,
244
- textarea {
245
- color: inherit;
246
- /* 1 */
247
- font: inherit;
248
- /* 2 */
249
- margin: 0;
250
- /* 3 */ }
251
-
252
- /**
253
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
254
- */
255
- button {
256
- overflow: visible; }
257
-
258
- /**
259
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
260
- * All other form control elements do not inherit `text-transform` values.
261
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
262
- * Correct `select` style inheritance in Firefox.
263
- */
264
- button,
265
- select {
266
- text-transform: none; }
267
-
268
- /**
269
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
270
- * and `video` controls.
271
- * 2. Correct inability to style clickable `input` types in iOS.
272
- * 3. Improve usability and consistency of cursor style between image-type
273
- * `input` and others.
274
- */
275
- button,
276
- html input[type="button"],
277
- input[type="reset"],
278
- input[type="submit"] {
279
- -webkit-appearance: button;
280
- /* 2 */
281
- cursor: pointer;
282
- /* 3 */ }
283
-
284
- /**
285
- * Re-set default cursor for disabled elements.
286
- */
287
- button[disabled],
288
- html input[disabled] {
289
- cursor: default; }
290
-
291
- /**
292
- * Remove inner padding and border in Firefox 4+.
293
- */
294
- button::-moz-focus-inner,
295
- input::-moz-focus-inner {
296
- border: 0;
297
- padding: 0; }
298
-
299
- /**
300
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
301
- * the UA stylesheet.
302
- */
303
- input {
304
- line-height: normal; }
305
-
306
- /**
307
- * It's recommended that you don't attempt to style these elements.
308
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
309
- *
310
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
311
- * 2. Remove excess padding in IE 8/9/10.
312
- */
313
- input[type="checkbox"],
314
- input[type="radio"] {
315
- box-sizing: border-box;
316
- /* 1 */
317
- padding: 0;
318
- /* 2 */ }
319
-
320
- /**
321
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
322
- * `font-size` values of the `input`, it causes the cursor style of the
323
- * decrement button to change from `default` to `text`.
324
- */
325
- input[type="number"]::-webkit-inner-spin-button,
326
- input[type="number"]::-webkit-outer-spin-button {
327
- height: auto; }
328
-
329
- /**
330
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
331
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
332
- * (include `-moz` to future-proof).
333
- */
334
- input[type="search"] {
335
- -webkit-appearance: textfield;
336
- /* 1 */
337
- /* 2 */
338
- box-sizing: content-box; }
339
-
340
- /**
341
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
342
- * Safari (but not Chrome) clips the cancel button when the search input has
343
- * padding (and `textfield` appearance).
344
- */
345
- input[type="search"]::-webkit-search-cancel-button,
346
- input[type="search"]::-webkit-search-decoration {
347
- -webkit-appearance: none; }
348
-
349
- /**
350
- * Define consistent border, margin, and padding.
351
- */
352
- fieldset {
353
- border: 1px solid #c0c0c0;
354
- margin: 0 2px;
355
- padding: 0.35em 0.625em 0.75em; }
356
-
357
- /**
358
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
359
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
360
- */
361
- legend {
362
- border: 0;
363
- /* 1 */
364
- padding: 0;
365
- /* 2 */ }
366
-
367
- /**
368
- * Remove default vertical scrollbar in IE 8/9/10/11.
369
- */
370
- textarea {
371
- overflow: auto; }
372
-
373
- /**
374
- * Don't inherit the `font-weight` (applied by a rule above).
375
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
376
- */
377
- optgroup {
378
- font-weight: bold; }
379
-
380
- /* Tables
381
- ========================================================================== */
382
- /**
383
- * Remove most spacing between table cells.
384
- */
385
- table {
386
- border-collapse: collapse;
387
- border-spacing: 0; }
388
-
389
- td,
390
- th {
391
- padding: 0; }
392
-
393
- /*******************************
394
- Site Overrides
395
- *******************************/
396
- /*!
397
- * # Semantic UI 2.1.3 - Breadcrumb
398
- * http://github.com/semantic-org/semantic-ui/
399
- *
400
- *
401
- * Copyright 2015 Contributors
402
- * Released under the MIT license
403
- * http://opensource.org/licenses/MIT
404
- *
405
- */
406
- /*******************************
407
- Breadcrumb
408
- *******************************/
409
- .ui.breadcrumb {
410
- line-height: 1;
411
- display: inline-block;
412
- margin: 0em 0em;
413
- vertical-align: middle; }
414
-
415
- .ui.breadcrumb:first-child {
416
- margin-top: 0em; }
417
-
418
- .ui.breadcrumb:last-child {
419
- margin-bottom: 0em; }
420
-
421
- /*******************************
422
- Content
423
- *******************************/
424
- /* Divider */
425
- .ui.breadcrumb .divider {
426
- display: inline-block;
427
- opacity: 0.7;
428
- margin: 0em 0.21428571rem 0em;
429
- font-size: 0.92857143em;
430
- color: rgba(0, 0, 0, 0.4);
431
- vertical-align: baseline; }
432
-
433
- /* Link */
434
- .ui.breadcrumb a {
435
- color: #4183c4; }
436
-
437
- .ui.breadcrumb a:hover {
438
- color: #1e70bf; }
439
-
440
- /* Icon Divider */
441
- .ui.breadcrumb .icon.divider {
442
- font-size: 0.85714286em;
443
- vertical-align: baseline; }
444
-
445
- /* Section */
446
- .ui.breadcrumb a.section {
447
- cursor: pointer; }
448
-
449
- .ui.breadcrumb .section {
450
- display: inline-block;
451
- margin: 0em;
452
- padding: 0em; }
453
-
454
- /* Loose Coupling */
455
- .ui.breadcrumb.segment {
456
- display: inline-block;
457
- padding: 0.71428571em 1em; }
458
-
459
- /*******************************
460
- States
461
- *******************************/
462
- .ui.breadcrumb .active.section {
463
- font-weight: bold; }
464
-
465
- /*******************************
466
- Variations
467
- *******************************/
468
- .ui.mini.breadcrumb {
469
- font-size: 0.71428571rem; }
470
-
471
- .ui.tiny.breadcrumb {
472
- font-size: 0.85714286rem; }
473
-
474
- .ui.small.breadcrumb {
475
- font-size: 0.92857143rem; }
476
-
477
- .ui.breadcrumb {
478
- font-size: 1rem; }
479
-
480
- .ui.large.breadcrumb {
481
- font-size: 1.14285714rem; }
482
-
483
- .ui.big.breadcrumb {
484
- font-size: 1.28571429rem; }
485
-
486
- .ui.huge.breadcrumb {
487
- font-size: 1.42857143rem; }
488
-
489
- .ui.massive.breadcrumb {
490
- font-size: 1.71428571rem; }
491
-
492
- /*******************************
493
- Theme Overrides
494
- *******************************/
495
- /*******************************
496
- Site Overrides
497
- *******************************/
498
- /*!
499
- * # Semantic UI 2.1.3 - Form
500
- * http://github.com/semantic-org/semantic-ui/
501
- *
502
- *
503
- * Copyright 2015 Contributors
504
- * Released under the MIT license
505
- * http://opensource.org/licenses/MIT
506
- *
507
- */
508
- /*******************************
509
- Elements
510
- *******************************/
511
- /*--------------------
512
- Form
513
- ---------------------*/
514
- .ui.form {
515
- position: relative;
516
- max-width: 100%; }
517
-
518
- /*--------------------
519
- Content
520
- ---------------------*/
521
- .ui.form > p {
522
- margin: 1em 0em; }
523
-
524
- /*--------------------
525
- Field
526
- ---------------------*/
527
- .ui.form .field {
528
- clear: both;
529
- margin: 0em 0em 1em; }
530
-
531
- .ui.form .field:last-child,
532
- .ui.form .fields:last-child .field {
533
- margin-bottom: 0em; }
534
-
535
- .ui.form .fields .field {
536
- clear: both;
537
- margin: 0em 0em 1em; }
538
-
539
- /*--------------------
540
- Labels
541
- ---------------------*/
542
- .ui.form .field > label {
543
- display: block;
544
- margin: 0em 0em 0.28571429rem 0em;
545
- color: rgba(0, 0, 0, 0.87);
546
- font-size: 0.92857143em;
547
- font-weight: bold;
548
- text-transform: none; }
549
-
550
- /*--------------------
551
- Standard Inputs
552
- ---------------------*/
553
- .ui.form textarea,
554
- .ui.form input:not([type]),
555
- .ui.form input[type="date"],
556
- .ui.form input[type="datetime-local"],
557
- .ui.form input[type="email"],
558
- .ui.form input[type="number"],
559
- .ui.form input[type="password"],
560
- .ui.form input[type="search"],
561
- .ui.form input[type="tel"],
562
- .ui.form input[type="time"],
563
- .ui.form input[type="text"],
564
- .ui.form input[type="url"] {
565
- width: 100%;
566
- vertical-align: top; }
567
-
568
- /* Set max height on unusual input */
569
- .ui.form ::-webkit-datetime-edit,
570
- .ui.form ::-webkit-inner-spin-button {
571
- height: 1.2142em; }
572
-
573
- .ui.form input:not([type]),
574
- .ui.form input[type="date"],
575
- .ui.form input[type="datetime-local"],
576
- .ui.form input[type="email"],
577
- .ui.form input[type="number"],
578
- .ui.form input[type="password"],
579
- .ui.form input[type="search"],
580
- .ui.form input[type="tel"],
581
- .ui.form input[type="time"],
582
- .ui.form input[type="text"],
583
- .ui.form input[type="url"] {
584
- font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
585
- margin: 0em;
586
- outline: none;
587
- -webkit-appearance: none;
588
- tap-highlight-color: rgba(255, 255, 255, 0);
589
- line-height: 1.2142em;
590
- padding: 0.67861429em 1em;
591
- font-size: 1em;
592
- background: #ffffff;
593
- border: 1px solid rgba(34, 36, 38, 0.15);
594
- color: rgba(0, 0, 0, 0.87);
595
- border-radius: 0.28571429rem;
596
- box-shadow: 0em 0em 0em 0em transparent inset;
597
- -webkit-transition: color 0.1s ease, border-color 0.1s ease;
598
- transition: color 0.1s ease, border-color 0.1s ease; }
599
-
600
- /* Text Area */
601
- .ui.form textarea {
602
- margin: 0em;
603
- -webkit-appearance: none;
604
- tap-highlight-color: rgba(255, 255, 255, 0);
605
- padding: 0.78571429em 1em;
606
- background: #ffffff;
607
- border: 1px solid rgba(34, 36, 38, 0.15);
608
- outline: none;
609
- color: rgba(0, 0, 0, 0.87);
610
- border-radius: 0.28571429rem;
611
- box-shadow: 0em 0em 0em 0em transparent inset;
612
- -webkit-transition: color 0.1s ease, border-color 0.1s ease;
613
- transition: color 0.1s ease, border-color 0.1s ease;
614
- font-size: 1em;
615
- line-height: 1.2857;
616
- resize: vertical; }
617
-
618
- .ui.form textarea:not([rows]) {
619
- height: 12em;
620
- min-height: 8em;
621
- max-height: 24em; }
622
-
623
- .ui.form textarea,
624
- .ui.form input[type="checkbox"] {
625
- vertical-align: top; }
626
-
627
- /*--------------------------
628
- Input w/ attached Button
629
- ---------------------------*/
630
- .ui.form input.attached {
631
- width: auto; }
632
-
633
- /*--------------------
634
- Basic Select
635
- ---------------------*/
636
- .ui.form select {
637
- display: block;
638
- height: auto;
639
- width: 100%;
640
- background: #ffffff;
641
- border: 1px solid rgba(34, 36, 38, 0.15);
642
- border-radius: 0.28571429rem;
643
- box-shadow: 0em 0em 0em 0em transparent inset;
644
- padding: 0.62em 1em;
645
- color: rgba(0, 0, 0, 0.87);
646
- -webkit-transition: color 0.1s ease, border-color 0.1s ease;
647
- transition: color 0.1s ease, border-color 0.1s ease; }
648
-
649
- /*--------------------
650
- Dropdown
651
- ---------------------*/
652
- /* Block */
653
- .ui.form .field > .selection.dropdown {
654
- width: 100%; }
655
-
656
- .ui.form .field > .selection.dropdown > .dropdown.icon {
657
- float: right; }
658
-
659
- /* Inline */
660
- .ui.form .inline.fields .field > .selection.dropdown,
661
- .ui.form .inline.field > .selection.dropdown {
662
- width: auto; }
663
-
664
- .ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon,
665
- .ui.form .inline.field > .selection.dropdown > .dropdown.icon {
666
- float: none; }
667
-
668
- /*--------------------
669
- UI Input
670
- ---------------------*/
671
- /* Block */
672
- .ui.form .field .ui.input,
673
- .ui.form .fields .field .ui.input,
674
- .ui.form .wide.field .ui.input {
675
- width: 100%; }
676
-
677
- /* Inline */
678
- .ui.form .inline.fields .field:not(.wide) .ui.input,
679
- .ui.form .inline.field:not(.wide) .ui.input {
680
- width: auto;
681
- vertical-align: middle; }
682
-
683
- /* Auto Input */
684
- .ui.form .fields .field .ui.input input,
685
- .ui.form .field .ui.input input {
686
- width: auto; }
687
-
688
- /* Full Width Input */
689
- .ui.form .ten.fields .ui.input input,
690
- .ui.form .nine.fields .ui.input input,
691
- .ui.form .eight.fields .ui.input input,
692
- .ui.form .seven.fields .ui.input input,
693
- .ui.form .six.fields .ui.input input,
694
- .ui.form .five.fields .ui.input input,
695
- .ui.form .four.fields .ui.input input,
696
- .ui.form .three.fields .ui.input input,
697
- .ui.form .two.fields .ui.input input,
698
- .ui.form .wide.field .ui.input input {
699
- -webkit-box-flex: 1;
700
- -webkit-flex: 1 0 auto;
701
- -ms-flex: 1 0 auto;
702
- flex: 1 0 auto;
703
- width: 0px; }
704
-
705
- /*--------------------
706
- Dividers
707
- ---------------------*/
708
- .ui.form .divider {
709
- clear: both;
710
- margin: 1em 0em; }
711
-
712
- /*--------------------
713
- Types of Messages
714
- ---------------------*/
715
- .ui.form .success.message,
716
- .ui.form .warning.message,
717
- .ui.form .error.message {
718
- display: none; }
719
-
720
- /* Assumptions */
721
- .ui.form .message:first-child {
722
- margin-top: 0px; }
723
-
724
- /*--------------------
725
- Validation Prompt
726
- ---------------------*/
727
- .ui.form .field .prompt.label {
728
- white-space: normal;
729
- background: #ffffff !important;
730
- border: 1px solid #e0b4b4 !important;
731
- color: #9f3a38 !important; }
732
-
733
- .ui.form .inline.fields .field .prompt,
734
- .ui.form .inline.field .prompt {
735
- vertical-align: top;
736
- margin: -0.25em 0em -0.5em 0.5em; }
737
-
738
- .ui.form .inline.fields .field .prompt:before,
739
- .ui.form .inline.field .prompt:before {
740
- border-width: 0px 0px 1px 1px;
741
- bottom: auto;
742
- right: auto;
743
- top: 50%;
744
- left: 0em; }
745
-
746
- /*******************************
747
- States
748
- *******************************/
749
- /*--------------------
750
- Autofilled
751
- ---------------------*/
752
- .ui.form .field.field input:-webkit-autofill {
753
- box-shadow: 0px 0px 0px 100px #fffff0 inset !important;
754
- border-color: #e5dfa1 !important; }
755
-
756
- /* Focus */
757
- .ui.form .field.field input:-webkit-autofill:focus {
758
- box-shadow: 0px 0px 0px 100px #fffff0 inset !important;
759
- border-color: #d5c315 !important; }
760
-
761
- /* Error */
762
- .ui.form .error.error input:-webkit-autofill {
763
- box-shadow: 0px 0px 0px 100px #fffaf0 inset !important;
764
- border-color: #e0b4b4 !important; }
765
-
766
- /*--------------------
767
- Placeholder
768
- ---------------------*/
769
- /* browsers require these rules separate */
770
- .ui.form ::-webkit-input-placeholder {
771
- color: rgba(140, 140, 140, 0.87); }
772
-
773
- .ui.form ::-ms-input-placeholder {
774
- color: rgba(140, 140, 140, 0.87); }
775
-
776
- .ui.form ::-moz-placeholder {
777
- color: rgba(140, 140, 140, 0.87); }
778
-
779
- .ui.form :focus::-webkit-input-placeholder {
780
- color: rgba(89, 89, 89, 0.87); }
781
-
782
- .ui.form :focus::-ms-input-placeholder {
783
- color: rgba(89, 89, 89, 0.87); }
784
-
785
- .ui.form :focus::-moz-placeholder {
786
- color: rgba(89, 89, 89, 0.87); }
787
-
788
- /* Error Placeholder */
789
- .ui.form .error ::-webkit-input-placeholder {
790
- color: #e7bdbc; }
791
-
792
- .ui.form .error ::-ms-input-placeholder {
793
- color: #e7bdbc; }
794
-
795
- .ui.form .error ::-moz-placeholder {
796
- color: #e7bdbc; }
797
-
798
- .ui.form .error :focus::-webkit-input-placeholder {
799
- color: #da9796; }
800
-
801
- .ui.form .error :focus::-ms-input-placeholder {
802
- color: #da9796; }
803
-
804
- .ui.form .error :focus::-moz-placeholder {
805
- color: #da9796; }
806
-
807
- /*--------------------
808
- Focus
809
- ---------------------*/
810
- .ui.form input:not([type]):focus,
811
- .ui.form input[type="date"]:focus,
812
- .ui.form input[type="datetime-local"]:focus,
813
- .ui.form input[type="email"]:focus,
814
- .ui.form input[type="number"]:focus,
815
- .ui.form input[type="password"]:focus,
816
- .ui.form input[type="search"]:focus,
817
- .ui.form input[type="tel"]:focus,
818
- .ui.form input[type="time"]:focus,
819
- .ui.form input[type="text"]:focus,
820
- .ui.form input[type="url"]:focus {
821
- color: rgba(0, 0, 0, 0.95);
822
- border-color: #85b7d9;
823
- border-radius: 0.28571429rem;
824
- background: #ffffff;
825
- box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; }
826
-
827
- .ui.form textarea:focus {
828
- color: rgba(0, 0, 0, 0.95);
829
- border-color: #85b7d9;
830
- border-radius: 0.28571429rem;
831
- background: #ffffff;
832
- box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
833
- -webkit-appearance: none; }
834
-
835
- /*--------------------
836
- Success
837
- ---------------------*/
838
- /* On Form */
839
- .ui.form.success .success.message:not(:empty) {
840
- display: block; }
841
-
842
- .ui.form.success .icon.success.message:not(:empty) {
843
- display: -webkit-box;
844
- display: -webkit-flex;
845
- display: -ms-flexbox;
846
- display: flex; }
847
-
848
- /*--------------------
849
- Warning
850
- ---------------------*/
851
- /* On Form */
852
- .ui.form.warning .warning.message:not(:empty) {
853
- display: block; }
854
-
855
- .ui.form.warning .icon.warning.message:not(:empty) {
856
- display: -webkit-box;
857
- display: -webkit-flex;
858
- display: -ms-flexbox;
859
- display: flex; }
860
-
861
- /*--------------------
862
- Warning
863
- ---------------------*/
864
- /* On Form */
865
- .ui.form.error .error.message:not(:empty) {
866
- display: block; }
867
-
868
- .ui.form.error .icon.error.message:not(:empty) {
869
- display: -webkit-box;
870
- display: -webkit-flex;
871
- display: -ms-flexbox;
872
- display: flex; }
873
-
874
- /* On Field(s) */
875
- .ui.form .fields.error .field label,
876
- .ui.form .field.error label,
877
- .ui.form .fields.error .field .input,
878
- .ui.form .field.error .input {
879
- color: #9f3a38; }
880
-
881
- .ui.form .fields.error .field .corner.label,
882
- .ui.form .field.error .corner.label {
883
- border-color: #9f3a38;
884
- color: #ffffff; }
885
-
886
- .ui.form .fields.error .field textarea,
887
- .ui.form .fields.error .field select,
888
- .ui.form .fields.error .field input:not([type]),
889
- .ui.form .fields.error .field input[type="date"],
890
- .ui.form .fields.error .field input[type="datetime-local"],
891
- .ui.form .fields.error .field input[type="email"],
892
- .ui.form .fields.error .field input[type="number"],
893
- .ui.form .fields.error .field input[type="password"],
894
- .ui.form .fields.error .field input[type="search"],
895
- .ui.form .fields.error .field input[type="tel"],
896
- .ui.form .fields.error .field input[type="time"],
897
- .ui.form .fields.error .field input[type="text"],
898
- .ui.form .fields.error .field input[type="url"],
899
- .ui.form .field.error textarea,
900
- .ui.form .field.error select,
901
- .ui.form .field.error input:not([type]),
902
- .ui.form .field.error input[type="date"],
903
- .ui.form .field.error input[type="datetime-local"],
904
- .ui.form .field.error input[type="email"],
905
- .ui.form .field.error input[type="number"],
906
- .ui.form .field.error input[type="password"],
907
- .ui.form .field.error input[type="search"],
908
- .ui.form .field.error input[type="tel"],
909
- .ui.form .field.error input[type="time"],
910
- .ui.form .field.error input[type="text"],
911
- .ui.form .field.error input[type="url"] {
912
- background: #fff6f6;
913
- border-color: #e0b4b4;
914
- color: #9f3a38;
915
- border-radius: '';
916
- box-shadow: none; }
917
-
918
- .ui.form .field.error textarea:focus,
919
- .ui.form .field.error select:focus,
920
- .ui.form .field.error input:not([type]):focus,
921
- .ui.form .field.error input[type="date"]:focus,
922
- .ui.form .field.error input[type="datetime-local"]:focus,
923
- .ui.form .field.error input[type="email"]:focus,
924
- .ui.form .field.error input[type="number"]:focus,
925
- .ui.form .field.error input[type="password"]:focus,
926
- .ui.form .field.error input[type="search"]:focus,
927
- .ui.form .field.error input[type="tel"]:focus,
928
- .ui.form .field.error input[type="time"]:focus,
929
- .ui.form .field.error input[type="text"]:focus,
930
- .ui.form .field.error input[type="url"]:focus {
931
- background: #fff6f6;
932
- border-color: #e0b4b4;
933
- color: #9f3a38;
934
- -webkit-appearance: none;
935
- box-shadow: none; }
936
-
937
- /* Preserve Native Select Stylings */
938
- .ui.form .field.error select {
939
- -webkit-appearance: menulist-button; }
940
-
941
- /*------------------
942
- Dropdown Error
943
- --------------------*/
944
- .ui.form .fields.error .field .ui.dropdown,
945
- .ui.form .fields.error .field .ui.dropdown .item,
946
- .ui.form .field.error .ui.dropdown,
947
- .ui.form .field.error .ui.dropdown .text,
948
- .ui.form .field.error .ui.dropdown .item {
949
- background: #fff6f6;
950
- color: #9f3a38; }
951
-
952
- .ui.form .fields.error .field .ui.dropdown,
953
- .ui.form .field.error .ui.dropdown {
954
- border-color: #e0b4b4 !important; }
955
-
956
- .ui.form .fields.error .field .ui.dropdown:hover,
957
- .ui.form .field.error .ui.dropdown:hover {
958
- border-color: #e0b4b4 !important; }
959
-
960
- .ui.form .fields.error .field .ui.dropdown:hover .menu,
961
- .ui.form .field.error .ui.dropdown:hover .menu {
962
- border-color: #e0b4b4; }
963
-
964
- .ui.form .fields.error .field .ui.multiple.selection.dropdown > .label,
965
- .ui.form .field.error .ui.multiple.selection.dropdown > .label {
966
- background-color: #eacbcb;
967
- color: #9f3a38; }
968
-
969
- /* Hover */
970
- .ui.form .fields.error .field .ui.dropdown .menu .item:hover,
971
- .ui.form .field.error .ui.dropdown .menu .item:hover {
972
- background-color: #fbe7e7; }
973
-
974
- /* Selected */
975
- .ui.form .fields.error .field .ui.dropdown .menu .selected.item,
976
- .ui.form .field.error .ui.dropdown .menu .selected.item {
977
- background-color: #fbe7e7; }
978
-
979
- /* Active */
980
- .ui.form .fields.error .field .ui.dropdown .menu .active.item,
981
- .ui.form .field.error .ui.dropdown .menu .active.item {
982
- background-color: #fdcfcf !important; }
983
-
984
- /*--------------------
985
- Checkbox Error
986
- ---------------------*/
987
- .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
988
- .ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
989
- .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
990
- .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {
991
- color: #9f3a38; }
992
-
993
- .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
994
- .ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
995
- .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
996
- .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
997
- background: #fff6f6;
998
- border-color: #e0b4b4; }
999
-
1000
- .ui.form .fields.error .field .checkbox label:after,
1001
- .ui.form .field.error .checkbox label:after,
1002
- .ui.form .fields.error .field .checkbox .box:after,
1003
- .ui.form .field.error .checkbox .box:after {
1004
- color: #9f3a38; }
1005
-
1006
- /*--------------------
1007
- Disabled
1008
- ---------------------*/
1009
- .ui.form .disabled.fields .field,
1010
- .ui.form .disabled.field,
1011
- .ui.form .field :disabled {
1012
- pointer-events: none;
1013
- opacity: 0.45; }
1014
-
1015
- .ui.form .field.disabled label {
1016
- opacity: 0.45; }
1017
-
1018
- .ui.form .field.disabled :disabled {
1019
- opacity: 1; }
1020
-
1021
- /*--------------
1022
- Loading
1023
- ---------------*/
1024
- .ui.loading.form {
1025
- position: relative;
1026
- cursor: default;
1027
- point-events: none;
1028
- text-shadow: none !important;
1029
- color: transparent !important;
1030
- -webkit-transition: all 0s linear;
1031
- transition: all 0s linear;
1032
- z-index: 100; }
1033
-
1034
- .ui.loading.form:before {
1035
- position: absolute;
1036
- content: '';
1037
- top: 0%;
1038
- left: 0%;
1039
- background: rgba(255, 255, 255, 0.8);
1040
- width: 100%;
1041
- height: 100%;
1042
- z-index: 100; }
1043
-
1044
- .ui.loading.form:after {
1045
- position: absolute;
1046
- content: '';
1047
- top: 50%;
1048
- left: 50%;
1049
- margin: -1.5em 0em 0em -1.5em;
1050
- width: 3em;
1051
- height: 3em;
1052
- -webkit-animation: form-spin 0.6s linear;
1053
- animation: form-spin 0.6s linear;
1054
- -webkit-animation-iteration-count: infinite;
1055
- animation-iteration-count: infinite;
1056
- border-radius: 500rem;
1057
- border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
1058
- border-style: solid;
1059
- border-width: 0.2em;
1060
- box-shadow: 0px 0px 0px 1px transparent;
1061
- visibility: visible;
1062
- z-index: 101; }
1063
-
1064
- @-webkit-keyframes form-spin {
1065
- from {
1066
- -webkit-transform: rotate(0deg);
1067
- transform: rotate(0deg); }
1068
- to {
1069
- -webkit-transform: rotate(360deg);
1070
- transform: rotate(360deg); } }
1071
- @keyframes form-spin {
1072
- from {
1073
- -webkit-transform: rotate(0deg);
1074
- transform: rotate(0deg); }
1075
- to {
1076
- -webkit-transform: rotate(360deg);
1077
- transform: rotate(360deg); } }
1078
- /*******************************
1079
- Element Types
1080
- *******************************/
1081
- /*--------------------
1082
- Required Field
1083
- ---------------------*/
1084
- .ui.form .required.fields:not(.grouped) > .field > label:after,
1085
- .ui.form .required.fields.grouped > label:after,
1086
- .ui.form .required.field > label:after,
1087
- .ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
1088
- .ui.form .required.field > .checkbox:after {
1089
- margin: -0.2em 0em 0em 0.2em;
1090
- content: '*';
1091
- color: #db2828; }
1092
-
1093
- .ui.form .required.fields:not(.grouped) > .field > label:after,
1094
- .ui.form .required.fields.grouped > label:after,
1095
- .ui.form .required.field > label:after {
1096
- display: inline-block;
1097
- vertical-align: top; }
1098
-
1099
- .ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
1100
- .ui.form .required.field > .checkbox:after {
1101
- position: absolute;
1102
- top: 0%;
1103
- left: 100%; }
1104
-
1105
- /*******************************
1106
- Variations
1107
- *******************************/
1108
- /*--------------------
1109
- Inverted Colors
1110
- ---------------------*/
1111
- .ui.inverted.form label,
1112
- .ui.form .inverted.segment label,
1113
- .ui.form .inverted.segment .ui.checkbox label,
1114
- .ui.form .inverted.segment .ui.checkbox .box,
1115
- .ui.inverted.form .ui.checkbox label,
1116
- .ui.inverted.form .ui.checkbox .box {
1117
- color: rgba(255, 255, 255, 0.9); }
1118
-
1119
- /* Inverted Field */
1120
- .ui.inverted.form input:not([type]),
1121
- .ui.inverted.form input[type="date"],
1122
- .ui.inverted.form input[type="datetime-local"],
1123
- .ui.inverted.form input[type="email"],
1124
- .ui.inverted.form input[type="number"],
1125
- .ui.inverted.form input[type="password"],
1126
- .ui.inverted.form input[type="search"],
1127
- .ui.inverted.form input[type="tel"],
1128
- .ui.inverted.form input[type="time"],
1129
- .ui.inverted.form input[type="text"],
1130
- .ui.inverted.form input[type="url"] {
1131
- background: #ffffff;
1132
- border-color: rgba(255, 255, 255, 0.1);
1133
- color: rgba(0, 0, 0, 0.87);
1134
- box-shadow: none; }
1135
-
1136
- /*--------------------
1137
- Field Groups
1138
- ---------------------*/
1139
- /* Grouped Vertically */
1140
- .ui.form .grouped.fields {
1141
- display: block;
1142
- margin: 0em 0em 1em; }
1143
-
1144
- .ui.form .grouped.fields:last-child {
1145
- margin-bottom: 0em; }
1146
-
1147
- .ui.form .grouped.fields > label {
1148
- margin: 0em 0em 0.28571429rem 0em;
1149
- color: rgba(0, 0, 0, 0.87);
1150
- font-size: 0.92857143em;
1151
- font-weight: bold;
1152
- text-transform: none; }
1153
-
1154
- .ui.form .grouped.fields .field,
1155
- .ui.form .grouped.inline.fields .field {
1156
- display: block;
1157
- margin: 0.5em 0em;
1158
- padding: 0em; }
1159
-
1160
- /*--------------------
1161
- Fields
1162
- ---------------------*/
1163
- /* Split fields */
1164
- .ui.form .fields {
1165
- display: -webkit-box;
1166
- display: -webkit-flex;
1167
- display: -ms-flexbox;
1168
- display: flex;
1169
- -webkit-box-orient: horizontal;
1170
- -webkit-box-direction: normal;
1171
- -webkit-flex-direction: row;
1172
- -ms-flex-direction: row;
1173
- flex-direction: row; }
1174
-
1175
- .ui.form .fields > .field {
1176
- -webkit-box-flex: 0;
1177
- -webkit-flex: 0 1 auto;
1178
- -ms-flex: 0 1 auto;
1179
- flex: 0 1 auto;
1180
- padding-left: 0.5em;
1181
- padding-right: 0.5em; }
1182
-
1183
- .ui.form .fields > .field:first-child {
1184
- border-left: none;
1185
- box-shadow: none; }
1186
-
1187
- /* Other Combinations */
1188
- .ui.form .two.fields > .fields,
1189
- .ui.form .two.fields > .field {
1190
- width: 50%; }
1191
-
1192
- .ui.form .three.fields > .fields,
1193
- .ui.form .three.fields > .field {
1194
- width: 33.33333333%; }
1195
-
1196
- .ui.form .four.fields > .fields,
1197
- .ui.form .four.fields > .field {
1198
- width: 25%; }
1199
-
1200
- .ui.form .five.fields > .fields,
1201
- .ui.form .five.fields > .field {
1202
- width: 20%; }
1203
-
1204
- .ui.form .six.fields > .fields,
1205
- .ui.form .six.fields > .field {
1206
- width: 16.66666667%; }
1207
-
1208
- .ui.form .seven.fields > .fields,
1209
- .ui.form .seven.fields > .field {
1210
- width: 14.28571429%; }
1211
-
1212
- .ui.form .eight.fields > .fields,
1213
- .ui.form .eight.fields > .field {
1214
- width: 12.5%; }
1215
-
1216
- .ui.form .nine.fields > .fields,
1217
- .ui.form .nine.fields > .field {
1218
- width: 11.11111111%; }
1219
-
1220
- .ui.form .ten.fields > .fields,
1221
- .ui.form .ten.fields > .field {
1222
- width: 10%; }
1223
-
1224
- /* Swap to full width on mobile */
1225
- @media only screen and (max-width: 767px) {
1226
- .ui.form .fields {
1227
- -webkit-flex-wrap: wrap;
1228
- -ms-flex-wrap: wrap;
1229
- flex-wrap: wrap; }
1230
-
1231
- .ui.form .two.fields > .fields,
1232
- .ui.form .two.fields > .field,
1233
- .ui.form .three.fields > .fields,
1234
- .ui.form .three.fields > .field,
1235
- .ui.form .four.fields > .fields,
1236
- .ui.form .four.fields > .field,
1237
- .ui.form .five.fields > .fields,
1238
- .ui.form .five.fields > .field,
1239
- .ui.form .six.fields > .fields,
1240
- .ui.form .six.fields > .field,
1241
- .ui.form .seven.fields > .fields,
1242
- .ui.form .seven.fields > .field,
1243
- .ui.form .eight.fields > .fields,
1244
- .ui.form .eight.fields > .field,
1245
- .ui.form .nine.fields > .fields,
1246
- .ui.form .nine.fields > .field,
1247
- .ui.form .ten.fields > .fields,
1248
- .ui.form .ten.fields > .field {
1249
- width: 100% !important;
1250
- margin: 0em 0em 1em;
1251
- padding-left: 0%;
1252
- padding-right: 0%; } }
1253
- .ui.form .fields .field:first-child {
1254
- padding-left: 0%; }
1255
-
1256
- .ui.form .fields .field:last-child {
1257
- padding-right: 0%; }
1258
-
1259
- /* Sizing Combinations */
1260
- .ui.form .fields .wide.field {
1261
- width: 6.25%;
1262
- padding-left: 0.5em;
1263
- padding-right: 0.5em; }
1264
-
1265
- .ui.form .fields .wide.field:first-child {
1266
- padding-left: 0%; }
1267
-
1268
- .ui.form .fields .wide.field:last-child {
1269
- padding-right: 0%; }
1270
-
1271
- .ui.form .one.wide.field {
1272
- width: 6.25% !important; }
1273
-
1274
- .ui.form .two.wide.field {
1275
- width: 12.5% !important; }
1276
-
1277
- .ui.form .three.wide.field {
1278
- width: 18.75% !important; }
1279
-
1280
- .ui.form .four.wide.field {
1281
- width: 25% !important; }
1282
-
1283
- .ui.form .five.wide.field {
1284
- width: 31.25% !important; }
1285
-
1286
- .ui.form .six.wide.field {
1287
- width: 37.5% !important; }
1288
-
1289
- .ui.form .seven.wide.field {
1290
- width: 43.75% !important; }
1291
-
1292
- .ui.form .eight.wide.field {
1293
- width: 50% !important; }
1294
-
1295
- .ui.form .nine.wide.field {
1296
- width: 56.25% !important; }
1297
-
1298
- .ui.form .ten.wide.field {
1299
- width: 62.5% !important; }
1300
-
1301
- .ui.form .eleven.wide.field {
1302
- width: 68.75% !important; }
1303
-
1304
- .ui.form .twelve.wide.field {
1305
- width: 75% !important; }
1306
-
1307
- .ui.form .thirteen.wide.field {
1308
- width: 81.25% !important; }
1309
-
1310
- .ui.form .fourteen.wide.field {
1311
- width: 87.5% !important; }
1312
-
1313
- .ui.form .fifteen.wide.field {
1314
- width: 93.75% !important; }
1315
-
1316
- .ui.form .sixteen.wide.field {
1317
- width: 100% !important; }
1318
-
1319
- /* Swap to full width on mobile */
1320
- @media only screen and (max-width: 767px) {
1321
- .ui.form .two.fields > .fields,
1322
- .ui.form .two.fields > .field,
1323
- .ui.form .three.fields > .fields,
1324
- .ui.form .three.fields > .field,
1325
- .ui.form .four.fields > .fields,
1326
- .ui.form .four.fields > .field,
1327
- .ui.form .five.fields > .fields,
1328
- .ui.form .five.fields > .field,
1329
- .ui.form .fields > .two.wide.field,
1330
- .ui.form .fields > .three.wide.field,
1331
- .ui.form .fields > .four.wide.field,
1332
- .ui.form .fields > .five.wide.field,
1333
- .ui.form .fields > .six.wide.field,
1334
- .ui.form .fields > .seven.wide.field,
1335
- .ui.form .fields > .eight.wide.field,
1336
- .ui.form .fields > .nine.wide.field,
1337
- .ui.form .fields > .ten.wide.field,
1338
- .ui.form .fields > .eleven.wide.field,
1339
- .ui.form .fields > .twelve.wide.field,
1340
- .ui.form .fields > .thirteen.wide.field,
1341
- .ui.form .fields > .fourteen.wide.field,
1342
- .ui.form .fields > .fifteen.wide.field,
1343
- .ui.form .fields > .sixteen.wide.field {
1344
- width: 100% !important;
1345
- margin: 0em 0em 1em;
1346
- padding-left: 0%;
1347
- padding-right: 0%; } }
1348
- /*--------------------
1349
- Inline Fields
1350
- ---------------------*/
1351
- .ui.form .inline.fields {
1352
- margin: 0em 0em 1em;
1353
- -webkit-box-align: center;
1354
- -webkit-align-items: center;
1355
- -ms-flex-align: center;
1356
- align-items: center; }
1357
-
1358
- .ui.form .inline.fields .field {
1359
- margin: 0em;
1360
- padding: 0em 1em 0em 0em; }
1361
-
1362
- /* Inline Label */
1363
- .ui.form .inline.fields > label,
1364
- .ui.form .inline.fields .field > label,
1365
- .ui.form .inline.fields .field > p,
1366
- .ui.form .inline.field > label,
1367
- .ui.form .inline.field > p {
1368
- display: inline-block;
1369
- width: auto;
1370
- margin-top: 0em;
1371
- margin-bottom: 0em;
1372
- vertical-align: baseline;
1373
- font-size: 0.92857143em;
1374
- font-weight: bold;
1375
- color: rgba(0, 0, 0, 0.87);
1376
- text-transform: none; }
1377
-
1378
- /* Grouped Inline Label */
1379
- .ui.form .inline.fields > label {
1380
- margin: 0.035714em 1em 0em 0em; }
1381
-
1382
- /* Inline Input */
1383
- .ui.form .inline.fields .field > input,
1384
- .ui.form .inline.fields .field > select,
1385
- .ui.form .inline.field > input,
1386
- .ui.form .inline.field > select {
1387
- display: inline-block;
1388
- width: auto;
1389
- margin-top: 0em;
1390
- margin-bottom: 0em;
1391
- vertical-align: middle;
1392
- font-size: 1em; }
1393
-
1394
- /* Label */
1395
- .ui.form .inline.fields .field > :first-child,
1396
- .ui.form .inline.field > :first-child {
1397
- margin: 0em 0.85714286em 0em 0em; }
1398
-
1399
- .ui.form .inline.fields .field > :only-child,
1400
- .ui.form .inline.field > :only-child {
1401
- margin: 0em; }
1402
-
1403
- /* Wide */
1404
- .ui.form .inline.fields .wide.field {
1405
- display: -webkit-box;
1406
- display: -webkit-flex;
1407
- display: -ms-flexbox;
1408
- display: flex;
1409
- -webkit-box-align: center;
1410
- -webkit-align-items: center;
1411
- -ms-flex-align: center;
1412
- align-items: center; }
1413
-
1414
- .ui.form .inline.fields .wide.field > input,
1415
- .ui.form .inline.fields .wide.field > select {
1416
- width: 100%; }
1417
-
1418
- /*--------------------
1419
- Sizes
1420
- ---------------------*/
1421
- /* Standard */
1422
- .ui.small.form {
1423
- font-size: 0.92857143rem; }
1424
-
1425
- /* Medium */
1426
- .ui.form {
1427
- font-size: 1rem; }
1428
-
1429
- /* Large */
1430
- .ui.large.form {
1431
- font-size: 1.14285714rem; }
1432
-
1433
- /* Huge */
1434
- .ui.huge.form {
1435
- font-size: 1.42857143rem; }
1436
-
1437
- /*******************************
1438
- Theme Overrides
1439
- *******************************/
1440
- /*******************************
1441
- Site Overrides
1442
- *******************************/
1443
- /*!
1444
- * # Semantic UI 2.1.3 - Grid
1445
- * http://github.com/semantic-org/semantic-ui/
1446
- *
1447
- *
1448
- * Copyright 2015 Contributors
1449
- * Released under the MIT license
1450
- * http://opensource.org/licenses/MIT
1451
- *
1452
- */
1453
- /*******************************
1454
- Standard
1455
- *******************************/
1456
- .ui.grid {
1457
- display: -webkit-box;
1458
- display: -webkit-flex;
1459
- display: -ms-flexbox;
1460
- display: flex;
1461
- -webkit-box-orient: horizontal;
1462
- -webkit-box-direction: normal;
1463
- -webkit-flex-direction: row;
1464
- -ms-flex-direction: row;
1465
- flex-direction: row;
1466
- -webkit-flex-wrap: wrap;
1467
- -ms-flex-wrap: wrap;
1468
- flex-wrap: wrap;
1469
- -webkit-box-align: stretch;
1470
- -webkit-align-items: stretch;
1471
- -ms-flex-align: stretch;
1472
- align-items: stretch;
1473
- padding: 0em; }
1474
-
1475
- /*----------------------
1476
- Remove Gutters
1477
- -----------------------*/
1478
- .ui.grid {
1479
- margin-top: -1rem;
1480
- margin-bottom: -1rem;
1481
- margin-left: -1rem;
1482
- margin-right: -1rem; }
1483
-
1484
- .ui.relaxed.grid {
1485
- margin-left: -1.5rem;
1486
- margin-right: -1.5rem; }
1487
-
1488
- .ui[class*="very relaxed"].grid {
1489
- margin-left: -2.5rem;
1490
- margin-right: -2.5rem; }
1491
-
1492
- /* Preserve Rows Spacing on Consecutive Grids */
1493
- .ui.grid + .grid {
1494
- margin-top: 1rem; }
1495
-
1496
- /*-------------------
1497
- Columns
1498
- --------------------*/
1499
- /* Standard 16 column */
1500
- .ui.grid > .column:not(.row),
1501
- .ui.grid > .row > .column {
1502
- position: relative;
1503
- display: inline-block;
1504
- width: 6.25%;
1505
- padding-left: 1rem;
1506
- padding-right: 1rem;
1507
- vertical-align: top; }
1508
-
1509
- .ui.grid > * {
1510
- padding-left: 1rem;
1511
- padding-right: 1rem; }
1512
-
1513
- /*-------------------
1514
- Rows
1515
- --------------------*/
1516
- .ui.grid > .row {
1517
- position: relative;
1518
- display: -webkit-box;
1519
- display: -webkit-flex;
1520
- display: -ms-flexbox;
1521
- display: flex;
1522
- -webkit-box-orient: horizontal;
1523
- -webkit-box-direction: normal;
1524
- -webkit-flex-direction: row;
1525
- -ms-flex-direction: row;
1526
- flex-direction: row;
1527
- -webkit-flex-wrap: wrap;
1528
- -ms-flex-wrap: wrap;
1529
- flex-wrap: wrap;
1530
- -webkit-box-pack: inherit;
1531
- -webkit-justify-content: inherit;
1532
- -ms-flex-pack: inherit;
1533
- justify-content: inherit;
1534
- -webkit-box-align: stretch;
1535
- -webkit-align-items: stretch;
1536
- -ms-flex-align: stretch;
1537
- align-items: stretch;
1538
- width: 100% !important;
1539
- padding: 0rem;
1540
- padding-top: 1rem;
1541
- padding-bottom: 1rem; }
1542
-
1543
- /*-------------------
1544
- Columns
1545
- --------------------*/
1546
- /* Vertical padding when no rows */
1547
- .ui.grid > .column:not(.row) {
1548
- padding-top: 1rem;
1549
- padding-bottom: 1rem; }
1550
-
1551
- .ui.grid > .row > .column {
1552
- margin-top: 0em;
1553
- margin-bottom: 0em; }
1554
-
1555
- /*-------------------
1556
- Content
1557
- --------------------*/
1558
- .ui.grid > .row > img,
1559
- .ui.grid > .row > .column > img {
1560
- max-width: 100%; }
1561
-
1562
- /*-------------------
1563
- Loose Coupling
1564
- --------------------*/
1565
- /* Collapse Margin on Consecutive Grid */
1566
- .ui.grid > .ui.grid:first-child {
1567
- margin-top: 0em; }
1568
-
1569
- .ui.grid > .ui.grid:last-child {
1570
- margin-bottom: 0em; }
1571
-
1572
- /* Segment inside Aligned Grid */
1573
- .ui.grid .aligned.row > .column > .segment:not(.compact),
1574
- .ui.aligned.grid .column > .segment:not(.compact) {
1575
- width: 100%; }
1576
-
1577
- /* Align Dividers with Gutter */
1578
- .ui.grid .row + .ui.divider {
1579
- -webkit-box-flex: 1;
1580
- -webkit-flex-grow: 1;
1581
- -ms-flex-positive: 1;
1582
- flex-grow: 1;
1583
- margin: 1rem 1rem; }
1584
-
1585
- .ui.grid .column + .ui.vertical.divider {
1586
- height: calc(50% - 1rem ); }
1587
-
1588
- /* Remove Border on Last Horizontal Segment */
1589
- .ui.grid > .row > .column:last-child > .horizontal.segment,
1590
- .ui.grid > .column:last-child > .horizontal.segment {
1591
- box-shadow: none; }
1592
-
1593
- /*******************************
1594
- Variations
1595
- *******************************/
1596
- /*-----------------------
1597
- Page Grid
1598
- -------------------------*/
1599
- @media only screen and (max-width: 767px) {
1600
- .ui.page.grid {
1601
- width: auto;
1602
- padding-left: 0em;
1603
- padding-right: 0em;
1604
- margin-left: 0em;
1605
- margin-right: 0em; } }
1606
- @media only screen and (min-width: 768px) and (max-width: 991px) {
1607
- .ui.page.grid {
1608
- width: auto;
1609
- margin-left: 0em;
1610
- margin-right: 0em;
1611
- padding-left: 2em;
1612
- padding-right: 2em; } }
1613
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
1614
- .ui.page.grid {
1615
- width: auto;
1616
- margin-left: 0em;
1617
- margin-right: 0em;
1618
- padding-left: 3%;
1619
- padding-right: 3%; } }
1620
- @media only screen and (min-width: 1200px) and (max-width: 1919px) {
1621
- .ui.page.grid {
1622
- width: auto;
1623
- margin-left: 0em;
1624
- margin-right: 0em;
1625
- padding-left: 15%;
1626
- padding-right: 15%; } }
1627
- @media only screen and (min-width: 1920px) {
1628
- .ui.page.grid {
1629
- width: auto;
1630
- margin-left: 0em;
1631
- margin-right: 0em;
1632
- padding-left: 23%;
1633
- padding-right: 23%; } }
1634
- /*-------------------
1635
- Column Count
1636
- --------------------*/
1637
- /* Assume full width with one column */
1638
- .ui.grid > .column:only-child,
1639
- .ui.grid > .row > .column:only-child {
1640
- width: 100%; }
1641
-
1642
- /* Grid Based */
1643
- .ui[class*="one column"].grid > .row > .column,
1644
- .ui[class*="one column"].grid > .column:not(.row) {
1645
- width: 100%; }
1646
-
1647
- .ui[class*="two column"].grid > .row > .column,
1648
- .ui[class*="two column"].grid > .column:not(.row) {
1649
- width: 50%; }
1650
-
1651
- .ui[class*="three column"].grid > .row > .column,
1652
- .ui[class*="three column"].grid > .column:not(.row) {
1653
- width: 33.33333333%; }
1654
-
1655
- .ui[class*="four column"].grid > .row > .column,
1656
- .ui[class*="four column"].grid > .column:not(.row) {
1657
- width: 25%; }
1658
-
1659
- .ui[class*="five column"].grid > .row > .column,
1660
- .ui[class*="five column"].grid > .column:not(.row) {
1661
- width: 20%; }
1662
-
1663
- .ui[class*="six column"].grid > .row > .column,
1664
- .ui[class*="six column"].grid > .column:not(.row) {
1665
- width: 16.66666667%; }
1666
-
1667
- .ui[class*="seven column"].grid > .row > .column,
1668
- .ui[class*="seven column"].grid > .column:not(.row) {
1669
- width: 14.28571429%; }
1670
-
1671
- .ui[class*="eight column"].grid > .row > .column,
1672
- .ui[class*="eight column"].grid > .column:not(.row) {
1673
- width: 12.5%; }
1674
-
1675
- .ui[class*="nine column"].grid > .row > .column,
1676
- .ui[class*="nine column"].grid > .column:not(.row) {
1677
- width: 11.11111111%; }
1678
-
1679
- .ui[class*="ten column"].grid > .row > .column,
1680
- .ui[class*="ten column"].grid > .column:not(.row) {
1681
- width: 10%; }
1682
-
1683
- .ui[class*="eleven column"].grid > .row > .column,
1684
- .ui[class*="eleven column"].grid > .column:not(.row) {
1685
- width: 9.09090909%; }
1686
-
1687
- .ui[class*="twelve column"].grid > .row > .column,
1688
- .ui[class*="twelve column"].grid > .column:not(.row) {
1689
- width: 8.33333333%; }
1690
-
1691
- .ui[class*="thirteen column"].grid > .row > .column,
1692
- .ui[class*="thirteen column"].grid > .column:not(.row) {
1693
- width: 7.69230769%; }
1694
-
1695
- .ui[class*="fourteen column"].grid > .row > .column,
1696
- .ui[class*="fourteen column"].grid > .column:not(.row) {
1697
- width: 7.14285714%; }
1698
-
1699
- .ui[class*="fifteen column"].grid > .row > .column,
1700
- .ui[class*="fifteen column"].grid > .column:not(.row) {
1701
- width: 6.66666667%; }
1702
-
1703
- .ui[class*="sixteen column"].grid > .row > .column,
1704
- .ui[class*="sixteen column"].grid > .column:not(.row) {
1705
- width: 6.25%; }
1706
-
1707
- /* Row Based Overrides */
1708
- .ui.grid > [class*="one column"].row > .column {
1709
- width: 100% !important; }
1710
-
1711
- .ui.grid > [class*="two column"].row > .column {
1712
- width: 50% !important; }
1713
-
1714
- .ui.grid > [class*="three column"].row > .column {
1715
- width: 33.33333333% !important; }
1716
-
1717
- .ui.grid > [class*="four column"].row > .column {
1718
- width: 25% !important; }
1719
-
1720
- .ui.grid > [class*="five column"].row > .column {
1721
- width: 20% !important; }
1722
-
1723
- .ui.grid > [class*="six column"].row > .column {
1724
- width: 16.66666667% !important; }
1725
-
1726
- .ui.grid > [class*="seven column"].row > .column {
1727
- width: 14.28571429% !important; }
1728
-
1729
- .ui.grid > [class*="eight column"].row > .column {
1730
- width: 12.5% !important; }
1731
-
1732
- .ui.grid > [class*="nine column"].row > .column {
1733
- width: 11.11111111% !important; }
1734
-
1735
- .ui.grid > [class*="ten column"].row > .column {
1736
- width: 10% !important; }
1737
-
1738
- .ui.grid > [class*="eleven column"].row > .column {
1739
- width: 9.09090909% !important; }
1740
-
1741
- .ui.grid > [class*="twelve column"].row > .column {
1742
- width: 8.33333333% !important; }
1743
-
1744
- .ui.grid > [class*="thirteen column"].row > .column {
1745
- width: 7.69230769% !important; }
1746
-
1747
- .ui.grid > [class*="fourteen column"].row > .column {
1748
- width: 7.14285714% !important; }
1749
-
1750
- .ui.grid > [class*="fifteen column"].row > .column {
1751
- width: 6.66666667% !important; }
1752
-
1753
- .ui.grid > [class*="sixteen column"].row > .column {
1754
- width: 6.25% !important; }
1755
-
1756
- /* Celled Page */
1757
- .ui.celled.page.grid {
1758
- box-shadow: none; }
1759
-
1760
- /*-------------------
1761
- Column Width
1762
- --------------------*/
1763
- /* Sizing Combinations */
1764
- .ui.grid > .row > [class*="one wide"].column,
1765
- .ui.grid > .column.row > [class*="one wide"].column,
1766
- .ui.grid > [class*="one wide"].column,
1767
- .ui.column.grid > [class*="one wide"].column {
1768
- width: 6.25% !important; }
1769
-
1770
- .ui.grid > .row > [class*="two wide"].column,
1771
- .ui.grid > .column.row > [class*="two wide"].column,
1772
- .ui.grid > [class*="two wide"].column,
1773
- .ui.column.grid > [class*="two wide"].column {
1774
- width: 12.5% !important; }
1775
-
1776
- .ui.grid > .row > [class*="three wide"].column,
1777
- .ui.grid > .column.row > [class*="three wide"].column,
1778
- .ui.grid > [class*="three wide"].column,
1779
- .ui.column.grid > [class*="three wide"].column {
1780
- width: 18.75% !important; }
1781
-
1782
- .ui.grid > .row > [class*="four wide"].column,
1783
- .ui.grid > .column.row > [class*="four wide"].column,
1784
- .ui.grid > [class*="four wide"].column,
1785
- .ui.column.grid > [class*="four wide"].column {
1786
- width: 25% !important; }
1787
-
1788
- .ui.grid > .row > [class*="five wide"].column,
1789
- .ui.grid > .column.row > [class*="five wide"].column,
1790
- .ui.grid > [class*="five wide"].column,
1791
- .ui.column.grid > [class*="five wide"].column {
1792
- width: 31.25% !important; }
1793
-
1794
- .ui.grid > .row > [class*="six wide"].column,
1795
- .ui.grid > .column.row > [class*="six wide"].column,
1796
- .ui.grid > [class*="six wide"].column,
1797
- .ui.column.grid > [class*="six wide"].column {
1798
- width: 37.5% !important; }
1799
-
1800
- .ui.grid > .row > [class*="seven wide"].column,
1801
- .ui.grid > .column.row > [class*="seven wide"].column,
1802
- .ui.grid > [class*="seven wide"].column,
1803
- .ui.column.grid > [class*="seven wide"].column {
1804
- width: 43.75% !important; }
1805
-
1806
- .ui.grid > .row > [class*="eight wide"].column,
1807
- .ui.grid > .column.row > [class*="eight wide"].column,
1808
- .ui.grid > [class*="eight wide"].column,
1809
- .ui.column.grid > [class*="eight wide"].column {
1810
- width: 50% !important; }
1811
-
1812
- .ui.grid > .row > [class*="nine wide"].column,
1813
- .ui.grid > .column.row > [class*="nine wide"].column,
1814
- .ui.grid > [class*="nine wide"].column,
1815
- .ui.column.grid > [class*="nine wide"].column {
1816
- width: 56.25% !important; }
1817
-
1818
- .ui.grid > .row > [class*="ten wide"].column,
1819
- .ui.grid > .column.row > [class*="ten wide"].column,
1820
- .ui.grid > [class*="ten wide"].column,
1821
- .ui.column.grid > [class*="ten wide"].column {
1822
- width: 62.5% !important; }
1823
-
1824
- .ui.grid > .row > [class*="eleven wide"].column,
1825
- .ui.grid > .column.row > [class*="eleven wide"].column,
1826
- .ui.grid > [class*="eleven wide"].column,
1827
- .ui.column.grid > [class*="eleven wide"].column {
1828
- width: 68.75% !important; }
1829
-
1830
- .ui.grid > .row > [class*="twelve wide"].column,
1831
- .ui.grid > .column.row > [class*="twelve wide"].column,
1832
- .ui.grid > [class*="twelve wide"].column,
1833
- .ui.column.grid > [class*="twelve wide"].column {
1834
- width: 75% !important; }
1835
-
1836
- .ui.grid > .row > [class*="thirteen wide"].column,
1837
- .ui.grid > .column.row > [class*="thirteen wide"].column,
1838
- .ui.grid > [class*="thirteen wide"].column,
1839
- .ui.column.grid > [class*="thirteen wide"].column {
1840
- width: 81.25% !important; }
1841
-
1842
- .ui.grid > .row > [class*="fourteen wide"].column,
1843
- .ui.grid > .column.row > [class*="fourteen wide"].column,
1844
- .ui.grid > [class*="fourteen wide"].column,
1845
- .ui.column.grid > [class*="fourteen wide"].column {
1846
- width: 87.5% !important; }
1847
-
1848
- .ui.grid > .row > [class*="fifteen wide"].column,
1849
- .ui.grid > .column.row > [class*="fifteen wide"].column,
1850
- .ui.grid > [class*="fifteen wide"].column,
1851
- .ui.column.grid > [class*="fifteen wide"].column {
1852
- width: 93.75% !important; }
1853
-
1854
- .ui.grid > .row > [class*="sixteen wide"].column,
1855
- .ui.grid > .column.row > [class*="sixteen wide"].column,
1856
- .ui.grid > [class*="sixteen wide"].column,
1857
- .ui.column.grid > [class*="sixteen wide"].column {
1858
- width: 100% !important; }
1859
-
1860
- /*----------------------
1861
- Width per Device
1862
- -----------------------*/
1863
- /* Mobile Sizing Combinations */
1864
- @media only screen and (min-width: 320px) and (max-width: 767px) {
1865
- .ui.grid > .row > [class*="one wide mobile"].column,
1866
- .ui.grid > .column.row > [class*="one wide mobile"].column,
1867
- .ui.grid > [class*="one wide mobile"].column,
1868
- .ui.column.grid > [class*="one wide mobile"].column {
1869
- width: 6.25% !important; }
1870
-
1871
- .ui.grid > .row > [class*="two wide mobile"].column,
1872
- .ui.grid > .column.row > [class*="two wide mobile"].column,
1873
- .ui.grid > [class*="two wide mobile"].column,
1874
- .ui.column.grid > [class*="two wide mobile"].column {
1875
- width: 12.5% !important; }
1876
-
1877
- .ui.grid > .row > [class*="three wide mobile"].column,
1878
- .ui.grid > .column.row > [class*="three wide mobile"].column,
1879
- .ui.grid > [class*="three wide mobile"].column,
1880
- .ui.column.grid > [class*="three wide mobile"].column {
1881
- width: 18.75% !important; }
1882
-
1883
- .ui.grid > .row > [class*="four wide mobile"].column,
1884
- .ui.grid > .column.row > [class*="four wide mobile"].column,
1885
- .ui.grid > [class*="four wide mobile"].column,
1886
- .ui.column.grid > [class*="four wide mobile"].column {
1887
- width: 25% !important; }
1888
-
1889
- .ui.grid > .row > [class*="five wide mobile"].column,
1890
- .ui.grid > .column.row > [class*="five wide mobile"].column,
1891
- .ui.grid > [class*="five wide mobile"].column,
1892
- .ui.column.grid > [class*="five wide mobile"].column {
1893
- width: 31.25% !important; }
1894
-
1895
- .ui.grid > .row > [class*="six wide mobile"].column,
1896
- .ui.grid > .column.row > [class*="six wide mobile"].column,
1897
- .ui.grid > [class*="six wide mobile"].column,
1898
- .ui.column.grid > [class*="six wide mobile"].column {
1899
- width: 37.5% !important; }
1900
-
1901
- .ui.grid > .row > [class*="seven wide mobile"].column,
1902
- .ui.grid > .column.row > [class*="seven wide mobile"].column,
1903
- .ui.grid > [class*="seven wide mobile"].column,
1904
- .ui.column.grid > [class*="seven wide mobile"].column {
1905
- width: 43.75% !important; }
1906
-
1907
- .ui.grid > .row > [class*="eight wide mobile"].column,
1908
- .ui.grid > .column.row > [class*="eight wide mobile"].column,
1909
- .ui.grid > [class*="eight wide mobile"].column,
1910
- .ui.column.grid > [class*="eight wide mobile"].column {
1911
- width: 50% !important; }
1912
-
1913
- .ui.grid > .row > [class*="nine wide mobile"].column,
1914
- .ui.grid > .column.row > [class*="nine wide mobile"].column,
1915
- .ui.grid > [class*="nine wide mobile"].column,
1916
- .ui.column.grid > [class*="nine wide mobile"].column {
1917
- width: 56.25% !important; }
1918
-
1919
- .ui.grid > .row > [class*="ten wide mobile"].column,
1920
- .ui.grid > .column.row > [class*="ten wide mobile"].column,
1921
- .ui.grid > [class*="ten wide mobile"].column,
1922
- .ui.column.grid > [class*="ten wide mobile"].column {
1923
- width: 62.5% !important; }
1924
-
1925
- .ui.grid > .row > [class*="eleven wide mobile"].column,
1926
- .ui.grid > .column.row > [class*="eleven wide mobile"].column,
1927
- .ui.grid > [class*="eleven wide mobile"].column,
1928
- .ui.column.grid > [class*="eleven wide mobile"].column {
1929
- width: 68.75% !important; }
1930
-
1931
- .ui.grid > .row > [class*="twelve wide mobile"].column,
1932
- .ui.grid > .column.row > [class*="twelve wide mobile"].column,
1933
- .ui.grid > [class*="twelve wide mobile"].column,
1934
- .ui.column.grid > [class*="twelve wide mobile"].column {
1935
- width: 75% !important; }
1936
-
1937
- .ui.grid > .row > [class*="thirteen wide mobile"].column,
1938
- .ui.grid > .column.row > [class*="thirteen wide mobile"].column,
1939
- .ui.grid > [class*="thirteen wide mobile"].column,
1940
- .ui.column.grid > [class*="thirteen wide mobile"].column {
1941
- width: 81.25% !important; }
1942
-
1943
- .ui.grid > .row > [class*="fourteen wide mobile"].column,
1944
- .ui.grid > .column.row > [class*="fourteen wide mobile"].column,
1945
- .ui.grid > [class*="fourteen wide mobile"].column,
1946
- .ui.column.grid > [class*="fourteen wide mobile"].column {
1947
- width: 87.5% !important; }
1948
-
1949
- .ui.grid > .row > [class*="fifteen wide mobile"].column,
1950
- .ui.grid > .column.row > [class*="fifteen wide mobile"].column,
1951
- .ui.grid > [class*="fifteen wide mobile"].column,
1952
- .ui.column.grid > [class*="fifteen wide mobile"].column {
1953
- width: 93.75% !important; }
1954
-
1955
- .ui.grid > .row > [class*="sixteen wide mobile"].column,
1956
- .ui.grid > .column.row > [class*="sixteen wide mobile"].column,
1957
- .ui.grid > [class*="sixteen wide mobile"].column,
1958
- .ui.column.grid > [class*="sixteen wide mobile"].column {
1959
- width: 100% !important; } }
1960
- /* Tablet Sizing Combinations */
1961
- @media only screen and (min-width: 768px) and (max-width: 991px) {
1962
- .ui.grid > .row > [class*="one wide tablet"].column,
1963
- .ui.grid > .column.row > [class*="one wide tablet"].column,
1964
- .ui.grid > [class*="one wide tablet"].column,
1965
- .ui.column.grid > [class*="one wide tablet"].column {
1966
- width: 6.25% !important; }
1967
-
1968
- .ui.grid > .row > [class*="two wide tablet"].column,
1969
- .ui.grid > .column.row > [class*="two wide tablet"].column,
1970
- .ui.grid > [class*="two wide tablet"].column,
1971
- .ui.column.grid > [class*="two wide tablet"].column {
1972
- width: 12.5% !important; }
1973
-
1974
- .ui.grid > .row > [class*="three wide tablet"].column,
1975
- .ui.grid > .column.row > [class*="three wide tablet"].column,
1976
- .ui.grid > [class*="three wide tablet"].column,
1977
- .ui.column.grid > [class*="three wide tablet"].column {
1978
- width: 18.75% !important; }
1979
-
1980
- .ui.grid > .row > [class*="four wide tablet"].column,
1981
- .ui.grid > .column.row > [class*="four wide tablet"].column,
1982
- .ui.grid > [class*="four wide tablet"].column,
1983
- .ui.column.grid > [class*="four wide tablet"].column {
1984
- width: 25% !important; }
1985
-
1986
- .ui.grid > .row > [class*="five wide tablet"].column,
1987
- .ui.grid > .column.row > [class*="five wide tablet"].column,
1988
- .ui.grid > [class*="five wide tablet"].column,
1989
- .ui.column.grid > [class*="five wide tablet"].column {
1990
- width: 31.25% !important; }
1991
-
1992
- .ui.grid > .row > [class*="six wide tablet"].column,
1993
- .ui.grid > .column.row > [class*="six wide tablet"].column,
1994
- .ui.grid > [class*="six wide tablet"].column,
1995
- .ui.column.grid > [class*="six wide tablet"].column {
1996
- width: 37.5% !important; }
1997
-
1998
- .ui.grid > .row > [class*="seven wide tablet"].column,
1999
- .ui.grid > .column.row > [class*="seven wide tablet"].column,
2000
- .ui.grid > [class*="seven wide tablet"].column,
2001
- .ui.column.grid > [class*="seven wide tablet"].column {
2002
- width: 43.75% !important; }
2003
-
2004
- .ui.grid > .row > [class*="eight wide tablet"].column,
2005
- .ui.grid > .column.row > [class*="eight wide tablet"].column,
2006
- .ui.grid > [class*="eight wide tablet"].column,
2007
- .ui.column.grid > [class*="eight wide tablet"].column {
2008
- width: 50% !important; }
2009
-
2010
- .ui.grid > .row > [class*="nine wide tablet"].column,
2011
- .ui.grid > .column.row > [class*="nine wide tablet"].column,
2012
- .ui.grid > [class*="nine wide tablet"].column,
2013
- .ui.column.grid > [class*="nine wide tablet"].column {
2014
- width: 56.25% !important; }
2015
-
2016
- .ui.grid > .row > [class*="ten wide tablet"].column,
2017
- .ui.grid > .column.row > [class*="ten wide tablet"].column,
2018
- .ui.grid > [class*="ten wide tablet"].column,
2019
- .ui.column.grid > [class*="ten wide tablet"].column {
2020
- width: 62.5% !important; }
2021
-
2022
- .ui.grid > .row > [class*="eleven wide tablet"].column,
2023
- .ui.grid > .column.row > [class*="eleven wide tablet"].column,
2024
- .ui.grid > [class*="eleven wide tablet"].column,
2025
- .ui.column.grid > [class*="eleven wide tablet"].column {
2026
- width: 68.75% !important; }
2027
-
2028
- .ui.grid > .row > [class*="twelve wide tablet"].column,
2029
- .ui.grid > .column.row > [class*="twelve wide tablet"].column,
2030
- .ui.grid > [class*="twelve wide tablet"].column,
2031
- .ui.column.grid > [class*="twelve wide tablet"].column {
2032
- width: 75% !important; }
2033
-
2034
- .ui.grid > .row > [class*="thirteen wide tablet"].column,
2035
- .ui.grid > .column.row > [class*="thirteen wide tablet"].column,
2036
- .ui.grid > [class*="thirteen wide tablet"].column,
2037
- .ui.column.grid > [class*="thirteen wide tablet"].column {
2038
- width: 81.25% !important; }
2039
-
2040
- .ui.grid > .row > [class*="fourteen wide tablet"].column,
2041
- .ui.grid > .column.row > [class*="fourteen wide tablet"].column,
2042
- .ui.grid > [class*="fourteen wide tablet"].column,
2043
- .ui.column.grid > [class*="fourteen wide tablet"].column {
2044
- width: 87.5% !important; }
2045
-
2046
- .ui.grid > .row > [class*="fifteen wide tablet"].column,
2047
- .ui.grid > .column.row > [class*="fifteen wide tablet"].column,
2048
- .ui.grid > [class*="fifteen wide tablet"].column,
2049
- .ui.column.grid > [class*="fifteen wide tablet"].column {
2050
- width: 93.75% !important; }
2051
-
2052
- .ui.grid > .row > [class*="sixteen wide tablet"].column,
2053
- .ui.grid > .column.row > [class*="sixteen wide tablet"].column,
2054
- .ui.grid > [class*="sixteen wide tablet"].column,
2055
- .ui.column.grid > [class*="sixteen wide tablet"].column {
2056
- width: 100% !important; } }
2057
- /* Computer/Desktop Sizing Combinations */
2058
- @media only screen and (min-width: 992px) {
2059
- .ui.grid > .row > [class*="one wide computer"].column,
2060
- .ui.grid > .column.row > [class*="one wide computer"].column,
2061
- .ui.grid > [class*="one wide computer"].column,
2062
- .ui.column.grid > [class*="one wide computer"].column {
2063
- width: 6.25% !important; }
2064
-
2065
- .ui.grid > .row > [class*="two wide computer"].column,
2066
- .ui.grid > .column.row > [class*="two wide computer"].column,
2067
- .ui.grid > [class*="two wide computer"].column,
2068
- .ui.column.grid > [class*="two wide computer"].column {
2069
- width: 12.5% !important; }
2070
-
2071
- .ui.grid > .row > [class*="three wide computer"].column,
2072
- .ui.grid > .column.row > [class*="three wide computer"].column,
2073
- .ui.grid > [class*="three wide computer"].column,
2074
- .ui.column.grid > [class*="three wide computer"].column {
2075
- width: 18.75% !important; }
2076
-
2077
- .ui.grid > .row > [class*="four wide computer"].column,
2078
- .ui.grid > .column.row > [class*="four wide computer"].column,
2079
- .ui.grid > [class*="four wide computer"].column,
2080
- .ui.column.grid > [class*="four wide computer"].column {
2081
- width: 25% !important; }
2082
-
2083
- .ui.grid > .row > [class*="five wide computer"].column,
2084
- .ui.grid > .column.row > [class*="five wide computer"].column,
2085
- .ui.grid > [class*="five wide computer"].column,
2086
- .ui.column.grid > [class*="five wide computer"].column {
2087
- width: 31.25% !important; }
2088
-
2089
- .ui.grid > .row > [class*="six wide computer"].column,
2090
- .ui.grid > .column.row > [class*="six wide computer"].column,
2091
- .ui.grid > [class*="six wide computer"].column,
2092
- .ui.column.grid > [class*="six wide computer"].column {
2093
- width: 37.5% !important; }
2094
-
2095
- .ui.grid > .row > [class*="seven wide computer"].column,
2096
- .ui.grid > .column.row > [class*="seven wide computer"].column,
2097
- .ui.grid > [class*="seven wide computer"].column,
2098
- .ui.column.grid > [class*="seven wide computer"].column {
2099
- width: 43.75% !important; }
2100
-
2101
- .ui.grid > .row > [class*="eight wide computer"].column,
2102
- .ui.grid > .column.row > [class*="eight wide computer"].column,
2103
- .ui.grid > [class*="eight wide computer"].column,
2104
- .ui.column.grid > [class*="eight wide computer"].column {
2105
- width: 50% !important; }
2106
-
2107
- .ui.grid > .row > [class*="nine wide computer"].column,
2108
- .ui.grid > .column.row > [class*="nine wide computer"].column,
2109
- .ui.grid > [class*="nine wide computer"].column,
2110
- .ui.column.grid > [class*="nine wide computer"].column {
2111
- width: 56.25% !important; }
2112
-
2113
- .ui.grid > .row > [class*="ten wide computer"].column,
2114
- .ui.grid > .column.row > [class*="ten wide computer"].column,
2115
- .ui.grid > [class*="ten wide computer"].column,
2116
- .ui.column.grid > [class*="ten wide computer"].column {
2117
- width: 62.5% !important; }
2118
-
2119
- .ui.grid > .row > [class*="eleven wide computer"].column,
2120
- .ui.grid > .column.row > [class*="eleven wide computer"].column,
2121
- .ui.grid > [class*="eleven wide computer"].column,
2122
- .ui.column.grid > [class*="eleven wide computer"].column {
2123
- width: 68.75% !important; }
2124
-
2125
- .ui.grid > .row > [class*="twelve wide computer"].column,
2126
- .ui.grid > .column.row > [class*="twelve wide computer"].column,
2127
- .ui.grid > [class*="twelve wide computer"].column,
2128
- .ui.column.grid > [class*="twelve wide computer"].column {
2129
- width: 75% !important; }
2130
-
2131
- .ui.grid > .row > [class*="thirteen wide computer"].column,
2132
- .ui.grid > .column.row > [class*="thirteen wide computer"].column,
2133
- .ui.grid > [class*="thirteen wide computer"].column,
2134
- .ui.column.grid > [class*="thirteen wide computer"].column {
2135
- width: 81.25% !important; }
2136
-
2137
- .ui.grid > .row > [class*="fourteen wide computer"].column,
2138
- .ui.grid > .column.row > [class*="fourteen wide computer"].column,
2139
- .ui.grid > [class*="fourteen wide computer"].column,
2140
- .ui.column.grid > [class*="fourteen wide computer"].column {
2141
- width: 87.5% !important; }
2142
-
2143
- .ui.grid > .row > [class*="fifteen wide computer"].column,
2144
- .ui.grid > .column.row > [class*="fifteen wide computer"].column,
2145
- .ui.grid > [class*="fifteen wide computer"].column,
2146
- .ui.column.grid > [class*="fifteen wide computer"].column {
2147
- width: 93.75% !important; }
2148
-
2149
- .ui.grid > .row > [class*="sixteen wide computer"].column,
2150
- .ui.grid > .column.row > [class*="sixteen wide computer"].column,
2151
- .ui.grid > [class*="sixteen wide computer"].column,
2152
- .ui.column.grid > [class*="sixteen wide computer"].column {
2153
- width: 100% !important; } }
2154
- /* Large Monitor Sizing Combinations */
2155
- @media only screen and (min-width: 1200px) and (max-width: 1919px) {
2156
- .ui.grid > .row > [class*="one wide large screen"].column,
2157
- .ui.grid > .column.row > [class*="one wide large screen"].column,
2158
- .ui.grid > [class*="one wide large screen"].column,
2159
- .ui.column.grid > [class*="one wide large screen"].column {
2160
- width: 6.25% !important; }
2161
-
2162
- .ui.grid > .row > [class*="two wide large screen"].column,
2163
- .ui.grid > .column.row > [class*="two wide large screen"].column,
2164
- .ui.grid > [class*="two wide large screen"].column,
2165
- .ui.column.grid > [class*="two wide large screen"].column {
2166
- width: 12.5% !important; }
2167
-
2168
- .ui.grid > .row > [class*="three wide large screen"].column,
2169
- .ui.grid > .column.row > [class*="three wide large screen"].column,
2170
- .ui.grid > [class*="three wide large screen"].column,
2171
- .ui.column.grid > [class*="three wide large screen"].column {
2172
- width: 18.75% !important; }
2173
-
2174
- .ui.grid > .row > [class*="four wide large screen"].column,
2175
- .ui.grid > .column.row > [class*="four wide large screen"].column,
2176
- .ui.grid > [class*="four wide large screen"].column,
2177
- .ui.column.grid > [class*="four wide large screen"].column {
2178
- width: 25% !important; }
2179
-
2180
- .ui.grid > .row > [class*="five wide large screen"].column,
2181
- .ui.grid > .column.row > [class*="five wide large screen"].column,
2182
- .ui.grid > [class*="five wide large screen"].column,
2183
- .ui.column.grid > [class*="five wide large screen"].column {
2184
- width: 31.25% !important; }
2185
-
2186
- .ui.grid > .row > [class*="six wide large screen"].column,
2187
- .ui.grid > .column.row > [class*="six wide large screen"].column,
2188
- .ui.grid > [class*="six wide large screen"].column,
2189
- .ui.column.grid > [class*="six wide large screen"].column {
2190
- width: 37.5% !important; }
2191
-
2192
- .ui.grid > .row > [class*="seven wide large screen"].column,
2193
- .ui.grid > .column.row > [class*="seven wide large screen"].column,
2194
- .ui.grid > [class*="seven wide large screen"].column,
2195
- .ui.column.grid > [class*="seven wide large screen"].column {
2196
- width: 43.75% !important; }
2197
-
2198
- .ui.grid > .row > [class*="eight wide large screen"].column,
2199
- .ui.grid > .column.row > [class*="eight wide large screen"].column,
2200
- .ui.grid > [class*="eight wide large screen"].column,
2201
- .ui.column.grid > [class*="eight wide large screen"].column {
2202
- width: 50% !important; }
2203
-
2204
- .ui.grid > .row > [class*="nine wide large screen"].column,
2205
- .ui.grid > .column.row > [class*="nine wide large screen"].column,
2206
- .ui.grid > [class*="nine wide large screen"].column,
2207
- .ui.column.grid > [class*="nine wide large screen"].column {
2208
- width: 56.25% !important; }
2209
-
2210
- .ui.grid > .row > [class*="ten wide large screen"].column,
2211
- .ui.grid > .column.row > [class*="ten wide large screen"].column,
2212
- .ui.grid > [class*="ten wide large screen"].column,
2213
- .ui.column.grid > [class*="ten wide large screen"].column {
2214
- width: 62.5% !important; }
2215
-
2216
- .ui.grid > .row > [class*="eleven wide large screen"].column,
2217
- .ui.grid > .column.row > [class*="eleven wide large screen"].column,
2218
- .ui.grid > [class*="eleven wide large screen"].column,
2219
- .ui.column.grid > [class*="eleven wide large screen"].column {
2220
- width: 68.75% !important; }
2221
-
2222
- .ui.grid > .row > [class*="twelve wide large screen"].column,
2223
- .ui.grid > .column.row > [class*="twelve wide large screen"].column,
2224
- .ui.grid > [class*="twelve wide large screen"].column,
2225
- .ui.column.grid > [class*="twelve wide large screen"].column {
2226
- width: 75% !important; }
2227
-
2228
- .ui.grid > .row > [class*="thirteen wide large screen"].column,
2229
- .ui.grid > .column.row > [class*="thirteen wide large screen"].column,
2230
- .ui.grid > [class*="thirteen wide large screen"].column,
2231
- .ui.column.grid > [class*="thirteen wide large screen"].column {
2232
- width: 81.25% !important; }
2233
-
2234
- .ui.grid > .row > [class*="fourteen wide large screen"].column,
2235
- .ui.grid > .column.row > [class*="fourteen wide large screen"].column,
2236
- .ui.grid > [class*="fourteen wide large screen"].column,
2237
- .ui.column.grid > [class*="fourteen wide large screen"].column {
2238
- width: 87.5% !important; }
2239
-
2240
- .ui.grid > .row > [class*="fifteen wide large screen"].column,
2241
- .ui.grid > .column.row > [class*="fifteen wide large screen"].column,
2242
- .ui.grid > [class*="fifteen wide large screen"].column,
2243
- .ui.column.grid > [class*="fifteen wide large screen"].column {
2244
- width: 93.75% !important; }
2245
-
2246
- .ui.grid > .row > [class*="sixteen wide large screen"].column,
2247
- .ui.grid > .column.row > [class*="sixteen wide large screen"].column,
2248
- .ui.grid > [class*="sixteen wide large screen"].column,
2249
- .ui.column.grid > [class*="sixteen wide large screen"].column {
2250
- width: 100% !important; } }
2251
- /* Widescreen Sizing Combinations */
2252
- @media only screen and (min-width: 1920px) {
2253
- .ui.grid > .row > [class*="one wide widescreen"].column,
2254
- .ui.grid > .column.row > [class*="one wide widescreen"].column,
2255
- .ui.grid > [class*="one wide widescreen"].column,
2256
- .ui.column.grid > [class*="one wide widescreen"].column {
2257
- width: 6.25% !important; }
2258
-
2259
- .ui.grid > .row > [class*="two wide widescreen"].column,
2260
- .ui.grid > .column.row > [class*="two wide widescreen"].column,
2261
- .ui.grid > [class*="two wide widescreen"].column,
2262
- .ui.column.grid > [class*="two wide widescreen"].column {
2263
- width: 12.5% !important; }
2264
-
2265
- .ui.grid > .row > [class*="three wide widescreen"].column,
2266
- .ui.grid > .column.row > [class*="three wide widescreen"].column,
2267
- .ui.grid > [class*="three wide widescreen"].column,
2268
- .ui.column.grid > [class*="three wide widescreen"].column {
2269
- width: 18.75% !important; }
2270
-
2271
- .ui.grid > .row > [class*="four wide widescreen"].column,
2272
- .ui.grid > .column.row > [class*="four wide widescreen"].column,
2273
- .ui.grid > [class*="four wide widescreen"].column,
2274
- .ui.column.grid > [class*="four wide widescreen"].column {
2275
- width: 25% !important; }
2276
-
2277
- .ui.grid > .row > [class*="five wide widescreen"].column,
2278
- .ui.grid > .column.row > [class*="five wide widescreen"].column,
2279
- .ui.grid > [class*="five wide widescreen"].column,
2280
- .ui.column.grid > [class*="five wide widescreen"].column {
2281
- width: 31.25% !important; }
2282
-
2283
- .ui.grid > .row > [class*="six wide widescreen"].column,
2284
- .ui.grid > .column.row > [class*="six wide widescreen"].column,
2285
- .ui.grid > [class*="six wide widescreen"].column,
2286
- .ui.column.grid > [class*="six wide widescreen"].column {
2287
- width: 37.5% !important; }
2288
-
2289
- .ui.grid > .row > [class*="seven wide widescreen"].column,
2290
- .ui.grid > .column.row > [class*="seven wide widescreen"].column,
2291
- .ui.grid > [class*="seven wide widescreen"].column,
2292
- .ui.column.grid > [class*="seven wide widescreen"].column {
2293
- width: 43.75% !important; }
2294
-
2295
- .ui.grid > .row > [class*="eight wide widescreen"].column,
2296
- .ui.grid > .column.row > [class*="eight wide widescreen"].column,
2297
- .ui.grid > [class*="eight wide widescreen"].column,
2298
- .ui.column.grid > [class*="eight wide widescreen"].column {
2299
- width: 50% !important; }
2300
-
2301
- .ui.grid > .row > [class*="nine wide widescreen"].column,
2302
- .ui.grid > .column.row > [class*="nine wide widescreen"].column,
2303
- .ui.grid > [class*="nine wide widescreen"].column,
2304
- .ui.column.grid > [class*="nine wide widescreen"].column {
2305
- width: 56.25% !important; }
2306
-
2307
- .ui.grid > .row > [class*="ten wide widescreen"].column,
2308
- .ui.grid > .column.row > [class*="ten wide widescreen"].column,
2309
- .ui.grid > [class*="ten wide widescreen"].column,
2310
- .ui.column.grid > [class*="ten wide widescreen"].column {
2311
- width: 62.5% !important; }
2312
-
2313
- .ui.grid > .row > [class*="eleven wide widescreen"].column,
2314
- .ui.grid > .column.row > [class*="eleven wide widescreen"].column,
2315
- .ui.grid > [class*="eleven wide widescreen"].column,
2316
- .ui.column.grid > [class*="eleven wide widescreen"].column {
2317
- width: 68.75% !important; }
2318
-
2319
- .ui.grid > .row > [class*="twelve wide widescreen"].column,
2320
- .ui.grid > .column.row > [class*="twelve wide widescreen"].column,
2321
- .ui.grid > [class*="twelve wide widescreen"].column,
2322
- .ui.column.grid > [class*="twelve wide widescreen"].column {
2323
- width: 75% !important; }
2324
-
2325
- .ui.grid > .row > [class*="thirteen wide widescreen"].column,
2326
- .ui.grid > .column.row > [class*="thirteen wide widescreen"].column,
2327
- .ui.grid > [class*="thirteen wide widescreen"].column,
2328
- .ui.column.grid > [class*="thirteen wide widescreen"].column {
2329
- width: 81.25% !important; }
2330
-
2331
- .ui.grid > .row > [class*="fourteen wide widescreen"].column,
2332
- .ui.grid > .column.row > [class*="fourteen wide widescreen"].column,
2333
- .ui.grid > [class*="fourteen wide widescreen"].column,
2334
- .ui.column.grid > [class*="fourteen wide widescreen"].column {
2335
- width: 87.5% !important; }
2336
-
2337
- .ui.grid > .row > [class*="fifteen wide widescreen"].column,
2338
- .ui.grid > .column.row > [class*="fifteen wide widescreen"].column,
2339
- .ui.grid > [class*="fifteen wide widescreen"].column,
2340
- .ui.column.grid > [class*="fifteen wide widescreen"].column {
2341
- width: 93.75% !important; }
2342
-
2343
- .ui.grid > .row > [class*="sixteen wide widescreen"].column,
2344
- .ui.grid > .column.row > [class*="sixteen wide widescreen"].column,
2345
- .ui.grid > [class*="sixteen wide widescreen"].column,
2346
- .ui.column.grid > [class*="sixteen wide widescreen"].column {
2347
- width: 100% !important; } }
2348
- /*----------------------
2349
- Centered
2350
- -----------------------*/
2351
- .ui.centered.grid,
2352
- .ui.centered.grid > .row,
2353
- .ui.grid > .centered.row {
2354
- text-align: center;
2355
- -webkit-box-pack: center;
2356
- -webkit-justify-content: center;
2357
- -ms-flex-pack: center;
2358
- justify-content: center; }
2359
-
2360
- .ui.centered.grid > .column:not(.aligned):not(.row),
2361
- .ui.centered.grid > .row > .column:not(.aligned),
2362
- .ui.grid .centered.row > .column:not(.aligned) {
2363
- text-align: left; }
2364
-
2365
- .ui.grid > .centered.column,
2366
- .ui.grid > .row > .centered.column {
2367
- display: block;
2368
- margin-left: auto;
2369
- margin-right: auto; }
2370
-
2371
- /*----------------------
2372
- Relaxed
2373
- -----------------------*/
2374
- .ui.relaxed.grid > .column:not(.row),
2375
- .ui.relaxed.grid > .row > .column,
2376
- .ui.grid > .relaxed.row > .column {
2377
- padding-left: 1.5rem;
2378
- padding-right: 1.5rem; }
2379
-
2380
- .ui[class*="very relaxed"].grid > .column:not(.row),
2381
- .ui[class*="very relaxed"].grid > .row > .column,
2382
- .ui.grid > [class*="very relaxed"].row > .column {
2383
- padding-left: 2.5rem;
2384
- padding-right: 2.5rem; }
2385
-
2386
- /* Coupling with UI Divider */
2387
- .ui.relaxed.grid .row + .ui.divider,
2388
- .ui.grid .relaxed.row + .ui.divider {
2389
- margin-left: 1.5rem;
2390
- margin-right: 1.5rem; }
2391
-
2392
- .ui[class*="very relaxed"].grid .row + .ui.divider,
2393
- .ui.grid [class*="very relaxed"].row + .ui.divider {
2394
- margin-left: 2.5rem;
2395
- margin-right: 2.5rem; }
2396
-
2397
- /*----------------------
2398
- Padded
2399
- -----------------------*/
2400
- .ui.padded.grid:not(.vertically):not(.horizontally) {
2401
- margin: 0em !important; }
2402
-
2403
- [class*="horizontally padded"].ui.grid {
2404
- margin-left: 0em !important;
2405
- margin-right: 0em !important; }
2406
-
2407
- [class*="vertically padded"].ui.grid {
2408
- margin-top: 0em !important;
2409
- margin-bottom: 0em !important; }
2410
-
2411
- /*----------------------
2412
- "Floated"
2413
- -----------------------*/
2414
- .ui.grid [class*="left floated"].column {
2415
- margin-right: auto; }
2416
-
2417
- .ui.grid [class*="right floated"].column {
2418
- margin-left: auto; }
2419
-
2420
- /*----------------------
2421
- Divided
2422
- -----------------------*/
2423
- .ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
2424
- .ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
2425
- box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); }
2426
-
2427
- /* Swap from padding to margin on columns to have dividers align */
2428
- .ui[class*="vertically divided"].grid > .column:not(.row),
2429
- .ui[class*="vertically divided"].grid > .row > .column {
2430
- margin-top: 1rem;
2431
- margin-bottom: 1rem;
2432
- padding-top: 0rem;
2433
- padding-bottom: 0rem; }
2434
-
2435
- .ui[class*="vertically divided"].grid > .row {
2436
- margin-top: 0em;
2437
- margin-bottom: 0em; }
2438
-
2439
- /* No divider on first column on row */
2440
- .ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
2441
- .ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
2442
- box-shadow: none; }
2443
-
2444
- /* Divided Row */
2445
- .ui.grid > .divided.row > .column {
2446
- box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); }
2447
-
2448
- .ui.grid > .divided.row > .column:first-child {
2449
- box-shadow: none; }
2450
-
2451
- /* Vertically Divided */
2452
- .ui[class*="vertically divided"].grid > .row {
2453
- position: relative; }
2454
-
2455
- .ui[class*="vertically divided"].grid > .row:before {
2456
- position: absolute;
2457
- content: "";
2458
- top: 0em;
2459
- left: 0px;
2460
- width: calc(100% - 2rem );
2461
- height: 1px;
2462
- margin: 0% 1rem;
2463
- box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); }
2464
-
2465
- /* Padded Horizontally Divided */
2466
- [class*="horizontally padded"].ui.divided.grid,
2467
- .ui.padded.divided.grid:not(.vertically):not(.horizontally) {
2468
- width: 100%; }
2469
-
2470
- /* First Row Vertically Divided */
2471
- .ui[class*="vertically divided"].grid > .row:first-child:before {
2472
- box-shadow: none; }
2473
-
2474
- /* Inverted Divided */
2475
- .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
2476
- .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
2477
- box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1); }
2478
-
2479
- .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
2480
- .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
2481
- box-shadow: none; }
2482
-
2483
- .ui.inverted[class*="vertically divided"].grid > .row:before {
2484
- box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1); }
2485
-
2486
- /* Relaxed */
2487
- .ui.relaxed[class*="vertically divided"].grid > .row:before {
2488
- margin-left: 1.5rem;
2489
- margin-right: 1.5rem;
2490
- width: calc(100% - 3rem ); }
2491
-
2492
- .ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {
2493
- margin-left: 5rem;
2494
- margin-right: 5rem;
2495
- width: calc(100% - 5rem ); }
2496
-
2497
- /*----------------------
2498
- Celled
2499
- -----------------------*/
2500
- .ui.celled.grid {
2501
- width: 100%;
2502
- margin: 1em 0em;
2503
- box-shadow: 0px 0px 0px 1px #d4d4d5; }
2504
-
2505
- .ui.celled.grid > .row {
2506
- width: 100% !important;
2507
- margin: 0em;
2508
- padding: 0em;
2509
- box-shadow: 0px -1px 0px 0px #d4d4d5; }
2510
-
2511
- .ui.celled.grid > .column:not(.row),
2512
- .ui.celled.grid > .row > .column {
2513
- box-shadow: -1px 0px 0px 0px #d4d4d5; }
2514
-
2515
- .ui.celled.grid > .column:first-child,
2516
- .ui.celled.grid > .row > .column:first-child {
2517
- box-shadow: none; }
2518
-
2519
- .ui.celled.grid > .column:not(.row),
2520
- .ui.celled.grid > .row > .column {
2521
- padding: 1em; }
2522
-
2523
- .ui.relaxed.celled.grid > .column:not(.row),
2524
- .ui.relaxed.celled.grid > .row > .column {
2525
- padding: 1.5em; }
2526
-
2527
- .ui[class*="very relaxed"].celled.grid > .column:not(.row),
2528
- .ui[class*="very relaxed"].celled.grid > .row > .column {
2529
- padding: 2em; }
2530
-
2531
- /* Internally Celled */
2532
- .ui[class*="internally celled"].grid {
2533
- box-shadow: none;
2534
- margin: 0em; }
2535
-
2536
- .ui[class*="internally celled"].grid > .row:first-child {
2537
- box-shadow: none; }
2538
-
2539
- .ui[class*="internally celled"].grid > .row > .column:first-child {
2540
- box-shadow: none; }
2541
-
2542
- /*----------------------
2543
- Vertically Aligned
2544
- -----------------------*/
2545
- /* Top Aligned */
2546
- .ui[class*="top aligned"].grid > .column:not(.row),
2547
- .ui.grid > [class*="top aligned"].row > .column,
2548
- .ui.grid > [class*="top aligned"].column:not(.row),
2549
- .ui.grid > .row > [class*="top aligned"].column {
2550
- -webkit-box-orient: vertical;
2551
- -webkit-box-direction: normal;
2552
- -webkit-flex-direction: column;
2553
- -ms-flex-direction: column;
2554
- flex-direction: column;
2555
- vertical-align: top;
2556
- -webkit-align-self: flex-start !important;
2557
- -ms-flex-item-align: start !important;
2558
- align-self: flex-start !important; }
2559
-
2560
- /* Middle Aligned */
2561
- .ui[class*="middle aligned"].grid > .column:not(.row),
2562
- .ui.grid > [class*="middle aligned"].row > .column,
2563
- .ui.grid > [class*="middle aligned"].column:not(.row),
2564
- .ui.grid > .row > [class*="middle aligned"].column {
2565
- -webkit-box-orient: vertical;
2566
- -webkit-box-direction: normal;
2567
- -webkit-flex-direction: column;
2568
- -ms-flex-direction: column;
2569
- flex-direction: column;
2570
- vertical-align: middle;
2571
- -webkit-align-self: center !important;
2572
- -ms-flex-item-align: center !important;
2573
- align-self: center !important; }
2574
-
2575
- /* Bottom Aligned */
2576
- .ui[class*="bottom aligned"].grid > .column:not(.row),
2577
- .ui.grid > [class*="bottom aligned"].row > .column,
2578
- .ui.grid > [class*="bottom aligned"].column:not(.row),
2579
- .ui.grid > .row > [class*="bottom aligned"].column {
2580
- -webkit-box-orient: vertical;
2581
- -webkit-box-direction: normal;
2582
- -webkit-flex-direction: column;
2583
- -ms-flex-direction: column;
2584
- flex-direction: column;
2585
- vertical-align: bottom;
2586
- -webkit-align-self: flex-end !important;
2587
- -ms-flex-item-align: end !important;
2588
- align-self: flex-end !important; }
2589
-
2590
- /* Stretched */
2591
- .ui.stretched.grid > .row > .column,
2592
- .ui.stretched.grid > .column,
2593
- .ui.grid > .stretched.row > .column,
2594
- .ui.grid > .stretched.column:not(.row),
2595
- .ui.grid > .row > .stretched.column {
2596
- display: -webkit-inline-box !important;
2597
- display: -webkit-inline-flex !important;
2598
- display: -ms-inline-flexbox !important;
2599
- display: inline-flex !important;
2600
- -webkit-align-self: stretch;
2601
- -ms-flex-item-align: stretch;
2602
- align-self: stretch;
2603
- -webkit-box-orient: vertical;
2604
- -webkit-box-direction: normal;
2605
- -webkit-flex-direction: column;
2606
- -ms-flex-direction: column;
2607
- flex-direction: column; }
2608
-
2609
- .ui.stretched.grid > .row > .column > *,
2610
- .ui.stretched.grid > .column > *,
2611
- .ui.grid > .stretched.row > .column > *,
2612
- .ui.grid > .stretched.column:not(.row) > *,
2613
- .ui.grid > .row > .stretched.column > * {
2614
- -webkit-box-flex: 1;
2615
- -webkit-flex-grow: 1;
2616
- -ms-flex-positive: 1;
2617
- flex-grow: 1; }
2618
-
2619
- /*----------------------
2620
- Horizontally Centered
2621
- -----------------------*/
2622
- /* Left Aligned */
2623
- .ui[class*="left aligned"].grid .column,
2624
- .ui.grid > [class*="left aligned"].row > .column,
2625
- .ui.grid > [class*="left aligned"].column.column,
2626
- .ui.grid > .row > [class*="left aligned"].column {
2627
- text-align: left;
2628
- -webkit-align-self: inherit;
2629
- -ms-flex-item-align: inherit;
2630
- align-self: inherit; }
2631
-
2632
- /* Center Aligned */
2633
- .ui[class*="center aligned"].grid .column,
2634
- .ui.grid > [class*="center aligned"].row > .column,
2635
- .ui.grid > [class*="center aligned"].column.column,
2636
- .ui.grid > .row > [class*="center aligned"].column {
2637
- text-align: center;
2638
- -webkit-align-self: inherit;
2639
- -ms-flex-item-align: inherit;
2640
- align-self: inherit; }
2641
-
2642
- .ui[class*="center aligned"].grid {
2643
- -webkit-box-pack: center;
2644
- -webkit-justify-content: center;
2645
- -ms-flex-pack: center;
2646
- justify-content: center; }
2647
-
2648
- /* Right Aligned */
2649
- .ui[class*="right aligned"].grid .column,
2650
- .ui.grid > [class*="right aligned"].row > .column,
2651
- .ui.grid > [class*="right aligned"].column.column,
2652
- .ui.grid > .row > [class*="right aligned"].column {
2653
- text-align: right;
2654
- -webkit-align-self: inherit;
2655
- -ms-flex-item-align: inherit;
2656
- align-self: inherit; }
2657
-
2658
- /* Justified */
2659
- .ui.justified.grid,
2660
- .ui.justified.grid > .row > .column,
2661
- .ui.justified.grid > .column,
2662
- .ui.grid .justified.column,
2663
- .ui.grid > .justified.row > .column {
2664
- text-align: justify;
2665
- -webkit-hyphens: auto;
2666
- -moz-hyphens: auto;
2667
- -ms-hyphens: auto;
2668
- hyphens: auto; }
2669
-
2670
- .ui.grid .justified.column {
2671
- text-align: justify !important;
2672
- -webkit-hyphens: auto !important;
2673
- -moz-hyphens: auto !important;
2674
- -ms-hyphens: auto !important;
2675
- hyphens: auto !important; }
2676
-
2677
- /*----------------------
2678
- Colored
2679
- -----------------------*/
2680
- .ui.grid > .row > .red.column,
2681
- .ui.grid > .row > .orange.column,
2682
- .ui.grid > .row > .yellow.column,
2683
- .ui.grid > .row > .olive.column,
2684
- .ui.grid > .row > .green.column,
2685
- .ui.grid > .row > .teal.column,
2686
- .ui.grid > .row > .blue.column,
2687
- .ui.grid > .row > .violet.column,
2688
- .ui.grid > .row > .purple.column,
2689
- .ui.grid > .row > .pink.column,
2690
- .ui.grid > .row > .brown.column,
2691
- .ui.grid > .row > .grey.column,
2692
- .ui.grid > .row > .black.column {
2693
- margin-top: -1rem;
2694
- margin-bottom: -1rem;
2695
- padding-top: 1rem;
2696
- padding-bottom: 1rem; }
2697
-
2698
- /* Red */
2699
- .ui.grid > .red.row,
2700
- .ui.grid > .red.column,
2701
- .ui.grid > .row > .red.column {
2702
- background-color: #db2828 !important;
2703
- color: #ffffff; }
2704
-
2705
- /* Orange */
2706
- .ui.grid > .orange.row,
2707
- .ui.grid > .orange.column,
2708
- .ui.grid > .row > .orange.column {
2709
- background-color: #f2711c !important;
2710
- color: #ffffff; }
2711
-
2712
- /* Yellow */
2713
- .ui.grid > .yellow.row,
2714
- .ui.grid > .yellow.column,
2715
- .ui.grid > .row > .yellow.column {
2716
- background-color: #fbbd08 !important;
2717
- color: #ffffff; }
2718
-
2719
- /* Olive */
2720
- .ui.grid > .olive.row,
2721
- .ui.grid > .olive.column,
2722
- .ui.grid > .row > .olive.column {
2723
- background-color: #b5cc18 !important;
2724
- color: #ffffff; }
2725
-
2726
- /* Green */
2727
- .ui.grid > .green.row,
2728
- .ui.grid > .green.column,
2729
- .ui.grid > .row > .green.column {
2730
- background-color: #21ba45 !important;
2731
- color: #ffffff; }
2732
-
2733
- /* Teal */
2734
- .ui.grid > .teal.row,
2735
- .ui.grid > .teal.column,
2736
- .ui.grid > .row > .teal.column {
2737
- background-color: #00b5ad !important;
2738
- color: #ffffff; }
2739
-
2740
- /* Blue */
2741
- .ui.grid > .blue.row,
2742
- .ui.grid > .blue.column,
2743
- .ui.grid > .row > .blue.column {
2744
- background-color: #2185d0 !important;
2745
- color: #ffffff; }
2746
-
2747
- /* Violet */
2748
- .ui.grid > .violet.row,
2749
- .ui.grid > .violet.column,
2750
- .ui.grid > .row > .violet.column {
2751
- background-color: #6435c9 !important;
2752
- color: #ffffff; }
2753
-
2754
- /* Purple */
2755
- .ui.grid > .purple.row,
2756
- .ui.grid > .purple.column,
2757
- .ui.grid > .row > .purple.column {
2758
- background-color: #a333c8 !important;
2759
- color: #ffffff; }
2760
-
2761
- /* Pink */
2762
- .ui.grid > .pink.row,
2763
- .ui.grid > .pink.column,
2764
- .ui.grid > .row > .pink.column {
2765
- background-color: #e03997 !important;
2766
- color: #ffffff; }
2767
-
2768
- /* Brown */
2769
- .ui.grid > .brown.row,
2770
- .ui.grid > .brown.column,
2771
- .ui.grid > .row > .brown.column {
2772
- background-color: #a5673f !important;
2773
- color: #ffffff; }
2774
-
2775
- /* Grey */
2776
- .ui.grid > .grey.row,
2777
- .ui.grid > .grey.column,
2778
- .ui.grid > .row > .grey.column {
2779
- background-color: #767676 !important;
2780
- color: #ffffff; }
2781
-
2782
- /* Black */
2783
- .ui.grid > .black.row,
2784
- .ui.grid > .black.column,
2785
- .ui.grid > .row > .black.column {
2786
- background-color: #1b1c1d !important;
2787
- color: #ffffff; }
2788
-
2789
- /*----------------------
2790
- Equal Width
2791
- -----------------------*/
2792
- .ui[class*="equal width"].grid > .column:not(.row),
2793
- .ui[class*="equal width"].grid > .row > .column,
2794
- .ui.grid > [class*="equal width"].row > .column {
2795
- display: inline-block;
2796
- -webkit-box-flex: 1;
2797
- -webkit-flex-grow: 1;
2798
- -ms-flex-positive: 1;
2799
- flex-grow: 1; }
2800
-
2801
- .ui[class*="equal width"].grid > .wide.column,
2802
- .ui[class*="equal width"].grid > .row > .wide.column,
2803
- .ui.grid > [class*="equal width"].row > .wide.column {
2804
- -webkit-box-flex: 0;
2805
- -webkit-flex-grow: 0;
2806
- -ms-flex-positive: 0;
2807
- flex-grow: 0; }
2808
-
2809
- /*----------------------
2810
- Reverse
2811
- -----------------------*/
2812
- /* Mobile */
2813
- @media only screen and (max-width: 767px) {
2814
- .ui[class*="mobile reversed"].grid,
2815
- .ui[class*="mobile reversed"].grid > .row,
2816
- .ui.grid > [class*="mobile reversed"].row {
2817
- -webkit-box-orient: horizontal;
2818
- -webkit-box-direction: reverse;
2819
- -webkit-flex-direction: row-reverse;
2820
- -ms-flex-direction: row-reverse;
2821
- flex-direction: row-reverse; }
2822
-
2823
- .ui[class*="mobile vertically reversed"].grid,
2824
- .ui.stackable[class*="mobile reversed"] {
2825
- -webkit-box-orient: vertical;
2826
- -webkit-box-direction: reverse;
2827
- -webkit-flex-direction: column-reverse;
2828
- -ms-flex-direction: column-reverse;
2829
- flex-direction: column-reverse; }
2830
-
2831
- /* Divided Reversed */
2832
- .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
2833
- .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
2834
- box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); }
2835
-
2836
- .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
2837
- .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
2838
- box-shadow: none; }
2839
-
2840
- /* Vertically Divided Reversed */
2841
- .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {
2842
- box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); }
2843
-
2844
- .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before {
2845
- box-shadow: none; }
2846
-
2847
- /* Celled Reversed */
2848
- .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {
2849
- box-shadow: -1px 0px 0px 0px #d4d4d5; }
2850
-
2851
- .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
2852
- box-shadow: none; } }
2853
- /* Tablet */
2854
- @media only screen and (min-width: 768px) and (max-width: 991px) {
2855
- .ui[class*="tablet reversed"].grid,
2856
- .ui[class*="tablet reversed"].grid > .row,
2857
- .ui.grid > [class*="tablet reversed"].row {
2858
- -webkit-box-orient: horizontal;
2859
- -webkit-box-direction: reverse;
2860
- -webkit-flex-direction: row-reverse;
2861
- -ms-flex-direction: row-reverse;
2862
- flex-direction: row-reverse; }
2863
-
2864
- .ui[class*="tablet vertically reversed"].grid {
2865
- -webkit-box-orient: vertical;
2866
- -webkit-box-direction: reverse;
2867
- -webkit-flex-direction: column-reverse;
2868
- -ms-flex-direction: column-reverse;
2869
- flex-direction: column-reverse; }
2870
-
2871
- /* Divided Reversed */
2872
- .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
2873
- .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
2874
- box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); }
2875
-
2876
- .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
2877
- .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
2878
- box-shadow: none; }
2879
-
2880
- /* Vertically Divided Reversed */
2881
- .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {
2882
- box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); }
2883
-
2884
- .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before {
2885
- box-shadow: none; }
2886
-
2887
- /* Celled Reversed */
2888
- .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {
2889
- box-shadow: -1px 0px 0px 0px #d4d4d5; }
2890
-
2891
- .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
2892
- box-shadow: none; } }
2893
- /* Computer */
2894
- @media only screen and (min-width: 992px) {
2895
- .ui[class*="computer reversed"].grid,
2896
- .ui[class*="computer reversed"].grid > .row,
2897
- .ui.grid > [class*="computer reversed"].row {
2898
- -webkit-box-orient: horizontal;
2899
- -webkit-box-direction: reverse;
2900
- -webkit-flex-direction: row-reverse;
2901
- -ms-flex-direction: row-reverse;
2902
- flex-direction: row-reverse; }
2903
-
2904
- .ui[class*="computer vertically reversed"].grid {
2905
- -webkit-box-orient: vertical;
2906
- -webkit-box-direction: reverse;
2907
- -webkit-flex-direction: column-reverse;
2908
- -ms-flex-direction: column-reverse;
2909
- flex-direction: column-reverse; }
2910
-
2911
- /* Divided Reversed */
2912
- .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
2913
- .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
2914
- box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); }
2915
-
2916
- .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
2917
- .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
2918
- box-shadow: none; }
2919
-
2920
- /* Vertically Divided Reversed */
2921
- .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {
2922
- box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); }
2923
-
2924
- .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before {
2925
- box-shadow: none; }
2926
-
2927
- /* Celled Reversed */
2928
- .ui[class*="computer reversed"].celled.grid > .row > .column:first-child {
2929
- box-shadow: -1px 0px 0px 0px #d4d4d5; }
2930
-
2931
- .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
2932
- box-shadow: none; } }
2933
- /*-------------------
2934
- Doubling
2935
- --------------------*/
2936
- /* Tablet Only */
2937
- @media only screen and (min-width: 768px) and (max-width: 991px) {
2938
- .ui.doubling.grid {
2939
- width: auto; }
2940
-
2941
- .ui.grid > .doubling.row,
2942
- .ui.doubling.grid > .row {
2943
- margin: 0em !important;
2944
- padding: 0em !important; }
2945
-
2946
- .ui.grid > .doubling.row > .column,
2947
- .ui.doubling.grid > .row > .column {
2948
- display: inline-block !important;
2949
- padding-top: 1rem !important;
2950
- padding-bottom: 1rem !important;
2951
- box-shadow: none !important;
2952
- margin: 0em; }
2953
-
2954
- .ui[class*="two column"].doubling.grid > .row > .column,
2955
- .ui[class*="two column"].doubling.grid > .column:not(.row),
2956
- .ui.grid > [class*="two column"].doubling.row.row > .column {
2957
- width: 100% !important; }
2958
-
2959
- .ui[class*="three column"].doubling.grid > .row > .column,
2960
- .ui[class*="three column"].doubling.grid > .column:not(.row),
2961
- .ui.grid > [class*="three column"].doubling.row.row > .column {
2962
- width: 50% !important; }
2963
-
2964
- .ui[class*="four column"].doubling.grid > .row > .column,
2965
- .ui[class*="four column"].doubling.grid > .column:not(.row),
2966
- .ui.grid > [class*="four column"].doubling.row.row > .column {
2967
- width: 50% !important; }
2968
-
2969
- .ui[class*="five column"].doubling.grid > .row > .column,
2970
- .ui[class*="five column"].doubling.grid > .column:not(.row),
2971
- .ui.grid > [class*="five column"].doubling.row.row > .column {
2972
- width: 33.33333333% !important; }
2973
-
2974
- .ui[class*="six column"].doubling.grid > .row > .column,
2975
- .ui[class*="six column"].doubling.grid > .column:not(.row),
2976
- .ui.grid > [class*="six column"].doubling.row.row > .column {
2977
- width: 33.33333333% !important; }
2978
-
2979
- .ui[class*="seven column"].doubling.grid > .row > .column,
2980
- .ui[class*="seven column"].doubling.grid > .column:not(.row),
2981
- .ui.grid > [class*="seven column"].doubling.row.row > .column {
2982
- width: 33.33333333% !important; }
2983
-
2984
- .ui[class*="eight column"].doubling.grid > .row > .column,
2985
- .ui[class*="eight column"].doubling.grid > .column:not(.row),
2986
- .ui.grid > [class*="eight column"].doubling.row.row > .column {
2987
- width: 25% !important; }
2988
-
2989
- .ui[class*="nine column"].doubling.grid > .row > .column,
2990
- .ui[class*="nine column"].doubling.grid > .column:not(.row),
2991
- .ui.grid > [class*="nine column"].doubling.row.row > .column {
2992
- width: 25% !important; }
2993
-
2994
- .ui[class*="ten column"].doubling.grid > .row > .column,
2995
- .ui[class*="ten column"].doubling.grid > .column:not(.row),
2996
- .ui.grid > [class*="ten column"].doubling.row.row > .column {
2997
- width: 20% !important; }
2998
-
2999
- .ui[class*="eleven column"].doubling.grid > .row > .column,
3000
- .ui[class*="eleven column"].doubling.grid > .column:not(.row),
3001
- .ui.grid > [class*="eleven column"].doubling.row.row > .column {
3002
- width: 20% !important; }
3003
-
3004
- .ui[class*="twelve column"].doubling.grid > .row > .column,
3005
- .ui[class*="twelve column"].doubling.grid > .column:not(.row),
3006
- .ui.grid > [class*="twelve column"].doubling.row.row > .column {
3007
- width: 16.66666667% !important; }
3008
-
3009
- .ui[class*="thirteen column"].doubling.grid > .row > .column,
3010
- .ui[class*="thirteen column"].doubling.grid > .column:not(.row),
3011
- .ui.grid > [class*="thirteen column"].doubling.row.row > .column {
3012
- width: 16.66666667% !important; }
3013
-
3014
- .ui[class*="fourteen column"].doubling.grid > .row > .column,
3015
- .ui[class*="fourteen column"].doubling.grid > .column:not(.row),
3016
- .ui.grid > [class*="fourteen column"].doubling.row.row > .column {
3017
- width: 14.28571429% !important; }
3018
-
3019
- .ui[class*="fifteen column"].doubling.grid > .row > .column,
3020
- .ui[class*="fifteen column"].doubling.grid > .column:not(.row),
3021
- .ui.grid > [class*="fifteen column"].doubling.row.row > .column {
3022
- width: 14.28571429% !important; }
3023
-
3024
- .ui[class*="sixteen column"].doubling.grid > .row > .column,
3025
- .ui[class*="sixteen column"].doubling.grid > .column:not(.row),
3026
- .ui.grid > [class*="sixteen column"].doubling.row.row > .column {
3027
- width: 12.5% !important; } }
3028
- /* Mobily Only */
3029
- @media only screen and (max-width: 767px) {
3030
- .ui.grid > .doubling.row,
3031
- .ui.doubling.grid > .row {
3032
- margin: 0em !important;
3033
- padding: 0em !important; }
3034
-
3035
- .ui.grid > .doubling.row > .column,
3036
- .ui.doubling.grid > .row > .column {
3037
- padding-top: 1rem !important;
3038
- padding-bottom: 1rem !important;
3039
- margin: 0em !important;
3040
- box-shadow: none !important; }
3041
-
3042
- .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,
3043
- .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row),
3044
- .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column {
3045
- width: 100% !important; }
3046
-
3047
- .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column,
3048
- .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row),
3049
- .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column {
3050
- width: 50% !important; }
3051
-
3052
- .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column,
3053
- .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row),
3054
- .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column {
3055
- width: 50% !important; }
3056
-
3057
- .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column,
3058
- .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row),
3059
- .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column {
3060
- width: 50% !important; }
3061
-
3062
- .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column,
3063
- .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row),
3064
- .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column {
3065
- width: 50% !important; }
3066
-
3067
- .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column,
3068
- .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row),
3069
- .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column {
3070
- width: 50% !important; }
3071
-
3072
- .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column,
3073
- .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row),
3074
- .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column {
3075
- width: 50% !important; }
3076
-
3077
- .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column,
3078
- .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row),
3079
- .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column {
3080
- width: 33.33333333% !important; }
3081
-
3082
- .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column,
3083
- .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row),
3084
- .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column {
3085
- width: 33.33333333% !important; }
3086
-
3087
- .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column,
3088
- .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row),
3089
- .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column {
3090
- width: 33.33333333% !important; }
3091
-
3092
- .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column,
3093
- .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row),
3094
- .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column {
3095
- width: 33.33333333% !important; }
3096
-
3097
- .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column,
3098
- .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row),
3099
- .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column {
3100
- width: 33.33333333% !important; }
3101
-
3102
- .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column,
3103
- .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row),
3104
- .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column {
3105
- width: 25% !important; }
3106
-
3107
- .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column,
3108
- .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row),
3109
- .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column {
3110
- width: 25% !important; }
3111
-
3112
- .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column,
3113
- .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row),
3114
- .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column {
3115
- width: 25% !important; } }
3116
- /*-------------------
3117
- Stackable
3118
- --------------------*/
3119
- @media only screen and (max-width: 767px) {
3120
- .ui.stackable.grid {
3121
- width: auto;
3122
- margin-left: 0em !important;
3123
- margin-right: 0em !important; }
3124
-
3125
- .ui.stackable.grid > .row > .wide.column,
3126
- .ui.stackable.grid > .wide.column,
3127
- .ui.stackable.grid > .column.grid > .column,
3128
- .ui.stackable.grid > .column.row > .column,
3129
- .ui.stackable.grid > .row > .column,
3130
- .ui.stackable.grid > .column:not(.row),
3131
- .ui.grid > .stackable.stackable.row > .column {
3132
- width: 100% !important;
3133
- margin: 0em 0em !important;
3134
- box-shadow: none !important;
3135
- padding: 1rem 1rem !important; }
3136
-
3137
- .ui.stackable.grid:not(.vertically) > .row {
3138
- margin: 0em;
3139
- padding: 0em; }
3140
-
3141
- /* Coupling */
3142
- .ui.container > .ui.stackable.grid > .column,
3143
- .ui.container > .ui.stackable.grid > .row > .column {
3144
- padding-left: 0em !important;
3145
- padding-right: 0em !important; }
3146
-
3147
- /* Don't pad inside segment or nested grid */
3148
- .ui.grid .ui.stackable.grid,
3149
- .ui.segment:not(.vertical) .ui.stackable.page.grid {
3150
- margin-left: -1rem !important;
3151
- margin-right: -1rem !important; }
3152
-
3153
- /* Divided Stackable */
3154
- .ui.stackable.divided.grid > .row:first-child > .column:first-child,
3155
- .ui.stackable.celled.grid > .row:first-child > .column:first-child,
3156
- .ui.stackable.divided.grid > .column:not(.row):first-child,
3157
- .ui.stackable.celled.grid > .column:not(.row):first-child {
3158
- border-top: none !important; }
3159
-
3160
- .ui.inverted.stackable.celled.grid > .column:not(.row),
3161
- .ui.inverted.stackable.divided.grid > .column:not(.row),
3162
- .ui.inverted.stackable.celled.grid > .row > .column,
3163
- .ui.inverted.stackable.divided.grid > .row > .column {
3164
- border-top: 1px solid rgba(255, 255, 255, 0.1); }
3165
-
3166
- .ui.stackable.celled.grid > .column:not(.row),
3167
- .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
3168
- .ui.stackable.celled.grid > .row > .column,
3169
- .ui.stackable.divided:not(.vertically).grid > .row > .column {
3170
- border-top: 1px solid rgba(34, 36, 38, 0.15);
3171
- box-shadow: none !important;
3172
- padding-top: 2rem !important;
3173
- padding-bottom: 2rem !important; }
3174
-
3175
- .ui.stackable.celled.grid > .row {
3176
- box-shadow: none !important; }
3177
-
3178
- .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
3179
- .ui.stackable.divided:not(.vertically).grid > .row > .column {
3180
- padding-left: 0em !important;
3181
- padding-right: 0em !important; } }
3182
- /*----------------------
3183
- Only (Device)
3184
- -----------------------*/
3185
- /* These include arbitrary class repetitions for forced specificity */
3186
- /* Mobile Only Hide */
3187
- @media only screen and (max-width: 767px) {
3188
- .ui.tablet:not(.mobile).only.grid.grid.grid,
3189
- .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
3190
- .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
3191
- .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) {
3192
- display: none !important; }
3193
-
3194
- .ui[class*="computer only"].grid.grid.grid:not(.mobile),
3195
- .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile),
3196
- .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile),
3197
- .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) {
3198
- display: none !important; }
3199
-
3200
- .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
3201
- .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
3202
- .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
3203
- .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
3204
- display: none !important; }
3205
-
3206
- .ui[class*="widescreen"].grid.grid.grid:not(.mobile),
3207
- .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
3208
- .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
3209
- .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
3210
- display: none !important; } }
3211
- /* Tablet Only Hide */
3212
- @media only screen and (min-width: 768px) and (max-width: 991px) {
3213
- .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
3214
- .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
3215
- .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
3216
- .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) {
3217
- display: none !important; }
3218
-
3219
- .ui[class*="computer only"].grid.grid.grid:not(.tablet),
3220
- .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet),
3221
- .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet),
3222
- .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) {
3223
- display: none !important; }
3224
-
3225
- .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
3226
- .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
3227
- .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
3228
- .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
3229
- display: none !important; }
3230
-
3231
- .ui[class*="widescreen"].grid.grid.grid:not(.mobile),
3232
- .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
3233
- .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
3234
- .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
3235
- display: none !important; } }
3236
- /* Computer Only Hide */
3237
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
3238
- .ui[class*="mobile only"].grid.grid.grid:not(.computer),
3239
- .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
3240
- .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
3241
- .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
3242
- display: none !important; }
3243
-
3244
- .ui[class*="tablet only"].grid.grid.grid:not(.computer),
3245
- .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
3246
- .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
3247
- .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
3248
- display: none !important; }
3249
-
3250
- .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
3251
- .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
3252
- .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
3253
- .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
3254
- display: none !important; }
3255
-
3256
- .ui[class*="widescreen"].grid.grid.grid:not(.mobile),
3257
- .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
3258
- .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
3259
- .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
3260
- display: none !important; } }
3261
- /* Large Screen Only Hide */
3262
- @media only screen and (min-width: 1200px) and (max-width: 1919px) {
3263
- .ui[class*="mobile only"].grid.grid.grid:not(.computer),
3264
- .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
3265
- .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
3266
- .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
3267
- display: none !important; }
3268
-
3269
- .ui[class*="tablet only"].grid.grid.grid:not(.computer),
3270
- .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
3271
- .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
3272
- .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
3273
- display: none !important; }
3274
-
3275
- .ui[class*="widescreen"].grid.grid.grid:not(.mobile),
3276
- .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
3277
- .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
3278
- .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
3279
- display: none !important; } }
3280
- /* Widescreen Only Hide */
3281
- @media only screen and (min-width: 1920px) {
3282
- .ui[class*="mobile only"].grid.grid.grid:not(.computer),
3283
- .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
3284
- .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
3285
- .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
3286
- display: none !important; }
3287
-
3288
- .ui[class*="tablet only"].grid.grid.grid:not(.computer),
3289
- .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
3290
- .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
3291
- .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
3292
- display: none !important; } }
3293
- /*******************************
3294
- Theme Overrides
3295
- *******************************/
3296
- /*******************************
3297
- Site Overrides
3298
- *******************************/
3299
- /*
3300
- * # Semantic - Menu
3301
- * http://github.com/semantic-org/semantic-ui/
3302
- *
3303
- *
3304
- * Copyright 2015 Contributor
3305
- * Released under the MIT license
3306
- * http://opensource.org/licenses/MIT
3307
- *
3308
- */
3309
- /*******************************
3310
- Standard
3311
- *******************************/
3312
- /*--------------
3313
- Menu
3314
- ---------------*/
3315
- .ui.menu {
3316
- display: -webkit-box;
3317
- display: -webkit-flex;
3318
- display: -ms-flexbox;
3319
- display: flex;
3320
- margin: 1rem 0em;
3321
- font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
3322
- background: #ffffff;
3323
- font-weight: normal;
3324
- border: 1px solid rgba(34, 36, 38, 0.15);
3325
- box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
3326
- border-radius: 0.28571429rem;
3327
- min-height: 2.85714286em; }
3328
-
3329
- .ui.menu:after {
3330
- content: '';
3331
- display: block;
3332
- height: 0px;
3333
- clear: both;
3334
- visibility: hidden; }
3335
-
3336
- .ui.menu:first-child {
3337
- margin-top: 0rem; }
3338
-
3339
- .ui.menu:last-child {
3340
- margin-bottom: 0rem; }
3341
-
3342
- /*--------------
3343
- Sub-Menu
3344
- ---------------*/
3345
- .ui.menu .menu {
3346
- margin: 0em; }
3347
-
3348
- .ui.menu:not(.vertical) > .menu {
3349
- display: -webkit-box;
3350
- display: -webkit-flex;
3351
- display: -ms-flexbox;
3352
- display: flex; }
3353
-
3354
- /*--------------
3355
- Item
3356
- ---------------*/
3357
- .ui.menu:not(.vertical) .item {
3358
- display: -webkit-box;
3359
- display: -webkit-flex;
3360
- display: -ms-flexbox;
3361
- display: flex;
3362
- -webkit-box-align: center;
3363
- -webkit-align-items: center;
3364
- -ms-flex-align: center;
3365
- align-items: center; }
3366
-
3367
- .ui.menu .item {
3368
- position: relative;
3369
- vertical-align: middle;
3370
- line-height: 1;
3371
- text-decoration: none;
3372
- -webkit-tap-highlight-color: transparent;
3373
- -webkit-box-flex: 0;
3374
- -webkit-flex: 0 0 auto;
3375
- -ms-flex: 0 0 auto;
3376
- flex: 0 0 auto;
3377
- -webkit-user-select: none;
3378
- -moz-user-select: none;
3379
- -ms-user-select: none;
3380
- user-select: none;
3381
- background: none;
3382
- padding: 0.92857143em 1.14285714em;
3383
- text-transform: none;
3384
- color: rgba(0, 0, 0, 0.87);
3385
- font-weight: normal;
3386
- -webkit-transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
3387
- transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease; }
3388
-
3389
- .ui.menu > .item:first-child {
3390
- border-radius: 0.28571429rem 0px 0px 0.28571429rem; }
3391
-
3392
- /* Border */
3393
- .ui.menu .item:before {
3394
- position: absolute;
3395
- content: '';
3396
- top: 0%;
3397
- right: 0px;
3398
- height: 100%;
3399
- width: 1px;
3400
- background: rgba(34, 36, 38, 0.1); }
3401
-
3402
- /*--------------
3403
- Text Content
3404
- ---------------*/
3405
- .ui.menu .text.item > *,
3406
- .ui.menu .item > a:not(.ui),
3407
- .ui.menu .item > p:only-child {
3408
- -webkit-user-select: text;
3409
- -moz-user-select: text;
3410
- -ms-user-select: text;
3411
- user-select: text;
3412
- line-height: 1.3; }
3413
-
3414
- .ui.menu .item > p:first-child {
3415
- margin-top: 0; }
3416
-
3417
- .ui.menu .item > p:last-child {
3418
- margin-bottom: 0; }
3419
-
3420
- /*--------------
3421
- Icons
3422
- ---------------*/
3423
- .ui.menu .item > i.icon {
3424
- opacity: 0.9;
3425
- float: none;
3426
- margin: 0em 0.35714286em 0em 0em; }
3427
-
3428
- /*--------------
3429
- Button
3430
- ---------------*/
3431
- .ui.menu:not(.vertical) .item > .button {
3432
- position: relative;
3433
- top: 0em;
3434
- margin: -0.5em 0em;
3435
- padding-bottom: 0.71428571em;
3436
- padding-top: 0.71428571em;
3437
- font-size: 1em; }
3438
-
3439
- /*----------------
3440
- Grid / Container
3441
- -----------------*/
3442
- .ui.menu > .grid,
3443
- .ui.menu > .container {
3444
- display: -webkit-box;
3445
- display: -webkit-flex;
3446
- display: -ms-flexbox;
3447
- display: flex;
3448
- -webkit-box-align: inherit;
3449
- -webkit-align-items: inherit;
3450
- -ms-flex-align: inherit;
3451
- align-items: inherit;
3452
- -webkit-box-orient: vertical;
3453
- -webkit-box-direction: normal;
3454
- -webkit-flex-direction: inherit;
3455
- -ms-flex-direction: inherit;
3456
- flex-direction: inherit; }
3457
-
3458
- /*--------------
3459
- Inputs
3460
- ---------------*/
3461
- .ui.menu .item > .input {
3462
- width: 100%; }
3463
-
3464
- .ui.menu:not(.vertical) .item > .input {
3465
- position: relative;
3466
- top: 0em;
3467
- margin: -0.5em 0em; }
3468
-
3469
- .ui.menu .item > .input input {
3470
- font-size: 1em;
3471
- padding-top: 0.57142857em;
3472
- padding-bottom: 0.57142857em; }
3473
-
3474
- /*--------------
3475
- Header
3476
- ---------------*/
3477
- .ui.menu .header.item,
3478
- .ui.vertical.menu .header.item {
3479
- margin: 0em;
3480
- background: '';
3481
- text-transform: normal;
3482
- font-weight: bold; }
3483
-
3484
- .ui.vertical.menu .item > .header:not(.ui) {
3485
- margin: 0em 0em 0.5em;
3486
- font-size: 1em;
3487
- font-weight: bold; }
3488
-
3489
- /*--------------
3490
- Popup
3491
- ---------------*/
3492
- .ui.menu .ui.popup {
3493
- display: none; }
3494
-
3495
- .ui.menu .ui.visible.popup {
3496
- display: block; }
3497
-
3498
- /*--------------
3499
- Dropdowns
3500
- ---------------*/
3501
- /* Dropdown Icon */
3502
- .ui.menu .item > i.dropdown.icon {
3503
- padding: 0em;
3504
- float: right;
3505
- margin: 0em 0em 0em 1em; }
3506
-
3507
- /* Menu */
3508
- .ui.menu .dropdown.item .menu {
3509
- left: 0px;
3510
- min-width: calc(100% - 1px);
3511
- border-radius: 0em 0em 0.28571429rem 0.28571429rem;
3512
- background: #ffffff;
3513
- margin: 0em 0px 0px;
3514
- box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
3515
- -webkit-box-orient: vertical !important;
3516
- -webkit-box-direction: normal !important;
3517
- -webkit-flex-direction: column !important;
3518
- -ms-flex-direction: column !important;
3519
- flex-direction: column !important; }
3520
-
3521
- /* Menu Items */
3522
- .ui.menu .ui.dropdown .menu > .item {
3523
- margin: 0;
3524
- text-align: left;
3525
- font-size: 1em !important;
3526
- padding: 0.71428571em 1.14285714em !important;
3527
- background: transparent !important;
3528
- color: rgba(0, 0, 0, 0.87) !important;
3529
- text-transform: none !important;
3530
- font-weight: normal !important;
3531
- box-shadow: none !important;
3532
- -webkit-transition: none !important;
3533
- transition: none !important; }
3534
-
3535
- .ui.menu .ui.dropdown .menu > .item:hover {
3536
- background: rgba(0, 0, 0, 0.05) !important;
3537
- color: rgba(0, 0, 0, 0.95) !important; }
3538
-
3539
- .ui.menu .ui.dropdown .menu > .selected.item {
3540
- background: rgba(0, 0, 0, 0.05) !important;
3541
- color: rgba(0, 0, 0, 0.95) !important; }
3542
-
3543
- .ui.menu .ui.dropdown .menu > .active.item {
3544
- background: rgba(0, 0, 0, 0.03) !important;
3545
- font-weight: bold !important;
3546
- color: rgba(0, 0, 0, 0.95) !important; }
3547
-
3548
- .ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
3549
- display: block; }
3550
-
3551
- .ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) {
3552
- display: inline-block;
3553
- font-size: 1em !important;
3554
- float: none;
3555
- margin: 0em 0.75em 0em 0em; }
3556
-
3557
- /* Secondary */
3558
- .ui.secondary.menu .dropdown.item > .menu,
3559
- .ui.text.menu .dropdown.item > .menu {
3560
- border-radius: 0.28571429rem;
3561
- margin-top: 0.35714286em; }
3562
-
3563
- /* Pointing */
3564
- .ui.menu .pointing.dropdown.item .menu {
3565
- margin-top: 0.75em; }
3566
-
3567
- /* Inverted */
3568
- .ui.inverted.menu .search.dropdown.item > .search,
3569
- .ui.inverted.menu .search.dropdown.item > .text {
3570
- color: rgba(255, 255, 255, 0.9); }
3571
-
3572
- /* Vertical */
3573
- .ui.vertical.menu .dropdown.item > .icon {
3574
- float: right;
3575
- content: "\f0da";
3576
- margin-left: 1em; }
3577
-
3578
- .ui.vertical.menu .dropdown.item .menu {
3579
- top: 0% !important;
3580
- left: 100%;
3581
- min-width: 0;
3582
- margin: 0em 0em 0em 0em;
3583
- box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
3584
- border-radius: 0em 0.28571429rem 0.28571429rem 0.28571429rem; }
3585
-
3586
- .ui.vertical.menu .active.dropdown.item {
3587
- border-top-right-radius: 0em;
3588
- border-bottom-right-radius: 0em; }
3589
-
3590
- .ui.vertical.menu .dropdown.active.item {
3591
- box-shadow: none; }
3592
-
3593
- /* Evenly Divided */
3594
- .ui.item.menu .dropdown .menu .item {
3595
- width: 100%; }
3596
-
3597
- /*--------------
3598
- Labels
3599
- ---------------*/
3600
- .ui.menu .item > .label {
3601
- background: #999999;
3602
- color: #ffffff;
3603
- margin-left: 1em;
3604
- padding: 0.3em 0.71428571em; }
3605
-
3606
- .ui.vertical.menu .item > .label {
3607
- background: #999999;
3608
- color: #ffffff;
3609
- margin-top: -0.15em;
3610
- margin-bottom: -0.15em;
3611
- padding: 0.3em 0.71428571em; }
3612
-
3613
- .ui.menu .item > .floating.label {
3614
- padding: 0.3em 0.71428571em; }
3615
-
3616
- /*--------------
3617
- Images
3618
- ---------------*/
3619
- .ui.menu .item > img:not(.ui) {
3620
- display: inline-block;
3621
- vertical-align: middle;
3622
- margin: -0.3em 0em;
3623
- width: 2.5em; }
3624
-
3625
- .ui.vertical.menu .item > img:not(.ui):only-child {
3626
- display: block;
3627
- max-width: 100%;
3628
- width: auto; }
3629
-
3630
- /*******************************
3631
- Coupling
3632
- *******************************/
3633
- /*--------------
3634
- Sidebar
3635
- ---------------*/
3636
- /* Show vertical dividers below last */
3637
- .ui.vertical.sidebar.menu > .item:first-child:before {
3638
- display: block !important; }
3639
-
3640
- .ui.vertical.sidebar.menu > .item::before {
3641
- top: auto;
3642
- bottom: 0px; }
3643
-
3644
- /*--------------
3645
- Container
3646
- ---------------*/
3647
- @media only screen and (max-width: 767px) {
3648
- .ui.menu > .ui.container {
3649
- width: 100%;
3650
- margin-left: 0em !important;
3651
- margin-right: 0em !important; } }
3652
- @media only screen and (min-width: 768px) {
3653
- .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
3654
- border-left: 1px solid rgba(34, 36, 38, 0.1); } }
3655
- /*******************************
3656
- States
3657
- *******************************/
3658
- /*--------------
3659
- Hover
3660
- ---------------*/
3661
- .ui.link.menu .item:hover,
3662
- .ui.menu .dropdown.item:hover,
3663
- .ui.menu .link.item:hover,
3664
- .ui.menu a.item:hover {
3665
- cursor: pointer;
3666
- background: rgba(0, 0, 0, 0.03);
3667
- color: rgba(0, 0, 0, 0.95); }
3668
-
3669
- /*--------------
3670
- Pressed
3671
- ---------------*/
3672
- .ui.link.menu .item:active,
3673
- .ui.menu .link.item:active,
3674
- .ui.menu a.item:active {
3675
- background: rgba(0, 0, 0, 0.03);
3676
- color: rgba(0, 0, 0, 0.95); }
3677
-
3678
- /*--------------
3679
- Active
3680
- ---------------*/
3681
- .ui.menu .active.item {
3682
- background: rgba(0, 0, 0, 0.05);
3683
- color: rgba(0, 0, 0, 0.95);
3684
- font-weight: normal;
3685
- box-shadow: none; }
3686
-
3687
- .ui.menu .active.item > i.icon {
3688
- opacity: 1; }
3689
-
3690
- /*--------------
3691
- Active Hover
3692
- ---------------*/
3693
- .ui.menu .active.item:hover,
3694
- .ui.vertical.menu .active.item:hover {
3695
- background-color: rgba(0, 0, 0, 0.05);
3696
- color: rgba(0, 0, 0, 0.95); }
3697
-
3698
- /*--------------
3699
- Disabled
3700
- ---------------*/
3701
- .ui.menu .item.disabled,
3702
- .ui.menu .item.disabled:hover {
3703
- cursor: default;
3704
- background-color: transparent !important;
3705
- color: rgba(40, 40, 40, 0.3); }
3706
-
3707
- /*******************************
3708
- Types
3709
- *******************************/
3710
- /*------------------
3711
- Floated Menu / Item
3712
- -------------------*/
3713
- /* Left Floated */
3714
- .ui.menu:not(.vertical) .left.item,
3715
- .ui.menu:not(.vertical) .left.menu {
3716
- display: -webkit-box;
3717
- display: -webkit-flex;
3718
- display: -ms-flexbox;
3719
- display: flex;
3720
- margin-right: auto !important; }
3721
-
3722
- /* Right Floated */
3723
- .ui.menu:not(.vertical) .right.item,
3724
- .ui.menu:not(.vertical) .right.menu {
3725
- display: -webkit-box;
3726
- display: -webkit-flex;
3727
- display: -ms-flexbox;
3728
- display: flex;
3729
- margin-left: auto !important; }
3730
-
3731
- /* Swapped Borders */
3732
- .ui.menu .right.item::before,
3733
- .ui.menu .right.menu > .item::before {
3734
- right: auto;
3735
- left: 0; }
3736
-
3737
- /*--------------
3738
- Vertical
3739
- ---------------*/
3740
- .ui.vertical.menu {
3741
- display: block;
3742
- -webkit-box-orient: vertical;
3743
- -webkit-box-direction: normal;
3744
- -webkit-flex-direction: column;
3745
- -ms-flex-direction: column;
3746
- flex-direction: column;
3747
- background: #ffffff;
3748
- box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); }
3749
-
3750
- /*--- Item ---*/
3751
- .ui.vertical.menu .item {
3752
- display: block;
3753
- background: none;
3754
- border-top: none;
3755
- border-right: none; }
3756
-
3757
- .ui.vertical.menu > .item:first-child {
3758
- border-radius: 0.28571429rem 0.28571429rem 0px 0px; }
3759
-
3760
- .ui.vertical.menu > .item:last-child {
3761
- border-radius: 0px 0px 0.28571429rem 0.28571429rem; }
3762
-
3763
- /*--- Label ---*/
3764
- .ui.vertical.menu .item > .label {
3765
- float: right;
3766
- text-align: center; }
3767
-
3768
- /*--- Icon ---*/
3769
- .ui.vertical.menu .item > i.icon {
3770
- width: 1.18em;
3771
- float: right;
3772
- margin: 0em 0em 0em 0.5em; }
3773
-
3774
- .ui.vertical.menu .item > .label + i.icon {
3775
- float: none;
3776
- margin: 0em 0.5em 0em 0em; }
3777
-
3778
- /*--- Border ---*/
3779
- .ui.vertical.menu .item:before {
3780
- position: absolute;
3781
- content: '';
3782
- top: 0%;
3783
- left: 0px;
3784
- width: 100%;
3785
- background: rgba(34, 36, 38, 0.1);
3786
- height: 1px; }
3787
-
3788
- .ui.vertical.menu .item:first-child:before {
3789
- display: none !important; }
3790
-
3791
- /*--- Sub Menu ---*/
3792
- .ui.vertical.menu .item > .menu {
3793
- margin: 0.5em -1.14285714em 0em; }
3794
-
3795
- .ui.vertical.menu .menu .item {
3796
- background: none;
3797
- padding: 0.5em 1.33333333em;
3798
- font-size: 0.85714286em;
3799
- color: rgba(0, 0, 0, 0.5); }
3800
-
3801
- .ui.vertical.menu .item .menu a.item:hover,
3802
- .ui.vertical.menu .item .menu .link.item:hover {
3803
- color: rgba(0, 0, 0, 0.85); }
3804
-
3805
- .ui.vertical.menu .menu .item:before {
3806
- display: none; }
3807
-
3808
- /* Vertical Active */
3809
- .ui.vertical.menu .active.item {
3810
- background: rgba(0, 0, 0, 0.05);
3811
- border-radius: 0em;
3812
- box-shadow: none; }
3813
-
3814
- .ui.vertical.menu > .active.item:first-child {
3815
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
3816
-
3817
- .ui.vertical.menu > .active.item:last-child {
3818
- border-radius: 0em 0em 0.28571429rem 0.28571429rem; }
3819
-
3820
- .ui.vertical.menu > .active.item:only-child {
3821
- border-radius: 0.28571429rem; }
3822
-
3823
- .ui.vertical.menu .active.item .menu .active.item {
3824
- border-left: none; }
3825
-
3826
- .ui.vertical.menu .item .menu .active.item {
3827
- background-color: transparent;
3828
- font-weight: bold;
3829
- color: rgba(0, 0, 0, 0.95); }
3830
-
3831
- /*--------------
3832
- Tabular
3833
- ---------------*/
3834
- .ui.tabular.menu {
3835
- border-radius: 0em;
3836
- box-shadow: none !important;
3837
- border: none;
3838
- background: none transparent;
3839
- border-bottom: 1px solid #d4d4d5; }
3840
-
3841
- .ui.tabular.fluid.menu {
3842
- width: calc(100% + 2px ) !important; }
3843
-
3844
- .ui.tabular.menu .item {
3845
- background: transparent;
3846
- border-bottom: none;
3847
- border-left: 1px solid transparent;
3848
- border-right: 1px solid transparent;
3849
- border-top: 2px solid transparent;
3850
- padding: 0.92857143em 1.42857143em;
3851
- color: rgba(0, 0, 0, 0.87); }
3852
-
3853
- .ui.tabular.menu .item:before {
3854
- display: none; }
3855
-
3856
- /* Hover */
3857
- .ui.tabular.menu .item:hover {
3858
- background-color: transparent;
3859
- color: rgba(0, 0, 0, 0.8); }
3860
-
3861
- /* Active */
3862
- .ui.tabular.menu .active.item {
3863
- background: none #ffffff;
3864
- color: rgba(0, 0, 0, 0.95);
3865
- border-top-width: 1px;
3866
- border-color: #d4d4d5;
3867
- font-weight: bold;
3868
- margin-bottom: -1px;
3869
- box-shadow: none;
3870
- border-radius: 0.28571429rem 0.28571429rem 0px 0px !important; }
3871
-
3872
- /* Coupling with segment for attachment */
3873
- .ui.tabular.menu + .bottom.attached.segment {
3874
- border-top: none;
3875
- margin: 0px;
3876
- width: 100%; }
3877
-
3878
- .top.attached.segment + .ui.bottom.tabular.menu {
3879
- position: relative;
3880
- width: calc(100% + 2px );
3881
- left: -1px; }
3882
-
3883
- /* Bottom Vertical Tabular */
3884
- .ui.bottom.tabular.menu {
3885
- background: none transparent;
3886
- border-radius: 0em;
3887
- box-shadow: none !important;
3888
- border-bottom: none;
3889
- border-top: 1px solid #d4d4d5; }
3890
-
3891
- .ui.bottom.tabular.menu .item {
3892
- background: none;
3893
- border-left: 1px solid transparent;
3894
- border-right: 1px solid transparent;
3895
- border-bottom: 1px solid transparent;
3896
- border-top: none; }
3897
-
3898
- .ui.bottom.tabular.menu .active.item {
3899
- background: none #ffffff;
3900
- color: rgba(0, 0, 0, 0.95);
3901
- border-color: #d4d4d5;
3902
- margin: -1px 0px 0px 0px;
3903
- border-radius: 0px 0px 0.28571429rem 0.28571429rem !important; }
3904
-
3905
- /* Vertical Tabular (Left) */
3906
- .ui.vertical.tabular.menu {
3907
- background: none transparent;
3908
- border-radius: 0em;
3909
- box-shadow: none !important;
3910
- border-bottom: none;
3911
- border-right: 1px solid #d4d4d5; }
3912
-
3913
- .ui.vertical.tabular.menu .item {
3914
- background: none;
3915
- border-left: 1px solid transparent;
3916
- border-bottom: 1px solid transparent;
3917
- border-top: 1px solid transparent;
3918
- border-right: none; }
3919
-
3920
- .ui.vertical.tabular.menu .active.item {
3921
- background: none #ffffff;
3922
- color: rgba(0, 0, 0, 0.95);
3923
- border-color: #d4d4d5;
3924
- margin: 0px -1px 0px 0px;
3925
- border-radius: 0.28571429rem 0px 0px 0.28571429rem !important; }
3926
-
3927
- /* Vertical Right Tabular */
3928
- .ui.vertical.right.tabular.menu {
3929
- background: none transparent;
3930
- border-radius: 0em;
3931
- box-shadow: none !important;
3932
- border-bottom: none;
3933
- border-right: none;
3934
- border-left: 1px solid #d4d4d5; }
3935
-
3936
- .ui.vertical.right.tabular.menu .item {
3937
- background: none;
3938
- border-right: 1px solid transparent;
3939
- border-bottom: 1px solid transparent;
3940
- border-top: 1px solid transparent;
3941
- border-left: none; }
3942
-
3943
- .ui.vertical.right.tabular.menu .active.item {
3944
- background: none #ffffff;
3945
- color: rgba(0, 0, 0, 0.95);
3946
- border-color: #d4d4d5;
3947
- margin: 0px 0px 0px -1px;
3948
- border-radius: 0px 0.28571429rem 0.28571429rem 0px !important; }
3949
-
3950
- /* Dropdown */
3951
- .ui.tabular.menu .active.dropdown.item {
3952
- margin-bottom: 0px;
3953
- border-left: 1px solid transparent;
3954
- border-right: 1px solid transparent;
3955
- border-top: 2px solid transparent;
3956
- border-bottom: none; }
3957
-
3958
- /*--------------
3959
- Pagination
3960
- ---------------*/
3961
- .ui.pagination.menu {
3962
- margin: 0em;
3963
- display: -webkit-inline-box;
3964
- display: -webkit-inline-flex;
3965
- display: -ms-inline-flexbox;
3966
- display: inline-flex;
3967
- vertical-align: middle; }
3968
-
3969
- .ui.pagination.menu .item:last-child {
3970
- border-radius: 0em 0.28571429rem 0.28571429rem 0em; }
3971
-
3972
- .ui.compact.menu .item:last-child {
3973
- border-radius: 0em 0.28571429rem 0.28571429rem 0em; }
3974
-
3975
- .ui.pagination.menu .item:last-child:before {
3976
- display: none; }
3977
-
3978
- .ui.pagination.menu .item {
3979
- min-width: 3em;
3980
- text-align: center; }
3981
-
3982
- .ui.pagination.menu .icon.item i.icon {
3983
- vertical-align: top; }
3984
-
3985
- /* Active */
3986
- .ui.pagination.menu .active.item {
3987
- border-top: none;
3988
- padding-top: 0.92857143em;
3989
- background-color: rgba(0, 0, 0, 0.05);
3990
- color: rgba(0, 0, 0, 0.95);
3991
- box-shadow: none; }
3992
-
3993
- /*--------------
3994
- Secondary
3995
- ---------------*/
3996
- .ui.secondary.menu {
3997
- background: none;
3998
- margin-left: -0.35714286em;
3999
- margin-right: -0.35714286em;
4000
- border-radius: 0em;
4001
- border: none;
4002
- box-shadow: none; }
4003
-
4004
- /* Item */
4005
- .ui.secondary.menu .item {
4006
- -webkit-align-self: center;
4007
- -ms-flex-item-align: center;
4008
- align-self: center;
4009
- box-shadow: none;
4010
- border: none;
4011
- padding: 0.71428571em 0.92857143em;
4012
- margin: 0em 0.35714286em;
4013
- background: none;
4014
- -webkit-transition: color 0.1s ease;
4015
- transition: color 0.1s ease;
4016
- border-radius: 0.28571429rem; }
4017
-
4018
- /* No Divider */
4019
- .ui.secondary.menu .item:before {
4020
- display: none !important; }
4021
-
4022
- /* Header */
4023
- .ui.secondary.menu .header.item {
4024
- border-radius: 0em;
4025
- border-right: none;
4026
- background: none transparent; }
4027
-
4028
- /* Image */
4029
- .ui.secondary.menu .item > img:not(.ui) {
4030
- margin: 0em; }
4031
-
4032
- /* Hover */
4033
- .ui.secondary.menu .dropdown.item:hover,
4034
- .ui.secondary.menu .link.item:hover,
4035
- .ui.secondary.menu a.item:hover {
4036
- background: rgba(0, 0, 0, 0.05);
4037
- color: rgba(0, 0, 0, 0.95); }
4038
-
4039
- /* Active */
4040
- .ui.secondary.menu .active.item {
4041
- box-shadow: none;
4042
- background: rgba(0, 0, 0, 0.05);
4043
- color: rgba(0, 0, 0, 0.95);
4044
- border-radius: 0.28571429rem; }
4045
-
4046
- /* Active Hover */
4047
- .ui.secondary.menu .active.item:hover {
4048
- box-shadow: none;
4049
- background: rgba(0, 0, 0, 0.05);
4050
- color: rgba(0, 0, 0, 0.95); }
4051
-
4052
- /* Inverted */
4053
- .ui.secondary.inverted.menu .link.item,
4054
- .ui.secondary.inverted.menu a.item {
4055
- color: rgba(255, 255, 255, 0.7) !important; }
4056
-
4057
- .ui.secondary.inverted.menu .dropdown.item:hover,
4058
- .ui.secondary.inverted.menu .link.item:hover,
4059
- .ui.secondary.inverted.menu a.item:hover {
4060
- background: rgba(255, 255, 255, 0.08);
4061
- color: #ffffff !important; }
4062
-
4063
- .ui.secondary.inverted.menu .active.item {
4064
- background: rgba(255, 255, 255, 0.15);
4065
- color: #ffffff !important; }
4066
-
4067
- /* Fix item margins */
4068
- .ui.secondary.item.menu {
4069
- margin-left: 0em;
4070
- margin-right: 0em; }
4071
-
4072
- .ui.secondary.item.menu .item:last-child {
4073
- margin-right: 0em; }
4074
-
4075
- .ui.secondary.attached.menu {
4076
- box-shadow: none; }
4077
-
4078
- /* Sub Menu */
4079
- .ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
4080
- margin: 0em -0.92857143em; }
4081
-
4082
- .ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {
4083
- margin: 0em;
4084
- padding: 0.5em 1.33333333em; }
4085
-
4086
- /*---------------------
4087
- Secondary Vertical
4088
- -----------------------*/
4089
- .ui.secondary.vertical.menu > .item {
4090
- border: none;
4091
- margin: 0em 0em 0.35714286em;
4092
- border-radius: 0.28571429rem !important; }
4093
-
4094
- .ui.secondary.vertical.menu > .header.item {
4095
- border-radius: 0em; }
4096
-
4097
- /* Sub Menu */
4098
- .ui.vertical.secondary.menu .item > .menu .item {
4099
- background-color: transparent; }
4100
-
4101
- /* Inverted */
4102
- .ui.secondary.inverted.menu {
4103
- background-color: transparent; }
4104
-
4105
- /*---------------------
4106
- Secondary Pointing
4107
- -----------------------*/
4108
- .ui.secondary.pointing.menu {
4109
- margin-left: 0em;
4110
- margin-right: 0em;
4111
- border-bottom: 2px solid rgba(34, 36, 38, 0.15); }
4112
-
4113
- .ui.secondary.pointing.menu .item {
4114
- border-bottom-color: transparent;
4115
- border-bottom-style: solid;
4116
- border-radius: 0em;
4117
- -webkit-align-self: flex-end;
4118
- -ms-flex-item-align: end;
4119
- align-self: flex-end;
4120
- margin: 0em 0em -2px;
4121
- padding: 0.85714286em 1.14285714em;
4122
- border-bottom-width: 2px;
4123
- -webkit-transition: color 0.1s ease;
4124
- transition: color 0.1s ease; }
4125
-
4126
- /* Item Types */
4127
- .ui.secondary.pointing.menu .header.item {
4128
- color: rgba(0, 0, 0, 0.85) !important; }
4129
-
4130
- .ui.secondary.pointing.menu .text.item {
4131
- box-shadow: none !important; }
4132
-
4133
- .ui.secondary.pointing.menu .item:after {
4134
- display: none; }
4135
-
4136
- /* Hover */
4137
- .ui.secondary.pointing.menu .dropdown.item:hover,
4138
- .ui.secondary.pointing.menu .link.item:hover,
4139
- .ui.secondary.pointing.menu a.item:hover {
4140
- background-color: transparent;
4141
- color: rgba(0, 0, 0, 0.87); }
4142
-
4143
- /* Pressed */
4144
- .ui.secondary.pointing.menu .dropdown.item:active,
4145
- .ui.secondary.pointing.menu .link.item:active,
4146
- .ui.secondary.pointing.menu a.item:active {
4147
- background-color: transparent;
4148
- border-color: rgba(34, 36, 38, 0.15); }
4149
-
4150
- /* Active */
4151
- .ui.secondary.pointing.menu .active.item {
4152
- background-color: transparent;
4153
- box-shadow: none;
4154
- border-color: #1b1c1d;
4155
- font-weight: bold;
4156
- color: rgba(0, 0, 0, 0.95); }
4157
-
4158
- /* Active Hover */
4159
- .ui.secondary.pointing.menu .active.item:hover {
4160
- border-color: #1b1c1d;
4161
- color: rgba(0, 0, 0, 0.95); }
4162
-
4163
- /* Active Dropdown */
4164
- .ui.secondary.pointing.menu .active.dropdown.item {
4165
- border-color: transparent; }
4166
-
4167
- /* Vertical Pointing */
4168
- .ui.secondary.vertical.pointing.menu {
4169
- border-bottom-width: 0px;
4170
- border-right-width: 2px;
4171
- border-right-style: solid;
4172
- border-right-color: rgba(34, 36, 38, 0.15); }
4173
-
4174
- .ui.secondary.vertical.pointing.menu .item {
4175
- border-bottom: none;
4176
- border-right-style: solid;
4177
- border-right-color: transparent;
4178
- border-radius: 0em !important;
4179
- margin: 0em -2px 0em 0em;
4180
- border-right-width: 2px; }
4181
-
4182
- /* Vertical Active */
4183
- .ui.secondary.vertical.pointing.menu .active.item {
4184
- border-color: #1b1c1d; }
4185
-
4186
- /* Inverted */
4187
- .ui.secondary.inverted.pointing.menu {
4188
- border-color: rgba(255, 255, 255, 0.1); }
4189
-
4190
- .ui.secondary.inverted.pointing.menu {
4191
- border-width: 2px;
4192
- border-color: rgba(34, 36, 38, 0.15); }
4193
-
4194
- .ui.secondary.inverted.pointing.menu .item {
4195
- color: rgba(255, 255, 255, 0.9); }
4196
-
4197
- .ui.secondary.inverted.pointing.menu .header.item {
4198
- color: #ffffff !important; }
4199
-
4200
- /* Hover */
4201
- .ui.secondary.inverted.pointing.menu .item:hover {
4202
- color: rgba(0, 0, 0, 0.95); }
4203
-
4204
- /* Active */
4205
- .ui.secondary.inverted.pointing.menu .active.item {
4206
- border-color: #ffffff;
4207
- color: #ffffff; }
4208
-
4209
- /*--------------
4210
- Text Menu
4211
- ---------------*/
4212
- .ui.text.menu {
4213
- background: none transparent;
4214
- border-radius: 0px;
4215
- box-shadow: none;
4216
- border: none;
4217
- margin: 1em -0.5em; }
4218
-
4219
- .ui.text.menu .item {
4220
- border-radius: 0px;
4221
- box-shadow: none;
4222
- -webkit-align-self: center;
4223
- -ms-flex-item-align: center;
4224
- align-self: center;
4225
- margin: 0em 0em;
4226
- padding: 0.35714286em 0.5em;
4227
- font-weight: normal;
4228
- color: rgba(0, 0, 0, 0.6);
4229
- -webkit-transition: opacity 0.1s ease;
4230
- transition: opacity 0.1s ease; }
4231
-
4232
- /* Border */
4233
- .ui.text.menu .item:before,
4234
- .ui.text.menu .menu .item:before {
4235
- display: none !important; }
4236
-
4237
- /* Header */
4238
- .ui.text.menu .header.item {
4239
- background-color: transparent;
4240
- opacity: 1;
4241
- color: rgba(0, 0, 0, 0.85);
4242
- font-size: 0.92857143em;
4243
- text-transform: uppercase;
4244
- font-weight: bold; }
4245
-
4246
- /* Image */
4247
- .ui.text.menu .item > img:not(.ui) {
4248
- margin: 0em; }
4249
-
4250
- /*--- fluid text ---*/
4251
- .ui.text.item.menu .item {
4252
- margin: 0em; }
4253
-
4254
- /*--- vertical text ---*/
4255
- .ui.vertical.text.menu {
4256
- margin: 1em 0em; }
4257
-
4258
- .ui.vertical.text.menu:first-child {
4259
- margin-top: 0rem; }
4260
-
4261
- .ui.vertical.text.menu:last-child {
4262
- margin-bottom: 0rem; }
4263
-
4264
- .ui.vertical.text.menu .item {
4265
- margin: 0.57142857em 0em; }
4266
-
4267
- .ui.vertical.text.menu .item > i.icon {
4268
- float: none;
4269
- margin: 0em 0.35714286em 0em 0em; }
4270
-
4271
- .ui.vertical.text.menu .header.item {
4272
- margin: 0.57142857em 0em 0.71428571em; }
4273
-
4274
- /* Vertical Sub Menu */
4275
- .ui.vertical.text.menu .item:not(.dropdown) > .menu {
4276
- margin: 0em; }
4277
-
4278
- .ui.vertical.text.menu .item:not(.dropdown) > .menu > .item {
4279
- margin: 0em;
4280
- padding: 0.5em 0em; }
4281
-
4282
- /*--- hover ---*/
4283
- .ui.text.menu .item:hover {
4284
- opacity: 1;
4285
- background-color: transparent; }
4286
-
4287
- /*--- active ---*/
4288
- .ui.text.menu .active.item {
4289
- background-color: transparent;
4290
- border: none;
4291
- box-shadow: none;
4292
- font-weight: normal;
4293
- color: rgba(0, 0, 0, 0.95); }
4294
-
4295
- /*--- active hover ---*/
4296
- .ui.text.menu .active.item:hover {
4297
- background-color: transparent; }
4298
-
4299
- /* Disable Bariations */
4300
- .ui.text.pointing.menu .active.item:after {
4301
- box-shadow: none; }
4302
-
4303
- .ui.text.attached.menu {
4304
- box-shadow: none; }
4305
-
4306
- /* Inverted */
4307
- .ui.inverted.text.menu,
4308
- .ui.inverted.text.menu .item,
4309
- .ui.inverted.text.menu .item:hover,
4310
- .ui.inverted.text.menu .active.item {
4311
- background-color: transparent !important; }
4312
-
4313
- /* Fluid */
4314
- .ui.fluid.text.menu {
4315
- margin-left: 0em;
4316
- margin-right: 0em; }
4317
-
4318
- /*--------------
4319
- Icon Only
4320
- ---------------*/
4321
- /* Vertical Menu */
4322
- .ui.vertical.icon.menu {
4323
- display: inline-block;
4324
- width: auto; }
4325
-
4326
- /* Item */
4327
- .ui.icon.menu .item {
4328
- height: auto;
4329
- text-align: center;
4330
- color: #1b1c1d; }
4331
-
4332
- /* Icon */
4333
- .ui.icon.menu .item > .icon:not(.dropdown) {
4334
- margin: 0;
4335
- opacity: 1; }
4336
-
4337
- /* Icon Gylph */
4338
- .ui.icon.menu .icon:before {
4339
- opacity: 1; }
4340
-
4341
- /* (x) Item Icon */
4342
- .ui.menu .icon.item > .icon {
4343
- width: auto;
4344
- margin: 0em auto; }
4345
-
4346
- /* Vertical Icon */
4347
- .ui.vertical.icon.menu .item > .icon:not(.dropdown) {
4348
- display: block;
4349
- opacity: 1;
4350
- margin: 0em auto;
4351
- float: none; }
4352
-
4353
- /* Inverted */
4354
- .ui.inverted.icon.menu .item {
4355
- color: #ffffff; }
4356
-
4357
- /*--------------
4358
- Labeled Icon
4359
- ---------------*/
4360
- /* Menu */
4361
- .ui.labeled.icon.menu {
4362
- text-align: center; }
4363
-
4364
- /* Item */
4365
- .ui.labeled.icon.menu .item {
4366
- min-width: 6em;
4367
- -webkit-box-orient: vertical;
4368
- -webkit-box-direction: normal;
4369
- -webkit-flex-direction: column;
4370
- -ms-flex-direction: column;
4371
- flex-direction: column; }
4372
-
4373
- /* Icon */
4374
- .ui.labeled.icon.menu .item > .icon:not(.dropdown) {
4375
- height: 1em;
4376
- display: block;
4377
- font-size: 1.71428571em !important;
4378
- margin: 0em auto 0.5rem !important; }
4379
-
4380
- /* Fluid */
4381
- .ui.fluid.labeled.icon.menu > .item {
4382
- min-width: 0em; }
4383
-
4384
- /*******************************
4385
- Variations
4386
- *******************************/
4387
- /*--------------
4388
- Stackable
4389
- ---------------*/
4390
- @media only screen and (max-width: 767px) {
4391
- .ui.stackable.menu {
4392
- -webkit-box-orient: vertical;
4393
- -webkit-box-direction: normal;
4394
- -webkit-flex-direction: column;
4395
- -ms-flex-direction: column;
4396
- flex-direction: column; }
4397
-
4398
- .ui.stackable.menu .item {
4399
- width: 100% !important; }
4400
-
4401
- .ui.stackable.menu .item:before {
4402
- position: absolute;
4403
- content: '';
4404
- top: auto;
4405
- bottom: 0px;
4406
- left: 0px;
4407
- width: 100%;
4408
- background: rgba(34, 36, 38, 0.1);
4409
- height: 1px; } }
4410
- /*--------------
4411
- Colors
4412
- ---------------*/
4413
- /*--- Standard Colors ---*/
4414
- .ui.menu .red.active.item,
4415
- .ui.red.menu .active.item {
4416
- border-color: #db2828 !important;
4417
- color: #db2828 !important; }
4418
-
4419
- .ui.menu .orange.active.item,
4420
- .ui.orange.menu .active.item {
4421
- border-color: #f2711c !important;
4422
- color: #f2711c !important; }
4423
-
4424
- .ui.menu .yellow.active.item,
4425
- .ui.yellow.menu .active.item {
4426
- border-color: #fbbd08 !important;
4427
- color: #fbbd08 !important; }
4428
-
4429
- .ui.menu .olive.active.item,
4430
- .ui.olive.menu .active.item {
4431
- border-color: #b5cc18 !important;
4432
- color: #b5cc18 !important; }
4433
-
4434
- .ui.menu .green.active.item,
4435
- .ui.green.menu .active.item {
4436
- border-color: #21ba45 !important;
4437
- color: #21ba45 !important; }
4438
-
4439
- .ui.menu .teal.active.item,
4440
- .ui.teal.menu .active.item {
4441
- border-color: #00b5ad !important;
4442
- color: #00b5ad !important; }
4443
-
4444
- .ui.menu .blue.active.item,
4445
- .ui.blue.menu .active.item {
4446
- border-color: #2185d0 !important;
4447
- color: #2185d0 !important; }
4448
-
4449
- .ui.menu .violet.active.item,
4450
- .ui.violet.menu .active.item {
4451
- border-color: #6435c9 !important;
4452
- color: #6435c9 !important; }
4453
-
4454
- .ui.menu .purple.active.item,
4455
- .ui.purple.menu .active.item {
4456
- border-color: #a333c8 !important;
4457
- color: #a333c8 !important; }
4458
-
4459
- .ui.menu .pink.active.item,
4460
- .ui.pink.menu .active.item {
4461
- border-color: #e03997 !important;
4462
- color: #e03997 !important; }
4463
-
4464
- .ui.menu .brown.active.item,
4465
- .ui.brown.menu .active.item {
4466
- border-color: #a5673f !important;
4467
- color: #a5673f !important; }
4468
-
4469
- .ui.menu .grey.active.item,
4470
- .ui.grey.menu .active.item {
4471
- border-color: #767676 !important;
4472
- color: #767676 !important; }
4473
-
4474
- /*--------------
4475
- Inverted
4476
- ---------------*/
4477
- .ui.inverted.menu {
4478
- border: 0px solid transparent;
4479
- background: #1b1c1d;
4480
- box-shadow: none; }
4481
-
4482
- /* Menu Item */
4483
- .ui.inverted.menu .item,
4484
- .ui.inverted.menu .item > a:not(.ui) {
4485
- background: transparent;
4486
- color: rgba(255, 255, 255, 0.9); }
4487
-
4488
- .ui.inverted.menu .item.menu {
4489
- background: transparent; }
4490
-
4491
- /*--- Border ---*/
4492
- .ui.inverted.menu .item:before {
4493
- background: rgba(255, 255, 255, 0.08); }
4494
-
4495
- .ui.vertical.inverted.menu .item:before {
4496
- background: rgba(255, 255, 255, 0.08); }
4497
-
4498
- /* Sub Menu */
4499
- .ui.vertical.inverted.menu .menu .item,
4500
- .ui.vertical.inverted.menu .menu .item a:not(.ui) {
4501
- color: rgba(255, 255, 255, 0.5); }
4502
-
4503
- /* Header */
4504
- .ui.inverted.menu .header.item {
4505
- margin: 0em;
4506
- background: transparent;
4507
- box-shadow: none; }
4508
-
4509
- /* Disabled */
4510
- .ui.inverted.menu .item.disabled,
4511
- .ui.inverted.menu .item.disabled:hover {
4512
- color: rgba(225, 225, 225, 0.3); }
4513
-
4514
- /*--- Hover ---*/
4515
- .ui.link.inverted.menu .item:hover,
4516
- .ui.inverted.menu .dropdown.item:hover,
4517
- .ui.inverted.menu .link.item:hover,
4518
- .ui.inverted.menu a.item:hover {
4519
- background: rgba(255, 255, 255, 0.08);
4520
- color: #ffffff; }
4521
-
4522
- .ui.vertical.inverted.menu .item .menu a.item:hover,
4523
- .ui.vertical.inverted.menu .item .menu .link.item:hover {
4524
- background: transparent;
4525
- color: #ffffff; }
4526
-
4527
- /*--- Pressed ---*/
4528
- .ui.inverted.menu a.item:active,
4529
- .ui.inverted.menu .link.item:active,
4530
- .ui.inverted.menu a.item:active {
4531
- background: rgba(255, 255, 255, 0.08);
4532
- color: #ffffff; }
4533
-
4534
- /*--- Active ---*/
4535
- .ui.inverted.menu .active.item {
4536
- background: rgba(255, 255, 255, 0.15);
4537
- color: #ffffff !important; }
4538
-
4539
- .ui.inverted.vertical.menu .item .menu .active.item {
4540
- background: transparent;
4541
- color: #ffffff; }
4542
-
4543
- .ui.inverted.pointing.menu .active.item:after {
4544
- background: #3d3e3f !important;
4545
- margin: 0em !important;
4546
- box-shadow: none !important;
4547
- border: none !important; }
4548
-
4549
- /*--- Active Hover ---*/
4550
- .ui.inverted.menu .active.item:hover {
4551
- background: rgba(255, 255, 255, 0.15);
4552
- color: #ffffff !important; }
4553
-
4554
- .ui.inverted.pointing.menu .active.item:hover:after {
4555
- background: #3d3e3f !important; }
4556
-
4557
- /*--------------
4558
- Floated
4559
- ---------------*/
4560
- .ui.floated.menu {
4561
- float: left;
4562
- margin: 0rem 0.5rem 0rem 0rem; }
4563
-
4564
- .ui.floated.menu .item:last-child:before {
4565
- display: none; }
4566
-
4567
- .ui.right.floated.menu {
4568
- float: right;
4569
- margin: 0rem 0rem 0rem 0.5rem; }
4570
-
4571
- /*--------------
4572
- Inverted
4573
- ---------------*/
4574
- /* Red */
4575
- .ui.inverted.menu .red.active.item,
4576
- .ui.inverted.red.menu {
4577
- background-color: #db2828; }
4578
-
4579
- .ui.inverted.red.menu .item:before {
4580
- background-color: rgba(34, 36, 38, 0.1); }
4581
-
4582
- .ui.inverted.red.menu .active.item {
4583
- background-color: rgba(0, 0, 0, 0.1) !important; }
4584
-
4585
- /* Orange */
4586
- .ui.inverted.menu .orange.active.item,
4587
- .ui.inverted.orange.menu {
4588
- background-color: #f2711c; }
4589
-
4590
- .ui.inverted.orange.menu .item:before {
4591
- background-color: rgba(34, 36, 38, 0.1); }
4592
-
4593
- .ui.inverted.orange.menu .active.item {
4594
- background-color: rgba(0, 0, 0, 0.1) !important; }
4595
-
4596
- /* Yellow */
4597
- .ui.inverted.menu .yellow.active.item,
4598
- .ui.inverted.yellow.menu {
4599
- background-color: #fbbd08; }
4600
-
4601
- .ui.inverted.yellow.menu .item:before {
4602
- background-color: rgba(34, 36, 38, 0.1); }
4603
-
4604
- .ui.inverted.yellow.menu .active.item {
4605
- background-color: rgba(0, 0, 0, 0.1) !important; }
4606
-
4607
- /* Olive */
4608
- .ui.inverted.menu .olive.active.item,
4609
- .ui.inverted.olive.menu {
4610
- background-color: #b5cc18; }
4611
-
4612
- .ui.inverted.olive.menu .item:before {
4613
- background-color: rgba(34, 36, 38, 0.1); }
4614
-
4615
- .ui.inverted.olive.menu .active.item {
4616
- background-color: rgba(0, 0, 0, 0.1) !important; }
4617
-
4618
- /* Green */
4619
- .ui.inverted.menu .green.active.item,
4620
- .ui.inverted.green.menu {
4621
- background-color: #21ba45; }
4622
-
4623
- .ui.inverted.green.menu .item:before {
4624
- background-color: rgba(34, 36, 38, 0.1); }
4625
-
4626
- .ui.inverted.green.menu .active.item {
4627
- background-color: rgba(0, 0, 0, 0.1) !important; }
4628
-
4629
- /* Teal */
4630
- .ui.inverted.menu .teal.active.item,
4631
- .ui.inverted.teal.menu {
4632
- background-color: #00b5ad; }
4633
-
4634
- .ui.inverted.teal.menu .item:before {
4635
- background-color: rgba(34, 36, 38, 0.1); }
4636
-
4637
- .ui.inverted.teal.menu .active.item {
4638
- background-color: rgba(0, 0, 0, 0.1) !important; }
4639
-
4640
- /* Blue */
4641
- .ui.inverted.menu .blue.active.item,
4642
- .ui.inverted.blue.menu {
4643
- background-color: #2185d0; }
4644
-
4645
- .ui.inverted.blue.menu .item:before {
4646
- background-color: rgba(34, 36, 38, 0.1); }
4647
-
4648
- .ui.inverted.blue.menu .active.item {
4649
- background-color: rgba(0, 0, 0, 0.1) !important; }
4650
-
4651
- /* Violet */
4652
- .ui.inverted.menu .violet.active.item,
4653
- .ui.inverted.violet.menu {
4654
- background-color: #6435c9; }
4655
-
4656
- .ui.inverted.violet.menu .item:before {
4657
- background-color: rgba(34, 36, 38, 0.1); }
4658
-
4659
- .ui.inverted.violet.menu .active.item {
4660
- background-color: rgba(0, 0, 0, 0.1) !important; }
4661
-
4662
- /* Purple */
4663
- .ui.inverted.menu .purple.active.item,
4664
- .ui.inverted.purple.menu {
4665
- background-color: #a333c8; }
4666
-
4667
- .ui.inverted.purple.menu .item:before {
4668
- background-color: rgba(34, 36, 38, 0.1); }
4669
-
4670
- .ui.inverted.purple.menu .active.item {
4671
- background-color: rgba(0, 0, 0, 0.1) !important; }
4672
-
4673
- /* Pink */
4674
- .ui.inverted.menu .pink.active.item,
4675
- .ui.inverted.pink.menu {
4676
- background-color: #e03997; }
4677
-
4678
- .ui.inverted.pink.menu .item:before {
4679
- background-color: rgba(34, 36, 38, 0.1); }
4680
-
4681
- .ui.inverted.pink.menu .active.item {
4682
- background-color: rgba(0, 0, 0, 0.1) !important; }
4683
-
4684
- /* Brown */
4685
- .ui.inverted.menu .brown.active.item,
4686
- .ui.inverted.brown.menu {
4687
- background-color: #a5673f; }
4688
-
4689
- .ui.inverted.brown.menu .item:before {
4690
- background-color: rgba(34, 36, 38, 0.1); }
4691
-
4692
- .ui.inverted.brown.menu .active.item {
4693
- background-color: rgba(0, 0, 0, 0.1) !important; }
4694
-
4695
- /* Grey */
4696
- .ui.inverted.menu .grey.active.item,
4697
- .ui.inverted.grey.menu {
4698
- background-color: #767676; }
4699
-
4700
- .ui.inverted.grey.menu .item:before {
4701
- background-color: rgba(34, 36, 38, 0.1); }
4702
-
4703
- .ui.inverted.grey.menu .active.item {
4704
- background-color: rgba(0, 0, 0, 0.1) !important; }
4705
-
4706
- /*--------------
4707
- Fitted
4708
- ---------------*/
4709
- .ui.fitted.menu .item,
4710
- .ui.fitted.menu .item .menu .item,
4711
- .ui.menu .fitted.item {
4712
- padding: 0em; }
4713
-
4714
- .ui.horizontally.fitted.menu .item,
4715
- .ui.horizontally.fitted.menu .item .menu .item,
4716
- .ui.menu .horizontally.fitted.item {
4717
- padding-top: 0.92857143em;
4718
- padding-bottom: 0.92857143em; }
4719
-
4720
- .ui.vertically.fitted.menu .item,
4721
- .ui.vertically.fitted.menu .item .menu .item,
4722
- .ui.menu .vertically.fitted.item {
4723
- padding-left: 1.14285714em;
4724
- padding-right: 1.14285714em; }
4725
-
4726
- /*--------------
4727
- Borderless
4728
- ---------------*/
4729
- .ui.borderless.menu .item:before,
4730
- .ui.borderless.menu .item .menu .item:before,
4731
- .ui.menu .borderless.item:before {
4732
- background: none !important; }
4733
-
4734
- /*-------------------
4735
- Compact
4736
- --------------------*/
4737
- .ui.compact.menu {
4738
- display: -webkit-inline-box;
4739
- display: -webkit-inline-flex;
4740
- display: -ms-inline-flexbox;
4741
- display: inline-flex;
4742
- margin: 0em;
4743
- vertical-align: middle; }
4744
-
4745
- .ui.compact.vertical.menu {
4746
- display: inline-block; }
4747
-
4748
- .ui.compact.menu .item:last-child {
4749
- border-radius: 0em 0.28571429rem 0.28571429rem 0em; }
4750
-
4751
- .ui.compact.menu .item:last-child:before {
4752
- display: none; }
4753
-
4754
- .ui.compact.vertical.menu {
4755
- width: auto !important; }
4756
-
4757
- .ui.compact.vertical.menu .item:last-child::before {
4758
- display: block; }
4759
-
4760
- /*-------------------
4761
- Fluid
4762
- --------------------*/
4763
- .ui.menu.fluid,
4764
- .ui.vertical.menu.fluid {
4765
- width: 100% !important; }
4766
-
4767
- /*-------------------
4768
- Evenly Sized
4769
- --------------------*/
4770
- .ui.item.menu,
4771
- .ui.item.menu .item {
4772
- width: 100%;
4773
- padding-left: 0em !important;
4774
- padding-right: 0em !important;
4775
- margin-left: 0em !important;
4776
- margin-right: 0em !important;
4777
- text-align: center;
4778
- -webkit-box-pack: center;
4779
- -webkit-justify-content: center;
4780
- -ms-flex-pack: center;
4781
- justify-content: center; }
4782
-
4783
- .ui.item.menu .item:last-child:before {
4784
- display: none; }
4785
-
4786
- .ui.menu.two.item .item {
4787
- width: 50%; }
4788
-
4789
- .ui.menu.three.item .item {
4790
- width: 33.333%; }
4791
-
4792
- .ui.menu.four.item .item {
4793
- width: 25%; }
4794
-
4795
- .ui.menu.five.item .item {
4796
- width: 20%; }
4797
-
4798
- .ui.menu.six.item .item {
4799
- width: 16.666%; }
4800
-
4801
- .ui.menu.seven.item .item {
4802
- width: 14.285%; }
4803
-
4804
- .ui.menu.eight.item .item {
4805
- width: 12.500%; }
4806
-
4807
- .ui.menu.nine.item .item {
4808
- width: 11.11%; }
4809
-
4810
- .ui.menu.ten.item .item {
4811
- width: 10.0%; }
4812
-
4813
- .ui.menu.eleven.item .item {
4814
- width: 9.09%; }
4815
-
4816
- .ui.menu.twelve.item .item {
4817
- width: 8.333%; }
4818
-
4819
- /*--------------
4820
- Fixed
4821
- ---------------*/
4822
- .ui.menu.fixed {
4823
- position: fixed;
4824
- z-index: 101;
4825
- margin: 0em;
4826
- width: 100%; }
4827
-
4828
- .ui.menu.fixed,
4829
- .ui.menu.fixed .item:first-child,
4830
- .ui.menu.fixed .item:last-child {
4831
- border-radius: 0px !important; }
4832
-
4833
- .ui.fixed.menu,
4834
- .ui[class*="top fixed"].menu {
4835
- top: 0px;
4836
- left: 0px;
4837
- right: auto;
4838
- bottom: auto; }
4839
-
4840
- .ui[class*="top fixed"].menu {
4841
- border-top: none;
4842
- border-left: none;
4843
- border-right: none; }
4844
-
4845
- .ui[class*="right fixed"].menu {
4846
- border-top: none;
4847
- border-bottom: none;
4848
- border-right: none;
4849
- top: 0px;
4850
- right: 0px;
4851
- left: auto;
4852
- bottom: auto;
4853
- width: auto;
4854
- height: 100%; }
4855
-
4856
- .ui[class*="bottom fixed"].menu {
4857
- border-bottom: none;
4858
- border-left: none;
4859
- border-right: none;
4860
- bottom: 0px;
4861
- left: 0px;
4862
- top: auto;
4863
- right: auto; }
4864
-
4865
- .ui[class*="left fixed"].menu {
4866
- border-top: none;
4867
- border-bottom: none;
4868
- border-left: none;
4869
- top: 0px;
4870
- left: 0px;
4871
- right: auto;
4872
- bottom: auto;
4873
- width: auto;
4874
- height: 100%; }
4875
-
4876
- /* Coupling with Grid */
4877
- .ui.fixed.menu + .ui.grid {
4878
- padding-top: 2.75rem; }
4879
-
4880
- /*-------------------
4881
- Pointing
4882
- --------------------*/
4883
- .ui.pointing.menu .item:after {
4884
- visibility: hidden;
4885
- position: absolute;
4886
- content: '';
4887
- top: 100%;
4888
- left: 50%;
4889
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
4890
- -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
4891
- transform: translateX(-50%) translateY(-50%) rotate(45deg);
4892
- background: none;
4893
- margin: 0.5px 0em 0em;
4894
- width: 0.57142857em;
4895
- height: 0.57142857em;
4896
- border: none;
4897
- border-bottom: 1px solid #d4d4d5;
4898
- border-right: 1px solid #d4d4d5;
4899
- z-index: 2;
4900
- -webkit-transition: background 0.1s ease;
4901
- transition: background 0.1s ease; }
4902
-
4903
- .ui.vertical.pointing.menu .item:after {
4904
- position: absolute;
4905
- top: 50%;
4906
- right: 0%;
4907
- bottom: auto;
4908
- left: auto;
4909
- -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
4910
- -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
4911
- transform: translateX(50%) translateY(-50%) rotate(45deg);
4912
- margin: 0em -0.5px 0em 0em;
4913
- border: none;
4914
- border-top: 1px solid #d4d4d5;
4915
- border-right: 1px solid #d4d4d5; }
4916
-
4917
- /* Active */
4918
- .ui.pointing.menu .active.item:after {
4919
- visibility: visible; }
4920
-
4921
- .ui.pointing.menu .active.dropdown.item:after {
4922
- visibility: hidden; }
4923
-
4924
- /* Don't double up pointers */
4925
- .ui.pointing.menu .dropdown.active.item:after,
4926
- .ui.pointing.menu .active.item .menu .active.item:after {
4927
- display: none; }
4928
-
4929
- /* Colors */
4930
- .ui.pointing.menu .active.item:hover:after {
4931
- background-color: #f2f2f2; }
4932
-
4933
- .ui.pointing.menu .active.item:after {
4934
- background-color: #f2f2f2; }
4935
-
4936
- .ui.pointing.menu .active.item:hover:after {
4937
- background-color: #f2f2f2; }
4938
-
4939
- .ui.vertical.pointing.menu .active.item:hover:after {
4940
- background-color: #f2f2f2; }
4941
-
4942
- .ui.vertical.pointing.menu .active.item:after {
4943
- background-color: #f2f2f2; }
4944
-
4945
- .ui.vertical.pointing.menu .menu .active.item:after {
4946
- background-color: #ffffff; }
4947
-
4948
- /*--------------
4949
- Attached
4950
- ---------------*/
4951
- /* Middle */
4952
- .ui.attached.menu {
4953
- top: 0px;
4954
- bottom: 0px;
4955
- border-radius: 0px;
4956
- margin: 0em -1px;
4957
- width: calc(100% + 2px );
4958
- max-width: calc(100% + 2px );
4959
- box-shadow: none; }
4960
-
4961
- .ui.attached + .ui.attached.menu:not(.top) {
4962
- border-top: none; }
4963
-
4964
- /* Top */
4965
- .ui[class*="top attached"].menu {
4966
- bottom: 0px;
4967
- margin-bottom: 0em;
4968
- top: 0px;
4969
- margin-top: 1rem;
4970
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
4971
-
4972
- .ui.menu[class*="top attached"]:first-child {
4973
- margin-top: 0em; }
4974
-
4975
- /* Bottom */
4976
- .ui[class*="bottom attached"].menu {
4977
- bottom: 0px;
4978
- margin-top: 0em;
4979
- top: 0px;
4980
- margin-bottom: 1rem;
4981
- box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
4982
- border-radius: 0em 0em 0.28571429rem 0.28571429rem; }
4983
-
4984
- .ui[class*="bottom attached"].menu:last-child {
4985
- margin-bottom: 0em; }
4986
-
4987
- /* Attached Menu Item */
4988
- .ui.top.attached.menu > .item:first-child {
4989
- border-radius: 0.28571429rem 0em 0em 0em; }
4990
-
4991
- .ui.bottom.attached.menu > .item:first-child {
4992
- border-radius: 0em 0em 0em 0.28571429rem; }
4993
-
4994
- /* Tabular Attached */
4995
- .ui.attached.menu:not(.tabular) {
4996
- border: 1px solid #d4d4d5; }
4997
-
4998
- .ui.attached.inverted.menu {
4999
- border: none; }
5000
-
5001
- .ui.attached.tabular.menu {
5002
- margin-left: 0;
5003
- margin-right: 0;
5004
- width: 100%; }
5005
-
5006
- /*--------------
5007
- Sizes
5008
- ---------------*/
5009
- /* Small */
5010
- .ui.small.menu {
5011
- font-size: 0.92857143rem; }
5012
-
5013
- .ui.small.vertical.menu {
5014
- width: 13rem; }
5015
-
5016
- /* Medium */
5017
- .ui.menu {
5018
- font-size: 1rem; }
5019
-
5020
- .ui.vertical.menu {
5021
- width: 15rem; }
5022
-
5023
- /* Large */
5024
- .ui.large.menu {
5025
- font-size: 1.14285714rem; }
5026
-
5027
- .ui.large.vertical.menu {
5028
- width: 18rem; }
5029
-
5030
- /* Huge */
5031
- .ui.huge.menu {
5032
- font-size: 1.42857143rem; }
5033
-
5034
- .ui.huge.vertical.menu {
5035
- width: 20rem; }
5036
-
5037
- /*******************************
5038
- Theme Overrides
5039
- *******************************/
5040
- /*******************************
5041
- Site Overrides
5042
- *******************************/
5043
- /*!
5044
- * # Semantic UI 2.1.3 - Message
5045
- * http://github.com/semantic-org/semantic-ui/
5046
- *
5047
- *
5048
- * Copyright 2015 Contributors
5049
- * Released under the MIT license
5050
- * http://opensource.org/licenses/MIT
5051
- *
5052
- */
5053
- /*******************************
5054
- Message
5055
- *******************************/
5056
- .ui.message {
5057
- position: relative;
5058
- min-height: 1em;
5059
- margin: 1em 0em;
5060
- background: #f8f8f9;
5061
- padding: 1em 1.5em;
5062
- line-height: 1.4285em;
5063
- color: rgba(0, 0, 0, 0.87);
5064
- -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
5065
- transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
5066
- border-radius: 0.28571429rem;
5067
- box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px transparent; }
5068
-
5069
- .ui.message:first-child {
5070
- margin-top: 0em; }
5071
-
5072
- .ui.message:last-child {
5073
- margin-bottom: 0em; }
5074
-
5075
- /*--------------
5076
- Content
5077
- ---------------*/
5078
- /* Header */
5079
- .ui.message .header {
5080
- display: block;
5081
- font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
5082
- font-weight: bold;
5083
- margin: -0.14285em 0em 0rem 0em; }
5084
-
5085
- /* Default font size */
5086
- .ui.message .header:not(.ui) {
5087
- font-size: 1.14285714em; }
5088
-
5089
- /* Paragraph */
5090
- .ui.message p {
5091
- opacity: 0.85;
5092
- margin: 0.75em 0em; }
5093
-
5094
- .ui.message p:first-child {
5095
- margin-top: 0em; }
5096
-
5097
- .ui.message p:last-child {
5098
- margin-bottom: 0em; }
5099
-
5100
- .ui.message .header + p {
5101
- margin-top: 0.25em; }
5102
-
5103
- /* List */
5104
- .ui.message ul.list {
5105
- text-align: left;
5106
- padding: 0em;
5107
- opacity: 0.85;
5108
- list-style-position: inside;
5109
- margin: 0.5em 0em 0em; }
5110
-
5111
- .ui.message ul.list:first-child {
5112
- margin-top: 0em; }
5113
-
5114
- .ui.message ul.list:last-child {
5115
- margin-bottom: 0em; }
5116
-
5117
- .ui.message ul.list li {
5118
- position: relative;
5119
- list-style-type: none;
5120
- margin: 0em 0em 0.3em 1em;
5121
- padding: 0em; }
5122
-
5123
- .ui.message ul.list li:before {
5124
- position: absolute;
5125
- content: '•';
5126
- left: -1em;
5127
- height: 100%;
5128
- vertical-align: baseline; }
5129
-
5130
- .ui.message ul.list li:last-child {
5131
- margin-bottom: 0em; }
5132
-
5133
- /* Icon */
5134
- .ui.message > .icon {
5135
- margin-right: 0.6em; }
5136
-
5137
- /* Close Icon */
5138
- .ui.message > .close.icon {
5139
- cursor: pointer;
5140
- position: absolute;
5141
- margin: 0em;
5142
- top: 0.78575em;
5143
- right: 0.5em;
5144
- opacity: 0.7;
5145
- -webkit-transition: opacity 0.1s ease;
5146
- transition: opacity 0.1s ease; }
5147
-
5148
- .ui.message > .close.icon:hover {
5149
- opacity: 1; }
5150
-
5151
- /* First / Last Element */
5152
- .ui.message > :first-child {
5153
- margin-top: 0em; }
5154
-
5155
- .ui.message > :last-child {
5156
- margin-bottom: 0em; }
5157
-
5158
- /*******************************
5159
- Coupling
5160
- *******************************/
5161
- .ui.dropdown .menu > .message {
5162
- margin: 0px -1px; }
5163
-
5164
- /*******************************
5165
- States
5166
- *******************************/
5167
- /*--------------
5168
- Visible
5169
- ---------------*/
5170
- .ui.visible.visible.visible.visible.message {
5171
- display: block; }
5172
-
5173
- .ui.icon.visible.visible.visible.visible.message {
5174
- display: -webkit-box;
5175
- display: -webkit-flex;
5176
- display: -ms-flexbox;
5177
- display: flex; }
5178
-
5179
- /*--------------
5180
- Hidden
5181
- ---------------*/
5182
- .ui.hidden.hidden.hidden.hidden.message {
5183
- display: none; }
5184
-
5185
- /*******************************
5186
- Variations
5187
- *******************************/
5188
- /*--------------
5189
- Compact
5190
- ---------------*/
5191
- .ui.compact.message {
5192
- display: inline-block; }
5193
-
5194
- /*--------------
5195
- Attached
5196
- ---------------*/
5197
- .ui.attached.message {
5198
- margin-bottom: -1px;
5199
- border-radius: 0.28571429rem 0.28571429rem 0em 0em;
5200
- box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;
5201
- margin-left: -1px;
5202
- margin-right: -1px; }
5203
-
5204
- .ui.attached + .ui.attached.message:not(.top):not(.bottom) {
5205
- margin-top: -1px;
5206
- border-radius: 0em; }
5207
-
5208
- .ui.bottom.attached.message {
5209
- margin-top: -1px;
5210
- border-radius: 0em 0em 0.28571429rem 0.28571429rem;
5211
- box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15); }
5212
-
5213
- .ui.bottom.attached.message:not(:last-child) {
5214
- margin-bottom: 1em; }
5215
-
5216
- .ui.attached.icon.message {
5217
- width: auto; }
5218
-
5219
- /*--------------
5220
- Icon
5221
- ---------------*/
5222
- .ui.icon.message {
5223
- display: -webkit-box;
5224
- display: -webkit-flex;
5225
- display: -ms-flexbox;
5226
- display: flex;
5227
- width: 100%;
5228
- -webkit-box-align: center;
5229
- -webkit-align-items: center;
5230
- -ms-flex-align: center;
5231
- align-items: center; }
5232
-
5233
- .ui.icon.message > .icon:not(.close) {
5234
- display: block;
5235
- -webkit-box-flex: 0;
5236
- -webkit-flex: 0 0 auto;
5237
- -ms-flex: 0 0 auto;
5238
- flex: 0 0 auto;
5239
- width: auto;
5240
- line-height: 1;
5241
- vertical-align: middle;
5242
- font-size: 3em;
5243
- opacity: 0.8; }
5244
-
5245
- .ui.icon.message > .content {
5246
- display: block;
5247
- -webkit-box-flex: 1;
5248
- -webkit-flex: 1 1 auto;
5249
- -ms-flex: 1 1 auto;
5250
- flex: 1 1 auto;
5251
- vertical-align: middle; }
5252
-
5253
- .ui.icon.message .icon:not(.close) + .content {
5254
- padding-left: 0rem; }
5255
-
5256
- .ui.icon.message .circular.icon {
5257
- width: 1em; }
5258
-
5259
- /*--------------
5260
- Floating
5261
- ---------------*/
5262
- .ui.floating.message {
5263
- box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.08); }
5264
-
5265
- /*--------------
5266
- Colors
5267
- ---------------*/
5268
- .ui.black.message {
5269
- background-color: #1b1c1d;
5270
- color: rgba(255, 255, 255, 0.9); }
5271
-
5272
- /*--------------
5273
- Types
5274
- ---------------*/
5275
- /* Positive */
5276
- .ui.positive.message {
5277
- background-color: #fcfff5;
5278
- color: #2c662d; }
5279
-
5280
- .ui.positive.message,
5281
- .ui.attached.positive.message {
5282
- box-shadow: 0px 0px 0px 1px #a3c293 inset, 0px 0px 0px 0px transparent; }
5283
-
5284
- .ui.positive.message .header {
5285
- color: #1a531b; }
5286
-
5287
- /* Negative */
5288
- .ui.negative.message {
5289
- background-color: #fff6f6;
5290
- color: #9f3a38; }
5291
-
5292
- .ui.negative.message,
5293
- .ui.attached.negative.message {
5294
- box-shadow: 0px 0px 0px 1px #e0b4b4 inset, 0px 0px 0px 0px transparent; }
5295
-
5296
- .ui.negative.message .header {
5297
- color: #912d2b; }
5298
-
5299
- /* Info */
5300
- .ui.info.message {
5301
- background-color: #f8ffff;
5302
- color: #276f86; }
5303
-
5304
- .ui.info.message,
5305
- .ui.attached.info.message {
5306
- box-shadow: 0px 0px 0px 1px #a9d5de inset, 0px 0px 0px 0px transparent; }
5307
-
5308
- .ui.info.message .header {
5309
- color: #0e566c; }
5310
-
5311
- /* Warning */
5312
- .ui.warning.message {
5313
- background-color: #fffaf3;
5314
- color: #573a08; }
5315
-
5316
- .ui.warning.message,
5317
- .ui.attached.warning.message {
5318
- box-shadow: 0px 0px 0px 1px #c9ba9b inset, 0px 0px 0px 0px transparent; }
5319
-
5320
- .ui.warning.message .header {
5321
- color: #794b02; }
5322
-
5323
- /* Error */
5324
- .ui.error.message {
5325
- background-color: #fff6f6;
5326
- color: #9f3a38; }
5327
-
5328
- .ui.error.message,
5329
- .ui.attached.error.message {
5330
- box-shadow: 0px 0px 0px 1px #e0b4b4 inset, 0px 0px 0px 0px transparent; }
5331
-
5332
- .ui.error.message .header {
5333
- color: #912d2b; }
5334
-
5335
- /* Success */
5336
- .ui.success.message {
5337
- background-color: #fcfff5;
5338
- color: #2c662d; }
5339
-
5340
- .ui.success.message,
5341
- .ui.attached.success.message {
5342
- box-shadow: 0px 0px 0px 1px #a3c293 inset, 0px 0px 0px 0px transparent; }
5343
-
5344
- .ui.success.message .header {
5345
- color: #1a531b; }
5346
-
5347
- /* Colors */
5348
- .ui.inverted.message,
5349
- .ui.black.message {
5350
- background-color: #1b1c1d;
5351
- color: rgba(255, 255, 255, 0.9); }
5352
-
5353
- .ui.red.message {
5354
- background-color: #ffe8e6;
5355
- color: #db2828; }
5356
-
5357
- .ui.red.message .header {
5358
- color: #c82121; }
5359
-
5360
- .ui.orange.message {
5361
- background-color: #ffedde;
5362
- color: #f2711c; }
5363
-
5364
- .ui.orange.message .header {
5365
- color: #e7640d; }
5366
-
5367
- .ui.yellow.message {
5368
- background-color: #fff8db;
5369
- color: #b58105; }
5370
-
5371
- .ui.yellow.message .header {
5372
- color: #9c6f04; }
5373
-
5374
- .ui.olive.message {
5375
- background-color: #fbfdef;
5376
- color: #8abc1e; }
5377
-
5378
- .ui.olive.message .header {
5379
- color: #7aa61a; }
5380
-
5381
- .ui.green.message {
5382
- background-color: #e5f9e7;
5383
- color: #1ebc30; }
5384
-
5385
- .ui.green.message .header {
5386
- color: #1aa62a; }
5387
-
5388
- .ui.teal.message {
5389
- background-color: #e1f7f7;
5390
- color: #10a3a3; }
5391
-
5392
- .ui.teal.message .header {
5393
- color: #0e8c8c; }
5394
-
5395
- .ui.blue.message {
5396
- background-color: #dff0ff;
5397
- color: #2185d0; }
5398
-
5399
- .ui.blue.message .header {
5400
- color: #1e77ba; }
5401
-
5402
- .ui.violet.message {
5403
- background-color: #eae7ff;
5404
- color: #6435c9; }
5405
-
5406
- .ui.violet.message .header {
5407
- color: #5a30b5; }
5408
-
5409
- .ui.purple.message {
5410
- background-color: #f6e7ff;
5411
- color: #a333c8; }
5412
-
5413
- .ui.purple.message .header {
5414
- color: #922eb4; }
5415
-
5416
- .ui.pink.message {
5417
- background-color: #ffe3fb;
5418
- color: #e03997; }
5419
-
5420
- .ui.pink.message .header {
5421
- color: #dd238b; }
5422
-
5423
- .ui.brown.message {
5424
- background-color: #f1e2d3;
5425
- color: #a5673f; }
5426
-
5427
- .ui.brown.message .header {
5428
- color: #935b38; }
5429
-
5430
- /*--------------
5431
- Sizes
5432
- ---------------*/
5433
- .ui.small.message {
5434
- font-size: 0.92857143em; }
5435
-
5436
- .ui.message {
5437
- font-size: 1em; }
5438
-
5439
- .ui.large.message {
5440
- font-size: 1.14285714em; }
5441
-
5442
- .ui.huge.message {
5443
- font-size: 1.42857143em; }
5444
-
5445
- .ui.massive.message {
5446
- font-size: 1.71428571em; }
5447
-
5448
- /*******************************
5449
- Theme Overrides
5450
- *******************************/
5451
- /*******************************
5452
- User Variable Overrides
5453
- *******************************/
5454
- /*!
5455
- * # Semantic UI 2.1.3 - Table
5456
- * http://github.com/semantic-org/semantic-ui/
5457
- *
5458
- *
5459
- * Copyright 2015 Contributors
5460
- * Released under the MIT license
5461
- * http://opensource.org/licenses/MIT
5462
- *
5463
- */
5464
- /*******************************
5465
- Table
5466
- *******************************/
5467
- /* Prototype */
5468
- .ui.table {
5469
- width: 100%;
5470
- background: #ffffff;
5471
- margin: 1em 0em;
5472
- border: 1px solid rgba(34, 36, 38, 0.15);
5473
- box-shadow: none;
5474
- border-radius: 0.28571429rem;
5475
- text-align: left;
5476
- color: rgba(0, 0, 0, 0.87);
5477
- border-collapse: separate;
5478
- border-spacing: 0px; }
5479
-
5480
- .ui.table:first-child {
5481
- margin-top: 0em; }
5482
-
5483
- .ui.table:last-child {
5484
- margin-bottom: 0em; }
5485
-
5486
- /*******************************
5487
- Parts
5488
- *******************************/
5489
- /* Table Content */
5490
- .ui.table th,
5491
- .ui.table td {
5492
- -webkit-transition: background 0.1s ease, color 0.1s ease;
5493
- transition: background 0.1s ease, color 0.1s ease; }
5494
-
5495
- /* Headers */
5496
- .ui.table thead {
5497
- box-shadow: none; }
5498
-
5499
- .ui.table thead th {
5500
- cursor: auto;
5501
- background: #f9fafb;
5502
- text-align: inherit;
5503
- color: rgba(0, 0, 0, 0.87);
5504
- padding: 0.92857143em 0.71428571em;
5505
- vertical-align: inherit;
5506
- font-style: none;
5507
- font-weight: bold;
5508
- text-transform: none;
5509
- border-bottom: 1px solid rgba(34, 36, 38, 0.1);
5510
- border-left: none; }
5511
-
5512
- .ui.table thead tr > th:first-child {
5513
- border-left: none; }
5514
-
5515
- .ui.table thead tr:first-child > th:first-child {
5516
- border-radius: 0.28571429rem 0em 0em 0em; }
5517
-
5518
- .ui.table thead tr:first-child > th:last-child {
5519
- border-radius: 0em 0.28571429rem 0em 0em; }
5520
-
5521
- .ui.table thead tr:first-child > th:only-child {
5522
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
5523
-
5524
- /* Footer */
5525
- .ui.table tfoot {
5526
- box-shadow: none; }
5527
-
5528
- .ui.table tfoot th {
5529
- cursor: auto;
5530
- border-top: 1px solid rgba(34, 36, 38, 0.15);
5531
- background: #f9fafb;
5532
- text-align: inherit;
5533
- color: rgba(0, 0, 0, 0.87);
5534
- padding: 0.71428571em 0.71428571em;
5535
- vertical-align: middle;
5536
- font-style: normal;
5537
- font-weight: normal;
5538
- text-transform: none; }
5539
-
5540
- .ui.table tfoot tr > th:first-child {
5541
- border-left: none; }
5542
-
5543
- .ui.table tfoot tr:first-child > th:first-child {
5544
- border-radius: 0em 0em 0em 0.28571429rem; }
5545
-
5546
- .ui.table tfoot tr:first-child > th:last-child {
5547
- border-radius: 0em 0em 0.28571429rem 0em; }
5548
-
5549
- .ui.table tfoot tr:first-child > th:only-child {
5550
- border-radius: 0em 0em 0.28571429rem 0.28571429rem; }
5551
-
5552
- /* Table Row */
5553
- .ui.table tr td {
5554
- border-top: 1px solid rgba(34, 36, 38, 0.1); }
5555
-
5556
- .ui.table tr:first-child td {
5557
- border-top: none; }
5558
-
5559
- /* Table Cells */
5560
- .ui.table td {
5561
- padding: 0.71428571em 0.71428571em;
5562
- text-align: inherit; }
5563
-
5564
- /* Icons */
5565
- .ui.table > .icon {
5566
- vertical-align: baseline; }
5567
-
5568
- .ui.table > .icon:only-child {
5569
- margin: 0em; }
5570
-
5571
- /* Table Segment */
5572
- .ui.table.segment {
5573
- padding: 0em; }
5574
-
5575
- .ui.table.segment:after {
5576
- display: none; }
5577
-
5578
- .ui.table.segment.stacked:after {
5579
- display: block; }
5580
-
5581
- /* Responsive */
5582
- @media only screen and (max-width: 767px) {
5583
- .ui.table:not(.unstackable) {
5584
- width: 100%; }
5585
-
5586
- .ui.table:not(.unstackable) tbody,
5587
- .ui.table:not(.unstackable) tr,
5588
- .ui.table:not(.unstackable) tr > th,
5589
- .ui.table:not(.unstackable) tr > td {
5590
- width: auto !important;
5591
- display: block !important; }
5592
-
5593
- .ui.table:not(.unstackable) {
5594
- padding: 0em; }
5595
-
5596
- .ui.table:not(.unstackable) thead {
5597
- display: block; }
5598
-
5599
- .ui.table:not(.unstackable) tfoot {
5600
- display: block; }
5601
-
5602
- .ui.table:not(.unstackable) tr {
5603
- padding-top: 1em;
5604
- padding-bottom: 1em;
5605
- box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; }
5606
-
5607
- .ui.table:not(.unstackable) tr > th,
5608
- .ui.table:not(.unstackable) tr > td {
5609
- background: none;
5610
- border: none !important;
5611
- padding: 0.25em 0.75em !important;
5612
- box-shadow: none !important; }
5613
-
5614
- .ui.table:not(.unstackable) th:first-child,
5615
- .ui.table:not(.unstackable) td:first-child {
5616
- font-weight: bold; }
5617
-
5618
- /* Definition Table */
5619
- .ui.definition.table:not(.unstackable) thead th:first-child {
5620
- box-shadow: none !important; } }
5621
- /*******************************
5622
- Coupling
5623
- *******************************/
5624
- /* UI Image */
5625
- .ui.table th .image,
5626
- .ui.table th .image img,
5627
- .ui.table td .image,
5628
- .ui.table td .image img {
5629
- max-width: none; }
5630
-
5631
- /*******************************
5632
- Types
5633
- *******************************/
5634
- /*--------------
5635
- Complex
5636
- ---------------*/
5637
- .ui.structured.table {
5638
- border-collapse: collapse; }
5639
-
5640
- .ui.structured.table thead th {
5641
- border-left: none;
5642
- border-right: none; }
5643
-
5644
- .ui.structured.sortable.table thead th {
5645
- border-left: 1px solid rgba(34, 36, 38, 0.15);
5646
- border-right: 1px solid rgba(34, 36, 38, 0.15); }
5647
-
5648
- .ui.structured.basic.table th {
5649
- border-left: none;
5650
- border-right: none; }
5651
-
5652
- .ui.structured.celled.table tr th,
5653
- .ui.structured.celled.table tr td {
5654
- border-left: 1px solid rgba(34, 36, 38, 0.1);
5655
- border-right: 1px solid rgba(34, 36, 38, 0.1); }
5656
-
5657
- /*--------------
5658
- Definition
5659
- ---------------*/
5660
- .ui.definition.table thead:not(.full-width) th:first-child {
5661
- pointer-events: none;
5662
- background: transparent;
5663
- font-weight: normal;
5664
- color: rgba(0, 0, 0, 0.4);
5665
- box-shadow: -1px -1px 0px 1px #ffffff; }
5666
-
5667
- .ui.definition.table tfoot:not(.full-width) th:first-child {
5668
- pointer-events: none;
5669
- background: transparent;
5670
- font-weight: rgba(0, 0, 0, 0.4);
5671
- color: normal;
5672
- box-shadow: 1px 1px 0px 1px #ffffff; }
5673
-
5674
- /* Remove Border */
5675
- .ui.celled.definition.table thead:not(.full-width) th:first-child {
5676
- box-shadow: 0px -1px 0px 1px #ffffff; }
5677
-
5678
- .ui.celled.definition.table tfoot:not(.full-width) th:first-child {
5679
- box-shadow: 0px 1px 0px 1px #ffffff; }
5680
-
5681
- /* Highlight Defining Column */
5682
- .ui.definition.table tr td:first-child {
5683
- background: rgba(0, 0, 0, 0.03);
5684
- font-weight: bold;
5685
- color: rgba(0, 0, 0, 0.95); }
5686
-
5687
- /* Fix 2nd Column */
5688
- .ui.definition.table thead:not(.full-width) th:nth-child(2) {
5689
- border-left: 1px solid rgba(34, 36, 38, 0.15); }
5690
-
5691
- .ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
5692
- border-left: 1px solid rgba(34, 36, 38, 0.15); }
5693
-
5694
- .ui.definition.table td:nth-child(2) {
5695
- border-left: 1px solid rgba(34, 36, 38, 0.15); }
5696
-
5697
- /*******************************
5698
- States
5699
- *******************************/
5700
- /*--------------
5701
- Positive
5702
- ---------------*/
5703
- .ui.table tr.positive,
5704
- .ui.table td.positive {
5705
- box-shadow: 0px 0px 0px #a3c293 inset; }
5706
-
5707
- .ui.table tr.positive,
5708
- .ui.table td.positive {
5709
- background: #fcfff5 !important;
5710
- color: #2c662d !important; }
5711
-
5712
- /*--------------
5713
- Negative
5714
- ---------------*/
5715
- .ui.table tr.negative,
5716
- .ui.table td.negative {
5717
- box-shadow: 0px 0px 0px #e0b4b4 inset; }
5718
-
5719
- .ui.table tr.negative,
5720
- .ui.table td.negative {
5721
- background: #fff6f6 !important;
5722
- color: #9f3a38 !important; }
5723
-
5724
- /*--------------
5725
- Error
5726
- ---------------*/
5727
- .ui.table tr.error,
5728
- .ui.table td.error {
5729
- box-shadow: 0px 0px 0px #e0b4b4 inset; }
5730
-
5731
- .ui.table tr.error,
5732
- .ui.table td.error {
5733
- background: #fff6f6 !important;
5734
- color: #9f3a38 !important; }
5735
-
5736
- /*--------------
5737
- Warning
5738
- ---------------*/
5739
- .ui.table tr.warning,
5740
- .ui.table td.warning {
5741
- box-shadow: 0px 0px 0px #c9ba9b inset; }
5742
-
5743
- .ui.table tr.warning,
5744
- .ui.table td.warning {
5745
- background: #fffaf3 !important;
5746
- color: #573a08 !important; }
5747
-
5748
- /*--------------
5749
- Active
5750
- ---------------*/
5751
- .ui.table tr.active,
5752
- .ui.table td.active {
5753
- box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset; }
5754
-
5755
- .ui.table tr.active,
5756
- .ui.table td.active {
5757
- background: #e0e0e0 !important;
5758
- color: rgba(0, 0, 0, 0.87) !important; }
5759
-
5760
- /*--------------
5761
- Disabled
5762
- ---------------*/
5763
- .ui.table tr.disabled td,
5764
- .ui.table tr td.disabled,
5765
- .ui.table tr.disabled:hover,
5766
- .ui.table tr:hover td.disabled {
5767
- pointer-events: none;
5768
- color: rgba(40, 40, 40, 0.3); }
5769
-
5770
- /*******************************
5771
- Variations
5772
- *******************************/
5773
- /*--------------
5774
- Stackable
5775
- ---------------*/
5776
- @media only screen and (max-width: 991px) {
5777
- .ui[class*="tablet stackable"].table,
5778
- .ui[class*="tablet stackable"].table tbody,
5779
- .ui[class*="tablet stackable"].table tr,
5780
- .ui[class*="tablet stackable"].table tr > th,
5781
- .ui[class*="tablet stackable"].table tr > td {
5782
- width: 100% !important;
5783
- display: block !important; }
5784
-
5785
- .ui[class*="tablet stackable"].table {
5786
- padding: 0em; }
5787
-
5788
- .ui[class*="tablet stackable"].table thead {
5789
- display: block; }
5790
-
5791
- .ui[class*="tablet stackable"].table tfoot {
5792
- display: block; }
5793
-
5794
- .ui[class*="tablet stackable"].table tr {
5795
- padding-top: 1em;
5796
- padding-bottom: 1em;
5797
- box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; }
5798
-
5799
- .ui[class*="tablet stackable"].table tr > th,
5800
- .ui[class*="tablet stackable"].table tr > td {
5801
- background: none;
5802
- border: none !important;
5803
- padding: 0.25em 0.75em;
5804
- box-shadow: none !important; }
5805
-
5806
- /* Definition Table */
5807
- .ui.definition[class*="tablet stackable"].table thead th:first-child {
5808
- box-shadow: none !important; } }
5809
- /*--------------
5810
- Text Alignment
5811
- ---------------*/
5812
- .ui.table[class*="left aligned"],
5813
- .ui.table [class*="left aligned"] {
5814
- text-align: left; }
5815
-
5816
- .ui.table[class*="center aligned"],
5817
- .ui.table [class*="center aligned"] {
5818
- text-align: center; }
5819
-
5820
- .ui.table[class*="right aligned"],
5821
- .ui.table [class*="right aligned"] {
5822
- text-align: right; }
5823
-
5824
- /*------------------
5825
- Vertical Alignment
5826
- ------------------*/
5827
- .ui.table[class*="top aligned"],
5828
- .ui.table [class*="top aligned"] {
5829
- vertical-align: top; }
5830
-
5831
- .ui.table[class*="middle aligned"],
5832
- .ui.table [class*="middle aligned"] {
5833
- vertical-align: middle; }
5834
-
5835
- .ui.table[class*="bottom aligned"],
5836
- .ui.table [class*="bottom aligned"] {
5837
- vertical-align: bottom; }
5838
-
5839
- /*--------------
5840
- Collapsing
5841
- ---------------*/
5842
- .ui.table th.collapsing,
5843
- .ui.table td.collapsing {
5844
- width: 1px;
5845
- white-space: nowrap; }
5846
-
5847
- /*--------------
5848
- Fixed
5849
- ---------------*/
5850
- .ui.fixed.table {
5851
- table-layout: fixed; }
5852
-
5853
- .ui.fixed.table th,
5854
- .ui.fixed.table td {
5855
- overflow: hidden;
5856
- text-overflow: ellipsis; }
5857
-
5858
- /*--------------
5859
- Hoverable
5860
- ---------------*/
5861
- .ui.selectable.table tbody tr:hover {
5862
- background: rgba(0, 0, 0, 0.05) !important;
5863
- color: rgba(0, 0, 0, 0.95) !important; }
5864
-
5865
- .ui.selectable.inverted.table tbody tr:hover {
5866
- background: rgba(255, 255, 255, 0.08) !important;
5867
- color: #ffffff !important; }
5868
-
5869
- /* Other States */
5870
- .ui.selectable.table tr.error:hover,
5871
- .ui.selectable.table tr:hover td.error {
5872
- background: #ffe7e7 !important;
5873
- color: #943634 !important; }
5874
-
5875
- .ui.selectable.table tr.warning:hover,
5876
- .ui.selectable.table tr:hover td.warning {
5877
- background: #fff4e4 !important;
5878
- color: #493107 !important; }
5879
-
5880
- .ui.selectable.table tr.active:hover,
5881
- .ui.selectable.table tr:hover td.active {
5882
- background: #e0e0e0 !important;
5883
- color: rgba(0, 0, 0, 0.87) !important; }
5884
-
5885
- .ui.selectable.table tr.positive:hover,
5886
- .ui.selectable.table tr:hover td.positive {
5887
- background: #f7ffe6 !important;
5888
- color: #275b28 !important; }
5889
-
5890
- .ui.selectable.table tr.negative:hover,
5891
- .ui.selectable.table tr:hover td.negative {
5892
- background: #ffe7e7 !important;
5893
- color: #943634 !important; }
5894
-
5895
- /*-------------------
5896
- Attached
5897
- --------------------*/
5898
- /* Middle */
5899
- .ui.attached.table {
5900
- top: 0px;
5901
- bottom: 0px;
5902
- border-radius: 0px;
5903
- margin: 0em -1px;
5904
- width: calc(100% + 2px );
5905
- max-width: calc(100% + 2px );
5906
- box-shadow: none;
5907
- border: 1px solid #d4d4d5; }
5908
-
5909
- .ui.attached + .ui.attached.table:not(.top) {
5910
- border-top: none; }
5911
-
5912
- /* Top */
5913
- .ui[class*="top attached"].table {
5914
- bottom: 0px;
5915
- margin-bottom: 0em;
5916
- top: 0px;
5917
- margin-top: 1em;
5918
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
5919
-
5920
- .ui.table[class*="top attached"]:first-child {
5921
- margin-top: 0em; }
5922
-
5923
- /* Bottom */
5924
- .ui[class*="bottom attached"].table {
5925
- bottom: 0px;
5926
- margin-top: 0em;
5927
- top: 0px;
5928
- margin-bottom: 1em;
5929
- box-shadow: none, none;
5930
- border-radius: 0em 0em 0.28571429rem 0.28571429rem; }
5931
-
5932
- .ui[class*="bottom attached"].table:last-child {
5933
- margin-bottom: 0em; }
5934
-
5935
- /*--------------
5936
- Striped
5937
- ---------------*/
5938
- /* Table Striping */
5939
- .ui.striped.table > tr:nth-child(2n),
5940
- .ui.striped.table tbody tr:nth-child(2n) {
5941
- background-color: rgba(0, 0, 50, 0.02); }
5942
-
5943
- /* Stripes */
5944
- .ui.inverted.striped.table > tr:nth-child(2n),
5945
- .ui.inverted.striped.table tbody tr:nth-child(2n) {
5946
- background-color: rgba(255, 255, 255, 0.05); }
5947
-
5948
- /*--------------
5949
- Single Line
5950
- ---------------*/
5951
- .ui.table[class*="single line"],
5952
- .ui.table [class*="single line"] {
5953
- white-space: nowrap; }
5954
-
5955
- .ui.table[class*="single line"],
5956
- .ui.table [class*="single line"] {
5957
- white-space: nowrap; }
5958
-
5959
- /*-------------------
5960
- Colors
5961
- --------------------*/
5962
- /* Red */
5963
- .ui.red.table {
5964
- border-top: 0.2em solid #db2828; }
5965
-
5966
- .ui.inverted.red.table {
5967
- background-color: #db2828 !important;
5968
- color: #ffffff !important; }
5969
-
5970
- /* Orange */
5971
- .ui.orange.table {
5972
- border-top: 0.2em solid #f2711c; }
5973
-
5974
- .ui.inverted.orange.table {
5975
- background-color: #f2711c !important;
5976
- color: #ffffff !important; }
5977
-
5978
- /* Yellow */
5979
- .ui.yellow.table {
5980
- border-top: 0.2em solid #fbbd08; }
5981
-
5982
- .ui.inverted.yellow.table {
5983
- background-color: #fbbd08 !important;
5984
- color: #ffffff !important; }
5985
-
5986
- /* Olive */
5987
- .ui.olive.table {
5988
- border-top: 0.2em solid #b5cc18; }
5989
-
5990
- .ui.inverted.olive.table {
5991
- background-color: #b5cc18 !important;
5992
- color: #ffffff !important; }
5993
-
5994
- /* Green */
5995
- .ui.green.table {
5996
- border-top: 0.2em solid #21ba45; }
5997
-
5998
- .ui.inverted.green.table {
5999
- background-color: #21ba45 !important;
6000
- color: #ffffff !important; }
6001
-
6002
- /* Teal */
6003
- .ui.teal.table {
6004
- border-top: 0.2em solid #00b5ad; }
6005
-
6006
- .ui.inverted.teal.table {
6007
- background-color: #00b5ad !important;
6008
- color: #ffffff !important; }
6009
-
6010
- /* Blue */
6011
- .ui.blue.table {
6012
- border-top: 0.2em solid #2185d0; }
6013
-
6014
- .ui.inverted.blue.table {
6015
- background-color: #2185d0 !important;
6016
- color: #ffffff !important; }
6017
-
6018
- /* Violet */
6019
- .ui.violet.table {
6020
- border-top: 0.2em solid #6435c9; }
6021
-
6022
- .ui.inverted.violet.table {
6023
- background-color: #6435c9 !important;
6024
- color: #ffffff !important; }
6025
-
6026
- /* Purple */
6027
- .ui.purple.table {
6028
- border-top: 0.2em solid #a333c8; }
6029
-
6030
- .ui.inverted.purple.table {
6031
- background-color: #a333c8 !important;
6032
- color: #ffffff !important; }
6033
-
6034
- /* Pink */
6035
- .ui.pink.table {
6036
- border-top: 0.2em solid #e03997; }
6037
-
6038
- .ui.inverted.pink.table {
6039
- background-color: #e03997 !important;
6040
- color: #ffffff !important; }
6041
-
6042
- /* Brown */
6043
- .ui.brown.table {
6044
- border-top: 0.2em solid #a5673f; }
6045
-
6046
- .ui.inverted.brown.table {
6047
- background-color: #a5673f !important;
6048
- color: #ffffff !important; }
6049
-
6050
- /* Grey */
6051
- .ui.grey.table {
6052
- border-top: 0.2em solid #767676; }
6053
-
6054
- .ui.inverted.grey.table {
6055
- background-color: #767676 !important;
6056
- color: #ffffff !important; }
6057
-
6058
- /* Black */
6059
- .ui.black.table {
6060
- border-top: 0.2em solid #1b1c1d; }
6061
-
6062
- .ui.inverted.black.table {
6063
- background-color: #1b1c1d !important;
6064
- color: #ffffff !important; }
6065
-
6066
- /*--------------
6067
- Column Count
6068
- ---------------*/
6069
- /* Grid Based */
6070
- .ui.one.column.table td {
6071
- width: 100%; }
6072
-
6073
- .ui.two.column.table td {
6074
- width: 50%; }
6075
-
6076
- .ui.three.column.table td {
6077
- width: 33.33333333%; }
6078
-
6079
- .ui.four.column.table td {
6080
- width: 25%; }
6081
-
6082
- .ui.five.column.table td {
6083
- width: 20%; }
6084
-
6085
- .ui.six.column.table td {
6086
- width: 16.66666667%; }
6087
-
6088
- .ui.seven.column.table td {
6089
- width: 14.28571429%; }
6090
-
6091
- .ui.eight.column.table td {
6092
- width: 12.5%; }
6093
-
6094
- .ui.nine.column.table td {
6095
- width: 11.11111111%; }
6096
-
6097
- .ui.ten.column.table td {
6098
- width: 10%; }
6099
-
6100
- .ui.eleven.column.table td {
6101
- width: 9.09090909%; }
6102
-
6103
- .ui.twelve.column.table td {
6104
- width: 8.33333333%; }
6105
-
6106
- .ui.thirteen.column.table td {
6107
- width: 7.69230769%; }
6108
-
6109
- .ui.fourteen.column.table td {
6110
- width: 7.14285714%; }
6111
-
6112
- .ui.fifteen.column.table td {
6113
- width: 6.66666667%; }
6114
-
6115
- .ui.sixteen.column.table td {
6116
- width: 6.25%; }
6117
-
6118
- /* Column Width */
6119
- .ui.table th.one.wide,
6120
- .ui.table td.one.wide {
6121
- width: 6.25%; }
6122
-
6123
- .ui.table th.two.wide,
6124
- .ui.table td.two.wide {
6125
- width: 12.5%; }
6126
-
6127
- .ui.table th.three.wide,
6128
- .ui.table td.three.wide {
6129
- width: 18.75%; }
6130
-
6131
- .ui.table th.four.wide,
6132
- .ui.table td.four.wide {
6133
- width: 25%; }
6134
-
6135
- .ui.table th.five.wide,
6136
- .ui.table td.five.wide {
6137
- width: 31.25%; }
6138
-
6139
- .ui.table th.six.wide,
6140
- .ui.table td.six.wide {
6141
- width: 37.5%; }
6142
-
6143
- .ui.table th.seven.wide,
6144
- .ui.table td.seven.wide {
6145
- width: 43.75%; }
6146
-
6147
- .ui.table th.eight.wide,
6148
- .ui.table td.eight.wide {
6149
- width: 50%; }
6150
-
6151
- .ui.table th.nine.wide,
6152
- .ui.table td.nine.wide {
6153
- width: 56.25%; }
6154
-
6155
- .ui.table th.ten.wide,
6156
- .ui.table td.ten.wide {
6157
- width: 62.5%; }
6158
-
6159
- .ui.table th.eleven.wide,
6160
- .ui.table td.eleven.wide {
6161
- width: 68.75%; }
6162
-
6163
- .ui.table th.twelve.wide,
6164
- .ui.table td.twelve.wide {
6165
- width: 75%; }
6166
-
6167
- .ui.table th.thirteen.wide,
6168
- .ui.table td.thirteen.wide {
6169
- width: 81.25%; }
6170
-
6171
- .ui.table th.fourteen.wide,
6172
- .ui.table td.fourteen.wide {
6173
- width: 87.5%; }
6174
-
6175
- .ui.table th.fifteen.wide,
6176
- .ui.table td.fifteen.wide {
6177
- width: 93.75%; }
6178
-
6179
- .ui.table th.sixteen.wide,
6180
- .ui.table td.sixteen.wide {
6181
- width: 100%; }
6182
-
6183
- /*--------------
6184
- Sortable
6185
- ---------------*/
6186
- .ui.sortable.table thead th {
6187
- cursor: pointer;
6188
- white-space: nowrap;
6189
- border-left: 1px solid rgba(34, 36, 38, 0.15);
6190
- color: rgba(0, 0, 0, 0.87); }
6191
-
6192
- .ui.sortable.table thead th:first-child {
6193
- border-left: none; }
6194
-
6195
- .ui.sortable.table thead th.sorted,
6196
- .ui.sortable.table thead th.sorted:hover {
6197
- -webkit-user-select: none;
6198
- -moz-user-select: none;
6199
- -ms-user-select: none;
6200
- user-select: none; }
6201
-
6202
- .ui.sortable.table thead th:after {
6203
- display: none;
6204
- font-style: normal;
6205
- font-weight: normal;
6206
- text-decoration: inherit;
6207
- content: '';
6208
- height: 1em;
6209
- width: auto;
6210
- opacity: 0.8;
6211
- margin: 0em 0em 0em 0.5em;
6212
- font-family: 'Icons'; }
6213
-
6214
- .ui.sortable.table thead th.ascending:after {
6215
- content: '\f0d8'; }
6216
-
6217
- .ui.sortable.table thead th.descending:after {
6218
- content: '\f0d7'; }
6219
-
6220
- /* Hover */
6221
- .ui.sortable.table th.disabled:hover {
6222
- cursor: auto;
6223
- color: rgba(40, 40, 40, 0.3); }
6224
-
6225
- .ui.sortable.table thead th:hover {
6226
- background: rgba(0, 0, 0, 0.05);
6227
- color: rgba(0, 0, 0, 0.8); }
6228
-
6229
- /* Sorted */
6230
- .ui.sortable.table thead th.sorted {
6231
- background: rgba(0, 0, 0, 0.05);
6232
- color: rgba(0, 0, 0, 0.95); }
6233
-
6234
- .ui.sortable.table thead th.sorted:after {
6235
- display: inline-block; }
6236
-
6237
- /* Sorted Hover */
6238
- .ui.sortable.table thead th.sorted:hover {
6239
- background: rgba(0, 0, 0, 0.05);
6240
- color: rgba(0, 0, 0, 0.95); }
6241
-
6242
- /* Inverted */
6243
- .ui.inverted.sortable.table thead th.sorted {
6244
- background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
6245
- background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
6246
- color: #ffffff; }
6247
-
6248
- .ui.inverted.sortable.table thead th:hover {
6249
- background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
6250
- background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
6251
- color: #ffffff; }
6252
-
6253
- .ui.inverted.sortable.table thead th {
6254
- border-left-color: transparent;
6255
- border-right-color: transparent; }
6256
-
6257
- /*--------------
6258
- Inverted
6259
- ---------------*/
6260
- /* Text Color */
6261
- .ui.inverted.table {
6262
- background: #333333;
6263
- color: rgba(255, 255, 255, 0.9);
6264
- border: none; }
6265
-
6266
- .ui.inverted.table th {
6267
- background-color: rgba(0, 0, 0, 0.15);
6268
- border-color: rgba(255, 255, 255, 0.1) !important;
6269
- color: rgba(255, 255, 255, 0.9); }
6270
-
6271
- .ui.inverted.table tr td {
6272
- border-color: rgba(255, 255, 255, 0.1) !important; }
6273
-
6274
- .ui.inverted.table tr.disabled td,
6275
- .ui.inverted.table tr td.disabled,
6276
- .ui.inverted.table tr.disabled:hover td,
6277
- .ui.inverted.table tr:hover td.disabled {
6278
- pointer-events: none;
6279
- color: rgba(225, 225, 225, 0.3); }
6280
-
6281
- /* Definition */
6282
- .ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
6283
- .ui.inverted.definition.table thead:not(.full-width) th:first-child {
6284
- background: #ffffff; }
6285
-
6286
- .ui.inverted.definition.table tr td:first-child {
6287
- background: rgba(255, 255, 255, 0.02);
6288
- color: #ffffff; }
6289
-
6290
- /*--------------
6291
- Collapsing
6292
- ---------------*/
6293
- .ui.collapsing.table {
6294
- width: auto; }
6295
-
6296
- /*--------------
6297
- Basic
6298
- ---------------*/
6299
- .ui.basic.table {
6300
- background: transparent;
6301
- border: 1px solid rgba(34, 36, 38, 0.15);
6302
- box-shadow: none; }
6303
-
6304
- .ui.basic.table thead,
6305
- .ui.basic.table tfoot {
6306
- box-shadow: none; }
6307
-
6308
- .ui.basic.table th {
6309
- background: transparent;
6310
- border-left: none; }
6311
-
6312
- .ui.basic.table tbody tr {
6313
- border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
6314
-
6315
- .ui.basic.table td {
6316
- background: transparent; }
6317
-
6318
- .ui.basic.striped.table tbody tr:nth-child(2n) {
6319
- background-color: rgba(0, 0, 0, 0.05) !important; }
6320
-
6321
- /* Very Basic */
6322
- .ui[class*="very basic"].table {
6323
- border: none; }
6324
-
6325
- .ui[class*="very basic"].table:not(.sortable):not(.striped) th,
6326
- .ui[class*="very basic"].table:not(.sortable):not(.striped) td {
6327
- padding: ''; }
6328
-
6329
- .ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,
6330
- .ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
6331
- padding-left: 0em; }
6332
-
6333
- .ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child,
6334
- .ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
6335
- padding-right: 0em; }
6336
-
6337
- .ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
6338
- padding-top: 0em; }
6339
-
6340
- /*--------------
6341
- Celled
6342
- ---------------*/
6343
- .ui.celled.table tr th,
6344
- .ui.celled.table tr td {
6345
- border-left: 1px solid rgba(34, 36, 38, 0.1); }
6346
-
6347
- .ui.celled.table tr th:first-child,
6348
- .ui.celled.table tr td:first-child {
6349
- border-left: none; }
6350
-
6351
- /*--------------
6352
- Padded
6353
- ---------------*/
6354
- .ui.padded.table th {
6355
- padding-left: 1em;
6356
- padding-right: 1em; }
6357
-
6358
- .ui.padded.table th,
6359
- .ui.padded.table td {
6360
- padding: 1em 1em; }
6361
-
6362
- /* Very */
6363
- .ui[class*="very padded"].table th {
6364
- padding-left: 1.5em;
6365
- padding-right: 1.5em; }
6366
-
6367
- .ui[class*="very padded"].table td {
6368
- padding: 1.5em 1.5em; }
6369
-
6370
- /*--------------
6371
- Compact
6372
- ---------------*/
6373
- .ui.compact.table th {
6374
- padding-left: 0.7em;
6375
- padding-right: 0.7em; }
6376
-
6377
- .ui.compact.table td {
6378
- padding: 0.5em 0.7em; }
6379
-
6380
- /* Very */
6381
- .ui[class*="very compact"].table th {
6382
- padding-left: 0.6em;
6383
- padding-right: 0.6em; }
6384
-
6385
- .ui[class*="very compact"].table td {
6386
- padding: 0.4em 0.6em; }
6387
-
6388
- /*--------------
6389
- Sizes
6390
- ---------------*/
6391
- /* Small */
6392
- .ui.small.table {
6393
- font-size: 0.9em; }
6394
-
6395
- /* Standard */
6396
- .ui.table {
6397
- font-size: 1em; }
6398
-
6399
- /* Large */
6400
- .ui.large.table {
6401
- font-size: 1.1em; }
6402
-
6403
- /*******************************
6404
- Site Overrides
6405
- *******************************/
6406
- /*!
6407
- * # Semantic UI 2.1.3 - Button
6408
- * http://github.com/semantic-org/semantic-ui/
6409
- *
6410
- *
6411
- * Copyright 2015 Contributors
6412
- * Released under the MIT license
6413
- * http://opensource.org/licenses/MIT
6414
- *
6415
- */
6416
- /*******************************
6417
- Button
6418
- *******************************/
6419
- .ui.button {
6420
- cursor: pointer;
6421
- display: inline-block;
6422
- min-height: 1em;
6423
- outline: none;
6424
- border: none;
6425
- vertical-align: baseline;
6426
- background: #e0e1e2 none;
6427
- color: rgba(0, 0, 0, 0.6);
6428
- font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
6429
- margin: 0em 0.25em 0em 0em;
6430
- padding: 0.78571429em 1.5em 0.78571429em;
6431
- text-transform: none;
6432
- text-shadow: none;
6433
- font-weight: bold;
6434
- line-height: 1em;
6435
- font-style: normal;
6436
- text-align: center;
6437
- text-decoration: none;
6438
- border-radius: 0.28571429rem;
6439
- box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
6440
- -webkit-user-select: none;
6441
- -moz-user-select: none;
6442
- -ms-user-select: none;
6443
- user-select: none;
6444
- -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
6445
- transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
6446
- will-change: '';
6447
- -webkit-tap-highlight-color: transparent; }
6448
-
6449
- /*******************************
6450
- States
6451
- *******************************/
6452
- /*--------------
6453
- Hover
6454
- ---------------*/
6455
- .ui.button:hover {
6456
- background-color: #cacbcd;
6457
- background-image: none;
6458
- box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
6459
- color: rgba(0, 0, 0, 0.8); }
6460
-
6461
- .ui.button:hover .icon {
6462
- opacity: 0.85; }
6463
-
6464
- /*--------------
6465
- Focus
6466
- ---------------*/
6467
- .ui.button:focus {
6468
- background-color: #cacbcd;
6469
- color: rgba(0, 0, 0, 0.8);
6470
- background-image: '' !important;
6471
- box-shadow: '' !important; }
6472
-
6473
- .ui.button:focus .icon {
6474
- opacity: 0.85; }
6475
-
6476
- /*--------------
6477
- Down
6478
- ---------------*/
6479
- .ui.button:active,
6480
- .ui.active.button:active {
6481
- background-color: #babbbc;
6482
- background-image: '';
6483
- color: rgba(0, 0, 0, 0.9);
6484
- box-shadow: 0px 0px 0px 1px transparent inset, none; }
6485
-
6486
- /*--------------
6487
- Active
6488
- ---------------*/
6489
- .ui.active.button {
6490
- background-color: #c0c1c2;
6491
- background-image: none;
6492
- box-shadow: 0px 0px 0px 1px transparent inset;
6493
- color: rgba(0, 0, 0, 0.95); }
6494
-
6495
- .ui.active.button:hover {
6496
- background-color: #c0c1c2;
6497
- background-image: none;
6498
- color: rgba(0, 0, 0, 0.95); }
6499
-
6500
- .ui.active.button:active {
6501
- background-color: #c0c1c2;
6502
- background-image: none; }
6503
-
6504
- /*--------------
6505
- Loading
6506
- ---------------*/
6507
- /* Specificity hack */
6508
- .ui.loading.loading.loading.loading.loading.loading.button {
6509
- position: relative;
6510
- cursor: default;
6511
- text-shadow: none !important;
6512
- color: transparent !important;
6513
- opacity: 1;
6514
- pointer-events: auto;
6515
- -webkit-transition: all 0s linear, opacity 0.1s ease;
6516
- transition: all 0s linear, opacity 0.1s ease; }
6517
-
6518
- .ui.loading.button:before {
6519
- position: absolute;
6520
- content: '';
6521
- top: 50%;
6522
- left: 50%;
6523
- margin: -0.64285714em 0em 0em -0.64285714em;
6524
- width: 1.28571429em;
6525
- height: 1.28571429em;
6526
- border-radius: 500rem;
6527
- border: 0.2em solid rgba(0, 0, 0, 0.15); }
6528
-
6529
- .ui.loading.button:after {
6530
- position: absolute;
6531
- content: '';
6532
- top: 50%;
6533
- left: 50%;
6534
- margin: -0.64285714em 0em 0em -0.64285714em;
6535
- width: 1.28571429em;
6536
- height: 1.28571429em;
6537
- -webkit-animation: button-spin 0.6s linear;
6538
- animation: button-spin 0.6s linear;
6539
- -webkit-animation-iteration-count: infinite;
6540
- animation-iteration-count: infinite;
6541
- border-radius: 500rem;
6542
- border-color: #ffffff transparent transparent;
6543
- border-style: solid;
6544
- border-width: 0.2em;
6545
- box-shadow: 0px 0px 0px 1px transparent; }
6546
-
6547
- .ui.labeled.icon.loading.button .icon {
6548
- background-color: transparent;
6549
- box-shadow: none; }
6550
-
6551
- @-webkit-keyframes button-spin {
6552
- from {
6553
- -webkit-transform: rotate(0deg);
6554
- transform: rotate(0deg); }
6555
- to {
6556
- -webkit-transform: rotate(360deg);
6557
- transform: rotate(360deg); } }
6558
- @keyframes button-spin {
6559
- from {
6560
- -webkit-transform: rotate(0deg);
6561
- transform: rotate(0deg); }
6562
- to {
6563
- -webkit-transform: rotate(360deg);
6564
- transform: rotate(360deg); } }
6565
- .ui.basic.loading.button:not(.inverted):before {
6566
- border-color: rgba(0, 0, 0, 0.1); }
6567
-
6568
- .ui.basic.loading.button:not(.inverted):after {
6569
- border-top-color: #767676; }
6570
-
6571
- /*-------------------
6572
- Disabled
6573
- --------------------*/
6574
- .ui.buttons .disabled.button,
6575
- .ui.disabled.button,
6576
- .ui.button:disabled,
6577
- .ui.disabled.button:hover,
6578
- .ui.disabled.active.button {
6579
- cursor: default;
6580
- opacity: 0.45 !important;
6581
- background-image: none !important;
6582
- box-shadow: none !important;
6583
- pointer-events: none; }
6584
-
6585
- /* Basic Group With Disabled */
6586
- .ui.basic.buttons .ui.disabled.button {
6587
- border-color: rgba(34, 36, 38, 0.5); }
6588
-
6589
- /*******************************
6590
- Types
6591
- *******************************/
6592
- /*-------------------
6593
- Animated
6594
- --------------------*/
6595
- .ui.animated.button {
6596
- position: relative;
6597
- overflow: hidden;
6598
- padding-right: 0em !important;
6599
- vertical-align: middle;
6600
- z-index: 1; }
6601
-
6602
- .ui.animated.button .content {
6603
- will-change: transform, opacity; }
6604
-
6605
- .ui.animated.button .visible.content {
6606
- position: relative;
6607
- margin-right: 1.5em; }
6608
-
6609
- .ui.animated.button .hidden.content {
6610
- position: absolute;
6611
- width: 100%; }
6612
-
6613
- /* Horizontal */
6614
- .ui.animated.button .visible.content,
6615
- .ui.animated.button .hidden.content {
6616
- -webkit-transition: right 0.3s ease 0s;
6617
- transition: right 0.3s ease 0s; }
6618
-
6619
- .ui.animated.button .visible.content {
6620
- left: auto;
6621
- right: 0%; }
6622
-
6623
- .ui.animated.button .hidden.content {
6624
- top: 50%;
6625
- left: auto;
6626
- right: -100%;
6627
- margin-top: -0.5em; }
6628
-
6629
- .ui.animated.button:focus .visible.content,
6630
- .ui.animated.button:hover .visible.content {
6631
- left: auto;
6632
- right: 200%; }
6633
-
6634
- .ui.animated.button:focus .hidden.content,
6635
- .ui.animated.button:hover .hidden.content {
6636
- left: auto;
6637
- right: 0%; }
6638
-
6639
- /* Vertical */
6640
- .ui.vertical.animated.button .visible.content,
6641
- .ui.vertical.animated.button .hidden.content {
6642
- -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease;
6643
- transition: top 0.3s ease, transform 0.3s ease; }
6644
-
6645
- .ui.vertical.animated.button .visible.content {
6646
- -webkit-transform: translateY(0%);
6647
- -ms-transform: translateY(0%);
6648
- transform: translateY(0%);
6649
- right: auto; }
6650
-
6651
- .ui.vertical.animated.button .hidden.content {
6652
- top: -50%;
6653
- left: 0%;
6654
- right: auto; }
6655
-
6656
- .ui.vertical.animated.button:focus .visible.content,
6657
- .ui.vertical.animated.button:hover .visible.content {
6658
- -webkit-transform: translateY(200%);
6659
- -ms-transform: translateY(200%);
6660
- transform: translateY(200%);
6661
- right: auto; }
6662
-
6663
- .ui.vertical.animated.button:focus .hidden.content,
6664
- .ui.vertical.animated.button:hover .hidden.content {
6665
- top: 50%;
6666
- right: auto; }
6667
-
6668
- /* Fade */
6669
- .ui.fade.animated.button .visible.content,
6670
- .ui.fade.animated.button .hidden.content {
6671
- -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
6672
- transition: opacity 0.3s ease, transform 0.3s ease; }
6673
-
6674
- .ui.fade.animated.button .visible.content {
6675
- left: auto;
6676
- right: auto;
6677
- opacity: 1;
6678
- -webkit-transform: scale(1);
6679
- -ms-transform: scale(1);
6680
- transform: scale(1); }
6681
-
6682
- .ui.fade.animated.button .hidden.content {
6683
- opacity: 0;
6684
- left: 0%;
6685
- right: auto;
6686
- -webkit-transform: scale(1.5);
6687
- -ms-transform: scale(1.5);
6688
- transform: scale(1.5); }
6689
-
6690
- .ui.fade.animated.button:focus .visible.content,
6691
- .ui.fade.animated.button:hover .visible.content {
6692
- left: auto;
6693
- right: auto;
6694
- opacity: 0;
6695
- -webkit-transform: scale(0.75);
6696
- -ms-transform: scale(0.75);
6697
- transform: scale(0.75); }
6698
-
6699
- .ui.fade.animated.button:focus .hidden.content,
6700
- .ui.fade.animated.button:hover .hidden.content {
6701
- left: 0%;
6702
- right: auto;
6703
- opacity: 1;
6704
- -webkit-transform: scale(1);
6705
- -ms-transform: scale(1);
6706
- transform: scale(1); }
6707
-
6708
- /*-------------------
6709
- Inverted
6710
- --------------------*/
6711
- .ui.inverted.button {
6712
- box-shadow: 0px 0px 0px 2px #ffffff inset !important;
6713
- background: transparent none;
6714
- color: #ffffff;
6715
- text-shadow: none !important; }
6716
-
6717
- /* Group */
6718
- .ui.inverted.buttons .button {
6719
- margin: 0px 0px 0px -2px; }
6720
-
6721
- .ui.inverted.buttons .button:first-child {
6722
- margin-left: 0em; }
6723
-
6724
- .ui.inverted.vertical.buttons .button {
6725
- margin: 0px 0px -2px 0px; }
6726
-
6727
- .ui.inverted.vertical.buttons .button:first-child {
6728
- margin-top: 0em; }
6729
-
6730
- /* States */
6731
- /* Hover */
6732
- .ui.inverted.button:hover {
6733
- background: #ffffff;
6734
- box-shadow: 0px 0px 0px 2px #ffffff inset !important;
6735
- color: rgba(0, 0, 0, 0.8); }
6736
-
6737
- /* Active / Focus */
6738
- .ui.inverted.button:focus,
6739
- .ui.inverted.button.active {
6740
- background: #ffffff;
6741
- box-shadow: 0px 0px 0px 2px #ffffff inset !important;
6742
- color: rgba(0, 0, 0, 0.8); }
6743
-
6744
- /* Active Focus */
6745
- .ui.inverted.button.active:focus {
6746
- background: #dcddde;
6747
- box-shadow: 0px 0px 0px 2px #dcddde inset !important;
6748
- color: rgba(0, 0, 0, 0.8); }
6749
-
6750
- /*-------------------
6751
- Labeled Button
6752
- --------------------*/
6753
- .ui.labeled.button:not(.icon) {
6754
- display: -webkit-inline-box;
6755
- display: -webkit-inline-flex;
6756
- display: -ms-inline-flexbox;
6757
- display: inline-flex;
6758
- -webkit-box-orient: horizontal;
6759
- -webkit-box-direction: normal;
6760
- -webkit-flex-direction: row;
6761
- -ms-flex-direction: row;
6762
- flex-direction: row;
6763
- background: none !important;
6764
- padding: 0px !important;
6765
- border: none !important;
6766
- box-shadow: none !important; }
6767
-
6768
- .ui.labeled.button > .button {
6769
- margin: 0px; }
6770
-
6771
- .ui.labeled.button > .label {
6772
- display: -webkit-box;
6773
- display: -webkit-flex;
6774
- display: -ms-flexbox;
6775
- display: flex;
6776
- -webkit-box-align: center;
6777
- -webkit-align-items: center;
6778
- -ms-flex-align: center;
6779
- align-items: center;
6780
- margin: 0px 0px 0px -1px !important;
6781
- padding: '';
6782
- font-size: 1em;
6783
- border-color: rgba(34, 36, 38, 0.15); }
6784
-
6785
- /* Tag */
6786
- .ui.labeled.button > .tag.label:before {
6787
- width: 1.85em;
6788
- height: 1.85em; }
6789
-
6790
- /* Right */
6791
- .ui.labeled.button:not([class*="left labeled"]) > .button {
6792
- border-top-right-radius: 0px;
6793
- border-bottom-right-radius: 0px; }
6794
-
6795
- .ui.labeled.button:not([class*="left labeled"]) > .label {
6796
- border-top-left-radius: 0px;
6797
- border-bottom-left-radius: 0px; }
6798
-
6799
- /* Left Side */
6800
- .ui[class*="left labeled"].button > .button {
6801
- border-top-left-radius: 0px;
6802
- border-bottom-left-radius: 0px; }
6803
-
6804
- .ui[class*="left labeled"].button > .label {
6805
- border-top-right-radius: 0px;
6806
- border-bottom-right-radius: 0px; }
6807
-
6808
- /*-------------------
6809
- Social
6810
- --------------------*/
6811
- /* Facebook */
6812
- .ui.facebook.button {
6813
- background-color: #3b5998;
6814
- color: #ffffff;
6815
- text-shadow: none;
6816
- background-image: none;
6817
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
6818
-
6819
- .ui.facebook.button:hover {
6820
- background-color: #304d8a;
6821
- color: #ffffff;
6822
- text-shadow: none; }
6823
-
6824
- .ui.facebook.button:active {
6825
- background-color: #2d4373;
6826
- color: #ffffff;
6827
- text-shadow: none; }
6828
-
6829
- /* Twitter */
6830
- .ui.twitter.button {
6831
- background-color: #0084b4;
6832
- color: #ffffff;
6833
- text-shadow: none;
6834
- background-image: none;
6835
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
6836
-
6837
- .ui.twitter.button:hover {
6838
- background-color: #00719b;
6839
- color: #ffffff;
6840
- text-shadow: none; }
6841
-
6842
- .ui.twitter.button:active {
6843
- background-color: #005f81;
6844
- color: #ffffff;
6845
- text-shadow: none; }
6846
-
6847
- /* Google Plus */
6848
- .ui.google.plus.button {
6849
- background-color: #dc4a38;
6850
- color: #ffffff;
6851
- text-shadow: none;
6852
- background-image: none;
6853
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
6854
-
6855
- .ui.google.plus.button:hover {
6856
- background-color: #de321d;
6857
- color: #ffffff;
6858
- text-shadow: none; }
6859
-
6860
- .ui.google.plus.button:active {
6861
- background-color: #bf3322;
6862
- color: #ffffff;
6863
- text-shadow: none; }
6864
-
6865
- /* Linked In */
6866
- .ui.linkedin.button {
6867
- background-color: #1f88be;
6868
- color: #ffffff;
6869
- text-shadow: none; }
6870
-
6871
- .ui.linkedin.button:hover {
6872
- background-color: #147baf;
6873
- color: #ffffff;
6874
- text-shadow: none; }
6875
-
6876
- .ui.linkedin.button:active {
6877
- background-color: #186992;
6878
- color: #ffffff;
6879
- text-shadow: none; }
6880
-
6881
- /* YouTube */
6882
- .ui.youtube.button {
6883
- background-color: #cc181e;
6884
- color: #ffffff;
6885
- text-shadow: none;
6886
- background-image: none;
6887
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
6888
-
6889
- .ui.youtube.button:hover {
6890
- background-color: #bd0d13;
6891
- color: #ffffff;
6892
- text-shadow: none; }
6893
-
6894
- .ui.youtube.button:active {
6895
- background-color: #9e1317;
6896
- color: #ffffff;
6897
- text-shadow: none; }
6898
-
6899
- /* Instagram */
6900
- .ui.instagram.button {
6901
- background-color: #49769c;
6902
- color: #ffffff;
6903
- text-shadow: none;
6904
- background-image: none;
6905
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
6906
-
6907
- .ui.instagram.button:hover {
6908
- background-color: #3d698e;
6909
- color: #ffffff;
6910
- text-shadow: none; }
6911
-
6912
- .ui.instagram.button:active {
6913
- background-color: #395c79;
6914
- color: #ffffff;
6915
- text-shadow: none; }
6916
-
6917
- /* Pinterest */
6918
- .ui.pinterest.button {
6919
- background-color: #00aced;
6920
- color: #ffffff;
6921
- text-shadow: none;
6922
- background-image: none;
6923
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
6924
-
6925
- .ui.pinterest.button:hover {
6926
- background-color: #0099d4;
6927
- color: #ffffff;
6928
- text-shadow: none; }
6929
-
6930
- .ui.pinterest.button:active {
6931
- background-color: #0087ba;
6932
- color: #ffffff;
6933
- text-shadow: none; }
6934
-
6935
- /* VK */
6936
- .ui.vk.button {
6937
- background-color: #4D7198;
6938
- color: #ffffff;
6939
- background-image: none;
6940
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
6941
-
6942
- .ui.vk.button:hover {
6943
- background-color: #41648a;
6944
- color: #ffffff; }
6945
-
6946
- .ui.vk.button:active {
6947
- background-color: #3c5876;
6948
- color: #ffffff; }
6949
-
6950
- /*--------------
6951
- Icon
6952
- ---------------*/
6953
- .ui.button > .icon:not(.button) {
6954
- height: 0.85714286em;
6955
- opacity: 0.8;
6956
- margin: 0em 0.42857143em 0em -0.21428571em;
6957
- -webkit-transition: opacity 0.1s ease;
6958
- transition: opacity 0.1s ease;
6959
- vertical-align: '';
6960
- color: ''; }
6961
-
6962
- .ui.button > .right.icon:not(.button) {
6963
- margin: 0em -0.21428571em 0em 0.42857143em; }
6964
-
6965
- /*******************************
6966
- Variations
6967
- *******************************/
6968
- /*-------------------
6969
- Floated
6970
- --------------------*/
6971
- .ui[class*="left floated"].buttons,
6972
- .ui[class*="left floated"].button {
6973
- float: left;
6974
- margin-left: 0em;
6975
- margin-right: 0.25em; }
6976
-
6977
- .ui[class*="right floated"].buttons,
6978
- .ui[class*="right floated"].button {
6979
- float: right;
6980
- margin-right: 0em;
6981
- margin-left: 0.25em; }
6982
-
6983
- /*-------------------
6984
- Compact
6985
- --------------------*/
6986
- .ui.compact.buttons .button,
6987
- .ui.compact.button {
6988
- padding: 0.58928571em 1.125em 0.58928571em; }
6989
-
6990
- .ui.compact.icon.buttons .button,
6991
- .ui.compact.icon.button {
6992
- padding: 0.58928571em 0.58928571em 0.58928571em; }
6993
-
6994
- .ui.compact.labeled.icon.buttons .button,
6995
- .ui.compact.labeled.icon.button {
6996
- padding: 0.58928571em 3.69642857em 0.58928571em; }
6997
-
6998
- /*-------------------
6999
- Sizes
7000
- --------------------*/
7001
- .ui.mini.buttons .button,
7002
- .ui.mini.buttons .or,
7003
- .ui.mini.button {
7004
- font-size: 0.71428571rem; }
7005
-
7006
- .ui.tiny.buttons .button,
7007
- .ui.tiny.buttons .or,
7008
- .ui.tiny.button {
7009
- font-size: 0.85714286rem; }
7010
-
7011
- .ui.small.buttons .button,
7012
- .ui.small.buttons .or,
7013
- .ui.small.button {
7014
- font-size: 0.92857143rem; }
7015
-
7016
- .ui.buttons .button,
7017
- .ui.buttons .or,
7018
- .ui.button {
7019
- font-size: 1rem; }
7020
-
7021
- .ui.large.buttons .button,
7022
- .ui.large.buttons .or,
7023
- .ui.large.button {
7024
- font-size: 1.14285714rem; }
7025
-
7026
- .ui.big.buttons .button,
7027
- .ui.big.buttons .or,
7028
- .ui.big.button {
7029
- font-size: 1.28571429rem; }
7030
-
7031
- .ui.huge.buttons .button,
7032
- .ui.huge.buttons .or,
7033
- .ui.huge.button {
7034
- font-size: 1.42857143rem; }
7035
-
7036
- .ui.massive.buttons .button,
7037
- .ui.massive.buttons .or,
7038
- .ui.massive.button {
7039
- font-size: 1.71428571rem; }
7040
-
7041
- /*--------------
7042
- Icon Only
7043
- ---------------*/
7044
- .ui.icon.buttons .button,
7045
- .ui.icon.button {
7046
- padding: 0.78571429em 0.78571429em 0.78571429em; }
7047
-
7048
- .ui.icon.buttons .button > .icon,
7049
- .ui.icon.button > .icon {
7050
- opacity: 0.9;
7051
- margin: 0em;
7052
- vertical-align: top; }
7053
-
7054
- /*-------------------
7055
- Basic
7056
- --------------------*/
7057
- .ui.basic.buttons .button,
7058
- .ui.basic.button {
7059
- background: transparent none !important;
7060
- color: rgba(0, 0, 0, 0.6) !important;
7061
- font-weight: normal;
7062
- border-radius: 0.28571429rem;
7063
- text-transform: none;
7064
- text-shadow: none !important;
7065
- box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; }
7066
-
7067
- .ui.basic.buttons {
7068
- box-shadow: none;
7069
- border: 1px solid rgba(34, 36, 38, 0.15);
7070
- border-radius: 0.28571429rem; }
7071
-
7072
- .ui.basic.buttons .button {
7073
- border-radius: 0em; }
7074
-
7075
- .ui.basic.buttons .button:hover,
7076
- .ui.basic.button:hover {
7077
- background: #ffffff !important;
7078
- color: rgba(0, 0, 0, 0.8) !important;
7079
- box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; }
7080
-
7081
- .ui.basic.buttons .button:focus,
7082
- .ui.basic.button:focus {
7083
- background: #ffffff !important;
7084
- color: rgba(0, 0, 0, 0.8) !important;
7085
- box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; }
7086
-
7087
- .ui.basic.buttons .button:active,
7088
- .ui.basic.button:active {
7089
- background: #f8f8f8 !important;
7090
- color: rgba(0, 0, 0, 0.9) !important;
7091
- box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset; }
7092
-
7093
- .ui.basic.buttons .active.button,
7094
- .ui.basic.active.button {
7095
- background: rgba(0, 0, 0, 0.05) !important;
7096
- box-shadow: '' !important;
7097
- color: rgba(0, 0, 0, 0.95);
7098
- box-shadow: rgba(34, 36, 38, 0.35); }
7099
-
7100
- .ui.basic.buttons .active.button:hover,
7101
- .ui.basic.active.button:hover {
7102
- background-color: rgba(0, 0, 0, 0.05); }
7103
-
7104
- /* Vertical */
7105
- .ui.basic.buttons .button:hover {
7106
- box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset; }
7107
-
7108
- .ui.basic.buttons .button:active {
7109
- box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset; }
7110
-
7111
- .ui.basic.buttons .active.button {
7112
- box-shadow: rgba(34, 36, 38, 0.35) inset; }
7113
-
7114
- /* Standard Basic Inverted */
7115
- .ui.basic.inverted.buttons .button,
7116
- .ui.basic.inverted.button {
7117
- background-color: transparent !important;
7118
- color: #f9fafb !important;
7119
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; }
7120
-
7121
- .ui.basic.inverted.buttons .button:hover,
7122
- .ui.basic.inverted.button:hover {
7123
- color: #ffffff !important;
7124
- box-shadow: 0px 0px 0px 2px #ffffff inset !important; }
7125
-
7126
- .ui.basic.inverted.buttons .button:focus,
7127
- .ui.basic.inverted.button:focus {
7128
- color: #ffffff !important;
7129
- box-shadow: 0px 0px 0px 2px #ffffff inset !important; }
7130
-
7131
- .ui.basic.inverted.buttons .button:active,
7132
- .ui.basic.inverted.button:active {
7133
- background-color: rgba(255, 255, 255, 0.08) !important;
7134
- color: #ffffff !important;
7135
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important; }
7136
-
7137
- .ui.basic.inverted.buttons .active.button,
7138
- .ui.basic.inverted.active.button {
7139
- background-color: rgba(255, 255, 255, 0.08);
7140
- color: #ffffff;
7141
- text-shadow: none;
7142
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset; }
7143
-
7144
- .ui.basic.inverted.buttons .active.button:hover,
7145
- .ui.basic.inverted.active.button:hover {
7146
- background-color: rgba(255, 255, 255, 0.15);
7147
- box-shadow: 0px 0px 0px 2px #ffffff inset !important; }
7148
-
7149
- /* Basic Group */
7150
- .ui.basic.buttons .button {
7151
- border-left: 1px solid rgba(34, 36, 38, 0.15);
7152
- box-shadow: none; }
7153
-
7154
- .ui.basic.vertical.buttons .button {
7155
- border-left: none; }
7156
-
7157
- .ui.basic.vertical.buttons .button {
7158
- border-left-width: 0px;
7159
- border-top: 1px solid rgba(34, 36, 38, 0.15); }
7160
-
7161
- .ui.basic.vertical.buttons .button:first-child {
7162
- border-top-width: 0px; }
7163
-
7164
- /*--------------
7165
- Labeled Icon
7166
- ---------------*/
7167
- .ui.labeled.icon.buttons .button,
7168
- .ui.labeled.icon.button {
7169
- position: relative;
7170
- padding-left: 4.07142857em !important;
7171
- padding-right: 1.5em !important; }
7172
-
7173
- /* Left Labeled */
7174
- .ui.labeled.icon.buttons > .button > .icon,
7175
- .ui.labeled.icon.button > .icon {
7176
- position: absolute;
7177
- height: 100%;
7178
- line-height: 1;
7179
- border-radius: 0px;
7180
- border-top-left-radius: inherit;
7181
- border-bottom-left-radius: inherit;
7182
- width: 2.57142857em;
7183
- background-color: rgba(0, 0, 0, 0.05);
7184
- text-align: center;
7185
- color: '';
7186
- box-shadow: -1px 0px 0px 0px transparent inset; }
7187
-
7188
- /* Left Labeled */
7189
- .ui.labeled.icon.buttons > .button > .icon,
7190
- .ui.labeled.icon.button > .icon {
7191
- top: 0em;
7192
- left: 0em; }
7193
-
7194
- /* Right Labeled */
7195
- .ui[class*="right labeled"].icon.button {
7196
- padding-right: 4.07142857em !important;
7197
- padding-left: 1.5em !important; }
7198
-
7199
- .ui[class*="right labeled"].icon.button > .icon {
7200
- left: auto;
7201
- right: 0em;
7202
- border-radius: 0px;
7203
- border-top-right-radius: inherit;
7204
- border-bottom-right-radius: inherit;
7205
- box-shadow: 1px 0px 0px 0px transparent inset; }
7206
-
7207
- .ui.labeled.icon.buttons > .button > .icon:before,
7208
- .ui.labeled.icon.button > .icon:before,
7209
- .ui.labeled.icon.buttons > .button > .icon:after,
7210
- .ui.labeled.icon.button > .icon:after {
7211
- display: block;
7212
- position: absolute;
7213
- width: 100%;
7214
- top: 50%;
7215
- text-align: center;
7216
- -webkit-transform: translateY(-50%);
7217
- -ms-transform: translateY(-50%);
7218
- transform: translateY(-50%); }
7219
-
7220
- .ui.labeled.icon.buttons .button > .icon {
7221
- border-radius: 0em; }
7222
-
7223
- .ui.labeled.icon.buttons .button:first-child > .icon {
7224
- border-top-left-radius: 0.28571429rem;
7225
- border-bottom-left-radius: 0.28571429rem; }
7226
-
7227
- .ui.labeled.icon.buttons .button:last-child > .icon {
7228
- border-top-right-radius: 0.28571429rem;
7229
- border-bottom-right-radius: 0.28571429rem; }
7230
-
7231
- .ui.vertical.labeled.icon.buttons .button:first-child > .icon {
7232
- border-radius: 0em;
7233
- border-top-left-radius: 0.28571429rem; }
7234
-
7235
- .ui.vertical.labeled.icon.buttons .button:last-child > .icon {
7236
- border-radius: 0em;
7237
- border-bottom-left-radius: 0.28571429rem; }
7238
-
7239
- /* Fluid Labeled */
7240
- .ui.fluid[class*="left labeled"].icon.button,
7241
- .ui.fluid[class*="right labeled"].icon.button {
7242
- padding-left: 1.5em !important;
7243
- padding-right: 1.5em !important; }
7244
-
7245
- /*--------------
7246
- Toggle
7247
- ---------------*/
7248
- /* Toggle (Modifies active state to give affordances) */
7249
- .ui.toggle.buttons .active.button,
7250
- .ui.buttons .button.toggle.active,
7251
- .ui.button.toggle.active {
7252
- background-color: #21ba45 !important;
7253
- box-shadow: none !important;
7254
- text-shadow: none;
7255
- color: #ffffff !important; }
7256
-
7257
- .ui.button.toggle.active:hover {
7258
- background-color: #16ab39 !important;
7259
- text-shadow: none;
7260
- color: #ffffff !important; }
7261
-
7262
- /*--------------
7263
- Circular
7264
- ---------------*/
7265
- .ui.circular.button {
7266
- border-radius: 10em; }
7267
-
7268
- .ui.circular.button > .icon {
7269
- width: 1em;
7270
- vertical-align: baseline; }
7271
-
7272
- /*-------------------
7273
- Or Buttons
7274
- --------------------*/
7275
- .ui.buttons .or {
7276
- position: relative;
7277
- width: 0.3em;
7278
- height: 2.57142857em;
7279
- z-index: 3; }
7280
-
7281
- .ui.buttons .or:before {
7282
- position: absolute;
7283
- text-align: center;
7284
- border-radius: 500rem;
7285
- content: 'or';
7286
- top: 50%;
7287
- left: 50%;
7288
- background-color: #ffffff;
7289
- text-shadow: none;
7290
- margin-top: -0.89285714em;
7291
- margin-left: -0.89285714em;
7292
- width: 1.78571429em;
7293
- height: 1.78571429em;
7294
- line-height: 1.78571429em;
7295
- color: rgba(0, 0, 0, 0.4);
7296
- font-style: normal;
7297
- font-weight: bold;
7298
- box-shadow: 0px 0px 0px 1px transparent inset; }
7299
-
7300
- .ui.buttons .or[data-text]:before {
7301
- content: attr(data-text); }
7302
-
7303
- /* Fluid Or */
7304
- .ui.fluid.buttons .or {
7305
- width: 0em !important; }
7306
-
7307
- .ui.fluid.buttons .or:after {
7308
- display: none; }
7309
-
7310
- /*-------------------
7311
- Attached
7312
- --------------------*/
7313
- /* Singular */
7314
- .ui.attached.button {
7315
- position: relative;
7316
- display: block;
7317
- margin: 0em;
7318
- border-radius: 0em;
7319
- box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important; }
7320
-
7321
- /* Top / Bottom */
7322
- .ui.attached.top.button {
7323
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
7324
-
7325
- .ui.attached.bottom.button {
7326
- border-radius: 0em 0em 0.28571429rem 0.28571429rem; }
7327
-
7328
- /* Left / Right */
7329
- .ui.left.attached.button {
7330
- display: inline-block;
7331
- border-left: none;
7332
- text-align: right;
7333
- padding-right: 0.75em;
7334
- border-radius: 0.28571429rem 0em 0em 0.28571429rem; }
7335
-
7336
- .ui.right.attached.button {
7337
- display: inline-block;
7338
- text-align: left;
7339
- padding-left: 0.75em;
7340
- border-radius: 0em 0.28571429rem 0.28571429rem 0em; }
7341
-
7342
- /* Plural */
7343
- .ui.attached.buttons {
7344
- position: relative;
7345
- display: -webkit-box;
7346
- display: -webkit-flex;
7347
- display: -ms-flexbox;
7348
- display: flex;
7349
- border-radius: 0em;
7350
- width: auto !important;
7351
- z-index: 2;
7352
- margin-left: -1px;
7353
- margin-right: -1px; }
7354
-
7355
- .ui.attached.buttons .button {
7356
- margin: 0em; }
7357
-
7358
- .ui.attached.buttons .button:first-child {
7359
- border-radius: 0em; }
7360
-
7361
- .ui.attached.buttons .button:last-child {
7362
- border-radius: 0em; }
7363
-
7364
- /* Top / Bottom */
7365
- .ui[class*="top attached"].buttons {
7366
- margin-bottom: -1px;
7367
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
7368
-
7369
- .ui[class*="top attached"].buttons .button:first-child {
7370
- border-radius: 0.28571429rem 0em 0em 0em; }
7371
-
7372
- .ui[class*="top attached"].buttons .button:last-child {
7373
- border-radius: 0em 0.28571429rem 0em 0em; }
7374
-
7375
- .ui[class*="bottom attached"].buttons {
7376
- margin-top: -1px;
7377
- border-radius: 0em 0em 0.28571429rem 0.28571429rem; }
7378
-
7379
- .ui[class*="bottom attached"].buttons .button:first-child {
7380
- border-radius: 0em 0em 0em 0.28571429rem; }
7381
-
7382
- .ui[class*="bottom attached"].buttons .button:last-child {
7383
- border-radius: 0em 0em 0.28571429rem 0em; }
7384
-
7385
- /* Left / Right */
7386
- .ui[class*="left attached"].buttons {
7387
- display: -webkit-inline-box;
7388
- display: -webkit-inline-flex;
7389
- display: -ms-inline-flexbox;
7390
- display: inline-flex;
7391
- margin-right: 0em;
7392
- margin-left: -1px;
7393
- border-radius: 0em 0.28571429rem 0.28571429rem 0em; }
7394
-
7395
- .ui[class*="left attached"].buttons .button:first-child {
7396
- margin-left: -1px;
7397
- border-radius: 0em 0.28571429rem 0em 0em; }
7398
-
7399
- .ui[class*="left attached"].buttons .button:last-child {
7400
- margin-left: -1px;
7401
- border-radius: 0em 0em 0.28571429rem 0em; }
7402
-
7403
- .ui[class*="right attached"].buttons {
7404
- display: -webkit-inline-box;
7405
- display: -webkit-inline-flex;
7406
- display: -ms-inline-flexbox;
7407
- display: inline-flex;
7408
- margin-left: 0em;
7409
- margin-right: -1px;
7410
- border-radius: 0.28571429rem 0em 0em 0.28571429rem; }
7411
-
7412
- .ui[class*="right attached"].buttons .button:first-child {
7413
- margin-left: -1px;
7414
- border-radius: 0.28571429rem 0em 0em 0em; }
7415
-
7416
- .ui[class*="right attached"].buttons .button:last-child {
7417
- margin-left: -1px;
7418
- border-radius: 0em 0em 0em 0.28571429rem; }
7419
-
7420
- /*-------------------
7421
- Fluid
7422
- --------------------*/
7423
- .ui.fluid.buttons,
7424
- .ui.fluid.button {
7425
- width: 100%; }
7426
-
7427
- .ui.fluid.button {
7428
- display: block; }
7429
-
7430
- .ui.two.buttons {
7431
- width: 100%; }
7432
-
7433
- .ui.two.buttons > .button {
7434
- width: 50%; }
7435
-
7436
- .ui.three.buttons {
7437
- width: 100%; }
7438
-
7439
- .ui.three.buttons > .button {
7440
- width: 33.333%; }
7441
-
7442
- .ui.four.buttons {
7443
- width: 100%; }
7444
-
7445
- .ui.four.buttons > .button {
7446
- width: 25%; }
7447
-
7448
- .ui.five.buttons {
7449
- width: 100%; }
7450
-
7451
- .ui.five.buttons > .button {
7452
- width: 20%; }
7453
-
7454
- .ui.six.buttons {
7455
- width: 100%; }
7456
-
7457
- .ui.six.buttons > .button {
7458
- width: 16.666%; }
7459
-
7460
- .ui.seven.buttons {
7461
- width: 100%; }
7462
-
7463
- .ui.seven.buttons > .button {
7464
- width: 14.285%; }
7465
-
7466
- .ui.eight.buttons {
7467
- width: 100%; }
7468
-
7469
- .ui.eight.buttons > .button {
7470
- width: 12.500%; }
7471
-
7472
- .ui.nine.buttons {
7473
- width: 100%; }
7474
-
7475
- .ui.nine.buttons > .button {
7476
- width: 11.11%; }
7477
-
7478
- .ui.ten.buttons {
7479
- width: 100%; }
7480
-
7481
- .ui.ten.buttons > .button {
7482
- width: 10%; }
7483
-
7484
- .ui.eleven.buttons {
7485
- width: 100%; }
7486
-
7487
- .ui.eleven.buttons > .button {
7488
- width: 9.09%; }
7489
-
7490
- .ui.twelve.buttons {
7491
- width: 100%; }
7492
-
7493
- .ui.twelve.buttons > .button {
7494
- width: 8.3333%; }
7495
-
7496
- /* Fluid Vertical Buttons */
7497
- .ui.fluid.vertical.buttons,
7498
- .ui.fluid.vertical.buttons > .button {
7499
- display: -webkit-box;
7500
- display: -webkit-flex;
7501
- display: -ms-flexbox;
7502
- display: flex;
7503
- width: auto; }
7504
-
7505
- .ui.two.vertical.buttons > .button {
7506
- height: 50%; }
7507
-
7508
- .ui.three.vertical.buttons > .button {
7509
- height: 33.333%; }
7510
-
7511
- .ui.four.vertical.buttons > .button {
7512
- height: 25%; }
7513
-
7514
- .ui.five.vertical.buttons > .button {
7515
- height: 20%; }
7516
-
7517
- .ui.six.vertical.buttons > .button {
7518
- height: 16.666%; }
7519
-
7520
- .ui.seven.vertical.buttons > .button {
7521
- height: 14.285%; }
7522
-
7523
- .ui.eight.vertical.buttons > .button {
7524
- height: 12.500%; }
7525
-
7526
- .ui.nine.vertical.buttons > .button {
7527
- height: 11.11%; }
7528
-
7529
- .ui.ten.vertical.buttons > .button {
7530
- height: 10%; }
7531
-
7532
- .ui.eleven.vertical.buttons > .button {
7533
- height: 9.09%; }
7534
-
7535
- .ui.twelve.vertical.buttons > .button {
7536
- height: 8.3333%; }
7537
-
7538
- /*-------------------
7539
- Colors
7540
- --------------------*/
7541
- /*--- Black ---*/
7542
- .ui.black.buttons .button,
7543
- .ui.black.button {
7544
- background-color: #1b1c1d;
7545
- color: #ffffff;
7546
- text-shadow: none;
7547
- background-image: none; }
7548
-
7549
- .ui.black.button {
7550
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
7551
-
7552
- .ui.black.buttons .button:hover,
7553
- .ui.black.button:hover {
7554
- background-color: #27292a;
7555
- color: #ffffff;
7556
- text-shadow: none; }
7557
-
7558
- .ui.black.buttons .button:focus,
7559
- .ui.black.button:focus {
7560
- background-color: #2f3032;
7561
- color: #ffffff;
7562
- text-shadow: none; }
7563
-
7564
- .ui.black.buttons .button:active,
7565
- .ui.black.button:active {
7566
- background-color: #343637;
7567
- color: #ffffff;
7568
- text-shadow: none; }
7569
-
7570
- .ui.black.buttons .active.button,
7571
- .ui.black.buttons .active.button:active,
7572
- .ui.black.active.button,
7573
- .ui.black.button .active.button:active {
7574
- background-color: #0f0f10;
7575
- color: #ffffff;
7576
- text-shadow: none; }
7577
-
7578
- /* Basic */
7579
- .ui.basic.black.buttons .button,
7580
- .ui.basic.black.button {
7581
- box-shadow: 0px 0px 0px 1px #1b1c1d inset !important;
7582
- color: #1b1c1d !important; }
7583
-
7584
- .ui.basic.black.buttons .button:hover,
7585
- .ui.basic.black.button:hover {
7586
- background: transparent !important;
7587
- box-shadow: 0px 0px 0px 1px #27292a inset !important;
7588
- color: #27292a !important; }
7589
-
7590
- .ui.basic.black.buttons .button:focus,
7591
- .ui.basic.black.button:focus {
7592
- background: transparent !important;
7593
- box-shadow: 0px 0px 0px 1px #2f3032 inset !important;
7594
- color: #27292a !important; }
7595
-
7596
- .ui.basic.black.buttons .active.button,
7597
- .ui.basic.black.active.button {
7598
- background: transparent !important;
7599
- box-shadow: 0px 0px 0px 1px #0f0f10 inset !important;
7600
- color: #343637 !important; }
7601
-
7602
- .ui.basic.black.buttons .button:active,
7603
- .ui.basic.black.button:active {
7604
- box-shadow: 0px 0px 0px 1px #343637 inset !important;
7605
- color: #343637 !important; }
7606
-
7607
- .ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
7608
- margin-left: -1px; }
7609
-
7610
- /* Inverted */
7611
- .ui.inverted.black.buttons .button,
7612
- .ui.inverted.black.button {
7613
- background-color: transparent;
7614
- box-shadow: 0px 0px 0px 2px #d4d4d5 inset !important;
7615
- color: #ffffff; }
7616
-
7617
- .ui.inverted.black.buttons .button:hover,
7618
- .ui.inverted.black.button:hover,
7619
- .ui.inverted.black.buttons .button:focus,
7620
- .ui.inverted.black.button:focus,
7621
- .ui.inverted.black.buttons .button.active,
7622
- .ui.inverted.black.button.active,
7623
- .ui.inverted.black.buttons .button:active,
7624
- .ui.inverted.black.button:active {
7625
- box-shadow: none !important;
7626
- color: #ffffff; }
7627
-
7628
- .ui.inverted.black.buttons .button:hover,
7629
- .ui.inverted.black.button:hover {
7630
- background-color: #000000; }
7631
-
7632
- .ui.inverted.black.buttons .button:focus,
7633
- .ui.inverted.black.button:focus {
7634
- background-color: #000000; }
7635
-
7636
- .ui.inverted.black.buttons .active.button,
7637
- .ui.inverted.black.active.button {
7638
- background-color: #000000; }
7639
-
7640
- .ui.inverted.black.buttons .button:active,
7641
- .ui.inverted.black.button:active {
7642
- background-color: #000000; }
7643
-
7644
- /* Inverted Basic */
7645
- .ui.inverted.black.basic.buttons .button,
7646
- .ui.inverted.black.buttons .basic.button,
7647
- .ui.inverted.black.basic.button {
7648
- background-color: transparent;
7649
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
7650
- color: #ffffff !important; }
7651
-
7652
- .ui.inverted.black.basic.buttons .button:hover,
7653
- .ui.inverted.black.buttons .basic.button:hover,
7654
- .ui.inverted.black.basic.button:hover {
7655
- box-shadow: 0px 0px 0px 2px #000000 inset !important;
7656
- color: #ffffff !important; }
7657
-
7658
- .ui.inverted.black.basic.buttons .button:focus,
7659
- .ui.inverted.black.basic.buttons .button:focus,
7660
- .ui.inverted.black.basic.button:focus {
7661
- box-shadow: 0px 0px 0px 2px #000000 inset !important;
7662
- color: #545454 !important; }
7663
-
7664
- .ui.inverted.black.basic.buttons .active.button,
7665
- .ui.inverted.black.buttons .basic.active.button,
7666
- .ui.inverted.black.basic.active.button {
7667
- box-shadow: 0px 0px 0px 2px #000000 inset !important;
7668
- color: #ffffff !important; }
7669
-
7670
- .ui.inverted.black.basic.buttons .button:active,
7671
- .ui.inverted.black.buttons .basic.button:active,
7672
- .ui.inverted.black.basic.button:active {
7673
- box-shadow: 0px 0px 0px 2px #000000 inset !important;
7674
- color: #ffffff !important; }
7675
-
7676
- /*--- Grey ---*/
7677
- .ui.grey.buttons .button,
7678
- .ui.grey.button {
7679
- background-color: #767676;
7680
- color: #ffffff;
7681
- text-shadow: none;
7682
- background-image: none; }
7683
-
7684
- .ui.grey.button {
7685
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
7686
-
7687
- .ui.grey.buttons .button:hover,
7688
- .ui.grey.button:hover {
7689
- background-color: #838383;
7690
- color: #ffffff;
7691
- text-shadow: none; }
7692
-
7693
- .ui.grey.buttons .button:focus,
7694
- .ui.grey.button:focus {
7695
- background-color: #8a8a8a;
7696
- color: #ffffff;
7697
- text-shadow: none; }
7698
-
7699
- .ui.grey.buttons .button:active,
7700
- .ui.grey.button:active {
7701
- background-color: #909090;
7702
- color: #ffffff;
7703
- text-shadow: none; }
7704
-
7705
- .ui.grey.buttons .active.button,
7706
- .ui.grey.buttons .active.button:active,
7707
- .ui.grey.active.button,
7708
- .ui.grey.button .active.button:active {
7709
- background-color: #696969;
7710
- color: #ffffff;
7711
- text-shadow: none; }
7712
-
7713
- /* Basic */
7714
- .ui.basic.grey.buttons .button,
7715
- .ui.basic.grey.button {
7716
- box-shadow: 0px 0px 0px 1px #767676 inset !important;
7717
- color: #767676 !important; }
7718
-
7719
- .ui.basic.grey.buttons .button:hover,
7720
- .ui.basic.grey.button:hover {
7721
- background: transparent !important;
7722
- box-shadow: 0px 0px 0px 1px #838383 inset !important;
7723
- color: #838383 !important; }
7724
-
7725
- .ui.basic.grey.buttons .button:focus,
7726
- .ui.basic.grey.button:focus {
7727
- background: transparent !important;
7728
- box-shadow: 0px 0px 0px 1px #8a8a8a inset !important;
7729
- color: #838383 !important; }
7730
-
7731
- .ui.basic.grey.buttons .active.button,
7732
- .ui.basic.grey.active.button {
7733
- background: transparent !important;
7734
- box-shadow: 0px 0px 0px 1px #696969 inset !important;
7735
- color: #909090 !important; }
7736
-
7737
- .ui.basic.grey.buttons .button:active,
7738
- .ui.basic.grey.button:active {
7739
- box-shadow: 0px 0px 0px 1px #909090 inset !important;
7740
- color: #909090 !important; }
7741
-
7742
- .ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
7743
- margin-left: -1px; }
7744
-
7745
- /* Inverted */
7746
- .ui.inverted.grey.buttons .button,
7747
- .ui.inverted.grey.button {
7748
- background-color: transparent;
7749
- box-shadow: 0px 0px 0px 2px #d4d4d5 inset !important;
7750
- color: #ffffff; }
7751
-
7752
- .ui.inverted.grey.buttons .button:hover,
7753
- .ui.inverted.grey.button:hover,
7754
- .ui.inverted.grey.buttons .button:focus,
7755
- .ui.inverted.grey.button:focus,
7756
- .ui.inverted.grey.buttons .button.active,
7757
- .ui.inverted.grey.button.active,
7758
- .ui.inverted.grey.buttons .button:active,
7759
- .ui.inverted.grey.button:active {
7760
- box-shadow: none !important;
7761
- color: rgba(0, 0, 0, 0.6); }
7762
-
7763
- .ui.inverted.grey.buttons .button:hover,
7764
- .ui.inverted.grey.button:hover {
7765
- background-color: #cfd0d2; }
7766
-
7767
- .ui.inverted.grey.buttons .button:focus,
7768
- .ui.inverted.grey.button:focus {
7769
- background-color: #c7c9cb; }
7770
-
7771
- .ui.inverted.grey.buttons .active.button,
7772
- .ui.inverted.grey.active.button {
7773
- background-color: #cfd0d2; }
7774
-
7775
- .ui.inverted.grey.buttons .button:active,
7776
- .ui.inverted.grey.button:active {
7777
- background-color: #c2c4c5; }
7778
-
7779
- /* Inverted Basic */
7780
- .ui.inverted.grey.basic.buttons .button,
7781
- .ui.inverted.grey.buttons .basic.button,
7782
- .ui.inverted.grey.basic.button {
7783
- background-color: transparent;
7784
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
7785
- color: #ffffff !important; }
7786
-
7787
- .ui.inverted.grey.basic.buttons .button:hover,
7788
- .ui.inverted.grey.buttons .basic.button:hover,
7789
- .ui.inverted.grey.basic.button:hover {
7790
- box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;
7791
- color: #ffffff !important; }
7792
-
7793
- .ui.inverted.grey.basic.buttons .button:focus,
7794
- .ui.inverted.grey.basic.buttons .button:focus,
7795
- .ui.inverted.grey.basic.button:focus {
7796
- box-shadow: 0px 0px 0px 2px #c7c9cb inset !important;
7797
- color: #dcddde !important; }
7798
-
7799
- .ui.inverted.grey.basic.buttons .active.button,
7800
- .ui.inverted.grey.buttons .basic.active.button,
7801
- .ui.inverted.grey.basic.active.button {
7802
- box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;
7803
- color: #ffffff !important; }
7804
-
7805
- .ui.inverted.grey.basic.buttons .button:active,
7806
- .ui.inverted.grey.buttons .basic.button:active,
7807
- .ui.inverted.grey.basic.button:active {
7808
- box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important;
7809
- color: #ffffff !important; }
7810
-
7811
- /*--- Brown ---*/
7812
- .ui.brown.buttons .button,
7813
- .ui.brown.button {
7814
- background-color: #a5673f;
7815
- color: #ffffff;
7816
- text-shadow: none;
7817
- background-image: none; }
7818
-
7819
- .ui.brown.button {
7820
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
7821
-
7822
- .ui.brown.buttons .button:hover,
7823
- .ui.brown.button:hover {
7824
- background-color: #975b33;
7825
- color: #ffffff;
7826
- text-shadow: none; }
7827
-
7828
- .ui.brown.buttons .button:focus,
7829
- .ui.brown.button:focus {
7830
- background-color: #90532b;
7831
- color: #ffffff;
7832
- text-shadow: none; }
7833
-
7834
- .ui.brown.buttons .button:active,
7835
- .ui.brown.button:active {
7836
- background-color: #805031;
7837
- color: #ffffff;
7838
- text-shadow: none; }
7839
-
7840
- .ui.brown.buttons .active.button,
7841
- .ui.brown.buttons .active.button:active,
7842
- .ui.brown.active.button,
7843
- .ui.brown.button .active.button:active {
7844
- background-color: #995a31;
7845
- color: #ffffff;
7846
- text-shadow: none; }
7847
-
7848
- /* Basic */
7849
- .ui.basic.brown.buttons .button,
7850
- .ui.basic.brown.button {
7851
- box-shadow: 0px 0px 0px 1px #a5673f inset !important;
7852
- color: #a5673f !important; }
7853
-
7854
- .ui.basic.brown.buttons .button:hover,
7855
- .ui.basic.brown.button:hover {
7856
- background: transparent !important;
7857
- box-shadow: 0px 0px 0px 1px #975b33 inset !important;
7858
- color: #975b33 !important; }
7859
-
7860
- .ui.basic.brown.buttons .button:focus,
7861
- .ui.basic.brown.button:focus {
7862
- background: transparent !important;
7863
- box-shadow: 0px 0px 0px 1px #90532b inset !important;
7864
- color: #975b33 !important; }
7865
-
7866
- .ui.basic.brown.buttons .active.button,
7867
- .ui.basic.brown.active.button {
7868
- background: transparent !important;
7869
- box-shadow: 0px 0px 0px 1px #995a31 inset !important;
7870
- color: #805031 !important; }
7871
-
7872
- .ui.basic.brown.buttons .button:active,
7873
- .ui.basic.brown.button:active {
7874
- box-shadow: 0px 0px 0px 1px #805031 inset !important;
7875
- color: #805031 !important; }
7876
-
7877
- .ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
7878
- margin-left: -1px; }
7879
-
7880
- /* Inverted */
7881
- .ui.inverted.brown.buttons .button,
7882
- .ui.inverted.brown.button {
7883
- background-color: transparent;
7884
- box-shadow: 0px 0px 0px 2px #d67c1c inset !important;
7885
- color: #d67c1c; }
7886
-
7887
- .ui.inverted.brown.buttons .button:hover,
7888
- .ui.inverted.brown.button:hover,
7889
- .ui.inverted.brown.buttons .button:focus,
7890
- .ui.inverted.brown.button:focus,
7891
- .ui.inverted.brown.buttons .button.active,
7892
- .ui.inverted.brown.button.active,
7893
- .ui.inverted.brown.buttons .button:active,
7894
- .ui.inverted.brown.button:active {
7895
- box-shadow: none !important;
7896
- color: #ffffff; }
7897
-
7898
- .ui.inverted.brown.buttons .button:hover,
7899
- .ui.inverted.brown.button:hover {
7900
- background-color: #c86f11; }
7901
-
7902
- .ui.inverted.brown.buttons .button:focus,
7903
- .ui.inverted.brown.button:focus {
7904
- background-color: #c16808; }
7905
-
7906
- .ui.inverted.brown.buttons .active.button,
7907
- .ui.inverted.brown.active.button {
7908
- background-color: #cc6f0d; }
7909
-
7910
- .ui.inverted.brown.buttons .button:active,
7911
- .ui.inverted.brown.button:active {
7912
- background-color: #a96216; }
7913
-
7914
- /* Inverted Basic */
7915
- .ui.inverted.brown.basic.buttons .button,
7916
- .ui.inverted.brown.buttons .basic.button,
7917
- .ui.inverted.brown.basic.button {
7918
- background-color: transparent;
7919
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
7920
- color: #ffffff !important; }
7921
-
7922
- .ui.inverted.brown.basic.buttons .button:hover,
7923
- .ui.inverted.brown.buttons .basic.button:hover,
7924
- .ui.inverted.brown.basic.button:hover {
7925
- box-shadow: 0px 0px 0px 2px #c86f11 inset !important;
7926
- color: #d67c1c !important; }
7927
-
7928
- .ui.inverted.brown.basic.buttons .button:focus,
7929
- .ui.inverted.brown.basic.buttons .button:focus,
7930
- .ui.inverted.brown.basic.button:focus {
7931
- box-shadow: 0px 0px 0px 2px #c16808 inset !important;
7932
- color: #d67c1c !important; }
7933
-
7934
- .ui.inverted.brown.basic.buttons .active.button,
7935
- .ui.inverted.brown.buttons .basic.active.button,
7936
- .ui.inverted.brown.basic.active.button {
7937
- box-shadow: 0px 0px 0px 2px #cc6f0d inset !important;
7938
- color: #d67c1c !important; }
7939
-
7940
- .ui.inverted.brown.basic.buttons .button:active,
7941
- .ui.inverted.brown.buttons .basic.button:active,
7942
- .ui.inverted.brown.basic.button:active {
7943
- box-shadow: 0px 0px 0px 2px #a96216 inset !important;
7944
- color: #d67c1c !important; }
7945
-
7946
- /*--- Blue ---*/
7947
- .ui.blue.buttons .button,
7948
- .ui.blue.button {
7949
- background-color: #2185d0;
7950
- color: #ffffff;
7951
- text-shadow: none;
7952
- background-image: none; }
7953
-
7954
- .ui.blue.button {
7955
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
7956
-
7957
- .ui.blue.buttons .button:hover,
7958
- .ui.blue.button:hover {
7959
- background-color: #1678c2;
7960
- color: #ffffff;
7961
- text-shadow: none; }
7962
-
7963
- .ui.blue.buttons .button:focus,
7964
- .ui.blue.button:focus {
7965
- background-color: #0d71bb;
7966
- color: #ffffff;
7967
- text-shadow: none; }
7968
-
7969
- .ui.blue.buttons .button:active,
7970
- .ui.blue.button:active {
7971
- background-color: #1a69a4;
7972
- color: #ffffff;
7973
- text-shadow: none; }
7974
-
7975
- .ui.blue.buttons .active.button,
7976
- .ui.blue.buttons .active.button:active,
7977
- .ui.blue.active.button,
7978
- .ui.blue.button .active.button:active {
7979
- background-color: #1279c6;
7980
- color: #ffffff;
7981
- text-shadow: none; }
7982
-
7983
- /* Basic */
7984
- .ui.basic.blue.buttons .button,
7985
- .ui.basic.blue.button {
7986
- box-shadow: 0px 0px 0px 1px #2185d0 inset !important;
7987
- color: #2185d0 !important; }
7988
-
7989
- .ui.basic.blue.buttons .button:hover,
7990
- .ui.basic.blue.button:hover {
7991
- background: transparent !important;
7992
- box-shadow: 0px 0px 0px 1px #1678c2 inset !important;
7993
- color: #1678c2 !important; }
7994
-
7995
- .ui.basic.blue.buttons .button:focus,
7996
- .ui.basic.blue.button:focus {
7997
- background: transparent !important;
7998
- box-shadow: 0px 0px 0px 1px #0d71bb inset !important;
7999
- color: #1678c2 !important; }
8000
-
8001
- .ui.basic.blue.buttons .active.button,
8002
- .ui.basic.blue.active.button {
8003
- background: transparent !important;
8004
- box-shadow: 0px 0px 0px 1px #1279c6 inset !important;
8005
- color: #1a69a4 !important; }
8006
-
8007
- .ui.basic.blue.buttons .button:active,
8008
- .ui.basic.blue.button:active {
8009
- box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;
8010
- color: #1a69a4 !important; }
8011
-
8012
- .ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
8013
- margin-left: -1px; }
8014
-
8015
- /* Inverted */
8016
- .ui.inverted.blue.buttons .button,
8017
- .ui.inverted.blue.button {
8018
- background-color: transparent;
8019
- box-shadow: 0px 0px 0px 2px #54c8ff inset !important;
8020
- color: #54c8ff; }
8021
-
8022
- .ui.inverted.blue.buttons .button:hover,
8023
- .ui.inverted.blue.button:hover,
8024
- .ui.inverted.blue.buttons .button:focus,
8025
- .ui.inverted.blue.button:focus,
8026
- .ui.inverted.blue.buttons .button.active,
8027
- .ui.inverted.blue.button.active,
8028
- .ui.inverted.blue.buttons .button:active,
8029
- .ui.inverted.blue.button:active {
8030
- box-shadow: none !important;
8031
- color: #ffffff; }
8032
-
8033
- .ui.inverted.blue.buttons .button:hover,
8034
- .ui.inverted.blue.button:hover {
8035
- background-color: #3ac0ff; }
8036
-
8037
- .ui.inverted.blue.buttons .button:focus,
8038
- .ui.inverted.blue.button:focus {
8039
- background-color: #2bbbff; }
8040
-
8041
- .ui.inverted.blue.buttons .active.button,
8042
- .ui.inverted.blue.active.button {
8043
- background-color: #3ac0ff; }
8044
-
8045
- .ui.inverted.blue.buttons .button:active,
8046
- .ui.inverted.blue.button:active {
8047
- background-color: #21b8ff; }
8048
-
8049
- /* Inverted Basic */
8050
- .ui.inverted.blue.basic.buttons .button,
8051
- .ui.inverted.blue.buttons .basic.button,
8052
- .ui.inverted.blue.basic.button {
8053
- background-color: transparent;
8054
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
8055
- color: #ffffff !important; }
8056
-
8057
- .ui.inverted.blue.basic.buttons .button:hover,
8058
- .ui.inverted.blue.buttons .basic.button:hover,
8059
- .ui.inverted.blue.basic.button:hover {
8060
- box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
8061
- color: #54c8ff !important; }
8062
-
8063
- .ui.inverted.blue.basic.buttons .button:focus,
8064
- .ui.inverted.blue.basic.buttons .button:focus,
8065
- .ui.inverted.blue.basic.button:focus {
8066
- box-shadow: 0px 0px 0px 2px #2bbbff inset !important;
8067
- color: #54c8ff !important; }
8068
-
8069
- .ui.inverted.blue.basic.buttons .active.button,
8070
- .ui.inverted.blue.buttons .basic.active.button,
8071
- .ui.inverted.blue.basic.active.button {
8072
- box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
8073
- color: #54c8ff !important; }
8074
-
8075
- .ui.inverted.blue.basic.buttons .button:active,
8076
- .ui.inverted.blue.buttons .basic.button:active,
8077
- .ui.inverted.blue.basic.button:active {
8078
- box-shadow: 0px 0px 0px 2px #21b8ff inset !important;
8079
- color: #54c8ff !important; }
8080
-
8081
- /*--- Green ---*/
8082
- .ui.green.buttons .button,
8083
- .ui.green.button {
8084
- background-color: #21ba45;
8085
- color: #ffffff;
8086
- text-shadow: none;
8087
- background-image: none; }
8088
-
8089
- .ui.green.button {
8090
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
8091
-
8092
- .ui.green.buttons .button:hover,
8093
- .ui.green.button:hover {
8094
- background-color: #16ab39;
8095
- color: #ffffff;
8096
- text-shadow: none; }
8097
-
8098
- .ui.green.buttons .button:focus,
8099
- .ui.green.button:focus {
8100
- background-color: #0ea432;
8101
- color: #ffffff;
8102
- text-shadow: none; }
8103
-
8104
- .ui.green.buttons .button:active,
8105
- .ui.green.button:active {
8106
- background-color: #198f35;
8107
- color: #ffffff;
8108
- text-shadow: none; }
8109
-
8110
- .ui.green.buttons .active.button,
8111
- .ui.green.buttons .active.button:active,
8112
- .ui.green.active.button,
8113
- .ui.green.button .active.button:active {
8114
- background-color: #13ae38;
8115
- color: #ffffff;
8116
- text-shadow: none; }
8117
-
8118
- /* Basic */
8119
- .ui.basic.green.buttons .button,
8120
- .ui.basic.green.button {
8121
- box-shadow: 0px 0px 0px 1px #21ba45 inset !important;
8122
- color: #21ba45 !important; }
8123
-
8124
- .ui.basic.green.buttons .button:hover,
8125
- .ui.basic.green.button:hover {
8126
- background: transparent !important;
8127
- box-shadow: 0px 0px 0px 1px #16ab39 inset !important;
8128
- color: #16ab39 !important; }
8129
-
8130
- .ui.basic.green.buttons .button:focus,
8131
- .ui.basic.green.button:focus {
8132
- background: transparent !important;
8133
- box-shadow: 0px 0px 0px 1px #0ea432 inset !important;
8134
- color: #16ab39 !important; }
8135
-
8136
- .ui.basic.green.buttons .active.button,
8137
- .ui.basic.green.active.button {
8138
- background: transparent !important;
8139
- box-shadow: 0px 0px 0px 1px #13ae38 inset !important;
8140
- color: #198f35 !important; }
8141
-
8142
- .ui.basic.green.buttons .button:active,
8143
- .ui.basic.green.button:active {
8144
- box-shadow: 0px 0px 0px 1px #198f35 inset !important;
8145
- color: #198f35 !important; }
8146
-
8147
- .ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
8148
- margin-left: -1px; }
8149
-
8150
- /* Inverted */
8151
- .ui.inverted.green.buttons .button,
8152
- .ui.inverted.green.button {
8153
- background-color: transparent;
8154
- box-shadow: 0px 0px 0px 2px #2ecc40 inset !important;
8155
- color: #2ecc40; }
8156
-
8157
- .ui.inverted.green.buttons .button:hover,
8158
- .ui.inverted.green.button:hover,
8159
- .ui.inverted.green.buttons .button:focus,
8160
- .ui.inverted.green.button:focus,
8161
- .ui.inverted.green.buttons .button.active,
8162
- .ui.inverted.green.button.active,
8163
- .ui.inverted.green.buttons .button:active,
8164
- .ui.inverted.green.button:active {
8165
- box-shadlightOw: none !important;
8166
- color: #ffffff; }
8167
-
8168
- .ui.inverted.green.buttons .button:hover,
8169
- .ui.inverted.green.button:hover {
8170
- background-color: #22be34; }
8171
-
8172
- .ui.inverted.green.buttons .button:focus,
8173
- .ui.inverted.green.button:focus {
8174
- background-color: #19b82b; }
8175
-
8176
- .ui.inverted.green.buttons .active.button,
8177
- .ui.inverted.green.active.button {
8178
- background-color: #1fc231; }
8179
-
8180
- .ui.inverted.green.buttons .button:active,
8181
- .ui.inverted.green.button:active {
8182
- background-color: #25a233; }
8183
-
8184
- /* Inverted Basic */
8185
- .ui.inverted.green.basic.buttons .button,
8186
- .ui.inverted.green.buttons .basic.button,
8187
- .ui.inverted.green.basic.button {
8188
- background-color: transparent;
8189
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
8190
- color: #ffffff !important; }
8191
-
8192
- .ui.inverted.green.basic.buttons .button:hover,
8193
- .ui.inverted.green.buttons .basic.button:hover,
8194
- .ui.inverted.green.basic.button:hover {
8195
- box-shadow: 0px 0px 0px 2px #22be34 inset !important;
8196
- color: #2ecc40 !important; }
8197
-
8198
- .ui.inverted.green.basic.buttons .button:focus,
8199
- .ui.inverted.green.basic.buttons .button:focus,
8200
- .ui.inverted.green.basic.button:focus {
8201
- box-shadow: 0px 0px 0px 2px #19b82b inset !important;
8202
- color: #2ecc40 !important; }
8203
-
8204
- .ui.inverted.green.basic.buttons .active.button,
8205
- .ui.inverted.green.buttons .basic.active.button,
8206
- .ui.inverted.green.basic.active.button {
8207
- box-shadow: 0px 0px 0px 2px #1fc231 inset !important;
8208
- color: #2ecc40 !important; }
8209
-
8210
- .ui.inverted.green.basic.buttons .button:active,
8211
- .ui.inverted.green.buttons .basic.button:active,
8212
- .ui.inverted.green.basic.button:active {
8213
- box-shadow: 0px 0px 0px 2px #25a233 inset !important;
8214
- color: #2ecc40 !important; }
8215
-
8216
- /*--- Orange ---*/
8217
- .ui.orange.buttons .button,
8218
- .ui.orange.button {
8219
- background-color: #f2711c;
8220
- color: #ffffff;
8221
- text-shadow: none;
8222
- background-image: none; }
8223
-
8224
- .ui.orange.button {
8225
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
8226
-
8227
- .ui.orange.buttons .button:hover,
8228
- .ui.orange.button:hover {
8229
- background-color: #f26202;
8230
- color: #ffffff;
8231
- text-shadow: none; }
8232
-
8233
- .ui.orange.buttons .button:focus,
8234
- .ui.orange.button:focus {
8235
- background-color: #e55b00;
8236
- color: #ffffff;
8237
- text-shadow: none; }
8238
-
8239
- .ui.orange.buttons .button:active,
8240
- .ui.orange.button:active {
8241
- background-color: #cf590c;
8242
- color: #ffffff;
8243
- text-shadow: none; }
8244
-
8245
- .ui.orange.buttons .active.button,
8246
- .ui.orange.buttons .active.button:active,
8247
- .ui.orange.active.button,
8248
- .ui.orange.button .active.button:active {
8249
- background-color: #f56100;
8250
- color: #ffffff;
8251
- text-shadow: none; }
8252
-
8253
- /* Basic */
8254
- .ui.basic.orange.buttons .button,
8255
- .ui.basic.orange.button {
8256
- box-shadow: 0px 0px 0px 1px #f2711c inset !important;
8257
- color: #f2711c !important; }
8258
-
8259
- .ui.basic.orange.buttons .button:hover,
8260
- .ui.basic.orange.button:hover {
8261
- background: transparent !important;
8262
- box-shadow: 0px 0px 0px 1px #f26202 inset !important;
8263
- color: #f26202 !important; }
8264
-
8265
- .ui.basic.orange.buttons .button:focus,
8266
- .ui.basic.orange.button:focus {
8267
- background: transparent !important;
8268
- box-shadow: 0px 0px 0px 1px #e55b00 inset !important;
8269
- color: #f26202 !important; }
8270
-
8271
- .ui.basic.orange.buttons .active.button,
8272
- .ui.basic.orange.active.button {
8273
- background: transparent !important;
8274
- box-shadow: 0px 0px 0px 1px #f56100 inset !important;
8275
- color: #cf590c !important; }
8276
-
8277
- .ui.basic.orange.buttons .button:active,
8278
- .ui.basic.orange.button:active {
8279
- box-shadow: 0px 0px 0px 1px #cf590c inset !important;
8280
- color: #cf590c !important; }
8281
-
8282
- .ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
8283
- margin-left: -1px; }
8284
-
8285
- /* Inverted */
8286
- .ui.inverted.orange.buttons .button,
8287
- .ui.inverted.orange.button {
8288
- background-color: transparent;
8289
- box-shadow: 0px 0px 0px 2px #ff851b inset !important;
8290
- color: #ff851b; }
8291
-
8292
- .ui.inverted.orange.buttons .button:hover,
8293
- .ui.inverted.orange.button:hover,
8294
- .ui.inverted.orange.buttons .button:focus,
8295
- .ui.inverted.orange.button:focus,
8296
- .ui.inverted.orange.buttons .button.active,
8297
- .ui.inverted.orange.button.active,
8298
- .ui.inverted.orange.buttons .button:active,
8299
- .ui.inverted.orange.button:active {
8300
- box-shadow: none !important;
8301
- color: #ffffff; }
8302
-
8303
- .ui.inverted.orange.buttons .button:hover,
8304
- .ui.inverted.orange.button:hover {
8305
- background-color: #ff7701; }
8306
-
8307
- .ui.inverted.orange.buttons .button:focus,
8308
- .ui.inverted.orange.button:focus {
8309
- background-color: #f17000; }
8310
-
8311
- .ui.inverted.orange.buttons .active.button,
8312
- .ui.inverted.orange.active.button {
8313
- background-color: #ff7701; }
8314
-
8315
- .ui.inverted.orange.buttons .button:active,
8316
- .ui.inverted.orange.button:active {
8317
- background-color: #e76b00; }
8318
-
8319
- /* Inverted Basic */
8320
- .ui.inverted.orange.basic.buttons .button,
8321
- .ui.inverted.orange.buttons .basic.button,
8322
- .ui.inverted.orange.basic.button {
8323
- background-color: transparent;
8324
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
8325
- color: #ffffff !important; }
8326
-
8327
- .ui.inverted.orange.basic.buttons .button:hover,
8328
- .ui.inverted.orange.buttons .basic.button:hover,
8329
- .ui.inverted.orange.basic.button:hover {
8330
- box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
8331
- color: #ff851b !important; }
8332
-
8333
- .ui.inverted.orange.basic.buttons .button:focus,
8334
- .ui.inverted.orange.basic.buttons .button:focus,
8335
- .ui.inverted.orange.basic.button:focus {
8336
- box-shadow: 0px 0px 0px 2px #f17000 inset !important;
8337
- color: #ff851b !important; }
8338
-
8339
- .ui.inverted.orange.basic.buttons .active.button,
8340
- .ui.inverted.orange.buttons .basic.active.button,
8341
- .ui.inverted.orange.basic.active.button {
8342
- box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
8343
- color: #ff851b !important; }
8344
-
8345
- .ui.inverted.orange.basic.buttons .button:active,
8346
- .ui.inverted.orange.buttons .basic.button:active,
8347
- .ui.inverted.orange.basic.button:active {
8348
- box-shadow: 0px 0px 0px 2px #e76b00 inset !important;
8349
- color: #ff851b !important; }
8350
-
8351
- /*--- Pink ---*/
8352
- .ui.pink.buttons .button,
8353
- .ui.pink.button {
8354
- background-color: #e03997;
8355
- color: #ffffff;
8356
- text-shadow: none;
8357
- background-image: none; }
8358
-
8359
- .ui.pink.button {
8360
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
8361
-
8362
- .ui.pink.buttons .button:hover,
8363
- .ui.pink.button:hover {
8364
- background-color: #e61a8d;
8365
- color: #ffffff;
8366
- text-shadow: none; }
8367
-
8368
- .ui.pink.buttons .button:focus,
8369
- .ui.pink.button:focus {
8370
- background-color: #e10f85;
8371
- color: #ffffff;
8372
- text-shadow: none; }
8373
-
8374
- .ui.pink.buttons .button:active,
8375
- .ui.pink.button:active {
8376
- background-color: #c71f7e;
8377
- color: #ffffff;
8378
- text-shadow: none; }
8379
-
8380
- .ui.pink.buttons .active.button,
8381
- .ui.pink.buttons .active.button:active,
8382
- .ui.pink.active.button,
8383
- .ui.pink.button .active.button:active {
8384
- background-color: #ea158d;
8385
- color: #ffffff;
8386
- text-shadow: none; }
8387
-
8388
- /* Basic */
8389
- .ui.basic.pink.buttons .button,
8390
- .ui.basic.pink.button {
8391
- box-shadow: 0px 0px 0px 1px #e03997 inset !important;
8392
- color: #e03997 !important; }
8393
-
8394
- .ui.basic.pink.buttons .button:hover,
8395
- .ui.basic.pink.button:hover {
8396
- background: transparent !important;
8397
- box-shadow: 0px 0px 0px 1px #e61a8d inset !important;
8398
- color: #e61a8d !important; }
8399
-
8400
- .ui.basic.pink.buttons .button:focus,
8401
- .ui.basic.pink.button:focus {
8402
- background: transparent !important;
8403
- box-shadow: 0px 0px 0px 1px #e10f85 inset !important;
8404
- color: #e61a8d !important; }
8405
-
8406
- .ui.basic.pink.buttons .active.button,
8407
- .ui.basic.pink.active.button {
8408
- background: transparent !important;
8409
- box-shadow: 0px 0px 0px 1px #ea158d inset !important;
8410
- color: #c71f7e !important; }
8411
-
8412
- .ui.basic.pink.buttons .button:active,
8413
- .ui.basic.pink.button:active {
8414
- box-shadow: 0px 0px 0px 1px #c71f7e inset !important;
8415
- color: #c71f7e !important; }
8416
-
8417
- .ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
8418
- margin-left: -1px; }
8419
-
8420
- /* Inverted */
8421
- .ui.inverted.pink.buttons .button,
8422
- .ui.inverted.pink.button {
8423
- background-color: transparent;
8424
- box-shadow: 0px 0px 0px 2px #ff8edf inset !important;
8425
- color: #ff8edf; }
8426
-
8427
- .ui.inverted.pink.buttons .button:hover,
8428
- .ui.inverted.pink.button:hover,
8429
- .ui.inverted.pink.buttons .button:focus,
8430
- .ui.inverted.pink.button:focus,
8431
- .ui.inverted.pink.buttons .button.active,
8432
- .ui.inverted.pink.button.active,
8433
- .ui.inverted.pink.buttons .button:active,
8434
- .ui.inverted.pink.button:active {
8435
- box-shadow: none !important;
8436
- color: #ffffff; }
8437
-
8438
- .ui.inverted.pink.buttons .button:hover,
8439
- .ui.inverted.pink.button:hover {
8440
- background-color: #ff74d8; }
8441
-
8442
- .ui.inverted.pink.buttons .button:focus,
8443
- .ui.inverted.pink.button:focus {
8444
- background-color: #ff65d3; }
8445
-
8446
- .ui.inverted.pink.buttons .active.button,
8447
- .ui.inverted.pink.active.button {
8448
- background-color: #ff74d8; }
8449
-
8450
- .ui.inverted.pink.buttons .button:active,
8451
- .ui.inverted.pink.button:active {
8452
- background-color: #ff5bd1; }
8453
-
8454
- /* Inverted Basic */
8455
- .ui.inverted.pink.basic.buttons .button,
8456
- .ui.inverted.pink.buttons .basic.button,
8457
- .ui.inverted.pink.basic.button {
8458
- background-color: transparent;
8459
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
8460
- color: #ffffff !important; }
8461
-
8462
- .ui.inverted.pink.basic.buttons .button:hover,
8463
- .ui.inverted.pink.buttons .basic.button:hover,
8464
- .ui.inverted.pink.basic.button:hover {
8465
- box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;
8466
- color: #ff8edf !important; }
8467
-
8468
- .ui.inverted.pink.basic.buttons .button:focus,
8469
- .ui.inverted.pink.basic.buttons .button:focus,
8470
- .ui.inverted.pink.basic.button:focus {
8471
- box-shadow: 0px 0px 0px 2px #ff65d3 inset !important;
8472
- color: #ff8edf !important; }
8473
-
8474
- .ui.inverted.pink.basic.buttons .active.button,
8475
- .ui.inverted.pink.buttons .basic.active.button,
8476
- .ui.inverted.pink.basic.active.button {
8477
- box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;
8478
- color: #ff8edf !important; }
8479
-
8480
- .ui.inverted.pink.basic.buttons .button:active,
8481
- .ui.inverted.pink.buttons .basic.button:active,
8482
- .ui.inverted.pink.basic.button:active {
8483
- box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important;
8484
- color: #ff8edf !important; }
8485
-
8486
- /*--- Violet ---*/
8487
- .ui.violet.buttons .button,
8488
- .ui.violet.button {
8489
- background-color: #6435c9;
8490
- color: #ffffff;
8491
- text-shadow: none;
8492
- background-image: none; }
8493
-
8494
- .ui.violet.button {
8495
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
8496
-
8497
- .ui.violet.buttons .button:hover,
8498
- .ui.violet.button:hover {
8499
- background-color: #5829bb;
8500
- color: #ffffff;
8501
- text-shadow: none; }
8502
-
8503
- .ui.violet.buttons .button:focus,
8504
- .ui.violet.button:focus {
8505
- background-color: #4f20b5;
8506
- color: #ffffff;
8507
- text-shadow: none; }
8508
-
8509
- .ui.violet.buttons .button:active,
8510
- .ui.violet.button:active {
8511
- background-color: #502aa1;
8512
- color: #ffffff;
8513
- text-shadow: none; }
8514
-
8515
- .ui.violet.buttons .active.button,
8516
- .ui.violet.buttons .active.button:active,
8517
- .ui.violet.active.button,
8518
- .ui.violet.button .active.button:active {
8519
- background-color: #5626bf;
8520
- color: #ffffff;
8521
- text-shadow: none; }
8522
-
8523
- /* Basic */
8524
- .ui.basic.violet.buttons .button,
8525
- .ui.basic.violet.button {
8526
- box-shadow: 0px 0px 0px 1px #6435c9 inset !important;
8527
- color: #6435c9 !important; }
8528
-
8529
- .ui.basic.violet.buttons .button:hover,
8530
- .ui.basic.violet.button:hover {
8531
- background: transparent !important;
8532
- box-shadow: 0px 0px 0px 1px #5829bb inset !important;
8533
- color: #5829bb !important; }
8534
-
8535
- .ui.basic.violet.buttons .button:focus,
8536
- .ui.basic.violet.button:focus {
8537
- background: transparent !important;
8538
- box-shadow: 0px 0px 0px 1px #4f20b5 inset !important;
8539
- color: #5829bb !important; }
8540
-
8541
- .ui.basic.violet.buttons .active.button,
8542
- .ui.basic.violet.active.button {
8543
- background: transparent !important;
8544
- box-shadow: 0px 0px 0px 1px #5626bf inset !important;
8545
- color: #502aa1 !important; }
8546
-
8547
- .ui.basic.violet.buttons .button:active,
8548
- .ui.basic.violet.button:active {
8549
- box-shadow: 0px 0px 0px 1px #502aa1 inset !important;
8550
- color: #502aa1 !important; }
8551
-
8552
- .ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
8553
- margin-left: -1px; }
8554
-
8555
- /* Inverted */
8556
- .ui.inverted.violet.buttons .button,
8557
- .ui.inverted.violet.button {
8558
- background-color: transparent;
8559
- box-shadow: 0px 0px 0px 2px #a291fb inset !important;
8560
- color: #a291fb; }
8561
-
8562
- .ui.inverted.violet.buttons .button:hover,
8563
- .ui.inverted.violet.button:hover,
8564
- .ui.inverted.violet.buttons .button:focus,
8565
- .ui.inverted.violet.button:focus,
8566
- .ui.inverted.violet.buttons .button.active,
8567
- .ui.inverted.violet.button.active,
8568
- .ui.inverted.violet.buttons .button:active,
8569
- .ui.inverted.violet.button:active {
8570
- box-shadow: none !important;
8571
- color: #ffffff; }
8572
-
8573
- .ui.inverted.violet.buttons .button:hover,
8574
- .ui.inverted.violet.button:hover {
8575
- background-color: #8a73ff; }
8576
-
8577
- .ui.inverted.violet.buttons .button:focus,
8578
- .ui.inverted.violet.button:focus {
8579
- background-color: #7d64ff; }
8580
-
8581
- .ui.inverted.violet.buttons .active.button,
8582
- .ui.inverted.violet.active.button {
8583
- background-color: #8a73ff; }
8584
-
8585
- .ui.inverted.violet.buttons .button:active,
8586
- .ui.inverted.violet.button:active {
8587
- background-color: #7860f9; }
8588
-
8589
- /* Inverted Basic */
8590
- .ui.inverted.violet.basic.buttons .button,
8591
- .ui.inverted.violet.buttons .basic.button,
8592
- .ui.inverted.violet.basic.button {
8593
- background-color: transparent;
8594
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
8595
- color: #ffffff !important; }
8596
-
8597
- .ui.inverted.violet.basic.buttons .button:hover,
8598
- .ui.inverted.violet.buttons .basic.button:hover,
8599
- .ui.inverted.violet.basic.button:hover {
8600
- box-shadow: 0px 0px 0px 2px #8a73ff inset !important;
8601
- color: #a291fb !important; }
8602
-
8603
- .ui.inverted.violet.basic.buttons .button:focus,
8604
- .ui.inverted.violet.basic.buttons .button:focus,
8605
- .ui.inverted.violet.basic.button:focus {
8606
- box-shadow: 0px 0px 0px 2px #7d64ff inset !important;
8607
- color: #a291fb !important; }
8608
-
8609
- .ui.inverted.violet.basic.buttons .active.button,
8610
- .ui.inverted.violet.buttons .basic.active.button,
8611
- .ui.inverted.violet.basic.active.button {
8612
- box-shadow: 0px 0px 0px 2px #8a73ff inset !important;
8613
- color: #a291fb !important; }
8614
-
8615
- .ui.inverted.violet.basic.buttons .button:active,
8616
- .ui.inverted.violet.buttons .basic.button:active,
8617
- .ui.inverted.violet.basic.button:active {
8618
- box-shadow: 0px 0px 0px 2px #7860f9 inset !important;
8619
- color: #a291fb !important; }
8620
-
8621
- /*--- Purple ---*/
8622
- .ui.purple.buttons .button,
8623
- .ui.purple.button {
8624
- background-color: #a333c8;
8625
- color: #ffffff;
8626
- text-shadow: none;
8627
- background-image: none; }
8628
-
8629
- .ui.purple.button {
8630
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
8631
-
8632
- .ui.purple.buttons .button:hover,
8633
- .ui.purple.button:hover {
8634
- background-color: #9627ba;
8635
- color: #ffffff;
8636
- text-shadow: none; }
8637
-
8638
- .ui.purple.buttons .button:focus,
8639
- .ui.purple.button:focus {
8640
- background-color: #8f1eb4;
8641
- color: #ffffff;
8642
- text-shadow: none; }
8643
-
8644
- .ui.purple.buttons .button:active,
8645
- .ui.purple.button:active {
8646
- background-color: #82299f;
8647
- color: #ffffff;
8648
- text-shadow: none; }
8649
-
8650
- .ui.purple.buttons .active.button,
8651
- .ui.purple.buttons .active.button:active,
8652
- .ui.purple.active.button,
8653
- .ui.purple.button .active.button:active {
8654
- background-color: #9724be;
8655
- color: #ffffff;
8656
- text-shadow: none; }
8657
-
8658
- /* Basic */
8659
- .ui.basic.purple.buttons .button,
8660
- .ui.basic.purple.button {
8661
- box-shadow: 0px 0px 0px 1px #a333c8 inset !important;
8662
- color: #a333c8 !important; }
8663
-
8664
- .ui.basic.purple.buttons .button:hover,
8665
- .ui.basic.purple.button:hover {
8666
- background: transparent !important;
8667
- box-shadow: 0px 0px 0px 1px #9627ba inset !important;
8668
- color: #9627ba !important; }
8669
-
8670
- .ui.basic.purple.buttons .button:focus,
8671
- .ui.basic.purple.button:focus {
8672
- background: transparent !important;
8673
- box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important;
8674
- color: #9627ba !important; }
8675
-
8676
- .ui.basic.purple.buttons .active.button,
8677
- .ui.basic.purple.active.button {
8678
- background: transparent !important;
8679
- box-shadow: 0px 0px 0px 1px #9724be inset !important;
8680
- color: #82299f !important; }
8681
-
8682
- .ui.basic.purple.buttons .button:active,
8683
- .ui.basic.purple.button:active {
8684
- box-shadow: 0px 0px 0px 1px #82299f inset !important;
8685
- color: #82299f !important; }
8686
-
8687
- .ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
8688
- margin-left: -1px; }
8689
-
8690
- /* Inverted */
8691
- .ui.inverted.purple.buttons .button,
8692
- .ui.inverted.purple.button {
8693
- background-color: transparent;
8694
- box-shadow: 0px 0px 0px 2px #dc73ff inset !important;
8695
- color: #dc73ff; }
8696
-
8697
- .ui.inverted.purple.buttons .button:hover,
8698
- .ui.inverted.purple.button:hover,
8699
- .ui.inverted.purple.buttons .button:focus,
8700
- .ui.inverted.purple.button:focus,
8701
- .ui.inverted.purple.buttons .button.active,
8702
- .ui.inverted.purple.button.active,
8703
- .ui.inverted.purple.buttons .button:active,
8704
- .ui.inverted.purple.button:active {
8705
- box-shadow: none !important;
8706
- color: #ffffff; }
8707
-
8708
- .ui.inverted.purple.buttons .button:hover,
8709
- .ui.inverted.purple.button:hover {
8710
- background-color: #d65aff; }
8711
-
8712
- .ui.inverted.purple.buttons .button:focus,
8713
- .ui.inverted.purple.button:focus {
8714
- background-color: #d24aff; }
8715
-
8716
- .ui.inverted.purple.buttons .active.button,
8717
- .ui.inverted.purple.active.button {
8718
- background-color: #d65aff; }
8719
-
8720
- .ui.inverted.purple.buttons .button:active,
8721
- .ui.inverted.purple.button:active {
8722
- background-color: #cf40ff; }
8723
-
8724
- /* Inverted Basic */
8725
- .ui.inverted.purple.basic.buttons .button,
8726
- .ui.inverted.purple.buttons .basic.button,
8727
- .ui.inverted.purple.basic.button {
8728
- background-color: transparent;
8729
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
8730
- color: #ffffff !important; }
8731
-
8732
- .ui.inverted.purple.basic.buttons .button:hover,
8733
- .ui.inverted.purple.buttons .basic.button:hover,
8734
- .ui.inverted.purple.basic.button:hover {
8735
- box-shadow: 0px 0px 0px 2px #d65aff inset !important;
8736
- color: #dc73ff !important; }
8737
-
8738
- .ui.inverted.purple.basic.buttons .button:focus,
8739
- .ui.inverted.purple.basic.buttons .button:focus,
8740
- .ui.inverted.purple.basic.button:focus {
8741
- box-shadow: 0px 0px 0px 2px #d24aff inset !important;
8742
- color: #dc73ff !important; }
8743
-
8744
- .ui.inverted.purple.basic.buttons .active.button,
8745
- .ui.inverted.purple.buttons .basic.active.button,
8746
- .ui.inverted.purple.basic.active.button {
8747
- box-shadow: 0px 0px 0px 2px #d65aff inset !important;
8748
- color: #dc73ff !important; }
8749
-
8750
- .ui.inverted.purple.basic.buttons .button:active,
8751
- .ui.inverted.purple.buttons .basic.button:active,
8752
- .ui.inverted.purple.basic.button:active {
8753
- box-shadow: 0px 0px 0px 2px #cf40ff inset !important;
8754
- color: #dc73ff !important; }
8755
-
8756
- /*--- Red ---*/
8757
- .ui.red.buttons .button,
8758
- .ui.red.button {
8759
- background-color: #db2828;
8760
- color: #ffffff;
8761
- text-shadow: none;
8762
- background-image: none; }
8763
-
8764
- .ui.red.button {
8765
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
8766
-
8767
- .ui.red.buttons .button:hover,
8768
- .ui.red.button:hover {
8769
- background-color: #d01919;
8770
- color: #ffffff;
8771
- text-shadow: none; }
8772
-
8773
- .ui.red.buttons .button:focus,
8774
- .ui.red.button:focus {
8775
- background-color: #ca1010;
8776
- color: #ffffff;
8777
- text-shadow: none; }
8778
-
8779
- .ui.red.buttons .button:active,
8780
- .ui.red.button:active {
8781
- background-color: #b21e1e;
8782
- color: #ffffff;
8783
- text-shadow: none; }
8784
-
8785
- .ui.red.buttons .active.button,
8786
- .ui.red.buttons .active.button:active,
8787
- .ui.red.active.button,
8788
- .ui.red.button .active.button:active {
8789
- background-color: #d41515;
8790
- color: #ffffff;
8791
- text-shadow: none; }
8792
-
8793
- /* Basic */
8794
- .ui.basic.red.buttons .button,
8795
- .ui.basic.red.button {
8796
- box-shadow: 0px 0px 0px 1px #db2828 inset !important;
8797
- color: #db2828 !important; }
8798
-
8799
- .ui.basic.red.buttons .button:hover,
8800
- .ui.basic.red.button:hover {
8801
- background: transparent !important;
8802
- box-shadow: 0px 0px 0px 1px #d01919 inset !important;
8803
- color: #d01919 !important; }
8804
-
8805
- .ui.basic.red.buttons .button:focus,
8806
- .ui.basic.red.button:focus {
8807
- background: transparent !important;
8808
- box-shadow: 0px 0px 0px 1px #ca1010 inset !important;
8809
- color: #d01919 !important; }
8810
-
8811
- .ui.basic.red.buttons .active.button,
8812
- .ui.basic.red.active.button {
8813
- background: transparent !important;
8814
- box-shadow: 0px 0px 0px 1px #d41515 inset !important;
8815
- color: #b21e1e !important; }
8816
-
8817
- .ui.basic.red.buttons .button:active,
8818
- .ui.basic.red.button:active {
8819
- box-shadow: 0px 0px 0px 1px #b21e1e inset !important;
8820
- color: #b21e1e !important; }
8821
-
8822
- .ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
8823
- margin-left: -1px; }
8824
-
8825
- /* Inverted */
8826
- .ui.inverted.red.buttons .button,
8827
- .ui.inverted.red.button {
8828
- background-color: transparent;
8829
- box-shadow: 0px 0px 0px 2px #ff695e inset !important;
8830
- color: #ff695e; }
8831
-
8832
- .ui.inverted.red.buttons .button:hover,
8833
- .ui.inverted.red.button:hover,
8834
- .ui.inverted.red.buttons .button:focus,
8835
- .ui.inverted.red.button:focus,
8836
- .ui.inverted.red.buttons .button.active,
8837
- .ui.inverted.red.button.active,
8838
- .ui.inverted.red.buttons .button:active,
8839
- .ui.inverted.red.button:active {
8840
- box-shadow: none !important;
8841
- color: #ffffff; }
8842
-
8843
- .ui.inverted.red.buttons .button:hover,
8844
- .ui.inverted.red.button:hover {
8845
- background-color: #ff5144; }
8846
-
8847
- .ui.inverted.red.buttons .button:focus,
8848
- .ui.inverted.red.button:focus {
8849
- background-color: #ff4335; }
8850
-
8851
- .ui.inverted.red.buttons .active.button,
8852
- .ui.inverted.red.active.button {
8853
- background-color: #ff5144; }
8854
-
8855
- .ui.inverted.red.buttons .button:active,
8856
- .ui.inverted.red.button:active {
8857
- background-color: #ff392b; }
8858
-
8859
- /* Inverted Basic */
8860
- .ui.inverted.red.basic.buttons .button,
8861
- .ui.inverted.red.buttons .basic.button,
8862
- .ui.inverted.red.basic.button {
8863
- background-color: transparent;
8864
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
8865
- color: #ffffff !important; }
8866
-
8867
- .ui.inverted.red.basic.buttons .button:hover,
8868
- .ui.inverted.red.buttons .basic.button:hover,
8869
- .ui.inverted.red.basic.button:hover {
8870
- box-shadow: 0px 0px 0px 2px #ff5144 inset !important;
8871
- color: #ff695e !important; }
8872
-
8873
- .ui.inverted.red.basic.buttons .button:focus,
8874
- .ui.inverted.red.basic.buttons .button:focus,
8875
- .ui.inverted.red.basic.button:focus {
8876
- box-shadow: 0px 0px 0px 2px #ff4335 inset !important;
8877
- color: #ff695e !important; }
8878
-
8879
- .ui.inverted.red.basic.buttons .active.button,
8880
- .ui.inverted.red.buttons .basic.active.button,
8881
- .ui.inverted.red.basic.active.button {
8882
- box-shadow: 0px 0px 0px 2px #ff5144 inset !important;
8883
- color: #ff695e !important; }
8884
-
8885
- .ui.inverted.red.basic.buttons .button:active,
8886
- .ui.inverted.red.buttons .basic.button:active,
8887
- .ui.inverted.red.basic.button:active {
8888
- box-shadow: 0px 0px 0px 2px #ff392b inset !important;
8889
- color: #ff695e !important; }
8890
-
8891
- /*--- Teal ---*/
8892
- .ui.teal.buttons .button,
8893
- .ui.teal.button {
8894
- background-color: #00b5ad;
8895
- color: #ffffff;
8896
- text-shadow: none;
8897
- background-image: none; }
8898
-
8899
- .ui.teal.button {
8900
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
8901
-
8902
- .ui.teal.buttons .button:hover,
8903
- .ui.teal.button:hover {
8904
- background-color: #009c95;
8905
- color: #ffffff;
8906
- text-shadow: none; }
8907
-
8908
- .ui.teal.buttons .button:focus,
8909
- .ui.teal.button:focus {
8910
- background-color: #008c86;
8911
- color: #ffffff;
8912
- text-shadow: none; }
8913
-
8914
- .ui.teal.buttons .button:active,
8915
- .ui.teal.button:active {
8916
- background-color: #00827c;
8917
- color: #ffffff;
8918
- text-shadow: none; }
8919
-
8920
- .ui.teal.buttons .active.button,
8921
- .ui.teal.buttons .active.button:active,
8922
- .ui.teal.active.button,
8923
- .ui.teal.button .active.button:active {
8924
- background-color: #009c95;
8925
- color: #ffffff;
8926
- text-shadow: none; }
8927
-
8928
- /* Basic */
8929
- .ui.basic.teal.buttons .button,
8930
- .ui.basic.teal.button {
8931
- box-shadow: 0px 0px 0px 1px #00b5ad inset !important;
8932
- color: #00b5ad !important; }
8933
-
8934
- .ui.basic.teal.buttons .button:hover,
8935
- .ui.basic.teal.button:hover {
8936
- background: transparent !important;
8937
- box-shadow: 0px 0px 0px 1px #009c95 inset !important;
8938
- color: #009c95 !important; }
8939
-
8940
- .ui.basic.teal.buttons .button:focus,
8941
- .ui.basic.teal.button:focus {
8942
- background: transparent !important;
8943
- box-shadow: 0px 0px 0px 1px #008c86 inset !important;
8944
- color: #009c95 !important; }
8945
-
8946
- .ui.basic.teal.buttons .active.button,
8947
- .ui.basic.teal.active.button {
8948
- background: transparent !important;
8949
- box-shadow: 0px 0px 0px 1px #009c95 inset !important;
8950
- color: #00827c !important; }
8951
-
8952
- .ui.basic.teal.buttons .button:active,
8953
- .ui.basic.teal.button:active {
8954
- box-shadow: 0px 0px 0px 1px #00827c inset !important;
8955
- color: #00827c !important; }
8956
-
8957
- .ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
8958
- margin-left: -1px; }
8959
-
8960
- /* Inverted */
8961
- .ui.inverted.teal.buttons .button,
8962
- .ui.inverted.teal.button {
8963
- background-color: transparent;
8964
- box-shadow: 0px 0px 0px 2px #6dffff inset !important;
8965
- color: #6dffff; }
8966
-
8967
- .ui.inverted.teal.buttons .button:hover,
8968
- .ui.inverted.teal.button:hover,
8969
- .ui.inverted.teal.buttons .button:focus,
8970
- .ui.inverted.teal.button:focus,
8971
- .ui.inverted.teal.buttons .button.active,
8972
- .ui.inverted.teal.button.active,
8973
- .ui.inverted.teal.buttons .button:active,
8974
- .ui.inverted.teal.button:active {
8975
- box-shadow: none !important;
8976
- color: rgba(0, 0, 0, 0.6); }
8977
-
8978
- .ui.inverted.teal.buttons .button:hover,
8979
- .ui.inverted.teal.button:hover {
8980
- background-color: #54ffff; }
8981
-
8982
- .ui.inverted.teal.buttons .button:focus,
8983
- .ui.inverted.teal.button:focus {
8984
- background-color: #44ffff; }
8985
-
8986
- .ui.inverted.teal.buttons .active.button,
8987
- .ui.inverted.teal.active.button {
8988
- background-color: #54ffff; }
8989
-
8990
- .ui.inverted.teal.buttons .button:active,
8991
- .ui.inverted.teal.button:active {
8992
- background-color: #3affff; }
8993
-
8994
- /* Inverted Basic */
8995
- .ui.inverted.teal.basic.buttons .button,
8996
- .ui.inverted.teal.buttons .basic.button,
8997
- .ui.inverted.teal.basic.button {
8998
- background-color: transparent;
8999
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
9000
- color: #ffffff !important; }
9001
-
9002
- .ui.inverted.teal.basic.buttons .button:hover,
9003
- .ui.inverted.teal.buttons .basic.button:hover,
9004
- .ui.inverted.teal.basic.button:hover {
9005
- box-shadow: 0px 0px 0px 2px #54ffff inset !important;
9006
- color: #6dffff !important; }
9007
-
9008
- .ui.inverted.teal.basic.buttons .button:focus,
9009
- .ui.inverted.teal.basic.buttons .button:focus,
9010
- .ui.inverted.teal.basic.button:focus {
9011
- box-shadow: 0px 0px 0px 2px #44ffff inset !important;
9012
- color: #6dffff !important; }
9013
-
9014
- .ui.inverted.teal.basic.buttons .active.button,
9015
- .ui.inverted.teal.buttons .basic.active.button,
9016
- .ui.inverted.teal.basic.active.button {
9017
- box-shadow: 0px 0px 0px 2px #54ffff inset !important;
9018
- color: #6dffff !important; }
9019
-
9020
- .ui.inverted.teal.basic.buttons .button:active,
9021
- .ui.inverted.teal.buttons .basic.button:active,
9022
- .ui.inverted.teal.basic.button:active {
9023
- box-shadow: 0px 0px 0px 2px #3affff inset !important;
9024
- color: #6dffff !important; }
9025
-
9026
- /*--- Olive ---*/
9027
- .ui.olive.buttons .button,
9028
- .ui.olive.button {
9029
- background-color: #b5cc18;
9030
- color: #ffffff;
9031
- text-shadow: none;
9032
- background-image: none; }
9033
-
9034
- .ui.olive.button {
9035
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
9036
-
9037
- .ui.olive.buttons .button:hover,
9038
- .ui.olive.button:hover {
9039
- background-color: #a7bd0d;
9040
- color: #ffffff;
9041
- text-shadow: none; }
9042
-
9043
- .ui.olive.buttons .button:focus,
9044
- .ui.olive.button:focus {
9045
- background-color: #a0b605;
9046
- color: #ffffff;
9047
- text-shadow: none; }
9048
-
9049
- .ui.olive.buttons .button:active,
9050
- .ui.olive.button:active {
9051
- background-color: #8d9e13;
9052
- color: #ffffff;
9053
- text-shadow: none; }
9054
-
9055
- .ui.olive.buttons .active.button,
9056
- .ui.olive.buttons .active.button:active,
9057
- .ui.olive.active.button,
9058
- .ui.olive.button .active.button:active {
9059
- background-color: #aac109;
9060
- color: #ffffff;
9061
- text-shadow: none; }
9062
-
9063
- /* Basic */
9064
- .ui.basic.olive.buttons .button,
9065
- .ui.basic.olive.button {
9066
- box-shadow: 0px 0px 0px 1px #b5cc18 inset !important;
9067
- color: #b5cc18 !important; }
9068
-
9069
- .ui.basic.olive.buttons .button:hover,
9070
- .ui.basic.olive.button:hover {
9071
- background: transparent !important;
9072
- box-shadow: 0px 0px 0px 1px #a7bd0d inset !important;
9073
- color: #a7bd0d !important; }
9074
-
9075
- .ui.basic.olive.buttons .button:focus,
9076
- .ui.basic.olive.button:focus {
9077
- background: transparent !important;
9078
- box-shadow: 0px 0px 0px 1px #a0b605 inset !important;
9079
- color: #a7bd0d !important; }
9080
-
9081
- .ui.basic.olive.buttons .active.button,
9082
- .ui.basic.olive.active.button {
9083
- background: transparent !important;
9084
- box-shadow: 0px 0px 0px 1px #aac109 inset !important;
9085
- color: #8d9e13 !important; }
9086
-
9087
- .ui.basic.olive.buttons .button:active,
9088
- .ui.basic.olive.button:active {
9089
- box-shadow: 0px 0px 0px 1px #8d9e13 inset !important;
9090
- color: #8d9e13 !important; }
9091
-
9092
- .ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
9093
- margin-left: -1px; }
9094
-
9095
- /* Inverted */
9096
- .ui.inverted.olive.buttons .button,
9097
- .ui.inverted.olive.button {
9098
- background-color: transparent;
9099
- box-shadow: 0px 0px 0px 2px #d9e778 inset !important;
9100
- color: #d9e778; }
9101
-
9102
- .ui.inverted.olive.buttons .button:hover,
9103
- .ui.inverted.olive.button:hover,
9104
- .ui.inverted.olive.buttons .button:focus,
9105
- .ui.inverted.olive.button:focus,
9106
- .ui.inverted.olive.buttons .button.active,
9107
- .ui.inverted.olive.button.active,
9108
- .ui.inverted.olive.buttons .button:active,
9109
- .ui.inverted.olive.button:active {
9110
- box-shadow: none !important;
9111
- color: rgba(0, 0, 0, 0.6); }
9112
-
9113
- .ui.inverted.olive.buttons .button:hover,
9114
- .ui.inverted.olive.button:hover {
9115
- background-color: #d8ea5c; }
9116
-
9117
- .ui.inverted.olive.buttons .button:focus,
9118
- .ui.inverted.olive.button:focus {
9119
- background-color: #daef47; }
9120
-
9121
- .ui.inverted.olive.buttons .active.button,
9122
- .ui.inverted.olive.active.button {
9123
- background-color: #daed59; }
9124
-
9125
- .ui.inverted.olive.buttons .button:active,
9126
- .ui.inverted.olive.button:active {
9127
- background-color: #cddf4d; }
9128
-
9129
- /* Inverted Basic */
9130
- .ui.inverted.olive.basic.buttons .button,
9131
- .ui.inverted.olive.buttons .basic.button,
9132
- .ui.inverted.olive.basic.button {
9133
- background-color: transparent;
9134
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
9135
- color: #ffffff !important; }
9136
-
9137
- .ui.inverted.olive.basic.buttons .button:hover,
9138
- .ui.inverted.olive.buttons .basic.button:hover,
9139
- .ui.inverted.olive.basic.button:hover {
9140
- box-shadow: 0px 0px 0px 2px #d8ea5c inset !important;
9141
- color: #d9e778 !important; }
9142
-
9143
- .ui.inverted.olive.basic.buttons .button:focus,
9144
- .ui.inverted.olive.basic.buttons .button:focus,
9145
- .ui.inverted.olive.basic.button:focus {
9146
- box-shadow: 0px 0px 0px 2px #daef47 inset !important;
9147
- color: #d9e778 !important; }
9148
-
9149
- .ui.inverted.olive.basic.buttons .active.button,
9150
- .ui.inverted.olive.buttons .basic.active.button,
9151
- .ui.inverted.olive.basic.active.button {
9152
- box-shadow: 0px 0px 0px 2px #daed59 inset !important;
9153
- color: #d9e778 !important; }
9154
-
9155
- .ui.inverted.olive.basic.buttons .button:active,
9156
- .ui.inverted.olive.buttons .basic.button:active,
9157
- .ui.inverted.olive.basic.button:active {
9158
- box-shadow: 0px 0px 0px 2px #cddf4d inset !important;
9159
- color: #d9e778 !important; }
9160
-
9161
- /*--- Yellow ---*/
9162
- .ui.yellow.buttons .button,
9163
- .ui.yellow.button {
9164
- background-color: #fbbd08;
9165
- color: #ffffff;
9166
- text-shadow: none;
9167
- background-image: none; }
9168
-
9169
- .ui.yellow.button {
9170
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
9171
-
9172
- .ui.yellow.buttons .button:hover,
9173
- .ui.yellow.button:hover {
9174
- background-color: #eaae00;
9175
- color: #ffffff;
9176
- text-shadow: none; }
9177
-
9178
- .ui.yellow.buttons .button:focus,
9179
- .ui.yellow.button:focus {
9180
- background-color: #daa300;
9181
- color: #ffffff;
9182
- text-shadow: none; }
9183
-
9184
- .ui.yellow.buttons .button:active,
9185
- .ui.yellow.button:active {
9186
- background-color: #cd9903;
9187
- color: #ffffff;
9188
- text-shadow: none; }
9189
-
9190
- .ui.yellow.buttons .active.button,
9191
- .ui.yellow.buttons .active.button:active,
9192
- .ui.yellow.active.button,
9193
- .ui.yellow.button .active.button:active {
9194
- background-color: #eaae00;
9195
- color: #ffffff;
9196
- text-shadow: none; }
9197
-
9198
- /* Basic */
9199
- .ui.basic.yellow.buttons .button,
9200
- .ui.basic.yellow.button {
9201
- box-shadow: 0px 0px 0px 1px #fbbd08 inset !important;
9202
- color: #fbbd08 !important; }
9203
-
9204
- .ui.basic.yellow.buttons .button:hover,
9205
- .ui.basic.yellow.button:hover {
9206
- background: transparent !important;
9207
- box-shadow: 0px 0px 0px 1px #eaae00 inset !important;
9208
- color: #eaae00 !important; }
9209
-
9210
- .ui.basic.yellow.buttons .button:focus,
9211
- .ui.basic.yellow.button:focus {
9212
- background: transparent !important;
9213
- box-shadow: 0px 0px 0px 1px #daa300 inset !important;
9214
- color: #eaae00 !important; }
9215
-
9216
- .ui.basic.yellow.buttons .active.button,
9217
- .ui.basic.yellow.active.button {
9218
- background: transparent !important;
9219
- box-shadow: 0px 0px 0px 1px #eaae00 inset !important;
9220
- color: #cd9903 !important; }
9221
-
9222
- .ui.basic.yellow.buttons .button:active,
9223
- .ui.basic.yellow.button:active {
9224
- box-shadow: 0px 0px 0px 1px #cd9903 inset !important;
9225
- color: #cd9903 !important; }
9226
-
9227
- .ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
9228
- margin-left: -1px; }
9229
-
9230
- /* Inverted */
9231
- .ui.inverted.yellow.buttons .button,
9232
- .ui.inverted.yellow.button {
9233
- background-color: transparent;
9234
- box-shadow: 0px 0px 0px 2px #ffe21f inset !important;
9235
- color: #ffe21f; }
9236
-
9237
- .ui.inverted.yellow.buttons .button:hover,
9238
- .ui.inverted.yellow.button:hover,
9239
- .ui.inverted.yellow.buttons .button:focus,
9240
- .ui.inverted.yellow.button:focus,
9241
- .ui.inverted.yellow.buttons .button.active,
9242
- .ui.inverted.yellow.button.active,
9243
- .ui.inverted.yellow.buttons .button:active,
9244
- .ui.inverted.yellow.button:active {
9245
- box-shadow: none !important;
9246
- color: rgba(0, 0, 0, 0.6); }
9247
-
9248
- .ui.inverted.yellow.buttons .button:hover,
9249
- .ui.inverted.yellow.button:hover {
9250
- background-color: #ffdf05; }
9251
-
9252
- .ui.inverted.yellow.buttons .button:focus,
9253
- .ui.inverted.yellow.button:focus {
9254
- background-color: #f5d500; }
9255
-
9256
- .ui.inverted.yellow.buttons .active.button,
9257
- .ui.inverted.yellow.active.button {
9258
- background-color: #ffdf05; }
9259
-
9260
- .ui.inverted.yellow.buttons .button:active,
9261
- .ui.inverted.yellow.button:active {
9262
- background-color: #ebcd00; }
9263
-
9264
- /* Inverted Basic */
9265
- .ui.inverted.yellow.basic.buttons .button,
9266
- .ui.inverted.yellow.buttons .basic.button,
9267
- .ui.inverted.yellow.basic.button {
9268
- background-color: transparent;
9269
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
9270
- color: #ffffff !important; }
9271
-
9272
- .ui.inverted.yellow.basic.buttons .button:hover,
9273
- .ui.inverted.yellow.buttons .basic.button:hover,
9274
- .ui.inverted.yellow.basic.button:hover {
9275
- box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;
9276
- color: #ffe21f !important; }
9277
-
9278
- .ui.inverted.yellow.basic.buttons .button:focus,
9279
- .ui.inverted.yellow.basic.buttons .button:focus,
9280
- .ui.inverted.yellow.basic.button:focus {
9281
- box-shadow: 0px 0px 0px 2px #f5d500 inset !important;
9282
- color: #ffe21f !important; }
9283
-
9284
- .ui.inverted.yellow.basic.buttons .active.button,
9285
- .ui.inverted.yellow.buttons .basic.active.button,
9286
- .ui.inverted.yellow.basic.active.button {
9287
- box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;
9288
- color: #ffe21f !important; }
9289
-
9290
- .ui.inverted.yellow.basic.buttons .button:active,
9291
- .ui.inverted.yellow.buttons .basic.button:active,
9292
- .ui.inverted.yellow.basic.button:active {
9293
- box-shadow: 0px 0px 0px 2px #ebcd00 inset !important;
9294
- color: #ffe21f !important; }
9295
-
9296
- /*-------------------
9297
- Primary
9298
- --------------------*/
9299
- .ui.primary.buttons .button,
9300
- .ui.primary.button {
9301
- background-color: #2185d0;
9302
- color: #ffffff;
9303
- text-shadow: none;
9304
- background-image: none; }
9305
-
9306
- .ui.primary.button {
9307
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
9308
-
9309
- .ui.primary.buttons .button:hover,
9310
- .ui.primary.button:hover {
9311
- background-color: #1678c2;
9312
- color: #ffffff;
9313
- text-shadow: none; }
9314
-
9315
- .ui.primary.buttons .button:focus,
9316
- .ui.primary.button:focus {
9317
- background-color: #0d71bb;
9318
- color: #ffffff;
9319
- text-shadow: none; }
9320
-
9321
- .ui.primary.buttons .button:active,
9322
- .ui.primary.button:active {
9323
- background-color: #1a69a4;
9324
- color: #ffffff;
9325
- text-shadow: none; }
9326
-
9327
- .ui.primary.buttons .active.button,
9328
- .ui.primary.active.button {
9329
- background-color: #1279c6;
9330
- color: #ffffff;
9331
- text-shadow: none; }
9332
-
9333
- /*-------------------
9334
- Secondary
9335
- --------------------*/
9336
- .ui.secondary.buttons .button,
9337
- .ui.secondary.button {
9338
- background-color: #1b1c1d;
9339
- color: #ffffff;
9340
- text-shadow: none;
9341
- background-image: none; }
9342
-
9343
- .ui.secondary.button {
9344
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
9345
-
9346
- .ui.secondary.buttons .button:hover,
9347
- .ui.secondary.button:hover {
9348
- background-color: #27292a;
9349
- color: #ffffff;
9350
- text-shadow: none; }
9351
-
9352
- .ui.secondary.buttons .button:focus,
9353
- .ui.secondary.button:focus {
9354
- background-color: #2e3032;
9355
- color: #ffffff;
9356
- text-shadow: none; }
9357
-
9358
- .ui.secondary.buttons .button:active,
9359
- .ui.secondary.button:active {
9360
- background-color: #343637;
9361
- color: #ffffff;
9362
- text-shadow: none; }
9363
-
9364
- .ui.secondary.buttons .active.button,
9365
- .ui.secondary.active.button {
9366
- background-color: #27292a;
9367
- color: #ffffff;
9368
- text-shadow: none; }
9369
-
9370
- /*---------------
9371
- Positive
9372
- ----------------*/
9373
- .ui.positive.buttons .button,
9374
- .ui.positive.button {
9375
- background-color: #21ba45 !important;
9376
- color: #ffffff;
9377
- text-shadow: none;
9378
- background-image: none; }
9379
-
9380
- .ui.positive.button {
9381
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
9382
-
9383
- .ui.positive.buttons .button:hover,
9384
- .ui.positive.button:hover {
9385
- background-color: #16ab39 !important;
9386
- color: #ffffff;
9387
- text-shadow: none; }
9388
-
9389
- .ui.positive.buttons .button:focus,
9390
- .ui.positive.button:focus {
9391
- background-color: #0ea432 !important;
9392
- color: #ffffff;
9393
- text-shadow: none; }
9394
-
9395
- .ui.positive.buttons .button:active,
9396
- .ui.positive.button:active {
9397
- background-color: #198f35 !important;
9398
- color: #ffffff;
9399
- text-shadow: none; }
9400
-
9401
- .ui.positive.buttons .active.button,
9402
- .ui.positive.active.button,
9403
- .ui.positive.buttons .active.button:active {
9404
- background-color: #13ae38;
9405
- color: #ffffff;
9406
- text-shadow: none; }
9407
-
9408
- /*---------------
9409
- Negative
9410
- ----------------*/
9411
- .ui.negative.buttons .button,
9412
- .ui.negative.button {
9413
- background-color: #db2828 !important;
9414
- color: #ffffff;
9415
- text-shadow: none;
9416
- background-image: none; }
9417
-
9418
- .ui.negative.button {
9419
- box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
9420
-
9421
- .ui.negative.buttons .button:hover,
9422
- .ui.negative.button:hover {
9423
- background-color: #d01919 !important;
9424
- color: #ffffff;
9425
- text-shadow: none; }
9426
-
9427
- .ui.negative.buttons .button:focus,
9428
- .ui.negative.button:focus {
9429
- background-color: #ca1010 !important;
9430
- color: #ffffff;
9431
- text-shadow: none; }
9432
-
9433
- .ui.negative.buttons .button:active,
9434
- .ui.negative.button:active {
9435
- background-color: #b21e1e !important;
9436
- color: #ffffff;
9437
- text-shadow: none; }
9438
-
9439
- .ui.negative.buttons .active.button,
9440
- .ui.negative.active.button,
9441
- .ui.negative.buttons .active.button:active {
9442
- background-color: #d41515;
9443
- color: #ffffff;
9444
- text-shadow: none; }
9445
-
9446
- /*******************************
9447
- Groups
9448
- *******************************/
9449
- .ui.buttons {
9450
- display: -webkit-inline-box;
9451
- display: -webkit-inline-flex;
9452
- display: -ms-inline-flexbox;
9453
- display: inline-flex;
9454
- -webkit-box-orient: horizontal;
9455
- -webkit-box-direction: normal;
9456
- -webkit-flex-direction: row;
9457
- -ms-flex-direction: row;
9458
- flex-direction: row;
9459
- font-size: 0em;
9460
- vertical-align: baseline;
9461
- margin: 0em 0.25em 0em 0em; }
9462
-
9463
- .ui.buttons:not(.basic):not(.inverted) {
9464
- box-shadow: none; }
9465
-
9466
- /* Clearfix */
9467
- .ui.buttons:after {
9468
- content: ".";
9469
- display: block;
9470
- height: 0;
9471
- clear: both;
9472
- visibility: hidden; }
9473
-
9474
- /* Standard Group */
9475
- .ui.buttons .button {
9476
- -webkit-box-flex: 1;
9477
- -webkit-flex: 1 0 auto;
9478
- -ms-flex: 1 0 auto;
9479
- flex: 1 0 auto;
9480
- margin: 0em;
9481
- border-radius: 0em;
9482
- margin: 0px 0px 0px 0px; }
9483
-
9484
- .ui.buttons > .ui.button:not(.basic):not(.inverted),
9485
- .ui.buttons:not(.basic):not(.inverted) > .button {
9486
- box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; }
9487
-
9488
- .ui.buttons .button:first-child {
9489
- border-left: none;
9490
- margin-left: 0em;
9491
- border-top-left-radius: 0.28571429rem;
9492
- border-bottom-left-radius: 0.28571429rem; }
9493
-
9494
- .ui.buttons .button:last-child {
9495
- border-top-right-radius: 0.28571429rem;
9496
- border-bottom-right-radius: 0.28571429rem; }
9497
-
9498
- /* Vertical Style */
9499
- .ui.vertical.buttons {
9500
- display: -webkit-inline-box;
9501
- display: -webkit-inline-flex;
9502
- display: -ms-inline-flexbox;
9503
- display: inline-flex;
9504
- -webkit-box-orient: vertical;
9505
- -webkit-box-direction: normal;
9506
- -webkit-flex-direction: column;
9507
- -ms-flex-direction: column;
9508
- flex-direction: column; }
9509
-
9510
- .ui.vertical.buttons .button {
9511
- display: block;
9512
- float: none;
9513
- width: 100%;
9514
- margin: 0px 0px 0px 0px;
9515
- box-shadow: none; }
9516
-
9517
- .ui.vertical.buttons .button:first-child,
9518
- .ui.vertical.buttons .mini.button:first-child,
9519
- .ui.vertical.buttons .tiny.button:first-child,
9520
- .ui.vertical.buttons .small.button:first-child,
9521
- .ui.vertical.buttons .massive.button:first-child,
9522
- .ui.vertical.buttons .huge.button:first-child {
9523
- border-radius: 0.28571429rem 0.28571429rem 0px 0px; }
9524
-
9525
- .ui.vertical.buttons .button:last-child,
9526
- .ui.vertical.buttons .mini.button:last-child,
9527
- .ui.vertical.buttons .tiny.button:last-child,
9528
- .ui.vertical.buttons .small.button:last-child,
9529
- .ui.vertical.buttons .massive.button:last-child,
9530
- .ui.vertical.buttons .huge.button:last-child,
9531
- .ui.vertical.buttons .gigantic.button:last-child {
9532
- margin-bottom: 0px;
9533
- border-radius: 0px 0px 0.28571429rem 0.28571429rem; }
9534
-
9535
- /*******************************
9536
- Theme Overrides
9537
- *******************************/
9538
- /*******************************
9539
- Site Overrides
9540
- *******************************/
9541
- /*!
9542
- * # Semantic UI 2.1.3 - Container
9543
- * http://github.com/semantic-org/semantic-ui/
9544
- *
9545
- *
9546
- * Copyright 2015 Contributors
9547
- * Released under the MIT license
9548
- * http://opensource.org/licenses/MIT
9549
- *
9550
- */
9551
- /*******************************
9552
- Container
9553
- *******************************/
9554
- /* All Sizes */
9555
- .ui.container {
9556
- display: block;
9557
- max-width: 100% !important; }
9558
-
9559
- /* Mobile */
9560
- @media only screen and (max-width: 767px) {
9561
- .ui.container {
9562
- width: auto !important;
9563
- margin-left: 1em !important;
9564
- margin-right: 1em !important; }
9565
-
9566
- .ui.grid.container {
9567
- width: auto !important; }
9568
-
9569
- .ui.relaxed.grid.container {
9570
- width: auto !important; }
9571
-
9572
- .ui.very.relaxed.grid.container {
9573
- width: auto !important; } }
9574
- /* Tablet */
9575
- @media only screen and (min-width: 768px) and (max-width: 991px) {
9576
- .ui.container {
9577
- width: 723px;
9578
- margin-left: auto !important;
9579
- margin-right: auto !important; }
9580
-
9581
- .ui.grid.container {
9582
- width: calc( 723px + 2rem ) !important; }
9583
-
9584
- .ui.relaxed.grid.container {
9585
- width: calc( 723px + 3rem ) !important; }
9586
-
9587
- .ui.very.relaxed.grid.container {
9588
- width: calc( 723px + 5rem ) !important; } }
9589
- /* Small Monitor */
9590
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
9591
- .ui.container {
9592
- width: 933px;
9593
- margin-left: auto !important;
9594
- margin-right: auto !important; }
9595
-
9596
- .ui.grid.container {
9597
- width: calc( 933px + 2rem ) !important; }
9598
-
9599
- .ui.relaxed.grid.container {
9600
- width: calc( 933px + 3rem ) !important; }
9601
-
9602
- .ui.very.relaxed.grid.container {
9603
- width: calc( 933px + 5rem ) !important; } }
9604
- /* Large Monitor */
9605
- @media only screen and (min-width: 1200px) {
9606
- .ui.container {
9607
- width: 1127px;
9608
- margin-left: auto !important;
9609
- margin-right: auto !important; }
9610
-
9611
- .ui.grid.container {
9612
- width: calc( 1127px + 2rem ) !important; }
9613
-
9614
- .ui.relaxed.grid.container {
9615
- width: calc( 1127px + 3rem ) !important; }
9616
-
9617
- .ui.very.relaxed.grid.container {
9618
- width: calc( 1127px + 5rem ) !important; } }
9619
- /*******************************
9620
- Types
9621
- *******************************/
9622
- /* Text Container */
9623
- .ui.text.container {
9624
- font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
9625
- max-width: 700px !important;
9626
- line-height: 1.5; }
9627
-
9628
- .ui.text.container {
9629
- font-size: 1.14285714rem; }
9630
-
9631
- /* Fluid */
9632
- .ui.fluid.container {
9633
- width: 100%; }
9634
-
9635
- /*******************************
9636
- Variations
9637
- *******************************/
9638
- .ui[class*="left aligned"].container {
9639
- text-align: left; }
9640
-
9641
- .ui[class*="center aligned"].container {
9642
- text-align: center; }
9643
-
9644
- .ui[class*="right aligned"].container {
9645
- text-align: right; }
9646
-
9647
- .ui.justified.container {
9648
- text-align: justify;
9649
- -webkit-hyphens: auto;
9650
- -moz-hyphens: auto;
9651
- -ms-hyphens: auto;
9652
- hyphens: auto; }
9653
-
9654
- /*******************************
9655
- Theme Overrides
9656
- *******************************/
9657
- /*******************************
9658
- Site Overrides
9659
- *******************************/
9660
- /*!
9661
- * # Semantic UI 2.1.3 - Divider
9662
- * http://github.com/semantic-org/semantic-ui/
9663
- *
9664
- *
9665
- * Copyright 2015 Contributors
9666
- * Released under the MIT license
9667
- * http://opensource.org/licenses/MIT
9668
- *
9669
- */
9670
- /*******************************
9671
- Divider
9672
- *******************************/
9673
- .ui.divider {
9674
- margin: 1rem 0rem;
9675
- line-height: 1;
9676
- height: 0em;
9677
- font-weight: bold;
9678
- text-transform: uppercase;
9679
- letter-spacing: 0.05em;
9680
- color: rgba(0, 0, 0, 0.85);
9681
- -webkit-user-select: none;
9682
- -moz-user-select: none;
9683
- -ms-user-select: none;
9684
- user-select: none;
9685
- -webkit-tap-highlight-color: transparent; }
9686
-
9687
- /*--------------
9688
- Basic
9689
- ---------------*/
9690
- .ui.divider:not(.vertical):not(.horizontal) {
9691
- border-top: 1px solid rgba(34, 36, 38, 0.15);
9692
- border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
9693
-
9694
- /*--------------
9695
- Coupling
9696
- ---------------*/
9697
- /* Allow divider between each column row */
9698
- .ui.grid > .column + .divider,
9699
- .ui.grid > .row > .column + .divider {
9700
- left: auto; }
9701
-
9702
- /*--------------
9703
- Horizontal
9704
- ---------------*/
9705
- .ui.horizontal.divider {
9706
- display: table;
9707
- white-space: nowrap;
9708
- height: auto;
9709
- margin: '';
9710
- overflow: hidden;
9711
- line-height: 1;
9712
- text-align: center; }
9713
-
9714
- .ui.horizontal.divider:before,
9715
- .ui.horizontal.divider:after {
9716
- content: '';
9717
- display: table-cell;
9718
- position: relative;
9719
- top: 50%;
9720
- width: 50%;
9721
- background-repeat: no-repeat; }
9722
-
9723
- .ui.horizontal.divider:before {
9724
- background-position: right 1em top 50%; }
9725
-
9726
- .ui.horizontal.divider:after {
9727
- background-position: left 1em top 50%; }
9728
-
9729
- /*--------------
9730
- Vertical
9731
- ---------------*/
9732
- .ui.vertical.divider {
9733
- position: absolute;
9734
- z-index: 2;
9735
- top: 50%;
9736
- left: 50%;
9737
- margin: 0rem;
9738
- padding: 0em;
9739
- width: auto;
9740
- height: 50%;
9741
- line-height: 0em;
9742
- text-align: center;
9743
- -webkit-transform: translateX(-50%);
9744
- -ms-transform: translateX(-50%);
9745
- transform: translateX(-50%); }
9746
-
9747
- .ui.vertical.divider:before,
9748
- .ui.vertical.divider:after {
9749
- position: absolute;
9750
- left: 50%;
9751
- content: '';
9752
- z-index: 3;
9753
- border-left: 1px solid rgba(34, 36, 38, 0.15);
9754
- border-right: 1px solid rgba(255, 255, 255, 0.1);
9755
- width: 0%;
9756
- height: calc(100% - 1rem ); }
9757
-
9758
- .ui.vertical.divider:before {
9759
- top: -100%; }
9760
-
9761
- .ui.vertical.divider:after {
9762
- top: auto;
9763
- bottom: 0px; }
9764
-
9765
- /* Inside grid */
9766
- @media only screen and (max-width: 767px) {
9767
- .ui.stackable.grid .ui.vertical.divider,
9768
- .ui.grid .stackable.row .ui.vertical.divider {
9769
- display: table;
9770
- white-space: nowrap;
9771
- height: auto;
9772
- margin: '';
9773
- overflow: hidden;
9774
- line-height: 1;
9775
- text-align: center;
9776
- position: static;
9777
- top: 0;
9778
- left: 0;
9779
- -webkit-transform: none;
9780
- -ms-transform: none;
9781
- transform: none; }
9782
-
9783
- .ui.stackable.grid .ui.vertical.divider:before,
9784
- .ui.grid .stackable.row .ui.vertical.divider:before,
9785
- .ui.stackable.grid .ui.vertical.divider:after,
9786
- .ui.grid .stackable.row .ui.vertical.divider:after {
9787
- position: static;
9788
- left: 0;
9789
- border-left: none;
9790
- border-right: none;
9791
- content: '';
9792
- display: table-cell;
9793
- position: relative;
9794
- top: 50%;
9795
- width: 50%;
9796
- background-repeat: no-repeat; }
9797
-
9798
- .ui.stackable.grid .ui.vertical.divider:before,
9799
- .ui.grid .stackable.row .ui.vertical.divider:before {
9800
- background-position: right 1em top 50%; }
9801
-
9802
- .ui.stackable.grid .ui.vertical.divider:after,
9803
- .ui.grid .stackable.row .ui.vertical.divider:after {
9804
- background-position: left 1em top 50%; } }
9805
- /*--------------
9806
- Icon
9807
- ---------------*/
9808
- .ui.divider > .icon {
9809
- margin: 0rem;
9810
- font-size: 1rem;
9811
- height: 1em;
9812
- vertical-align: middle; }
9813
-
9814
- /*******************************
9815
- Variations
9816
- *******************************/
9817
- /*--------------
9818
- Hidden
9819
- ---------------*/
9820
- .ui.hidden.divider {
9821
- border-color: transparent !important; }
9822
-
9823
- .ui.hidden.divider:before,
9824
- .ui.hidden.divider:after {
9825
- display: none; }
9826
-
9827
- /*--------------
9828
- Inverted
9829
- ---------------*/
9830
- .ui.divider.inverted,
9831
- .ui.vertical.inverted.divider,
9832
- .ui.horizontal.inverted.divider {
9833
- color: #ffffff; }
9834
-
9835
- .ui.divider.inverted,
9836
- .ui.divider.inverted:after,
9837
- .ui.divider.inverted:before {
9838
- border-top-color: rgba(34, 36, 38, 0.15) !important;
9839
- border-left-color: rgba(34, 36, 38, 0.15) !important;
9840
- border-bottom-color: rgba(255, 255, 255, 0.15) !important;
9841
- border-right-color: rgba(255, 255, 255, 0.15) !important; }
9842
-
9843
- /*--------------
9844
- Fitted
9845
- ---------------*/
9846
- .ui.fitted.divider {
9847
- margin: 0em; }
9848
-
9849
- /*--------------
9850
- Clearing
9851
- ---------------*/
9852
- .ui.clearing.divider {
9853
- clear: both; }
9854
-
9855
- /*--------------
9856
- Section
9857
- ---------------*/
9858
- .ui.section.divider {
9859
- margin-top: 2rem;
9860
- margin-bottom: 2rem; }
9861
-
9862
- /*--------------
9863
- Sizes
9864
- ---------------*/
9865
- .ui.divider {
9866
- font-size: 1rem; }
9867
-
9868
- /*******************************
9869
- Theme Overrides
9870
- *******************************/
9871
- .ui.horizontal.divider:before,
9872
- .ui.horizontal.divider:after {
9873
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC"); }
9874
-
9875
- @media only screen and (max-width: 767px) {
9876
- .ui.stackable.grid .ui.vertical.divider:before,
9877
- .ui.grid .stackable.row .ui.vertical.divider:before,
9878
- .ui.stackable.grid .ui.vertical.divider:after,
9879
- .ui.grid .stackable.row .ui.vertical.divider:after {
9880
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC"); } }
9881
- /*******************************
9882
- Site Overrides
9883
- *******************************/
9884
- /*!
9885
- * # Semantic UI 2.1.3 - Flag
9886
- * http://github.com/semantic-org/semantic-ui/
9887
- *
9888
- *
9889
- * Copyright 2015 Contributors
9890
- * Released under the MIT license
9891
- * http://opensource.org/licenses/MIT
9892
- *
9893
- */
9894
- /*******************************
9895
- Flag
9896
- *******************************/
9897
- i.flag:not(.icon) {
9898
- display: inline-block;
9899
- width: 16px;
9900
- height: 11px;
9901
- line-height: 11px;
9902
- vertical-align: baseline;
9903
- margin: 0em 0.5em 0em 0em;
9904
- text-decoration: inherit;
9905
- speak: none;
9906
- font-smoothing: antialiased;
9907
- -webkit-backface-visibility: hidden;
9908
- backface-visibility: hidden; }
9909
-
9910
- /* Sprite */
9911
- i.flag:not(.icon):before {
9912
- display: inline-block;
9913
- content: '';
9914
- background: image-url("semantic-ui/flags.png") no-repeat 0px 0px;
9915
- width: 16px;
9916
- height: 11px; }
9917
-
9918
- /* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */
9919
- /*******************************
9920
- Theme Overrides
9921
- *******************************/
9922
- i.flag.ad:before,
9923
- i.flag.andorra:before {
9924
- background-position: 0px 0px; }
9925
-
9926
- i.flag.ae:before,
9927
- i.flag.united.arab.emirates:before,
9928
- i.flag.uae:before {
9929
- background-position: 0px -26px; }
9930
-
9931
- i.flag.af:before,
9932
- i.flag.afghanistan:before {
9933
- background-position: 0px -52px; }
9934
-
9935
- i.flag.ag:before,
9936
- i.flag.antigua:before {
9937
- background-position: 0px -78px; }
9938
-
9939
- i.flag.ai:before,
9940
- i.flag.anguilla:before {
9941
- background-position: 0px -104px; }
9942
-
9943
- i.flag.al:before,
9944
- i.flag.albania:before {
9945
- background-position: 0px -130px; }
9946
-
9947
- i.flag.am:before,
9948
- i.flag.armenia:before {
9949
- background-position: 0px -156px; }
9950
-
9951
- i.flag.an:before,
9952
- i.flag.netherlands.antilles:before {
9953
- background-position: 0px -182px; }
9954
-
9955
- i.flag.ao:before,
9956
- i.flag.angola:before {
9957
- background-position: 0px -208px; }
9958
-
9959
- i.flag.ar:before,
9960
- i.flag.argentina:before {
9961
- background-position: 0px -234px; }
9962
-
9963
- i.flag.as:before,
9964
- i.flag.american.samoa:before {
9965
- background-position: 0px -260px; }
9966
-
9967
- i.flag.at:before,
9968
- i.flag.austria:before {
9969
- background-position: 0px -286px; }
9970
-
9971
- i.flag.au:before,
9972
- i.flag.australia:before {
9973
- background-position: 0px -312px; }
9974
-
9975
- i.flag.aw:before,
9976
- i.flag.aruba:before {
9977
- background-position: 0px -338px; }
9978
-
9979
- i.flag.ax:before,
9980
- i.flag.aland.islands:before {
9981
- background-position: 0px -364px; }
9982
-
9983
- i.flag.az:before,
9984
- i.flag.azerbaijan:before {
9985
- background-position: 0px -390px; }
9986
-
9987
- i.flag.ba:before,
9988
- i.flag.bosnia:before {
9989
- background-position: 0px -416px; }
9990
-
9991
- i.flag.bb:before,
9992
- i.flag.barbados:before {
9993
- background-position: 0px -442px; }
9994
-
9995
- i.flag.bd:before,
9996
- i.flag.bangladesh:before {
9997
- background-position: 0px -468px; }
9998
-
9999
- i.flag.be:before,
10000
- i.flag.belgium:before {
10001
- background-position: 0px -494px; }
10002
-
10003
- i.flag.bf:before,
10004
- i.flag.burkina.faso:before {
10005
- background-position: 0px -520px; }
10006
-
10007
- i.flag.bg:before,
10008
- i.flag.bulgaria:before {
10009
- background-position: 0px -546px; }
10010
-
10011
- i.flag.bh:before,
10012
- i.flag.bahrain:before {
10013
- background-position: 0px -572px; }
10014
-
10015
- i.flag.bi:before,
10016
- i.flag.burundi:before {
10017
- background-position: 0px -598px; }
10018
-
10019
- i.flag.bj:before,
10020
- i.flag.benin:before {
10021
- background-position: 0px -624px; }
10022
-
10023
- i.flag.bm:before,
10024
- i.flag.bermuda:before {
10025
- background-position: 0px -650px; }
10026
-
10027
- i.flag.bn:before,
10028
- i.flag.brunei:before {
10029
- background-position: 0px -676px; }
10030
-
10031
- i.flag.bo:before,
10032
- i.flag.bolivia:before {
10033
- background-position: 0px -702px; }
10034
-
10035
- i.flag.br:before,
10036
- i.flag.brazil:before {
10037
- background-position: 0px -728px; }
10038
-
10039
- i.flag.bs:before,
10040
- i.flag.bahamas:before {
10041
- background-position: 0px -754px; }
10042
-
10043
- i.flag.bt:before,
10044
- i.flag.bhutan:before {
10045
- background-position: 0px -780px; }
10046
-
10047
- i.flag.bv:before,
10048
- i.flag.bouvet.island:before {
10049
- background-position: 0px -806px; }
10050
-
10051
- i.flag.bw:before,
10052
- i.flag.botswana:before {
10053
- background-position: 0px -832px; }
10054
-
10055
- i.flag.by:before,
10056
- i.flag.belarus:before {
10057
- background-position: 0px -858px; }
10058
-
10059
- i.flag.bz:before,
10060
- i.flag.belize:before {
10061
- background-position: 0px -884px; }
10062
-
10063
- i.flag.ca:before,
10064
- i.flag.canada:before {
10065
- background-position: 0px -910px; }
10066
-
10067
- i.flag.cc:before,
10068
- i.flag.cocos.islands:before {
10069
- background-position: 0px -962px; }
10070
-
10071
- i.flag.cd:before,
10072
- i.flag.congo:before {
10073
- background-position: 0px -988px; }
10074
-
10075
- i.flag.cf:before,
10076
- i.flag.central.african.republic:before {
10077
- background-position: 0px -1014px; }
10078
-
10079
- i.flag.cg:before,
10080
- i.flag.congo.brazzaville:before {
10081
- background-position: 0px -1040px; }
10082
-
10083
- i.flag.ch:before,
10084
- i.flag.switzerland:before {
10085
- background-position: 0px -1066px; }
10086
-
10087
- i.flag.ci:before,
10088
- i.flag.cote.divoire:before {
10089
- background-position: 0px -1092px; }
10090
-
10091
- i.flag.ck:before,
10092
- i.flag.cook.islands:before {
10093
- background-position: 0px -1118px; }
10094
-
10095
- i.flag.cl:before,
10096
- i.flag.chile:before {
10097
- background-position: 0px -1144px; }
10098
-
10099
- i.flag.cm:before,
10100
- i.flag.cameroon:before {
10101
- background-position: 0px -1170px; }
10102
-
10103
- i.flag.cn:before,
10104
- i.flag.china:before {
10105
- background-position: 0px -1196px; }
10106
-
10107
- i.flag.co:before,
10108
- i.flag.colombia:before {
10109
- background-position: 0px -1222px; }
10110
-
10111
- i.flag.cr:before,
10112
- i.flag.costa.rica:before {
10113
- background-position: 0px -1248px; }
10114
-
10115
- i.flag.cs:before,
10116
- i.flag.serbia:before {
10117
- background-position: 0px -1274px; }
10118
-
10119
- i.flag.cu:before,
10120
- i.flag.cuba:before {
10121
- background-position: 0px -1300px; }
10122
-
10123
- i.flag.cv:before,
10124
- i.flag.cape.verde:before {
10125
- background-position: 0px -1326px; }
10126
-
10127
- i.flag.cx:before,
10128
- i.flag.christmas.island:before {
10129
- background-position: 0px -1352px; }
10130
-
10131
- i.flag.cy:before,
10132
- i.flag.cyprus:before {
10133
- background-position: 0px -1378px; }
10134
-
10135
- i.flag.cz:before,
10136
- i.flag.czech.republic:before {
10137
- background-position: 0px -1404px; }
10138
-
10139
- i.flag.de:before,
10140
- i.flag.germany:before {
10141
- background-position: 0px -1430px; }
10142
-
10143
- i.flag.dj:before,
10144
- i.flag.djibouti:before {
10145
- background-position: 0px -1456px; }
10146
-
10147
- i.flag.dk:before,
10148
- i.flag.denmark:before {
10149
- background-position: 0px -1482px; }
10150
-
10151
- i.flag.dm:before,
10152
- i.flag.dominica:before {
10153
- background-position: 0px -1508px; }
10154
-
10155
- i.flag.do:before,
10156
- i.flag.dominican.republic:before {
10157
- background-position: 0px -1534px; }
10158
-
10159
- i.flag.dz:before,
10160
- i.flag.algeria:before {
10161
- background-position: 0px -1560px; }
10162
-
10163
- i.flag.ec:before,
10164
- i.flag.ecuador:before {
10165
- background-position: 0px -1586px; }
10166
-
10167
- i.flag.ee:before,
10168
- i.flag.estonia:before {
10169
- background-position: 0px -1612px; }
10170
-
10171
- i.flag.eg:before,
10172
- i.flag.egypt:before {
10173
- background-position: 0px -1638px; }
10174
-
10175
- i.flag.eh:before,
10176
- i.flag.western.sahara:before {
10177
- background-position: 0px -1664px; }
10178
-
10179
- i.flag.er:before,
10180
- i.flag.eritrea:before {
10181
- background-position: 0px -1716px; }
10182
-
10183
- i.flag.es:before,
10184
- i.flag.spain:before {
10185
- background-position: 0px -1742px; }
10186
-
10187
- i.flag.et:before,
10188
- i.flag.ethiopia:before {
10189
- background-position: 0px -1768px; }
10190
-
10191
- i.flag.eu:before,
10192
- i.flag.european.union:before {
10193
- background-position: 0px -1794px; }
10194
-
10195
- i.flag.fi:before,
10196
- i.flag.finland:before {
10197
- background-position: 0px -1846px; }
10198
-
10199
- i.flag.fj:before,
10200
- i.flag.fiji:before {
10201
- background-position: 0px -1872px; }
10202
-
10203
- i.flag.fk:before,
10204
- i.flag.falkland.islands:before {
10205
- background-position: 0px -1898px; }
10206
-
10207
- i.flag.fm:before,
10208
- i.flag.micronesia:before {
10209
- background-position: 0px -1924px; }
10210
-
10211
- i.flag.fo:before,
10212
- i.flag.faroe.islands:before {
10213
- background-position: 0px -1950px; }
10214
-
10215
- i.flag.fr:before,
10216
- i.flag.france:before {
10217
- background-position: 0px -1976px; }
10218
-
10219
- i.flag.ga:before,
10220
- i.flag.gabon:before {
10221
- background-position: -36px 0px; }
10222
-
10223
- i.flag.gb:before,
10224
- i.flag.united.kingdom:before {
10225
- background-position: -36px -26px; }
10226
-
10227
- i.flag.gd:before,
10228
- i.flag.grenada:before {
10229
- background-position: -36px -52px; }
10230
-
10231
- i.flag.ge:before,
10232
- i.flag.georgia:before {
10233
- background-position: -36px -78px; }
10234
-
10235
- i.flag.gf:before,
10236
- i.flag.french.guiana:before {
10237
- background-position: -36px -104px; }
10238
-
10239
- i.flag.gh:before,
10240
- i.flag.ghana:before {
10241
- background-position: -36px -130px; }
10242
-
10243
- i.flag.gi:before,
10244
- i.flag.gibraltar:before {
10245
- background-position: -36px -156px; }
10246
-
10247
- i.flag.gl:before,
10248
- i.flag.greenland:before {
10249
- background-position: -36px -182px; }
10250
-
10251
- i.flag.gm:before,
10252
- i.flag.gambia:before {
10253
- background-position: -36px -208px; }
10254
-
10255
- i.flag.gn:before,
10256
- i.flag.guinea:before {
10257
- background-position: -36px -234px; }
10258
-
10259
- i.flag.gp:before,
10260
- i.flag.guadeloupe:before {
10261
- background-position: -36px -260px; }
10262
-
10263
- i.flag.gq:before,
10264
- i.flag.equatorial.guinea:before {
10265
- background-position: -36px -286px; }
10266
-
10267
- i.flag.gr:before,
10268
- i.flag.greece:before {
10269
- background-position: -36px -312px; }
10270
-
10271
- i.flag.gs:before,
10272
- i.flag.sandwich.islands:before {
10273
- background-position: -36px -338px; }
10274
-
10275
- i.flag.gt:before,
10276
- i.flag.guatemala:before {
10277
- background-position: -36px -364px; }
10278
-
10279
- i.flag.gu:before,
10280
- i.flag.guam:before {
10281
- background-position: -36px -390px; }
10282
-
10283
- i.flag.gw:before,
10284
- i.flag.guinea-bissau:before {
10285
- background-position: -36px -416px; }
10286
-
10287
- i.flag.gy:before,
10288
- i.flag.guyana:before {
10289
- background-position: -36px -442px; }
10290
-
10291
- i.flag.hk:before,
10292
- i.flag.hong.kong:before {
10293
- background-position: -36px -468px; }
10294
-
10295
- i.flag.hm:before,
10296
- i.flag.heard.island:before {
10297
- background-position: -36px -494px; }
10298
-
10299
- i.flag.hn:before,
10300
- i.flag.honduras:before {
10301
- background-position: -36px -520px; }
10302
-
10303
- i.flag.hr:before,
10304
- i.flag.croatia:before {
10305
- background-position: -36px -546px; }
10306
-
10307
- i.flag.ht:before,
10308
- i.flag.haiti:before {
10309
- background-position: -36px -572px; }
10310
-
10311
- i.flag.hu:before,
10312
- i.flag.hungary:before {
10313
- background-position: -36px -598px; }
10314
-
10315
- i.flag.id:before,
10316
- i.flag.indonesia:before {
10317
- background-position: -36px -624px; }
10318
-
10319
- i.flag.ie:before,
10320
- i.flag.ireland:before {
10321
- background-position: -36px -650px; }
10322
-
10323
- i.flag.il:before,
10324
- i.flag.israel:before {
10325
- background-position: -36px -676px; }
10326
-
10327
- i.flag.in:before,
10328
- i.flag.india:before {
10329
- background-position: -36px -702px; }
10330
-
10331
- i.flag.io:before,
10332
- i.flag.indian.ocean.territory:before {
10333
- background-position: -36px -728px; }
10334
-
10335
- i.flag.iq:before,
10336
- i.flag.iraq:before {
10337
- background-position: -36px -754px; }
10338
-
10339
- i.flag.ir:before,
10340
- i.flag.iran:before {
10341
- background-position: -36px -780px; }
10342
-
10343
- i.flag.is:before,
10344
- i.flag.iceland:before {
10345
- background-position: -36px -806px; }
10346
-
10347
- i.flag.it:before,
10348
- i.flag.italy:before {
10349
- background-position: -36px -832px; }
10350
-
10351
- i.flag.jm:before,
10352
- i.flag.jamaica:before {
10353
- background-position: -36px -858px; }
10354
-
10355
- i.flag.jo:before,
10356
- i.flag.jordan:before {
10357
- background-position: -36px -884px; }
10358
-
10359
- i.flag.jp:before,
10360
- i.flag.japan:before {
10361
- background-position: -36px -910px; }
10362
-
10363
- i.flag.ke:before,
10364
- i.flag.kenya:before {
10365
- background-position: -36px -936px; }
10366
-
10367
- i.flag.kg:before,
10368
- i.flag.kyrgyzstan:before {
10369
- background-position: -36px -962px; }
10370
-
10371
- i.flag.kh:before,
10372
- i.flag.cambodia:before {
10373
- background-position: -36px -988px; }
10374
-
10375
- i.flag.ki:before,
10376
- i.flag.kiribati:before {
10377
- background-position: -36px -1014px; }
10378
-
10379
- i.flag.km:before,
10380
- i.flag.comoros:before {
10381
- background-position: -36px -1040px; }
10382
-
10383
- i.flag.kn:before,
10384
- i.flag.saint.kitts.and.nevis:before {
10385
- background-position: -36px -1066px; }
10386
-
10387
- i.flag.kp:before,
10388
- i.flag.north.korea:before {
10389
- background-position: -36px -1092px; }
10390
-
10391
- i.flag.kr:before,
10392
- i.flag.south.korea:before {
10393
- background-position: -36px -1118px; }
10394
-
10395
- i.flag.kw:before,
10396
- i.flag.kuwait:before {
10397
- background-position: -36px -1144px; }
10398
-
10399
- i.flag.ky:before,
10400
- i.flag.cayman.islands:before {
10401
- background-position: -36px -1170px; }
10402
-
10403
- i.flag.kz:before,
10404
- i.flag.kazakhstan:before {
10405
- background-position: -36px -1196px; }
10406
-
10407
- i.flag.la:before,
10408
- i.flag.laos:before {
10409
- background-position: -36px -1222px; }
10410
-
10411
- i.flag.lb:before,
10412
- i.flag.lebanon:before {
10413
- background-position: -36px -1248px; }
10414
-
10415
- i.flag.lc:before,
10416
- i.flag.saint.lucia:before {
10417
- background-position: -36px -1274px; }
10418
-
10419
- i.flag.li:before,
10420
- i.flag.liechtenstein:before {
10421
- background-position: -36px -1300px; }
10422
-
10423
- i.flag.lk:before,
10424
- i.flag.sri.lanka:before {
10425
- background-position: -36px -1326px; }
10426
-
10427
- i.flag.lr:before,
10428
- i.flag.liberia:before {
10429
- background-position: -36px -1352px; }
10430
-
10431
- i.flag.ls:before,
10432
- i.flag.lesotho:before {
10433
- background-position: -36px -1378px; }
10434
-
10435
- i.flag.lt:before,
10436
- i.flag.lithuania:before {
10437
- background-position: -36px -1404px; }
10438
-
10439
- i.flag.lu:before,
10440
- i.flag.luxembourg:before {
10441
- background-position: -36px -1430px; }
10442
-
10443
- i.flag.lv:before,
10444
- i.flag.latvia:before {
10445
- background-position: -36px -1456px; }
10446
-
10447
- i.flag.ly:before,
10448
- i.flag.libya:before {
10449
- background-position: -36px -1482px; }
10450
-
10451
- i.flag.ma:before,
10452
- i.flag.morocco:before {
10453
- background-position: -36px -1508px; }
10454
-
10455
- i.flag.mc:before,
10456
- i.flag.monaco:before {
10457
- background-position: -36px -1534px; }
10458
-
10459
- i.flag.md:before,
10460
- i.flag.moldova:before {
10461
- background-position: -36px -1560px; }
10462
-
10463
- i.flag.me:before,
10464
- i.flag.montenegro:before {
10465
- background-position: -36px -1586px; }
10466
-
10467
- i.flag.mg:before,
10468
- i.flag.madagascar:before {
10469
- background-position: -36px -1613px; }
10470
-
10471
- i.flag.mh:before,
10472
- i.flag.marshall.islands:before {
10473
- background-position: -36px -1639px; }
10474
-
10475
- i.flag.mk:before,
10476
- i.flag.macedonia:before {
10477
- background-position: -36px -1665px; }
10478
-
10479
- i.flag.ml:before,
10480
- i.flag.mali:before {
10481
- background-position: -36px -1691px; }
10482
-
10483
- i.flag.mm:before,
10484
- i.flag.myanmar:before,
10485
- i.flag.burma:before {
10486
- background-position: -36px -1717px; }
10487
-
10488
- i.flag.mn:before,
10489
- i.flag.mongolia:before {
10490
- background-position: -36px -1743px; }
10491
-
10492
- i.flag.mo:before,
10493
- i.flag.macau:before {
10494
- background-position: -36px -1769px; }
10495
-
10496
- i.flag.mp:before,
10497
- i.flag.northern.mariana.islands:before {
10498
- background-position: -36px -1795px; }
10499
-
10500
- i.flag.mq:before,
10501
- i.flag.martinique:before {
10502
- background-position: -36px -1821px; }
10503
-
10504
- i.flag.mr:before,
10505
- i.flag.mauritania:before {
10506
- background-position: -36px -1847px; }
10507
-
10508
- i.flag.ms:before,
10509
- i.flag.montserrat:before {
10510
- background-position: -36px -1873px; }
10511
-
10512
- i.flag.mt:before,
10513
- i.flag.malta:before {
10514
- background-position: -36px -1899px; }
10515
-
10516
- i.flag.mu:before,
10517
- i.flag.mauritius:before {
10518
- background-position: -36px -1925px; }
10519
-
10520
- i.flag.mv:before,
10521
- i.flag.maldives:before {
10522
- background-position: -36px -1951px; }
10523
-
10524
- i.flag.mw:before,
10525
- i.flag.malawi:before {
10526
- background-position: -36px -1977px; }
10527
-
10528
- i.flag.mx:before,
10529
- i.flag.mexico:before {
10530
- background-position: -72px 0px; }
10531
-
10532
- i.flag.my:before,
10533
- i.flag.malaysia:before {
10534
- background-position: -72px -26px; }
10535
-
10536
- i.flag.mz:before,
10537
- i.flag.mozambique:before {
10538
- background-position: -72px -52px; }
10539
-
10540
- i.flag.na:before,
10541
- i.flag.namibia:before {
10542
- background-position: -72px -78px; }
10543
-
10544
- i.flag.nc:before,
10545
- i.flag.new.caledonia:before {
10546
- background-position: -72px -104px; }
10547
-
10548
- i.flag.ne:before,
10549
- i.flag.niger:before {
10550
- background-position: -72px -130px; }
10551
-
10552
- i.flag.nf:before,
10553
- i.flag.norfolk.island:before {
10554
- background-position: -72px -156px; }
10555
-
10556
- i.flag.ng:before,
10557
- i.flag.nigeria:before {
10558
- background-position: -72px -182px; }
10559
-
10560
- i.flag.ni:before,
10561
- i.flag.nicaragua:before {
10562
- background-position: -72px -208px; }
10563
-
10564
- i.flag.nl:before,
10565
- i.flag.netherlands:before {
10566
- background-position: -72px -234px; }
10567
-
10568
- i.flag.no:before,
10569
- i.flag.norway:before {
10570
- background-position: -72px -260px; }
10571
-
10572
- i.flag.np:before,
10573
- i.flag.nepal:before {
10574
- background-position: -72px -286px; }
10575
-
10576
- i.flag.nr:before,
10577
- i.flag.nauru:before {
10578
- background-position: -72px -312px; }
10579
-
10580
- i.flag.nu:before,
10581
- i.flag.niue:before {
10582
- background-position: -72px -338px; }
10583
-
10584
- i.flag.nz:before,
10585
- i.flag.new.zealand:before {
10586
- background-position: -72px -364px; }
10587
-
10588
- i.flag.om:before,
10589
- i.flag.oman:before {
10590
- background-position: -72px -390px; }
10591
-
10592
- i.flag.pa:before,
10593
- i.flag.panama:before {
10594
- background-position: -72px -416px; }
10595
-
10596
- i.flag.pe:before,
10597
- i.flag.peru:before {
10598
- background-position: -72px -442px; }
10599
-
10600
- i.flag.pf:before,
10601
- i.flag.french.polynesia:before {
10602
- background-position: -72px -468px; }
10603
-
10604
- i.flag.pg:before,
10605
- i.flag.new.guinea:before {
10606
- background-position: -72px -494px; }
10607
-
10608
- i.flag.ph:before,
10609
- i.flag.philippines:before {
10610
- background-position: -72px -520px; }
10611
-
10612
- i.flag.pk:before,
10613
- i.flag.pakistan:before {
10614
- background-position: -72px -546px; }
10615
-
10616
- i.flag.pl:before,
10617
- i.flag.poland:before {
10618
- background-position: -72px -572px; }
10619
-
10620
- i.flag.pm:before,
10621
- i.flag.saint.pierre:before {
10622
- background-position: -72px -598px; }
10623
-
10624
- i.flag.pn:before,
10625
- i.flag.pitcairn.islands:before {
10626
- background-position: -72px -624px; }
10627
-
10628
- i.flag.pr:before,
10629
- i.flag.puerto.rico:before {
10630
- background-position: -72px -650px; }
10631
-
10632
- i.flag.ps:before,
10633
- i.flag.palestine:before {
10634
- background-position: -72px -676px; }
10635
-
10636
- i.flag.pt:before,
10637
- i.flag.portugal:before {
10638
- background-position: -72px -702px; }
10639
-
10640
- i.flag.pw:before,
10641
- i.flag.palau:before {
10642
- background-position: -72px -728px; }
10643
-
10644
- i.flag.py:before,
10645
- i.flag.paraguay:before {
10646
- background-position: -72px -754px; }
10647
-
10648
- i.flag.qa:before,
10649
- i.flag.qatar:before {
10650
- background-position: -72px -780px; }
10651
-
10652
- i.flag.re:before,
10653
- i.flag.reunion:before {
10654
- background-position: -72px -806px; }
10655
-
10656
- i.flag.ro:before,
10657
- i.flag.romania:before {
10658
- background-position: -72px -832px; }
10659
-
10660
- i.flag.rs:before,
10661
- i.flag.serbia:before {
10662
- background-position: -72px -858px; }
10663
-
10664
- i.flag.ru:before,
10665
- i.flag.russia:before {
10666
- background-position: -72px -884px; }
10667
-
10668
- i.flag.rw:before,
10669
- i.flag.rwanda:before {
10670
- background-position: -72px -910px; }
10671
-
10672
- i.flag.sa:before,
10673
- i.flag.saudi.arabia:before {
10674
- background-position: -72px -936px; }
10675
-
10676
- i.flag.sb:before,
10677
- i.flag.solomon.islands:before {
10678
- background-position: -72px -962px; }
10679
-
10680
- i.flag.sc:before,
10681
- i.flag.seychelles:before {
10682
- background-position: -72px -988px; }
10683
-
10684
- i.flag.sd:before,
10685
- i.flag.sudan:before {
10686
- background-position: -72px -1040px; }
10687
-
10688
- i.flag.se:before,
10689
- i.flag.sweden:before {
10690
- background-position: -72px -1066px; }
10691
-
10692
- i.flag.sg:before,
10693
- i.flag.singapore:before {
10694
- background-position: -72px -1092px; }
10695
-
10696
- i.flag.sh:before,
10697
- i.flag.saint.helena:before {
10698
- background-position: -72px -1118px; }
10699
-
10700
- i.flag.si:before,
10701
- i.flag.slovenia:before {
10702
- background-position: -72px -1144px; }
10703
-
10704
- i.flag.sj:before,
10705
- i.flag.svalbard:before,
10706
- i.flag.jan.mayen:before {
10707
- background-position: -72px -1170px; }
10708
-
10709
- i.flag.sk:before,
10710
- i.flag.slovakia:before {
10711
- background-position: -72px -1196px; }
10712
-
10713
- i.flag.sl:before,
10714
- i.flag.sierra.leone:before {
10715
- background-position: -72px -1222px; }
10716
-
10717
- i.flag.sm:before,
10718
- i.flag.san.marino:before {
10719
- background-position: -72px -1248px; }
10720
-
10721
- i.flag.sn:before,
10722
- i.flag.senegal:before {
10723
- background-position: -72px -1274px; }
10724
-
10725
- i.flag.so:before,
10726
- i.flag.somalia:before {
10727
- background-position: -72px -1300px; }
10728
-
10729
- i.flag.sr:before,
10730
- i.flag.suriname:before {
10731
- background-position: -72px -1326px; }
10732
-
10733
- i.flag.st:before,
10734
- i.flag.sao.tome:before {
10735
- background-position: -72px -1352px; }
10736
-
10737
- i.flag.sv:before,
10738
- i.flag.el.salvador:before {
10739
- background-position: -72px -1378px; }
10740
-
10741
- i.flag.sy:before,
10742
- i.flag.syria:before {
10743
- background-position: -72px -1404px; }
10744
-
10745
- i.flag.sz:before,
10746
- i.flag.swaziland:before {
10747
- background-position: -72px -1430px; }
10748
-
10749
- i.flag.tc:before,
10750
- i.flag.caicos.islands:before {
10751
- background-position: -72px -1456px; }
10752
-
10753
- i.flag.td:before,
10754
- i.flag.chad:before {
10755
- background-position: -72px -1482px; }
10756
-
10757
- i.flag.tf:before,
10758
- i.flag.french.territories:before {
10759
- background-position: -72px -1508px; }
10760
-
10761
- i.flag.tg:before,
10762
- i.flag.togo:before {
10763
- background-position: -72px -1534px; }
10764
-
10765
- i.flag.th:before,
10766
- i.flag.thailand:before {
10767
- background-position: -72px -1560px; }
10768
-
10769
- i.flag.tj:before,
10770
- i.flag.tajikistan:before {
10771
- background-position: -72px -1586px; }
10772
-
10773
- i.flag.tk:before,
10774
- i.flag.tokelau:before {
10775
- background-position: -72px -1612px; }
10776
-
10777
- i.flag.tl:before,
10778
- i.flag.timorleste:before {
10779
- background-position: -72px -1638px; }
10780
-
10781
- i.flag.tm:before,
10782
- i.flag.turkmenistan:before {
10783
- background-position: -72px -1664px; }
10784
-
10785
- i.flag.tn:before,
10786
- i.flag.tunisia:before {
10787
- background-position: -72px -1690px; }
10788
-
10789
- i.flag.to:before,
10790
- i.flag.tonga:before {
10791
- background-position: -72px -1716px; }
10792
-
10793
- i.flag.tr:before,
10794
- i.flag.turkey:before {
10795
- background-position: -72px -1742px; }
10796
-
10797
- i.flag.tt:before,
10798
- i.flag.trinidad:before {
10799
- background-position: -72px -1768px; }
10800
-
10801
- i.flag.tv:before,
10802
- i.flag.tuvalu:before {
10803
- background-position: -72px -1794px; }
10804
-
10805
- i.flag.tw:before,
10806
- i.flag.taiwan:before {
10807
- background-position: -72px -1820px; }
10808
-
10809
- i.flag.tz:before,
10810
- i.flag.tanzania:before {
10811
- background-position: -72px -1846px; }
10812
-
10813
- i.flag.ua:before,
10814
- i.flag.ukraine:before {
10815
- background-position: -72px -1872px; }
10816
-
10817
- i.flag.ug:before,
10818
- i.flag.uganda:before {
10819
- background-position: -72px -1898px; }
10820
-
10821
- i.flag.um:before,
10822
- i.flag.us.minor.islands:before {
10823
- background-position: -72px -1924px; }
10824
-
10825
- i.flag.us:before,
10826
- i.flag.america:before,
10827
- i.flag.united.states:before {
10828
- background-position: -72px -1950px; }
10829
-
10830
- i.flag.uy:before,
10831
- i.flag.uruguay:before {
10832
- background-position: -72px -1976px; }
10833
-
10834
- i.flag.uz:before,
10835
- i.flag.uzbekistan:before {
10836
- background-position: -108px 0px; }
10837
-
10838
- i.flag.va:before,
10839
- i.flag.vatican.city:before {
10840
- background-position: -108px -26px; }
10841
-
10842
- i.flag.vc:before,
10843
- i.flag.saint.vincent:before {
10844
- background-position: -108px -52px; }
10845
-
10846
- i.flag.ve:before,
10847
- i.flag.venezuela:before {
10848
- background-position: -108px -78px; }
10849
-
10850
- i.flag.vg:before,
10851
- i.flag.british.virgin.islands:before {
10852
- background-position: -108px -104px; }
10853
-
10854
- i.flag.vi:before,
10855
- i.flag.us.virgin.islands:before {
10856
- background-position: -108px -130px; }
10857
-
10858
- i.flag.vn:before,
10859
- i.flag.vietnam:before {
10860
- background-position: -108px -156px; }
10861
-
10862
- i.flag.vu:before,
10863
- i.flag.vanuatu:before {
10864
- background-position: -108px -182px; }
10865
-
10866
- i.flag.wf:before,
10867
- i.flag.wallis.and.futuna:before {
10868
- background-position: -108px -234px; }
10869
-
10870
- i.flag.ws:before,
10871
- i.flag.samoa:before {
10872
- background-position: -108px -260px; }
10873
-
10874
- i.flag.ye:before,
10875
- i.flag.yemen:before {
10876
- background-position: -108px -286px; }
10877
-
10878
- i.flag.yt:before,
10879
- i.flag.mayotte:before {
10880
- background-position: -108px -312px; }
10881
-
10882
- i.flag.za:before,
10883
- i.flag.south.africa:before {
10884
- background-position: -108px -338px; }
10885
-
10886
- i.flag.zm:before,
10887
- i.flag.zambia:before {
10888
- background-position: -108px -364px; }
10889
-
10890
- i.flag.zw:before,
10891
- i.flag.zimbabwe:before {
10892
- background-position: -108px -390px; }
10893
-
10894
- /*******************************
10895
- Site Overrides
10896
- *******************************/
10897
- /*!
10898
- * # Semantic UI 2.1.3 - Header
10899
- * http://github.com/semantic-org/semantic-ui/
10900
- *
10901
- *
10902
- * Copyright 2015 Contributors
10903
- * Released under the MIT license
10904
- * http://opensource.org/licenses/MIT
10905
- *
10906
- */
10907
- /*******************************
10908
- Header
10909
- *******************************/
10910
- /* Standard */
10911
- .ui.header {
10912
- border: none;
10913
- margin: calc(2rem - 0.14285em ) 0em 1rem;
10914
- padding: 0em 0em;
10915
- font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
10916
- font-weight: bold;
10917
- line-height: 1.2857em;
10918
- text-transform: none;
10919
- color: rgba(0, 0, 0, 0.87); }
10920
-
10921
- .ui.header:first-child {
10922
- margin-top: -0.14285em; }
10923
-
10924
- .ui.header:last-child {
10925
- margin-bottom: 0em; }
10926
-
10927
- /*--------------
10928
- Sub Header
10929
- ---------------*/
10930
- .ui.header .sub.header {
10931
- font-weight: normal;
10932
- padding: 0em;
10933
- margin: 0em;
10934
- font-size: 1rem;
10935
- line-height: 1.2em;
10936
- color: rgba(0, 0, 0, 0.6); }
10937
-
10938
- /*--------------
10939
- Icon
10940
- ---------------*/
10941
- .ui.header > .icon {
10942
- display: table-cell;
10943
- opacity: 1;
10944
- font-size: 1.5em;
10945
- padding-top: 0.14285em;
10946
- vertical-align: middle; }
10947
-
10948
- /* With Text Node */
10949
- .ui.header .icon:only-child {
10950
- display: inline-block;
10951
- padding: 0em;
10952
- margin-right: 0.75rem; }
10953
-
10954
- /*-------------------
10955
- Image
10956
- --------------------*/
10957
- .ui.header > .image,
10958
- .ui.header > img {
10959
- display: inline-block;
10960
- margin-top: 0.14285em;
10961
- width: 2.5em;
10962
- height: auto;
10963
- vertical-align: middle; }
10964
-
10965
- .ui.header > .image:only-child,
10966
- .ui.header > img:only-child {
10967
- margin-right: 0.75rem; }
10968
-
10969
- /*--------------
10970
- Content
10971
- ---------------*/
10972
- .ui.header .content {
10973
- display: inline-block;
10974
- vertical-align: top; }
10975
-
10976
- /* After Image */
10977
- .ui.header > img + .content,
10978
- .ui.header > .image + .content {
10979
- padding-left: 0.75rem;
10980
- vertical-align: middle; }
10981
-
10982
- /* After Icon */
10983
- .ui.header > .icon + .content {
10984
- padding-left: 0.75rem;
10985
- display: table-cell;
10986
- vertical-align: middle; }
10987
-
10988
- /*--------------
10989
- Loose Coupling
10990
- ---------------*/
10991
- .ui.header .ui.label {
10992
- font-size: '';
10993
- margin-left: 0.5rem;
10994
- vertical-align: middle; }
10995
-
10996
- /* Positioning */
10997
- .ui.header + p {
10998
- margin-top: 0em; }
10999
-
11000
- /*******************************
11001
- Types
11002
- *******************************/
11003
- /*--------------
11004
- Page
11005
- ---------------*/
11006
- h1.ui.header {
11007
- font-size: 2rem; }
11008
-
11009
- h2.ui.header {
11010
- font-size: 1.714rem; }
11011
-
11012
- h3.ui.header {
11013
- font-size: 1.28rem; }
11014
-
11015
- h4.ui.header {
11016
- font-size: 1.071rem; }
11017
-
11018
- h5.ui.header {
11019
- font-size: 1rem; }
11020
-
11021
- /* Sub Header */
11022
- h1.ui.header .sub.header {
11023
- font-size: 1.14285714rem; }
11024
-
11025
- h2.ui.header .sub.header {
11026
- font-size: 1.14285714rem; }
11027
-
11028
- h3.ui.header .sub.header {
11029
- font-size: 1rem; }
11030
-
11031
- h4.ui.header .sub.header {
11032
- font-size: 1rem; }
11033
-
11034
- h5.ui.header .sub.header {
11035
- font-size: 0.92857143rem; }
11036
-
11037
- /*--------------
11038
- Content Heading
11039
- ---------------*/
11040
- .ui.huge.header {
11041
- min-height: 1em;
11042
- font-size: 2em; }
11043
-
11044
- .ui.large.header {
11045
- font-size: 1.714em; }
11046
-
11047
- .ui.medium.header {
11048
- font-size: 1.28em; }
11049
-
11050
- .ui.small.header {
11051
- font-size: 1.071em; }
11052
-
11053
- .ui.tiny.header {
11054
- font-size: 1em; }
11055
-
11056
- /* Sub Header */
11057
- .ui.huge.header .sub.header {
11058
- font-size: 1.14285714rem; }
11059
-
11060
- .ui.large.header .sub.header {
11061
- font-size: 1.14285714rem; }
11062
-
11063
- .ui.header .sub.header {
11064
- font-size: 1rem; }
11065
-
11066
- .ui.small.header .sub.header {
11067
- font-size: 1rem; }
11068
-
11069
- .ui.tiny.header .sub.header {
11070
- font-size: 0.92857143rem; }
11071
-
11072
- /*--------------
11073
- Sub Heading
11074
- ---------------*/
11075
- .ui.sub.header {
11076
- padding: 0em;
11077
- margin-bottom: 0.14285714rem;
11078
- font-weight: bold;
11079
- font-size: 0.85714286em;
11080
- text-transform: uppercase;
11081
- color: ''; }
11082
-
11083
- .ui.small.sub.header {
11084
- font-size: 0.71428571em; }
11085
-
11086
- .ui.sub.header {
11087
- font-size: 0.85714286em; }
11088
-
11089
- .ui.large.sub.header {
11090
- font-size: 0.92857143em; }
11091
-
11092
- .ui.huge.sub.header {
11093
- font-size: 1em; }
11094
-
11095
- /*-------------------
11096
- Icon
11097
- --------------------*/
11098
- .ui.icon.header {
11099
- display: inline-block;
11100
- text-align: center;
11101
- margin: 2rem 0em 1rem; }
11102
-
11103
- .ui.icon.header:after {
11104
- content: '';
11105
- display: block;
11106
- height: 0px;
11107
- clear: both;
11108
- visibility: hidden; }
11109
-
11110
- .ui.icon.header:first-child {
11111
- margin-top: 0em; }
11112
-
11113
- .ui.icon.header .icon {
11114
- float: none;
11115
- display: block;
11116
- width: auto;
11117
- height: auto;
11118
- line-height: 1;
11119
- padding: 0em;
11120
- font-size: 3em;
11121
- margin: 0em auto 0.5rem;
11122
- opacity: 1; }
11123
-
11124
- .ui.icon.header .content {
11125
- display: block; }
11126
-
11127
- .ui.icon.header .circular.icon {
11128
- font-size: 2em; }
11129
-
11130
- .ui.icon.header .square.icon {
11131
- font-size: 2em; }
11132
-
11133
- .ui.block.icon.header .icon {
11134
- margin-bottom: 0em; }
11135
-
11136
- .ui.icon.header.aligned {
11137
- margin-left: auto;
11138
- margin-right: auto;
11139
- display: block; }
11140
-
11141
- /*******************************
11142
- States
11143
- *******************************/
11144
- .ui.disabled.header {
11145
- opacity: 0.45; }
11146
-
11147
- /*******************************
11148
- Variations
11149
- *******************************/
11150
- /*-------------------
11151
- Inverted
11152
- --------------------*/
11153
- .ui.inverted.header {
11154
- color: #ffffff; }
11155
-
11156
- .ui.inverted.header .sub.header {
11157
- color: rgba(255, 255, 255, 0.8); }
11158
-
11159
- .ui.inverted.attached.header {
11160
- background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
11161
- background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
11162
- box-shadow: none;
11163
- border-color: transparent; }
11164
-
11165
- .ui.inverted.block.header {
11166
- background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
11167
- background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
11168
- box-shadow: none; }
11169
-
11170
- .ui.inverted.block.header {
11171
- border-bottom: none; }
11172
-
11173
- /*-------------------
11174
- Colors
11175
- --------------------*/
11176
- /*--- Red ---*/
11177
- .ui.red.header {
11178
- color: #db2828 !important; }
11179
-
11180
- a.ui.red.header:hover {
11181
- color: #d01919 !important; }
11182
-
11183
- .ui.red.dividing.header {
11184
- border-bottom: 2px solid #db2828; }
11185
-
11186
- /* Inverted */
11187
- .ui.inverted.red.header {
11188
- color: #ff695e !important; }
11189
-
11190
- a.ui.inverted.red.header:hover {
11191
- color: #ff5144 !important; }
11192
-
11193
- /*--- Orange ---*/
11194
- .ui.orange.header {
11195
- color: #f2711c !important; }
11196
-
11197
- a.ui.orange.header:hover {
11198
- color: #f26202 !important; }
11199
-
11200
- .ui.orange.dividing.header {
11201
- border-bottom: 2px solid #f2711c; }
11202
-
11203
- /* Inverted */
11204
- .ui.inverted.orange.header {
11205
- color: #ff851b !important; }
11206
-
11207
- a.ui.inverted.orange.header:hover {
11208
- color: #ff7701 !important; }
11209
-
11210
- /*--- Olive ---*/
11211
- .ui.olive.header {
11212
- color: #b5cc18 !important; }
11213
-
11214
- a.ui.olive.header:hover {
11215
- color: #a7bd0d !important; }
11216
-
11217
- .ui.olive.dividing.header {
11218
- border-bottom: 2px solid #b5cc18; }
11219
-
11220
- /* Inverted */
11221
- .ui.inverted.olive.header {
11222
- color: #d9e778 !important; }
11223
-
11224
- a.ui.inverted.olive.header:hover {
11225
- color: #d8ea5c !important; }
11226
-
11227
- /*--- Yellow ---*/
11228
- .ui.yellow.header {
11229
- color: #fbbd08 !important; }
11230
-
11231
- a.ui.yellow.header:hover {
11232
- color: #eaae00 !important; }
11233
-
11234
- .ui.yellow.dividing.header {
11235
- border-bottom: 2px solid #fbbd08; }
11236
-
11237
- /* Inverted */
11238
- .ui.inverted.yellow.header {
11239
- color: #ffe21f !important; }
11240
-
11241
- a.ui.inverted.yellow.header:hover {
11242
- color: #ffdf05 !important; }
11243
-
11244
- /*--- Green ---*/
11245
- .ui.green.header {
11246
- color: #21ba45 !important; }
11247
-
11248
- a.ui.green.header:hover {
11249
- color: #16ab39 !important; }
11250
-
11251
- .ui.green.dividing.header {
11252
- border-bottom: 2px solid #21ba45; }
11253
-
11254
- /* Inverted */
11255
- .ui.inverted.green.header {
11256
- color: #2ecc40 !important; }
11257
-
11258
- a.ui.inverted.green.header:hover {
11259
- color: #22be34 !important; }
11260
-
11261
- /*--- Teal ---*/
11262
- .ui.teal.header {
11263
- color: #00b5ad !important; }
11264
-
11265
- a.ui.teal.header:hover {
11266
- color: #009c95 !important; }
11267
-
11268
- .ui.teal.dividing.header {
11269
- border-bottom: 2px solid #00b5ad; }
11270
-
11271
- /* Inverted */
11272
- .ui.inverted.teal.header {
11273
- color: #6dffff !important; }
11274
-
11275
- a.ui.inverted.teal.header:hover {
11276
- color: #54ffff !important; }
11277
-
11278
- /*--- Blue ---*/
11279
- .ui.blue.header {
11280
- color: #2185d0 !important; }
11281
-
11282
- a.ui.blue.header:hover {
11283
- color: #1678c2 !important; }
11284
-
11285
- .ui.blue.dividing.header {
11286
- border-bottom: 2px solid #2185d0; }
11287
-
11288
- /* Inverted */
11289
- .ui.inverted.blue.header {
11290
- color: #54c8ff !important; }
11291
-
11292
- a.ui.inverted.blue.header:hover {
11293
- color: #3ac0ff !important; }
11294
-
11295
- /*--- Violet ---*/
11296
- .ui.violet.header {
11297
- color: #6435c9 !important; }
11298
-
11299
- a.ui.violet.header:hover {
11300
- color: #5829bb !important; }
11301
-
11302
- .ui.violet.dividing.header {
11303
- border-bottom: 2px solid #6435c9; }
11304
-
11305
- /* Inverted */
11306
- .ui.inverted.violet.header {
11307
- color: #a291fb !important; }
11308
-
11309
- a.ui.inverted.violet.header:hover {
11310
- color: #8a73ff !important; }
11311
-
11312
- /*--- Purple ---*/
11313
- .ui.purple.header {
11314
- color: #a333c8 !important; }
11315
-
11316
- a.ui.purple.header:hover {
11317
- color: #9627ba !important; }
11318
-
11319
- .ui.purple.dividing.header {
11320
- border-bottom: 2px solid #a333c8; }
11321
-
11322
- /* Inverted */
11323
- .ui.inverted.purple.header {
11324
- color: #dc73ff !important; }
11325
-
11326
- a.ui.inverted.purple.header:hover {
11327
- color: #d65aff !important; }
11328
-
11329
- /*--- Pink ---*/
11330
- .ui.pink.header {
11331
- color: #e03997 !important; }
11332
-
11333
- a.ui.pink.header:hover {
11334
- color: #e61a8d !important; }
11335
-
11336
- .ui.pink.dividing.header {
11337
- border-bottom: 2px solid #e03997; }
11338
-
11339
- /* Inverted */
11340
- .ui.inverted.pink.header {
11341
- color: #ff8edf !important; }
11342
-
11343
- a.ui.inverted.pink.header:hover {
11344
- color: #ff74d8 !important; }
11345
-
11346
- /*--- Brown ---*/
11347
- .ui.brown.header {
11348
- color: #a5673f !important; }
11349
-
11350
- a.ui.brown.header:hover {
11351
- color: #975b33 !important; }
11352
-
11353
- .ui.brown.dividing.header {
11354
- border-bottom: 2px solid #a5673f; }
11355
-
11356
- /* Inverted */
11357
- .ui.inverted.brown.header {
11358
- color: #d67c1c !important; }
11359
-
11360
- a.ui.inverted.brown.header:hover {
11361
- color: #c86f11 !important; }
11362
-
11363
- /*--- Grey ---*/
11364
- .ui.grey.header {
11365
- color: #767676 !important; }
11366
-
11367
- a.ui.grey.header:hover {
11368
- color: #838383 !important; }
11369
-
11370
- .ui.grey.dividing.header {
11371
- border-bottom: 2px solid #767676; }
11372
-
11373
- /* Inverted */
11374
- .ui.inverted.grey.header {
11375
- color: #dcddde !important; }
11376
-
11377
- a.ui.inverted.grey.header:hover {
11378
- color: #cfd0d2 !important; }
11379
-
11380
- /*-------------------
11381
- Aligned
11382
- --------------------*/
11383
- .ui.left.aligned.header {
11384
- text-align: left; }
11385
-
11386
- .ui.right.aligned.header {
11387
- text-align: right; }
11388
-
11389
- .ui.centered.header,
11390
- .ui.center.aligned.header {
11391
- text-align: center; }
11392
-
11393
- .ui.justified.header {
11394
- text-align: justify; }
11395
-
11396
- .ui.justified.header:after {
11397
- display: inline-block;
11398
- content: '';
11399
- width: 100%; }
11400
-
11401
- /*-------------------
11402
- Floated
11403
- --------------------*/
11404
- .ui.floated.header,
11405
- .ui[class*="left floated"].header {
11406
- float: left;
11407
- margin-top: 0em;
11408
- margin-right: 0.5em; }
11409
-
11410
- .ui[class*="right floated"].header {
11411
- float: right;
11412
- margin-top: 0em;
11413
- margin-left: 0.5em; }
11414
-
11415
- /*-------------------
11416
- Fittted
11417
- --------------------*/
11418
- .ui.fitted.header {
11419
- padding: 0em; }
11420
-
11421
- /*-------------------
11422
- Dividing
11423
- --------------------*/
11424
- .ui.dividing.header {
11425
- padding-bottom: 0.21428571rem;
11426
- border-bottom: 1px solid rgba(34, 36, 38, 0.15); }
11427
-
11428
- .ui.dividing.header .sub.header {
11429
- padding-bottom: 0.21428571rem; }
11430
-
11431
- .ui.dividing.header .icon {
11432
- margin-bottom: 0em; }
11433
-
11434
- .ui.inverted.dividing.header {
11435
- border-bottom-color: rgba(255, 255, 255, 0.1); }
11436
-
11437
- /*-------------------
11438
- Block
11439
- --------------------*/
11440
- .ui.block.header {
11441
- background: #f3f4f5;
11442
- padding: 0.71428571rem 1rem;
11443
- box-shadow: none;
11444
- border: 1px solid #d4d4d5;
11445
- border-radius: 0.28571429rem; }
11446
-
11447
- .ui.tiny.block.header {
11448
- font-size: 0.85714286rem; }
11449
-
11450
- .ui.small.block.header {
11451
- font-size: 0.92857143rem; }
11452
-
11453
- .ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
11454
- font-size: 1rem; }
11455
-
11456
- .ui.large.block.header {
11457
- font-size: 1.14285714rem; }
11458
-
11459
- .ui.huge.block.header {
11460
- font-size: 1.42857143rem; }
11461
-
11462
- /*-------------------
11463
- Attached
11464
- --------------------*/
11465
- .ui.attached.header {
11466
- background: #ffffff;
11467
- padding: 0.71428571rem 1rem;
11468
- margin-left: -1px;
11469
- margin-right: -1px;
11470
- box-shadow: none;
11471
- border: 1px solid #d4d4d5; }
11472
-
11473
- .ui.attached.block.header {
11474
- background: #f3f4f5; }
11475
-
11476
- .ui.attached:not(.top):not(.bottom).header {
11477
- margin-top: 0em;
11478
- margin-bottom: 0em;
11479
- border-top: none;
11480
- border-radius: 0em; }
11481
-
11482
- .ui.top.attached.header {
11483
- margin-bottom: 0em;
11484
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
11485
-
11486
- .ui.bottom.attached.header {
11487
- margin-top: 0em;
11488
- border-top: none;
11489
- border-radius: 0em 0em 0.28571429rem 0.28571429rem; }
11490
-
11491
- /* Attached Sizes */
11492
- .ui.tiny.attached.header {
11493
- font-size: 0.85714286em; }
11494
-
11495
- .ui.small.attached.header {
11496
- font-size: 0.92857143em; }
11497
-
11498
- .ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
11499
- font-size: 1em; }
11500
-
11501
- .ui.large.attached.header {
11502
- font-size: 1.14285714em; }
11503
-
11504
- .ui.huge.attached.header {
11505
- font-size: 1.42857143em; }
11506
-
11507
- /*-------------------
11508
- Sizing
11509
- --------------------*/
11510
- .ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
11511
- font-size: 1.28em; }
11512
-
11513
- /*******************************
11514
- Theme Overrides
11515
- *******************************/
11516
- /*******************************
11517
- Site Overrides
11518
- *******************************/
11519
- /*!
11520
- * # Semantic UI 2.1.3 - Icon
11521
- * http://github.com/semantic-org/semantic-ui/
11522
- *
11523
- *
11524
- * Copyright 2015 Contributors
11525
- * Released under the MIT license
11526
- * http://opensource.org/licenses/MIT
11527
- *
11528
- */
11529
- /*******************************
11530
- Icon
11531
- *******************************/
11532
- @font-face {
11533
- font-family: 'Icons';
11534
- src: font-url("semantic-ui/icons.eot");
11535
- src: font-url("semantic-ui/icons.eot?#iefix") format("embedded-opentype"), font-url("semantic-ui/icons.woff2") format("woff2"), font-url("semantic-ui/icons.woff") format("woff"), font-url("semantic-ui/icons.ttf") format("truetype"), font-url("semantic-ui/icons.svg#icons") format("svg");
11536
- font-style: normal;
11537
- font-weight: normal;
11538
- font-variant: normal;
11539
- text-decoration: inherit;
11540
- text-transform: none; }
11541
- i.icon {
11542
- display: inline-block;
11543
- opacity: 1;
11544
- margin: 0em 0.25rem 0em 0em;
11545
- width: 1.18em;
11546
- height: 1em;
11547
- font-family: 'Icons';
11548
- font-style: normal;
11549
- font-weight: normal;
11550
- text-decoration: inherit;
11551
- text-align: center;
11552
- speak: none;
11553
- font-smoothing: antialiased;
11554
- -moz-osx-font-smoothing: grayscale;
11555
- -webkit-font-smoothing: antialiased;
11556
- -webkit-backface-visibility: hidden;
11557
- backface-visibility: hidden; }
11558
-
11559
- i.icon:before {
11560
- background: none !important; }
11561
-
11562
- /*******************************
11563
- Types
11564
- *******************************/
11565
- /*--------------
11566
- Loading
11567
- ---------------*/
11568
- i.icon.loading {
11569
- height: 1em;
11570
- line-height: 1;
11571
- -webkit-animation: icon-loading 2s linear infinite;
11572
- animation: icon-loading 2s linear infinite; }
11573
-
11574
- @-webkit-keyframes icon-loading {
11575
- from {
11576
- -webkit-transform: rotate(0deg);
11577
- transform: rotate(0deg); }
11578
- to {
11579
- -webkit-transform: rotate(360deg);
11580
- transform: rotate(360deg); } }
11581
- @keyframes icon-loading {
11582
- from {
11583
- -webkit-transform: rotate(0deg);
11584
- transform: rotate(0deg); }
11585
- to {
11586
- -webkit-transform: rotate(360deg);
11587
- transform: rotate(360deg); } }
11588
- /*******************************
11589
- States
11590
- *******************************/
11591
- i.icon.hover {
11592
- opacity: 1 !important; }
11593
-
11594
- i.icon.active {
11595
- opacity: 1 !important; }
11596
-
11597
- i.emphasized.icon {
11598
- opacity: 1 !important; }
11599
-
11600
- i.disabled.icon {
11601
- opacity: 0.45 !important; }
11602
-
11603
- /*******************************
11604
- Variations
11605
- *******************************/
11606
- /*-------------------
11607
- Fitted
11608
- --------------------*/
11609
- i.fitted.icon {
11610
- width: auto;
11611
- margin: 0em; }
11612
-
11613
- /*-------------------
11614
- Link
11615
- --------------------*/
11616
- i.link.icon {
11617
- cursor: pointer;
11618
- opacity: 0.8;
11619
- -webkit-transition: opacity 0.1s ease;
11620
- transition: opacity 0.1s ease; }
11621
-
11622
- i.link.icon:hover {
11623
- opacity: 1 !important; }
11624
-
11625
- /*-------------------
11626
- Circular
11627
- --------------------*/
11628
- i.circular.icon {
11629
- border-radius: 500em !important;
11630
- line-height: 1 !important;
11631
- padding: 0.5em 0.5em !important;
11632
- box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
11633
- width: 2em !important;
11634
- height: 2em !important; }
11635
-
11636
- i.circular.inverted.icon {
11637
- border: none;
11638
- box-shadow: none; }
11639
-
11640
- /*-------------------
11641
- Flipped
11642
- --------------------*/
11643
- i.flipped.icon,
11644
- i.horizontally.flipped.icon {
11645
- -webkit-transform: scale(-1, 1);
11646
- -ms-transform: scale(-1, 1);
11647
- transform: scale(-1, 1); }
11648
-
11649
- i.vertically.flipped.icon {
11650
- -webkit-transform: scale(1, -1);
11651
- -ms-transform: scale(1, -1);
11652
- transform: scale(1, -1); }
11653
-
11654
- /*-------------------
11655
- Rotated
11656
- --------------------*/
11657
- i.rotated.icon,
11658
- i.right.rotated.icon,
11659
- i.clockwise.rotated.icon {
11660
- -webkit-transform: rotate(90deg);
11661
- -ms-transform: rotate(90deg);
11662
- transform: rotate(90deg); }
11663
-
11664
- i.left.rotated.icon,
11665
- i.counterclockwise.rotated.icon {
11666
- -webkit-transform: rotate(-90deg);
11667
- -ms-transform: rotate(-90deg);
11668
- transform: rotate(-90deg); }
11669
-
11670
- /*-------------------
11671
- Bordered
11672
- --------------------*/
11673
- i.bordered.icon {
11674
- line-height: 1;
11675
- vertical-align: baseline;
11676
- width: 2em;
11677
- height: 2em;
11678
- padding: 0.5em 0.41em !important;
11679
- box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; }
11680
-
11681
- i.bordered.inverted.icon {
11682
- border: none;
11683
- box-shadow: none; }
11684
-
11685
- /*-------------------
11686
- Inverted
11687
- --------------------*/
11688
- /* Inverted Shapes */
11689
- i.inverted.bordered.icon,
11690
- i.inverted.circular.icon {
11691
- background-color: #1b1c1d !important;
11692
- color: #ffffff !important; }
11693
-
11694
- i.inverted.icon {
11695
- color: #ffffff; }
11696
-
11697
- /*-------------------
11698
- Colors
11699
- --------------------*/
11700
- /* Red */
11701
- i.red.icon {
11702
- color: #db2828 !important; }
11703
-
11704
- i.inverted.red.icon {
11705
- color: #ff695e !important; }
11706
-
11707
- i.inverted.bordered.red.icon,
11708
- i.inverted.circular.red.icon {
11709
- background-color: #db2828 !important;
11710
- color: #ffffff !important; }
11711
-
11712
- /* Orange */
11713
- i.orange.icon {
11714
- color: #f2711c !important; }
11715
-
11716
- i.inverted.orange.icon {
11717
- color: #ff851b !important; }
11718
-
11719
- i.inverted.bordered.orange.icon,
11720
- i.inverted.circular.orange.icon {
11721
- background-color: #f2711c !important;
11722
- color: #ffffff !important; }
11723
-
11724
- /* Yellow */
11725
- i.yellow.icon {
11726
- color: #fbbd08 !important; }
11727
-
11728
- i.inverted.yellow.icon {
11729
- color: #ffe21f !important; }
11730
-
11731
- i.inverted.bordered.yellow.icon,
11732
- i.inverted.circular.yellow.icon {
11733
- background-color: #fbbd08 !important;
11734
- color: #ffffff !important; }
11735
-
11736
- /* Olive */
11737
- i.olive.icon {
11738
- color: #b5cc18 !important; }
11739
-
11740
- i.inverted.olive.icon {
11741
- color: #d9e778 !important; }
11742
-
11743
- i.inverted.bordered.olive.icon,
11744
- i.inverted.circular.olive.icon {
11745
- background-color: #b5cc18 !important;
11746
- color: #ffffff !important; }
11747
-
11748
- /* Green */
11749
- i.green.icon {
11750
- color: #21ba45 !important; }
11751
-
11752
- i.inverted.green.icon {
11753
- color: #2ecc40 !important; }
11754
-
11755
- i.inverted.bordered.green.icon,
11756
- i.inverted.circular.green.icon {
11757
- background-color: #21ba45 !important;
11758
- color: #ffffff !important; }
11759
-
11760
- /* Teal */
11761
- i.teal.icon {
11762
- color: #00b5ad !important; }
11763
-
11764
- i.inverted.teal.icon {
11765
- color: #6dffff !important; }
11766
-
11767
- i.inverted.bordered.teal.icon,
11768
- i.inverted.circular.teal.icon {
11769
- background-color: #00b5ad !important;
11770
- color: #ffffff !important; }
11771
-
11772
- /* Blue */
11773
- i.blue.icon {
11774
- color: #2185d0 !important; }
11775
-
11776
- i.inverted.blue.icon {
11777
- color: #54c8ff !important; }
11778
-
11779
- i.inverted.bordered.blue.icon,
11780
- i.inverted.circular.blue.icon {
11781
- background-color: #2185d0 !important;
11782
- color: #ffffff !important; }
11783
-
11784
- /* Violet */
11785
- i.violet.icon {
11786
- color: #6435c9 !important; }
11787
-
11788
- i.inverted.violet.icon {
11789
- color: #a291fb !important; }
11790
-
11791
- i.inverted.bordered.violet.icon,
11792
- i.inverted.circular.violet.icon {
11793
- background-color: #6435c9 !important;
11794
- color: #ffffff !important; }
11795
-
11796
- /* Purple */
11797
- i.purple.icon {
11798
- color: #a333c8 !important; }
11799
-
11800
- i.inverted.purple.icon {
11801
- color: #dc73ff !important; }
11802
-
11803
- i.inverted.bordered.purple.icon,
11804
- i.inverted.circular.purple.icon {
11805
- background-color: #a333c8 !important;
11806
- color: #ffffff !important; }
11807
-
11808
- /* Pink */
11809
- i.pink.icon {
11810
- color: #e03997 !important; }
11811
-
11812
- i.inverted.pink.icon {
11813
- color: #ff8edf !important; }
11814
-
11815
- i.inverted.bordered.pink.icon,
11816
- i.inverted.circular.pink.icon {
11817
- background-color: #e03997 !important;
11818
- color: #ffffff !important; }
11819
-
11820
- /* Brown */
11821
- i.brown.icon {
11822
- color: #a5673f !important; }
11823
-
11824
- i.inverted.brown.icon {
11825
- color: #d67c1c !important; }
11826
-
11827
- i.inverted.bordered.brown.icon,
11828
- i.inverted.circular.brown.icon {
11829
- background-color: #a5673f !important;
11830
- color: #ffffff !important; }
11831
-
11832
- /* Grey */
11833
- i.grey.icon {
11834
- color: #767676 !important; }
11835
-
11836
- i.inverted.grey.icon {
11837
- color: #dcddde !important; }
11838
-
11839
- i.inverted.bordered.grey.icon,
11840
- i.inverted.circular.grey.icon {
11841
- background-color: #767676 !important;
11842
- color: #ffffff !important; }
11843
-
11844
- /* Black */
11845
- i.black.icon {
11846
- color: #1b1c1d !important; }
11847
-
11848
- i.inverted.black.icon {
11849
- color: #545454 !important; }
11850
-
11851
- i.inverted.bordeblack.black.icon,
11852
- i.inverted.circular.black.icon {
11853
- background-color: #1b1c1d !important;
11854
- color: #ffffff !important; }
11855
-
11856
- /*-------------------
11857
- Sizes
11858
- --------------------*/
11859
- i.mini.icon,
11860
- i.mini.icons {
11861
- line-height: 1;
11862
- font-size: 0.71428571rem; }
11863
-
11864
- i.tiny.icon,
11865
- i.tiny.icons {
11866
- line-height: 1;
11867
- font-size: 0.85714286rem; }
11868
-
11869
- i.small.icon,
11870
- i.small.icons {
11871
- line-height: 1;
11872
- font-size: 0.92857143em; }
11873
-
11874
- i.icon,
11875
- i.icons {
11876
- font-size: 1em; }
11877
-
11878
- i.large.icon,
11879
- i.large.icons {
11880
- line-height: 1;
11881
- vertical-align: middle;
11882
- font-size: 1.5em; }
11883
-
11884
- i.big.icon,
11885
- i.big.icons {
11886
- line-height: 1;
11887
- vertical-align: middle;
11888
- font-size: 2em; }
11889
-
11890
- i.huge.icon,
11891
- i.huge.icons {
11892
- line-height: 1;
11893
- vertical-align: middle;
11894
- font-size: 4em; }
11895
-
11896
- i.massive.icon,
11897
- i.massive.icons {
11898
- line-height: 1;
11899
- vertical-align: middle;
11900
- font-size: 8em; }
11901
-
11902
- /*******************************
11903
- Groups
11904
- *******************************/
11905
- i.icons {
11906
- display: inline-block;
11907
- position: relative;
11908
- line-height: 1; }
11909
-
11910
- i.icons .icon {
11911
- position: absolute;
11912
- top: 50%;
11913
- left: 50%;
11914
- -webkit-transform: translateX(-50%) translateY(-50%);
11915
- -ms-transform: translateX(-50%) translateY(-50%);
11916
- transform: translateX(-50%) translateY(-50%);
11917
- margin: 0em;
11918
- margin: 0; }
11919
-
11920
- i.icons .icon:first-child {
11921
- position: static;
11922
- width: auto;
11923
- height: auto;
11924
- vertical-align: top;
11925
- -webkit-transform: none;
11926
- -ms-transform: none;
11927
- transform: none;
11928
- margin-right: 0.25rem; }
11929
-
11930
- /* Corner Icon */
11931
- i.icons .corner.icon {
11932
- top: auto;
11933
- left: auto;
11934
- right: 0;
11935
- bottom: 0;
11936
- -webkit-transform: none;
11937
- -ms-transform: none;
11938
- transform: none;
11939
- font-size: 0.45em;
11940
- text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; }
11941
-
11942
- i.icons .inverted.corner.icon {
11943
- text-shadow: -1px -1px 0 #1b1c1d, 1px -1px 0 #1b1c1d, -1px 1px 0 #1b1c1d, 1px 1px 0 #1b1c1d; }
11944
-
11945
- /*
11946
- * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
11947
- * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
11948
- */
11949
- /*******************************
11950
-
11951
- Semantic-UI integration of font-awesome :
11952
-
11953
- ///class names are separated
11954
- i.icon.circle => i.icon.circle
11955
- i.icon.circle-o => i.icon.circle.outline
11956
-
11957
- //abbreviation are replaced by full letters:
11958
- i.icon.ellipsis-h => i.icon.ellipsis.horizontal
11959
- i.icon.ellipsis-v => i.icon.ellipsis.vertical
11960
- .alpha => .i.icon.alphabet
11961
- .asc => .i.icon.ascending
11962
- .desc => .i.icon.descending
11963
- .alt =>.alternate
11964
-
11965
- ASCII order is conserved for easier maintenance.
11966
-
11967
- Icons that only have one style 'outline', 'square' etc do not require this class
11968
- for instance `lemon icon` not `lemon outline icon` since there is only one lemon
11969
-
11970
- *******************************/
11971
- /*******************************
11972
- Icons
11973
- *******************************/
11974
- /* Web Content */
11975
- i.icon.search:before {
11976
- content: "\f002"; }
11977
-
11978
- i.icon.mail.outline:before {
11979
- content: "\f003"; }
11980
-
11981
- i.icon.external:before {
11982
- content: "\f08e"; }
11983
-
11984
- i.icon.signal:before {
11985
- content: "\f012"; }
11986
-
11987
- i.icon.setting:before {
11988
- content: "\f013"; }
11989
-
11990
- i.icon.home:before {
11991
- content: "\f015"; }
11992
-
11993
- i.icon.inbox:before {
11994
- content: "\f01c"; }
11995
-
11996
- i.icon.browser:before {
11997
- content: "\f022"; }
11998
-
11999
- i.icon.tag:before {
12000
- content: "\f02b"; }
12001
-
12002
- i.icon.tags:before {
12003
- content: "\f02c"; }
12004
-
12005
- i.icon.calendar:before {
12006
- content: "\f073"; }
12007
-
12008
- i.icon.comment:before {
12009
- content: "\f075"; }
12010
-
12011
- i.icon.comments:before {
12012
- content: "\f086"; }
12013
-
12014
- i.icon.shop:before {
12015
- content: "\f07a"; }
12016
-
12017
- i.icon.privacy:before {
12018
- content: "\f084"; }
12019
-
12020
- i.icon.settings:before {
12021
- content: "\f085"; }
12022
-
12023
- i.icon.trophy:before {
12024
- content: "\f091"; }
12025
-
12026
- i.icon.payment:before {
12027
- content: "\f09d"; }
12028
-
12029
- i.icon.feed:before {
12030
- content: "\f09e"; }
12031
-
12032
- i.icon.alarm.outline:before {
12033
- content: "\f0a2"; }
12034
-
12035
- i.icon.tasks:before {
12036
- content: "\f0ae"; }
12037
-
12038
- i.icon.cloud:before {
12039
- content: "\f0c2"; }
12040
-
12041
- i.icon.lab:before {
12042
- content: "\f0c3"; }
12043
-
12044
- i.icon.mail:before {
12045
- content: "\f0e0"; }
12046
-
12047
- i.icon.idea:before {
12048
- content: "\f0eb"; }
12049
-
12050
- i.icon.dashboard:before {
12051
- content: "\f0e4"; }
12052
-
12053
- i.icon.sitemap:before {
12054
- content: "\f0e8"; }
12055
-
12056
- i.icon.alarm:before {
12057
- content: "\f0f3"; }
12058
-
12059
- i.icon.terminal:before {
12060
- content: "\f120"; }
12061
-
12062
- i.icon.code:before {
12063
- content: "\f121"; }
12064
-
12065
- i.icon.protect:before {
12066
- content: "\f132"; }
12067
-
12068
- i.icon.calendar.outline:before {
12069
- content: "\f133"; }
12070
-
12071
- i.icon.ticket:before {
12072
- content: "\f145"; }
12073
-
12074
- i.icon.external.square:before {
12075
- content: "\f14c"; }
12076
-
12077
- i.icon.map:before {
12078
- content: "\f14e"; }
12079
-
12080
- i.icon.bug:before {
12081
- content: "\f188"; }
12082
-
12083
- i.icon.mail.square:before {
12084
- content: "\f199"; }
12085
-
12086
- i.icon.history:before {
12087
- content: "\f1da"; }
12088
-
12089
- i.icon.options:before {
12090
- content: "\f1de"; }
12091
-
12092
- i.icon.comment.outline:before {
12093
- content: "\f0e5"; }
12094
-
12095
- i.icon.comments.outline:before {
12096
- content: "\f0e6"; }
12097
-
12098
- i.icon.text.telephone:before {
12099
- content: "\f1e4"; }
12100
-
12101
- i.icon.find:before {
12102
- content: "\f1e5"; }
12103
-
12104
- i.icon.wifi:before {
12105
- content: "\f1eb"; }
12106
-
12107
- i.icon.alarm.slash:before {
12108
- content: "\f1f6"; }
12109
-
12110
- i.icon.alarm.slash.outline:before {
12111
- content: "\f1f7"; }
12112
-
12113
- i.icon.copyright:before {
12114
- content: "\f1f9"; }
12115
-
12116
- i.icon.at:before {
12117
- content: "\f1fa"; }
12118
-
12119
- i.icon.eyedropper:before {
12120
- content: "\f1fb"; }
12121
-
12122
- i.icon.paint.brush:before {
12123
- content: "\f1fc"; }
12124
-
12125
- i.icon.heartbeat:before {
12126
- content: "\f21e"; }
12127
-
12128
- /* User Actions */
12129
- i.icon.download:before {
12130
- content: "\f019"; }
12131
-
12132
- i.icon.repeat:before {
12133
- content: "\f01e"; }
12134
-
12135
- i.icon.refresh:before {
12136
- content: "\f021"; }
12137
-
12138
- i.icon.lock:before {
12139
- content: "\f023"; }
12140
-
12141
- i.icon.bookmark:before {
12142
- content: "\f02e"; }
12143
-
12144
- i.icon.print:before {
12145
- content: "\f02f"; }
12146
-
12147
- i.icon.write:before {
12148
- content: "\f040"; }
12149
-
12150
- i.icon.theme:before {
12151
- content: "\f043"; }
12152
-
12153
- i.icon.adjust:before {
12154
- content: "\f042"; }
12155
-
12156
- i.icon.edit:before {
12157
- content: "\f044"; }
12158
-
12159
- i.icon.external.share:before {
12160
- content: "\f045"; }
12161
-
12162
- i.icon.ban:before {
12163
- content: "\f05e"; }
12164
-
12165
- i.icon.mail.forward:before {
12166
- content: "\f064"; }
12167
-
12168
- i.icon.share:before {
12169
- content: "\f064"; }
12170
-
12171
- i.icon.expand:before {
12172
- content: "\f065"; }
12173
-
12174
- i.icon.compress:before {
12175
- content: "\f066"; }
12176
-
12177
- i.icon.unhide:before {
12178
- content: "\f06e"; }
12179
-
12180
- i.icon.hide:before {
12181
- content: "\f070"; }
12182
-
12183
- i.icon.random:before {
12184
- content: "\f074"; }
12185
-
12186
- i.icon.retweet:before {
12187
- content: "\f079"; }
12188
-
12189
- i.icon.sign.out:before {
12190
- content: "\f08b"; }
12191
-
12192
- i.icon.pin:before {
12193
- content: "\f08d"; }
12194
-
12195
- i.icon.sign.in:before {
12196
- content: "\f090"; }
12197
-
12198
- i.icon.upload:before {
12199
- content: "\f093"; }
12200
-
12201
- i.icon.call:before {
12202
- content: "\f095"; }
12203
-
12204
- i.icon.call.square:before {
12205
- content: "\f098"; }
12206
-
12207
- i.icon.remove.bookmark:before {
12208
- content: "\f097"; }
12209
-
12210
- i.icon.unlock:before {
12211
- content: "\f09c"; }
12212
-
12213
- i.icon.configure:before {
12214
- content: "\f0ad"; }
12215
-
12216
- i.icon.filter:before {
12217
- content: "\f0b0"; }
12218
-
12219
- i.icon.wizard:before {
12220
- content: "\f0d0"; }
12221
-
12222
- i.icon.undo:before {
12223
- content: "\f0e2"; }
12224
-
12225
- i.icon.exchange:before {
12226
- content: "\f0ec"; }
12227
-
12228
- i.icon.cloud.download:before {
12229
- content: "\f0ed"; }
12230
-
12231
- i.icon.cloud.upload:before {
12232
- content: "\f0ee"; }
12233
-
12234
- i.icon.reply:before {
12235
- content: "\f112"; }
12236
-
12237
- i.icon.reply.all:before {
12238
- content: "\f122"; }
12239
-
12240
- i.icon.erase:before {
12241
- content: "\f12d"; }
12242
-
12243
- i.icon.unlock.alternate:before {
12244
- content: "\f13e"; }
12245
-
12246
- i.icon.archive:before {
12247
- content: "\f187"; }
12248
-
12249
- i.icon.translate:before {
12250
- content: "\f1ab"; }
12251
-
12252
- i.icon.recycle:before {
12253
- content: "\f1b8"; }
12254
-
12255
- i.icon.send:before {
12256
- content: "\f1d8"; }
12257
-
12258
- i.icon.send.outline:before {
12259
- content: "\f1d9"; }
12260
-
12261
- i.icon.share.alternate:before {
12262
- content: "\f1e0"; }
12263
-
12264
- i.icon.share.alternate.square:before {
12265
- content: "\f1e1"; }
12266
-
12267
- i.icon.wait:before {
12268
- content: "\f017"; }
12269
-
12270
- i.icon.write.square:before {
12271
- content: "\f14b"; }
12272
-
12273
- i.icon.share.square:before {
12274
- content: "\f14d"; }
12275
-
12276
- i.icon.add.to.cart:before {
12277
- content: "\f217"; }
12278
-
12279
- i.icon.in.cart:before {
12280
- content: "\f218"; }
12281
-
12282
- i.icon.add.user:before {
12283
- content: "\f234"; }
12284
-
12285
- i.icon.remove.user:before {
12286
- content: "\f235"; }
12287
-
12288
- /* Messages */
12289
- i.icon.help.circle:before {
12290
- content: "\f059"; }
12291
-
12292
- i.icon.info.circle:before {
12293
- content: "\f05a"; }
12294
-
12295
- i.icon.warning:before {
12296
- content: "\f12a"; }
12297
-
12298
- i.icon.warning.circle:before {
12299
- content: "\f06a"; }
12300
-
12301
- i.icon.warning.sign:before {
12302
- content: "\f071"; }
12303
-
12304
- i.icon.help:before {
12305
- content: "\f128"; }
12306
-
12307
- i.icon.info:before {
12308
- content: "\f129"; }
12309
-
12310
- i.icon.announcement:before {
12311
- content: "\f0a1"; }
12312
-
12313
- i.icon.birthday:before {
12314
- content: "\f1fd"; }
12315
-
12316
- /* Users */
12317
- i.icon.users:before {
12318
- content: "\f0c0"; }
12319
-
12320
- i.icon.doctor:before {
12321
- content: "\f0f0"; }
12322
-
12323
- i.icon.child:before {
12324
- content: "\f1ae"; }
12325
-
12326
- i.icon.user:before {
12327
- content: "\f007"; }
12328
-
12329
- i.icon.handicap:before {
12330
- content: "\f193"; }
12331
-
12332
- i.icon.student:before {
12333
- content: "\f19d"; }
12334
-
12335
- i.icon.spy:before {
12336
- content: "\f21b"; }
12337
-
12338
- /* Gender & Sexuality */
12339
- i.icon.female:before {
12340
- content: "\f182"; }
12341
-
12342
- i.icon.male:before {
12343
- content: "\f183"; }
12344
-
12345
- i.icon.woman:before {
12346
- content: "\f221"; }
12347
-
12348
- i.icon.man:before {
12349
- content: "\f222"; }
12350
-
12351
- i.icon.non.binary.transgender:before {
12352
- content: "\f223"; }
12353
-
12354
- i.icon.intergender:before {
12355
- content: "\f224"; }
12356
-
12357
- i.icon.transgender:before {
12358
- content: "\f225"; }
12359
-
12360
- i.icon.lesbian:before {
12361
- content: "\f226"; }
12362
-
12363
- i.icon.gay:before {
12364
- content: "\f227"; }
12365
-
12366
- i.icon.heterosexual:before {
12367
- content: "\f228"; }
12368
-
12369
- i.icon.other.gender:before {
12370
- content: "\f229"; }
12371
-
12372
- i.icon.other.gender.vertical:before {
12373
- content: "\f22a"; }
12374
-
12375
- i.icon.other.gender.horizontal:before {
12376
- content: "\f22b"; }
12377
-
12378
- i.icon.neuter:before {
12379
- content: "\f22c"; }
12380
-
12381
- /* View Adjustment */
12382
- i.icon.grid.layout:before {
12383
- content: "\f00a"; }
12384
-
12385
- i.icon.list.layout:before {
12386
- content: "\f00b"; }
12387
-
12388
- i.icon.block.layout:before {
12389
- content: "\f009"; }
12390
-
12391
- i.icon.zoom:before {
12392
- content: "\f00e"; }
12393
-
12394
- i.icon.zoom.out:before {
12395
- content: "\f010"; }
12396
-
12397
- i.icon.resize.vertical:before {
12398
- content: "\f07d"; }
12399
-
12400
- i.icon.resize.horizontal:before {
12401
- content: "\f07e"; }
12402
-
12403
- i.icon.maximize:before {
12404
- content: "\f0b2"; }
12405
-
12406
- i.icon.crop:before {
12407
- content: "\f125"; }
12408
-
12409
- /* Literal Objects */
12410
- i.icon.cocktail:before {
12411
- content: "\f000"; }
12412
-
12413
- i.icon.road:before {
12414
- content: "\f018"; }
12415
-
12416
- i.icon.flag:before {
12417
- content: "\f024"; }
12418
-
12419
- i.icon.book:before {
12420
- content: "\f02d"; }
12421
-
12422
- i.icon.gift:before {
12423
- content: "\f06b"; }
12424
-
12425
- i.icon.leaf:before {
12426
- content: "\f06c"; }
12427
-
12428
- i.icon.fire:before {
12429
- content: "\f06d"; }
12430
-
12431
- i.icon.plane:before {
12432
- content: "\f072"; }
12433
-
12434
- i.icon.magnet:before {
12435
- content: "\f076"; }
12436
-
12437
- i.icon.legal:before {
12438
- content: "\f0e3"; }
12439
-
12440
- i.icon.lemon:before {
12441
- content: "\f094"; }
12442
-
12443
- i.icon.world:before {
12444
- content: "\f0ac"; }
12445
-
12446
- i.icon.travel:before {
12447
- content: "\f0b1"; }
12448
-
12449
- i.icon.shipping:before {
12450
- content: "\f0d1"; }
12451
-
12452
- i.icon.money:before {
12453
- content: "\f0d6"; }
12454
-
12455
- i.icon.lightning:before {
12456
- content: "\f0e7"; }
12457
-
12458
- i.icon.rain:before {
12459
- content: "\f0e9"; }
12460
-
12461
- i.icon.treatment:before {
12462
- content: "\f0f1"; }
12463
-
12464
- i.icon.suitcase:before {
12465
- content: "\f0f2"; }
12466
-
12467
- i.icon.bar:before {
12468
- content: "\f0fc"; }
12469
-
12470
- i.icon.flag.outline:before {
12471
- content: "\f11d"; }
12472
-
12473
- i.icon.flag.checkered:before {
12474
- content: "\f11e"; }
12475
-
12476
- i.icon.puzzle:before {
12477
- content: "\f12e"; }
12478
-
12479
- i.icon.fire.extinguisher:before {
12480
- content: "\f134"; }
12481
-
12482
- i.icon.rocket:before {
12483
- content: "\f135"; }
12484
-
12485
- i.icon.anchor:before {
12486
- content: "\f13d"; }
12487
-
12488
- i.icon.bullseye:before {
12489
- content: "\f140"; }
12490
-
12491
- i.icon.sun:before {
12492
- content: "\f185"; }
12493
-
12494
- i.icon.moon:before {
12495
- content: "\f186"; }
12496
-
12497
- i.icon.fax:before {
12498
- content: "\f1ac"; }
12499
-
12500
- i.icon.life.ring:before {
12501
- content: "\f1cd"; }
12502
-
12503
- i.icon.bomb:before {
12504
- content: "\f1e2"; }
12505
-
12506
- i.icon.soccer:before {
12507
- content: "\f1e3"; }
12508
-
12509
- i.icon.calculator:before {
12510
- content: "\f1ec"; }
12511
-
12512
- i.icon.diamond:before {
12513
- content: "\f219"; }
12514
-
12515
- /* Shapes */
12516
- i.icon.crosshairs:before {
12517
- content: "\f05b"; }
12518
-
12519
- i.icon.asterisk:before {
12520
- content: "\f069"; }
12521
-
12522
- i.icon.certificate:before {
12523
- content: "\f0a3"; }
12524
-
12525
- i.icon.circle:before {
12526
- content: "\f111"; }
12527
-
12528
- i.icon.quote.left:before {
12529
- content: "\f10d"; }
12530
-
12531
- i.icon.quote.right:before {
12532
- content: "\f10e"; }
12533
-
12534
- i.icon.ellipsis.horizontal:before {
12535
- content: "\f141"; }
12536
-
12537
- i.icon.ellipsis.vertical:before {
12538
- content: "\f142"; }
12539
-
12540
- i.icon.cube:before {
12541
- content: "\f1b2"; }
12542
-
12543
- i.icon.cubes:before {
12544
- content: "\f1b3"; }
12545
-
12546
- i.icon.circle.notched:before {
12547
- content: "\f1ce"; }
12548
-
12549
- i.icon.circle.thin:before {
12550
- content: "\f1db"; }
12551
-
12552
- i.icon.square.outline:before {
12553
- content: "\f096"; }
12554
-
12555
- i.icon.square:before {
12556
- content: "\f0c8"; }
12557
-
12558
- /* Item Selection */
12559
- i.icon.checkmark:before {
12560
- content: "\f00c"; }
12561
-
12562
- i.icon.remove:before {
12563
- content: "\f00d"; }
12564
-
12565
- i.icon.checkmark.box:before {
12566
- content: "\f046"; }
12567
-
12568
- i.icon.move:before {
12569
- content: "\f047"; }
12570
-
12571
- i.icon.add.circle:before {
12572
- content: "\f055"; }
12573
-
12574
- i.icon.minus.circle:before {
12575
- content: "\f056"; }
12576
-
12577
- i.icon.remove.circle:before {
12578
- content: "\f057"; }
12579
-
12580
- i.icon.check.circle:before {
12581
- content: "\f058"; }
12582
-
12583
- i.icon.remove.circle.outline:before {
12584
- content: "\f05c"; }
12585
-
12586
- i.icon.check.circle.outline:before {
12587
- content: "\f05d"; }
12588
-
12589
- i.icon.plus:before {
12590
- content: "\f067"; }
12591
-
12592
- i.icon.minus:before {
12593
- content: "\f068"; }
12594
-
12595
- i.icon.add.square:before {
12596
- content: "\f0fe"; }
12597
-
12598
- i.icon.radio:before {
12599
- content: "\f10c"; }
12600
-
12601
- i.icon.selected.radio:before {
12602
- content: "\f192"; }
12603
-
12604
- i.icon.minus.square:before {
12605
- content: "\f146"; }
12606
-
12607
- i.icon.minus.square.outline:before {
12608
- content: "\f147"; }
12609
-
12610
- i.icon.check.square:before {
12611
- content: "\f14a"; }
12612
-
12613
- i.icon.plus.square.outline:before {
12614
- content: "\f196"; }
12615
-
12616
- i.icon.toggle.off:before {
12617
- content: "\f204"; }
12618
-
12619
- i.icon.toggle.on:before {
12620
- content: "\f205"; }
12621
-
12622
- /* Media */
12623
- i.icon.film:before {
12624
- content: "\f008"; }
12625
-
12626
- i.icon.sound:before {
12627
- content: "\f025"; }
12628
-
12629
- i.icon.photo:before {
12630
- content: "\f030"; }
12631
-
12632
- i.icon.bar.chart:before {
12633
- content: "\f080"; }
12634
-
12635
- i.icon.camera.retro:before {
12636
- content: "\f083"; }
12637
-
12638
- i.icon.newspaper:before {
12639
- content: "\f1ea"; }
12640
-
12641
- i.icon.area.chart:before {
12642
- content: "\f1fe"; }
12643
-
12644
- i.icon.pie.chart:before {
12645
- content: "\f200"; }
12646
-
12647
- i.icon.line.chart:before {
12648
- content: "\f201"; }
12649
-
12650
- /* Pointers */
12651
- i.icon.arrow.circle.outline.down:before {
12652
- content: "\f01a"; }
12653
-
12654
- i.icon.arrow.circle.outline.up:before {
12655
- content: "\f01b"; }
12656
-
12657
- i.icon.chevron.left:before {
12658
- content: "\f053"; }
12659
-
12660
- i.icon.chevron.right:before {
12661
- content: "\f054"; }
12662
-
12663
- i.icon.arrow.left:before {
12664
- content: "\f060"; }
12665
-
12666
- i.icon.arrow.right:before {
12667
- content: "\f061"; }
12668
-
12669
- i.icon.arrow.up:before {
12670
- content: "\f062"; }
12671
-
12672
- i.icon.arrow.down:before {
12673
- content: "\f063"; }
12674
-
12675
- i.icon.chevron.up:before {
12676
- content: "\f077"; }
12677
-
12678
- i.icon.chevron.down:before {
12679
- content: "\f078"; }
12680
-
12681
- i.icon.pointing.right:before {
12682
- content: "\f0a4"; }
12683
-
12684
- i.icon.pointing.left:before {
12685
- content: "\f0a5"; }
12686
-
12687
- i.icon.pointing.up:before {
12688
- content: "\f0a6"; }
12689
-
12690
- i.icon.pointing.down:before {
12691
- content: "\f0a7"; }
12692
-
12693
- i.icon.arrow.circle.left:before {
12694
- content: "\f0a8"; }
12695
-
12696
- i.icon.arrow.circle.right:before {
12697
- content: "\f0a9"; }
12698
-
12699
- i.icon.arrow.circle.up:before {
12700
- content: "\f0aa"; }
12701
-
12702
- i.icon.arrow.circle.down:before {
12703
- content: "\f0ab"; }
12704
-
12705
- i.icon.caret.down:before {
12706
- content: "\f0d7"; }
12707
-
12708
- i.icon.caret.up:before {
12709
- content: "\f0d8"; }
12710
-
12711
- i.icon.caret.left:before {
12712
- content: "\f0d9"; }
12713
-
12714
- i.icon.caret.right:before {
12715
- content: "\f0da"; }
12716
-
12717
- i.icon.angle.double.left:before {
12718
- content: "\f100"; }
12719
-
12720
- i.icon.angle.double.right:before {
12721
- content: "\f101"; }
12722
-
12723
- i.icon.angle.double.up:before {
12724
- content: "\f102"; }
12725
-
12726
- i.icon.angle.double.down:before {
12727
- content: "\f103"; }
12728
-
12729
- i.icon.angle.left:before {
12730
- content: "\f104"; }
12731
-
12732
- i.icon.angle.right:before {
12733
- content: "\f105"; }
12734
-
12735
- i.icon.angle.up:before {
12736
- content: "\f106"; }
12737
-
12738
- i.icon.angle.down:before {
12739
- content: "\f107"; }
12740
-
12741
- i.icon.chevron.circle.left:before {
12742
- content: "\f137"; }
12743
-
12744
- i.icon.chevron.circle.right:before {
12745
- content: "\f138"; }
12746
-
12747
- i.icon.chevron.circle.up:before {
12748
- content: "\f139"; }
12749
-
12750
- i.icon.chevron.circle.down:before {
12751
- content: "\f13a"; }
12752
-
12753
- i.icon.toggle.down:before {
12754
- content: "\f150"; }
12755
-
12756
- i.icon.toggle.up:before {
12757
- content: "\f151"; }
12758
-
12759
- i.icon.toggle.right:before {
12760
- content: "\f152"; }
12761
-
12762
- i.icon.long.arrow.down:before {
12763
- content: "\f175"; }
12764
-
12765
- i.icon.long.arrow.up:before {
12766
- content: "\f176"; }
12767
-
12768
- i.icon.long.arrow.left:before {
12769
- content: "\f177"; }
12770
-
12771
- i.icon.long.arrow.right:before {
12772
- content: "\f178"; }
12773
-
12774
- i.icon.arrow.circle.outline.right:before {
12775
- content: "\f18e"; }
12776
-
12777
- i.icon.arrow.circle.outline.left:before {
12778
- content: "\f190"; }
12779
-
12780
- i.icon.toggle.left:before {
12781
- content: "\f191"; }
12782
-
12783
- /* Computer */
12784
- i.icon.power:before {
12785
- content: "\f011"; }
12786
-
12787
- i.icon.trash:before {
12788
- content: "\f1f8"; }
12789
-
12790
- i.icon.trash.outline:before {
12791
- content: "\f014"; }
12792
-
12793
- i.icon.disk.outline:before {
12794
- content: "\f0a0"; }
12795
-
12796
- i.icon.desktop:before {
12797
- content: "\f108"; }
12798
-
12799
- i.icon.laptop:before {
12800
- content: "\f109"; }
12801
-
12802
- i.icon.tablet:before {
12803
- content: "\f10a"; }
12804
-
12805
- i.icon.mobile:before {
12806
- content: "\f10b"; }
12807
-
12808
- i.icon.game:before {
12809
- content: "\f11b"; }
12810
-
12811
- i.icon.keyboard:before {
12812
- content: "\f11c"; }
12813
-
12814
- i.icon.plug:before {
12815
- content: "\f1e6"; }
12816
-
12817
- /* File System */
12818
- i.icon.folder:before {
12819
- content: "\f07b"; }
12820
-
12821
- i.icon.folder.open:before {
12822
- content: "\f07c"; }
12823
-
12824
- i.icon.level.up:before {
12825
- content: "\f148"; }
12826
-
12827
- i.icon.level.down:before {
12828
- content: "\f149"; }
12829
-
12830
- i.icon.file:before {
12831
- content: "\f15b"; }
12832
-
12833
- i.icon.file.outline:before {
12834
- content: "\f016"; }
12835
-
12836
- i.icon.file.text:before {
12837
- content: "\f15c"; }
12838
-
12839
- i.icon.file.text.outline:before {
12840
- content: "\f0f6"; }
12841
-
12842
- i.icon.folder.outline:before {
12843
- content: "\f114"; }
12844
-
12845
- i.icon.folder.open.outline:before {
12846
- content: "\f115"; }
12847
-
12848
- i.icon.file.pdf.outline:before {
12849
- content: "\f1c1"; }
12850
-
12851
- i.icon.file.word.outline:before {
12852
- content: "\f1c2"; }
12853
-
12854
- i.icon.file.excel.outline:before {
12855
- content: "\f1c3"; }
12856
-
12857
- i.icon.file.powerpoint.outline:before {
12858
- content: "\f1c4"; }
12859
-
12860
- i.icon.file.image.outline:before {
12861
- content: "\f1c5"; }
12862
-
12863
- i.icon.file.archive.outline:before {
12864
- content: "\f1c6"; }
12865
-
12866
- i.icon.file.audio.outline:before {
12867
- content: "\f1c7"; }
12868
-
12869
- i.icon.file.video.outline:before {
12870
- content: "\f1c8"; }
12871
-
12872
- i.icon.file.code.outline:before {
12873
- content: "\f1c9"; }
12874
-
12875
- /* Technologies */
12876
- i.icon.barcode:before {
12877
- content: "\f02a"; }
12878
-
12879
- i.icon.qrcode:before {
12880
- content: "\f029"; }
12881
-
12882
- i.icon.fork:before {
12883
- content: "\f126"; }
12884
-
12885
- i.icon.html5:before {
12886
- content: "\f13b"; }
12887
-
12888
- i.icon.css3:before {
12889
- content: "\f13c"; }
12890
-
12891
- i.icon.rss:before {
12892
- content: "\f09e"; }
12893
-
12894
- i.icon.rss.square:before {
12895
- content: "\f143"; }
12896
-
12897
- i.icon.openid:before {
12898
- content: "\f19b"; }
12899
-
12900
- i.icon.database:before {
12901
- content: "\f1c0"; }
12902
-
12903
- i.icon.server:before {
12904
- content: "\f233"; }
12905
-
12906
- /* Rating */
12907
- i.icon.heart:before {
12908
- content: "\f004"; }
12909
-
12910
- i.icon.star:before {
12911
- content: "\f005"; }
12912
-
12913
- i.icon.empty.star:before {
12914
- content: "\f006"; }
12915
-
12916
- i.icon.thumbs.outline.up:before {
12917
- content: "\f087"; }
12918
-
12919
- i.icon.thumbs.outline.down:before {
12920
- content: "\f088"; }
12921
-
12922
- i.icon.star.half:before {
12923
- content: "\f089"; }
12924
-
12925
- i.icon.empty.heart:before {
12926
- content: "\f08a"; }
12927
-
12928
- i.icon.smile:before {
12929
- content: "\f118"; }
12930
-
12931
- i.icon.frown:before {
12932
- content: "\f119"; }
12933
-
12934
- i.icon.meh:before {
12935
- content: "\f11a"; }
12936
-
12937
- i.icon.star.half.empty:before {
12938
- content: "\f123"; }
12939
-
12940
- i.icon.thumbs.up:before {
12941
- content: "\f164"; }
12942
-
12943
- i.icon.thumbs.down:before {
12944
- content: "\f165"; }
12945
-
12946
- /* Audio */
12947
- i.icon.music:before {
12948
- content: "\f001"; }
12949
-
12950
- i.icon.video.play.outline:before {
12951
- content: "\f01d"; }
12952
-
12953
- i.icon.volume.off:before {
12954
- content: "\f026"; }
12955
-
12956
- i.icon.volume.down:before {
12957
- content: "\f027"; }
12958
-
12959
- i.icon.volume.up:before {
12960
- content: "\f028"; }
12961
-
12962
- i.icon.record:before {
12963
- content: "\f03d"; }
12964
-
12965
- i.icon.step.backward:before {
12966
- content: "\f048"; }
12967
-
12968
- i.icon.fast.backward:before {
12969
- content: "\f049"; }
12970
-
12971
- i.icon.backward:before {
12972
- content: "\f04a"; }
12973
-
12974
- i.icon.play:before {
12975
- content: "\f04b"; }
12976
-
12977
- i.icon.pause:before {
12978
- content: "\f04c"; }
12979
-
12980
- i.icon.stop:before {
12981
- content: "\f04d"; }
12982
-
12983
- i.icon.forward:before {
12984
- content: "\f04e"; }
12985
-
12986
- i.icon.fast.forward:before {
12987
- content: "\f050"; }
12988
-
12989
- i.icon.step.forward:before {
12990
- content: "\f051"; }
12991
-
12992
- i.icon.eject:before {
12993
- content: "\f052"; }
12994
-
12995
- i.icon.unmute:before {
12996
- content: "\f130"; }
12997
-
12998
- i.icon.mute:before {
12999
- content: "\f131"; }
13000
-
13001
- i.icon.video.play:before {
13002
- content: "\f144"; }
13003
-
13004
- i.icon.closed.captioning:before {
13005
- content: "\f20a"; }
13006
-
13007
- /* Map, Locations, & Transportation */
13008
- i.icon.marker:before {
13009
- content: "\f041"; }
13010
-
13011
- i.icon.coffee:before {
13012
- content: "\f0f4"; }
13013
-
13014
- i.icon.food:before {
13015
- content: "\f0f5"; }
13016
-
13017
- i.icon.building.outline:before {
13018
- content: "\f0f7"; }
13019
-
13020
- i.icon.hospital:before {
13021
- content: "\f0f8"; }
13022
-
13023
- i.icon.emergency:before {
13024
- content: "\f0f9"; }
13025
-
13026
- i.icon.first.aid:before {
13027
- content: "\f0fa"; }
13028
-
13029
- i.icon.military:before {
13030
- content: "\f0fb"; }
13031
-
13032
- i.icon.h:before {
13033
- content: "\f0fd"; }
13034
-
13035
- i.icon.location.arrow:before {
13036
- content: "\f124"; }
13037
-
13038
- i.icon.space.shuttle:before {
13039
- content: "\f197"; }
13040
-
13041
- i.icon.university:before {
13042
- content: "\f19c"; }
13043
-
13044
- i.icon.building:before {
13045
- content: "\f1ad"; }
13046
-
13047
- i.icon.paw:before {
13048
- content: "\f1b0"; }
13049
-
13050
- i.icon.spoon:before {
13051
- content: "\f1b1"; }
13052
-
13053
- i.icon.car:before {
13054
- content: "\f1b9"; }
13055
-
13056
- i.icon.taxi:before {
13057
- content: "\f1ba"; }
13058
-
13059
- i.icon.tree:before {
13060
- content: "\f1bb"; }
13061
-
13062
- i.icon.bicycle:before {
13063
- content: "\f206"; }
13064
-
13065
- i.icon.bus:before {
13066
- content: "\f207"; }
13067
-
13068
- i.icon.ship:before {
13069
- content: "\f21a"; }
13070
-
13071
- i.icon.motorcycle:before {
13072
- content: "\f21c"; }
13073
-
13074
- i.icon.street.view:before {
13075
- content: "\f21d"; }
13076
-
13077
- i.icon.hotel:before {
13078
- content: "\f236"; }
13079
-
13080
- i.icon.train:before {
13081
- content: "\f238"; }
13082
-
13083
- i.icon.subway:before {
13084
- content: "\f239"; }
13085
-
13086
- /* Tables */
13087
- i.icon.table:before {
13088
- content: "\f0ce"; }
13089
-
13090
- i.icon.columns:before {
13091
- content: "\f0db"; }
13092
-
13093
- i.icon.sort:before {
13094
- content: "\f0dc"; }
13095
-
13096
- i.icon.sort.ascending:before {
13097
- content: "\f0de"; }
13098
-
13099
- i.icon.sort.descending:before {
13100
- content: "\f0dd"; }
13101
-
13102
- i.icon.sort.alphabet.ascending:before {
13103
- content: "\f15d"; }
13104
-
13105
- i.icon.sort.alphabet.descending:before {
13106
- content: "\f15e"; }
13107
-
13108
- i.icon.sort.content.ascending:before {
13109
- content: "\f160"; }
13110
-
13111
- i.icon.sort.content.descending:before {
13112
- content: "\f161"; }
13113
-
13114
- i.icon.sort.numeric.ascending:before {
13115
- content: "\f162"; }
13116
-
13117
- i.icon.sort.numeric.descending:before {
13118
- content: "\f163"; }
13119
-
13120
- /* Text Editor */
13121
- i.icon.font:before {
13122
- content: "\f031"; }
13123
-
13124
- i.icon.bold:before {
13125
- content: "\f032"; }
13126
-
13127
- i.icon.italic:before {
13128
- content: "\f033"; }
13129
-
13130
- i.icon.text.height:before {
13131
- content: "\f034"; }
13132
-
13133
- i.icon.text.width:before {
13134
- content: "\f035"; }
13135
-
13136
- i.icon.align.left:before {
13137
- content: "\f036"; }
13138
-
13139
- i.icon.align.center:before {
13140
- content: "\f037"; }
13141
-
13142
- i.icon.align.right:before {
13143
- content: "\f038"; }
13144
-
13145
- i.icon.align.justify:before {
13146
- content: "\f039"; }
13147
-
13148
- i.icon.list:before {
13149
- content: "\f03a"; }
13150
-
13151
- i.icon.outdent:before {
13152
- content: "\f03b"; }
13153
-
13154
- i.icon.indent:before {
13155
- content: "\f03c"; }
13156
-
13157
- i.icon.linkify:before {
13158
- content: "\f0c1"; }
13159
-
13160
- i.icon.cut:before {
13161
- content: "\f0c4"; }
13162
-
13163
- i.icon.copy:before {
13164
- content: "\f0c5"; }
13165
-
13166
- i.icon.attach:before {
13167
- content: "\f0c6"; }
13168
-
13169
- i.icon.save:before {
13170
- content: "\f0c7"; }
13171
-
13172
- i.icon.content:before {
13173
- content: "\f0c9"; }
13174
-
13175
- i.icon.unordered.list:before {
13176
- content: "\f0ca"; }
13177
-
13178
- i.icon.ordered.list:before {
13179
- content: "\f0cb"; }
13180
-
13181
- i.icon.strikethrough:before {
13182
- content: "\f0cc"; }
13183
-
13184
- i.icon.underline:before {
13185
- content: "\f0cd"; }
13186
-
13187
- i.icon.paste:before {
13188
- content: "\f0ea"; }
13189
-
13190
- i.icon.unlink:before {
13191
- content: "\f127"; }
13192
-
13193
- i.icon.superscript:before {
13194
- content: "\f12b"; }
13195
-
13196
- i.icon.subscript:before {
13197
- content: "\f12c"; }
13198
-
13199
- i.icon.header:before {
13200
- content: "\f1dc"; }
13201
-
13202
- i.icon.paragraph:before {
13203
- content: "\f1dd"; }
13204
-
13205
- /* Currency */
13206
- i.icon.euro:before {
13207
- content: "\f153"; }
13208
-
13209
- i.icon.pound:before {
13210
- content: "\f154"; }
13211
-
13212
- i.icon.dollar:before {
13213
- content: "\f155"; }
13214
-
13215
- i.icon.rupee:before {
13216
- content: "\f156"; }
13217
-
13218
- i.icon.yen:before {
13219
- content: "\f157"; }
13220
-
13221
- i.icon.ruble:before {
13222
- content: "\f158"; }
13223
-
13224
- i.icon.won:before {
13225
- content: "\f159"; }
13226
-
13227
- i.icon.lira:before {
13228
- content: "\f195"; }
13229
-
13230
- i.icon.shekel:before {
13231
- content: "\f20b"; }
13232
-
13233
- /* Payment Options */
13234
- i.icon.paypal:before {
13235
- content: "\f1ed"; }
13236
-
13237
- i.icon.paypal.card:before {
13238
- content: "\f1f4"; }
13239
-
13240
- i.icon.google.wallet:before {
13241
- content: "\f1ee"; }
13242
-
13243
- i.icon.visa:before {
13244
- content: "\f1f0"; }
13245
-
13246
- i.icon.mastercard:before {
13247
- content: "\f1f1"; }
13248
-
13249
- i.icon.discover:before {
13250
- content: "\f1f2"; }
13251
-
13252
- i.icon.american.express:before {
13253
- content: "\f1f3"; }
13254
-
13255
- i.icon.stripe:before {
13256
- content: "\f1f5"; }
13257
-
13258
- /* Networks and Websites*/
13259
- i.icon.twitter.square:before {
13260
- content: "\f081"; }
13261
-
13262
- i.icon.facebook.square:before {
13263
- content: "\f082"; }
13264
-
13265
- i.icon.linkedin.square:before {
13266
- content: "\f08c"; }
13267
-
13268
- i.icon.github.square:before {
13269
- content: "\f092"; }
13270
-
13271
- i.icon.twitter:before {
13272
- content: "\f099"; }
13273
-
13274
- i.icon.facebook:before {
13275
- content: "\f09a"; }
13276
-
13277
- i.icon.github:before {
13278
- content: "\f09b"; }
13279
-
13280
- i.icon.pinterest:before {
13281
- content: "\f0d2"; }
13282
-
13283
- i.icon.pinterest.square:before {
13284
- content: "\f0d3"; }
13285
-
13286
- i.icon.google.plus.square:before {
13287
- content: "\f0d4"; }
13288
-
13289
- i.icon.google.plus:before {
13290
- content: "\f0d5"; }
13291
-
13292
- i.icon.linkedin:before {
13293
- content: "\f0e1"; }
13294
-
13295
- i.icon.github.alternate:before {
13296
- content: "\f113"; }
13297
-
13298
- i.icon.maxcdn:before {
13299
- content: "\f136"; }
13300
-
13301
- i.icon.bitcoin:before {
13302
- content: "\f15a"; }
13303
-
13304
- i.icon.youtube.square:before {
13305
- content: "\f166"; }
13306
-
13307
- i.icon.youtube:before {
13308
- content: "\f167"; }
13309
-
13310
- i.icon.xing:before {
13311
- content: "\f168"; }
13312
-
13313
- i.icon.xing.square:before {
13314
- content: "\f169"; }
13315
-
13316
- i.icon.youtube.play:before {
13317
- content: "\f16a"; }
13318
-
13319
- i.icon.dropbox:before {
13320
- content: "\f16b"; }
13321
-
13322
- i.icon.stack.overflow:before {
13323
- content: "\f16c"; }
13324
-
13325
- i.icon.instagram:before {
13326
- content: "\f16d"; }
13327
-
13328
- i.icon.flickr:before {
13329
- content: "\f16e"; }
13330
-
13331
- i.icon.adn:before {
13332
- content: "\f170"; }
13333
-
13334
- i.icon.bitbucket:before {
13335
- content: "\f171"; }
13336
-
13337
- i.icon.bitbucket.square:before {
13338
- content: "\f172"; }
13339
-
13340
- i.icon.tumblr:before {
13341
- content: "\f173"; }
13342
-
13343
- i.icon.tumblr.square:before {
13344
- content: "\f174"; }
13345
-
13346
- i.icon.apple:before {
13347
- content: "\f179"; }
13348
-
13349
- i.icon.windows:before {
13350
- content: "\f17a"; }
13351
-
13352
- i.icon.android:before {
13353
- content: "\f17b"; }
13354
-
13355
- i.icon.linux:before {
13356
- content: "\f17c"; }
13357
-
13358
- i.icon.dribbble:before {
13359
- content: "\f17d"; }
13360
-
13361
- i.icon.skype:before {
13362
- content: "\f17e"; }
13363
-
13364
- i.icon.foursquare:before {
13365
- content: "\f180"; }
13366
-
13367
- i.icon.trello:before {
13368
- content: "\f181"; }
13369
-
13370
- i.icon.gittip:before {
13371
- content: "\f184"; }
13372
-
13373
- i.icon.vk:before {
13374
- content: "\f189"; }
13375
-
13376
- i.icon.weibo:before {
13377
- content: "\f18a"; }
13378
-
13379
- i.icon.renren:before {
13380
- content: "\f18b"; }
13381
-
13382
- i.icon.pagelines:before {
13383
- content: "\f18c"; }
13384
-
13385
- i.icon.stack.exchange:before {
13386
- content: "\f18d"; }
13387
-
13388
- i.icon.vimeo:before {
13389
- content: "\f194"; }
13390
-
13391
- i.icon.slack:before {
13392
- content: "\f198"; }
13393
-
13394
- i.icon.wordpress:before {
13395
- content: "\f19a"; }
13396
-
13397
- i.icon.yahoo:before {
13398
- content: "\f19e"; }
13399
-
13400
- i.icon.google:before {
13401
- content: "\f1a0"; }
13402
-
13403
- i.icon.reddit:before {
13404
- content: "\f1a1"; }
13405
-
13406
- i.icon.reddit.square:before {
13407
- content: "\f1a2"; }
13408
-
13409
- i.icon.stumbleupon.circle:before {
13410
- content: "\f1a3"; }
13411
-
13412
- i.icon.stumbleupon:before {
13413
- content: "\f1a4"; }
13414
-
13415
- i.icon.delicious:before {
13416
- content: "\f1a5"; }
13417
-
13418
- i.icon.digg:before {
13419
- content: "\f1a6"; }
13420
-
13421
- i.icon.pied.piper:before {
13422
- content: "\f1a7"; }
13423
-
13424
- i.icon.pied.piper.alternate:before {
13425
- content: "\f1a8"; }
13426
-
13427
- i.icon.drupal:before {
13428
- content: "\f1a9"; }
13429
-
13430
- i.icon.joomla:before {
13431
- content: "\f1aa"; }
13432
-
13433
- i.icon.behance:before {
13434
- content: "\f1b4"; }
13435
-
13436
- i.icon.behance.square:before {
13437
- content: "\f1b5"; }
13438
-
13439
- i.icon.steam:before {
13440
- content: "\f1b6"; }
13441
-
13442
- i.icon.steam.square:before {
13443
- content: "\f1b7"; }
13444
-
13445
- i.icon.spotify:before {
13446
- content: "\f1bc"; }
13447
-
13448
- i.icon.deviantart:before {
13449
- content: "\f1bd"; }
13450
-
13451
- i.icon.soundcloud:before {
13452
- content: "\f1be"; }
13453
-
13454
- i.icon.vine:before {
13455
- content: "\f1ca"; }
13456
-
13457
- i.icon.codepen:before {
13458
- content: "\f1cb"; }
13459
-
13460
- i.icon.jsfiddle:before {
13461
- content: "\f1cc"; }
13462
-
13463
- i.icon.rebel:before {
13464
- content: "\f1d0"; }
13465
-
13466
- i.icon.empire:before {
13467
- content: "\f1d1"; }
13468
-
13469
- i.icon.git.square:before {
13470
- content: "\f1d2"; }
13471
-
13472
- i.icon.git:before {
13473
- content: "\f1d3"; }
13474
-
13475
- i.icon.hacker.news:before {
13476
- content: "\f1d4"; }
13477
-
13478
- i.icon.tencent.weibo:before {
13479
- content: "\f1d5"; }
13480
-
13481
- i.icon.qq:before {
13482
- content: "\f1d6"; }
13483
-
13484
- i.icon.wechat:before {
13485
- content: "\f1d7"; }
13486
-
13487
- i.icon.slideshare:before {
13488
- content: "\f1e7"; }
13489
-
13490
- i.icon.twitch:before {
13491
- content: "\f1e8"; }
13492
-
13493
- i.icon.yelp:before {
13494
- content: "\f1e9"; }
13495
-
13496
- i.icon.lastfm:before {
13497
- content: "\f202"; }
13498
-
13499
- i.icon.lastfm.square:before {
13500
- content: "\f203"; }
13501
-
13502
- i.icon.ioxhost:before {
13503
- content: "\f208"; }
13504
-
13505
- i.icon.angellist:before {
13506
- content: "\f209"; }
13507
-
13508
- i.icon.meanpath:before {
13509
- content: "\f20c"; }
13510
-
13511
- i.icon.buysellads:before {
13512
- content: "\f20d"; }
13513
-
13514
- i.icon.connectdevelop:before {
13515
- content: "\f20e"; }
13516
-
13517
- i.icon.dashcube:before {
13518
- content: "\f210"; }
13519
-
13520
- i.icon.forumbee:before {
13521
- content: "\f211"; }
13522
-
13523
- i.icon.leanpub:before {
13524
- content: "\f212"; }
13525
-
13526
- i.icon.sellsy:before {
13527
- content: "\f213"; }
13528
-
13529
- i.icon.shirtsinbulk:before {
13530
- content: "\f214"; }
13531
-
13532
- i.icon.simplybuilt:before {
13533
- content: "\f215"; }
13534
-
13535
- i.icon.skyatlas:before {
13536
- content: "\f216"; }
13537
-
13538
- i.icon.whatsapp:before {
13539
- content: "\f232"; }
13540
-
13541
- i.icon.viacoin:before {
13542
- content: "\f237"; }
13543
-
13544
- i.icon.medium:before {
13545
- content: "\f23a"; }
13546
-
13547
- /*******************************
13548
- Aliases
13549
- *******************************/
13550
- i.icon.like:before {
13551
- content: "\f004"; }
13552
-
13553
- i.icon.favorite:before {
13554
- content: "\f005"; }
13555
-
13556
- i.icon.video:before {
13557
- content: "\f008"; }
13558
-
13559
- i.icon.check:before {
13560
- content: "\f00c"; }
13561
-
13562
- i.icon.close:before {
13563
- content: "\f00d"; }
13564
-
13565
- i.icon.cancel:before {
13566
- content: "\f00d"; }
13567
-
13568
- i.icon.delete:before {
13569
- content: "\f00d"; }
13570
-
13571
- i.icon.x:before {
13572
- content: "\f00d"; }
13573
-
13574
- i.icon.user.times:before {
13575
- content: "\f235"; }
13576
-
13577
- i.icon.user.close:before {
13578
- content: "\f235"; }
13579
-
13580
- i.icon.user.cancel:before {
13581
- content: "\f235"; }
13582
-
13583
- i.icon.user.delete:before {
13584
- content: "\f235"; }
13585
-
13586
- i.icon.user.x:before {
13587
- content: "\f235"; }
13588
-
13589
- i.icon.zoom.in:before {
13590
- content: "\f00e"; }
13591
-
13592
- i.icon.magnify:before {
13593
- content: "\f00e"; }
13594
-
13595
- i.icon.shutdown:before {
13596
- content: "\f011"; }
13597
-
13598
- i.icon.clock:before {
13599
- content: "\f017"; }
13600
-
13601
- i.icon.time:before {
13602
- content: "\f017"; }
13603
-
13604
- i.icon.play.circle.outline:before {
13605
- content: "\f01d"; }
13606
-
13607
- i.icon.headphone:before {
13608
- content: "\f025"; }
13609
-
13610
- i.icon.camera:before {
13611
- content: "\f030"; }
13612
-
13613
- i.icon.video.camera:before {
13614
- content: "\f03d"; }
13615
-
13616
- i.icon.picture:before {
13617
- content: "\f03e"; }
13618
-
13619
- i.icon.pencil:before {
13620
- content: "\f040"; }
13621
-
13622
- i.icon.compose:before {
13623
- content: "\f040"; }
13624
-
13625
- i.icon.point:before {
13626
- content: "\f041"; }
13627
-
13628
- i.icon.tint:before {
13629
- content: "\f043"; }
13630
-
13631
- i.icon.signup:before {
13632
- content: "\f044"; }
13633
-
13634
- i.icon.plus.circle:before {
13635
- content: "\f055"; }
13636
-
13637
- i.icon.dont:before {
13638
- content: "\f05e"; }
13639
-
13640
- i.icon.minimize:before {
13641
- content: "\f066"; }
13642
-
13643
- i.icon.add:before {
13644
- content: "\f067"; }
13645
-
13646
- i.icon.eye:before {
13647
- content: "\f06e"; }
13648
-
13649
- i.icon.attention:before {
13650
- content: "\f06a"; }
13651
-
13652
- i.icon.cart:before {
13653
- content: "\f07a"; }
13654
-
13655
- i.icon.shuffle:before {
13656
- content: "\f074"; }
13657
-
13658
- i.icon.talk:before {
13659
- content: "\f075"; }
13660
-
13661
- i.icon.chat:before {
13662
- content: "\f075"; }
13663
-
13664
- i.icon.shopping.cart:before {
13665
- content: "\f07a"; }
13666
-
13667
- i.icon.bar.graph:before {
13668
- content: "\f080"; }
13669
-
13670
- i.icon.area.graph:before {
13671
- content: "\f1fe"; }
13672
-
13673
- i.icon.pie.graph:before {
13674
- content: "\f200"; }
13675
-
13676
- i.icon.line.graph:before {
13677
- content: "\f201"; }
13678
-
13679
- i.icon.key:before {
13680
- content: "\f084"; }
13681
-
13682
- i.icon.cogs:before {
13683
- content: "\f085"; }
13684
-
13685
- i.icon.discussions:before {
13686
- content: "\f086"; }
13687
-
13688
- i.icon.like.outline:before {
13689
- content: "\f087"; }
13690
-
13691
- i.icon.dislike.outline:before {
13692
- content: "\f088"; }
13693
-
13694
- i.icon.heart.outline:before {
13695
- content: "\f08a"; }
13696
-
13697
- i.icon.log.out:before {
13698
- content: "\f08b"; }
13699
-
13700
- i.icon.thumb.tack:before {
13701
- content: "\f08d"; }
13702
-
13703
- i.icon.winner:before {
13704
- content: "\f091"; }
13705
-
13706
- i.icon.bookmark.outline:before {
13707
- content: "\f097"; }
13708
-
13709
- i.icon.phone:before {
13710
- content: "\f095"; }
13711
-
13712
- i.icon.phone.square:before {
13713
- content: "\f098"; }
13714
-
13715
- i.icon.credit.card:before {
13716
- content: "\f09d"; }
13717
-
13718
- i.icon.hdd.outline:before {
13719
- content: "\f0a0"; }
13720
-
13721
- i.icon.bullhorn:before {
13722
- content: "\f0a1"; }
13723
-
13724
- i.icon.bell:before {
13725
- content: "\f0f3"; }
13726
-
13727
- i.icon.bell.outline:before {
13728
- content: "\f0a2"; }
13729
-
13730
- i.icon.bell.slash:before {
13731
- content: "\f1f6"; }
13732
-
13733
- i.icon.bell.slash.outline:before {
13734
- content: "\f1f7"; }
13735
-
13736
- i.icon.hand.outline.right:before {
13737
- content: "\f0a4"; }
13738
-
13739
- i.icon.hand.outline.left:before {
13740
- content: "\f0a5"; }
13741
-
13742
- i.icon.hand.outline.up:before {
13743
- content: "\f0a6"; }
13744
-
13745
- i.icon.hand.outline.down:before {
13746
- content: "\f0a7"; }
13747
-
13748
- i.icon.globe:before {
13749
- content: "\f0ac"; }
13750
-
13751
- i.icon.wrench:before {
13752
- content: "\f0ad"; }
13753
-
13754
- i.icon.briefcase:before {
13755
- content: "\f0b1"; }
13756
-
13757
- i.icon.group:before {
13758
- content: "\f0c0"; }
13759
-
13760
- i.icon.flask:before {
13761
- content: "\f0c3"; }
13762
-
13763
- i.icon.sidebar:before {
13764
- content: "\f0c9"; }
13765
-
13766
- i.icon.bars:before {
13767
- content: "\f0c9"; }
13768
-
13769
- i.icon.list.ul:before {
13770
- content: "\f0ca"; }
13771
-
13772
- i.icon.list.ol:before {
13773
- content: "\f0cb"; }
13774
-
13775
- i.icon.numbered.list:before {
13776
- content: "\f0cb"; }
13777
-
13778
- i.icon.magic:before {
13779
- content: "\f0d0"; }
13780
-
13781
- i.icon.truck:before {
13782
- content: "\f0d1"; }
13783
-
13784
- i.icon.currency:before {
13785
- content: "\f0d6"; }
13786
-
13787
- i.icon.triangle.down:before {
13788
- content: "\f0d7"; }
13789
-
13790
- i.icon.dropdown:before {
13791
- content: "\f0d7"; }
13792
-
13793
- i.icon.triangle.up:before {
13794
- content: "\f0d8"; }
13795
-
13796
- i.icon.triangle.left:before {
13797
- content: "\f0d9"; }
13798
-
13799
- i.icon.triangle.right:before {
13800
- content: "\f0da"; }
13801
-
13802
- i.icon.envelope:before {
13803
- content: "\f0e0"; }
13804
-
13805
- i.icon.conversation:before {
13806
- content: "\f0e6"; }
13807
-
13808
- i.icon.umbrella:before {
13809
- content: "\f0e9"; }
13810
-
13811
- i.icon.lightbulb:before {
13812
- content: "\f0eb"; }
13813
-
13814
- i.icon.ambulance:before {
13815
- content: "\f0f9"; }
13816
-
13817
- i.icon.medkit:before {
13818
- content: "\f0fa"; }
13819
-
13820
- i.icon.fighter.jet:before {
13821
- content: "\f0fb"; }
13822
-
13823
- i.icon.beer:before {
13824
- content: "\f0fc"; }
13825
-
13826
- i.icon.plus.square:before {
13827
- content: "\f0fe"; }
13828
-
13829
- i.icon.computer:before {
13830
- content: "\f108"; }
13831
-
13832
- i.icon.circle.outline:before {
13833
- content: "\f10c"; }
13834
-
13835
- i.icon.intersex:before {
13836
- content: "\f10c"; }
13837
-
13838
- i.icon.asexual:before {
13839
- content: "\f10c"; }
13840
-
13841
- i.icon.spinner:before {
13842
- content: "\f110"; }
13843
-
13844
- i.icon.gamepad:before {
13845
- content: "\f11b"; }
13846
-
13847
- i.icon.star.half.full:before {
13848
- content: "\f123"; }
13849
-
13850
- i.icon.question:before {
13851
- content: "\f128"; }
13852
-
13853
- i.icon.eraser:before {
13854
- content: "\f12d"; }
13855
-
13856
- i.icon.microphone:before {
13857
- content: "\f130"; }
13858
-
13859
- i.icon.microphone.slash:before {
13860
- content: "\f131"; }
13861
-
13862
- i.icon.shield:before {
13863
- content: "\f132"; }
13864
-
13865
- i.icon.target:before {
13866
- content: "\f140"; }
13867
-
13868
- i.icon.play.circle:before {
13869
- content: "\f144"; }
13870
-
13871
- i.icon.pencil.square:before {
13872
- content: "\f14b"; }
13873
-
13874
- i.icon.compass:before {
13875
- content: "\f14e"; }
13876
-
13877
- i.icon.amex:before {
13878
- content: "\f1f3"; }
13879
-
13880
- i.icon.eur:before {
13881
- content: "\f153"; }
13882
-
13883
- i.icon.gbp:before {
13884
- content: "\f154"; }
13885
-
13886
- i.icon.usd:before {
13887
- content: "\f155"; }
13888
-
13889
- i.icon.inr:before {
13890
- content: "\f156"; }
13891
-
13892
- i.icon.cny:before,
13893
- i.icon.rmb:before,
13894
- i.icon.jpy:before {
13895
- content: "\f157"; }
13896
-
13897
- i.icon.rouble:before,
13898
- i.icon.rub:before {
13899
- content: "\f158"; }
13900
-
13901
- i.icon.krw:before {
13902
- content: "\f159"; }
13903
-
13904
- i.icon.btc:before {
13905
- content: "\f15a"; }
13906
-
13907
- i.icon.sheqel:before,
13908
- i.icon.ils:before {
13909
- content: "\f20b"; }
13910
-
13911
- i.icon.try:before {
13912
- content: "\f195"; }
13913
-
13914
- i.icon.zip:before {
13915
- content: "\f187"; }
13916
-
13917
- i.icon.dot.circle.outline:before {
13918
- content: "\f192"; }
13919
-
13920
- i.icon.sliders:before {
13921
- content: "\f1de"; }
13922
-
13923
- i.icon.wi-fi:before {
13924
- content: "\f1eb"; }
13925
-
13926
- i.icon.graduation:before {
13927
- content: "\f19d"; }
13928
-
13929
- i.icon.weixin:before {
13930
- content: "\f1d7"; }
13931
-
13932
- i.icon.binoculars:before {
13933
- content: "\f1e5"; }
13934
-
13935
- i.icon.gratipay:before {
13936
- content: "\f184"; }
13937
-
13938
- i.icon.genderless:before {
13939
- content: "\f1db"; }
13940
-
13941
- i.icon.teletype:before {
13942
- content: "\f1e4"; }
13943
-
13944
- i.icon.power.cord:before {
13945
- content: "\f1e6"; }
13946
-
13947
- i.icon.tty:before {
13948
- content: "\f1e4"; }
13949
-
13950
- i.icon.cc:before {
13951
- content: "\f20a"; }
13952
-
13953
- i.icon.plus.cart:before {
13954
- content: "\f217"; }
13955
-
13956
- i.icon.arrow.down.cart:before {
13957
- content: "\f218"; }
13958
-
13959
- i.icon.detective:before {
13960
- content: "\f21b"; }
13961
-
13962
- i.icon.venus:before {
13963
- content: "\f221"; }
13964
-
13965
- i.icon.mars:before {
13966
- content: "\f222"; }
13967
-
13968
- i.icon.mercury:before {
13969
- content: "\f223"; }
13970
-
13971
- i.icon.venus.double:before {
13972
- content: "\f226"; }
13973
-
13974
- i.icon.female.homosexual:before {
13975
- content: "\f226"; }
13976
-
13977
- i.icon.mars.double:before {
13978
- content: "\f227"; }
13979
-
13980
- i.icon.male.homosexual:before {
13981
- content: "\f227"; }
13982
-
13983
- i.icon.venus.mars:before {
13984
- content: "\f228"; }
13985
-
13986
- i.icon.mars.stroke:before {
13987
- content: "\f229"; }
13988
-
13989
- i.icon.mars.alternate:before {
13990
- content: "\f229"; }
13991
-
13992
- i.icon.mars.vertical:before {
13993
- content: "\f22a"; }
13994
-
13995
- i.icon.mars.horizontal:before {
13996
- content: "\f22b"; }
13997
-
13998
- i.icon.mars.stroke.vertical:before {
13999
- content: "\f22a"; }
14000
-
14001
- i.icon.mars.stroke.horizontal:before {
14002
- content: "\f22b"; }
14003
-
14004
- i.icon.facebook.official {
14005
- content: "\f230"; }
14006
-
14007
- i.icon.pinterest.official {
14008
- content: "\f231"; }
14009
-
14010
- i.icon.bed:before {
14011
- content: "\f236"; }
14012
-
14013
- /*******************************
14014
- Site Overrides
14015
- *******************************/
14016
- /*!
14017
- * # Semantic UI 2.1.3 - Image
14018
- * http://github.com/semantic-org/semantic-ui/
14019
- *
14020
- *
14021
- * Copyright 2015 Contributors
14022
- * Released under the MIT license
14023
- * http://opensource.org/licenses/MIT
14024
- *
14025
- */
14026
- /*******************************
14027
- Image
14028
- *******************************/
14029
- .ui.image {
14030
- position: relative;
14031
- display: inline-block;
14032
- vertical-align: middle;
14033
- max-width: 100%;
14034
- background-color: transparent; }
14035
-
14036
- img.ui.image {
14037
- display: block; }
14038
-
14039
- .ui.image svg,
14040
- .ui.image img {
14041
- display: block;
14042
- max-width: 100%;
14043
- height: auto; }
14044
-
14045
- /*******************************
14046
- States
14047
- *******************************/
14048
- .ui.hidden.images,
14049
- .ui.hidden.image {
14050
- display: none; }
14051
-
14052
- .ui.disabled.images,
14053
- .ui.disabled.image {
14054
- cursor: default;
14055
- opacity: 0.45; }
14056
-
14057
- /*******************************
14058
- Variations
14059
- *******************************/
14060
- /*--------------
14061
- Inline
14062
- ---------------*/
14063
- .ui.inline.image,
14064
- .ui.inline.image svg,
14065
- .ui.inline.image img {
14066
- display: inline-block; }
14067
-
14068
- /*------------------
14069
- Vertical Aligned
14070
- -------------------*/
14071
- .ui.top.aligned.images .image,
14072
- .ui.top.aligned.image,
14073
- .ui.top.aligned.image svg,
14074
- .ui.top.aligned.image img {
14075
- display: inline-block;
14076
- vertical-align: top; }
14077
-
14078
- .ui.middle.aligned.images .image,
14079
- .ui.middle.aligned.image,
14080
- .ui.middle.aligned.image svg,
14081
- .ui.middle.aligned.image img {
14082
- display: inline-block;
14083
- vertical-align: middle; }
14084
-
14085
- .ui.bottom.aligned.images .image,
14086
- .ui.bottom.aligned.image,
14087
- .ui.bottom.aligned.image svg,
14088
- .ui.bottom.aligned.image img {
14089
- display: inline-block;
14090
- vertical-align: bottom; }
14091
-
14092
- /*--------------
14093
- Rounded
14094
- ---------------*/
14095
- .ui.rounded.images .image,
14096
- .ui.rounded.image,
14097
- .ui.rounded.images .image > *,
14098
- .ui.rounded.image > * {
14099
- border-radius: 0.3125em; }
14100
-
14101
- /*--------------
14102
- Bordered
14103
- ---------------*/
14104
- .ui.bordered.images .image,
14105
- .ui.bordered.images img,
14106
- .ui.bordered.images svg,
14107
- .ui.bordered.image img,
14108
- .ui.bordered.image svg,
14109
- img.ui.bordered.image {
14110
- border: 1px solid rgba(0, 0, 0, 0.1); }
14111
-
14112
- /*--------------
14113
- Circular
14114
- ---------------*/
14115
- .ui.circular.images,
14116
- .ui.circular.image {
14117
- overflow: hidden; }
14118
-
14119
- .ui.circular.images .image,
14120
- .ui.circular.image,
14121
- .ui.circular.images .image > *,
14122
- .ui.circular.image > * {
14123
- border-radius: 500rem; }
14124
-
14125
- /*--------------
14126
- Fluid
14127
- ---------------*/
14128
- .ui.fluid.images,
14129
- .ui.fluid.image,
14130
- .ui.fluid.images img,
14131
- .ui.fluid.images svg,
14132
- .ui.fluid.image svg,
14133
- .ui.fluid.image img {
14134
- display: block;
14135
- width: 100%;
14136
- height: auto; }
14137
-
14138
- /*--------------
14139
- Avatar
14140
- ---------------*/
14141
- .ui.avatar.images .image,
14142
- .ui.avatar.images img,
14143
- .ui.avatar.images svg,
14144
- .ui.avatar.image img,
14145
- .ui.avatar.image svg,
14146
- .ui.avatar.image {
14147
- margin-right: 0.25em;
14148
- display: inline-block;
14149
- width: 2em;
14150
- height: 2em;
14151
- border-radius: 500rem; }
14152
-
14153
- /*-------------------
14154
- Spaced
14155
- --------------------*/
14156
- .ui.spaced.image {
14157
- display: inline-block !important;
14158
- margin-left: 0.5em;
14159
- margin-right: 0.5em; }
14160
-
14161
- .ui[class*="left spaced"].image {
14162
- margin-left: 0.5em;
14163
- margin-right: 0em; }
14164
-
14165
- .ui[class*="right spaced"].image {
14166
- margin-left: 0em;
14167
- margin-right: 0.5em; }
14168
-
14169
- /*-------------------
14170
- Floated
14171
- --------------------*/
14172
- .ui.floated.image,
14173
- .ui.floated.images {
14174
- float: left;
14175
- margin-right: 1em;
14176
- margin-bottom: 1em; }
14177
-
14178
- .ui.right.floated.images,
14179
- .ui.right.floated.image {
14180
- float: right;
14181
- margin-right: 0em;
14182
- margin-bottom: 1em;
14183
- margin-left: 1em; }
14184
-
14185
- .ui.floated.images:last-child,
14186
- .ui.floated.image:last-child {
14187
- margin-bottom: 0em; }
14188
-
14189
- .ui.centered.images,
14190
- .ui.centered.image {
14191
- margin-left: auto;
14192
- margin-right: auto; }
14193
-
14194
- /*--------------
14195
- Sizes
14196
- ---------------*/
14197
- .ui.mini.images .image,
14198
- .ui.mini.images img,
14199
- .ui.mini.images svg,
14200
- .ui.mini.image {
14201
- width: 35px;
14202
- height: auto;
14203
- font-size: 0.71428571rem; }
14204
-
14205
- .ui.tiny.images .image,
14206
- .ui.tiny.images img,
14207
- .ui.tiny.images svg,
14208
- .ui.tiny.image {
14209
- width: 80px;
14210
- height: auto;
14211
- font-size: 0.85714286rem; }
14212
-
14213
- .ui.small.images .image,
14214
- .ui.small.images img,
14215
- .ui.small.images svg,
14216
- .ui.small.image {
14217
- width: 150px;
14218
- height: auto;
14219
- font-size: 0.92857143rem; }
14220
-
14221
- .ui.medium.images .image,
14222
- .ui.medium.images img,
14223
- .ui.medium.images svg,
14224
- .ui.medium.image {
14225
- width: 300px;
14226
- height: auto;
14227
- font-size: 1rem; }
14228
-
14229
- .ui.large.images .image,
14230
- .ui.large.images img,
14231
- .ui.large.images svg,
14232
- .ui.large.image {
14233
- width: 450px;
14234
- height: auto;
14235
- font-size: 1.14285714rem; }
14236
-
14237
- .ui.big.images .image,
14238
- .ui.big.images img,
14239
- .ui.big.images svg,
14240
- .ui.big.image {
14241
- width: 600px;
14242
- height: auto;
14243
- font-size: 1.28571429rem; }
14244
-
14245
- .ui.huge.images .image,
14246
- .ui.huge.images img,
14247
- .ui.huge.images svg,
14248
- .ui.huge.image {
14249
- width: 800px;
14250
- height: auto;
14251
- font-size: 1.42857143rem; }
14252
-
14253
- .ui.massive.images .image,
14254
- .ui.massive.images img,
14255
- .ui.massive.images svg,
14256
- .ui.massive.image {
14257
- width: 960px;
14258
- height: auto;
14259
- font-size: 1.71428571rem; }
14260
-
14261
- /*******************************
14262
- Groups
14263
- *******************************/
14264
- .ui.images {
14265
- font-size: 0em;
14266
- margin: 0em -0.25rem 0rem; }
14267
-
14268
- .ui.images .image,
14269
- .ui.images img,
14270
- .ui.images svg {
14271
- display: inline-block;
14272
- margin: 0em 0.25rem 0.5rem; }
14273
-
14274
- /*******************************
14275
- Theme Overrides
14276
- *******************************/
14277
- /*******************************
14278
- Site Overrides
14279
- *******************************/
14280
- /*!
14281
- * # Semantic UI 2.1.3 - Input
14282
- * http://github.com/semantic-org/semantic-ui/
14283
- *
14284
- *
14285
- * Copyright 2015 Contributors
14286
- * Released under the MIT license
14287
- * http://opensource.org/licenses/MIT
14288
- *
14289
- */
14290
- /*******************************
14291
- Standard
14292
- *******************************/
14293
- /*--------------------
14294
- Inputs
14295
- ---------------------*/
14296
- .ui.input {
14297
- position: relative;
14298
- font-weight: normal;
14299
- font-style: normal;
14300
- display: -webkit-inline-box;
14301
- display: -webkit-inline-flex;
14302
- display: -ms-inline-flexbox;
14303
- display: inline-flex;
14304
- color: rgba(0, 0, 0, 0.87); }
14305
-
14306
- .ui.input input {
14307
- margin: 0em;
14308
- max-width: 100%;
14309
- -webkit-box-flex: 1;
14310
- -webkit-flex: 1 0 auto;
14311
- -ms-flex: 1 0 auto;
14312
- flex: 1 0 auto;
14313
- outline: none;
14314
- -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
14315
- text-align: left;
14316
- line-height: 1.2142em;
14317
- font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
14318
- padding: 0.67861429em 1em;
14319
- background: #ffffff;
14320
- border: 1px solid rgba(34, 36, 38, 0.15);
14321
- color: rgba(0, 0, 0, 0.87);
14322
- border-radius: 0.28571429rem;
14323
- -webkit-transition: box-shadow 0.1s ease, border-color 0.1s ease;
14324
- transition: box-shadow 0.1s ease, border-color 0.1s ease;
14325
- box-shadow: none; }
14326
-
14327
- /*--------------------
14328
- Placeholder
14329
- ---------------------*/
14330
- /* browsers require these rules separate */
14331
- .ui.input input::-webkit-input-placeholder {
14332
- color: rgba(0, 0, 0, 0.4); }
14333
-
14334
- .ui.input input::-moz-placeholder {
14335
- color: rgba(0, 0, 0, 0.4); }
14336
-
14337
- .ui.input input::-ms-input-placeholder {
14338
- color: rgba(0, 0, 0, 0.4); }
14339
-
14340
- /*******************************
14341
- States
14342
- *******************************/
14343
- /*--------------------
14344
- Disabled
14345
- ---------------------*/
14346
- .ui.disabled.input,
14347
- .ui.input input[disabled] {
14348
- opacity: 0.45; }
14349
-
14350
- .ui.disabled.input input {
14351
- pointer-events: none; }
14352
-
14353
- /*--------------------
14354
- Active
14355
- ---------------------*/
14356
- .ui.input input:active,
14357
- .ui.input.down input {
14358
- border-color: rgba(0, 0, 0, 0.3);
14359
- background: #fafafa;
14360
- color: rgba(0, 0, 0, 0.87);
14361
- box-shadow: none; }
14362
-
14363
- /*--------------------
14364
- Loading
14365
- ---------------------*/
14366
- .ui.loading.loading.input > i.icon:before {
14367
- position: absolute;
14368
- content: '';
14369
- top: 50%;
14370
- left: 50%;
14371
- margin: -0.64285714em 0em 0em -0.64285714em;
14372
- width: 1.28571429em;
14373
- height: 1.28571429em;
14374
- border-radius: 500rem;
14375
- border: 0.2em solid rgba(0, 0, 0, 0.1); }
14376
-
14377
- .ui.loading.loading.input > i.icon:after {
14378
- position: absolute;
14379
- content: '';
14380
- top: 50%;
14381
- left: 50%;
14382
- margin: -0.64285714em 0em 0em -0.64285714em;
14383
- width: 1.28571429em;
14384
- height: 1.28571429em;
14385
- -webkit-animation: button-spin 0.6s linear;
14386
- animation: button-spin 0.6s linear;
14387
- -webkit-animation-iteration-count: infinite;
14388
- animation-iteration-count: infinite;
14389
- border-radius: 500rem;
14390
- border-color: #767676 transparent transparent;
14391
- border-style: solid;
14392
- border-width: 0.2em;
14393
- box-shadow: 0px 0px 0px 1px transparent; }
14394
-
14395
- /*--------------------
14396
- Focus
14397
- ---------------------*/
14398
- .ui.input.focus input,
14399
- .ui.input input:focus {
14400
- border-color: #85b7d9;
14401
- background: #ffffff;
14402
- color: rgba(0, 0, 0, 0.8);
14403
- box-shadow: none; }
14404
-
14405
- .ui.input.focus input::-webkit-input-placeholder,
14406
- .ui.input input:focus::-webkit-input-placeholder {
14407
- color: rgba(0, 0, 0, 0.87); }
14408
-
14409
- .ui.input.focus input::-moz-placeholder,
14410
- .ui.input input:focus::-moz-placeholder {
14411
- color: rgba(0, 0, 0, 0.87); }
14412
-
14413
- .ui.input.focus input::-ms-input-placeholder,
14414
- .ui.input input:focus::-ms-input-placeholder {
14415
- color: rgba(0, 0, 0, 0.87); }
14416
-
14417
- /*--------------------
14418
- Error
14419
- ---------------------*/
14420
- .ui.input.error input {
14421
- background-color: #fff6f6;
14422
- border-color: #e0b4b4;
14423
- color: #9f3a38;
14424
- box-shadow: none; }
14425
-
14426
- /* Error Placeholder */
14427
- .ui.input.error input::-webkit-input-placeholder {
14428
- color: #e7bdbc; }
14429
-
14430
- .ui.input.error input::-moz-placeholder {
14431
- color: #e7bdbc; }
14432
-
14433
- .ui.input.error input::-ms-input-placeholder {
14434
- color: #e7bdbc; }
14435
-
14436
- /* Focused Error Placeholder */
14437
- .ui.input.error input:focus::-webkit-input-placeholder {
14438
- color: #da9796; }
14439
-
14440
- .ui.input.error input:focus::-moz-placeholder {
14441
- color: #da9796; }
14442
-
14443
- .ui.input.error input:focus::-ms-input-placeholder {
14444
- color: #da9796; }
14445
-
14446
- /*******************************
14447
- Variations
14448
- *******************************/
14449
- /*--------------------
14450
- Transparent
14451
- ---------------------*/
14452
- .ui.transparent.input input {
14453
- border-color: transparent !important;
14454
- background-color: transparent !important;
14455
- padding: 0em !important;
14456
- box-shadow: none !important; }
14457
-
14458
- /* Transparent Icon */
14459
- .ui.transparent.icon.input > i.icon {
14460
- width: 1.1em; }
14461
-
14462
- .ui.transparent.icon.input > input {
14463
- padding-left: 0em !important;
14464
- padding-right: 2em !important; }
14465
-
14466
- .ui.transparent[class*="left icon"].input > input {
14467
- padding-left: 2em !important;
14468
- padding-right: 0em !important; }
14469
-
14470
- /* Transparent Inverted */
14471
- .ui.transparent.inverted.input {
14472
- color: #ffffff; }
14473
-
14474
- .ui.transparent.inverted.input input {
14475
- color: inherit; }
14476
-
14477
- .ui.transparent.inverted.input input::-webkit-input-placeholder {
14478
- color: rgba(255, 255, 255, 0.5); }
14479
-
14480
- .ui.transparent.inverted.input input::-moz-placeholder {
14481
- color: rgba(255, 255, 255, 0.5); }
14482
-
14483
- .ui.transparent.inverted.input input::-ms-input-placeholder {
14484
- color: rgba(255, 255, 255, 0.5); }
14485
-
14486
- /*--------------------
14487
- Icon
14488
- ---------------------*/
14489
- .ui.icon.input > i.icon {
14490
- cursor: default;
14491
- position: absolute;
14492
- line-height: 1;
14493
- text-align: center;
14494
- top: 0px;
14495
- right: 0px;
14496
- margin: 0em;
14497
- height: 100%;
14498
- width: 2.67142857em;
14499
- opacity: 0.5;
14500
- border-radius: 0em 0.28571429rem 0.28571429rem 0em;
14501
- -webkit-transition: opacity 0.3s ease;
14502
- transition: opacity 0.3s ease; }
14503
-
14504
- .ui.icon.input > i.icon:not(.link) {
14505
- pointer-events: none; }
14506
-
14507
- .ui.icon.input input {
14508
- padding-right: 2.67142857em !important; }
14509
-
14510
- .ui.icon.input > i.icon:before,
14511
- .ui.icon.input > i.icon:after {
14512
- left: 0;
14513
- position: absolute;
14514
- text-align: center;
14515
- top: 50%;
14516
- width: 100%;
14517
- margin-top: -0.5em; }
14518
-
14519
- .ui.icon.input > i.link.icon {
14520
- cursor: pointer; }
14521
-
14522
- .ui.icon.input > i.circular.icon {
14523
- top: 0.35em;
14524
- right: 0.5em; }
14525
-
14526
- /* Left Icon Input */
14527
- .ui[class*="left icon"].input > i.icon {
14528
- right: auto;
14529
- left: 1px;
14530
- border-radius: 0.28571429rem 0em 0em 0.28571429rem; }
14531
-
14532
- .ui[class*="left icon"].input > i.circular.icon {
14533
- right: auto;
14534
- left: 0.5em; }
14535
-
14536
- .ui[class*="left icon"].input > input {
14537
- padding-left: 2.67142857em !important;
14538
- padding-right: 1em !important; }
14539
-
14540
- /* Focus */
14541
- .ui.icon.input > input:focus ~ i.icon {
14542
- opacity: 1; }
14543
-
14544
- /*--------------------
14545
- Labeled
14546
- ---------------------*/
14547
- /* Adjacent Label */
14548
- .ui.labeled.input > .label {
14549
- -webkit-box-flex: 0;
14550
- -webkit-flex: 0 0 auto;
14551
- -ms-flex: 0 0 auto;
14552
- flex: 0 0 auto;
14553
- margin: 0;
14554
- font-size: 1em; }
14555
-
14556
- .ui.labeled.input > .label:not(.corner) {
14557
- padding-top: 0.78571429em;
14558
- padding-bottom: 0.78571429em; }
14559
-
14560
- /* Regular Label on Left */
14561
- .ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
14562
- border-top-right-radius: 0px;
14563
- border-bottom-right-radius: 0px; }
14564
-
14565
- .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
14566
- border-top-left-radius: 0px;
14567
- border-bottom-left-radius: 0px;
14568
- border-left-color: transparent; }
14569
-
14570
- .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
14571
- border-left-color: #85b7d9; }
14572
-
14573
- /* Regular Label on Right */
14574
- .ui[class*="right labeled"].input input {
14575
- border-top-right-radius: 0px !important;
14576
- border-bottom-right-radius: 0px !important;
14577
- border-right-color: transparent !important; }
14578
-
14579
- .ui[class*="right labeled"].input input + .label {
14580
- border-top-left-radius: 0px;
14581
- border-bottom-left-radius: 0px; }
14582
-
14583
- .ui[class*="right labeled"].input input:focus {
14584
- border-right-color: #85b7d9 !important; }
14585
-
14586
- /* Corner Label */
14587
- .ui.labeled.input .corner.label {
14588
- top: 1px;
14589
- right: 1px;
14590
- font-size: 0.64285714em;
14591
- border-radius: 0em 0.28571429rem 0em 0em; }
14592
-
14593
- /* Spacing with corner label */
14594
- .ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input input {
14595
- padding-right: 2.5em !important; }
14596
-
14597
- .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
14598
- padding-right: 3.25em !important; }
14599
-
14600
- .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
14601
- margin-right: 1.25em; }
14602
-
14603
- /* Left Labeled */
14604
- .ui[class*="left corner labeled"].labeled.input input {
14605
- padding-left: 2.5em !important; }
14606
-
14607
- .ui[class*="left corner labeled"].icon.input > input {
14608
- padding-left: 3.25em !important; }
14609
-
14610
- .ui[class*="left corner labeled"].icon.input > .icon {
14611
- margin-left: 1.25em; }
14612
-
14613
- /* Corner Label Position */
14614
- .ui.input > .ui.corner.label {
14615
- top: 1px;
14616
- right: 1px; }
14617
-
14618
- .ui.input > .ui.left.corner.label {
14619
- right: auto;
14620
- left: 1px; }
14621
-
14622
- /*--------------------
14623
- Action
14624
- ---------------------*/
14625
- .ui.action.input > .button,
14626
- .ui.action.input > .buttons {
14627
- display: -webkit-box;
14628
- display: -webkit-flex;
14629
- display: -ms-flexbox;
14630
- display: flex;
14631
- -webkit-box-align: center;
14632
- -webkit-align-items: center;
14633
- -ms-flex-align: center;
14634
- align-items: center;
14635
- -webkit-box-flex: 0;
14636
- -webkit-flex: 0 0 auto;
14637
- -ms-flex: 0 0 auto;
14638
- flex: 0 0 auto; }
14639
-
14640
- .ui.action.input > .button,
14641
- .ui.action.input > .buttons > .button {
14642
- padding-top: 0.78571429em;
14643
- padding-bottom: 0.78571429em;
14644
- margin: 0; }
14645
-
14646
- /* Button on Right */
14647
- .ui.action.input:not([class*="left action"]) > input {
14648
- border-top-right-radius: 0px !important;
14649
- border-bottom-right-radius: 0px !important;
14650
- border-right-color: transparent !important; }
14651
-
14652
- .ui.action.input:not([class*="left action"]) > .dropdown,
14653
- .ui.action.input:not([class*="left action"]) > .button,
14654
- .ui.action.input:not([class*="left action"]) > .buttons > .button {
14655
- border-radius: 0px; }
14656
-
14657
- .ui.action.input:not([class*="left action"]) > .dropdown:last-child,
14658
- .ui.action.input:not([class*="left action"]) > .button:last-child,
14659
- .ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
14660
- border-radius: 0px 0.28571429rem 0.28571429rem 0px; }
14661
-
14662
- /* Input Focus */
14663
- .ui.action.input:not([class*="left action"]) input:focus {
14664
- border-right-color: #85b7d9 !important; }
14665
-
14666
- /* Button on Left */
14667
- .ui[class*="left action"].input > input {
14668
- border-top-left-radius: 0px !important;
14669
- border-bottom-left-radius: 0px !important;
14670
- border-left-color: transparent !important; }
14671
-
14672
- .ui[class*="left action"].input > .dropdown,
14673
- .ui[class*="left action"].input > .button,
14674
- .ui[class*="left action"].input > .buttons > .button {
14675
- border-radius: 0px; }
14676
-
14677
- .ui[class*="left action"].input > .dropdown:first-child,
14678
- .ui[class*="left action"].input > .button:first-child,
14679
- .ui[class*="left action"].input > .buttons:first-child > .button {
14680
- border-radius: 0.28571429rem 0px 0px 0.28571429rem; }
14681
-
14682
- /* Input Focus */
14683
- .ui[class*="left action"].input > input:focus {
14684
- border-left-color: #85b7d9 !important; }
14685
-
14686
- /*--------------------
14687
- Inverted
14688
- ---------------------*/
14689
- /* Standard */
14690
- .ui.inverted.input input {
14691
- border: none; }
14692
-
14693
- /*--------------------
14694
- Fluid
14695
- ---------------------*/
14696
- .ui.fluid.input {
14697
- display: -webkit-box;
14698
- display: -webkit-flex;
14699
- display: -ms-flexbox;
14700
- display: flex; }
14701
-
14702
- .ui.fluid.input > input {
14703
- width: 0px !important; }
14704
-
14705
- /*--------------------
14706
- Size
14707
- ---------------------*/
14708
- .ui.mini.input {
14709
- font-size: 0.71428571em; }
14710
-
14711
- .ui.small.input {
14712
- font-size: 0.92857143em; }
14713
-
14714
- .ui.input {
14715
- font-size: 1em; }
14716
-
14717
- .ui.large.input {
14718
- font-size: 1.14285714em; }
14719
-
14720
- .ui.big.input {
14721
- font-size: 1.28571429em; }
14722
-
14723
- .ui.huge.input {
14724
- font-size: 1.42857143em; }
14725
-
14726
- .ui.massive.input {
14727
- font-size: 1.71428571em; }
14728
-
14729
- /*******************************
14730
- Theme Overrides
14731
- *******************************/
14732
- /*******************************
14733
- Site Overrides
14734
- *******************************/
14735
- /*!
14736
- * # Semantic UI 2.1.3 - Label
14737
- * http://github.com/semantic-org/semantic-ui/
14738
- *
14739
- *
14740
- * Copyright 2015 Contributors
14741
- * Released under the MIT license
14742
- * http://opensource.org/licenses/MIT
14743
- *
14744
- */
14745
- /*******************************
14746
- Label
14747
- *******************************/
14748
- .ui.label {
14749
- display: inline-block;
14750
- white-space: nowrap;
14751
- line-height: 1;
14752
- vertical-align: baseline;
14753
- margin: 0em 0.14285714em;
14754
- background-color: #e8e8e8;
14755
- background-image: none;
14756
- padding: 0.5833em 0.833em;
14757
- color: rgba(0, 0, 0, 0.6);
14758
- text-transform: none;
14759
- font-weight: bold;
14760
- border: 0px solid transparent;
14761
- border-radius: 0.28571429rem;
14762
- -webkit-transition: background 0.1s ease;
14763
- transition: background 0.1s ease; }
14764
-
14765
- .ui.label:first-child {
14766
- margin-left: 0em; }
14767
-
14768
- .ui.label:last-child {
14769
- margin-right: 0em; }
14770
-
14771
- /* Link */
14772
- a.ui.label {
14773
- cursor: pointer; }
14774
-
14775
- /* Inside Link */
14776
- .ui.label > a {
14777
- cursor: pointer;
14778
- color: inherit;
14779
- opacity: 0.5;
14780
- -webkit-transition: 0.1s opacity ease;
14781
- transition: 0.1s opacity ease; }
14782
-
14783
- .ui.label > a:hover {
14784
- opacity: 1; }
14785
-
14786
- /* Image */
14787
- .ui.label > img {
14788
- width: auto !important;
14789
- vertical-align: middle;
14790
- height: 2.1666em !important; }
14791
-
14792
- /* Icon */
14793
- .ui.label > .icon {
14794
- width: auto;
14795
- margin: 0em 0.75em 0em 0em; }
14796
-
14797
- /* Detail */
14798
- .ui.label > .detail {
14799
- display: inline-block;
14800
- vertical-align: top;
14801
- font-weight: bold;
14802
- margin-left: 1em;
14803
- opacity: 0.8; }
14804
-
14805
- .ui.label > .detail .icon {
14806
- margin: 0em 0.25em 0em 0em; }
14807
-
14808
- /* Removable label */
14809
- .ui.label > .close.icon,
14810
- .ui.label > .delete.icon {
14811
- cursor: pointer;
14812
- margin-right: 0em;
14813
- margin-left: 0.5em;
14814
- font-size: 0.92857143em;
14815
- opacity: 0.5;
14816
- -webkit-transition: background 0.1s ease;
14817
- transition: background 0.1s ease; }
14818
-
14819
- .ui.label > .delete.icon:hover {
14820
- opacity: 1; }
14821
-
14822
- /*-------------------
14823
- Group
14824
- --------------------*/
14825
- .ui.labels > .label {
14826
- margin: 0em 0.5em 0.5em 0em; }
14827
-
14828
- /*-------------------
14829
- Coupling
14830
- --------------------*/
14831
- .ui.header > .ui.label {
14832
- margin-top: -0.29165em; }
14833
-
14834
- /* Remove border radius on attached segment */
14835
- .ui.attached.segment > .ui.top.left.attached.label,
14836
- .ui.bottom.attached.segment > .ui.top.left.attached.label {
14837
- border-top-left-radius: 0; }
14838
-
14839
- .ui.attached.segment > .ui.top.right.attached.label,
14840
- .ui.bottom.attached.segment > .ui.top.right.attached.label {
14841
- border-top-right-radius: 0; }
14842
-
14843
- .ui.top.attached.segment > .ui.bottom.left.attached.label {
14844
- border-bottom-left-radius: 0; }
14845
-
14846
- .ui.top.attached.segment > .ui.bottom.right.attached.label {
14847
- border-bottom-right-radius: 0; }
14848
-
14849
- /* Padding on next content after a label */
14850
- .ui.top.attached.label:first-child + :not(.attached) {
14851
- margin-top: 2rem !important; }
14852
-
14853
- .ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
14854
- margin-top: 0em;
14855
- margin-bottom: 2rem !important; }
14856
-
14857
- /*******************************
14858
- Types
14859
- *******************************/
14860
- .ui.image.label {
14861
- width: auto !important;
14862
- margin-top: 0em;
14863
- margin-bottom: 0em;
14864
- max-width: 9999px;
14865
- vertical-align: baseline;
14866
- text-transform: none;
14867
- background: #e8e8e8;
14868
- padding: 0.5833em 0.833em 0.5833em 0.5em;
14869
- border-radius: 0.28571429rem;
14870
- box-shadow: none; }
14871
-
14872
- .ui.image.label img {
14873
- display: inline-block;
14874
- vertical-align: top;
14875
- height: 2.1666em;
14876
- margin: -0.5833em 0.5em -0.5833em -0.5em;
14877
- border-radius: 0.28571429rem 0em 0em 0.28571429rem; }
14878
-
14879
- .ui.image.label .detail {
14880
- background: rgba(0, 0, 0, 0.1);
14881
- margin: -0.5833em -0.833em -0.5833em 0.5em;
14882
- padding: 0.5833em 0.833em;
14883
- border-radius: 0em 0.28571429rem 0.28571429rem 0em; }
14884
-
14885
- /*-------------------
14886
- Tag
14887
- --------------------*/
14888
- .ui.tag.labels .label,
14889
- .ui.tag.label {
14890
- margin-left: 1em;
14891
- position: relative;
14892
- padding-left: 1.5em;
14893
- padding-right: 1.5em;
14894
- border-radius: 0em 0.28571429rem 0.28571429rem 0em;
14895
- -webkit-transition: none;
14896
- transition: none; }
14897
-
14898
- .ui.tag.labels .label:before,
14899
- .ui.tag.label:before {
14900
- position: absolute;
14901
- -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
14902
- -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg);
14903
- transform: translateY(-50%) translateX(50%) rotate(-45deg);
14904
- top: 50%;
14905
- right: 100%;
14906
- content: '';
14907
- background-color: inherit;
14908
- background-image: none;
14909
- width: 1.56em;
14910
- height: 1.56em;
14911
- -webkit-transition: none;
14912
- transition: none; }
14913
-
14914
- .ui.tag.labels .label:after,
14915
- .ui.tag.label:after {
14916
- position: absolute;
14917
- content: '';
14918
- top: 50%;
14919
- left: -0.25em;
14920
- margin-top: -0.25em;
14921
- background-color: #ffffff !important;
14922
- width: 0.5em;
14923
- height: 0.5em;
14924
- box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
14925
- border-radius: 500rem; }
14926
-
14927
- /*-------------------
14928
- Corner Label
14929
- --------------------*/
14930
- .ui.corner.label {
14931
- position: absolute;
14932
- top: 0em;
14933
- right: 0em;
14934
- margin: 0em;
14935
- padding: 0em;
14936
- text-align: center;
14937
- border-color: #e8e8e8;
14938
- width: 4em;
14939
- height: 4em;
14940
- z-index: 1;
14941
- -webkit-transition: border-color 0.1s ease;
14942
- transition: border-color 0.1s ease; }
14943
-
14944
- /* Icon Label */
14945
- .ui.corner.label {
14946
- background-color: transparent !important; }
14947
-
14948
- .ui.corner.label:after {
14949
- position: absolute;
14950
- content: "";
14951
- right: 0em;
14952
- top: 0em;
14953
- z-index: -1;
14954
- width: 0em;
14955
- height: 0em;
14956
- background-color: transparent !important;
14957
- border-top: 0em solid transparent;
14958
- border-right: 4em solid transparent;
14959
- border-bottom: 4em solid transparent;
14960
- border-left: 0em solid transparent;
14961
- border-right-color: inherit;
14962
- -webkit-transition: border-color 0.1s ease;
14963
- transition: border-color 0.1s ease; }
14964
-
14965
- .ui.corner.label .icon {
14966
- cursor: default;
14967
- position: relative;
14968
- top: 0.64285714em;
14969
- left: 0.78571429em;
14970
- font-size: 1.14285714em;
14971
- margin: 0em; }
14972
-
14973
- /* Left Corner */
14974
- .ui.left.corner.label,
14975
- .ui.left.corner.label:after {
14976
- right: auto;
14977
- left: 0em; }
14978
-
14979
- .ui.left.corner.label:after {
14980
- border-top: 4em solid transparent;
14981
- border-right: 4em solid transparent;
14982
- border-bottom: 0em solid transparent;
14983
- border-left: 0em solid transparent;
14984
- border-top-color: inherit; }
14985
-
14986
- .ui.left.corner.label .icon {
14987
- left: -0.78571429em; }
14988
-
14989
- /* Segment */
14990
- .ui.segment > .ui.corner.label {
14991
- top: -1px;
14992
- right: -1px; }
14993
-
14994
- .ui.segment > .ui.left.corner.label {
14995
- right: auto;
14996
- left: -1px; }
14997
-
14998
- /*-------------------
14999
- Ribbon
15000
- --------------------*/
15001
- .ui.ribbon.label {
15002
- position: relative;
15003
- margin: 0em;
15004
- min-width: -webkit-max-content;
15005
- min-width: -moz-max-content;
15006
- min-width: max-content;
15007
- border-radius: 0em 0.28571429rem 0.28571429rem 0em;
15008
- border-color: rgba(0, 0, 0, 0.15); }
15009
-
15010
- .ui.ribbon.label:after {
15011
- position: absolute;
15012
- content: '';
15013
- top: 100%;
15014
- left: 0%;
15015
- background-color: transparent !important;
15016
- border-style: solid;
15017
- border-width: 0em 1.2em 1.2em 0em;
15018
- border-color: transparent;
15019
- border-right-color: inherit;
15020
- width: 0em;
15021
- height: 0em; }
15022
-
15023
- /* Positioning */
15024
- .ui.ribbon.label {
15025
- left: calc( -1rem - 1.2em );
15026
- margin-right: -1.2em;
15027
- padding-left: calc( 1rem + 1.2em );
15028
- padding-right: 1.2em; }
15029
-
15030
- .ui[class*="right ribbon"].label {
15031
- left: calc(100% + 1rem + 1.2em );
15032
- padding-left: 1.2em;
15033
- padding-right: calc( 1rem + 1.2em ); }
15034
-
15035
- /* Right Ribbon */
15036
- .ui[class*="right ribbon"].label {
15037
- text-align: left;
15038
- -webkit-transform: translateX(-100%);
15039
- -ms-transform: translateX(-100%);
15040
- transform: translateX(-100%);
15041
- border-radius: 0.28571429rem 0em 0em 0.28571429rem; }
15042
-
15043
- .ui[class*="right ribbon"].label:after {
15044
- left: auto;
15045
- right: 0%;
15046
- border-style: solid;
15047
- border-width: 1.2em 1.2em 0em 0em;
15048
- border-color: transparent;
15049
- border-top-color: inherit; }
15050
-
15051
- /* Inside Table */
15052
- .ui.image > .ribbon.label,
15053
- .ui.card .image > .ribbon.label {
15054
- position: absolute;
15055
- top: 1rem; }
15056
-
15057
- .ui.card .image > .ui.ribbon.label,
15058
- .ui.image > .ui.ribbon.label {
15059
- left: calc( 0.05rem - 1.2em ); }
15060
-
15061
- .ui.card .image > .ui[class*="right ribbon"].label,
15062
- .ui.image > .ui[class*="right ribbon"].label {
15063
- left: calc(100% + -0.05rem + 1.2em );
15064
- padding-left: 0.833em; }
15065
-
15066
- /* Inside Table */
15067
- .ui.table td > .ui.ribbon.label {
15068
- left: calc( -0.71428571em - 1.2em ); }
15069
-
15070
- .ui.table td > .ui[class*="right ribbon"].label {
15071
- left: calc(100% + 0.71428571em + 1.2em );
15072
- padding-left: 0.833em; }
15073
-
15074
- /*-------------------
15075
- Attached
15076
- --------------------*/
15077
- .ui[class*="top attached"].label,
15078
- .ui.attached.label {
15079
- width: 100%;
15080
- position: absolute;
15081
- margin: 0em;
15082
- top: 0em;
15083
- left: 0em;
15084
- padding: 0.75em 1em;
15085
- border-radius: 0.21428571rem 0.21428571rem 0em 0em; }
15086
-
15087
- .ui[class*="bottom attached"].label {
15088
- top: auto;
15089
- bottom: 0em;
15090
- border-radius: 0em 0em 0.21428571rem 0.21428571rem; }
15091
-
15092
- .ui[class*="top left attached"].label {
15093
- width: auto;
15094
- margin-top: 0em !important;
15095
- border-radius: 0.21428571rem 0em 0.28571429rem 0em; }
15096
-
15097
- .ui[class*="top right attached"].label {
15098
- width: auto;
15099
- left: auto;
15100
- right: 0em;
15101
- border-radius: 0em 0.21428571rem 0em 0.28571429rem; }
15102
-
15103
- .ui[class*="bottom left attached"].label {
15104
- width: auto;
15105
- top: auto;
15106
- bottom: 0em;
15107
- border-radius: 0em 0.28571429rem 0em 0.21428571rem; }
15108
-
15109
- .ui[class*="bottom right attached"].label {
15110
- top: auto;
15111
- bottom: 0em;
15112
- left: auto;
15113
- right: 0em;
15114
- width: auto;
15115
- border-radius: 0.28571429rem 0em 0.21428571rem 0em; }
15116
-
15117
- /*******************************
15118
- States
15119
- *******************************/
15120
- /*-------------------
15121
- Disabled
15122
- --------------------*/
15123
- .ui.label.disabled {
15124
- opacity: 0.5; }
15125
-
15126
- /*-------------------
15127
- Hover
15128
- --------------------*/
15129
- a.ui.labels .label:hover,
15130
- a.ui.label:hover {
15131
- background-color: #e0e0e0;
15132
- border-color: #e0e0e0;
15133
- background-image: none;
15134
- color: rgba(0, 0, 0, 0.8); }
15135
-
15136
- .ui.labels a.label:hover:before,
15137
- a.ui.label:hover:before {
15138
- color: rgba(0, 0, 0, 0.8); }
15139
-
15140
- /*-------------------
15141
- Active
15142
- --------------------*/
15143
- .ui.active.label {
15144
- background-color: #d0d0d0;
15145
- border-color: #d0d0d0;
15146
- background-image: none;
15147
- color: rgba(0, 0, 0, 0.95); }
15148
-
15149
- .ui.active.label:before {
15150
- background-color: #d0d0d0;
15151
- background-image: none;
15152
- color: rgba(0, 0, 0, 0.95); }
15153
-
15154
- /*-------------------
15155
- Active Hover
15156
- --------------------*/
15157
- a.ui.labels .active.label:hover,
15158
- a.ui.active.label:hover {
15159
- background-color: #c8c8c8;
15160
- border-color: #c8c8c8;
15161
- background-image: none;
15162
- color: rgba(0, 0, 0, 0.95); }
15163
-
15164
- .ui.labels a.active.label:ActiveHover:before,
15165
- a.ui.active.label:ActiveHover:before {
15166
- background-color: #c8c8c8;
15167
- background-image: none;
15168
- color: rgba(0, 0, 0, 0.95); }
15169
-
15170
- /*-------------------
15171
- Visible
15172
- --------------------*/
15173
- .ui.labels.visible .label,
15174
- .ui.label.visible {
15175
- display: inline-block !important; }
15176
-
15177
- /*-------------------
15178
- Hidden
15179
- --------------------*/
15180
- .ui.labels.hidden .label,
15181
- .ui.label.hidden {
15182
- display: none !important; }
15183
-
15184
- /*******************************
15185
- Variations
15186
- *******************************/
15187
- /*-------------------
15188
- Colors
15189
- --------------------*/
15190
- /*--- Red ---*/
15191
- .ui.red.labels .label,
15192
- .ui.red.label {
15193
- background-color: #db2828 !important;
15194
- border-color: #db2828 !important;
15195
- color: #ffffff !important; }
15196
-
15197
- /* Link */
15198
- .ui.red.labels .label:hover,
15199
- a.ui.red.label:hover {
15200
- background-color: #d01919 !important;
15201
- border-color: #d01919 !important;
15202
- color: #ffffff !important; }
15203
-
15204
- /* Corner */
15205
- .ui.red.corner.label,
15206
- .ui.red.corner.label:hover {
15207
- background-color: transparent !important; }
15208
-
15209
- /* Ribbon */
15210
- .ui.red.ribbon.label {
15211
- border-color: #b21e1e !important; }
15212
-
15213
- /* Basic */
15214
- .ui.basic.red.label {
15215
- background-color: #ffffff !important;
15216
- color: #db2828 !important;
15217
- border-color: #db2828 !important; }
15218
-
15219
- .ui.basic.red.labels a.label:hover,
15220
- a.ui.basic.red.label:hover {
15221
- background-color: #ffffff !important;
15222
- color: #d01919 !important;
15223
- border-color: #d01919 !important; }
15224
-
15225
- /*--- Orange ---*/
15226
- .ui.orange.labels .label,
15227
- .ui.orange.label {
15228
- background-color: #f2711c !important;
15229
- border-color: #f2711c !important;
15230
- color: #ffffff !important; }
15231
-
15232
- /* Link */
15233
- .ui.orange.labels .label:hover,
15234
- a.ui.orange.label:hover {
15235
- background-color: #f26202 !important;
15236
- border-color: #f26202 !important;
15237
- color: #ffffff !important; }
15238
-
15239
- /* Corner */
15240
- .ui.orange.corner.label,
15241
- .ui.orange.corner.label:hover {
15242
- background-color: transparent !important; }
15243
-
15244
- /* Ribbon */
15245
- .ui.orange.ribbon.label {
15246
- border-color: #cf590c !important; }
15247
-
15248
- /* Basic */
15249
- .ui.basic.orange.label {
15250
- background-color: #ffffff !important;
15251
- color: #f2711c !important;
15252
- border-color: #f2711c !important; }
15253
-
15254
- .ui.basic.orange.labels a.label:hover,
15255
- a.ui.basic.orange.label:hover {
15256
- background-color: #ffffff !important;
15257
- color: #f26202 !important;
15258
- border-color: #f26202 !important; }
15259
-
15260
- /*--- Yellow ---*/
15261
- .ui.yellow.labels .label,
15262
- .ui.yellow.label {
15263
- background-color: #fbbd08 !important;
15264
- border-color: #fbbd08 !important;
15265
- color: #ffffff !important; }
15266
-
15267
- /* Link */
15268
- .ui.yellow.labels .label:hover,
15269
- a.ui.yellow.label:hover {
15270
- background-color: #eaae00 !important;
15271
- border-color: #eaae00 !important;
15272
- color: #ffffff !important; }
15273
-
15274
- /* Corner */
15275
- .ui.yellow.corner.label,
15276
- .ui.yellow.corner.label:hover {
15277
- background-color: transparent !important; }
15278
-
15279
- /* Ribbon */
15280
- .ui.yellow.ribbon.label {
15281
- border-color: #cd9903 !important; }
15282
-
15283
- /* Basic */
15284
- .ui.basic.yellow.label {
15285
- background-color: #ffffff !important;
15286
- color: #fbbd08 !important;
15287
- border-color: #fbbd08 !important; }
15288
-
15289
- .ui.basic.yellow.labels a.label:hover,
15290
- a.ui.basic.yellow.label:hover {
15291
- background-color: #ffffff !important;
15292
- color: #eaae00 !important;
15293
- border-color: #eaae00 !important; }
15294
-
15295
- /*--- Olive ---*/
15296
- .ui.olive.labels .label,
15297
- .ui.olive.label {
15298
- background-color: #b5cc18 !important;
15299
- border-color: #b5cc18 !important;
15300
- color: #ffffff !important; }
15301
-
15302
- /* Link */
15303
- .ui.olive.labels .label:hover,
15304
- a.ui.olive.label:hover {
15305
- background-color: #a7bd0d !important;
15306
- border-color: #a7bd0d !important;
15307
- color: #ffffff !important; }
15308
-
15309
- /* Corner */
15310
- .ui.olive.corner.label,
15311
- .ui.olive.corner.label:hover {
15312
- background-color: transparent !important; }
15313
-
15314
- /* Ribbon */
15315
- .ui.olive.ribbon.label {
15316
- border-color: #198f35 !important; }
15317
-
15318
- /* Basic */
15319
- .ui.basic.olive.label {
15320
- background-color: #ffffff !important;
15321
- color: #b5cc18 !important;
15322
- border-color: #b5cc18 !important; }
15323
-
15324
- .ui.basic.olive.labels a.label:hover,
15325
- a.ui.basic.olive.label:hover {
15326
- background-color: #ffffff !important;
15327
- color: #a7bd0d !important;
15328
- border-color: #a7bd0d !important; }
15329
-
15330
- /*--- Green ---*/
15331
- .ui.green.labels .label,
15332
- .ui.green.label {
15333
- background-color: #21ba45 !important;
15334
- border-color: #21ba45 !important;
15335
- color: #ffffff !important; }
15336
-
15337
- /* Link */
15338
- .ui.green.labels .label:hover,
15339
- a.ui.green.label:hover {
15340
- background-color: #16ab39 !important;
15341
- border-color: #16ab39 !important;
15342
- color: #ffffff !important; }
15343
-
15344
- /* Corner */
15345
- .ui.green.corner.label,
15346
- .ui.green.corner.label:hover {
15347
- background-color: transparent !important; }
15348
-
15349
- /* Ribbon */
15350
- .ui.green.ribbon.label {
15351
- border-color: #198f35 !important; }
15352
-
15353
- /* Basic */
15354
- .ui.basic.green.label {
15355
- background-color: #ffffff !important;
15356
- color: #21ba45 !important;
15357
- border-color: #21ba45 !important; }
15358
-
15359
- .ui.basic.green.labels a.label:hover,
15360
- a.ui.basic.green.label:hover {
15361
- background-color: #ffffff !important;
15362
- color: #16ab39 !important;
15363
- border-color: #16ab39 !important; }
15364
-
15365
- /*--- Teal ---*/
15366
- .ui.teal.labels .label,
15367
- .ui.teal.label {
15368
- background-color: #00b5ad !important;
15369
- border-color: #00b5ad !important;
15370
- color: #ffffff !important; }
15371
-
15372
- /* Link */
15373
- .ui.teal.labels .label:hover,
15374
- a.ui.teal.label:hover {
15375
- background-color: #009c95 !important;
15376
- border-color: #009c95 !important;
15377
- color: #ffffff !important; }
15378
-
15379
- /* Corner */
15380
- .ui.teal.corner.label,
15381
- .ui.teal.corner.label:hover {
15382
- background-color: transparent !important; }
15383
-
15384
- /* Ribbon */
15385
- .ui.teal.ribbon.label {
15386
- border-color: #00827c !important; }
15387
-
15388
- /* Basic */
15389
- .ui.basic.teal.label {
15390
- background-color: #ffffff !important;
15391
- color: #00b5ad !important;
15392
- border-color: #00b5ad !important; }
15393
-
15394
- .ui.basic.teal.labels a.label:hover,
15395
- a.ui.basic.teal.label:hover {
15396
- background-color: #ffffff !important;
15397
- color: #009c95 !important;
15398
- border-color: #009c95 !important; }
15399
-
15400
- /*--- Blue ---*/
15401
- .ui.blue.labels .label,
15402
- .ui.blue.label {
15403
- background-color: #2185d0 !important;
15404
- border-color: #2185d0 !important;
15405
- color: #ffffff !important; }
15406
-
15407
- /* Link */
15408
- .ui.blue.labels .label:hover,
15409
- a.ui.blue.label:hover {
15410
- background-color: #1678c2 !important;
15411
- border-color: #1678c2 !important;
15412
- color: #ffffff !important; }
15413
-
15414
- /* Corner */
15415
- .ui.blue.corner.label,
15416
- .ui.blue.corner.label:hover {
15417
- background-color: transparent !important; }
15418
-
15419
- /* Ribbon */
15420
- .ui.blue.ribbon.label {
15421
- border-color: #1a69a4 !important; }
15422
-
15423
- /* Basic */
15424
- .ui.basic.blue.label {
15425
- background-color: #ffffff !important;
15426
- color: #2185d0 !important;
15427
- border-color: #2185d0 !important; }
15428
-
15429
- .ui.basic.blue.labels a.label:hover,
15430
- a.ui.basic.blue.label:hover {
15431
- background-color: #ffffff !important;
15432
- color: #1678c2 !important;
15433
- border-color: #1678c2 !important; }
15434
-
15435
- /*--- Violet ---*/
15436
- .ui.violet.labels .label,
15437
- .ui.violet.label {
15438
- background-color: #6435c9 !important;
15439
- border-color: #6435c9 !important;
15440
- color: #ffffff !important; }
15441
-
15442
- /* Link */
15443
- .ui.violet.labels .label:hover,
15444
- a.ui.violet.label:hover {
15445
- background-color: #5829bb !important;
15446
- border-color: #5829bb !important;
15447
- color: #ffffff !important; }
15448
-
15449
- /* Corner */
15450
- .ui.violet.corner.label,
15451
- .ui.violet.corner.label:hover {
15452
- background-color: transparent !important; }
15453
-
15454
- /* Ribbon */
15455
- .ui.violet.ribbon.label {
15456
- border-color: #502aa1 !important; }
15457
-
15458
- /* Basic */
15459
- .ui.basic.violet.label {
15460
- background-color: #ffffff !important;
15461
- color: #6435c9 !important;
15462
- border-color: #6435c9 !important; }
15463
-
15464
- .ui.basic.violet.labels a.label:hover,
15465
- a.ui.basic.violet.label:hover {
15466
- background-color: #ffffff !important;
15467
- color: #5829bb !important;
15468
- border-color: #5829bb !important; }
15469
-
15470
- /*--- Purple ---*/
15471
- .ui.purple.labels .label,
15472
- .ui.purple.label {
15473
- background-color: #a333c8 !important;
15474
- border-color: #a333c8 !important;
15475
- color: #ffffff !important; }
15476
-
15477
- /* Link */
15478
- .ui.purple.labels .label:hover,
15479
- a.ui.purple.label:hover {
15480
- background-color: #9627ba !important;
15481
- border-color: #9627ba !important;
15482
- color: #ffffff !important; }
15483
-
15484
- /* Corner */
15485
- .ui.purple.corner.label,
15486
- .ui.purple.corner.label:hover {
15487
- background-color: transparent !important; }
15488
-
15489
- /* Ribbon */
15490
- .ui.purple.ribbon.label {
15491
- border-color: #82299f !important; }
15492
-
15493
- /* Basic */
15494
- .ui.basic.purple.label {
15495
- background-color: #ffffff !important;
15496
- color: #a333c8 !important;
15497
- border-color: #a333c8 !important; }
15498
-
15499
- .ui.basic.purple.labels a.label:hover,
15500
- a.ui.basic.purple.label:hover {
15501
- background-color: #ffffff !important;
15502
- color: #9627ba !important;
15503
- border-color: #9627ba !important; }
15504
-
15505
- /*--- Pink ---*/
15506
- .ui.pink.labels .label,
15507
- .ui.pink.label {
15508
- background-color: #e03997 !important;
15509
- border-color: #e03997 !important;
15510
- color: #ffffff !important; }
15511
-
15512
- /* Link */
15513
- .ui.pink.labels .label:hover,
15514
- a.ui.pink.label:hover {
15515
- background-color: #e61a8d !important;
15516
- border-color: #e61a8d !important;
15517
- color: #ffffff !important; }
15518
-
15519
- /* Corner */
15520
- .ui.pink.corner.label,
15521
- .ui.pink.corner.label:hover {
15522
- background-color: transparent !important; }
15523
-
15524
- /* Ribbon */
15525
- .ui.pink.ribbon.label {
15526
- border-color: #c71f7e !important; }
15527
-
15528
- /* Basic */
15529
- .ui.basic.pink.label {
15530
- background-color: #ffffff !important;
15531
- color: #e03997 !important;
15532
- border-color: #e03997 !important; }
15533
-
15534
- .ui.basic.pink.labels a.label:hover,
15535
- a.ui.basic.pink.label:hover {
15536
- background-color: #ffffff !important;
15537
- color: #e61a8d !important;
15538
- border-color: #e61a8d !important; }
15539
-
15540
- /*--- Brown ---*/
15541
- .ui.brown.labels .label,
15542
- .ui.brown.label {
15543
- background-color: #a5673f !important;
15544
- border-color: #a5673f !important;
15545
- color: #ffffff !important; }
15546
-
15547
- /* Link */
15548
- .ui.brown.labels .label:hover,
15549
- a.ui.brown.label:hover {
15550
- background-color: #975b33 !important;
15551
- border-color: #975b33 !important;
15552
- color: #ffffff !important; }
15553
-
15554
- /* Corner */
15555
- .ui.brown.corner.label,
15556
- .ui.brown.corner.label:hover {
15557
- background-color: transparent !important; }
15558
-
15559
- /* Ribbon */
15560
- .ui.brown.ribbon.label {
15561
- border-color: #805031 !important; }
15562
-
15563
- /* Basic */
15564
- .ui.basic.brown.label {
15565
- background-color: #ffffff !important;
15566
- color: #a5673f !important;
15567
- border-color: #a5673f !important; }
15568
-
15569
- .ui.basic.brown.labels a.label:hover,
15570
- a.ui.basic.brown.label:hover {
15571
- background-color: #ffffff !important;
15572
- color: #975b33 !important;
15573
- border-color: #975b33 !important; }
15574
-
15575
- /*--- Grey ---*/
15576
- .ui.grey.labels .label,
15577
- .ui.grey.label {
15578
- background-color: #767676 !important;
15579
- border-color: #767676 !important;
15580
- color: #ffffff !important; }
15581
-
15582
- /* Link */
15583
- .ui.grey.labels .label:hover,
15584
- a.ui.grey.label:hover {
15585
- background-color: #838383 !important;
15586
- border-color: #838383 !important;
15587
- color: #ffffff !important; }
15588
-
15589
- /* Corner */
15590
- .ui.grey.corner.label,
15591
- .ui.grey.corner.label:hover {
15592
- background-color: transparent !important; }
15593
-
15594
- /* Ribbon */
15595
- .ui.grey.ribbon.label {
15596
- border-color: #805031 !important; }
15597
-
15598
- /* Basic */
15599
- .ui.basic.grey.label {
15600
- background-color: #ffffff !important;
15601
- color: #767676 !important;
15602
- border-color: #767676 !important; }
15603
-
15604
- .ui.basic.grey.labels a.label:hover,
15605
- a.ui.basic.grey.label:hover {
15606
- background-color: #ffffff !important;
15607
- color: #838383 !important;
15608
- border-color: #838383 !important; }
15609
-
15610
- /*--- Black ---*/
15611
- .ui.black.labels .label,
15612
- .ui.black.label {
15613
- background-color: #1b1c1d !important;
15614
- border-color: #1b1c1d !important;
15615
- color: #ffffff !important; }
15616
-
15617
- /* Link */
15618
- .ui.black.labels .label:hover,
15619
- a.ui.black.label:hover {
15620
- background-color: #27292a !important;
15621
- border-color: #27292a !important;
15622
- color: #ffffff !important; }
15623
-
15624
- /* Corner */
15625
- .ui.black.corner.label,
15626
- .ui.black.corner.label:hover {
15627
- background-color: transparent !important; }
15628
-
15629
- /* Ribbon */
15630
- .ui.black.ribbon.label {
15631
- border-color: #805031 !important; }
15632
-
15633
- /* Basic */
15634
- .ui.basic.black.label {
15635
- background-color: #ffffff !important;
15636
- color: #1b1c1d !important;
15637
- border-color: #1b1c1d !important; }
15638
-
15639
- .ui.basic.black.labels a.label:hover,
15640
- a.ui.basic.black.label:hover {
15641
- background-color: #ffffff !important;
15642
- color: #27292a !important;
15643
- border-color: #27292a !important; }
15644
-
15645
- /*-------------------
15646
- Basic
15647
- --------------------*/
15648
- .ui.basic.label {
15649
- background: none #ffffff;
15650
- border: 1px solid rgba(34, 36, 38, 0.15);
15651
- color: rgba(0, 0, 0, 0.87);
15652
- box-shadow: none; }
15653
-
15654
- /* Link */
15655
- a.ui.basic.label:hover {
15656
- text-decoration: none;
15657
- background: none #ffffff;
15658
- color: #1e70bf;
15659
- box-shadow: 1px solid rgba(34, 36, 38, 0.15);
15660
- box-shadow: none; }
15661
-
15662
- /* Pointing */
15663
- .ui.basic.pointing.label:before {
15664
- border-color: inherit; }
15665
-
15666
- /*-------------------
15667
- Fluid
15668
- --------------------*/
15669
- .ui.label.fluid,
15670
- .ui.fluid.labels > .label {
15671
- width: 100%;
15672
- box-sizing: border-box; }
15673
-
15674
- /*-------------------
15675
- Inverted
15676
- --------------------*/
15677
- .ui.inverted.labels .label,
15678
- .ui.inverted.label {
15679
- color: rgba(255, 255, 255, 0.9) !important; }
15680
-
15681
- /*-------------------
15682
- Horizontal
15683
- --------------------*/
15684
- .ui.horizontal.labels .label,
15685
- .ui.horizontal.label {
15686
- margin: 0em 0.5em 0em 0em;
15687
- padding: 0.4em 0.833em;
15688
- min-width: 3em;
15689
- text-align: center; }
15690
-
15691
- /*-------------------
15692
- Circular
15693
- --------------------*/
15694
- .ui.circular.labels .label,
15695
- .ui.circular.label {
15696
- min-width: 2em;
15697
- min-height: 2em;
15698
- padding: 0.5em !important;
15699
- line-height: 1em;
15700
- text-align: center;
15701
- border-radius: 500rem; }
15702
-
15703
- .ui.empty.circular.labels .label,
15704
- .ui.empty.circular.label {
15705
- min-width: 0em;
15706
- min-height: 0em;
15707
- overflow: hidden;
15708
- width: 0.5em;
15709
- height: 0.5em;
15710
- vertical-align: baseline; }
15711
-
15712
- /*-------------------
15713
- Pointing
15714
- --------------------*/
15715
- .ui.pointing.label {
15716
- position: relative; }
15717
-
15718
- .ui.attached.pointing.label {
15719
- position: absolute; }
15720
-
15721
- .ui.pointing.label:before {
15722
- background-color: inherit;
15723
- background-image: inherit;
15724
- border-width: none;
15725
- border-style: solid;
15726
- border-color: inherit; }
15727
-
15728
- /* Arrow */
15729
- .ui.pointing.label:before {
15730
- position: absolute;
15731
- content: '';
15732
- -webkit-transform: rotate(45deg);
15733
- -ms-transform: rotate(45deg);
15734
- transform: rotate(45deg);
15735
- background-image: none;
15736
- z-index: 2;
15737
- width: 0.6666em;
15738
- height: 0.6666em;
15739
- -webkit-transition: background 0.1s ease;
15740
- transition: background 0.1s ease; }
15741
-
15742
- /*--- Above ---*/
15743
- .ui.pointing.label,
15744
- .ui[class*="pointing above"].label {
15745
- margin-top: 1em; }
15746
-
15747
- .ui.pointing.label:before,
15748
- .ui[class*="pointing above"].label:before {
15749
- border-width: 1px 0px 0px 1px;
15750
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
15751
- -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
15752
- transform: translateX(-50%) translateY(-50%) rotate(45deg);
15753
- top: 0%;
15754
- left: 50%; }
15755
-
15756
- /*--- Below ---*/
15757
- .ui[class*="bottom pointing"].label,
15758
- .ui[class*="pointing below"].label {
15759
- margin-top: 0em;
15760
- margin-bottom: 1em; }
15761
-
15762
- .ui[class*="bottom pointing"].label:before,
15763
- .ui[class*="pointing below"].label:before {
15764
- border-width: 0px 1px 1px 0px;
15765
- top: auto;
15766
- right: auto;
15767
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
15768
- -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
15769
- transform: translateX(-50%) translateY(-50%) rotate(45deg);
15770
- top: 100%;
15771
- left: 50%; }
15772
-
15773
- /*--- Left ---*/
15774
- .ui[class*="left pointing"].label {
15775
- margin-top: 0em;
15776
- margin-left: 0.6666em; }
15777
-
15778
- .ui[class*="left pointing"].label:before {
15779
- border-width: 0px 0px 1px 1px;
15780
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
15781
- -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
15782
- transform: translateX(-50%) translateY(-50%) rotate(45deg);
15783
- bottom: auto;
15784
- right: auto;
15785
- top: 50%;
15786
- left: 0em; }
15787
-
15788
- /*--- Right ---*/
15789
- .ui[class*="right pointing"].label {
15790
- margin-top: 0em;
15791
- margin-right: 0.6666em; }
15792
-
15793
- .ui[class*="right pointing"].label:before {
15794
- border-width: 1px 1px 0px 0px;
15795
- -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
15796
- -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
15797
- transform: translateX(50%) translateY(-50%) rotate(45deg);
15798
- top: 50%;
15799
- right: 0%;
15800
- bottom: auto;
15801
- left: auto; }
15802
-
15803
- /* Basic Pointing */
15804
- /*--- Above ---*/
15805
- .ui.basic.pointing.label:before,
15806
- .ui.basic[class*="pointing above"].label:before {
15807
- margin-top: -1px; }
15808
-
15809
- /*--- Below ---*/
15810
- .ui.basic[class*="bottom pointing"].label:before,
15811
- .ui.basic[class*="pointing below"].label:before {
15812
- bottom: auto;
15813
- top: 100%;
15814
- margin-top: 1px; }
15815
-
15816
- /*--- Left ---*/
15817
- .ui.basic[class*="left pointing"].label:before {
15818
- top: 50%;
15819
- left: -1px; }
15820
-
15821
- /*--- Right ---*/
15822
- .ui.basic[class*="right pointing"].label:before {
15823
- top: 50%;
15824
- right: -1px; }
15825
-
15826
- /*------------------
15827
- Floating Label
15828
- -------------------*/
15829
- .ui.floating.label {
15830
- position: absolute;
15831
- z-index: 100;
15832
- top: -1em;
15833
- left: 100%;
15834
- margin: 0em 0em 0em -1.5em !important; }
15835
-
15836
- /*-------------------
15837
- Sizes
15838
- --------------------*/
15839
- .ui.mini.labels .label,
15840
- .ui.mini.label {
15841
- font-size: 0.64285714rem; }
15842
-
15843
- .ui.tiny.labels .label,
15844
- .ui.tiny.label {
15845
- font-size: 0.71428571rem; }
15846
-
15847
- .ui.small.labels .label,
15848
- .ui.small.label {
15849
- font-size: 0.78571429rem; }
15850
-
15851
- .ui.labels .label,
15852
- .ui.label {
15853
- font-size: 0.85714286rem; }
15854
-
15855
- .ui.large.labels .label,
15856
- .ui.large.label {
15857
- font-size: 1rem; }
15858
-
15859
- .ui.big.labels .label,
15860
- .ui.big.label {
15861
- font-size: 1.28571429rem; }
15862
-
15863
- .ui.huge.labels .label,
15864
- .ui.huge.label {
15865
- font-size: 1.42857143rem; }
15866
-
15867
- .ui.massive.labels .label,
15868
- .ui.massive.label {
15869
- font-size: 1.71428571rem; }
15870
-
15871
- /*******************************
15872
- Theme Overrides
15873
- *******************************/
15874
- /*******************************
15875
- Site Overrides
15876
- *******************************/
15877
- /*!
15878
- * # Semantic UI 2.1.3 - List
15879
- * http://github.com/semantic-org/semantic-ui/
15880
- *
15881
- *
15882
- * Copyright 2015 Contributors
15883
- * Released under the MIT license
15884
- * http://opensource.org/licenses/MIT
15885
- *
15886
- */
15887
- /*******************************
15888
- List
15889
- *******************************/
15890
- ul.ui.list,
15891
- ol.ui.list,
15892
- .ui.list {
15893
- list-style-type: none;
15894
- margin: 1em 0em;
15895
- padding: 0em 0em; }
15896
-
15897
- ul.ui.list:first-child,
15898
- ol.ui.list:first-child,
15899
- .ui.list:first-child {
15900
- margin-top: 0em;
15901
- padding-top: 0em; }
15902
-
15903
- ul.ui.list:last-child,
15904
- ol.ui.list:last-child,
15905
- .ui.list:last-child {
15906
- margin-bottom: 0em;
15907
- padding-bottom: 0em; }
15908
-
15909
- /*******************************
15910
- Content
15911
- *******************************/
15912
- /* List Item */
15913
- ul.ui.list li,
15914
- ol.ui.list li,
15915
- .ui.list > .item,
15916
- .ui.list .list > .item {
15917
- display: list-item;
15918
- table-layout: fixed;
15919
- list-style-type: none;
15920
- list-style-position: outside;
15921
- padding: 0.21428571em 0em;
15922
- line-height: 1.14285714em; }
15923
-
15924
- ul.ui.list > li:first-child:after,
15925
- ol.ui.list > li:first-child:after,
15926
- .ui.list > .list > .item,
15927
- .ui.list > .item:after {
15928
- content: '';
15929
- display: block;
15930
- height: 0;
15931
- clear: both;
15932
- visibility: hidden; }
15933
-
15934
- ul.ui.list li:first-child,
15935
- ol.ui.list li:first-child,
15936
- .ui.list .list > .item:first-child,
15937
- .ui.list > .item:first-child {
15938
- padding-top: 0em; }
15939
-
15940
- ul.ui.list li:last-child,
15941
- ol.ui.list li:last-child,
15942
- .ui.list .list > .item:last-child,
15943
- .ui.list > .item:last-child {
15944
- padding-bottom: 0em; }
15945
-
15946
- /* Child List */
15947
- ul.ui.list ul,
15948
- ol.ui.list ol,
15949
- .ui.list .list {
15950
- clear: both;
15951
- margin: 0em;
15952
- padding: 0.75em 0em 0.25em 0.5em; }
15953
-
15954
- /* Child Item */
15955
- ul.ui.list ul li,
15956
- ol.ui.list ol li,
15957
- .ui.list .list > .item {
15958
- padding: 0.14285714em 0em;
15959
- line-height: inherit; }
15960
-
15961
- /* Icon */
15962
- .ui.list .list > .item > i.icon,
15963
- .ui.list > .item > i.icon {
15964
- display: table-cell;
15965
- margin: 0em;
15966
- padding-top: 0.07142857em;
15967
- padding-right: 0.28571429em;
15968
- vertical-align: top;
15969
- -webkit-transition: color 0.1s ease;
15970
- transition: color 0.1s ease; }
15971
-
15972
- .ui.list .list > .item > i.icon:only-child,
15973
- .ui.list > .item > i.icon:only-child {
15974
- display: inline-block;
15975
- vertical-align: top; }
15976
-
15977
- /* Image */
15978
- .ui.list .list > .item > .image,
15979
- .ui.list > .item > .image {
15980
- display: table-cell;
15981
- background-color: transparent;
15982
- margin: 0em;
15983
- vertical-align: top; }
15984
-
15985
- .ui.list .list > .item > .image:not(:only-child):not(img),
15986
- .ui.list > .item > .image:not(:only-child):not(img) {
15987
- padding-right: 0.5em; }
15988
-
15989
- .ui.list .list > .item > .image img,
15990
- .ui.list > .item > .image img {
15991
- vertical-align: top; }
15992
-
15993
- .ui.list .list > .item > img.image,
15994
- .ui.list .list > .item > .image:only-child,
15995
- .ui.list > .item > img.image,
15996
- .ui.list > .item > .image:only-child {
15997
- display: inline-block; }
15998
-
15999
- /* Content */
16000
- .ui.list .list > .item > .content,
16001
- .ui.list > .item > .content {
16002
- line-height: 1.14285714em; }
16003
-
16004
- .ui.list .list > .item > .image + .content,
16005
- .ui.list .list > .item > .icon + .content,
16006
- .ui.list > .item > .image + .content,
16007
- .ui.list > .item > .icon + .content {
16008
- display: table-cell;
16009
- padding: 0em 0em 0em 0.5em;
16010
- vertical-align: top; }
16011
-
16012
- .ui.list .list > .item > img.image + .content,
16013
- .ui.list > .item > img.image + .content {
16014
- display: inline-block; }
16015
-
16016
- .ui.list .list > .item > .content > .list,
16017
- .ui.list > .item > .content > .list {
16018
- margin-left: 0em;
16019
- padding-left: 0em; }
16020
-
16021
- /* Header */
16022
- .ui.list .list > .item .header,
16023
- .ui.list > .item .header {
16024
- display: block;
16025
- margin: 0em;
16026
- font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
16027
- font-weight: bold;
16028
- color: rgba(0, 0, 0, 0.87); }
16029
-
16030
- /* Description */
16031
- .ui.list .list > .item .description,
16032
- .ui.list > .item .description {
16033
- display: block;
16034
- color: rgba(0, 0, 0, 0.7); }
16035
-
16036
- /* Child Link */
16037
- .ui.list > .item a,
16038
- .ui.list .list > .item a {
16039
- cursor: pointer; }
16040
-
16041
- /* Linking Item */
16042
- .ui.list .list > a.item,
16043
- .ui.list > a.item {
16044
- cursor: pointer;
16045
- color: #4183c4; }
16046
-
16047
- .ui.list .list > a.item:hover,
16048
- .ui.list > a.item:hover {
16049
- color: #1e70bf; }
16050
-
16051
- /* Linked Item Icons */
16052
- .ui.list .list > a.item i.icon,
16053
- .ui.list > a.item i.icon {
16054
- color: rgba(0, 0, 0, 0.4); }
16055
-
16056
- /* Header Link */
16057
- .ui.list .list > .item a.header,
16058
- .ui.list > .item a.header {
16059
- cursor: pointer;
16060
- color: #4183c4 !important; }
16061
-
16062
- .ui.list .list > .item a.header:hover,
16063
- .ui.list > .item a.header:hover {
16064
- color: #1e70bf !important; }
16065
-
16066
- /* Floated Content */
16067
- .ui[class*="left floated"].list {
16068
- float: left; }
16069
-
16070
- .ui[class*="right floated"].list {
16071
- float: right; }
16072
-
16073
- .ui.list .list > .item [class*="left floated"],
16074
- .ui.list > .item [class*="left floated"] {
16075
- float: left;
16076
- margin: 0em 1em 0em 0em; }
16077
-
16078
- .ui.list .list > .item [class*="right floated"],
16079
- .ui.list > .item [class*="right floated"] {
16080
- float: right;
16081
- margin: 0em 0em 0em 1em; }
16082
-
16083
- /*******************************
16084
- Coupling
16085
- *******************************/
16086
- .ui.menu .ui.list > .item,
16087
- .ui.menu .ui.list .list > .item {
16088
- display: list-item;
16089
- table-layout: fixed;
16090
- background-color: transparent;
16091
- list-style-type: none;
16092
- list-style-position: outside;
16093
- padding: 0.21428571em 0em;
16094
- line-height: 1.14285714em; }
16095
-
16096
- .ui.menu .ui.list .list > .item:before,
16097
- .ui.menu .ui.list > .item:before {
16098
- border: none;
16099
- background: none; }
16100
-
16101
- .ui.menu .ui.list .list > .item:first-child,
16102
- .ui.menu .ui.list > .item:first-child {
16103
- padding-top: 0em; }
16104
-
16105
- .ui.menu .ui.list .list > .item:last-child,
16106
- .ui.menu .ui.list > .item:last-child {
16107
- padding-bottom: 0em; }
16108
-
16109
- /*******************************
16110
- Types
16111
- *******************************/
16112
- /*-------------------
16113
- Horizontal
16114
- --------------------*/
16115
- .ui.horizontal.list {
16116
- display: inline-block;
16117
- font-size: 0em; }
16118
-
16119
- .ui.horizontal.list > .item {
16120
- display: inline-block;
16121
- margin-left: 1em;
16122
- font-size: 1rem; }
16123
-
16124
- .ui.horizontal.list:not(.celled) > .item:first-child {
16125
- margin-left: 0em !important;
16126
- padding-left: 0em !important; }
16127
-
16128
- .ui.horizontal.list .list {
16129
- padding-left: 0em;
16130
- padding-bottom: 0em; }
16131
-
16132
- .ui.horizontal.list > .item > .image,
16133
- .ui.horizontal.list .list > .item > .image,
16134
- .ui.horizontal.list > .item > .icon,
16135
- .ui.horizontal.list .list > .item > .icon,
16136
- .ui.horizontal.list > .item > .content,
16137
- .ui.horizontal.list .list > .item > .content {
16138
- vertical-align: middle; }
16139
-
16140
- /* Padding on all elements */
16141
- .ui.horizontal.list > .item:first-child,
16142
- .ui.horizontal.list > .item:last-child {
16143
- padding-top: 0.21428571em;
16144
- padding-bottom: 0.21428571em; }
16145
-
16146
- /* Horizontal List */
16147
- .ui.horizontal.list > .item > i.icon {
16148
- margin: 0em;
16149
- padding: 0em 0.25em 0em 0em; }
16150
-
16151
- .ui.horizontal.list > .item > .icon,
16152
- .ui.horizontal.list > .item > .icon + .content {
16153
- float: none;
16154
- display: inline-block; }
16155
-
16156
- /*******************************
16157
- States
16158
- *******************************/
16159
- /*-------------------
16160
- Disabled
16161
- --------------------*/
16162
- .ui.list .list > .disabled.item,
16163
- .ui.list > .disabled.item {
16164
- pointer-events: none;
16165
- color: rgba(40, 40, 40, 0.3) !important; }
16166
-
16167
- .ui.inverted.list .list > .disabled.item,
16168
- .ui.inverted.list > .disabled.item {
16169
- color: rgba(225, 225, 225, 0.3) !important; }
16170
-
16171
- /*-------------------
16172
- Hover
16173
- --------------------*/
16174
- .ui.list .list > a.item:hover .icon,
16175
- .ui.list > a.item:hover .icon {
16176
- color: rgba(0, 0, 0, 0.87); }
16177
-
16178
- /*******************************
16179
- Variations
16180
- *******************************/
16181
- /*-------------------
16182
- Inverted
16183
- --------------------*/
16184
- .ui.inverted.list .list > a.item > .icon,
16185
- .ui.inverted.list > a.item > .icon {
16186
- color: rgba(255, 255, 255, 0.7); }
16187
-
16188
- .ui.inverted.list .list > .item .header,
16189
- .ui.inverted.list > .item .header {
16190
- color: rgba(255, 255, 255, 0.9); }
16191
-
16192
- .ui.inverted.list .list > .item .description,
16193
- .ui.inverted.list > .item .description {
16194
- color: rgba(255, 255, 255, 0.7); }
16195
-
16196
- /* Item Link */
16197
- .ui.inverted.list .list > a.item,
16198
- .ui.inverted.list > a.item {
16199
- cursor: pointer;
16200
- color: rgba(255, 255, 255, 0.9); }
16201
-
16202
- .ui.inverted.list .list > a.item:hover,
16203
- .ui.inverted.list > a.item:hover {
16204
- color: #1e70bf; }
16205
-
16206
- /* Linking Content */
16207
- .ui.inverted.list .item a:not(.ui) {
16208
- color: rgba(255, 255, 255, 0.9) !important; }
16209
-
16210
- .ui.inverted.list .item a:not(.ui):hover {
16211
- color: #1e70bf !important; }
16212
-
16213
- /*-------------------
16214
- Aligned
16215
- --------------------*/
16216
- .ui.list[class*="top aligned"] .image,
16217
- .ui.list[class*="top aligned"] .content,
16218
- .ui.list [class*="top aligned"] {
16219
- vertical-align: top !important; }
16220
-
16221
- .ui.list[class*="middle aligned"] .image,
16222
- .ui.list[class*="middle aligned"] .content,
16223
- .ui.list [class*="middle aligned"] {
16224
- vertical-align: middle !important; }
16225
-
16226
- .ui.list[class*="bottom aligned"] .image,
16227
- .ui.list[class*="bottom aligned"] .content,
16228
- .ui.list [class*="bottom aligned"] {
16229
- vertical-align: bottom !important; }
16230
-
16231
- /*-------------------
16232
- Link
16233
- --------------------*/
16234
- .ui.link.list .item,
16235
- .ui.link.list a.item,
16236
- .ui.link.list .item a:not(.ui) {
16237
- color: rgba(0, 0, 0, 0.4);
16238
- -webkit-transition: 0.1s color ease;
16239
- transition: 0.1s color ease; }
16240
-
16241
- .ui.link.list a.item:hover,
16242
- .ui.link.list .item a:not(.ui):hover {
16243
- color: rgba(0, 0, 0, 0.8); }
16244
-
16245
- .ui.link.list a.item:active,
16246
- .ui.link.list .item a:not(.ui):active {
16247
- color: rgba(0, 0, 0, 0.9); }
16248
-
16249
- .ui.link.list .active.item,
16250
- .ui.link.list .active.item a:not(.ui) {
16251
- color: rgba(0, 0, 0, 0.95); }
16252
-
16253
- /* Inverted */
16254
- .ui.inverted.link.list .item,
16255
- .ui.inverted.link.list a.item,
16256
- .ui.inverted.link.list .item a:not(.ui) {
16257
- color: rgba(255, 255, 255, 0.5); }
16258
-
16259
- .ui.inverted.link.list a.item:hover,
16260
- .ui.inverted.link.list .item a:not(.ui):hover {
16261
- color: #ffffff; }
16262
-
16263
- .ui.inverted.link.list a.item:active,
16264
- .ui.inverted.link.list .item a:not(.ui):active {
16265
- color: #ffffff; }
16266
-
16267
- .ui.inverted.link.list a.active.item,
16268
- .ui.inverted.link.list .active.item a:not(.ui) {
16269
- color: #ffffff; }
16270
-
16271
- /*-------------------
16272
- Selection
16273
- --------------------*/
16274
- .ui.selection.list .list > .item,
16275
- .ui.selection.list > .item {
16276
- cursor: pointer;
16277
- background: transparent;
16278
- padding: 0.5em 0.5em;
16279
- margin: 0em;
16280
- color: rgba(0, 0, 0, 0.4);
16281
- border-radius: 0.5em;
16282
- -webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
16283
- transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease; }
16284
-
16285
- .ui.selection.list .list > .item:last-child,
16286
- .ui.selection.list > .item:last-child {
16287
- margin-bottom: 0em; }
16288
-
16289
- .ui.selection.list.list > .item:hover,
16290
- .ui.selection.list > .item:hover {
16291
- background: rgba(0, 0, 0, 0.03);
16292
- color: rgba(0, 0, 0, 0.8); }
16293
-
16294
- .ui.selection.list .list > .item:active,
16295
- .ui.selection.list > .item:active {
16296
- background: rgba(0, 0, 0, 0.05);
16297
- color: rgba(0, 0, 0, 0.9); }
16298
-
16299
- .ui.selection.list .list > .item.active,
16300
- .ui.selection.list > .item.active {
16301
- background: rgba(0, 0, 0, 0.05);
16302
- color: rgba(0, 0, 0, 0.95); }
16303
-
16304
- /* Inverted */
16305
- .ui.inverted.selection.list > .item,
16306
- .ui.inverted.selection.list > .item {
16307
- background: transparent;
16308
- color: rgba(255, 255, 255, 0.5); }
16309
-
16310
- .ui.inverted.selection.list > .item:hover,
16311
- .ui.inverted.selection.list > .item:hover {
16312
- background: rgba(255, 255, 255, 0.02);
16313
- color: #ffffff; }
16314
-
16315
- .ui.inverted.selection.list > .item:active,
16316
- .ui.inverted.selection.list > .item:active {
16317
- background: rgba(255, 255, 255, 0.08);
16318
- color: #ffffff; }
16319
-
16320
- .ui.inverted.selection.list > .item.active,
16321
- .ui.inverted.selection.list > .item.active {
16322
- background: rgba(255, 255, 255, 0.08);
16323
- color: #ffffff; }
16324
-
16325
- /* Celled / Divided Selection List */
16326
- .ui.celled.selection.list .list > .item,
16327
- .ui.divided.selection.list .list > .item,
16328
- .ui.celled.selection.list > .item,
16329
- .ui.divided.selection.list > .item {
16330
- border-radius: 0em; }
16331
-
16332
- /*-------------------
16333
- Animated
16334
- --------------------*/
16335
- .ui.animated.list > .item {
16336
- -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
16337
- transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s; }
16338
-
16339
- .ui.animated.list:not(.horizontal) > .item:hover {
16340
- padding-left: 1em; }
16341
-
16342
- /*-------------------
16343
- Fitted
16344
- --------------------*/
16345
- .ui.fitted.list:not(.selection) .list > .item,
16346
- .ui.fitted.list:not(.selection) > .item {
16347
- padding-left: 0em;
16348
- padding-right: 0em; }
16349
-
16350
- .ui.fitted.selection.list .list > .item,
16351
- .ui.fitted.selection.list > .item {
16352
- margin-left: -0.5em;
16353
- margin-right: -0.5em; }
16354
-
16355
- /*-------------------
16356
- Bulleted
16357
- --------------------*/
16358
- ul.ui.list,
16359
- .ui.bulleted.list {
16360
- margin-left: 1.25rem; }
16361
-
16362
- ul.ui.list li,
16363
- .ui.bulleted.list .list > .item,
16364
- .ui.bulleted.list > .item {
16365
- position: relative; }
16366
-
16367
- ul.ui.list li:before,
16368
- .ui.bulleted.list .list > .item:before,
16369
- .ui.bulleted.list > .item:before {
16370
- -webkit-user-select: none;
16371
- -moz-user-select: none;
16372
- -ms-user-select: none;
16373
- user-select: none;
16374
- pointer-events: none;
16375
- position: absolute;
16376
- top: auto;
16377
- left: auto;
16378
- margin-left: -1.25rem;
16379
- content: '•';
16380
- opacity: 1;
16381
- color: inherit;
16382
- vertical-align: top; }
16383
-
16384
- ul.ui.list ul,
16385
- .ui.bulleted.list .list {
16386
- padding-left: 1.25rem; }
16387
-
16388
- /* Horizontal Bulleted */
16389
- ul.ui.horizontal.bulleted.list,
16390
- .ui.horizontal.bulleted.list {
16391
- margin-left: 0em; }
16392
-
16393
- ul.ui.horizontal.bulleted.list li,
16394
- .ui.horizontal.bulleted.list > .item {
16395
- margin-left: 1.75rem; }
16396
-
16397
- ul.ui.horizontal.bulleted.list li:first-child,
16398
- .ui.horizontal.bulleted.list > .item:first-child {
16399
- margin-left: 0em; }
16400
-
16401
- ul.ui.horizontal.bulleted.list li::before,
16402
- .ui.horizontal.bulleted.list > .item::before {
16403
- color: rgba(0, 0, 0, 0.87); }
16404
-
16405
- ul.ui.horizontal.bulleted.list li:first-child::before,
16406
- .ui.horizontal.bulleted.list > .item:first-child::before {
16407
- display: none; }
16408
-
16409
- /*-------------------
16410
- Ordered
16411
- --------------------*/
16412
- ol.ui.list,
16413
- .ui.ordered.list,
16414
- .ui.ordered.list .list,
16415
- ol.ui.list ol {
16416
- counter-reset: ordered;
16417
- margin-left: 1.25rem;
16418
- list-style-type: none; }
16419
-
16420
- ol.ui.list li,
16421
- .ui.ordered.list .list > .item,
16422
- .ui.ordered.list > .item {
16423
- list-style-type: none;
16424
- position: relative; }
16425
-
16426
- ol.ui.list li:before,
16427
- .ui.ordered.list .list > .item:before,
16428
- .ui.ordered.list > .item:before {
16429
- position: absolute;
16430
- top: auto;
16431
- left: auto;
16432
- -webkit-user-select: none;
16433
- -moz-user-select: none;
16434
- -ms-user-select: none;
16435
- user-select: none;
16436
- pointer-events: none;
16437
- margin-left: -1.25rem;
16438
- counter-increment: ordered;
16439
- content: counters(ordered,".") " ";
16440
- text-align: right;
16441
- color: rgba(0, 0, 0, 0.87);
16442
- vertical-align: middle;
16443
- opacity: 0.8; }
16444
-
16445
- ol.ui.inverted.list li:before,
16446
- .ui.ordered.inverted.list .list > .item:before,
16447
- .ui.ordered.inverted.list > .item:before {
16448
- color: rgba(255, 255, 255, 0.7); }
16449
-
16450
- /* Value */
16451
- .ui.ordered.list > .list > .item[data-value],
16452
- .ui.ordered.list > .item[data-value] {
16453
- content: attr(data-value); }
16454
-
16455
- ol.ui.list li[value]:before {
16456
- content: attr(value); }
16457
-
16458
- /* Child Lists */
16459
- ol.ui.list ol,
16460
- .ui.ordered.list .list {
16461
- margin-left: 1em; }
16462
-
16463
- ol.ui.list ol li:before,
16464
- .ui.ordered.list .list > .item:before {
16465
- margin-left: -2em; }
16466
-
16467
- /* Horizontal Ordered */
16468
- ol.ui.horizontal.list,
16469
- .ui.ordered.horizontal.list {
16470
- margin-left: 0em; }
16471
-
16472
- ol.ui.horizontal.list li:before,
16473
- .ui.ordered.horizontal.list .list > .item:before,
16474
- .ui.ordered.horizontal.list > .item:before {
16475
- position: static;
16476
- margin: 0em 0.5em 0em 0em; }
16477
-
16478
- /*-------------------
16479
- Divided
16480
- --------------------*/
16481
- .ui.divided.list > .item {
16482
- border-top: 1px solid rgba(34, 36, 38, 0.15); }
16483
-
16484
- .ui.divided.list .list > .item {
16485
- border-top: none; }
16486
-
16487
- .ui.divided.list .item .list > .item {
16488
- border-top: none; }
16489
-
16490
- .ui.divided.list .list > .item:first-child,
16491
- .ui.divided.list > .item:first-child {
16492
- border-top: none; }
16493
-
16494
- /* Sub Menu */
16495
- .ui.divided.list:not(.horizontal) .list > .item:first-child {
16496
- border-top-width: 1px; }
16497
-
16498
- /* Divided bulleted */
16499
- .ui.divided.bulleted.list:not(.horizontal),
16500
- .ui.divided.bulleted.list .list {
16501
- margin-left: 0em;
16502
- padding-left: 0em; }
16503
-
16504
- .ui.divided.bulleted.list > .item:not(.horizontal) {
16505
- padding-left: 1.25rem; }
16506
-
16507
- /* Divided Ordered */
16508
- .ui.divided.ordered.list {
16509
- margin-left: 0em; }
16510
-
16511
- .ui.divided.ordered.list .list > .item,
16512
- .ui.divided.ordered.list > .item {
16513
- padding-left: 1.25rem; }
16514
-
16515
- .ui.divided.ordered.list .item .list {
16516
- margin-left: 0em;
16517
- margin-right: 0em;
16518
- padding-bottom: 0.21428571em; }
16519
-
16520
- .ui.divided.ordered.list .item .list > .item {
16521
- padding-left: 1em; }
16522
-
16523
- /* Divided Selection */
16524
- .ui.divided.selection.list .list > .item,
16525
- .ui.divided.selection.list > .item {
16526
- margin: 0em;
16527
- border-radius: 0em; }
16528
-
16529
- /* Divided horizontal */
16530
- .ui.divided.horizontal.list {
16531
- margin-left: 0em; }
16532
-
16533
- .ui.divided.horizontal.list > .item {
16534
- border-top: none;
16535
- border-left: 1px solid rgba(34, 36, 38, 0.15);
16536
- margin: 0em;
16537
- padding-left: 0.5em;
16538
- padding-right: 0.5em;
16539
- line-height: 0.6; }
16540
-
16541
- .ui.horizontal.divided.list > .item:first-child {
16542
- border-left: none; }
16543
-
16544
- /* Inverted */
16545
- .ui.divided.inverted.list > .item,
16546
- .ui.divided.inverted.list > .list,
16547
- .ui.divided.inverted.horizontal.list > .item {
16548
- border-color: rgba(255, 255, 255, 0.1); }
16549
-
16550
- /*-------------------
16551
- Celled
16552
- --------------------*/
16553
- .ui.celled.list > .item,
16554
- .ui.celled.list > .list {
16555
- border-top: 1px solid rgba(34, 36, 38, 0.15);
16556
- padding-left: 0.5em;
16557
- padding-right: 0.5em; }
16558
-
16559
- .ui.celled.list > .item:last-child {
16560
- border-bottom: 1px solid rgba(34, 36, 38, 0.15); }
16561
-
16562
- /* Padding on all elements */
16563
- .ui.celled.list > .item:first-child,
16564
- .ui.celled.list > .item:last-child {
16565
- padding-top: 0.21428571em;
16566
- padding-bottom: 0.21428571em; }
16567
-
16568
- /* Sub Menu */
16569
- .ui.celled.list .item .list > .item {
16570
- border-width: 0px; }
16571
-
16572
- .ui.celled.list .list > .item:first-child {
16573
- border-top-width: 0px; }
16574
-
16575
- /* Celled Bulleted */
16576
- .ui.celled.bulleted.list {
16577
- margin-left: 0em; }
16578
-
16579
- .ui.celled.bulleted.list .list > .item,
16580
- .ui.celled.bulleted.list > .item {
16581
- padding-left: 1.25rem; }
16582
-
16583
- .ui.celled.bulleted.list .item .list {
16584
- margin-left: -1.25rem;
16585
- margin-right: -1.25rem;
16586
- padding-bottom: 0.21428571em; }
16587
-
16588
- /* Celled Ordered */
16589
- .ui.celled.ordered.list {
16590
- margin-left: 0em; }
16591
-
16592
- .ui.celled.ordered.list .list > .item,
16593
- .ui.celled.ordered.list > .item {
16594
- padding-left: 1.25rem; }
16595
-
16596
- .ui.celled.ordered.list .item .list {
16597
- margin-left: 0em;
16598
- margin-right: 0em;
16599
- padding-bottom: 0.21428571em; }
16600
-
16601
- .ui.celled.ordered.list .list > .item {
16602
- padding-left: 1em; }
16603
-
16604
- /* Celled Horizontal */
16605
- .ui.horizontal.celled.list {
16606
- margin-left: 0em; }
16607
-
16608
- .ui.horizontal.celled.list .list > .item,
16609
- .ui.horizontal.celled.list > .item {
16610
- border-top: none;
16611
- border-left: 1px solid rgba(34, 36, 38, 0.15);
16612
- margin: 0em;
16613
- padding-left: 0.5em;
16614
- padding-right: 0.5em;
16615
- line-height: 0.6; }
16616
-
16617
- .ui.horizontal.celled.list .list > .item:last-child,
16618
- .ui.horizontal.celled.list > .item:last-child {
16619
- border-bottom: none;
16620
- border-right: 1px solid rgba(34, 36, 38, 0.15); }
16621
-
16622
- /* Inverted */
16623
- .ui.celled.inverted.list > .item,
16624
- .ui.celled.inverted.list > .list {
16625
- border-color: 1px solid rgba(255, 255, 255, 0.1); }
16626
-
16627
- .ui.celled.inverted.horizontal.list .list > .item,
16628
- .ui.celled.inverted.horizontal.list > .item {
16629
- border-color: 1px solid rgba(255, 255, 255, 0.1); }
16630
-
16631
- /*-------------------
16632
- Relaxed
16633
- --------------------*/
16634
- .ui.relaxed.list:not(.horizontal) > .item {
16635
- padding-top: 0.42857143em;
16636
- padding-bottom: 0.42857143em; }
16637
-
16638
- .ui.relaxed.list:not(.horizontal) .list > .item {
16639
- padding-top: 0.21428571em;
16640
- padding-bottom: 0.21428571em; }
16641
-
16642
- .ui.horizontal.relaxed.list > .item {
16643
- padding-left: 1rem;
16644
- padding-right: 1rem; }
16645
-
16646
- /* Very Relaxed */
16647
- .ui[class*="very relaxed"].list:not(.horizontal) > .item {
16648
- padding-top: 0.85714286em;
16649
- padding-bottom: 0.85714286em; }
16650
-
16651
- .ui[class*="very relaxed"].list:not(.horizontal) .list > .item {
16652
- padding-top: 0.28571429em;
16653
- padding-bottom: 0.28571429em; }
16654
-
16655
- .ui.horizontal[class*="very relaxed"].list .list > .item,
16656
- .ui.horizontal[class*="very relaxed"].list > .item {
16657
- padding-left: 1.5rem;
16658
- padding-right: 1.5rem; }
16659
-
16660
- /*-------------------
16661
- Sizes
16662
- --------------------*/
16663
- .ui.mini.list {
16664
- font-size: 0.71428571em; }
16665
-
16666
- .ui.tiny.list {
16667
- font-size: 0.85714286em; }
16668
-
16669
- .ui.small.list {
16670
- font-size: 0.92857143em; }
16671
-
16672
- .ui.list {
16673
- font-size: 1em; }
16674
-
16675
- .ui.large.list {
16676
- font-size: 1.14285714em; }
16677
-
16678
- .ui.big.list {
16679
- font-size: 1.28571429em; }
16680
-
16681
- .ui.huge.list {
16682
- font-size: 1.42857143em; }
16683
-
16684
- .ui.massive.list {
16685
- font-size: 1.71428571em; }
16686
-
16687
- .ui.mini.horizontal.list .list > .item,
16688
- .ui.mini.horizontal.list > .item {
16689
- font-size: 0.71428571rem; }
16690
-
16691
- .ui.tiny.horizontal.list .list > .item,
16692
- .ui.tiny.horizontal.list > .item {
16693
- font-size: 0.85714286rem; }
16694
-
16695
- .ui.small.horizontal.list .list > .item,
16696
- .ui.small.horizontal.list > .item {
16697
- font-size: 0.92857143rem; }
16698
-
16699
- .ui.horizontal.list .list > .item,
16700
- .ui.horizontal.list > .item {
16701
- font-size: 1rem; }
16702
-
16703
- .ui.large.horizontal.list .list > .item,
16704
- .ui.large.horizontal.list > .item {
16705
- font-size: 1.14285714rem; }
16706
-
16707
- .ui.big.horizontal.list .list > .item,
16708
- .ui.big.horizontal.list > .item {
16709
- font-size: 1.28571429rem; }
16710
-
16711
- .ui.huge.horizontal.list .list > .item,
16712
- .ui.huge.horizontal.list > .item {
16713
- font-size: 1.42857143rem; }
16714
-
16715
- .ui.massive.horizontal.list .list > .item,
16716
- .ui.massive.horizontal.list > .item {
16717
- font-size: 1.71428571rem; }
16718
-
16719
- /*******************************
16720
- Theme Overrides
16721
- *******************************/
16722
- /*******************************
16723
- User Variable Overrides
16724
- *******************************/
16725
- /*!
16726
- * # Semantic UI 2.1.3 - Loader
16727
- * http://github.com/semantic-org/semantic-ui/
16728
- *
16729
- *
16730
- * Copyright 2015 Contributors
16731
- * Released under the MIT license
16732
- * http://opensource.org/licenses/MIT
16733
- *
16734
- */
16735
- /*******************************
16736
- Loader
16737
- *******************************/
16738
- /* Standard Size */
16739
- .ui.loader {
16740
- display: none;
16741
- position: absolute;
16742
- top: 50%;
16743
- left: 50%;
16744
- margin: 0px;
16745
- text-align: center;
16746
- z-index: 1000;
16747
- -webkit-transform: translateX(-50%) translateY(-50%);
16748
- -ms-transform: translateX(-50%) translateY(-50%);
16749
- transform: translateX(-50%) translateY(-50%); }
16750
-
16751
- /* Static Shape */
16752
- .ui.loader:before {
16753
- position: absolute;
16754
- content: '';
16755
- top: 0%;
16756
- left: 50%;
16757
- width: 100%;
16758
- height: 100%;
16759
- border-radius: 500rem;
16760
- border: 0.2em solid rgba(0, 0, 0, 0.1); }
16761
-
16762
- /* Active Shape */
16763
- .ui.loader:after {
16764
- position: absolute;
16765
- content: '';
16766
- top: 0%;
16767
- left: 50%;
16768
- width: 100%;
16769
- height: 100%;
16770
- -webkit-animation: loader 0.6s linear;
16771
- animation: loader 0.6s linear;
16772
- -webkit-animation-iteration-count: infinite;
16773
- animation-iteration-count: infinite;
16774
- border-radius: 500rem;
16775
- border-color: #767676 transparent transparent;
16776
- border-style: solid;
16777
- border-width: 0.2em;
16778
- box-shadow: 0px 0px 0px 1px transparent; }
16779
-
16780
- /* Active Animation */
16781
- @-webkit-keyframes loader {
16782
- from {
16783
- -webkit-transform: rotate(0deg);
16784
- transform: rotate(0deg); }
16785
- to {
16786
- -webkit-transform: rotate(360deg);
16787
- transform: rotate(360deg); } }
16788
- @keyframes loader {
16789
- from {
16790
- -webkit-transform: rotate(0deg);
16791
- transform: rotate(0deg); }
16792
- to {
16793
- -webkit-transform: rotate(360deg);
16794
- transform: rotate(360deg); } }
16795
- /* Sizes */
16796
- .ui.loader:before,
16797
- .ui.loader:after {
16798
- width: 2.2585em;
16799
- height: 2.2585em;
16800
- margin: 0em 0em 0em -1.12925em; }
16801
-
16802
- .ui.mini.loader:before,
16803
- .ui.mini.loader:after {
16804
- width: 1.2857em;
16805
- height: 1.2857em;
16806
- margin: 0em 0em 0em -0.64285em; }
16807
-
16808
- .ui.small.loader:before,
16809
- .ui.small.loader:after {
16810
- width: 1.7142em;
16811
- height: 1.7142em;
16812
- margin: 0em 0em 0em -0.8571em; }
16813
-
16814
- .ui.large.loader:before,
16815
- .ui.large.loader:after {
16816
- width: 4.5714em;
16817
- height: 4.5714em;
16818
- margin: 0em 0em 0em -2.2857em; }
16819
-
16820
- /*-------------------
16821
- Coupling
16822
- --------------------*/
16823
- /* Show inside active dimmer */
16824
- .ui.dimmer .loader {
16825
- display: block; }
16826
-
16827
- /* Black Dimmer */
16828
- .ui.dimmer .ui.loader {
16829
- color: rgba(255, 255, 255, 0.9); }
16830
-
16831
- .ui.dimmer .ui.loader:before {
16832
- border-color: rgba(255, 255, 255, 0.15); }
16833
-
16834
- .ui.dimmer .ui.loader:after {
16835
- border-color: #ffffff transparent transparent; }
16836
-
16837
- /* White Dimmer (Inverted) */
16838
- .ui.inverted.dimmer .ui.loader {
16839
- color: rgba(0, 0, 0, 0.87); }
16840
-
16841
- .ui.inverted.dimmer .ui.loader:before {
16842
- border-color: rgba(0, 0, 0, 0.1); }
16843
-
16844
- .ui.inverted.dimmer .ui.loader:after {
16845
- border-color: #767676 transparent transparent; }
16846
-
16847
- /*******************************
16848
- Types
16849
- *******************************/
16850
- /*-------------------
16851
- Text
16852
- --------------------*/
16853
- .ui.text.loader {
16854
- width: auto !important;
16855
- height: auto !important;
16856
- text-align: center;
16857
- font-style: normal; }
16858
-
16859
- /*******************************
16860
- States
16861
- *******************************/
16862
- .ui.indeterminate.loader:after {
16863
- -webkit-animation-direction: reverse;
16864
- animation-direction: reverse;
16865
- -webkit-animation-duration: 1.2s;
16866
- animation-duration: 1.2s; }
16867
-
16868
- .ui.loader.active,
16869
- .ui.loader.visible {
16870
- display: block; }
16871
-
16872
- .ui.loader.disabled,
16873
- .ui.loader.hidden {
16874
- display: none; }
16875
-
16876
- /*******************************
16877
- Variations
16878
- *******************************/
16879
- /*-------------------
16880
- Sizes
16881
- --------------------*/
16882
- /* Loader */
16883
- .ui.inverted.dimmer .ui.mini.loader,
16884
- .ui.mini.loader {
16885
- width: 1.2857em;
16886
- height: 1.2857em;
16887
- font-size: 0.71428571em; }
16888
-
16889
- .ui.inverted.dimmer .ui.small.loader,
16890
- .ui.small.loader {
16891
- width: 1.7142em;
16892
- height: 1.7142em;
16893
- font-size: 0.92857143em; }
16894
-
16895
- .ui.inverted.dimmer .ui.loader,
16896
- .ui.loader {
16897
- width: 2.2585em;
16898
- height: 2.2585em;
16899
- font-size: 1em; }
16900
-
16901
- .ui.inverted.dimmer .ui.loader.large,
16902
- .ui.loader.large {
16903
- width: 4.5714em;
16904
- height: 4.5714em;
16905
- font-size: 1.14285714em; }
16906
-
16907
- /* Text Loader */
16908
- .ui.mini.text.loader {
16909
- min-width: 1.2857em;
16910
- padding-top: 1.99998571em; }
16911
-
16912
- .ui.small.text.loader {
16913
- min-width: 1.7142em;
16914
- padding-top: 2.42848571em; }
16915
-
16916
- .ui.text.loader {
16917
- min-width: 2.2585em;
16918
- padding-top: 2.97278571em; }
16919
-
16920
- .ui.large.text.loader {
16921
- min-width: 4.5714em;
16922
- padding-top: 5.28568571em; }
16923
-
16924
- /*-------------------
16925
- Inverted
16926
- --------------------*/
16927
- .ui.inverted.loader {
16928
- color: rgba(255, 255, 255, 0.9); }
16929
-
16930
- .ui.inverted.loader:before {
16931
- border-color: rgba(255, 255, 255, 0.15); }
16932
-
16933
- .ui.inverted.loader:after {
16934
- border-top-color: #ffffff; }
16935
-
16936
- /*-------------------
16937
- Inline
16938
- --------------------*/
16939
- .ui.inline.loader {
16940
- position: relative;
16941
- vertical-align: middle;
16942
- margin: 0em;
16943
- left: 0em;
16944
- top: 0em;
16945
- -webkit-transform: none;
16946
- -ms-transform: none;
16947
- transform: none; }
16948
-
16949
- .ui.inline.loader.active,
16950
- .ui.inline.loader.visible {
16951
- display: inline-block; }
16952
-
16953
- /* Centered Inline */
16954
- .ui.centered.inline.loader.active,
16955
- .ui.centered.inline.loader.visible {
16956
- display: block;
16957
- margin-left: auto;
16958
- margin-right: auto; }
16959
-
16960
- /*******************************
16961
- Theme Overrides
16962
- *******************************/
16963
- /*******************************
16964
- Site Overrides
16965
- *******************************/
16966
- /*!
16967
- * # Semantic UI 2.1.3 - Rail
16968
- * http://github.com/semantic-org/semantic-ui/
16969
- *
16970
- *
16971
- * Copyright 2015 Contributors
16972
- * Released under the MIT license
16973
- * http://opensource.org/licenses/MIT
16974
- *
16975
- */
16976
- /*******************************
16977
- Rails
16978
- *******************************/
16979
- .ui.rail {
16980
- position: absolute;
16981
- top: 0%;
16982
- width: 300px;
16983
- height: 100%; }
16984
-
16985
- .ui.left.rail {
16986
- left: auto;
16987
- right: 100%;
16988
- padding: 0em 2rem 0em 0em;
16989
- margin: 0em 2rem 0em 0em; }
16990
-
16991
- .ui.right.rail {
16992
- left: 100%;
16993
- right: auto;
16994
- padding: 0em 0em 0em 2rem;
16995
- margin: 0em 0em 0em 2rem; }
16996
-
16997
- /*******************************
16998
- Variations
16999
- *******************************/
17000
- /*--------------
17001
- Internal
17002
- ---------------*/
17003
- .ui.left.internal.rail {
17004
- left: 0%;
17005
- right: auto;
17006
- padding: 0em 0em 0em 2rem;
17007
- margin: 0em 0em 0em 2rem; }
17008
-
17009
- .ui.right.internal.rail {
17010
- left: auto;
17011
- right: 0%;
17012
- padding: 0em 2rem 0em 0em;
17013
- margin: 0em 2rem 0em 0em; }
17014
-
17015
- /*--------------
17016
- Dividing
17017
- ---------------*/
17018
- .ui.dividing.rail {
17019
- width: 302.5px; }
17020
-
17021
- .ui.left.dividing.rail {
17022
- padding: 0em 2.5rem 0em 0em;
17023
- margin: 0em 2.5rem 0em 0em;
17024
- border-right: 1px solid rgba(34, 36, 38, 0.15); }
17025
-
17026
- .ui.right.dividing.rail {
17027
- border-left: 1px solid rgba(34, 36, 38, 0.15);
17028
- padding: 0em 0em 0em 2.5rem;
17029
- margin: 0em 0em 0em 2.5rem; }
17030
-
17031
- /*--------------
17032
- Distance
17033
- ---------------*/
17034
- .ui.close.rail {
17035
- width: 301px; }
17036
-
17037
- .ui.close.left.rail {
17038
- padding: 0em 1em 0em 0em;
17039
- margin: 0em 1em 0em 0em; }
17040
-
17041
- .ui.close.right.rail {
17042
- padding: 0em 0em 0em 1em;
17043
- margin: 0em 0em 0em 1em; }
17044
-
17045
- .ui.very.close.rail {
17046
- width: 300.5px; }
17047
-
17048
- .ui.very.close.left.rail {
17049
- padding: 0em 0.5em 0em 0em;
17050
- margin: 0em 0.5em 0em 0em; }
17051
-
17052
- .ui.very.close.right.rail {
17053
- padding: 0em 0em 0em 0.5em;
17054
- margin: 0em 0em 0em 0.5em; }
17055
-
17056
- /*--------------
17057
- Attached
17058
- ---------------*/
17059
- .ui.attached.left.rail,
17060
- .ui.attached.right.rail {
17061
- padding: 0em;
17062
- margin: 0em; }
17063
-
17064
- /*--------------
17065
- Sizing
17066
- ---------------*/
17067
- .ui.rail {
17068
- font-size: 1rem; }
17069
-
17070
- /*******************************
17071
- Theme Overrides
17072
- *******************************/
17073
- /*******************************
17074
- Site Overrides
17075
- *******************************/
17076
- /*!
17077
- * # Semantic UI 2.1.3 - Reveal
17078
- * http://github.com/semantic-org/semantic-ui/
17079
- *
17080
- *
17081
- * Copyright 2015 Contributors
17082
- * Released under the MIT license
17083
- * http://opensource.org/licenses/MIT
17084
- *
17085
- */
17086
- /*******************************
17087
- Reveal
17088
- *******************************/
17089
- .ui.reveal {
17090
- display: inherit;
17091
- position: relative !important;
17092
- font-size: 0em !important; }
17093
-
17094
- .ui.reveal > .visible.content {
17095
- position: absolute !important;
17096
- top: 0em !important;
17097
- left: 0em !important;
17098
- z-index: 3 !important;
17099
- -webkit-transition: all 0.5s ease 0.1s;
17100
- transition: all 0.5s ease 0.1s; }
17101
-
17102
- .ui.reveal > .hidden.content {
17103
- position: relative !important;
17104
- z-index: 2 !important; }
17105
-
17106
- /* Make sure hovered element is on top of other reveal */
17107
- .ui.active.reveal .visible.content,
17108
- .ui.reveal:hover .visible.content {
17109
- z-index: 4 !important; }
17110
-
17111
- /*******************************
17112
- Types
17113
- *******************************/
17114
- /*--------------
17115
- Slide
17116
- ---------------*/
17117
- .ui.slide.reveal {
17118
- position: relative !important;
17119
- overflow: hidden !important;
17120
- white-space: nowrap; }
17121
-
17122
- .ui.slide.reveal > .content {
17123
- display: block;
17124
- width: 100%;
17125
- float: left;
17126
- margin: 0em;
17127
- -webkit-transition: -webkit-transform 0.5s ease 0.1s;
17128
- transition: transform 0.5s ease 0.1s; }
17129
-
17130
- .ui.slide.reveal > .visible.content {
17131
- position: relative !important; }
17132
-
17133
- .ui.slide.reveal > .hidden.content {
17134
- position: absolute !important;
17135
- left: 0% !important;
17136
- width: 100% !important;
17137
- -webkit-transform: translateX(100%) !important;
17138
- -ms-transform: translateX(100%) !important;
17139
- transform: translateX(100%) !important; }
17140
-
17141
- .ui.slide.active.reveal > .visible.content,
17142
- .ui.slide.reveal:hover > .visible.content {
17143
- -webkit-transform: translateX(-100%) !important;
17144
- -ms-transform: translateX(-100%) !important;
17145
- transform: translateX(-100%) !important; }
17146
-
17147
- .ui.slide.active.reveal > .hidden.content,
17148
- .ui.slide.reveal:hover > .hidden.content {
17149
- -webkit-transform: translateX(0%) !important;
17150
- -ms-transform: translateX(0%) !important;
17151
- transform: translateX(0%) !important; }
17152
-
17153
- .ui.slide.right.reveal > .visible.content {
17154
- -webkit-transform: translateX(0%) !important;
17155
- -ms-transform: translateX(0%) !important;
17156
- transform: translateX(0%) !important; }
17157
-
17158
- .ui.slide.right.reveal > .hidden.content {
17159
- -webkit-transform: translateX(-100%) !important;
17160
- -ms-transform: translateX(-100%) !important;
17161
- transform: translateX(-100%) !important; }
17162
-
17163
- .ui.slide.right.active.reveal > .visible.content,
17164
- .ui.slide.right.reveal:hover > .visible.content {
17165
- -webkit-transform: translateX(100%) !important;
17166
- -ms-transform: translateX(100%) !important;
17167
- transform: translateX(100%) !important; }
17168
-
17169
- .ui.slide.right.active.reveal > .hidden.content,
17170
- .ui.slide.right.reveal:hover > .hidden.content {
17171
- -webkit-transform: translateX(0%) !important;
17172
- -ms-transform: translateX(0%) !important;
17173
- transform: translateX(0%) !important; }
17174
-
17175
- .ui.slide.up.reveal > .hidden.content {
17176
- -webkit-transform: translateY(100%) !important;
17177
- -ms-transform: translateY(100%) !important;
17178
- transform: translateY(100%) !important; }
17179
-
17180
- .ui.slide.up.active.reveal > .visible.content,
17181
- .ui.slide.up.reveal:hover > .visible.content {
17182
- -webkit-transform: translateY(-100%) !important;
17183
- -ms-transform: translateY(-100%) !important;
17184
- transform: translateY(-100%) !important; }
17185
-
17186
- .ui.slide.up.active.reveal > .hidden.content,
17187
- .ui.slide.up.reveal:hover > .hidden.content {
17188
- -webkit-transform: translateY(0%) !important;
17189
- -ms-transform: translateY(0%) !important;
17190
- transform: translateY(0%) !important; }
17191
-
17192
- .ui.slide.down.reveal > .hidden.content {
17193
- -webkit-transform: translateY(-100%) !important;
17194
- -ms-transform: translateY(-100%) !important;
17195
- transform: translateY(-100%) !important; }
17196
-
17197
- .ui.slide.down.active.reveal > .visible.content,
17198
- .ui.slide.down.reveal:hover > .visible.content {
17199
- -webkit-transform: translateY(100%) !important;
17200
- -ms-transform: translateY(100%) !important;
17201
- transform: translateY(100%) !important; }
17202
-
17203
- .ui.slide.down.active.reveal > .hidden.content,
17204
- .ui.slide.down.reveal:hover > .hidden.content {
17205
- -webkit-transform: translateY(0%) !important;
17206
- -ms-transform: translateY(0%) !important;
17207
- transform: translateY(0%) !important; }
17208
-
17209
- /*--------------
17210
- Fade
17211
- ---------------*/
17212
- .ui.fade.reveal > .visible.content {
17213
- opacity: 1; }
17214
-
17215
- .ui.fade.active.reveal > .visible.content,
17216
- .ui.fade.reveal:hover > .visible.content {
17217
- opacity: 0; }
17218
-
17219
- /*--------------
17220
- Move
17221
- ---------------*/
17222
- .ui.move.reveal {
17223
- position: relative !important;
17224
- overflow: hidden !important;
17225
- white-space: nowrap; }
17226
-
17227
- .ui.move.reveal > .content {
17228
- display: block;
17229
- float: left;
17230
- margin: 0em;
17231
- -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
17232
- transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; }
17233
-
17234
- .ui.move.reveal > .visible.content {
17235
- position: relative !important; }
17236
-
17237
- .ui.move.reveal > .hidden.content {
17238
- position: absolute !important;
17239
- left: 0% !important;
17240
- width: 100% !important; }
17241
-
17242
- .ui.move.active.reveal > .visible.content,
17243
- .ui.move.reveal:hover > .visible.content {
17244
- -webkit-transform: translateX(-100%) !important;
17245
- -ms-transform: translateX(-100%) !important;
17246
- transform: translateX(-100%) !important; }
17247
-
17248
- .ui.move.right.active.reveal > .visible.content,
17249
- .ui.move.right.reveal:hover > .visible.content {
17250
- -webkit-transform: translateX(100%) !important;
17251
- -ms-transform: translateX(100%) !important;
17252
- transform: translateX(100%) !important; }
17253
-
17254
- .ui.move.up.active.reveal > .visible.content,
17255
- .ui.move.up.reveal:hover > .visible.content {
17256
- -webkit-transform: translateY(-100%) !important;
17257
- -ms-transform: translateY(-100%) !important;
17258
- transform: translateY(-100%) !important; }
17259
-
17260
- .ui.move.down.active.reveal > .visible.content,
17261
- .ui.move.down.reveal:hover > .visible.content {
17262
- -webkit-transform: translateY(100%) !important;
17263
- -ms-transform: translateY(100%) !important;
17264
- transform: translateY(100%) !important; }
17265
-
17266
- /*--------------
17267
- Rotate
17268
- ---------------*/
17269
- .ui.rotate.reveal > .visible.content {
17270
- -webkit-transition-duration: 0.5s;
17271
- transition-duration: 0.5s;
17272
- -webkit-transform: rotate(0deg);
17273
- -ms-transform: rotate(0deg);
17274
- transform: rotate(0deg); }
17275
-
17276
- .ui.rotate.reveal > .visible.content,
17277
- .ui.rotate.right.reveal > .visible.content {
17278
- -webkit-transform-origin: bottom right;
17279
- -ms-transform-origin: bottom right;
17280
- transform-origin: bottom right; }
17281
-
17282
- .ui.rotate.active.reveal > .visible.conten,
17283
- .ui.rotate.reveal:hover > .visible.content,
17284
- .ui.rotate.right.active.reveal > .visible.content,
17285
- .ui.rotate.right.reveal:hover > .visible.content {
17286
- -webkit-transform: rotate(110deg);
17287
- -ms-transform: rotate(110deg);
17288
- transform: rotate(110deg); }
17289
-
17290
- .ui.rotate.left.reveal > .visible.content {
17291
- -webkit-transform-origin: bottom left;
17292
- -ms-transform-origin: bottom left;
17293
- transform-origin: bottom left; }
17294
-
17295
- .ui.rotate.left.active.reveal > .visible.content,
17296
- .ui.rotate.left.reveal:hover > .visible.content {
17297
- -webkit-transform: rotate(-110deg);
17298
- -ms-transform: rotate(-110deg);
17299
- transform: rotate(-110deg); }
17300
-
17301
- /*******************************
17302
- States
17303
- *******************************/
17304
- .ui.disabled.reveal:hover > .visible.visible.content {
17305
- position: static !important;
17306
- display: block !important;
17307
- opacity: 1 !important;
17308
- top: 0 !important;
17309
- left: 0 !important;
17310
- right: auto !important;
17311
- bottom: auto !important;
17312
- -webkit-transform: none !important;
17313
- -ms-transform: none !important;
17314
- transform: none !important; }
17315
-
17316
- .ui.disabled.reveal:hover > .hidden.hidden.content {
17317
- display: none !important; }
17318
-
17319
- /*******************************
17320
- Variations
17321
- *******************************/
17322
- /*--------------
17323
- Visible
17324
- ---------------*/
17325
- .ui.visible.reveal {
17326
- overflow: visible; }
17327
-
17328
- /*--------------
17329
- Instant
17330
- ---------------*/
17331
- .ui.instant.reveal > .content {
17332
- -webkit-transition-delay: 0s !important;
17333
- transition-delay: 0s !important; }
17334
-
17335
- /*--------------
17336
- Sizing
17337
- ---------------*/
17338
- .ui.reveal > .content {
17339
- font-size: 1rem !important; }
17340
-
17341
- /*******************************
17342
- Theme Overrides
17343
- *******************************/
17344
- /*******************************
17345
- Site Overrides
17346
- *******************************/
17347
- /*!
17348
- * # Semantic UI 2.1.3 - Segment
17349
- * http://github.com/semantic-org/semantic-ui/
17350
- *
17351
- *
17352
- * Copyright 2015 Contributors
17353
- * Released under the MIT license
17354
- * http://opensource.org/licenses/MIT
17355
- *
17356
- */
17357
- /*******************************
17358
- Segment
17359
- *******************************/
17360
- .ui.segment {
17361
- position: relative;
17362
- background: #ffffff;
17363
- box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
17364
- margin: 1rem 0em;
17365
- padding: 1em 1em;
17366
- border-radius: 0.28571429rem;
17367
- border: 1px solid rgba(34, 36, 38, 0.15); }
17368
-
17369
- .ui.segment:first-child {
17370
- margin-top: 0em; }
17371
-
17372
- .ui.segment:last-child {
17373
- margin-bottom: 0em; }
17374
-
17375
- /* Vertical */
17376
- .ui.vertical.segment {
17377
- margin: 0em;
17378
- padding-left: 0em;
17379
- padding-right: 0em;
17380
- background: none transparent;
17381
- border-radius: 0px;
17382
- box-shadow: none;
17383
- border: none;
17384
- border-bottom: 1px solid rgba(34, 36, 38, 0.15); }
17385
-
17386
- .ui.vertical.segment:last-child {
17387
- border-bottom: none; }
17388
-
17389
- /*-------------------
17390
- Loose Coupling
17391
- --------------------*/
17392
- /* Header */
17393
- .ui.inverted.segment > .ui.header {
17394
- color: #ffffff; }
17395
-
17396
- /* Label */
17397
- .ui[class*="bottom attached"].segment > [class*="top attached"].label {
17398
- border-top-left-radius: 0em;
17399
- border-top-right-radius: 0em; }
17400
-
17401
- .ui[class*="top attached"].segment > [class*="bottom attached"].label {
17402
- border-bottom-left-radius: 0em;
17403
- border-bottom-right-radius: 0em; }
17404
-
17405
- .ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
17406
- border-top-left-radius: 0em;
17407
- border-top-right-radius: 0em; }
17408
-
17409
- .ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
17410
- border-bottom-left-radius: 0em;
17411
- border-bottom-right-radius: 0em; }
17412
-
17413
- /* Grid */
17414
- .ui.page.grid.segment,
17415
- .ui.grid .ui.segment.column {
17416
- padding-top: 2em;
17417
- padding-bottom: 2em; }
17418
-
17419
- .ui.grid.segment {
17420
- margin: 1rem 0em;
17421
- border-radius: 0.28571429rem; }
17422
-
17423
- /* Table */
17424
- .ui.basic.table.segment {
17425
- background: #ffffff;
17426
- border: 1px solid rgba(34, 36, 38, 0.15);
17427
- box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); }
17428
-
17429
- .ui[class*="very basic"].table.segment {
17430
- padding: 1em 1em; }
17431
-
17432
- /*******************************
17433
- Types
17434
- *******************************/
17435
- /*-------------------
17436
- Piled
17437
- --------------------*/
17438
- .ui.piled.segments,
17439
- .ui.piled.segment {
17440
- margin: 3em 0em;
17441
- box-shadow: '';
17442
- z-index: auto; }
17443
-
17444
- .ui.piled.segment:first-child {
17445
- margin-top: 0em; }
17446
-
17447
- .ui.piled.segment:last-child {
17448
- margin-bottom: 0em; }
17449
-
17450
- .ui.piled.segments:after,
17451
- .ui.piled.segments:before,
17452
- .ui.piled.segment:after,
17453
- .ui.piled.segment:before {
17454
- background-color: #ffffff;
17455
- visibility: visible;
17456
- content: '';
17457
- display: block;
17458
- height: 100%;
17459
- left: 0px;
17460
- position: absolute;
17461
- width: 100%;
17462
- border: 1px solid rgba(34, 36, 38, 0.15);
17463
- box-shadow: ''; }
17464
-
17465
- .ui.piled.segments:before,
17466
- .ui.piled.segment:before {
17467
- -webkit-transform: rotate(-1.2deg);
17468
- -ms-transform: rotate(-1.2deg);
17469
- transform: rotate(-1.2deg);
17470
- top: 0;
17471
- z-index: -2; }
17472
-
17473
- .ui.piled.segments:after,
17474
- .ui.piled.segment:after {
17475
- -webkit-transform: rotate(1.2deg);
17476
- -ms-transform: rotate(1.2deg);
17477
- transform: rotate(1.2deg);
17478
- top: 0;
17479
- z-index: -1; }
17480
-
17481
- /* Piled Attached */
17482
- .ui[class*="top attached"].piled.segment {
17483
- margin-top: 3em;
17484
- margin-bottom: 0em; }
17485
-
17486
- .ui.piled.segment[class*="top attached"]:first-child {
17487
- margin-top: 0em; }
17488
-
17489
- .ui.piled.segment[class*="bottom attached"] {
17490
- margin-top: 0em;
17491
- margin-bottom: 3em; }
17492
-
17493
- .ui.piled.segment[class*="bottom attached"]:last-child {
17494
- margin-bottom: 0em; }
17495
-
17496
- /*-------------------
17497
- Stacked
17498
- --------------------*/
17499
- .ui.stacked.segment {
17500
- padding-bottom: 1.4em; }
17501
-
17502
- .ui.stacked.segments:before,
17503
- .ui.stacked.segments:after,
17504
- .ui.stacked.segment:before,
17505
- .ui.stacked.segment:after {
17506
- content: '';
17507
- position: absolute;
17508
- bottom: -3px;
17509
- left: 0%;
17510
- border-top: 1px solid rgba(34, 36, 38, 0.15);
17511
- background: rgba(0, 0, 0, 0.03);
17512
- width: 100%;
17513
- height: 6px;
17514
- visibility: visible; }
17515
-
17516
- .ui.stacked.segments:before,
17517
- .ui.stacked.segment:before {
17518
- display: none; }
17519
-
17520
- /* Add additional page */
17521
- .ui.tall.stacked.segments:before,
17522
- .ui.tall.stacked.segment:before {
17523
- display: block;
17524
- bottom: 0px; }
17525
-
17526
- /* Inverted */
17527
- .ui.stacked.inverted.segments:before,
17528
- .ui.stacked.inverted.segments:after,
17529
- .ui.stacked.inverted.segment:before,
17530
- .ui.stacked.inverted.segment:after {
17531
- background-color: rgba(0, 0, 0, 0.03);
17532
- border-top: 1px solid rgba(34, 36, 38, 0.35); }
17533
-
17534
- /*-------------------
17535
- Padded
17536
- --------------------*/
17537
- .ui.padded.segment {
17538
- padding: 1.5em; }
17539
-
17540
- .ui[class*="very padded"].segment {
17541
- padding: 3em; }
17542
-
17543
- /*-------------------
17544
- Compact
17545
- --------------------*/
17546
- .ui.compact.segment {
17547
- display: table; }
17548
-
17549
- /* Compact Group */
17550
- .ui.compact.segments {
17551
- display: -webkit-inline-box;
17552
- display: -webkit-inline-flex;
17553
- display: -ms-inline-flexbox;
17554
- display: inline-flex; }
17555
-
17556
- .ui.compact.segments .segment,
17557
- .ui.segments .compact.segment {
17558
- display: block;
17559
- -webkit-box-flex: 0;
17560
- -webkit-flex: 0 1 auto;
17561
- -ms-flex: 0 1 auto;
17562
- flex: 0 1 auto; }
17563
-
17564
- /*-------------------
17565
- Circular
17566
- --------------------*/
17567
- .ui.circular.segment {
17568
- display: table-cell;
17569
- padding: 2em;
17570
- text-align: center;
17571
- vertical-align: middle;
17572
- border-radius: 500em; }
17573
-
17574
- /*-------------------
17575
- Raised
17576
- --------------------*/
17577
- .ui.raised.segments,
17578
- .ui.raised.segment {
17579
- box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.08); }
17580
-
17581
- /*******************************
17582
- Groups
17583
- *******************************/
17584
- /* Group */
17585
- .ui.segments {
17586
- -webkit-box-orient: vertical;
17587
- -webkit-box-direction: normal;
17588
- -webkit-flex-direction: column;
17589
- -ms-flex-direction: column;
17590
- flex-direction: column;
17591
- position: relative;
17592
- margin: 1rem 0em;
17593
- border: 1px solid rgba(34, 36, 38, 0.15);
17594
- box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
17595
- border-radius: 0.28571429rem; }
17596
-
17597
- .ui.segments:first-child {
17598
- margin-top: 0em; }
17599
-
17600
- .ui.segments:last-child {
17601
- margin-bottom: 0em; }
17602
-
17603
- /* Nested Segment */
17604
- .ui.segments > .segment {
17605
- top: 0px;
17606
- bottom: 0px;
17607
- border-radius: 0px;
17608
- margin: 0em;
17609
- width: auto;
17610
- box-shadow: none;
17611
- border: none;
17612
- border-top: 1px solid rgba(34, 36, 38, 0.15); }
17613
-
17614
- .ui.segments:not(.horizontal) > .segment:first-child {
17615
- border-top: none;
17616
- margin-top: 0em;
17617
- bottom: 0px;
17618
- margin-bottom: 0em;
17619
- top: 0px;
17620
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
17621
-
17622
- /* Bottom */
17623
- .ui.segments:not(.horizontal) > .segment:last-child {
17624
- top: 0px;
17625
- bottom: 0px;
17626
- margin-top: 0em;
17627
- margin-bottom: 0em;
17628
- box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
17629
- border-radius: 0em 0em 0.28571429rem 0.28571429rem; }
17630
-
17631
- /* Nested Group */
17632
- .ui.segments > .ui.segments {
17633
- border-top: 1px solid rgba(34, 36, 38, 0.15);
17634
- margin: 1rem 1rem; }
17635
-
17636
- .ui.segments > .segments:first-child {
17637
- border-top: none; }
17638
-
17639
- .ui.segments > .segment + .segments:not(.horizontal) {
17640
- margin-top: 0em; }
17641
-
17642
- /* Horizontal Group */
17643
- .ui.horizontal.segments {
17644
- display: -webkit-box;
17645
- display: -webkit-flex;
17646
- display: -ms-flexbox;
17647
- display: flex;
17648
- -webkit-box-orient: horizontal;
17649
- -webkit-box-direction: normal;
17650
- -webkit-flex-direction: row;
17651
- -ms-flex-direction: row;
17652
- flex-direction: row;
17653
- background-color: transparent;
17654
- border-radius: 0px;
17655
- padding: 0em;
17656
- background-color: #ffffff;
17657
- box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
17658
- margin: 1rem 0em;
17659
- border-radius: 0.28571429rem;
17660
- border: 1px solid rgba(34, 36, 38, 0.15); }
17661
-
17662
- /* Nested Horizontal Group */
17663
- .ui.segments > .horizontal.segments {
17664
- margin: 0em;
17665
- background-color: transparent;
17666
- border-radius: 0px;
17667
- border: none;
17668
- box-shadow: none;
17669
- border-top: 1px solid rgba(34, 36, 38, 0.15); }
17670
-
17671
- /* Horizontal Segment */
17672
- .ui.horizontal.segments > .segment {
17673
- -webkit-box-flex: 1;
17674
- -webkit-flex: 1 1 auto;
17675
- flex: 1 1 auto;
17676
- -ms-flex: 1 1 0px;
17677
- /* Solves #2550 MS Flex */
17678
- margin: 0em;
17679
- min-width: 0px;
17680
- background-color: transparent;
17681
- border-radius: 0px;
17682
- border: none;
17683
- box-shadow: none;
17684
- border-left: 1px solid rgba(34, 36, 38, 0.15); }
17685
-
17686
- .ui.horizontal.segments > .segment:first-child {
17687
- border-left: none; }
17688
-
17689
- /*******************************
17690
- States
17691
- *******************************/
17692
- /*--------------
17693
- Disabled
17694
- ---------------*/
17695
- .ui.disabled.segment {
17696
- opacity: 0.45;
17697
- color: rgba(40, 40, 40, 0.3); }
17698
-
17699
- /*--------------
17700
- Loading
17701
- ---------------*/
17702
- .ui.loading.segment {
17703
- position: relative;
17704
- cursor: default;
17705
- point-events: none;
17706
- text-shadow: none !important;
17707
- color: transparent !important;
17708
- -webkit-transition: all 0s linear;
17709
- transition: all 0s linear; }
17710
-
17711
- .ui.loading.segment:before {
17712
- position: absolute;
17713
- content: '';
17714
- top: 0%;
17715
- left: 0%;
17716
- background: rgba(255, 255, 255, 0.8);
17717
- width: 100%;
17718
- height: 100%;
17719
- border-radius: 0.28571429rem;
17720
- z-index: 100; }
17721
-
17722
- .ui.loading.segment:after {
17723
- position: absolute;
17724
- content: '';
17725
- top: 50%;
17726
- left: 50%;
17727
- margin: -1.5em 0em 0em -1.5em;
17728
- width: 3em;
17729
- height: 3em;
17730
- -webkit-animation: segment-spin 0.6s linear;
17731
- animation: segment-spin 0.6s linear;
17732
- -webkit-animation-iteration-count: infinite;
17733
- animation-iteration-count: infinite;
17734
- border-radius: 500rem;
17735
- border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
17736
- border-style: solid;
17737
- border-width: 0.2em;
17738
- box-shadow: 0px 0px 0px 1px transparent;
17739
- visibility: visible;
17740
- z-index: 101; }
17741
-
17742
- @-webkit-keyframes segment-spin {
17743
- from {
17744
- -webkit-transform: rotate(0deg);
17745
- transform: rotate(0deg); }
17746
- to {
17747
- -webkit-transform: rotate(360deg);
17748
- transform: rotate(360deg); } }
17749
- @keyframes segment-spin {
17750
- from {
17751
- -webkit-transform: rotate(0deg);
17752
- transform: rotate(0deg); }
17753
- to {
17754
- -webkit-transform: rotate(360deg);
17755
- transform: rotate(360deg); } }
17756
- /*******************************
17757
- Variations
17758
- *******************************/
17759
- /*-------------------
17760
- Basic
17761
- --------------------*/
17762
- .ui.basic.segment {
17763
- background: none transparent;
17764
- box-shadow: none;
17765
- border: none;
17766
- border-radius: 0px; }
17767
-
17768
- /*-------------------
17769
- Clearing
17770
- --------------------*/
17771
- .ui.clearing.segment:after {
17772
- content: ".";
17773
- display: block;
17774
- height: 0;
17775
- clear: both;
17776
- visibility: hidden; }
17777
-
17778
- /*-------------------
17779
- Colors
17780
- --------------------*/
17781
- /* Red */
17782
- .ui.red.segment:not(.inverted) {
17783
- border-top: 2px solid #db2828; }
17784
-
17785
- .ui.inverted.red.segment {
17786
- background-color: #db2828 !important;
17787
- color: #ffffff !important; }
17788
-
17789
- /* Orange */
17790
- .ui.orange.segment:not(.inverted) {
17791
- border-top: 2px solid #f2711c; }
17792
-
17793
- .ui.inverted.orange.segment {
17794
- background-color: #f2711c !important;
17795
- color: #ffffff !important; }
17796
-
17797
- /* Yellow */
17798
- .ui.yellow.segment:not(.inverted) {
17799
- border-top: 2px solid #fbbd08; }
17800
-
17801
- .ui.inverted.yellow.segment {
17802
- background-color: #fbbd08 !important;
17803
- color: #ffffff !important; }
17804
-
17805
- /* Olive */
17806
- .ui.olive.segment:not(.inverted) {
17807
- border-top: 2px solid #b5cc18; }
17808
-
17809
- .ui.inverted.olive.segment {
17810
- background-color: #b5cc18 !important;
17811
- color: #ffffff !important; }
17812
-
17813
- /* Green */
17814
- .ui.green.segment:not(.inverted) {
17815
- border-top: 2px solid #21ba45; }
17816
-
17817
- .ui.inverted.green.segment {
17818
- background-color: #21ba45 !important;
17819
- color: #ffffff !important; }
17820
-
17821
- /* Teal */
17822
- .ui.teal.segment:not(.inverted) {
17823
- border-top: 2px solid #00b5ad; }
17824
-
17825
- .ui.inverted.teal.segment {
17826
- background-color: #00b5ad !important;
17827
- color: #ffffff !important; }
17828
-
17829
- /* Blue */
17830
- .ui.blue.segment:not(.inverted) {
17831
- border-top: 2px solid #2185d0; }
17832
-
17833
- .ui.inverted.blue.segment {
17834
- background-color: #2185d0 !important;
17835
- color: #ffffff !important; }
17836
-
17837
- /* Violet */
17838
- .ui.violet.segment:not(.inverted) {
17839
- border-top: 2px solid #6435c9; }
17840
-
17841
- .ui.inverted.violet.segment {
17842
- background-color: #6435c9 !important;
17843
- color: #ffffff !important; }
17844
-
17845
- /* Purple */
17846
- .ui.purple.segment:not(.inverted) {
17847
- border-top: 2px solid #a333c8; }
17848
-
17849
- .ui.inverted.purple.segment {
17850
- background-color: #a333c8 !important;
17851
- color: #ffffff !important; }
17852
-
17853
- /* Pink */
17854
- .ui.pink.segment:not(.inverted) {
17855
- border-top: 2px solid #e03997; }
17856
-
17857
- .ui.inverted.pink.segment {
17858
- background-color: #e03997 !important;
17859
- color: #ffffff !important; }
17860
-
17861
- /* Brown */
17862
- .ui.brown.segment:not(.inverted) {
17863
- border-top: 2px solid #a5673f; }
17864
-
17865
- .ui.inverted.brown.segment {
17866
- background-color: #a5673f !important;
17867
- color: #ffffff !important; }
17868
-
17869
- /* Grey */
17870
- .ui.grey.segment:not(.inverted) {
17871
- border-top: 2px solid #767676; }
17872
-
17873
- .ui.inverted.grey.segment {
17874
- background-color: #767676 !important;
17875
- color: #ffffff !important; }
17876
-
17877
- /* Black */
17878
- .ui.black.segment:not(.inverted) {
17879
- border-top: 2px solid #1b1c1d; }
17880
-
17881
- .ui.inverted.black.segment {
17882
- background-color: #1b1c1d !important;
17883
- color: #ffffff !important; }
17884
-
17885
- /*-------------------
17886
- Aligned
17887
- --------------------*/
17888
- .ui[class*="left aligned"].segment {
17889
- text-align: left; }
17890
-
17891
- .ui[class*="right aligned"].segment {
17892
- text-align: right; }
17893
-
17894
- .ui[class*="center aligned"].segment {
17895
- text-align: center; }
17896
-
17897
- /*-------------------
17898
- Floated
17899
- --------------------*/
17900
- .ui.floated.segment,
17901
- .ui[class*="left floated"].segment {
17902
- float: left;
17903
- margin-right: 1em; }
17904
-
17905
- .ui[class*="right floated"].segment {
17906
- float: right;
17907
- margin-left: 1em; }
17908
-
17909
- /*-------------------
17910
- Inverted
17911
- --------------------*/
17912
- .ui.inverted.segment {
17913
- border: none;
17914
- box-shadow: none; }
17915
-
17916
- .ui.inverted.segment,
17917
- .ui.primary.inverted.segment {
17918
- background: #1b1c1d;
17919
- color: rgba(255, 255, 255, 0.9); }
17920
-
17921
- /* Nested */
17922
- .ui.inverted.segment .segment {
17923
- color: rgba(0, 0, 0, 0.87); }
17924
-
17925
- .ui.inverted.segment .inverted.segment {
17926
- color: rgba(255, 255, 255, 0.9); }
17927
-
17928
- /* Attached */
17929
- .ui.inverted.attached.segment {
17930
- border-color: #555555; }
17931
-
17932
- /*-------------------
17933
- Emphasis
17934
- --------------------*/
17935
- /* Secondary */
17936
- .ui.secondary.segment {
17937
- background: #f3f4f5;
17938
- color: rgba(0, 0, 0, 0.6); }
17939
-
17940
- .ui.secondary.inverted.segment {
17941
- background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
17942
- background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
17943
- color: rgba(255, 255, 255, 0.8); }
17944
-
17945
- /* Tertiary */
17946
- .ui.tertiary.segment {
17947
- background: #dcddde;
17948
- color: rgba(0, 0, 0, 0.6); }
17949
-
17950
- .ui.tertiary.inverted.segment {
17951
- background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
17952
- background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
17953
- color: rgba(255, 255, 255, 0.8); }
17954
-
17955
- /*-------------------
17956
- Attached
17957
- --------------------*/
17958
- /* Middle */
17959
- .ui.attached.segment {
17960
- top: 0px;
17961
- bottom: 0px;
17962
- border-radius: 0px;
17963
- margin: 0em -1px;
17964
- width: calc(100% + 2px );
17965
- max-width: calc(100% + 2px );
17966
- box-shadow: none;
17967
- border: 1px solid #d4d4d5; }
17968
-
17969
- .ui.attached + .ui.attached.segment:not(.top) {
17970
- border-top: none; }
17971
-
17972
- /* Top */
17973
- .ui[class*="top attached"].segment {
17974
- bottom: 0px;
17975
- margin-bottom: 0em;
17976
- top: 0px;
17977
- margin-top: 1rem;
17978
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
17979
-
17980
- .ui.segment[class*="top attached"]:first-child {
17981
- margin-top: 0em; }
17982
-
17983
- /* Bottom */
17984
- .ui.segment[class*="bottom attached"] {
17985
- bottom: 0px;
17986
- margin-top: 0em;
17987
- top: 0px;
17988
- margin-bottom: 1rem;
17989
- box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
17990
- border-radius: 0em 0em 0.28571429rem 0.28571429rem; }
17991
-
17992
- .ui.segment[class*="bottom attached"]:last-child {
17993
- margin-bottom: 0em; }
17994
-
17995
- /*******************************
17996
- Theme Overrides
17997
- *******************************/
17998
- /*******************************
17999
- Site Overrides
18000
- *******************************/
18001
- /*!
18002
- * # Semantic UI 2.1.3 - Step
18003
- * http://github.com/semantic-org/semantic-ui/
18004
- *
18005
- *
18006
- * Copyright 2015 Contributors
18007
- * Released under the MIT license
18008
- * http://opensource.org/licenses/MIT
18009
- *
18010
- */
18011
- /*******************************
18012
- Plural
18013
- *******************************/
18014
- .ui.steps {
18015
- display: -webkit-inline-box;
18016
- display: -webkit-inline-flex;
18017
- display: -ms-inline-flexbox;
18018
- display: inline-flex;
18019
- -webkit-box-orient: horizontal;
18020
- -webkit-box-direction: normal;
18021
- -webkit-flex-direction: row;
18022
- -ms-flex-direction: row;
18023
- flex-direction: row;
18024
- -webkit-box-align: stretch;
18025
- -webkit-align-items: stretch;
18026
- -ms-flex-align: stretch;
18027
- align-items: stretch;
18028
- margin: 1em 0em;
18029
- background: '';
18030
- box-shadow: none;
18031
- line-height: 1.14285714em;
18032
- border-radius: 0.28571429rem;
18033
- border: 1px solid rgba(34, 36, 38, 0.15); }
18034
-
18035
- /* First Steps */
18036
- .ui.steps:first-child {
18037
- margin-top: 0em; }
18038
-
18039
- /* Last Steps */
18040
- .ui.steps:last-child {
18041
- margin-bottom: 0em; }
18042
-
18043
- /*******************************
18044
- Singular
18045
- *******************************/
18046
- .ui.steps .step {
18047
- position: relative;
18048
- display: -webkit-box;
18049
- display: -webkit-flex;
18050
- display: -ms-flexbox;
18051
- display: flex;
18052
- -webkit-box-flex: 1;
18053
- -webkit-flex: 1 0 auto;
18054
- -ms-flex: 1 0 auto;
18055
- flex: 1 0 auto;
18056
- -webkit-flex-wrap: wrap;
18057
- -ms-flex-wrap: wrap;
18058
- flex-wrap: wrap;
18059
- -webkit-box-orient: horizontal;
18060
- -webkit-box-direction: normal;
18061
- -webkit-flex-direction: row;
18062
- -ms-flex-direction: row;
18063
- flex-direction: row;
18064
- vertical-align: middle;
18065
- -webkit-box-align: center;
18066
- -webkit-align-items: center;
18067
- -ms-flex-align: center;
18068
- align-items: center;
18069
- -webkit-box-pack: center;
18070
- -webkit-justify-content: center;
18071
- -ms-flex-pack: center;
18072
- justify-content: center;
18073
- margin: 0em 0em;
18074
- padding: 1.14285714em 2em;
18075
- background: #ffffff;
18076
- color: rgba(0, 0, 0, 0.87);
18077
- box-shadow: none;
18078
- border-radius: 0em;
18079
- border: none;
18080
- border-right: 1px solid rgba(34, 36, 38, 0.15);
18081
- -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
18082
- transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; }
18083
-
18084
- /* Arrow */
18085
- .ui.steps .step:after {
18086
- display: none;
18087
- position: absolute;
18088
- z-index: 2;
18089
- content: '';
18090
- top: 50%;
18091
- right: 0%;
18092
- border: medium none;
18093
- background-color: #ffffff;
18094
- width: 1.14285714em;
18095
- height: 1.14285714em;
18096
- border-style: solid;
18097
- border-color: rgba(34, 36, 38, 0.15);
18098
- border-width: 0px 1px 1px 0px;
18099
- -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
18100
- transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
18101
- -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
18102
- -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg);
18103
- transform: translateY(-50%) translateX(50%) rotate(-45deg); }
18104
-
18105
- /* First Step */
18106
- .ui.steps .step:first-child {
18107
- padding-left: 2em;
18108
- border-radius: 0.28571429rem 0em 0em 0.28571429rem; }
18109
-
18110
- /* Last Step */
18111
- .ui.steps .step:last-child {
18112
- border-radius: 0em 0.28571429rem 0.28571429rem 0em; }
18113
-
18114
- .ui.steps .step:last-child {
18115
- border-right: none;
18116
- margin-right: 0em; }
18117
-
18118
- /* Only Step */
18119
- .ui.steps .step:only-child {
18120
- border-radius: 0.28571429rem; }
18121
-
18122
- /*******************************
18123
- Content
18124
- *******************************/
18125
- /* Title */
18126
- .ui.steps .step .title {
18127
- font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
18128
- font-size: 1.14285714em;
18129
- font-weight: bold; }
18130
-
18131
- .ui.steps .step > .title {
18132
- width: 100%; }
18133
-
18134
- /* Description */
18135
- .ui.steps .step .description {
18136
- font-weight: normal;
18137
- font-size: 0.92857143em;
18138
- color: rgba(0, 0, 0, 0.87); }
18139
-
18140
- .ui.steps .step > .description {
18141
- width: 100%; }
18142
-
18143
- .ui.steps .step .title ~ .description {
18144
- margin-top: 0.25em; }
18145
-
18146
- /* Icon */
18147
- .ui.steps .step > .icon {
18148
- line-height: 1;
18149
- font-size: 2.5em;
18150
- margin: 0em 1rem 0em 0em; }
18151
-
18152
- .ui.steps .step > .icon,
18153
- .ui.steps .step > .icon ~ .content {
18154
- display: block;
18155
- -webkit-box-flex: 0;
18156
- -webkit-flex: 0 1 auto;
18157
- -ms-flex: 0 1 auto;
18158
- flex: 0 1 auto;
18159
- -webkit-align-self: middle;
18160
- -ms-flex-item-align: middle;
18161
- align-self: middle; }
18162
-
18163
- .ui.steps .step > .icon ~ .content {
18164
- -webkit-box-flex: 1 0 auto;
18165
- -webkit-flex-grow: 1 0 auto;
18166
- -ms-flex-positive: 1 0 auto;
18167
- flex-grow: 1 0 auto; }
18168
-
18169
- /* Horizontal Icon */
18170
- .ui.steps:not(.vertical) .step > .icon {
18171
- width: auto; }
18172
-
18173
- /* Link */
18174
- .ui.steps .link.step,
18175
- .ui.steps a.step {
18176
- cursor: pointer; }
18177
-
18178
- /*******************************
18179
- Types
18180
- *******************************/
18181
- /*--------------
18182
- Ordered
18183
- ---------------*/
18184
- .ui.ordered.steps {
18185
- counter-reset: ordered; }
18186
-
18187
- .ui.ordered.steps .step:before {
18188
- display: block;
18189
- position: static;
18190
- text-align: center;
18191
- content: counters(ordered,".");
18192
- -webkit-align-self: middle;
18193
- -ms-flex-item-align: middle;
18194
- align-self: middle;
18195
- margin-right: 1rem;
18196
- font-size: 2.5em;
18197
- counter-increment: ordered;
18198
- font-family: inherit;
18199
- font-weight: bold; }
18200
-
18201
- .ui.ordered.steps .step > * {
18202
- display: block;
18203
- -webkit-align-self: middle;
18204
- -ms-flex-item-align: middle;
18205
- align-self: middle; }
18206
-
18207
- /*--------------
18208
- Vertical
18209
- ---------------*/
18210
- .ui.vertical.steps {
18211
- display: -webkit-inline-box;
18212
- display: -webkit-inline-flex;
18213
- display: -ms-inline-flexbox;
18214
- display: inline-flex;
18215
- -webkit-box-orient: vertical;
18216
- -webkit-box-direction: normal;
18217
- -webkit-flex-direction: column;
18218
- -ms-flex-direction: column;
18219
- flex-direction: column;
18220
- overflow: visible; }
18221
-
18222
- .ui.vertical.steps .step {
18223
- -webkit-box-pack: start;
18224
- -webkit-justify-content: flex-start;
18225
- -ms-flex-pack: start;
18226
- justify-content: flex-start;
18227
- border-radius: 0em;
18228
- padding: 1.14285714em 2em;
18229
- border-right: none;
18230
- border-bottom: 1px solid rgba(34, 36, 38, 0.15); }
18231
-
18232
- .ui.vertical.steps .step:first-child {
18233
- padding: 1.14285714em 2em;
18234
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
18235
-
18236
- .ui.vertical.steps .step:last-child {
18237
- border-bottom: none;
18238
- border-radius: 0em 0em 0.28571429rem 0.28571429rem; }
18239
-
18240
- .ui.vertical.steps .step:only-child {
18241
- border-radius: 0.28571429rem; }
18242
-
18243
- /* Arrow */
18244
- .ui.vertical.steps .step:after {
18245
- display: none; }
18246
-
18247
- .ui.vertical.steps .step:after {
18248
- top: 50%;
18249
- right: 0%;
18250
- border-width: 0px 1px 1px 0px; }
18251
-
18252
- .ui.vertical.steps .step:after {
18253
- display: none; }
18254
-
18255
- .ui.vertical.steps .active.step:after {
18256
- display: block; }
18257
-
18258
- .ui.vertical.steps .step:last-child:after {
18259
- display: none; }
18260
-
18261
- .ui.vertical.steps .active.step:last-child:after {
18262
- display: block; }
18263
-
18264
- /*---------------
18265
- Responsive
18266
- ----------------*/
18267
- /* Mobile (Default) */
18268
- @media only screen and (max-width: 767px) {
18269
- .ui.steps {
18270
- display: -webkit-inline-box;
18271
- display: -webkit-inline-flex;
18272
- display: -ms-inline-flexbox;
18273
- display: inline-flex;
18274
- overflow: visible;
18275
- -webkit-box-orient: vertical;
18276
- -webkit-box-direction: normal;
18277
- -webkit-flex-direction: column;
18278
- -ms-flex-direction: column;
18279
- flex-direction: column; }
18280
-
18281
- .ui.steps .step {
18282
- width: 100% !important;
18283
- -webkit-box-orient: vertical;
18284
- -webkit-box-direction: normal;
18285
- -webkit-flex-direction: column;
18286
- -ms-flex-direction: column;
18287
- flex-direction: column;
18288
- border-radius: 0em;
18289
- padding: 1.14285714em 2em; }
18290
-
18291
- .ui.steps .step:first-child {
18292
- padding: 1.14285714em 2em;
18293
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
18294
-
18295
- .ui.steps .step:last-child {
18296
- border-radius: 0em 0em 0.28571429rem 0.28571429rem; }
18297
-
18298
- /* Arrow */
18299
- .ui.steps .step:after {
18300
- display: none !important; }
18301
-
18302
- /* Content */
18303
- .ui.steps .step .content {
18304
- text-align: center; }
18305
-
18306
- /* Icon */
18307
- .ui.steps .step > .icon,
18308
- .ui.ordered.steps .step:before {
18309
- margin: 0em 0em 1rem 0em; } }
18310
- /*******************************
18311
- States
18312
- *******************************/
18313
- /* Link Hover */
18314
- .ui.steps .link.step:hover::after,
18315
- .ui.steps .link.step:hover,
18316
- .ui.steps a.step:hover::after,
18317
- .ui.steps a.step:hover {
18318
- background: #f9fafb;
18319
- color: rgba(0, 0, 0, 0.8); }
18320
-
18321
- /* Link Down */
18322
- .ui.steps .link.step:active::after,
18323
- .ui.steps .link.step:active,
18324
- .ui.steps a.step:active::after,
18325
- .ui.steps a.step:active {
18326
- background: #f3f4f5;
18327
- color: rgba(0, 0, 0, 0.9); }
18328
-
18329
- /* Active */
18330
- .ui.steps .step.active {
18331
- cursor: auto;
18332
- background: #f3f4f5; }
18333
-
18334
- .ui.steps .step.active:after {
18335
- background: #f3f4f5; }
18336
-
18337
- .ui.steps .step.active .title {
18338
- color: #4183c4; }
18339
-
18340
- .ui.ordered.steps .step.active:before,
18341
- .ui.steps .active.step .icon {
18342
- color: rgba(0, 0, 0, 0.85); }
18343
-
18344
- /* Active Arrow */
18345
- .ui.steps .step:after {
18346
- display: block; }
18347
-
18348
- .ui.steps .active.step:after {
18349
- display: block; }
18350
-
18351
- .ui.steps .step:last-child:after {
18352
- display: none; }
18353
-
18354
- .ui.steps .active.step:last-child:after {
18355
- display: none; }
18356
-
18357
- /* Active Hover */
18358
- .ui.steps .link.active.step:hover::after,
18359
- .ui.steps .link.active.step:hover,
18360
- .ui.steps a.active.step:hover::after,
18361
- .ui.steps a.active.step:hover {
18362
- cursor: pointer;
18363
- background: #dcddde;
18364
- color: rgba(0, 0, 0, 0.87); }
18365
-
18366
- /* Completed */
18367
- .ui.steps .step.completed > .icon:before,
18368
- .ui.ordered.steps .step.completed:before {
18369
- color: #21ba45; }
18370
-
18371
- /* Disabled */
18372
- .ui.steps .disabled.step {
18373
- cursor: auto;
18374
- background: #ffffff;
18375
- pointer-events: none; }
18376
-
18377
- .ui.steps .disabled.step,
18378
- .ui.steps .disabled.step .title,
18379
- .ui.steps .disabled.step .description {
18380
- color: rgba(40, 40, 40, 0.3); }
18381
-
18382
- .ui.steps .disabled.step:after {
18383
- background: #ffffff; }
18384
-
18385
- /*******************************
18386
- Variations
18387
- *******************************/
18388
- /*--------------
18389
- Stackable
18390
- ---------------*/
18391
- /* Tablet Or Below */
18392
- @media only screen and (max-width: 992px) {
18393
- .ui[class*="tablet stackable"].steps {
18394
- display: -webkit-inline-box;
18395
- display: -webkit-inline-flex;
18396
- display: -ms-inline-flexbox;
18397
- display: inline-flex;
18398
- overflow: visible;
18399
- -webkit-box-orient: vertical;
18400
- -webkit-box-direction: normal;
18401
- -webkit-flex-direction: column;
18402
- -ms-flex-direction: column;
18403
- flex-direction: column; }
18404
-
18405
- /* Steps */
18406
- .ui[class*="tablet stackable"].steps .step {
18407
- -webkit-box-orient: vertical;
18408
- -webkit-box-direction: normal;
18409
- -webkit-flex-direction: column;
18410
- -ms-flex-direction: column;
18411
- flex-direction: column;
18412
- border-radius: 0em;
18413
- padding: 1.14285714em 2em; }
18414
-
18415
- .ui[class*="tablet stackable"].steps .step:first-child {
18416
- padding: 1.14285714em 2em;
18417
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
18418
-
18419
- .ui[class*="tablet stackable"].steps .step:last-child {
18420
- border-radius: 0em 0em 0.28571429rem 0.28571429rem; }
18421
-
18422
- /* Arrow */
18423
- .ui[class*="tablet stackable"].steps .step:after {
18424
- display: none !important; }
18425
-
18426
- /* Content */
18427
- .ui[class*="tablet stackable"].steps .step .content {
18428
- text-align: center; }
18429
-
18430
- /* Icon */
18431
- .ui[class*="tablet stackable"].steps .step > .icon,
18432
- .ui[class*="tablet stackable"].ordered.steps .step:before {
18433
- margin: 0em 0em 1rem 0em; } }
18434
- /*--------------
18435
- Fluid
18436
- ---------------*/
18437
- /* Fluid */
18438
- .ui.fluid.steps {
18439
- display: -webkit-box;
18440
- display: -webkit-flex;
18441
- display: -ms-flexbox;
18442
- display: flex;
18443
- width: 100%; }
18444
-
18445
- /*--------------
18446
- Attached
18447
- ---------------*/
18448
- /* Top */
18449
- .ui.attached.steps {
18450
- width: calc(100% + 2px ) !important;
18451
- margin: 0em -1px -1px;
18452
- max-width: calc(100% + 2px );
18453
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
18454
-
18455
- .ui.attached.steps .step:first-child {
18456
- border-radius: 0.28571429rem 0em 0em 0em; }
18457
-
18458
- .ui.attached.steps .step:last-child {
18459
- border-radius: 0em 0.28571429rem 0em 0em; }
18460
-
18461
- /* Bottom */
18462
- .ui.bottom.attached.steps {
18463
- margin: -1px -1px 0em;
18464
- border-radius: 0em 0em 0.28571429rem 0.28571429rem; }
18465
-
18466
- .ui.bottom.attached.steps .step:first-child {
18467
- border-radius: 0em 0em 0em 0.28571429rem; }
18468
-
18469
- .ui.bottom.attached.steps .step:last-child {
18470
- border-radius: 0em 0em 0.28571429rem 0em; }
18471
-
18472
- /*-------------------
18473
- Evenly Divided
18474
- --------------------*/
18475
- .ui.one.steps,
18476
- .ui.two.steps,
18477
- .ui.three.steps,
18478
- .ui.four.steps,
18479
- .ui.five.steps,
18480
- .ui.six.steps,
18481
- .ui.seven.steps,
18482
- .ui.eight.steps {
18483
- width: 100%; }
18484
-
18485
- .ui.one.steps > .step,
18486
- .ui.two.steps > .step,
18487
- .ui.three.steps > .step,
18488
- .ui.four.steps > .step,
18489
- .ui.five.steps > .step,
18490
- .ui.six.steps > .step,
18491
- .ui.seven.steps > .step,
18492
- .ui.eight.steps > .step {
18493
- -webkit-flex-wrap: nowrap;
18494
- -ms-flex-wrap: nowrap;
18495
- flex-wrap: nowrap; }
18496
-
18497
- .ui.one.steps > .step {
18498
- width: 100%; }
18499
-
18500
- .ui.two.steps > .step {
18501
- width: 50%; }
18502
-
18503
- .ui.three.steps > .step {
18504
- width: 33.333%; }
18505
-
18506
- .ui.four.steps > .step {
18507
- width: 25%; }
18508
-
18509
- .ui.five.steps > .step {
18510
- width: 20%; }
18511
-
18512
- .ui.six.steps > .step {
18513
- width: 16.666%; }
18514
-
18515
- .ui.seven.steps > .step {
18516
- width: 14.285%; }
18517
-
18518
- .ui.eight.steps > .step {
18519
- width: 12.500%; }
18520
-
18521
- /*-------------------
18522
- Sizes
18523
- --------------------*/
18524
- .ui.small.step,
18525
- .ui.small.steps .step {
18526
- font-size: 0.92857143rem; }
18527
-
18528
- .ui.step,
18529
- .ui.steps .step {
18530
- font-size: 1rem; }
18531
-
18532
- .ui.large.step,
18533
- .ui.large.steps .step {
18534
- font-size: 1.14285714rem; }
18535
-
18536
- /*******************************
18537
- Theme Overrides
18538
- *******************************/
18539
- @font-face {
18540
- font-family: 'Step';
18541
- src: url(data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA) format("woff"); }
18542
- .ui.steps .step.completed > .icon:before,
18543
- .ui.ordered.steps .step.completed:before {
18544
- font-family: 'Step';
18545
- content: '\e800';
18546
- /* '' */ }
18547
-
18548
- /*******************************
18549
- Site Overrides
18550
- *******************************/
18551
- /*!
18552
- * # Semantic UI 2.1.3 - Accordion
18553
- * http://github.com/semantic-org/semantic-ui/
18554
- *
18555
- *
18556
- * Copyright 2015 Contributors
18557
- * Released under the MIT license
18558
- * http://opensource.org/licenses/MIT
18559
- *
18560
- */
18561
- /*******************************
18562
- Accordion
18563
- *******************************/
18564
- .ui.accordion,
18565
- .ui.accordion .accordion {
18566
- max-width: 100%; }
18567
-
18568
- .ui.accordion .accordion {
18569
- margin: 1em 0em 0em;
18570
- padding: 0em; }
18571
-
18572
- /* Title */
18573
- .ui.accordion .title,
18574
- .ui.accordion .accordion .title {
18575
- cursor: pointer; }
18576
-
18577
- /* Default Styling */
18578
- .ui.accordion .title:not(.ui) {
18579
- padding: 0.5em 0em;
18580
- font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
18581
- font-size: 1em;
18582
- color: rgba(0, 0, 0, 0.87); }
18583
-
18584
- /* Content */
18585
- .ui.accordion .title ~ .content,
18586
- .ui.accordion .accordion .title ~ .content {
18587
- display: none; }
18588
-
18589
- /* Default Styling */
18590
- .ui.accordion:not(.styled) .title ~ .content:not(.ui),
18591
- .ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
18592
- margin: '';
18593
- padding: 0.5em 0em 1em; }
18594
-
18595
- .ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
18596
- padding-bottom: 0em; }
18597
-
18598
- /* Arrow */
18599
- .ui.accordion .title .dropdown.icon,
18600
- .ui.accordion .accordion .title .dropdown.icon {
18601
- display: inline-block;
18602
- float: none;
18603
- opacity: 1;
18604
- width: 1.25em;
18605
- height: 1em;
18606
- margin: 0em 0.25rem 0em 0rem;
18607
- padding: 0em;
18608
- font-size: 1em;
18609
- -webkit-transition: -webkit-transform 0.1s ease, opacity 0.1s ease;
18610
- transition: transform 0.1s ease, opacity 0.1s ease;
18611
- vertical-align: baseline;
18612
- -webkit-transform: none;
18613
- -ms-transform: none;
18614
- transform: none; }
18615
-
18616
- /*--------------
18617
- Coupling
18618
- ---------------*/
18619
- /* Menu */
18620
- .ui.accordion.menu .item .title {
18621
- display: block;
18622
- padding: 0em; }
18623
-
18624
- .ui.accordion.menu .item .title > .dropdown.icon {
18625
- float: right;
18626
- margin: 0.21425em 0em 0em 1em;
18627
- -webkit-transform: rotate(180deg);
18628
- -ms-transform: rotate(180deg);
18629
- transform: rotate(180deg); }
18630
-
18631
- /* Header */
18632
- .ui.accordion .ui.header .dropdown.icon {
18633
- font-size: 1em;
18634
- margin: 0em 0.25rem 0em 0rem; }
18635
-
18636
- /*******************************
18637
- States
18638
- *******************************/
18639
- .ui.accordion .active.title .dropdown.icon,
18640
- .ui.accordion .accordion .active.title .dropdown.icon {
18641
- -webkit-transform: rotate(90deg);
18642
- -ms-transform: rotate(90deg);
18643
- transform: rotate(90deg); }
18644
-
18645
- .ui.accordion.menu .item .active.title > .dropdown.icon {
18646
- -webkit-transform: rotate(90deg);
18647
- -ms-transform: rotate(90deg);
18648
- transform: rotate(90deg); }
18649
-
18650
- /*******************************
18651
- Types
18652
- *******************************/
18653
- /*--------------
18654
- Styled
18655
- ---------------*/
18656
- .ui.styled.accordion {
18657
- width: 600px; }
18658
-
18659
- .ui.styled.accordion,
18660
- .ui.styled.accordion .accordion {
18661
- border-radius: 0.28571429rem;
18662
- background: #ffffff;
18663
- box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15); }
18664
-
18665
- .ui.styled.accordion .title,
18666
- .ui.styled.accordion .accordion .title {
18667
- margin: 0em;
18668
- padding: 0.75em 1em;
18669
- color: rgba(0, 0, 0, 0.4);
18670
- font-weight: bold;
18671
- border-top: 1px solid rgba(34, 36, 38, 0.15);
18672
- -webkit-transition: background 0.1s ease, color 0.1s ease;
18673
- transition: background 0.1s ease, color 0.1s ease; }
18674
-
18675
- .ui.styled.accordion > .title:first-child,
18676
- .ui.styled.accordion .accordion .title:first-child {
18677
- border-top: none; }
18678
-
18679
- /* Content */
18680
- .ui.styled.accordion .content,
18681
- .ui.styled.accordion .accordion .content {
18682
- margin: 0em;
18683
- padding: 0.5em 1em 1.5em; }
18684
-
18685
- .ui.styled.accordion .accordion .content {
18686
- padding: 0em;
18687
- padding: 0.5em 1em 1.5em; }
18688
-
18689
- /* Hover */
18690
- .ui.styled.accordion .title:hover,
18691
- .ui.styled.accordion .active.title,
18692
- .ui.styled.accordion .accordion .title:hover,
18693
- .ui.styled.accordion .accordion .active.title {
18694
- background: transparent;
18695
- color: rgba(0, 0, 0, 0.87); }
18696
-
18697
- .ui.styled.accordion .accordion .title:hover,
18698
- .ui.styled.accordion .accordion .active.title {
18699
- background: transparent;
18700
- color: rgba(0, 0, 0, 0.87); }
18701
-
18702
- /* Active */
18703
- .ui.styled.accordion .active.title {
18704
- background: transparent;
18705
- color: rgba(0, 0, 0, 0.95); }
18706
-
18707
- .ui.styled.accordion .accordion .active.title {
18708
- background: transparent;
18709
- color: rgba(0, 0, 0, 0.95); }
18710
-
18711
- /*******************************
18712
- States
18713
- *******************************/
18714
- /*--------------
18715
- Active
18716
- ---------------*/
18717
- .ui.accordion .active.content,
18718
- .ui.accordion .accordion .active.content {
18719
- display: block; }
18720
-
18721
- /*******************************
18722
- Variations
18723
- *******************************/
18724
- /*--------------
18725
- Fluid
18726
- ---------------*/
18727
- .ui.fluid.accordion,
18728
- .ui.fluid.accordion .accordion {
18729
- width: 100%; }
18730
-
18731
- /*--------------
18732
- Inverted
18733
- ---------------*/
18734
- .ui.inverted.accordion .title:not(.ui) {
18735
- color: rgba(255, 255, 255, 0.9); }
18736
-
18737
- /*******************************
18738
- Theme Overrides
18739
- *******************************/
18740
- @font-face {
18741
- font-family: 'Accordion';
18742
- src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
18743
- font-weight: normal;
18744
- font-style: normal; }
18745
- /* Dropdown Icon */
18746
- .ui.accordion .title .dropdown.icon,
18747
- .ui.accordion .accordion .title .dropdown.icon {
18748
- font-family: Accordion;
18749
- line-height: 1;
18750
- -webkit-backface-visibility: hidden;
18751
- backface-visibility: hidden;
18752
- font-weight: normal;
18753
- font-style: normal;
18754
- text-align: center; }
18755
-
18756
- .ui.accordion .title .dropdown.icon:before,
18757
- .ui.accordion .accordion .title .dropdown.icon:before {
18758
- content: ""; }
18759
-
18760
- /*******************************
18761
- User Overrides
18762
- *******************************/
18763
- /*!
18764
- * # Semantic UI 2.1.3 - Checkbox
18765
- * http://github.com/semantic-org/semantic-ui/
18766
- *
18767
- *
18768
- * Copyright 2015 Contributors
18769
- * Released under the MIT license
18770
- * http://opensource.org/licenses/MIT
18771
- *
18772
- */
18773
- /*******************************
18774
- Checkbox
18775
- *******************************/
18776
- /*--------------
18777
- Content
18778
- ---------------*/
18779
- .ui.checkbox {
18780
- position: relative;
18781
- display: inline-block;
18782
- -webkit-backface-visibility: hidden;
18783
- backface-visibility: hidden;
18784
- outline: none;
18785
- vertical-align: baseline;
18786
- font-style: normal;
18787
- min-height: 17px;
18788
- font-size: 1rem;
18789
- line-height: 17px;
18790
- min-width: 17px; }
18791
-
18792
- /* HTML Checkbox */
18793
- .ui.checkbox input[type="checkbox"],
18794
- .ui.checkbox input[type="radio"] {
18795
- cursor: pointer;
18796
- position: absolute;
18797
- top: 0px;
18798
- left: 0px;
18799
- opacity: 0 !important;
18800
- outline: none;
18801
- z-index: 3;
18802
- width: 17px;
18803
- height: 17px; }
18804
-
18805
- /*--------------
18806
- Box
18807
- ---------------*/
18808
- .ui.checkbox .box,
18809
- .ui.checkbox label {
18810
- cursor: auto;
18811
- position: relative;
18812
- display: block;
18813
- padding-left: 1.85714em;
18814
- outline: none;
18815
- font-size: 1em; }
18816
-
18817
- .ui.checkbox .box:before,
18818
- .ui.checkbox label:before {
18819
- position: absolute;
18820
- top: 0px;
18821
- left: 0px;
18822
- width: 17px;
18823
- height: 17px;
18824
- content: '';
18825
- background: #ffffff;
18826
- border-radius: 0.21428571rem;
18827
- -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, box-shadow 0.1s ease;
18828
- transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
18829
- border: 1px solid #d4d4d5; }
18830
-
18831
- /*--------------
18832
- Checkmark
18833
- ---------------*/
18834
- .ui.checkbox .box:after,
18835
- .ui.checkbox label:after {
18836
- position: absolute;
18837
- font-size: 14px;
18838
- top: 0px;
18839
- left: 0px;
18840
- width: 17px;
18841
- height: 17px;
18842
- text-align: center;
18843
- opacity: 0;
18844
- color: rgba(0, 0, 0, 0.87);
18845
- -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, box-shadow 0.1s ease;
18846
- transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; }
18847
-
18848
- /*--------------
18849
- Label
18850
- ---------------*/
18851
- /* Inside */
18852
- .ui.checkbox label,
18853
- .ui.checkbox + label {
18854
- color: rgba(0, 0, 0, 0.87);
18855
- -webkit-transition: color 0.1s ease;
18856
- transition: color 0.1s ease; }
18857
-
18858
- /* Outside */
18859
- .ui.checkbox + label {
18860
- vertical-align: middle; }
18861
-
18862
- /*******************************
18863
- States
18864
- *******************************/
18865
- /*--------------
18866
- Hover
18867
- ---------------*/
18868
- .ui.checkbox .box:hover::before,
18869
- .ui.checkbox label:hover::before {
18870
- background: #ffffff;
18871
- border-color: rgba(34, 36, 38, 0.35); }
18872
-
18873
- .ui.checkbox label:hover,
18874
- .ui.checkbox + label:hover {
18875
- color: rgba(0, 0, 0, 0.8); }
18876
-
18877
- /*--------------
18878
- Down
18879
- ---------------*/
18880
- .ui.checkbox .box:active::before,
18881
- .ui.checkbox label:active::before {
18882
- background: #f9fafb;
18883
- border-color: rgba(34, 36, 38, 0.35); }
18884
-
18885
- .ui.checkbox .box:active::after,
18886
- .ui.checkbox label:active::after {
18887
- color: rgba(0, 0, 0, 0.95); }
18888
-
18889
- .ui.checkbox input:active ~ label {
18890
- color: rgba(0, 0, 0, 0.95); }
18891
-
18892
- /*--------------
18893
- Focus
18894
- ---------------*/
18895
- .ui.checkbox input:focus ~ .box:before,
18896
- .ui.checkbox input:focus ~ label:before {
18897
- background: #ffffff;
18898
- border-color: #96c8da; }
18899
-
18900
- .ui.checkbox input:focus ~ .box:after,
18901
- .ui.checkbox input:focus ~ label:after {
18902
- color: rgba(0, 0, 0, 0.95); }
18903
-
18904
- .ui.checkbox input:focus ~ label {
18905
- color: rgba(0, 0, 0, 0.95); }
18906
-
18907
- /*--------------
18908
- Active
18909
- ---------------*/
18910
- .ui.checkbox input:checked ~ .box:before,
18911
- .ui.checkbox input:checked ~ label:before {
18912
- background: #ffffff;
18913
- border-color: rgba(34, 36, 38, 0.35); }
18914
-
18915
- .ui.checkbox input:checked ~ .box:after,
18916
- .ui.checkbox input:checked ~ label:after {
18917
- opacity: 1;
18918
- color: rgba(0, 0, 0, 0.95); }
18919
-
18920
- /*--------------
18921
- Indeterminate
18922
- ---------------*/
18923
- .ui.checkbox input:indeterminate ~ .box:before,
18924
- .ui.checkbox input:indeterminate ~ label:before {
18925
- background: #ffffff;
18926
- border-color: rgba(34, 36, 38, 0.35); }
18927
-
18928
- .ui.checkbox input:indeterminate ~ .box:after,
18929
- .ui.checkbox input:indeterminate ~ label:after {
18930
- opacity: 1;
18931
- color: rgba(0, 0, 0, 0.95); }
18932
-
18933
- /*--------------
18934
- Active Focus
18935
- ---------------*/
18936
- .ui.checkbox input:indeterminate:focus ~ .box:before,
18937
- .ui.checkbox input:indeterminate:focus ~ label:before,
18938
- .ui.checkbox input:checked:focus ~ .box:before,
18939
- .ui.checkbox input:checked:focus ~ label:before {
18940
- background: #ffffff;
18941
- border-color: #96c8da; }
18942
-
18943
- .ui.checkbox input:indeterminate:focus ~ .box:after,
18944
- .ui.checkbox input:indeterminate:focus ~ label:after,
18945
- .ui.checkbox input:checked:focus ~ .box:after,
18946
- .ui.checkbox input:checked:focus ~ label:after {
18947
- color: rgba(0, 0, 0, 0.95); }
18948
-
18949
- /*--------------
18950
- Read-Only
18951
- ---------------*/
18952
- .ui.read-only.checkbox,
18953
- .ui.read-only.checkbox label {
18954
- cursor: default; }
18955
-
18956
- /*--------------
18957
- Disabled
18958
- ---------------*/
18959
- .ui.disabled.checkbox .box:after,
18960
- .ui.disabled.checkbox label,
18961
- .ui.checkbox input[disabled] ~ .box:after,
18962
- .ui.checkbox input[disabled] ~ label {
18963
- cursor: default;
18964
- opacity: 0.5;
18965
- color: #000000; }
18966
-
18967
- /*--------------
18968
- Hidden
18969
- ---------------*/
18970
- /* Initialized checkbox moves input below element
18971
- to prevent manually triggering */
18972
- .ui.checkbox input.hidden {
18973
- z-index: -1; }
18974
-
18975
- /* Selectable Label */
18976
- .ui.checkbox input.hidden + label {
18977
- cursor: pointer;
18978
- -webkit-user-select: none;
18979
- -moz-user-select: none;
18980
- -ms-user-select: none;
18981
- user-select: none; }
18982
-
18983
- /*******************************
18984
- Types
18985
- *******************************/
18986
- /*--------------
18987
- Radio
18988
- ---------------*/
18989
- .ui.radio.checkbox {
18990
- min-height: 15px; }
18991
-
18992
- .ui.radio.checkbox .box,
18993
- .ui.radio.checkbox label {
18994
- padding-left: 1.85714em; }
18995
-
18996
- /* Box */
18997
- .ui.radio.checkbox .box:before,
18998
- .ui.radio.checkbox label:before {
18999
- content: '';
19000
- -webkit-transform: none;
19001
- -ms-transform: none;
19002
- transform: none;
19003
- width: 15px;
19004
- height: 15px;
19005
- border-radius: 500rem;
19006
- top: 1px;
19007
- left: 0px; }
19008
-
19009
- /* Bullet */
19010
- .ui.radio.checkbox .box:after,
19011
- .ui.radio.checkbox label:after {
19012
- border: none;
19013
- content: '' !important;
19014
- width: 15px;
19015
- height: 15px;
19016
- line-height: 15px; }
19017
-
19018
- /* Radio Checkbox */
19019
- .ui.radio.checkbox .box:after,
19020
- .ui.radio.checkbox label:after {
19021
- top: 1px;
19022
- left: 0px;
19023
- width: 15px;
19024
- height: 15px;
19025
- border-radius: 500rem;
19026
- -webkit-transform: scale(0.46667);
19027
- -ms-transform: scale(0.46667);
19028
- transform: scale(0.46667);
19029
- background-color: rgba(0, 0, 0, 0.87); }
19030
-
19031
- /* Focus */
19032
- .ui.radio.checkbox input:focus ~ .box:before,
19033
- .ui.radio.checkbox input:focus ~ label:before {
19034
- background-color: #ffffff; }
19035
-
19036
- .ui.radio.checkbox input:focus ~ .box:after,
19037
- .ui.radio.checkbox input:focus ~ label:after {
19038
- background-color: rgba(0, 0, 0, 0.95); }
19039
-
19040
- /* Indeterminate */
19041
- .ui.radio.checkbox input:indeterminate ~ .box:after,
19042
- .ui.radio.checkbox input:indeterminate ~ label:after {
19043
- opacity: 0; }
19044
-
19045
- /* Active */
19046
- .ui.radio.checkbox input:checked ~ .box:before,
19047
- .ui.radio.checkbox input:checked ~ label:before {
19048
- background-color: #ffffff; }
19049
-
19050
- .ui.radio.checkbox input:checked ~ .box:after,
19051
- .ui.radio.checkbox input:checked ~ label:after {
19052
- background-color: rgba(0, 0, 0, 0.95); }
19053
-
19054
- /* Active Focus */
19055
- .ui.radio.checkbox input:focus:checked ~ .box:before,
19056
- .ui.radio.checkbox input:focus:checked ~ label:before {
19057
- background-color: #ffffff; }
19058
-
19059
- .ui.radio.checkbox input:focus:checked ~ .box:after,
19060
- .ui.radio.checkbox input:focus:checked ~ label:after {
19061
- background-color: rgba(0, 0, 0, 0.95); }
19062
-
19063
- /*--------------
19064
- Slider
19065
- ---------------*/
19066
- .ui.slider.checkbox {
19067
- min-height: 1.25rem; }
19068
-
19069
- /* Input */
19070
- .ui.slider.checkbox input {
19071
- width: 3.5rem;
19072
- height: 1.25rem; }
19073
-
19074
- /* Label */
19075
- .ui.slider.checkbox .box,
19076
- .ui.slider.checkbox label {
19077
- padding-left: 4.5rem;
19078
- line-height: 1rem;
19079
- color: rgba(0, 0, 0, 0.4); }
19080
-
19081
- /* Line */
19082
- .ui.slider.checkbox .box:before,
19083
- .ui.slider.checkbox label:before {
19084
- display: block;
19085
- position: absolute;
19086
- content: '';
19087
- border: none !important;
19088
- left: 0em;
19089
- z-index: 1;
19090
- top: 0.4rem;
19091
- background-color: rgba(0, 0, 0, 0.05);
19092
- width: 3.5rem;
19093
- height: 0.21428571rem;
19094
- -webkit-transform: none;
19095
- -ms-transform: none;
19096
- transform: none;
19097
- border-radius: 500rem;
19098
- -webkit-transition: background 0.3s ease;
19099
- transition: background 0.3s ease; }
19100
-
19101
- /* Handle */
19102
- .ui.slider.checkbox .box:after,
19103
- .ui.slider.checkbox label:after {
19104
- background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
19105
- background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
19106
- position: absolute;
19107
- content: '' !important;
19108
- opacity: 1;
19109
- z-index: 2;
19110
- border: none;
19111
- box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
19112
- width: 1.5rem;
19113
- height: 1.5rem;
19114
- top: -0.25rem;
19115
- left: 0em;
19116
- -webkit-transform: none;
19117
- -ms-transform: none;
19118
- transform: none;
19119
- border-radius: 500rem;
19120
- -webkit-transition: left 0.3s ease;
19121
- transition: left 0.3s ease; }
19122
-
19123
- /* Focus */
19124
- .ui.slider.checkbox input:focus ~ .box:before,
19125
- .ui.slider.checkbox input:focus ~ label:before {
19126
- background-color: rgba(0, 0, 0, 0.15);
19127
- border: none; }
19128
-
19129
- /* Hover */
19130
- .ui.slider.checkbox .box:hover,
19131
- .ui.slider.checkbox label:hover {
19132
- color: rgba(0, 0, 0, 0.8); }
19133
-
19134
- .ui.slider.checkbox .box:hover::before,
19135
- .ui.slider.checkbox label:hover::before {
19136
- background: rgba(0, 0, 0, 0.15); }
19137
-
19138
- /* Active */
19139
- .ui.slider.checkbox input:checked ~ .box,
19140
- .ui.slider.checkbox input:checked ~ label {
19141
- color: rgba(0, 0, 0, 0.95) !important; }
19142
-
19143
- .ui.slider.checkbox input:checked ~ .box:before,
19144
- .ui.slider.checkbox input:checked ~ label:before {
19145
- background-color: #545454 !important; }
19146
-
19147
- .ui.slider.checkbox input:checked ~ .box:after,
19148
- .ui.slider.checkbox input:checked ~ label:after {
19149
- left: 2rem; }
19150
-
19151
- /* Active Focus */
19152
- .ui.slider.checkbox input:focus:checked ~ .box,
19153
- .ui.slider.checkbox input:focus:checked ~ label {
19154
- color: rgba(0, 0, 0, 0.95) !important; }
19155
-
19156
- .ui.slider.checkbox input:focus:checked ~ .box:before,
19157
- .ui.slider.checkbox input:focus:checked ~ label:before {
19158
- background-color: #000000 !important; }
19159
-
19160
- /*--------------
19161
- Toggle
19162
- ---------------*/
19163
- .ui.toggle.checkbox {
19164
- min-height: 1.5rem; }
19165
-
19166
- /* Input */
19167
- .ui.toggle.checkbox input {
19168
- width: 3.5rem;
19169
- height: 1.5rem; }
19170
-
19171
- /* Label */
19172
- .ui.toggle.checkbox .box,
19173
- .ui.toggle.checkbox label {
19174
- min-height: 1.5rem;
19175
- padding-left: 4.5rem;
19176
- color: rgba(0, 0, 0, 0.87); }
19177
-
19178
- .ui.toggle.checkbox label {
19179
- padding-top: 0.15em; }
19180
-
19181
- /* Switch */
19182
- .ui.toggle.checkbox .box:before,
19183
- .ui.toggle.checkbox label:before {
19184
- display: block;
19185
- position: absolute;
19186
- content: '';
19187
- z-index: 1;
19188
- -webkit-transform: none;
19189
- -ms-transform: none;
19190
- transform: none;
19191
- border: none;
19192
- top: 0rem;
19193
- background: rgba(0, 0, 0, 0.05);
19194
- width: 3.5rem;
19195
- height: 1.5rem;
19196
- border-radius: 500rem; }
19197
-
19198
- /* Handle */
19199
- .ui.toggle.checkbox .box:after,
19200
- .ui.toggle.checkbox label:after {
19201
- background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
19202
- background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
19203
- position: absolute;
19204
- content: '' !important;
19205
- opacity: 1;
19206
- z-index: 2;
19207
- border: none;
19208
- box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
19209
- width: 1.5rem;
19210
- height: 1.5rem;
19211
- top: 0rem;
19212
- left: 0em;
19213
- border-radius: 500rem;
19214
- -webkit-transition: background 0.3s ease, left 0.3s ease;
19215
- transition: background 0.3s ease, left 0.3s ease; }
19216
-
19217
- .ui.toggle.checkbox input ~ .box:after,
19218
- .ui.toggle.checkbox input ~ label:after {
19219
- left: -0.05rem; }
19220
-
19221
- /* Focus */
19222
- .ui.toggle.checkbox input:focus ~ .box:before,
19223
- .ui.toggle.checkbox input:focus ~ label:before {
19224
- background-color: rgba(0, 0, 0, 0.15);
19225
- border: none; }
19226
-
19227
- /* Hover */
19228
- .ui.toggle.checkbox .box:hover::before,
19229
- .ui.toggle.checkbox label:hover::before {
19230
- background-color: rgba(0, 0, 0, 0.15);
19231
- border: none; }
19232
-
19233
- /* Active */
19234
- .ui.toggle.checkbox input:checked ~ .box,
19235
- .ui.toggle.checkbox input:checked ~ label {
19236
- color: rgba(0, 0, 0, 0.95) !important; }
19237
-
19238
- .ui.toggle.checkbox input:checked ~ .box:before,
19239
- .ui.toggle.checkbox input:checked ~ label:before {
19240
- background-color: #2185d0 !important; }
19241
-
19242
- .ui.toggle.checkbox input:checked ~ .box:after,
19243
- .ui.toggle.checkbox input:checked ~ label:after {
19244
- left: 2.15rem; }
19245
-
19246
- /* Active Focus */
19247
- .ui.toggle.checkbox input:focus:checked ~ .box,
19248
- .ui.toggle.checkbox input:focus:checked ~ label {
19249
- color: rgba(0, 0, 0, 0.95) !important; }
19250
-
19251
- .ui.toggle.checkbox input:focus:checked ~ .box:before,
19252
- .ui.toggle.checkbox input:focus:checked ~ label:before {
19253
- background-color: #0d71bb !important; }
19254
-
19255
- /*******************************
19256
- Variations
19257
- *******************************/
19258
- /*--------------
19259
- Fitted
19260
- ---------------*/
19261
- .ui.fitted.checkbox .box,
19262
- .ui.fitted.checkbox label {
19263
- padding-left: 0em !important; }
19264
-
19265
- .ui.fitted.toggle.checkbox,
19266
- .ui.fitted.toggle.checkbox {
19267
- width: 3.5rem; }
19268
-
19269
- .ui.fitted.slider.checkbox,
19270
- .ui.fitted.slider.checkbox {
19271
- width: 3.5rem; }
19272
-
19273
- /*******************************
19274
- Theme Overrides
19275
- *******************************/
19276
- @font-face {
19277
- font-family: 'Checkbox';
19278
- src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"); }
19279
- /* Checkmark */
19280
- .ui.checkbox label:after,
19281
- .ui.checkbox .box:after {
19282
- font-family: 'Checkbox'; }
19283
-
19284
- /* Checked */
19285
- .ui.checkbox input:checked ~ .box:after,
19286
- .ui.checkbox input:checked ~ label:after {
19287
- content: '\e800'; }
19288
-
19289
- /* Indeterminate */
19290
- .ui.checkbox input:indeterminate ~ .box:after,
19291
- .ui.checkbox input:indeterminate ~ label:after {
19292
- font-size: 12px;
19293
- content: '\e801'; }
19294
-
19295
- /* UTF Reference
19296
- .check:before { content: '\e800'; }
19297
- .dash:before { content: '\e801'; }
19298
- .plus:before { content: '\e802'; }
19299
- */
19300
- /*******************************
19301
- Site Overrides
19302
- *******************************/
19303
- /*!
19304
- * # Semantic UI 2.1.3 - Dimmer
19305
- * http://github.com/semantic-org/semantic-ui/
19306
- *
19307
- *
19308
- * Copyright 2015 Contributors
19309
- * Released under the MIT license
19310
- * http://opensource.org/licenses/MIT
19311
- *
19312
- */
19313
- /*******************************
19314
- Dimmer
19315
- *******************************/
19316
- .dimmable {
19317
- position: relative; }
19318
-
19319
- .ui.dimmer {
19320
- display: none;
19321
- position: absolute;
19322
- top: 0em !important;
19323
- left: 0em !important;
19324
- width: 100%;
19325
- height: 100%;
19326
- text-align: center;
19327
- vertical-align: middle;
19328
- background-color: rgba(0, 0, 0, 0.85);
19329
- opacity: 0;
19330
- line-height: 1;
19331
- -webkit-animation-fill-mode: both;
19332
- animation-fill-mode: both;
19333
- -webkit-animation-duration: 0.5s;
19334
- animation-duration: 0.5s;
19335
- -webkit-transition: background-color 0.5s linear;
19336
- transition: background-color 0.5s linear;
19337
- -webkit-user-select: none;
19338
- -moz-user-select: none;
19339
- -ms-user-select: none;
19340
- user-select: none;
19341
- will-change: opacity;
19342
- z-index: 1000; }
19343
-
19344
- /* Dimmer Content */
19345
- .ui.dimmer > .content {
19346
- width: 100%;
19347
- height: 100%;
19348
- display: table;
19349
- -webkit-user-select: text;
19350
- -moz-user-select: text;
19351
- -ms-user-select: text;
19352
- user-select: text; }
19353
-
19354
- .ui.dimmer > .content > * {
19355
- display: table-cell;
19356
- vertical-align: middle;
19357
- color: #ffffff; }
19358
-
19359
- /* Loose Coupling */
19360
- .ui.segment > .ui.dimmer {
19361
- border-radius: inherit !important; }
19362
-
19363
- /*******************************
19364
- States
19365
- *******************************/
19366
- .animating.dimmable:not(body),
19367
- .dimmed.dimmable:not(body) {
19368
- overflow: hidden; }
19369
-
19370
- .dimmed.dimmable > .ui.animating.dimmer,
19371
- .dimmed.dimmable > .ui.visible.dimmer,
19372
- .ui.active.dimmer {
19373
- display: block;
19374
- opacity: 1; }
19375
-
19376
- .ui.disabled.dimmer {
19377
- width: 0 !important;
19378
- height: 0 !important; }
19379
-
19380
- /*******************************
19381
- Variations
19382
- *******************************/
19383
- /*--------------
19384
- Page
19385
- ---------------*/
19386
- .ui.page.dimmer {
19387
- position: fixed;
19388
- -webkit-transform-style: '';
19389
- transform-style: '';
19390
- -webkit-perspective: 2000px;
19391
- perspective: 2000px;
19392
- -webkit-transform-origin: center center;
19393
- -ms-transform-origin: center center;
19394
- transform-origin: center center; }
19395
-
19396
- body.animating.in.dimmable,
19397
- body.dimmed.dimmable {
19398
- overflow: hidden; }
19399
-
19400
- body.dimmable > .dimmer {
19401
- position: fixed; }
19402
-
19403
- /*--------------
19404
- Blurring
19405
- ---------------*/
19406
- .blurring.dimmable > :not(.dimmer) {
19407
- -webkit-filter: blur(0px) grayscale(0);
19408
- filter: blur(0px) grayscale(0);
19409
- -webkit-transition: 800ms -webkit-filter ease, 800ms filter ease;
19410
- transition: 800ms filter ease; }
19411
-
19412
- .blurring.dimmed.dimmable > :not(.dimmer) {
19413
- -webkit-filter: blur(5px) grayscale(0.7);
19414
- filter: blur(5px) grayscale(0.7); }
19415
-
19416
- /* Dimmer Color */
19417
- .blurring.dimmable > .dimmer {
19418
- background-color: rgba(0, 0, 0, 0.6); }
19419
-
19420
- .blurring.dimmable > .inverted.dimmer {
19421
- background-color: rgba(255, 255, 255, 0.6); }
19422
-
19423
- /*--------------
19424
- Aligned
19425
- ---------------*/
19426
- .ui.dimmer > .top.aligned.content > * {
19427
- vertical-align: top; }
19428
-
19429
- .ui.dimmer > .bottom.aligned.content > * {
19430
- vertical-align: bottom; }
19431
-
19432
- /*--------------
19433
- Inverted
19434
- ---------------*/
19435
- .ui.inverted.dimmer {
19436
- background-color: rgba(255, 255, 255, 0.85); }
19437
-
19438
- .ui.inverted.dimmer > .content > * {
19439
- color: #ffffff; }
19440
-
19441
- /*--------------
19442
- Simple
19443
- ---------------*/
19444
- /* Displays without javascript */
19445
- .ui.simple.dimmer {
19446
- display: block;
19447
- overflow: hidden;
19448
- opacity: 1;
19449
- width: 0%;
19450
- height: 0%;
19451
- z-index: -100;
19452
- background-color: transparent; }
19453
-
19454
- .dimmed.dimmable > .ui.simple.dimmer {
19455
- overflow: visible;
19456
- opacity: 1;
19457
- width: 100%;
19458
- height: 100%;
19459
- background-color: rgba(0, 0, 0, 0.85);
19460
- z-index: 1; }
19461
-
19462
- .ui.simple.inverted.dimmer {
19463
- background-color: rgba(255, 255, 255, 0); }
19464
-
19465
- .dimmed.dimmable > .ui.simple.inverted.dimmer {
19466
- background-color: rgba(255, 255, 255, 0.85); }
19467
-
19468
- /*******************************
19469
- Theme Overrides
19470
- *******************************/
19471
- /*******************************
19472
- User Overrides
19473
- *******************************/
19474
- /*!
19475
- * # Semantic UI 2.1.3 - Dropdown
19476
- * http://github.com/semantic-org/semantic-ui/
19477
- *
19478
- *
19479
- * Copyright 2015 Contributors
19480
- * Released under the MIT license
19481
- * http://opensource.org/licenses/MIT
19482
- *
19483
- */
19484
- /*******************************
19485
- Dropdown
19486
- *******************************/
19487
- .ui.dropdown {
19488
- cursor: pointer;
19489
- position: relative;
19490
- display: inline-block;
19491
- outline: none;
19492
- text-align: left;
19493
- -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
19494
- transition: box-shadow 0.1s ease, width 0.1s ease;
19495
- -webkit-tap-highlight-color: transparent; }
19496
-
19497
- /*******************************
19498
- Content
19499
- *******************************/
19500
- /*--------------
19501
- Menu
19502
- ---------------*/
19503
- .ui.dropdown .menu {
19504
- cursor: auto;
19505
- position: absolute;
19506
- display: none;
19507
- outline: none;
19508
- top: 100%;
19509
- min-width: -webkit-max-content;
19510
- min-width: -moz-max-content;
19511
- min-width: max-content;
19512
- margin: 0em;
19513
- padding: 0em 0em;
19514
- background: #ffffff;
19515
- font-size: 1em;
19516
- text-shadow: none;
19517
- text-align: left;
19518
- box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
19519
- border: 1px solid rgba(34, 36, 38, 0.15);
19520
- border-radius: 0.28571429rem;
19521
- -webkit-transition: opacity 0.1s ease;
19522
- transition: opacity 0.1s ease;
19523
- z-index: 11;
19524
- will-change: transform, opacity; }
19525
-
19526
- .ui.dropdown .menu > * {
19527
- white-space: nowrap; }
19528
-
19529
- /*--------------
19530
- Hidden Input
19531
- ---------------*/
19532
- .ui.dropdown > input:not(.search):first-child,
19533
- .ui.dropdown > select {
19534
- display: none !important; }
19535
-
19536
- /*--------------
19537
- Dropdown Icon
19538
- ---------------*/
19539
- .ui.dropdown > .dropdown.icon {
19540
- position: relative;
19541
- width: auto;
19542
- font-size: 0.85714286em;
19543
- margin: 0em 0em 0em 1em; }
19544
-
19545
- .ui.dropdown .menu > .item .dropdown.icon {
19546
- width: auto;
19547
- float: right;
19548
- margin: 0em 0em 0em 1em; }
19549
-
19550
- .ui.dropdown .menu > .item .dropdown.icon + .text {
19551
- margin-right: 1em; }
19552
-
19553
- /*--------------
19554
- Text
19555
- ---------------*/
19556
- .ui.dropdown > .text {
19557
- display: inline-block;
19558
- -webkit-transition: none;
19559
- transition: none; }
19560
-
19561
- /*--------------
19562
- Menu Item
19563
- ---------------*/
19564
- .ui.dropdown .menu > .item {
19565
- position: relative;
19566
- cursor: pointer;
19567
- display: block;
19568
- border: none;
19569
- height: auto;
19570
- text-align: left;
19571
- border-top: none;
19572
- line-height: 1em;
19573
- color: rgba(0, 0, 0, 0.87);
19574
- padding: 0.71428571rem 1.14285714rem !important;
19575
- font-size: 1rem;
19576
- text-transform: none;
19577
- font-weight: normal;
19578
- box-shadow: none;
19579
- -webkit-touch-callout: none; }
19580
-
19581
- .ui.dropdown .menu > .item:first-child {
19582
- border-top-width: 0px; }
19583
-
19584
- /*--------------
19585
- Floated Content
19586
- ---------------*/
19587
- .ui.dropdown > .text > [class*="right floated"],
19588
- .ui.dropdown .menu .item > [class*="right floated"] {
19589
- float: right !important;
19590
- margin-right: 0em !important;
19591
- margin-left: 1em !important; }
19592
-
19593
- .ui.dropdown > .text > [class*="left floated"],
19594
- .ui.dropdown .menu .item > [class*="left floated"] {
19595
- float: left !important;
19596
- margin-left: 0em !important;
19597
- margin-right: 1em !important; }
19598
-
19599
- .ui.dropdown .menu .item > .icon.floated,
19600
- .ui.dropdown .menu .item > .flag.floated,
19601
- .ui.dropdown .menu .item > .image.floated,
19602
- .ui.dropdown .menu .item > img.floated {
19603
- margin-top: 0em; }
19604
-
19605
- /*--------------
19606
- Menu Divider
19607
- ---------------*/
19608
- .ui.dropdown .menu > .header {
19609
- margin: 1rem 0rem 0.75rem;
19610
- padding: 0em 1.14285714rem;
19611
- color: rgba(0, 0, 0, 0.85);
19612
- font-size: 0.78571429em;
19613
- font-weight: bold;
19614
- text-transform: uppercase; }
19615
-
19616
- .ui.dropdown .menu > .divider {
19617
- border-top: 1px solid rgba(34, 36, 38, 0.1);
19618
- height: 0em;
19619
- margin: 0.5em 0em; }
19620
-
19621
- .ui.dropdown .menu > .input {
19622
- width: auto;
19623
- display: -webkit-box;
19624
- display: -webkit-flex;
19625
- display: -ms-flexbox;
19626
- display: flex;
19627
- margin: 1.14285714rem 0.71428571rem;
19628
- min-width: 10rem; }
19629
-
19630
- .ui.dropdown .menu > .header + .input {
19631
- margin-top: 0em; }
19632
-
19633
- .ui.dropdown .menu > .input:not(.transparent) input {
19634
- padding: 0.5em 1em; }
19635
-
19636
- .ui.dropdown .menu > .input:not(.transparent) .button,
19637
- .ui.dropdown .menu > .input:not(.transparent) .icon,
19638
- .ui.dropdown .menu > .input:not(.transparent) .label {
19639
- padding-top: 0.5em;
19640
- padding-bottom: 0.5em; }
19641
-
19642
- /*-----------------
19643
- Item Description
19644
- -------------------*/
19645
- .ui.dropdown > .text > .description,
19646
- .ui.dropdown .menu > .item > .description {
19647
- float: right;
19648
- margin: 0em 0em 0em 1em;
19649
- color: rgba(0, 0, 0, 0.4); }
19650
-
19651
- /*-----------------
19652
- Message
19653
- -------------------*/
19654
- .ui.dropdown .menu > .message {
19655
- padding: 0.71428571rem 1.14285714rem;
19656
- font-weight: normal; }
19657
-
19658
- .ui.dropdown .menu > .message:not(.ui) {
19659
- color: rgba(0, 0, 0, 0.4); }
19660
-
19661
- /*--------------
19662
- Sub Menu
19663
- ---------------*/
19664
- .ui.dropdown .menu .menu {
19665
- top: 0% !important;
19666
- left: 100% !important;
19667
- right: auto !important;
19668
- margin: 0em 0em 0em -0.5em !important;
19669
- border-radius: 0.28571429rem !important;
19670
- z-index: 21 !important; }
19671
-
19672
- /* Hide Arrow */
19673
- .ui.dropdown .menu .menu:after {
19674
- display: none; }
19675
-
19676
- /*--------------
19677
- Sub Elements
19678
- ---------------*/
19679
- /* Icons / Flags / Labels / Image */
19680
- .ui.dropdown > .text > .icon,
19681
- .ui.dropdown > .text > .label,
19682
- .ui.dropdown > .text > .flag,
19683
- .ui.dropdown > .text > img,
19684
- .ui.dropdown > .text > .image {
19685
- margin-top: 0em; }
19686
-
19687
- .ui.dropdown .menu > .item > .icon,
19688
- .ui.dropdown .menu > .item > .label,
19689
- .ui.dropdown .menu > .item > .flag,
19690
- .ui.dropdown .menu > .item > .image,
19691
- .ui.dropdown .menu > .item > img {
19692
- margin-top: 0em; }
19693
-
19694
- .ui.dropdown > .text > .icon,
19695
- .ui.dropdown > .text > .label,
19696
- .ui.dropdown > .text > .flag,
19697
- .ui.dropdown > .text > img,
19698
- .ui.dropdown > .text > .image,
19699
- .ui.dropdown .menu > .item > .icon,
19700
- .ui.dropdown .menu > .item > .label,
19701
- .ui.dropdown .menu > .item > .flag,
19702
- .ui.dropdown .menu > .item > .image,
19703
- .ui.dropdown .menu > .item > img {
19704
- margin-left: 0em;
19705
- float: none;
19706
- margin-right: 0.71428571rem; }
19707
-
19708
- /*--------------
19709
- Image
19710
- ---------------*/
19711
- .ui.dropdown > .text > img,
19712
- .ui.dropdown > .text > .image,
19713
- .ui.dropdown .menu > .item > .image,
19714
- .ui.dropdown .menu > .item > img {
19715
- display: inline-block;
19716
- vertical-align: middle;
19717
- width: auto;
19718
- max-height: 2em; }
19719
-
19720
- /*******************************
19721
- Coupling
19722
- *******************************/
19723
- /*--------------
19724
- Menu
19725
- ---------------*/
19726
- /* Remove Menu Item Divider */
19727
- .ui.dropdown .ui.menu > .item:before,
19728
- .ui.menu .ui.dropdown .menu > .item:before {
19729
- display: none; }
19730
-
19731
- /* Prevent Menu Item Border */
19732
- .ui.menu .ui.dropdown .menu .active.item {
19733
- border-left: none; }
19734
-
19735
- /* Automatically float dropdown menu right on last menu item */
19736
- .ui.menu .right.menu .dropdown:last-child .menu,
19737
- .ui.menu .right.dropdown.item .menu,
19738
- .ui.buttons > .ui.dropdown:last-child .menu {
19739
- left: auto;
19740
- right: 0em; }
19741
-
19742
- /*--------------
19743
- Label
19744
- ---------------*/
19745
- /* Dropdown Menu */
19746
- .ui.label.dropdown .menu {
19747
- min-width: 100%; }
19748
-
19749
- /*--------------
19750
- Button
19751
- ---------------*/
19752
- /* No Margin On Icon Button */
19753
- .ui.dropdown.icon.button > .dropdown.icon {
19754
- margin: 0em; }
19755
-
19756
- .ui.button.dropdown .menu {
19757
- min-width: 100%; }
19758
-
19759
- /*******************************
19760
- Types
19761
- *******************************/
19762
- /*--------------
19763
- Selection
19764
- ---------------*/
19765
- /* Displays like a select box */
19766
- .ui.selection.dropdown {
19767
- cursor: pointer;
19768
- word-wrap: break-word;
19769
- line-height: 1em;
19770
- white-space: normal;
19771
- outline: 0;
19772
- -webkit-transform: rotateZ(0deg);
19773
- transform: rotateZ(0deg);
19774
- min-width: 14em;
19775
- min-height: 2.7142em;
19776
- background: #ffffff;
19777
- display: inline-block;
19778
- padding: 0.78571429em 2.6em 0.78571429em 1em;
19779
- color: rgba(0, 0, 0, 0.87);
19780
- box-shadow: none;
19781
- border: 1px solid rgba(34, 36, 38, 0.15);
19782
- border-radius: 0.28571429rem;
19783
- -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
19784
- transition: box-shadow 0.1s ease, width 0.1s ease; }
19785
-
19786
- .ui.selection.dropdown.visible,
19787
- .ui.selection.dropdown.active {
19788
- z-index: 10; }
19789
-
19790
- select.ui.dropdown {
19791
- height: 38px;
19792
- padding: 0.5em;
19793
- border: 1px solid rgba(34, 36, 38, 0.15);
19794
- visibility: visible; }
19795
-
19796
- .ui.selection.dropdown > .search.icon,
19797
- .ui.selection.dropdown > .delete.icon,
19798
- .ui.selection.dropdown > .dropdown.icon {
19799
- cursor: pointer;
19800
- position: absolute;
19801
- top: auto;
19802
- width: auto;
19803
- z-index: 3;
19804
- margin: -0.78571429em;
19805
- padding: 0.78571429em;
19806
- right: 1em;
19807
- opacity: 0.8;
19808
- -webkit-transition: opacity 0.1s ease;
19809
- transition: opacity 0.1s ease; }
19810
-
19811
- /* Compact */
19812
- .ui.compact.selection.dropdown {
19813
- min-width: 0px; }
19814
-
19815
- /* Selection Menu */
19816
- .ui.selection.dropdown .menu {
19817
- overflow-x: hidden;
19818
- overflow-y: auto;
19819
- -webkit-backface-visibility: hidden;
19820
- backface-visibility: hidden;
19821
- -webkit-overflow-scrolling: touch;
19822
- border-top-width: 0px !important;
19823
- width: auto;
19824
- outline: none;
19825
- margin: 0px -1px;
19826
- min-width: calc(100% + 2px );
19827
- width: calc(100% + 2px );
19828
- border-radius: 0em 0em 0.28571429rem 0.28571429rem;
19829
- box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
19830
- -webkit-transition: opacity 0.1s ease;
19831
- transition: opacity 0.1s ease; }
19832
-
19833
- .ui.selection.dropdown .menu:after,
19834
- .ui.selection.dropdown .menu:before {
19835
- display: none; }
19836
-
19837
- /*--------------
19838
- Message
19839
- ---------------*/
19840
- .ui.selection.dropdown .menu > .message {
19841
- padding: 0.71428571rem 1.14285714rem; }
19842
-
19843
- @media only screen and (max-width: 767px) {
19844
- .ui.selection.dropdown .menu {
19845
- max-height: 7.58571429rem; } }
19846
- @media only screen and (min-width: 768px) {
19847
- .ui.selection.dropdown .menu {
19848
- max-height: 10.11428571rem; } }
19849
- @media only screen and (min-width: 992px) {
19850
- .ui.selection.dropdown .menu {
19851
- max-height: 15.17142857rem; } }
19852
- @media only screen and (min-width: 1920px) {
19853
- .ui.selection.dropdown .menu {
19854
- max-height: 20.22857143rem; } }
19855
- /* Menu Item */
19856
- .ui.selection.dropdown .menu > .item {
19857
- border-top: 1px solid #fafafa;
19858
- padding: 0.71428571rem 1.14285714rem !important;
19859
- white-space: normal;
19860
- word-wrap: normal; }
19861
-
19862
- /* Hover */
19863
- .ui.selection.dropdown:hover {
19864
- border-color: rgba(34, 36, 38, 0.35);
19865
- box-shadow: none; }
19866
-
19867
- /* Active */
19868
- .ui.selection.active.dropdown {
19869
- border-color: #96c8da;
19870
- box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }
19871
-
19872
- .ui.selection.active.dropdown .menu {
19873
- border-color: #96c8da;
19874
- box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }
19875
-
19876
- /* Focus */
19877
- .ui.selection.dropdown:focus {
19878
- border-color: #96c8da;
19879
- box-shadow: none; }
19880
-
19881
- .ui.selection.dropdown:focus .menu {
19882
- border-color: #96c8da;
19883
- box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }
19884
-
19885
- /* Visible */
19886
- .ui.selection.visible.dropdown > .text:not(.default) {
19887
- font-weight: normal;
19888
- color: rgba(0, 0, 0, 0.8); }
19889
-
19890
- /* Visible Hover */
19891
- .ui.selection.active.dropdown:hover {
19892
- border-color: #96c8da;
19893
- box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }
19894
-
19895
- .ui.selection.active.dropdown:hover .menu {
19896
- border-color: #96c8da;
19897
- box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }
19898
-
19899
- /* Dropdown Icon */
19900
- .ui.active.selection.dropdown > .dropdown.icon,
19901
- .ui.visible.selection.dropdown > .dropdown.icon {
19902
- opacity: 1;
19903
- z-index: 3; }
19904
-
19905
- /* Connecting Border */
19906
- .ui.active.selection.dropdown {
19907
- border-bottom-left-radius: 0em !important;
19908
- border-bottom-right-radius: 0em !important; }
19909
-
19910
- /*--------------
19911
- Searchable
19912
- ---------------*/
19913
- /* Search Selection */
19914
- .ui.search.dropdown {
19915
- min-width: ''; }
19916
-
19917
- /* Search Dropdown */
19918
- .ui.search.dropdown > input.search {
19919
- background: none transparent !important;
19920
- border: none !important;
19921
- box-shadow: none !important;
19922
- cursor: pointer;
19923
- top: 0em;
19924
- left: 0em;
19925
- width: 100%;
19926
- outline: none;
19927
- -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
19928
- padding: inherit; }
19929
-
19930
- /* Text Layering */
19931
- .ui.search.dropdown > input.search {
19932
- position: absolute;
19933
- z-index: 2; }
19934
-
19935
- .ui.search.dropdown > .text {
19936
- cursor: text;
19937
- position: relative;
19938
- z-index: 3; }
19939
-
19940
- /* Search Selection */
19941
- .ui.search.selection.dropdown > input.search {
19942
- line-height: 1.2142em;
19943
- padding: 0.67861429em 2.6em 0.67861429em 1em; }
19944
-
19945
- /* Active/Visible Search */
19946
- .ui.search.dropdown.active > input.search,
19947
- .ui.search.dropdown.visible > input.search {
19948
- cursor: auto; }
19949
-
19950
- .ui.search.dropdown.active > .text,
19951
- .ui.search.dropdown.visible > .text {
19952
- pointer-events: none; }
19953
-
19954
- /* Filtered Text */
19955
- .ui.active.search.dropdown input.search:focus + .text .icon,
19956
- .ui.active.search.dropdown input.search:focus + .text .flag {
19957
- opacity: 0.45; }
19958
-
19959
- .ui.active.search.dropdown input.search:focus + .text {
19960
- color: rgba(0, 0, 0, 0.4) !important; }
19961
-
19962
- /* Search Menu */
19963
- .ui.search.dropdown .menu {
19964
- overflow-x: hidden;
19965
- overflow-y: auto;
19966
- -webkit-backface-visibility: hidden;
19967
- backface-visibility: hidden;
19968
- -webkit-overflow-scrolling: touch; }
19969
-
19970
- @media only screen and (max-width: 767px) {
19971
- .ui.search.dropdown .menu {
19972
- max-height: 7.58571429rem; } }
19973
- @media only screen and (min-width: 768px) {
19974
- .ui.search.dropdown .menu {
19975
- max-height: 10.11428571rem; } }
19976
- @media only screen and (min-width: 992px) {
19977
- .ui.search.dropdown .menu {
19978
- max-height: 15.17142857rem; } }
19979
- @media only screen and (min-width: 1920px) {
19980
- .ui.search.dropdown .menu {
19981
- max-height: 20.22857143rem; } }
19982
- /*--------------
19983
- Multiple
19984
- ---------------*/
19985
- /* Multiple Selection */
19986
- .ui.multiple.dropdown {
19987
- padding: 0.22620476em 2.6em 0.22620476em 0.28571429em; }
19988
-
19989
- .ui.multiple.dropdown .menu {
19990
- cursor: auto; }
19991
-
19992
- /* Multiple Search Selection */
19993
- .ui.multiple.search.dropdown,
19994
- .ui.multiple.search.dropdown > input.search {
19995
- cursor: text; }
19996
-
19997
- /* Selection Label */
19998
- .ui.multiple.dropdown > .label {
19999
- -webkit-user-select: none;
20000
- -moz-user-select: none;
20001
- -ms-user-select: none;
20002
- user-select: none;
20003
- display: inline-block;
20004
- vertical-align: top;
20005
- white-space: normal;
20006
- font-size: 1em;
20007
- padding: 0.35714286em 0.71428571em;
20008
- margin: 0.21428571em 0.28571429rem 0.21428571em 0em;
20009
- box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; }
20010
-
20011
- /* Dropdown Icon */
20012
- .ui.multiple.dropdown .dropdown.icon {
20013
- margin: 0em -0.71428571em 0em 0em;
20014
- padding: 0.5em; }
20015
-
20016
- /* Text */
20017
- .ui.multiple.dropdown > .text {
20018
- position: static;
20019
- padding: 0;
20020
- max-width: 100%;
20021
- margin: 0.45240952em 0em 0.45240952em 0.71428571em;
20022
- line-height: 1.2142em; }
20023
-
20024
- .ui.multiple.dropdown > .label ~ .text {
20025
- display: none; }
20026
-
20027
- /*-----------------
20028
- Multiple Search
20029
- -----------------*/
20030
- /* Prompt Text */
20031
- .ui.multiple.search.dropdown > .text {
20032
- display: inline-block;
20033
- position: absolute;
20034
- top: 0;
20035
- left: 0;
20036
- padding: inherit;
20037
- margin: 0.45240952em 0em 0.45240952em 0.71428571em;
20038
- line-height: 1.2142em; }
20039
-
20040
- .ui.multiple.search.dropdown > .label ~ .text {
20041
- display: none; }
20042
-
20043
- /* Search */
20044
- .ui.multiple.search.dropdown > input.search {
20045
- position: static;
20046
- padding: 0;
20047
- max-width: 100%;
20048
- margin: 0.45240952em 0em 0.45240952em 0.71428571em;
20049
- width: 2.2em;
20050
- line-height: 1.2142em; }
20051
-
20052
- /*--------------
20053
- Inline
20054
- ---------------*/
20055
- .ui.inline.dropdown {
20056
- cursor: pointer;
20057
- display: inline-block;
20058
- color: inherit; }
20059
-
20060
- .ui.inline.dropdown .dropdown.icon {
20061
- margin: 0em 0.5em 0em 0.25em;
20062
- vertical-align: baseline; }
20063
-
20064
- .ui.inline.dropdown > .text {
20065
- font-weight: bold; }
20066
-
20067
- .ui.inline.dropdown .menu {
20068
- cursor: auto;
20069
- margin-top: 0.25em;
20070
- border-radius: 0.28571429rem; }
20071
-
20072
- /*******************************
20073
- States
20074
- *******************************/
20075
- /*--------------------
20076
- Active
20077
- ----------------------*/
20078
- /* Menu Item Active */
20079
- .ui.dropdown .menu .active.item {
20080
- background: transparent;
20081
- font-weight: bold;
20082
- color: rgba(0, 0, 0, 0.95);
20083
- box-shadow: none;
20084
- z-index: 12; }
20085
-
20086
- /*--------------------
20087
- Hover
20088
- ----------------------*/
20089
- /* Menu Item Hover */
20090
- .ui.dropdown .menu > .item:hover {
20091
- background: rgba(0, 0, 0, 0.05);
20092
- color: rgba(0, 0, 0, 0.95);
20093
- z-index: 13; }
20094
-
20095
- /*--------------------
20096
- Loading
20097
- ---------------------*/
20098
- /* Positioning */
20099
- .ui.loading.dropdown > i.icon:before,
20100
- .ui.loading.dropdown > i.icon:after {
20101
- left: 30% !important; }
20102
-
20103
- .ui.loading.dropdown > i.icon {
20104
- top: 50% !important; }
20105
-
20106
- .ui.multiple.loading.dropdown > i.icon:before,
20107
- .ui.multiple.loading.dropdown > i.icon:after {
20108
- top: 0% !important;
20109
- left: 0% !important; }
20110
-
20111
- .ui.loading.dropdown > i.icon:before {
20112
- position: absolute;
20113
- content: '';
20114
- top: 50%;
20115
- left: 50%;
20116
- margin: -0.64285714em 0em 0em -0.64285714em;
20117
- width: 1.28571429em;
20118
- height: 1.28571429em;
20119
- border-radius: 500rem;
20120
- border: 0.2em solid rgba(0, 0, 0, 0.1); }
20121
-
20122
- .ui.loading.dropdown > i.icon:after {
20123
- position: absolute;
20124
- content: '';
20125
- top: 50%;
20126
- left: 50%;
20127
- box-shadow: 0px 0px 0px 1px transparent;
20128
- margin: -0.64285714em 0em 0em -0.64285714em;
20129
- width: 1.28571429em;
20130
- height: 1.28571429em;
20131
- -webkit-animation: dropdown-spin 0.6s linear;
20132
- animation: dropdown-spin 0.6s linear;
20133
- -webkit-animation-iteration-count: infinite;
20134
- animation-iteration-count: infinite;
20135
- border-radius: 500rem;
20136
- border-color: #767676 transparent transparent;
20137
- border-style: solid;
20138
- border-width: 0.2em; }
20139
-
20140
- /* Coupling */
20141
- .ui.loading.dropdown.button > i.icon:before,
20142
- .ui.loading.dropdown.button > i.icon:after {
20143
- display: none; }
20144
-
20145
- @-webkit-keyframes dropdown-spin {
20146
- from {
20147
- -webkit-transform: rotate(0deg);
20148
- transform: rotate(0deg); }
20149
- to {
20150
- -webkit-transform: rotate(360deg);
20151
- transform: rotate(360deg); } }
20152
- @keyframes dropdown-spin {
20153
- from {
20154
- -webkit-transform: rotate(0deg);
20155
- transform: rotate(0deg); }
20156
- to {
20157
- -webkit-transform: rotate(360deg);
20158
- transform: rotate(360deg); } }
20159
- /*--------------------
20160
- Default Text
20161
- ----------------------*/
20162
- .ui.dropdown > .default.text,
20163
- .ui.default.dropdown > .text {
20164
- color: rgba(179, 179, 179, 0.7); }
20165
-
20166
- .ui.dropdown:hover > .default.text,
20167
- .ui.default.dropdown:hover > .text {
20168
- color: rgba(179, 179, 179, 0.7); }
20169
-
20170
- /*--------------------
20171
- Loading
20172
- ----------------------*/
20173
- .ui.loading.dropdown > .text {
20174
- -webkit-transition: none;
20175
- transition: none; }
20176
-
20177
- /* Used To Check Position */
20178
- .ui.dropdown .loading.menu {
20179
- display: block;
20180
- visibility: hidden;
20181
- z-index: -1; }
20182
-
20183
- /*--------------------
20184
- Keyboard Select
20185
- ----------------------*/
20186
- /* Selected Item */
20187
- .ui.dropdown.selected,
20188
- .ui.dropdown .menu .selected.item {
20189
- background: rgba(0, 0, 0, 0.03);
20190
- color: rgba(0, 0, 0, 0.95); }
20191
-
20192
- /*--------------------
20193
- Search Filtered
20194
- ----------------------*/
20195
- /* Filtered Item */
20196
- .ui.dropdown > .filtered.text {
20197
- visibility: hidden; }
20198
-
20199
- .ui.dropdown .filtered.item {
20200
- display: none !important; }
20201
-
20202
- /*--------------------
20203
- Error
20204
- ----------------------*/
20205
- .ui.dropdown.error,
20206
- .ui.dropdown.error > .text,
20207
- .ui.dropdown.error > .default.text {
20208
- color: #9f3a38; }
20209
-
20210
- .ui.selection.dropdown.error {
20211
- background: #fff6f6;
20212
- border-color: #e0b4b4; }
20213
-
20214
- .ui.selection.dropdown.error:hover {
20215
- border-color: #e0b4b4; }
20216
-
20217
- .ui.dropdown.error > .menu,
20218
- .ui.dropdown.error > .menu .menu {
20219
- border-color: #e0b4b4; }
20220
-
20221
- .ui.dropdown.error > .menu > .item {
20222
- color: #9f3a38; }
20223
-
20224
- .ui.multiple.selection.error.dropdown > .label {
20225
- border-color: #e0b4b4; }
20226
-
20227
- /* Item Hover */
20228
- .ui.dropdown.error > .menu > .item:hover {
20229
- background-color: #fff2f2; }
20230
-
20231
- /* Item Active */
20232
- .ui.dropdown.error > .menu .active.item {
20233
- background-color: #fdcfcf; }
20234
-
20235
- /*--------------------
20236
- Disabled
20237
- ----------------------*/
20238
- /* Disabled */
20239
- .ui.disabled.dropdown,
20240
- .ui.dropdown .menu > .disabled.item {
20241
- cursor: default;
20242
- pointer-events: none;
20243
- opacity: 0.45; }
20244
-
20245
- /*******************************
20246
- Variations
20247
- *******************************/
20248
- /*--------------
20249
- Direction
20250
- ---------------*/
20251
- /* Flyout Direction */
20252
- .ui.dropdown .menu {
20253
- left: 0px; }
20254
-
20255
- /* Default Side (Right) */
20256
- .ui.dropdown .right.menu > .menu,
20257
- .ui.dropdown .menu .right.menu {
20258
- left: 100% !important;
20259
- right: auto !important;
20260
- border-radius: 0.28571429rem !important; }
20261
-
20262
- /* Left Flyout Menu */
20263
- .ui.dropdown > .left.menu .menu,
20264
- .ui.dropdown .menu .left.menu {
20265
- left: auto !important;
20266
- right: 100% !important;
20267
- border-radius: 0.28571429rem !important; }
20268
-
20269
- .ui.dropdown .item .left.dropdown.icon,
20270
- .ui.dropdown .left.menu .item .dropdown.icon {
20271
- width: auto;
20272
- float: left;
20273
- margin: 0em 0.71428571rem 0em 0em; }
20274
-
20275
- .ui.dropdown .item .left.dropdown.icon,
20276
- .ui.dropdown .left.menu .item .dropdown.icon {
20277
- width: auto;
20278
- float: left;
20279
- margin: 0em 0.71428571rem 0em 0em; }
20280
-
20281
- .ui.dropdown .item .left.dropdown.icon + .text,
20282
- .ui.dropdown .left.menu .item .dropdown.icon + .text {
20283
- margin-left: 1em; }
20284
-
20285
- /*--------------
20286
- Upward
20287
- ---------------*/
20288
- /* Upward Main Menu */
20289
- .ui.upward.dropdown > .menu {
20290
- top: auto;
20291
- bottom: 100%;
20292
- box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
20293
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
20294
-
20295
- /* Upward Sub Menu */
20296
- .ui.dropdown .upward.menu {
20297
- top: auto !important;
20298
- bottom: 0 !important; }
20299
-
20300
- /* Active Upward */
20301
- .ui.simple.upward.active.dropdown,
20302
- .ui.simple.upward.dropdown:hover {
20303
- border-radius: 0.28571429rem 0.28571429rem 0em 0em !important; }
20304
-
20305
- .ui.upward.dropdown.button:not(.pointing):not(.floating).active {
20306
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
20307
-
20308
- /* Selection */
20309
- .ui.upward.selection.dropdown .menu {
20310
- border-top-width: 1px !important;
20311
- border-bottom-width: 0px !important;
20312
- box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); }
20313
-
20314
- .ui.upward.selection.dropdown:hover {
20315
- box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); }
20316
-
20317
- /* Active Upward */
20318
- .ui.active.upward.selection.dropdown {
20319
- border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; }
20320
-
20321
- /* Visible Upward */
20322
- .ui.upward.selection.dropdown.visible {
20323
- box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
20324
- border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; }
20325
-
20326
- /* Visible Hover Upward */
20327
- .ui.upward.active.selection.dropdown:hover {
20328
- box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); }
20329
-
20330
- .ui.upward.active.selection.dropdown:hover .menu {
20331
- box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); }
20332
-
20333
- /*--------------
20334
- Simple
20335
- ---------------*/
20336
- /* Selection Menu */
20337
- .ui.scrolling.dropdown .menu,
20338
- .ui.dropdown .scrolling.menu {
20339
- overflow-x: hidden;
20340
- overflow-y: auto; }
20341
-
20342
- .ui.scrolling.dropdown .menu {
20343
- overflow-x: hidden;
20344
- overflow-y: auto;
20345
- -webkit-backface-visibility: hidden;
20346
- backface-visibility: hidden;
20347
- -webkit-overflow-scrolling: touch;
20348
- min-width: 100% !important;
20349
- width: auto !important; }
20350
-
20351
- .ui.dropdown .scrolling.menu {
20352
- position: static;
20353
- overflow-y: auto;
20354
- border: none;
20355
- box-shadow: none !important;
20356
- border-radius: 0 !important;
20357
- margin: 0 !important;
20358
- min-width: 100% !important;
20359
- width: auto !important;
20360
- border-top: 1px solid rgba(34, 36, 38, 0.15); }
20361
-
20362
- .ui.scrolling.dropdown .menu .item.item.item,
20363
- .ui.dropdown .scrolling.menu > .item.item.item {
20364
- border-top: none;
20365
- padding-right: calc( 1.14285714rem + 17px ) !important; }
20366
-
20367
- .ui.scrolling.dropdown .menu .item:first-child,
20368
- .ui.dropdown .scrolling.menu .item:first-child {
20369
- border-top: none; }
20370
-
20371
- .ui.dropdown > .animating.menu .scrolling.menu,
20372
- .ui.dropdown > .visible.menu .scrolling.menu {
20373
- display: block; }
20374
-
20375
- /* Scrollbar in IE */
20376
- @media all and (-ms-high-contrast: none) {
20377
- .ui.scrolling.dropdown .menu,
20378
- .ui.dropdown .scrolling.menu {
20379
- min-width: calc(100% - 17px ); } }
20380
- @media only screen and (max-width: 767px) {
20381
- .ui.scrolling.dropdown .menu,
20382
- .ui.dropdown .scrolling.menu {
20383
- max-height: 9.71428571rem; } }
20384
- @media only screen and (min-width: 768px) {
20385
- .ui.scrolling.dropdown .menu,
20386
- .ui.dropdown .scrolling.menu {
20387
- max-height: 14.57142857rem; } }
20388
- @media only screen and (min-width: 992px) {
20389
- .ui.scrolling.dropdown .menu,
20390
- .ui.dropdown .scrolling.menu {
20391
- max-height: 19.42857143rem; } }
20392
- @media only screen and (min-width: 1920px) {
20393
- .ui.scrolling.dropdown .menu,
20394
- .ui.dropdown .scrolling.menu {
20395
- max-height: 19.42857143rem; } }
20396
- /*--------------
20397
- Simple
20398
- ---------------*/
20399
- /* Displays without javascript */
20400
- .ui.simple.dropdown .menu:before,
20401
- .ui.simple.dropdown .menu:after {
20402
- display: none; }
20403
-
20404
- .ui.simple.dropdown .menu {
20405
- position: absolute;
20406
- display: block;
20407
- overflow: hidden;
20408
- top: -9999px !important;
20409
- opacity: 0;
20410
- width: 0;
20411
- height: 0;
20412
- -webkit-transition: opacity 0.1s ease;
20413
- transition: opacity 0.1s ease; }
20414
-
20415
- .ui.simple.active.dropdown,
20416
- .ui.simple.dropdown:hover {
20417
- border-bottom-left-radius: 0em !important;
20418
- border-bottom-right-radius: 0em !important; }
20419
-
20420
- .ui.simple.active.dropdown > .menu,
20421
- .ui.simple.dropdown:hover > .menu {
20422
- overflow: visible;
20423
- width: auto;
20424
- height: auto;
20425
- top: 100% !important;
20426
- opacity: 1; }
20427
-
20428
- .ui.simple.dropdown > .menu > .item:active > .menu,
20429
- .ui.simple.dropdown:hover > .menu > .item:hover > .menu {
20430
- overflow: visible;
20431
- width: auto;
20432
- height: auto;
20433
- top: 0% !important;
20434
- left: 100% !important;
20435
- opacity: 1; }
20436
-
20437
- .ui.simple.disabled.dropdown:hover .menu {
20438
- display: none;
20439
- height: 0px;
20440
- width: 0px;
20441
- overflow: hidden; }
20442
-
20443
- /* Visible */
20444
- .ui.simple.visible.dropdown > .menu {
20445
- display: block; }
20446
-
20447
- /*--------------
20448
- Fluid
20449
- ---------------*/
20450
- .ui.fluid.dropdown {
20451
- display: block;
20452
- width: 100%;
20453
- min-width: 0em; }
20454
-
20455
- .ui.fluid.dropdown > .dropdown.icon {
20456
- float: right; }
20457
-
20458
- /*--------------
20459
- Floating
20460
- ---------------*/
20461
- .ui.floating.dropdown .menu {
20462
- left: 0;
20463
- right: auto;
20464
- box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.08) !important;
20465
- border-radius: 0.28571429rem !important; }
20466
-
20467
- .ui.floating.dropdown > .menu {
20468
- margin-top: 0.5em !important;
20469
- border-radius: 0.28571429rem !important; }
20470
-
20471
- /*--------------
20472
- Pointing
20473
- ---------------*/
20474
- .ui.pointing.dropdown > .menu {
20475
- top: 100%;
20476
- margin-top: 0.71428571rem;
20477
- border-radius: 0.28571429rem; }
20478
-
20479
- .ui.pointing.dropdown > .menu:after {
20480
- display: block;
20481
- position: absolute;
20482
- pointer-events: none;
20483
- content: '';
20484
- visibility: visible;
20485
- -webkit-transform: rotate(45deg);
20486
- -ms-transform: rotate(45deg);
20487
- transform: rotate(45deg);
20488
- width: 0.5em;
20489
- height: 0.5em;
20490
- box-shadow: -1px -1px 0px 1px rgba(34, 36, 38, 0.15);
20491
- background: #ffffff;
20492
- z-index: 2; }
20493
-
20494
- .ui.pointing.dropdown > .menu:after {
20495
- top: -0.25em;
20496
- left: 50%;
20497
- margin: 0em 0em 0em -0.25em; }
20498
-
20499
- /* Top Left Pointing */
20500
- .ui.top.left.pointing.dropdown > .menu {
20501
- top: 100%;
20502
- bottom: auto;
20503
- left: 0%;
20504
- right: auto;
20505
- margin: 1em 0em 0em; }
20506
-
20507
- .ui.top.left.pointing.dropdown > .menu {
20508
- top: 100%;
20509
- bottom: auto;
20510
- left: 0%;
20511
- right: auto;
20512
- margin: 1em 0em 0em; }
20513
-
20514
- .ui.top.left.pointing.dropdown > .menu:after {
20515
- top: -0.25em;
20516
- left: 1em;
20517
- right: auto;
20518
- margin: 0em;
20519
- -webkit-transform: rotate(45deg);
20520
- -ms-transform: rotate(45deg);
20521
- transform: rotate(45deg); }
20522
-
20523
- /* Top Right Pointing */
20524
- .ui.top.right.pointing.dropdown > .menu {
20525
- top: 100%;
20526
- bottom: auto;
20527
- right: 0%;
20528
- left: auto;
20529
- margin: 1em 0em 0em; }
20530
-
20531
- .ui.top.right.pointing.dropdown > .menu:after {
20532
- top: -0.25em;
20533
- left: auto;
20534
- right: 1em;
20535
- margin: 0em;
20536
- -webkit-transform: rotate(45deg);
20537
- -ms-transform: rotate(45deg);
20538
- transform: rotate(45deg); }
20539
-
20540
- /* Left Pointing */
20541
- .ui.left.pointing.dropdown > .menu {
20542
- top: 0%;
20543
- left: 100%;
20544
- right: auto;
20545
- margin: 0em 0em 0em 1em; }
20546
-
20547
- .ui.left.pointing.dropdown > .menu:after {
20548
- top: 1em;
20549
- left: -0.25em;
20550
- margin: 0em 0em 0em 0em;
20551
- -webkit-transform: rotate(-45deg);
20552
- -ms-transform: rotate(-45deg);
20553
- transform: rotate(-45deg); }
20554
-
20555
- /* Right Pointing */
20556
- .ui.right.pointing.dropdown > .menu {
20557
- top: 0%;
20558
- left: auto;
20559
- right: 100%;
20560
- margin: 0em 1em 0em 0em; }
20561
-
20562
- .ui.right.pointing.dropdown > .menu:after {
20563
- top: 1em;
20564
- left: auto;
20565
- right: -0.25em;
20566
- margin: 0em 0em 0em 0em;
20567
- -webkit-transform: rotate(135deg);
20568
- -ms-transform: rotate(135deg);
20569
- transform: rotate(135deg); }
20570
-
20571
- /* Bottom Pointing */
20572
- .ui.bottom.pointing.dropdown > .menu {
20573
- top: auto;
20574
- bottom: 100%;
20575
- left: 0%;
20576
- right: auto;
20577
- margin: 0em 0em 1em; }
20578
-
20579
- .ui.bottom.pointing.dropdown > .menu:after {
20580
- top: auto;
20581
- bottom: -0.25em;
20582
- right: auto;
20583
- margin: 0em;
20584
- -webkit-transform: rotate(-135deg);
20585
- -ms-transform: rotate(-135deg);
20586
- transform: rotate(-135deg); }
20587
-
20588
- /* Reverse Sub-Menu Direction */
20589
- .ui.bottom.pointing.dropdown > .menu .menu {
20590
- top: auto !important;
20591
- bottom: 0px !important; }
20592
-
20593
- /* Bottom Left */
20594
- .ui.bottom.left.pointing.dropdown > .menu {
20595
- left: 0%;
20596
- right: auto; }
20597
-
20598
- .ui.bottom.left.pointing.dropdown > .menu:after {
20599
- left: 1em;
20600
- right: auto; }
20601
-
20602
- /* Bottom Right */
20603
- .ui.bottom.right.pointing.dropdown > .menu {
20604
- right: 0%;
20605
- left: auto; }
20606
-
20607
- .ui.bottom.right.pointing.dropdown > .menu:after {
20608
- left: auto;
20609
- right: 1em; }
20610
-
20611
- /* Upward pointing */
20612
- .ui.upward.pointing.dropdown > .menu,
20613
- .ui.upward.top.pointing.dropdown > .menu {
20614
- top: auto;
20615
- bottom: 100%;
20616
- margin: 0em 0em 0.71428571rem;
20617
- border-radius: 0.28571429rem; }
20618
-
20619
- .ui.upward.pointing.dropdown > .menu:after,
20620
- .ui.upward.top.pointing.dropdown > .menu:after {
20621
- top: 100%;
20622
- bottom: auto;
20623
- box-shadow: 1px 1px 0px 1px rgba(34, 36, 38, 0.15);
20624
- margin: -0.25em 0em 0em; }
20625
-
20626
- /*******************************
20627
- Theme Overrides
20628
- *******************************/
20629
- /* Dropdown Carets */
20630
- @font-face {
20631
- font-family: 'Dropdown';
20632
- src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
20633
- font-weight: normal;
20634
- font-style: normal; }
20635
- .ui.dropdown > .dropdown.icon {
20636
- font-family: 'Dropdown';
20637
- line-height: 1;
20638
- height: 1em;
20639
- width: 1.23em;
20640
- -webkit-backface-visibility: hidden;
20641
- backface-visibility: hidden;
20642
- font-weight: normal;
20643
- font-style: normal;
20644
- text-align: center; }
20645
-
20646
- .ui.dropdown > .dropdown.icon {
20647
- width: auto; }
20648
-
20649
- .ui.dropdown > .dropdown.icon:before {
20650
- content: '\f0d7'; }
20651
-
20652
- /* Sub Menu */
20653
- .ui.dropdown .menu .item .dropdown.icon:before {
20654
- content: ""; }
20655
-
20656
- .ui.dropdown .item .left.dropdown.icon:before,
20657
- .ui.dropdown .left.menu .item .dropdown.icon:before {
20658
- content: ""; }
20659
-
20660
- /* Vertical Menu Dropdown */
20661
- .ui.vertical.menu .dropdown.item > .dropdown.icon:before {
20662
- content: ""; }
20663
-
20664
- /* Icons for Reference
20665
- .dropdown.down.icon {
20666
- content: "\f0d7";
20667
- }
20668
- .dropdown.up.icon {
20669
- content: "\f0d8";
20670
- }
20671
- .dropdown.left.icon {
20672
- content: "\f0d9";
20673
- }
20674
- .dropdown.icon.icon {
20675
- content: "\f0da";
20676
- }
20677
- */
20678
- /*******************************
20679
- User Overrides
20680
- *******************************/
20681
- /*!
20682
- * # Semantic UI 2.1.3 - Video
20683
- * http://github.com/semantic-org/semantic-ui/
20684
- *
20685
- *
20686
- * Copyright 2015 Contributors
20687
- * Released under the MIT license
20688
- * http://opensource.org/licenses/MIT
20689
- *
20690
- */
20691
- /*******************************
20692
- Types
20693
- *******************************/
20694
- .ui.embed {
20695
- position: relative;
20696
- max-width: 100%;
20697
- height: 0px;
20698
- overflow: hidden;
20699
- background: #dcddde;
20700
- padding-bottom: 56.25%; }
20701
-
20702
- /*-----------------
20703
- Embedded Content
20704
- ------------------*/
20705
- .ui.embed iframe,
20706
- .ui.embed embed,
20707
- .ui.embed object {
20708
- position: absolute;
20709
- border: none;
20710
- width: 100%;
20711
- height: 100%;
20712
- top: 0px;
20713
- left: 0px;
20714
- margin: 0em;
20715
- padding: 0em; }
20716
-
20717
- /*-----------------
20718
- Embed
20719
- ------------------*/
20720
- .ui.embed > .embed {
20721
- display: none; }
20722
-
20723
- /*--------------
20724
- Placeholder
20725
- ---------------*/
20726
- .ui.embed > .placeholder {
20727
- position: absolute;
20728
- cursor: pointer;
20729
- top: 0px;
20730
- left: 0px;
20731
- display: block;
20732
- width: 100%;
20733
- height: 100%;
20734
- background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); }
20735
-
20736
- /*--------------
20737
- Icon
20738
- ---------------*/
20739
- .ui.embed > .icon {
20740
- cursor: pointer;
20741
- position: absolute;
20742
- top: 0px;
20743
- left: 0px;
20744
- width: 100%;
20745
- height: 100%;
20746
- z-index: 2; }
20747
-
20748
- .ui.embed > .icon:after {
20749
- position: absolute;
20750
- top: 0%;
20751
- left: 0%;
20752
- width: 100%;
20753
- height: 100%;
20754
- z-index: 3;
20755
- content: '';
20756
- background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
20757
- background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
20758
- opacity: 0.5;
20759
- -webkit-transition: opacity 0.5s ease;
20760
- transition: opacity 0.5s ease; }
20761
-
20762
- .ui.embed > .icon:before {
20763
- position: absolute;
20764
- top: 50%;
20765
- left: 50%;
20766
- z-index: 4;
20767
- -webkit-transform: translateX(-50%) translateY(-50%);
20768
- -ms-transform: translateX(-50%) translateY(-50%);
20769
- transform: translateX(-50%) translateY(-50%);
20770
- color: #ffffff;
20771
- font-size: 6rem;
20772
- text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2);
20773
- -webkit-transition: opacity 0.5s ease, color 0.5s ease;
20774
- transition: opacity 0.5s ease, color 0.5s ease;
20775
- z-index: 10; }
20776
-
20777
- /*******************************
20778
- States
20779
- *******************************/
20780
- /*--------------
20781
- Hover
20782
- ---------------*/
20783
- .ui.embed .icon:hover:after {
20784
- background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
20785
- background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
20786
- opacity: 1; }
20787
-
20788
- .ui.embed .icon:hover:before {
20789
- color: #ffffff; }
20790
-
20791
- /*--------------
20792
- Active
20793
- ---------------*/
20794
- .ui.active.embed > .icon,
20795
- .ui.active.embed > .placeholder {
20796
- display: none; }
20797
-
20798
- .ui.active.embed > .embed {
20799
- display: block; }
20800
-
20801
- /*******************************
20802
- Video Overrides
20803
- *******************************/
20804
- /*******************************
20805
- Site Overrides
20806
- *******************************/
20807
- /*******************************
20808
- Variations
20809
- *******************************/
20810
- .ui.square.embed {
20811
- padding-bottom: 100%; }
20812
-
20813
- .ui[class*="4:3"].embed {
20814
- padding-bottom: 75%; }
20815
-
20816
- .ui[class*="16:9"].embed {
20817
- padding-bottom: 56.25%; }
20818
-
20819
- .ui[class*="21:9"].embed {
20820
- padding-bottom: 42.85714286%; }
20821
-
20822
- /*!
20823
- * # Semantic UI 2.1.3 - Modal
20824
- * http://github.com/semantic-org/semantic-ui/
20825
- *
20826
- *
20827
- * Copyright 2015 Contributors
20828
- * Released under the MIT license
20829
- * http://opensource.org/licenses/MIT
20830
- *
20831
- */
20832
- /*******************************
20833
- Modal
20834
- *******************************/
20835
- .ui.modal {
20836
- display: none;
20837
- position: fixed;
20838
- z-index: 1001;
20839
- top: 50%;
20840
- left: 50%;
20841
- text-align: left;
20842
- background: #ffffff;
20843
- border: none;
20844
- box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
20845
- -webkit-transform-origin: 50% 25%;
20846
- -ms-transform-origin: 50% 25%;
20847
- transform-origin: 50% 25%;
20848
- border-radius: 0.28571429rem;
20849
- -webkit-user-select: text;
20850
- -moz-user-select: text;
20851
- -ms-user-select: text;
20852
- user-select: text;
20853
- will-change: top, left, margin, transform, opacity; }
20854
-
20855
- .ui.modal > :first-child:not(.icon),
20856
- .ui.modal > .icon:first-child + * {
20857
- border-top-left-radius: 0.28571429rem;
20858
- border-top-right-radius: 0.28571429rem; }
20859
-
20860
- .ui.modal > :last-child {
20861
- border-bottom-left-radius: 0.28571429rem;
20862
- border-bottom-right-radius: 0.28571429rem; }
20863
-
20864
- /*******************************
20865
- Content
20866
- *******************************/
20867
- /*--------------
20868
- Close
20869
- ---------------*/
20870
- .ui.modal > .close {
20871
- cursor: pointer;
20872
- position: absolute;
20873
- top: -2.5rem;
20874
- right: -2.5rem;
20875
- z-index: 1;
20876
- opacity: 0.8;
20877
- font-size: 1.25em;
20878
- color: #ffffff;
20879
- width: 2.25rem;
20880
- height: 2.25rem;
20881
- padding: 0.625rem 0rem 0rem 0rem; }
20882
-
20883
- .ui.modal > .close:hover {
20884
- opacity: 1; }
20885
-
20886
- /*--------------
20887
- Header
20888
- ---------------*/
20889
- .ui.modal > .header {
20890
- display: block;
20891
- font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
20892
- background: #ffffff;
20893
- margin: 0em;
20894
- padding: 1.25rem 1.5rem;
20895
- box-shadow: none;
20896
- color: rgba(0, 0, 0, 0.85);
20897
- border-bottom: 1px solid rgba(34, 36, 38, 0.15); }
20898
-
20899
- .ui.modal > .header:not(.ui) {
20900
- font-size: 1.42857143rem;
20901
- line-height: 1.2857em;
20902
- font-weight: bold; }
20903
-
20904
- /*--------------
20905
- Content
20906
- ---------------*/
20907
- .ui.modal > .content {
20908
- display: block;
20909
- width: 100%;
20910
- font-size: 1em;
20911
- line-height: 1.4;
20912
- padding: 1.5rem;
20913
- background: #ffffff; }
20914
-
20915
- .ui.modal > .image.content {
20916
- display: -webkit-box;
20917
- display: -webkit-flex;
20918
- display: -ms-flexbox;
20919
- display: flex;
20920
- -webkit-box-orient: horizontal;
20921
- -webkit-box-direction: normal;
20922
- -webkit-flex-direction: row;
20923
- -ms-flex-direction: row;
20924
- flex-direction: row; }
20925
-
20926
- /* Image */
20927
- .ui.modal > .content > .image {
20928
- display: block;
20929
- -webkit-box-flex: 0;
20930
- -webkit-flex: 0 1 auto;
20931
- -ms-flex: 0 1 auto;
20932
- flex: 0 1 auto;
20933
- width: '';
20934
- -webkit-align-self: top;
20935
- -ms-flex-item-align: top;
20936
- align-self: top; }
20937
-
20938
- .ui.modal > [class*="top aligned"] {
20939
- -webkit-align-self: top;
20940
- -ms-flex-item-align: top;
20941
- align-self: top; }
20942
-
20943
- .ui.modal > [class*="middle aligned"] {
20944
- -webkit-align-self: middle;
20945
- -ms-flex-item-align: middle;
20946
- align-self: middle; }
20947
-
20948
- .ui.modal > [class*="stretched"] {
20949
- -webkit-align-self: stretch;
20950
- -ms-flex-item-align: stretch;
20951
- align-self: stretch; }
20952
-
20953
- /* Description */
20954
- .ui.modal > .content > .description {
20955
- display: block;
20956
- -webkit-box-flex: 1;
20957
- -webkit-flex: 1 0 auto;
20958
- -ms-flex: 1 0 auto;
20959
- flex: 1 0 auto;
20960
- min-width: 0px;
20961
- -webkit-align-self: top;
20962
- -ms-flex-item-align: top;
20963
- align-self: top; }
20964
-
20965
- .ui.modal > .content > .icon + .description,
20966
- .ui.modal > .content > .image + .description {
20967
- -webkit-box-flex: 0;
20968
- -webkit-flex: 0 1 auto;
20969
- -ms-flex: 0 1 auto;
20970
- flex: 0 1 auto;
20971
- min-width: '';
20972
- width: auto;
20973
- padding-left: 2em; }
20974
-
20975
- /*rtl:ignore*/
20976
- .ui.modal > .content > .image > i.icon {
20977
- margin: 0em;
20978
- opacity: 1;
20979
- width: auto;
20980
- line-height: 1;
20981
- font-size: 8rem; }
20982
-
20983
- /*--------------
20984
- Actions
20985
- ---------------*/
20986
- .ui.modal > .actions {
20987
- background: #f9fafb;
20988
- padding: 1rem 1rem;
20989
- border-top: 1px solid rgba(34, 36, 38, 0.15);
20990
- text-align: right; }
20991
-
20992
- .ui.modal .actions > .button {
20993
- margin-left: 0.75em; }
20994
-
20995
- /*-------------------
20996
- Responsive
20997
- --------------------*/
20998
- /* Modal Width */
20999
- @media only screen and (max-width: 767px) {
21000
- .ui.modal {
21001
- width: 95%;
21002
- margin: 0em 0em 0em -47.5%; } }
21003
- @media only screen and (min-width: 768px) {
21004
- .ui.modal {
21005
- width: 88%;
21006
- margin: 0em 0em 0em -44%; } }
21007
- @media only screen and (min-width: 992px) {
21008
- .ui.modal {
21009
- width: 850px;
21010
- margin: 0em 0em 0em -425px; } }
21011
- @media only screen and (min-width: 1200px) {
21012
- .ui.modal {
21013
- width: 900px;
21014
- margin: 0em 0em 0em -450px; } }
21015
- @media only screen and (min-width: 1920px) {
21016
- .ui.modal {
21017
- width: 950px;
21018
- margin: 0em 0em 0em -475px; } }
21019
- /* Tablet and Mobile */
21020
- @media only screen and (max-width: 992px) {
21021
- .ui.modal > .header {
21022
- padding-right: 2.25rem; }
21023
-
21024
- .ui.modal > .close {
21025
- top: 1.0535rem;
21026
- right: 1rem;
21027
- color: rgba(0, 0, 0, 0.87); } }
21028
- /* Mobile */
21029
- @media only screen and (max-width: 767px) {
21030
- .ui.modal > .header {
21031
- padding: 0.75rem 1rem !important;
21032
- padding-right: 2.25rem !important; }
21033
-
21034
- .ui.modal > .content {
21035
- display: block;
21036
- padding: 1rem !important; }
21037
-
21038
- .ui.modal > .close {
21039
- top: 0.5rem !important;
21040
- right: 0.5rem !important; }
21041
-
21042
- /*rtl:ignore*/
21043
- .ui.modal .image.content {
21044
- -webkit-box-orient: vertical;
21045
- -webkit-box-direction: normal;
21046
- -webkit-flex-direction: column;
21047
- -ms-flex-direction: column;
21048
- flex-direction: column; }
21049
-
21050
- .ui.modal .content > .image {
21051
- display: block;
21052
- max-width: 100%;
21053
- margin: 0em auto !important;
21054
- text-align: center;
21055
- padding: 0rem 0rem 1rem !important; }
21056
-
21057
- .ui.modal > .content > .image > i.icon {
21058
- font-size: 5rem;
21059
- text-align: center; }
21060
-
21061
- /*rtl:ignore*/
21062
- .ui.modal .content > .description {
21063
- display: block;
21064
- width: 100% !important;
21065
- margin: 0em !important;
21066
- padding: 1rem 0rem !important;
21067
- box-shadow: none; }
21068
-
21069
- /* Let Buttons Stack */
21070
- .ui.modal > .actions {
21071
- padding: 1rem 1rem 0rem !important; }
21072
-
21073
- .ui.modal .actions > .buttons,
21074
- .ui.modal .actions > .button {
21075
- margin-bottom: 1rem; } }
21076
- /*--------------
21077
- Coupling
21078
- ---------------*/
21079
- .ui.inverted.dimmer > .ui.modal {
21080
- box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); }
21081
-
21082
- /*******************************
21083
- Types
21084
- *******************************/
21085
- .ui.basic.modal {
21086
- background-color: transparent;
21087
- border: none;
21088
- border-radius: 0em;
21089
- box-shadow: none !important;
21090
- color: #ffffff; }
21091
-
21092
- .ui.basic.modal > .header,
21093
- .ui.basic.modal > .content,
21094
- .ui.basic.modal > .actions {
21095
- background-color: transparent; }
21096
-
21097
- .ui.basic.modal > .header {
21098
- color: #ffffff; }
21099
-
21100
- .ui.basic.modal > .close {
21101
- top: 1rem;
21102
- right: 1.5rem; }
21103
-
21104
- .ui.inverted.dimmer > .basic.modal {
21105
- color: rgba(0, 0, 0, 0.87); }
21106
-
21107
- .ui.inverted.dimmer > .ui.basic.modal > .header {
21108
- color: rgba(0, 0, 0, 0.85); }
21109
-
21110
- /* Tablet and Mobile */
21111
- @media only screen and (max-width: 992px) {
21112
- .ui.basic.modal > .close {
21113
- color: #ffffff; } }
21114
- /*******************************
21115
- States
21116
- *******************************/
21117
- .ui.active.modal {
21118
- display: block; }
21119
-
21120
- /*******************************
21121
- Variations
21122
- *******************************/
21123
- /*--------------
21124
- Scrolling
21125
- ---------------*/
21126
- /* A modal that cannot fit on the page */
21127
- .scrolling.dimmable.dimmed {
21128
- overflow: hidden; }
21129
-
21130
- .scrolling.dimmable.dimmed > .dimmer {
21131
- overflow: auto;
21132
- -webkit-overflow-scrolling: touch; }
21133
-
21134
- .scrolling.dimmable > .dimmer {
21135
- position: fixed; }
21136
-
21137
- .modals.dimmer .ui.scrolling.modal {
21138
- position: static !important;
21139
- margin: 3.5rem auto !important; }
21140
-
21141
- /* undetached scrolling */
21142
- .scrolling.undetached.dimmable.dimmed {
21143
- overflow: auto;
21144
- -webkit-overflow-scrolling: touch; }
21145
-
21146
- .scrolling.undetached.dimmable.dimmed > .dimmer {
21147
- overflow: hidden; }
21148
-
21149
- .scrolling.undetached.dimmable .ui.scrolling.modal {
21150
- position: absolute;
21151
- left: 50%;
21152
- margin-top: 3.5rem !important; }
21153
-
21154
- /* Coupling with Sidebar */
21155
- .undetached.dimmable.dimmed > .pusher {
21156
- z-index: auto; }
21157
-
21158
- @media only screen and (max-width: 992px) {
21159
- .modals.dimmer .ui.scrolling.modal {
21160
- margin-top: 1rem !important;
21161
- margin-bottom: 1rem !important; } }
21162
- /*--------------
21163
- Full Screen
21164
- ---------------*/
21165
- .ui.fullscreen.modal {
21166
- width: 95% !important;
21167
- left: 2.5% !important;
21168
- margin: 1em auto; }
21169
-
21170
- .ui.fullscreen.scrolling.modal {
21171
- left: 0em !important; }
21172
-
21173
- .ui.fullscreen.modal > .header {
21174
- padding-right: 2.25rem; }
21175
-
21176
- .ui.fullscreen.modal > .close {
21177
- top: 1.0535rem;
21178
- right: 1rem;
21179
- color: rgba(0, 0, 0, 0.87); }
21180
-
21181
- /*--------------
21182
- Size
21183
- ---------------*/
21184
- .ui.modal {
21185
- font-size: 1rem; }
21186
-
21187
- /* Small */
21188
- .ui.small.modal > .header:not(.ui) {
21189
- font-size: 1.3em; }
21190
-
21191
- /* Small Modal Width */
21192
- @media only screen and (max-width: 767px) {
21193
- .ui.small.modal {
21194
- width: 95%;
21195
- margin: 0em 0em 0em -47.5%; } }
21196
- @media only screen and (min-width: 768px) {
21197
- .ui.small.modal {
21198
- width: 70.4%;
21199
- margin: 0em 0em 0em -35.2%; } }
21200
- @media only screen and (min-width: 992px) {
21201
- .ui.small.modal {
21202
- width: 680px;
21203
- margin: 0em 0em 0em -340px; } }
21204
- @media only screen and (min-width: 1200px) {
21205
- .ui.small.modal {
21206
- width: 720px;
21207
- margin: 0em 0em 0em -360px; } }
21208
- @media only screen and (min-width: 1920px) {
21209
- .ui.small.modal {
21210
- width: 760px;
21211
- margin: 0em 0em 0em -380px; } }
21212
- /* Large Modal Width */
21213
- .ui.large.modal > .header {
21214
- font-size: 1.6em; }
21215
-
21216
- @media only screen and (max-width: 767px) {
21217
- .ui.large.modal {
21218
- width: 95%;
21219
- margin: 0em 0em 0em -47.5%; } }
21220
- @media only screen and (min-width: 768px) {
21221
- .ui.large.modal {
21222
- width: 88%;
21223
- margin: 0em 0em 0em -44%; } }
21224
- @media only screen and (min-width: 992px) {
21225
- .ui.large.modal {
21226
- width: 1020px;
21227
- margin: 0em 0em 0em -510px; } }
21228
- @media only screen and (min-width: 1200px) {
21229
- .ui.large.modal {
21230
- width: 1080px;
21231
- margin: 0em 0em 0em -540px; } }
21232
- @media only screen and (min-width: 1920px) {
21233
- .ui.large.modal {
21234
- width: 1140px;
21235
- margin: 0em 0em 0em -570px; } }
21236
- /*******************************
21237
- Theme Overrides
21238
- *******************************/
21239
- /*******************************
21240
- Site Overrides
21241
- *******************************/
21242
- /*!
21243
- * # Semantic UI 2.1.3 - Nag
21244
- * http://github.com/semantic-org/semantic-ui/
21245
- *
21246
- *
21247
- * Copyright 2015 Contributors
21248
- * Released under the MIT license
21249
- * http://opensource.org/licenses/MIT
21250
- *
21251
- */
21252
- /*******************************
21253
- Nag
21254
- *******************************/
21255
- .ui.nag {
21256
- display: none;
21257
- opacity: 0.95;
21258
- position: relative;
21259
- top: 0em;
21260
- left: 0px;
21261
- z-index: 999;
21262
- min-height: 0em;
21263
- width: 100%;
21264
- margin: 0em;
21265
- padding: 0.75em 1em;
21266
- background: #555555;
21267
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
21268
- font-size: 1rem;
21269
- text-align: center;
21270
- color: rgba(0, 0, 0, 0.87);
21271
- border-radius: 0em 0em 0.28571429rem 0.28571429rem;
21272
- -webkit-transition: 0.2s background ease;
21273
- transition: 0.2s background ease; }
21274
-
21275
- a.ui.nag {
21276
- cursor: pointer; }
21277
-
21278
- .ui.nag > .title {
21279
- display: inline-block;
21280
- margin: 0em 0.5em;
21281
- color: #ffffff; }
21282
-
21283
- .ui.nag > .close.icon {
21284
- cursor: pointer;
21285
- opacity: 0.4;
21286
- position: absolute;
21287
- top: 50%;
21288
- right: 1em;
21289
- font-size: 1em;
21290
- margin: -0.5em 0em 0em;
21291
- color: #ffffff;
21292
- -webkit-transition: opacity 0.2s ease;
21293
- transition: opacity 0.2s ease; }
21294
-
21295
- /*******************************
21296
- States
21297
- *******************************/
21298
- /* Hover */
21299
- .ui.nag:hover {
21300
- background: #555555;
21301
- opacity: 1; }
21302
-
21303
- .ui.nag .close:hover {
21304
- opacity: 1; }
21305
-
21306
- /*******************************
21307
- Variations
21308
- *******************************/
21309
- /*--------------
21310
- Static
21311
- ---------------*/
21312
- .ui.overlay.nag {
21313
- position: absolute;
21314
- display: block; }
21315
-
21316
- /*--------------
21317
- Fixed
21318
- ---------------*/
21319
- .ui.fixed.nag {
21320
- position: fixed; }
21321
-
21322
- /*--------------
21323
- Bottom
21324
- ---------------*/
21325
- .ui.bottom.nags,
21326
- .ui.bottom.nag {
21327
- border-radius: 0.28571429rem 0.28571429rem 0em 0em;
21328
- top: auto;
21329
- bottom: 0em; }
21330
-
21331
- /*--------------
21332
- White
21333
- ---------------*/
21334
- .ui.inverted.nags .nag,
21335
- .ui.inverted.nag {
21336
- background-color: #f3f4f5;
21337
- color: rgba(0, 0, 0, 0.85); }
21338
-
21339
- .ui.inverted.nags .nag .close,
21340
- .ui.inverted.nags .nag .title,
21341
- .ui.inverted.nag .close,
21342
- .ui.inverted.nag .title {
21343
- color: rgba(0, 0, 0, 0.4); }
21344
-
21345
- /*******************************
21346
- Groups
21347
- *******************************/
21348
- .ui.nags .nag {
21349
- border-radius: 0em !important; }
21350
-
21351
- .ui.nags .nag:last-child {
21352
- border-radius: 0em 0em 0.28571429rem 0.28571429rem; }
21353
-
21354
- .ui.bottom.nags .nag:last-child {
21355
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
21356
-
21357
- /*******************************
21358
- Theme Overrides
21359
- *******************************/
21360
- /*******************************
21361
- User Overrides
21362
- *******************************/
21363
- /*!
21364
- * # Semantic UI 2.1.3 - Popup
21365
- * http://github.com/semantic-org/semantic-ui/
21366
- *
21367
- *
21368
- * Copyright 2015 Contributors
21369
- * Released under the MIT license
21370
- * http://opensource.org/licenses/MIT
21371
- *
21372
- */
21373
- /*******************************
21374
- Popup
21375
- *******************************/
21376
- .ui.popup {
21377
- display: none;
21378
- position: absolute;
21379
- top: 0px;
21380
- right: 0px;
21381
- /* Fixes content being squished when inline (moz only) */
21382
- min-width: -webkit-min-content;
21383
- min-width: -moz-min-content;
21384
- min-width: min-content;
21385
- z-index: 1900;
21386
- border: 1px solid #d4d4d5;
21387
- line-height: 1.4285em;
21388
- max-width: 250px;
21389
- background-color: #ffffff;
21390
- padding: 0.833em 1em;
21391
- font-weight: normal;
21392
- font-style: normal;
21393
- color: rgba(0, 0, 0, 0.87);
21394
- border-radius: 0.28571429rem;
21395
- box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.08); }
21396
-
21397
- .ui.popup > .header {
21398
- padding: 0em;
21399
- font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
21400
- font-size: 1.125em;
21401
- line-height: 1.2;
21402
- font-weight: bold; }
21403
-
21404
- .ui.popup > .header + .content {
21405
- padding-top: 0.5em; }
21406
-
21407
- .ui.popup:before {
21408
- position: absolute;
21409
- content: '';
21410
- width: 0.75em;
21411
- height: 0.75em;
21412
- background: #ffffff;
21413
- -webkit-transform: rotate(45deg);
21414
- -ms-transform: rotate(45deg);
21415
- transform: rotate(45deg);
21416
- z-index: 2;
21417
- box-shadow: 1px 1px 0px 0px #bababc; }
21418
-
21419
- /*******************************
21420
- Types
21421
- *******************************/
21422
- /*--------------
21423
- Spacing
21424
- ---------------*/
21425
- .ui.popup {
21426
- margin: 0em; }
21427
-
21428
- /* Extending from Top */
21429
- .ui.top.popup {
21430
- margin: 0em 0em 0.75em; }
21431
-
21432
- .ui.top.left.popup {
21433
- -webkit-transform-origin: left bottom;
21434
- -ms-transform-origin: left bottom;
21435
- transform-origin: left bottom; }
21436
-
21437
- .ui.top.center.popup {
21438
- -webkit-transform-origin: center bottom;
21439
- -ms-transform-origin: center bottom;
21440
- transform-origin: center bottom; }
21441
-
21442
- .ui.top.right.popup {
21443
- -webkit-transform-origin: right bottom;
21444
- -ms-transform-origin: right bottom;
21445
- transform-origin: right bottom; }
21446
-
21447
- /* Extending from Vertical Center */
21448
- .ui.left.center.popup {
21449
- margin: 0em 0.75em 0em 0em;
21450
- -webkit-transform-origin: right 50%;
21451
- -ms-transform-origin: right 50%;
21452
- transform-origin: right 50%; }
21453
-
21454
- .ui.right.center.popup {
21455
- margin: 0em 0em 0em 0.75em;
21456
- -webkit-transform-origin: left 50%;
21457
- -ms-transform-origin: left 50%;
21458
- transform-origin: left 50%; }
21459
-
21460
- /* Extending from Bottom */
21461
- .ui.bottom.popup {
21462
- margin: 0.75em 0em 0em; }
21463
-
21464
- .ui.bottom.left.popup {
21465
- -webkit-transform-origin: left top;
21466
- -ms-transform-origin: left top;
21467
- transform-origin: left top; }
21468
-
21469
- .ui.bottom.center.popup {
21470
- -webkit-transform-origin: center top;
21471
- -ms-transform-origin: center top;
21472
- transform-origin: center top; }
21473
-
21474
- .ui.bottom.right.popup {
21475
- -webkit-transform-origin: right top;
21476
- -ms-transform-origin: right top;
21477
- transform-origin: right top; }
21478
-
21479
- /*--------------
21480
- Pointer
21481
- ---------------*/
21482
- /*--- Below ---*/
21483
- .ui.bottom.center.popup:before {
21484
- margin-left: -0.325em;
21485
- top: -0.325em;
21486
- left: 50%;
21487
- right: auto;
21488
- bottom: auto;
21489
- box-shadow: -1px -1px 0px 0px #bababc; }
21490
-
21491
- .ui.bottom.left.popup {
21492
- margin-left: 0em; }
21493
-
21494
- .ui.bottom.left.popup:before {
21495
- top: -0.325em;
21496
- left: 1em;
21497
- right: auto;
21498
- bottom: auto;
21499
- margin-left: 0em;
21500
- box-shadow: -1px -1px 0px 0px #bababc; }
21501
-
21502
- .ui.bottom.right.popup {
21503
- margin-right: 0em; }
21504
-
21505
- .ui.bottom.right.popup:before {
21506
- top: -0.325em;
21507
- right: 1em;
21508
- bottom: auto;
21509
- left: auto;
21510
- margin-left: 0em;
21511
- box-shadow: -1px -1px 0px 0px #bababc; }
21512
-
21513
- /*--- Above ---*/
21514
- .ui.top.center.popup:before {
21515
- top: auto;
21516
- right: auto;
21517
- bottom: -0.325em;
21518
- left: 50%;
21519
- margin-left: -0.325em; }
21520
-
21521
- .ui.top.left.popup {
21522
- margin-left: 0em; }
21523
-
21524
- .ui.top.left.popup:before {
21525
- bottom: -0.325em;
21526
- left: 1em;
21527
- top: auto;
21528
- right: auto;
21529
- margin-left: 0em; }
21530
-
21531
- .ui.top.right.popup {
21532
- margin-right: 0em; }
21533
-
21534
- .ui.top.right.popup:before {
21535
- bottom: -0.325em;
21536
- right: 1em;
21537
- top: auto;
21538
- left: auto;
21539
- margin-left: 0em; }
21540
-
21541
- /*--- Left Center ---*/
21542
- .ui.left.center.popup:before {
21543
- top: 50%;
21544
- right: -0.325em;
21545
- bottom: auto;
21546
- left: auto;
21547
- margin-top: -0.325em;
21548
- box-shadow: 1px -1px 0px 0px #bababc; }
21549
-
21550
- /*--- Right Center ---*/
21551
- .ui.right.center.popup:before {
21552
- top: 50%;
21553
- left: -0.325em;
21554
- bottom: auto;
21555
- right: auto;
21556
- margin-top: -0.325em;
21557
- box-shadow: -1px 1px 0px 0px #bababc; }
21558
-
21559
- /*******************************
21560
- Coupling
21561
- *******************************/
21562
- /* Immediate Nested Grid */
21563
- .ui.popup > .ui.grid:not(.padded) {
21564
- width: calc(100% + 1.75rem);
21565
- margin: -0.7rem -0.875rem; }
21566
-
21567
- /*******************************
21568
- States
21569
- *******************************/
21570
- .ui.loading.popup {
21571
- display: block;
21572
- visibility: hidden;
21573
- z-index: -1; }
21574
-
21575
- .ui.animating.popup,
21576
- .ui.visible.popup {
21577
- display: block; }
21578
-
21579
- .ui.visible.popup {
21580
- -webkit-transform: translateZ(0px);
21581
- transform: translateZ(0px);
21582
- -webkit-backface-visibility: hidden;
21583
- backface-visibility: hidden; }
21584
-
21585
- /*******************************
21586
- Variations
21587
- *******************************/
21588
- /*--------------
21589
- Basic
21590
- ---------------*/
21591
- .ui.basic.popup:before {
21592
- display: none; }
21593
-
21594
- /*--------------
21595
- Wide
21596
- ---------------*/
21597
- .ui.wide.popup {
21598
- max-width: 350px; }
21599
-
21600
- .ui[class*="very wide"].popup {
21601
- max-width: 550px; }
21602
-
21603
- @media only screen and (max-width: 767px) {
21604
- .ui.wide.popup,
21605
- .ui[class*="very wide"].popup {
21606
- max-width: 250px; } }
21607
- /*--------------
21608
- Fluid
21609
- ---------------*/
21610
- .ui.fluid.popup {
21611
- width: 100%;
21612
- max-width: none; }
21613
-
21614
- /*--------------
21615
- Colors
21616
- ---------------*/
21617
- /* Inverted colors */
21618
- .ui.inverted.popup {
21619
- background: #1b1c1d;
21620
- color: #ffffff;
21621
- border: none;
21622
- box-shadow: none; }
21623
-
21624
- .ui.inverted.popup .header {
21625
- background-color: none;
21626
- color: #ffffff; }
21627
-
21628
- .ui.inverted.popup:before {
21629
- background-color: #1b1c1d;
21630
- box-shadow: none !important; }
21631
-
21632
- /*--------------
21633
- Flowing
21634
- ---------------*/
21635
- .ui.flowing.popup {
21636
- max-width: none; }
21637
-
21638
- /*--------------
21639
- Sizes
21640
- ---------------*/
21641
- .ui.mini.popup {
21642
- font-size: 0.71428571rem; }
21643
-
21644
- .ui.tiny.popup {
21645
- font-size: 0.85714286rem; }
21646
-
21647
- .ui.small.popup {
21648
- font-size: 0.92857143rem; }
21649
-
21650
- .ui.popup {
21651
- font-size: 1rem; }
21652
-
21653
- .ui.large.popup {
21654
- font-size: 1.14285714rem; }
21655
-
21656
- .ui.huge.popup {
21657
- font-size: 1.42857143rem; }
21658
-
21659
- /*******************************
21660
- Theme Overrides
21661
- *******************************/
21662
- /*******************************
21663
- User Overrides
21664
- *******************************/
21665
- /*!
21666
- * # Semantic UI 2.1.3 - Progress Bar
21667
- * http://github.com/semantic-org/semantic-ui/
21668
- *
21669
- *
21670
- * Copyright 2015 Contributors
21671
- * Released under the MIT license
21672
- * http://opensource.org/licenses/MIT
21673
- *
21674
- */
21675
- /*******************************
21676
- Progress
21677
- *******************************/
21678
- .ui.progress {
21679
- position: relative;
21680
- display: block;
21681
- max-width: 100%;
21682
- border: none;
21683
- margin: 1em 0em 2.5em;
21684
- box-shadow: none;
21685
- background: rgba(0, 0, 0, 0.1);
21686
- padding: 0em;
21687
- border-radius: 0.28571429rem; }
21688
-
21689
- .ui.progress:first-child {
21690
- margin: 0em 0em 2.5em; }
21691
-
21692
- .ui.progress:last-child {
21693
- margin: 0em 0em 1.5em; }
21694
-
21695
- /*******************************
21696
- Content
21697
- *******************************/
21698
- /* Activity Bar */
21699
- .ui.progress .bar {
21700
- display: block;
21701
- line-height: 1;
21702
- position: relative;
21703
- width: 0%;
21704
- min-width: 2em;
21705
- background: #888888;
21706
- border-radius: 0.28571429rem;
21707
- -webkit-transition: width 0.1s ease, background-color 0.1s ease;
21708
- transition: width 0.1s ease, background-color 0.1s ease; }
21709
-
21710
- /* Percent Complete */
21711
- .ui.progress .bar > .progress {
21712
- white-space: nowrap;
21713
- position: absolute;
21714
- width: auto;
21715
- font-size: 0.92857143em;
21716
- top: 50%;
21717
- right: 0.5em;
21718
- left: auto;
21719
- bottom: auto;
21720
- color: rgba(255, 255, 255, 0.7);
21721
- text-shadow: none;
21722
- margin-top: -0.5em;
21723
- font-weight: bold;
21724
- text-align: left; }
21725
-
21726
- /* Label */
21727
- .ui.progress > .label {
21728
- position: absolute;
21729
- width: 100%;
21730
- font-size: 1em;
21731
- top: 100%;
21732
- right: auto;
21733
- left: 0%;
21734
- bottom: auto;
21735
- color: rgba(0, 0, 0, 0.87);
21736
- font-weight: bold;
21737
- text-shadow: none;
21738
- margin-top: 0.2em;
21739
- text-align: center;
21740
- -webkit-transition: color 0.4s ease;
21741
- transition: color 0.4s ease; }
21742
-
21743
- /*******************************
21744
- Types
21745
- *******************************/
21746
- /* Indicating */
21747
- .ui.indicating.progress[data-percent^="1"] .bar,
21748
- .ui.indicating.progress[data-percent^="2"] .bar {
21749
- background-color: #d95c5c; }
21750
-
21751
- .ui.indicating.progress[data-percent^="3"] .bar {
21752
- background-color: #efbc72; }
21753
-
21754
- .ui.indicating.progress[data-percent^="4"] .bar,
21755
- .ui.indicating.progress[data-percent^="5"] .bar {
21756
- background-color: #e6bb48; }
21757
-
21758
- .ui.indicating.progress[data-percent^="6"] .bar {
21759
- background-color: #ddc928; }
21760
-
21761
- .ui.indicating.progress[data-percent^="7"] .bar,
21762
- .ui.indicating.progress[data-percent^="8"] .bar {
21763
- background-color: #b4d95c; }
21764
-
21765
- .ui.indicating.progress[data-percent^="9"] .bar,
21766
- .ui.indicating.progress[data-percent^="100"] .bar {
21767
- background-color: #66da81; }
21768
-
21769
- /* Indicating Label */
21770
- .ui.indicating.progress[data-percent^="1"] .label,
21771
- .ui.indicating.progress[data-percent^="2"] .label {
21772
- color: rgba(0, 0, 0, 0.87); }
21773
-
21774
- .ui.indicating.progress[data-percent^="3"] .label {
21775
- color: rgba(0, 0, 0, 0.87); }
21776
-
21777
- .ui.indicating.progress[data-percent^="4"] .label,
21778
- .ui.indicating.progress[data-percent^="5"] .label {
21779
- color: rgba(0, 0, 0, 0.87); }
21780
-
21781
- .ui.indicating.progress[data-percent^="6"] .label {
21782
- color: rgba(0, 0, 0, 0.87); }
21783
-
21784
- .ui.indicating.progress[data-percent^="7"] .label,
21785
- .ui.indicating.progress[data-percent^="8"] .label {
21786
- color: rgba(0, 0, 0, 0.87); }
21787
-
21788
- .ui.indicating.progress[data-percent^="9"] .label,
21789
- .ui.indicating.progress[data-percent^="100"] .label {
21790
- color: rgba(0, 0, 0, 0.87); }
21791
-
21792
- /* Single Digits */
21793
- .ui.indicating.progress[data-percent="1"] .bar,
21794
- .ui.indicating.progress[data-percent="2"] .bar,
21795
- .ui.indicating.progress[data-percent="3"] .bar,
21796
- .ui.indicating.progress[data-percent="4"] .bar,
21797
- .ui.indicating.progress[data-percent="5"] .bar,
21798
- .ui.indicating.progress[data-percent="6"] .bar,
21799
- .ui.indicating.progress[data-percent="7"] .bar,
21800
- .ui.indicating.progress[data-percent="8"] .bar,
21801
- .ui.indicating.progress[data-percent="9"] .bar {
21802
- background-color: #d95c5c; }
21803
-
21804
- .ui.indicating.progress[data-percent="1"] .label,
21805
- .ui.indicating.progress[data-percent="2"] .label,
21806
- .ui.indicating.progress[data-percent="3"] .label,
21807
- .ui.indicating.progress[data-percent="4"] .label,
21808
- .ui.indicating.progress[data-percent="5"] .label,
21809
- .ui.indicating.progress[data-percent="6"] .label,
21810
- .ui.indicating.progress[data-percent="7"] .label,
21811
- .ui.indicating.progress[data-percent="8"] .label,
21812
- .ui.indicating.progress[data-percent="9"] .label {
21813
- color: rgba(0, 0, 0, 0.87); }
21814
-
21815
- /* Indicating Success */
21816
- .ui.indicating.progress.success .label {
21817
- color: #1a531b; }
21818
-
21819
- /*******************************
21820
- States
21821
- *******************************/
21822
- /*--------------
21823
- Success
21824
- ---------------*/
21825
- .ui.progress.success .bar {
21826
- background-color: #21ba45 !important; }
21827
-
21828
- .ui.progress.success .bar,
21829
- .ui.progress.success .bar::after {
21830
- -webkit-animation: none !important;
21831
- animation: none !important; }
21832
-
21833
- .ui.progress.success > .label {
21834
- color: #1a531b; }
21835
-
21836
- /*--------------
21837
- Warning
21838
- ---------------*/
21839
- .ui.progress.warning .bar {
21840
- background-color: #f2c037 !important; }
21841
-
21842
- .ui.progress.warning .bar,
21843
- .ui.progress.warning .bar::after {
21844
- -webkit-animation: none !important;
21845
- animation: none !important; }
21846
-
21847
- .ui.progress.warning > .label {
21848
- color: #794b02; }
21849
-
21850
- /*--------------
21851
- Error
21852
- ---------------*/
21853
- .ui.progress.error .bar {
21854
- background-color: #db2828 !important; }
21855
-
21856
- .ui.progress.error .bar,
21857
- .ui.progress.error .bar::after {
21858
- -webkit-animation: none !important;
21859
- animation: none !important; }
21860
-
21861
- .ui.progress.error > .label {
21862
- color: #912d2b; }
21863
-
21864
- /*--------------
21865
- Active
21866
- ---------------*/
21867
- .ui.active.progress .bar {
21868
- position: relative;
21869
- min-width: 2em; }
21870
-
21871
- .ui.active.progress .bar::after {
21872
- content: '';
21873
- opacity: 0;
21874
- position: absolute;
21875
- top: 0px;
21876
- left: 0px;
21877
- right: 0px;
21878
- bottom: 0px;
21879
- background: #ffffff;
21880
- border-radius: 0.28571429rem;
21881
- -webkit-animation: progress-active 2s ease infinite;
21882
- animation: progress-active 2s ease infinite; }
21883
-
21884
- @-webkit-keyframes progress-active {
21885
- 0% {
21886
- opacity: 0.3;
21887
- width: 0; }
21888
- 100% {
21889
- opacity: 0;
21890
- width: 100%; } }
21891
- @keyframes progress-active {
21892
- 0% {
21893
- opacity: 0.3;
21894
- width: 0; }
21895
- 100% {
21896
- opacity: 0;
21897
- width: 100%; } }
21898
- /*--------------
21899
- Disabled
21900
- ---------------*/
21901
- .ui.disabled.progress {
21902
- opacity: 0.35; }
21903
-
21904
- .ui.disabled.progress .bar,
21905
- .ui.disabled.progress .bar::after {
21906
- -webkit-animation: none !important;
21907
- animation: none !important; }
21908
-
21909
- /*******************************
21910
- Variations
21911
- *******************************/
21912
- /*--------------
21913
- Inverted
21914
- ---------------*/
21915
- .ui.inverted.progress {
21916
- background: rgba(255, 255, 255, 0.08);
21917
- border: none; }
21918
-
21919
- .ui.inverted.progress .bar {
21920
- background: #888888; }
21921
-
21922
- .ui.inverted.progress .bar > .progress {
21923
- color: #f9fafb; }
21924
-
21925
- .ui.inverted.progress > .label {
21926
- color: #ffffff; }
21927
-
21928
- .ui.inverted.progress.success > .label {
21929
- color: #21ba45; }
21930
-
21931
- .ui.inverted.progress.warning > .label {
21932
- color: #f2c037; }
21933
-
21934
- .ui.inverted.progress.error > .label {
21935
- color: #db2828; }
21936
-
21937
- /*--------------
21938
- Attached
21939
- ---------------*/
21940
- /* bottom attached */
21941
- .ui.progress.attached {
21942
- background: transparent;
21943
- position: relative;
21944
- border: none;
21945
- margin: 0em; }
21946
-
21947
- .ui.progress.attached,
21948
- .ui.progress.attached .bar {
21949
- display: block;
21950
- height: 0.2rem;
21951
- padding: 0px;
21952
- overflow: hidden;
21953
- border-radius: 0em 0em 0.28571429rem 0.28571429rem; }
21954
-
21955
- .ui.progress.attached .bar {
21956
- border-radius: 0em; }
21957
-
21958
- /* top attached */
21959
- .ui.progress.top.attached,
21960
- .ui.progress.top.attached .bar {
21961
- top: 0px;
21962
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
21963
-
21964
- .ui.progress.top.attached .bar {
21965
- border-radius: 0em; }
21966
-
21967
- /* Coupling */
21968
- .ui.segment > .ui.attached.progress,
21969
- .ui.card > .ui.attached.progress {
21970
- position: absolute;
21971
- top: auto;
21972
- left: 0;
21973
- bottom: 100%;
21974
- width: 100%; }
21975
-
21976
- .ui.segment > .ui.bottom.attached.progress,
21977
- .ui.card > .ui.bottom.attached.progress {
21978
- top: 100%;
21979
- bottom: auto; }
21980
-
21981
- /*--------------
21982
- Colors
21983
- ---------------*/
21984
- /* Red */
21985
- .ui.red.progress .bar {
21986
- background-color: #db2828; }
21987
-
21988
- .ui.red.inverted.progress .bar {
21989
- background-color: #ff695e; }
21990
-
21991
- /* Orange */
21992
- .ui.orange.progress .bar {
21993
- background-color: #f2711c; }
21994
-
21995
- .ui.orange.inverted.progress .bar {
21996
- background-color: #ff851b; }
21997
-
21998
- /* Yellow */
21999
- .ui.yellow.progress .bar {
22000
- background-color: #fbbd08; }
22001
-
22002
- .ui.yellow.inverted.progress .bar {
22003
- background-color: #ffe21f; }
22004
-
22005
- /* Olive */
22006
- .ui.olive.progress .bar {
22007
- background-color: #b5cc18; }
22008
-
22009
- .ui.olive.inverted.progress .bar {
22010
- background-color: #d9e778; }
22011
-
22012
- /* Green */
22013
- .ui.green.progress .bar {
22014
- background-color: #21ba45; }
22015
-
22016
- .ui.green.inverted.progress .bar {
22017
- background-color: #2ecc40; }
22018
-
22019
- /* Teal */
22020
- .ui.teal.progress .bar {
22021
- background-color: #00b5ad; }
22022
-
22023
- .ui.teal.inverted.progress .bar {
22024
- background-color: #6dffff; }
22025
-
22026
- /* Blue */
22027
- .ui.blue.progress .bar {
22028
- background-color: #2185d0; }
22029
-
22030
- .ui.blue.inverted.progress .bar {
22031
- background-color: #54c8ff; }
22032
-
22033
- /* Violet */
22034
- .ui.violet.progress .bar {
22035
- background-color: #6435c9; }
22036
-
22037
- .ui.violet.inverted.progress .bar {
22038
- background-color: #a291fb; }
22039
-
22040
- /* Purple */
22041
- .ui.purple.progress .bar {
22042
- background-color: #a333c8; }
22043
-
22044
- .ui.purple.inverted.progress .bar {
22045
- background-color: #dc73ff; }
22046
-
22047
- /* Pink */
22048
- .ui.pink.progress .bar {
22049
- background-color: #e03997; }
22050
-
22051
- .ui.pink.inverted.progress .bar {
22052
- background-color: #ff8edf; }
22053
-
22054
- /* Brown */
22055
- .ui.brown.progress .bar {
22056
- background-color: #a5673f; }
22057
-
22058
- .ui.brown.inverted.progress .bar {
22059
- background-color: #d67c1c; }
22060
-
22061
- /* Grey */
22062
- .ui.grey.progress .bar {
22063
- background-color: #767676; }
22064
-
22065
- .ui.grey.inverted.progress .bar {
22066
- background-color: #dcddde; }
22067
-
22068
- /* Black */
22069
- .ui.black.progress .bar {
22070
- background-color: #1b1c1d; }
22071
-
22072
- .ui.black.inverted.progress .bar {
22073
- background-color: #545454; }
22074
-
22075
- /*--------------
22076
- Sizes
22077
- ---------------*/
22078
- .ui.tiny.progress {
22079
- font-size: 0.85714286rem; }
22080
-
22081
- .ui.tiny.progress .bar {
22082
- height: 0.5em; }
22083
-
22084
- .ui.small.progress {
22085
- font-size: 0.92857143rem; }
22086
-
22087
- .ui.small.progress .bar {
22088
- height: 1em; }
22089
-
22090
- .ui.progress {
22091
- font-size: 1rem; }
22092
-
22093
- .ui.progress .bar {
22094
- height: 1.75em; }
22095
-
22096
- .ui.large.progress {
22097
- font-size: 1.14285714rem; }
22098
-
22099
- .ui.large.progress .bar {
22100
- height: 2.5em; }
22101
-
22102
- .ui.big.progress {
22103
- font-size: 1.28571429rem; }
22104
-
22105
- .ui.big.progress .bar {
22106
- height: 3.5em; }
22107
-
22108
- /*******************************
22109
- Progress
22110
- *******************************/
22111
- /*******************************
22112
- Site Overrides
22113
- *******************************/
22114
- /*!
22115
- * # Semantic UI 2.1.3 - Rating
22116
- * http://github.com/semantic-org/semantic-ui/
22117
- *
22118
- *
22119
- * Copyright 2015 Contributors
22120
- * Released under the MIT license
22121
- * http://opensource.org/licenses/MIT
22122
- *
22123
- */
22124
- /*******************************
22125
- Rating
22126
- *******************************/
22127
- .ui.rating {
22128
- display: -webkit-inline-box;
22129
- display: -webkit-inline-flex;
22130
- display: -ms-inline-flexbox;
22131
- display: inline-flex;
22132
- white-space: nowrap;
22133
- vertical-align: baseline; }
22134
-
22135
- .ui.rating:last-child {
22136
- margin-right: 0em; }
22137
-
22138
- /* Icon */
22139
- .ui.rating .icon {
22140
- padding: 0em;
22141
- margin: 0em;
22142
- text-align: center;
22143
- font-weight: normal;
22144
- font-style: normal;
22145
- -webkit-box-flex: 1;
22146
- -webkit-flex: 1 0 auto;
22147
- -ms-flex: 1 0 auto;
22148
- flex: 1 0 auto;
22149
- cursor: pointer;
22150
- width: 1.25em;
22151
- height: auto;
22152
- -webkit-transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
22153
- transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease; }
22154
-
22155
- /*******************************
22156
- Types
22157
- *******************************/
22158
- /*-------------------
22159
- Standard
22160
- --------------------*/
22161
- /* Inactive Icon */
22162
- .ui.rating .icon {
22163
- background: transparent;
22164
- color: rgba(0, 0, 0, 0.15); }
22165
-
22166
- /* Active Icon */
22167
- .ui.rating .active.icon {
22168
- background: transparent;
22169
- color: rgba(0, 0, 0, 0.85); }
22170
-
22171
- /* Selected Icon */
22172
- .ui.rating .icon.selected,
22173
- .ui.rating .icon.selected.active {
22174
- background: transparent;
22175
- color: rgba(0, 0, 0, 0.87); }
22176
-
22177
- /*-------------------
22178
- Star
22179
- --------------------*/
22180
- /* Inactive */
22181
- .ui.star.rating .icon {
22182
- width: 1.25em;
22183
- height: auto;
22184
- background: transparent;
22185
- color: rgba(0, 0, 0, 0.15);
22186
- text-shadow: none; }
22187
-
22188
- /* Active Star */
22189
- .ui.star.rating .active.icon {
22190
- background: transparent !important;
22191
- color: #ffe623 !important;
22192
- text-shadow: 0px -1px 0px #ddc507, -1px 0px 0px #ddc507, 0px 1px 0px #ddc507, 1px 0px 0px #ddc507 !important; }
22193
-
22194
- /* Selected Star */
22195
- .ui.star.rating .icon.selected,
22196
- .ui.star.rating .icon.selected.active {
22197
- background: transparent !important;
22198
- color: #ffcc00 !important;
22199
- text-shadow: 0px -1px 0px #e6a200, -1px 0px 0px #e6a200, 0px 1px 0px #e6a200, 1px 0px 0px #e6a200 !important; }
22200
-
22201
- /*-------------------
22202
- Heart
22203
- --------------------*/
22204
- .ui.heart.rating .icon {
22205
- width: 1.4em;
22206
- height: auto;
22207
- background: transparent;
22208
- color: rgba(0, 0, 0, 0.15);
22209
- text-shadow: none !important; }
22210
-
22211
- /* Active Heart */
22212
- .ui.heart.rating .active.icon {
22213
- background: transparent !important;
22214
- color: #ff6d75 !important;
22215
- text-shadow: 0px -1px 0px #cd0707, -1px 0px 0px #cd0707, 0px 1px 0px #cd0707, 1px 0px 0px #cd0707 !important; }
22216
-
22217
- /* Selected Heart */
22218
- .ui.heart.rating .icon.selected,
22219
- .ui.heart.rating .icon.selected.active {
22220
- background: transparent !important;
22221
- color: #ff3000 !important;
22222
- text-shadow: 0px -1px 0px #aa0101, -1px 0px 0px #aa0101, 0px 1px 0px #aa0101, 1px 0px 0px #aa0101 !important; }
22223
-
22224
- /*******************************
22225
- States
22226
- *******************************/
22227
- /*-------------------
22228
- Disabled
22229
- --------------------*/
22230
- /* disabled rating */
22231
- .ui.disabled.rating .icon {
22232
- cursor: default; }
22233
-
22234
- /*-------------------
22235
- User Interactive
22236
- --------------------*/
22237
- /* Selected Rating */
22238
- .ui.rating.selected .active.icon {
22239
- opacity: 1; }
22240
-
22241
- .ui.rating.selected .icon.selected,
22242
- .ui.rating .icon.selected {
22243
- opacity: 1; }
22244
-
22245
- /*******************************
22246
- Variations
22247
- *******************************/
22248
- .ui.mini.rating {
22249
- font-size: 0.71428571rem; }
22250
-
22251
- .ui.tiny.rating {
22252
- font-size: 0.85714286rem; }
22253
-
22254
- .ui.small.rating {
22255
- font-size: 0.92857143rem; }
22256
-
22257
- .ui.rating {
22258
- font-size: 1rem; }
22259
-
22260
- .ui.large.rating {
22261
- font-size: 1.14285714rem; }
22262
-
22263
- .ui.huge.rating {
22264
- font-size: 1.42857143rem; }
22265
-
22266
- .ui.massive.rating {
22267
- font-size: 2rem; }
22268
-
22269
- /*******************************
22270
- Theme Overrides
22271
- *******************************/
22272
- @font-face {
22273
- font-family: 'Rating';
22274
- src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
22275
- font-weight: normal;
22276
- font-style: normal; }
22277
- .ui.rating .icon {
22278
- font-family: 'Rating';
22279
- line-height: 1;
22280
- -webkit-backface-visibility: hidden;
22281
- backface-visibility: hidden;
22282
- font-weight: normal;
22283
- font-style: normal;
22284
- text-align: center; }
22285
-
22286
- /* Empty Star */
22287
- .ui.rating .icon:before {
22288
- content: '\f006'; }
22289
-
22290
- /* Active Star */
22291
- .ui.rating .active.icon:before {
22292
- content: '\f005'; }
22293
-
22294
- /*-------------------
22295
- Star
22296
- --------------------*/
22297
- /* Unfilled Star */
22298
- .ui.star.rating .icon:before {
22299
- content: '\f005'; }
22300
-
22301
- /* Active Star */
22302
- .ui.star.rating .active.icon:before {
22303
- content: '\f005'; }
22304
-
22305
- /* Partial */
22306
- .ui.star.rating .partial.icon:before {
22307
- content: '\f006'; }
22308
-
22309
- .ui.star.rating .partial.icon {
22310
- content: '\f005'; }
22311
-
22312
- /*-------------------
22313
- Heart
22314
- --------------------*/
22315
- /* Empty Heart
22316
- .ui.heart.rating .icon:before {
22317
- content: '\f08a';
22318
- }
22319
- */
22320
- .ui.heart.rating .icon:before {
22321
- content: '\f004'; }
22322
-
22323
- /* Active */
22324
- .ui.heart.rating .active.icon:before {
22325
- content: '\f004'; }
22326
-
22327
- /*******************************
22328
- Site Overrides
22329
- *******************************/
22330
- /*!
22331
- * # Semantic UI 2.1.3 - Search
22332
- * http://github.com/semantic-org/semantic-ui/
22333
- *
22334
- *
22335
- * Copyright 2015 Contributors
22336
- * Released under the MIT license
22337
- * http://opensource.org/licenses/MIT
22338
- *
22339
- */
22340
- /*******************************
22341
- Search
22342
- *******************************/
22343
- .ui.search {
22344
- position: relative; }
22345
-
22346
- .ui.search > .prompt {
22347
- margin: 0em;
22348
- outline: none;
22349
- -webkit-appearance: none;
22350
- -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
22351
- text-shadow: none;
22352
- font-style: normal;
22353
- font-weight: normal;
22354
- line-height: 1.2142em;
22355
- padding: 0.67861429em 1em;
22356
- font-size: 1em;
22357
- background: #ffffff;
22358
- border: 1px solid rgba(34, 36, 38, 0.15);
22359
- color: rgba(0, 0, 0, 0.87);
22360
- box-shadow: 0em 0em 0em 0em transparent inset;
22361
- -webkit-transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
22362
- transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease; }
22363
-
22364
- .ui.search .prompt {
22365
- border-radius: 500rem; }
22366
-
22367
- /*--------------
22368
- Icon
22369
- ---------------*/
22370
- .ui.search .prompt ~ .search.icon {
22371
- cursor: pointer; }
22372
-
22373
- /*--------------
22374
- Results
22375
- ---------------*/
22376
- .ui.search > .results {
22377
- display: none;
22378
- position: absolute;
22379
- top: 100%;
22380
- left: 0%;
22381
- -webkit-transform-origin: center top;
22382
- -ms-transform-origin: center top;
22383
- transform-origin: center top;
22384
- background: #ffffff;
22385
- margin-top: 0.5em;
22386
- width: 18em;
22387
- border-radius: 0.28571429rem;
22388
- box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.08);
22389
- border: 1px solid #d4d4d5;
22390
- z-index: 998; }
22391
-
22392
- .ui.search > .results > :first-child {
22393
- border-radius: 0.28571429rem 0.28571429rem 0em 0em; }
22394
-
22395
- .ui.search > .results > :last-child {
22396
- border-radius: 0em 0em 0.28571429rem 0.28571429rem; }
22397
-
22398
- /*--------------
22399
- Result
22400
- ---------------*/
22401
- .ui.search > .results .result {
22402
- cursor: pointer;
22403
- display: block;
22404
- overflow: hidden;
22405
- font-size: 1em;
22406
- padding: 0.85714286em 1.14285714em;
22407
- color: rgba(0, 0, 0, 0.87);
22408
- line-height: 1.33;
22409
- border-bottom: 1px solid rgba(34, 36, 38, 0.1); }
22410
-
22411
- .ui.search > .results .result:last-child {
22412
- border-bottom: none !important; }
22413
-
22414
- /* Image */
22415
- .ui.search > .results .result .image {
22416
- float: right;
22417
- overflow: hidden;
22418
- background: none;
22419
- width: 5em;
22420
- height: 3em;
22421
- border-radius: 0.25em; }
22422
-
22423
- .ui.search > .results .result .image img {
22424
- display: block;
22425
- width: auto;
22426
- height: 100%; }
22427
-
22428
- /*--------------
22429
- Info
22430
- ---------------*/
22431
- .ui.search > .results .result .image + .content {
22432
- margin: 0em 6em 0em 0em; }
22433
-
22434
- .ui.search > .results .result .title {
22435
- margin: -0.14285em 0em 0em;
22436
- font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
22437
- font-weight: bold;
22438
- font-size: 1em;
22439
- color: rgba(0, 0, 0, 0.85); }
22440
-
22441
- .ui.search > .results .result .description {
22442
- margin-top: 0;
22443
- font-size: 0.92857143em;
22444
- color: rgba(0, 0, 0, 0.4); }
22445
-
22446
- .ui.search > .results .result .price {
22447
- float: right;
22448
- color: #21ba45; }
22449
-
22450
- /*--------------
22451
- Message
22452
- ---------------*/
22453
- .ui.search > .results > .message {
22454
- padding: 1em 1em; }
22455
-
22456
- .ui.search > .results > .message .header {
22457
- font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
22458
- font-size: 1rem;
22459
- font-weight: bold;
22460
- color: rgba(0, 0, 0, 0.87); }
22461
-
22462
- .ui.search > .results > .message .description {
22463
- margin-top: 0.25rem;
22464
- font-size: 1em;
22465
- color: rgba(0, 0, 0, 0.87); }
22466
-
22467
- /* View All Results */
22468
- .ui.search > .results > .action {
22469
- display: block;
22470
- border-top: none;
22471
- background: #f3f4f5;
22472
- padding: 0.92857143em 1em;
22473
- color: rgba(0, 0, 0, 0.87);
22474
- font-weight: bold;
22475
- text-align: center; }
22476
-
22477
- /*******************************
22478
- States
22479
- *******************************/
22480
- /*--------------------
22481
- Focus
22482
- ---------------------*/
22483
- .ui.search > .prompt:focus {
22484
- border-color: rgba(34, 36, 38, 0.35);
22485
- background: #ffffff;
22486
- color: rgba(0, 0, 0, 0.95); }
22487
-
22488
- /*--------------------
22489
- Loading
22490
- ---------------------*/
22491
- .ui.loading.search .input > i.icon:before {
22492
- position: absolute;
22493
- content: '';
22494
- top: 50%;
22495
- left: 50%;
22496
- margin: -0.64285714em 0em 0em -0.64285714em;
22497
- width: 1.28571429em;
22498
- height: 1.28571429em;
22499
- border-radius: 500rem;
22500
- border: 0.2em solid rgba(0, 0, 0, 0.1); }
22501
-
22502
- .ui.loading.search .input > i.icon:after {
22503
- position: absolute;
22504
- content: '';
22505
- top: 50%;
22506
- left: 50%;
22507
- margin: -0.64285714em 0em 0em -0.64285714em;
22508
- width: 1.28571429em;
22509
- height: 1.28571429em;
22510
- -webkit-animation: button-spin 0.6s linear;
22511
- animation: button-spin 0.6s linear;
22512
- -webkit-animation-iteration-count: infinite;
22513
- animation-iteration-count: infinite;
22514
- border-radius: 500rem;
22515
- border-color: #767676 transparent transparent;
22516
- border-style: solid;
22517
- border-width: 0.2em;
22518
- box-shadow: 0px 0px 0px 1px transparent; }
22519
-
22520
- /*--------------
22521
- Hover
22522
- ---------------*/
22523
- .ui.search > .results .result:hover,
22524
- .ui.category.search > .results .category .result:hover {
22525
- background: #f9fafb; }
22526
-
22527
- .ui.search .action:hover {
22528
- background: #e0e0e0; }
22529
-
22530
- /*--------------
22531
- Active
22532
- ---------------*/
22533
- .ui.category.search > .results .category.active {
22534
- background: #f3f4f5; }
22535
-
22536
- .ui.category.search > .results .category.active > .name {
22537
- color: rgba(0, 0, 0, 0.87); }
22538
-
22539
- .ui.search > .results .result.active,
22540
- .ui.category.search > .results .category .result.active {
22541
- position: relative;
22542
- border-left-color: rgba(34, 36, 38, 0.1);
22543
- background: #f3f4f5;
22544
- box-shadow: none; }
22545
-
22546
- .ui.search > .results .result.active .title {
22547
- color: rgba(0, 0, 0, 0.85); }
22548
-
22549
- .ui.search > .results .result.active .description {
22550
- color: rgba(0, 0, 0, 0.85); }
22551
-
22552
- /*******************************
22553
- Types
22554
- *******************************/
22555
- /*--------------
22556
- Categories
22557
- ---------------*/
22558
- .ui.category.search .results {
22559
- width: 28em; }
22560
-
22561
- /* Category */
22562
- .ui.category.search > .results .category {
22563
- background: #f3f4f5;
22564
- box-shadow: none;
22565
- border-bottom: 1px solid rgba(34, 36, 38, 0.1);
22566
- -webkit-transition: background 0.1s ease, border-color 0.1s ease;
22567
- transition: background 0.1s ease, border-color 0.1s ease; }
22568
-
22569
- /* Last Category */
22570
- .ui.category.search > .results .category:last-child {
22571
- border-bottom: none; }
22572
-
22573
- /* First / Last */
22574
- .ui.category.search > .results .category:first-child .name + .result {
22575
- border-radius: 0em 0.28571429rem 0em 0em; }
22576
-
22577
- .ui.category.search > .results .category:last-child .result:last-child {
22578
- border-radius: 0em 0em 0.28571429rem 0em; }
22579
-
22580
- /* Category Result */
22581
- .ui.category.search > .results .category .result {
22582
- background: #ffffff;
22583
- margin-left: 100px;
22584
- border-left: 1px solid rgba(34, 36, 38, 0.15);
22585
- border-bottom: 1px solid rgba(34, 36, 38, 0.1);
22586
- -webkit-transition: background 0.1s ease, border-color 0.1s ease;
22587
- transition: background 0.1s ease, border-color 0.1s ease;
22588
- padding: 0.85714286em 1.14285714em; }
22589
-
22590
- .ui.category.search > .results .category:last-child .result:last-child {
22591
- border-bottom: none; }
22592
-
22593
- /* Category Result Name */
22594
- .ui.category.search > .results .category > .name {
22595
- width: 100px;
22596
- background: transparent;
22597
- font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
22598
- font-size: 1em;
22599
- float: 1em;
22600
- float: left;
22601
- padding: 0.4em 1em;
22602
- font-weight: bold;
22603
- color: rgba(0, 0, 0, 0.4); }
22604
-
22605
- /*******************************
22606
- Variations
22607
- *******************************/
22608
- /*-------------------
22609
- Left / Right
22610
- --------------------*/
22611
- .ui[class*="left aligned"].search > .results {
22612
- right: auto;
22613
- left: 0%; }
22614
-
22615
- .ui[class*="right aligned"].search > .results {
22616
- right: 0%;
22617
- left: auto; }
22618
-
22619
- /*--------------
22620
- Fluid
22621
- ---------------*/
22622
- .ui.fluid.search .results {
22623
- width: 100%; }
22624
-
22625
- /*--------------
22626
- Sizes
22627
- ---------------*/
22628
- .ui.mini.search {
22629
- font-size: 0.71428571em; }
22630
-
22631
- .ui.small.search {
22632
- font-size: 0.92857143em; }
22633
-
22634
- .ui.search {
22635
- font-size: 1em; }
22636
-
22637
- .ui.large.search {
22638
- font-size: 1.14285714em; }
22639
-
22640
- .ui.big.search {
22641
- font-size: 1.28571429em; }
22642
-
22643
- .ui.huge.search {
22644
- font-size: 1.42857143em; }
22645
-
22646
- .ui.massive.search {
22647
- font-size: 1.71428571em; }
22648
-
22649
- /*******************************
22650
- Theme Overrides
22651
- *******************************/
22652
- /*******************************
22653
- Site Overrides
22654
- *******************************/
22655
- /*!
22656
- * # Semantic UI 2.1.3 - Shape
22657
- * http://github.com/semantic-org/semantic-ui/
22658
- *
22659
- *
22660
- * Copyright 2015 Contributors
22661
- * Released under the MIT license
22662
- * http://opensource.org/licenses/MIT
22663
- *
22664
- */
22665
- /*******************************
22666
- Shape
22667
- *******************************/
22668
- .ui.shape {
22669
- position: relative;
22670
- vertical-align: top;
22671
- display: inline-block;
22672
- -webkit-perspective: 2000px;
22673
- perspective: 2000px;
22674
- -webkit-transition: -webkit-transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
22675
- transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out; }
22676
-
22677
- .ui.shape .sides {
22678
- -webkit-transform-style: preserve-3d;
22679
- transform-style: preserve-3d; }
22680
-
22681
- .ui.shape .side {
22682
- opacity: 1;
22683
- width: 100%;
22684
- margin: 0em !important;
22685
- -webkit-backface-visibility: hidden;
22686
- backface-visibility: hidden; }
22687
-
22688
- .ui.shape .side {
22689
- display: none; }
22690
-
22691
- .ui.shape .side * {
22692
- -webkit-backface-visibility: visible !important;
22693
- backface-visibility: visible !important; }
22694
-
22695
- /*******************************
22696
- Types
22697
- *******************************/
22698
- .ui.cube.shape .side {
22699
- min-width: 15em;
22700
- height: 15em;
22701
- padding: 2em;
22702
- background-color: #e6e6e6;
22703
- color: rgba(0, 0, 0, 0.87);
22704
- box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); }
22705
-
22706
- .ui.cube.shape .side > .content {
22707
- width: 100%;
22708
- height: 100%;
22709
- display: table;
22710
- text-align: center;
22711
- -webkit-user-select: text;
22712
- -moz-user-select: text;
22713
- -ms-user-select: text;
22714
- user-select: text; }
22715
-
22716
- .ui.cube.shape .side > .content > div {
22717
- display: table-cell;
22718
- vertical-align: middle;
22719
- font-size: 2em; }
22720
-
22721
- /*******************************
22722
- Variations
22723
- *******************************/
22724
- .ui.text.shape.animating .sides {
22725
- position: static; }
22726
-
22727
- .ui.text.shape .side {
22728
- white-space: nowrap; }
22729
-
22730
- .ui.text.shape .side > * {
22731
- white-space: normal; }
22732
-
22733
- /*******************************
22734
- States
22735
- *******************************/
22736
- /*--------------
22737
- Loading
22738
- ---------------*/
22739
- .ui.loading.shape {
22740
- position: absolute;
22741
- top: -9999px;
22742
- left: -9999px; }
22743
-
22744
- /*--------------
22745
- Animating
22746
- ---------------*/
22747
- .ui.shape .animating.side {
22748
- position: absolute;
22749
- top: 0px;
22750
- left: 0px;
22751
- display: block;
22752
- z-index: 100; }
22753
-
22754
- .ui.shape .hidden.side {
22755
- opacity: 0.6; }
22756
-
22757
- /*--------------
22758
- CSS
22759
- ---------------*/
22760
- .ui.shape.animating .sides {
22761
- position: absolute; }
22762
-
22763
- .ui.shape.animating .sides {
22764
- -webkit-transition: -webkit-transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
22765
- transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out; }
22766
-
22767
- .ui.shape.animating .side {
22768
- -webkit-transition: opacity 0.6s ease-in-out;
22769
- transition: opacity 0.6s ease-in-out; }
22770
-
22771
- /*--------------
22772
- Active
22773
- ---------------*/
22774
- .ui.shape .active.side {
22775
- display: block; }
22776
-
22777
- /*******************************
22778
- Theme Overrides
22779
- *******************************/
22780
- /*******************************
22781
- User Overrides
22782
- *******************************/
22783
- /*!
22784
- * # Semantic UI 2.1.3 - Sidebar
22785
- * http://github.com/semantic-org/semantic-ui/
22786
- *
22787
- *
22788
- * Copyright 2015 Contributors
22789
- * Released under the MIT license
22790
- * http://opensource.org/licenses/MIT
22791
- *
22792
- */
22793
- /*******************************
22794
- Sidebar
22795
- *******************************/
22796
- /* Sidebar Menu */
22797
- .ui.sidebar {
22798
- position: fixed;
22799
- top: 0;
22800
- left: 0;
22801
- -webkit-backface-visibility: hidden;
22802
- backface-visibility: hidden;
22803
- -webkit-transition: none;
22804
- transition: none;
22805
- will-change: transform;
22806
- -webkit-transform: translate3d(0, 0, 0);
22807
- transform: translate3d(0, 0, 0);
22808
- visibility: hidden;
22809
- -webkit-overflow-scrolling: touch;
22810
- height: 100% !important;
22811
- max-height: 100%;
22812
- border-radius: 0em !important;
22813
- margin: 0em !important;
22814
- overflow-y: auto !important;
22815
- z-index: 102; }
22816
-
22817
- /* GPU Layers for Child Elements */
22818
- .ui.sidebar > * {
22819
- -webkit-backface-visibility: hidden;
22820
- backface-visibility: hidden;
22821
- -webkit-transform: rotateZ(0deg);
22822
- transform: rotateZ(0deg); }
22823
-
22824
- /*--------------
22825
- Direction
22826
- ---------------*/
22827
- .ui.left.sidebar {
22828
- right: auto;
22829
- left: 0px;
22830
- -webkit-transform: translate3d(-100%, 0, 0);
22831
- transform: translate3d(-100%, 0, 0); }
22832
-
22833
- .ui.right.sidebar {
22834
- right: 0px !important;
22835
- left: auto !important;
22836
- -webkit-transform: translate3d(100%, 0%, 0);
22837
- transform: translate3d(100%, 0%, 0); }
22838
-
22839
- .ui.top.sidebar,
22840
- .ui.bottom.sidebar {
22841
- width: 100% !important;
22842
- height: auto !important; }
22843
-
22844
- .ui.top.sidebar {
22845
- top: 0px !important;
22846
- bottom: auto !important;
22847
- -webkit-transform: translate3d(0, -100%, 0);
22848
- transform: translate3d(0, -100%, 0); }
22849
-
22850
- .ui.bottom.sidebar {
22851
- top: auto !important;
22852
- bottom: 0px !important;
22853
- -webkit-transform: translate3d(0, 100%, 0);
22854
- transform: translate3d(0, 100%, 0); }
22855
-
22856
- /*--------------
22857
- Pushable
22858
- ---------------*/
22859
- .pushable {
22860
- height: 100%;
22861
- overflow-x: hidden;
22862
- padding: 0em !important; }
22863
-
22864
- /* Whole Page */
22865
- body.pushable {
22866
- background: #545454 !important; }
22867
-
22868
- /* Page Context */
22869
- .pushable:not(body) {
22870
- -webkit-transform: translate3d(0, 0, 0);
22871
- transform: translate3d(0, 0, 0); }
22872
-
22873
- .pushable:not(body) > .ui.sidebar,
22874
- .pushable:not(body) > .fixed,
22875
- .pushable:not(body) > .pusher:after {
22876
- position: absolute; }
22877
-
22878
- /*--------------
22879
- Fixed
22880
- ---------------*/
22881
- .pushable > .fixed {
22882
- position: fixed;
22883
- -webkit-backface-visibility: hidden;
22884
- backface-visibility: hidden;
22885
- -webkit-transition: -webkit-transform 500ms ease;
22886
- transition: transform 500ms ease;
22887
- will-change: transform;
22888
- z-index: 101; }
22889
-
22890
- /*--------------
22891
- Page
22892
- ---------------*/
22893
- .pushable > .pusher {
22894
- position: relative;
22895
- -webkit-backface-visibility: hidden;
22896
- backface-visibility: hidden;
22897
- overflow: hidden;
22898
- min-height: 100%;
22899
- -webkit-transition: -webkit-transform 500ms ease;
22900
- transition: transform 500ms ease;
22901
- z-index: 2; }
22902
-
22903
- body.pushable > .pusher {
22904
- background: #ffffff; }
22905
-
22906
- /* Pusher should inherit background from context */
22907
- .pushable > .pusher {
22908
- background: inherit; }
22909
-
22910
- /*--------------
22911
- Dimmer
22912
- ---------------*/
22913
- .pushable > .pusher:after {
22914
- position: fixed;
22915
- top: 0px;
22916
- right: 0px;
22917
- content: '';
22918
- background-color: rgba(0, 0, 0, 0.4);
22919
- overflow: hidden;
22920
- opacity: 0;
22921
- -webkit-transition: opacity 500ms;
22922
- transition: opacity 500ms;
22923
- will-change: opacity;
22924
- z-index: 1000; }
22925
-
22926
- /*--------------
22927
- Coupling
22928
- ---------------*/
22929
- .ui.sidebar.menu .item {
22930
- border-radius: 0em !important; }
22931
-
22932
- /*******************************
22933
- States
22934
- *******************************/
22935
- /*--------------
22936
- Dimmed
22937
- ---------------*/
22938
- .pushable > .pusher.dimmed:after {
22939
- width: 100% !important;
22940
- height: 100% !important;
22941
- opacity: 1 !important; }
22942
-
22943
- /*--------------
22944
- Animating
22945
- ---------------*/
22946
- .ui.animating.sidebar {
22947
- visibility: visible; }
22948
-
22949
- /*--------------
22950
- Visible
22951
- ---------------*/
22952
- .ui.visible.sidebar {
22953
- visibility: visible;
22954
- -webkit-transform: translate3d(0, 0, 0);
22955
- transform: translate3d(0, 0, 0); }
22956
-
22957
- /* Shadow Direction */
22958
- .ui.left.visible.sidebar,
22959
- .ui.right.visible.sidebar {
22960
- box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); }
22961
-
22962
- .ui.top.visible.sidebar,
22963
- .ui.bottom.visible.sidebar {
22964
- box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); }
22965
-
22966
- /* Visible On Load */
22967
- .ui.visible.left.sidebar ~ .fixed,
22968
- .ui.visible.left.sidebar ~ .pusher {
22969
- -webkit-transform: translate3d(260px, 0, 0);
22970
- transform: translate3d(260px, 0, 0); }
22971
-
22972
- .ui.visible.right.sidebar ~ .fixed,
22973
- .ui.visible.right.sidebar ~ .pusher {
22974
- -webkit-transform: translate3d(-260px, 0, 0);
22975
- transform: translate3d(-260px, 0, 0); }
22976
-
22977
- .ui.visible.top.sidebar ~ .fixed,
22978
- .ui.visible.top.sidebar ~ .pusher {
22979
- -webkit-transform: translate3d(0, 36px, 0);
22980
- transform: translate3d(0, 36px, 0); }
22981
-
22982
- .ui.visible.bottom.sidebar ~ .fixed,
22983
- .ui.visible.bottom.sidebar ~ .pusher {
22984
- -webkit-transform: translate3d(0, -36px, 0);
22985
- transform: translate3d(0, -36px, 0); }
22986
-
22987
- /* opposite sides visible forces content overlay */
22988
- .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed,
22989
- .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher,
22990
- .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed,
22991
- .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {
22992
- -webkit-transform: translate3d(0, 0, 0);
22993
- transform: translate3d(0, 0, 0); }
22994
-
22995
- /*--------------
22996
- iOS
22997
- ---------------*/
22998
- /*
22999
- iOS incorrectly sizes document when content
23000
- is presented outside of view with 2Dtranslate
23001
- */
23002
- html.ios {
23003
- overflow-x: hidden;
23004
- -webkit-overflow-scrolling: touch; }
23005
-
23006
- html.ios,
23007
- html.ios body {
23008
- height: initial !important; }
23009
-
23010
- /*******************************
23011
- Variations
23012
- *******************************/
23013
- /*--------------
23014
- Width
23015
- ---------------*/
23016
- /* Left / Right */
23017
- .ui[class*="very thin"].left.sidebar,
23018
- .ui[class*="very thin"].right.sidebar {
23019
- width: 60px; }
23020
-
23021
- .ui.thin.left.sidebar,
23022
- .ui.thin.right.sidebar {
23023
- width: 150px; }
23024
-
23025
- .ui.left.sidebar,
23026
- .ui.right.sidebar {
23027
- width: 260px; }
23028
-
23029
- .ui.wide.left.sidebar,
23030
- .ui.wide.right.sidebar {
23031
- width: 350px; }
23032
-
23033
- .ui[class*="very wide"].left.sidebar,
23034
- .ui[class*="very wide"].right.sidebar {
23035
- width: 475px; }
23036
-
23037
- /* Left Visible */
23038
- .ui.visible[class*="very thin"].left.sidebar ~ .fixed,
23039
- .ui.visible[class*="very thin"].left.sidebar ~ .pusher {
23040
- -webkit-transform: translate3d(60px, 0, 0);
23041
- transform: translate3d(60px, 0, 0); }
23042
-
23043
- .ui.visible.thin.left.sidebar ~ .fixed,
23044
- .ui.visible.thin.left.sidebar ~ .pusher {
23045
- -webkit-transform: translate3d(150px, 0, 0);
23046
- transform: translate3d(150px, 0, 0); }
23047
-
23048
- .ui.visible.wide.left.sidebar ~ .fixed,
23049
- .ui.visible.wide.left.sidebar ~ .pusher {
23050
- -webkit-transform: translate3d(350px, 0, 0);
23051
- transform: translate3d(350px, 0, 0); }
23052
-
23053
- .ui.visible[class*="very wide"].left.sidebar ~ .fixed,
23054
- .ui.visible[class*="very wide"].left.sidebar ~ .pusher {
23055
- -webkit-transform: translate3d(475px, 0, 0);
23056
- transform: translate3d(475px, 0, 0); }
23057
-
23058
- /* Right Visible */
23059
- .ui.visible[class*="very thin"].right.sidebar ~ .fixed,
23060
- .ui.visible[class*="very thin"].right.sidebar ~ .pusher {
23061
- -webkit-transform: translate3d(-60px, 0, 0);
23062
- transform: translate3d(-60px, 0, 0); }
23063
-
23064
- .ui.visible.thin.right.sidebar ~ .fixed,
23065
- .ui.visible.thin.right.sidebar ~ .pusher {
23066
- -webkit-transform: translate3d(-150px, 0, 0);
23067
- transform: translate3d(-150px, 0, 0); }
23068
-
23069
- .ui.visible.wide.right.sidebar ~ .fixed,
23070
- .ui.visible.wide.right.sidebar ~ .pusher {
23071
- -webkit-transform: translate3d(-350px, 0, 0);
23072
- transform: translate3d(-350px, 0, 0); }
23073
-
23074
- .ui.visible[class*="very wide"].right.sidebar ~ .fixed,
23075
- .ui.visible[class*="very wide"].right.sidebar ~ .pusher {
23076
- -webkit-transform: translate3d(-475px, 0, 0);
23077
- transform: translate3d(-475px, 0, 0); }
23078
-
23079
- /*******************************
23080
- Animations
23081
- *******************************/
23082
- /*--------------
23083
- Overlay
23084
- ---------------*/
23085
- /* Set-up */
23086
- .ui.overlay.sidebar {
23087
- z-index: 102; }
23088
-
23089
- /* Initial */
23090
- .ui.left.overlay.sidebar {
23091
- -webkit-transform: translate3d(-100%, 0%, 0);
23092
- transform: translate3d(-100%, 0%, 0); }
23093
-
23094
- .ui.right.overlay.sidebar {
23095
- -webkit-transform: translate3d(100%, 0%, 0);
23096
- transform: translate3d(100%, 0%, 0); }
23097
-
23098
- .ui.top.overlay.sidebar {
23099
- -webkit-transform: translate3d(0%, -100%, 0);
23100
- transform: translate3d(0%, -100%, 0); }
23101
-
23102
- .ui.bottom.overlay.sidebar {
23103
- -webkit-transform: translate3d(0%, 100%, 0);
23104
- transform: translate3d(0%, 100%, 0); }
23105
-
23106
- /* Animation */
23107
- .animating.ui.overlay.sidebar,
23108
- .ui.visible.overlay.sidebar {
23109
- -webkit-transition: -webkit-transform 500ms ease;
23110
- transition: transform 500ms ease; }
23111
-
23112
- /* End - Sidebar */
23113
- .ui.visible.left.overlay.sidebar {
23114
- -webkit-transform: translate3d(0%, 0%, 0);
23115
- transform: translate3d(0%, 0%, 0); }
23116
-
23117
- .ui.visible.right.overlay.sidebar {
23118
- -webkit-transform: translate3d(0%, 0%, 0);
23119
- transform: translate3d(0%, 0%, 0); }
23120
-
23121
- .ui.visible.top.overlay.sidebar {
23122
- -webkit-transform: translate3d(0%, 0%, 0);
23123
- transform: translate3d(0%, 0%, 0); }
23124
-
23125
- .ui.visible.bottom.overlay.sidebar {
23126
- -webkit-transform: translate3d(0%, 0%, 0);
23127
- transform: translate3d(0%, 0%, 0); }
23128
-
23129
- /* End - Pusher */
23130
- .ui.visible.overlay.sidebar ~ .fixed,
23131
- .ui.visible.overlay.sidebar ~ .pusher {
23132
- -webkit-transform: none !important;
23133
- -ms-transform: none !important;
23134
- transform: none !important; }
23135
-
23136
- /*--------------
23137
- Push
23138
- ---------------*/
23139
- /* Initial */
23140
- .ui.push.sidebar {
23141
- -webkit-transition: -webkit-transform 500ms ease;
23142
- transition: transform 500ms ease;
23143
- z-index: 102; }
23144
-
23145
- /* Sidebar - Initial */
23146
- .ui.left.push.sidebar {
23147
- -webkit-transform: translate3d(-100%, 0, 0);
23148
- transform: translate3d(-100%, 0, 0); }
23149
-
23150
- .ui.right.push.sidebar {
23151
- -webkit-transform: translate3d(100%, 0, 0);
23152
- transform: translate3d(100%, 0, 0); }
23153
-
23154
- .ui.top.push.sidebar {
23155
- -webkit-transform: translate3d(0%, -100%, 0);
23156
- transform: translate3d(0%, -100%, 0); }
23157
-
23158
- .ui.bottom.push.sidebar {
23159
- -webkit-transform: translate3d(0%, 100%, 0);
23160
- transform: translate3d(0%, 100%, 0); }
23161
-
23162
- /* End */
23163
- .ui.visible.push.sidebar {
23164
- -webkit-transform: translate3d(0%, 0, 0);
23165
- transform: translate3d(0%, 0, 0); }
23166
-
23167
- /*--------------
23168
- Uncover
23169
- ---------------*/
23170
- /* Initial */
23171
- .ui.uncover.sidebar {
23172
- -webkit-transform: translate3d(0, 0, 0);
23173
- transform: translate3d(0, 0, 0);
23174
- z-index: 1; }
23175
-
23176
- /* End */
23177
- .ui.visible.uncover.sidebar {
23178
- -webkit-transform: translate3d(0, 0, 0);
23179
- transform: translate3d(0, 0, 0);
23180
- -webkit-transition: -webkit-transform 500ms ease;
23181
- transition: transform 500ms ease; }
23182
-
23183
- /*--------------
23184
- Slide Along
23185
- ---------------*/
23186
- /* Initial */
23187
- .ui.slide.along.sidebar {
23188
- z-index: 1; }
23189
-
23190
- /* Sidebar - Initial */
23191
- .ui.left.slide.along.sidebar {
23192
- -webkit-transform: translate3d(-50%, 0, 0);
23193
- transform: translate3d(-50%, 0, 0); }
23194
-
23195
- .ui.right.slide.along.sidebar {
23196
- -webkit-transform: translate3d(50%, 0, 0);
23197
- transform: translate3d(50%, 0, 0); }
23198
-
23199
- .ui.top.slide.along.sidebar {
23200
- -webkit-transform: translate3d(0, -50%, 0);
23201
- transform: translate3d(0, -50%, 0); }
23202
-
23203
- .ui.bottom.slide.along.sidebar {
23204
- -webkit-transform: translate3d(0%, 50%, 0);
23205
- transform: translate3d(0%, 50%, 0); }
23206
-
23207
- /* Animation */
23208
- .ui.animating.slide.along.sidebar {
23209
- -webkit-transition: -webkit-transform 500ms ease;
23210
- transition: transform 500ms ease; }
23211
-
23212
- /* End */
23213
- .ui.visible.slide.along.sidebar {
23214
- -webkit-transform: translate3d(0%, 0, 0);
23215
- transform: translate3d(0%, 0, 0); }
23216
-
23217
- /*--------------
23218
- Slide Out
23219
- ---------------*/
23220
- /* Initial */
23221
- .ui.slide.out.sidebar {
23222
- z-index: 1; }
23223
-
23224
- /* Sidebar - Initial */
23225
- .ui.left.slide.out.sidebar {
23226
- -webkit-transform: translate3d(50%, 0, 0);
23227
- transform: translate3d(50%, 0, 0); }
23228
-
23229
- .ui.right.slide.out.sidebar {
23230
- -webkit-transform: translate3d(-50%, 0, 0);
23231
- transform: translate3d(-50%, 0, 0); }
23232
-
23233
- .ui.top.slide.out.sidebar {
23234
- -webkit-transform: translate3d(0%, 50%, 0);
23235
- transform: translate3d(0%, 50%, 0); }
23236
-
23237
- .ui.bottom.slide.out.sidebar {
23238
- -webkit-transform: translate3d(0%, -50%, 0);
23239
- transform: translate3d(0%, -50%, 0); }
23240
-
23241
- /* Animation */
23242
- .ui.animating.slide.out.sidebar {
23243
- -webkit-transition: -webkit-transform 500ms ease;
23244
- transition: transform 500ms ease; }
23245
-
23246
- /* End */
23247
- .ui.visible.slide.out.sidebar {
23248
- -webkit-transform: translate3d(0%, 0, 0);
23249
- transform: translate3d(0%, 0, 0); }
23250
-
23251
- /*--------------
23252
- Scale Down
23253
- ---------------*/
23254
- /* Initial */
23255
- .ui.scale.down.sidebar {
23256
- -webkit-transition: -webkit-transform 500ms ease;
23257
- transition: transform 500ms ease;
23258
- z-index: 102; }
23259
-
23260
- /* Sidebar - Initial */
23261
- .ui.left.scale.down.sidebar {
23262
- -webkit-transform: translate3d(-100%, 0, 0);
23263
- transform: translate3d(-100%, 0, 0); }
23264
-
23265
- .ui.right.scale.down.sidebar {
23266
- -webkit-transform: translate3d(100%, 0, 0);
23267
- transform: translate3d(100%, 0, 0); }
23268
-
23269
- .ui.top.scale.down.sidebar {
23270
- -webkit-transform: translate3d(0%, -100%, 0);
23271
- transform: translate3d(0%, -100%, 0); }
23272
-
23273
- .ui.bottom.scale.down.sidebar {
23274
- -webkit-transform: translate3d(0%, 100%, 0);
23275
- transform: translate3d(0%, 100%, 0); }
23276
-
23277
- /* Pusher - Initial */
23278
- .ui.scale.down.left.sidebar ~ .pusher {
23279
- -webkit-transform-origin: 75% 50%;
23280
- -ms-transform-origin: 75% 50%;
23281
- transform-origin: 75% 50%; }
23282
-
23283
- .ui.scale.down.right.sidebar ~ .pusher {
23284
- -webkit-transform-origin: 25% 50%;
23285
- -ms-transform-origin: 25% 50%;
23286
- transform-origin: 25% 50%; }
23287
-
23288
- .ui.scale.down.top.sidebar ~ .pusher {
23289
- -webkit-transform-origin: 50% 75%;
23290
- -ms-transform-origin: 50% 75%;
23291
- transform-origin: 50% 75%; }
23292
-
23293
- .ui.scale.down.bottom.sidebar ~ .pusher {
23294
- -webkit-transform-origin: 50% 25%;
23295
- -ms-transform-origin: 50% 25%;
23296
- transform-origin: 50% 25%; }
23297
-
23298
- /* Animation */
23299
- .ui.animating.scale.down > .visible.ui.sidebar {
23300
- -webkit-transition: -webkit-transform 500ms ease;
23301
- transition: transform 500ms ease; }
23302
-
23303
- .ui.visible.scale.down.sidebar ~ .pusher,
23304
- .ui.animating.scale.down.sidebar ~ .pusher {
23305
- display: block !important;
23306
- width: 100%;
23307
- height: 100%;
23308
- overflow: hidden !important; }
23309
-
23310
- /* End */
23311
- .ui.visible.scale.down.sidebar {
23312
- -webkit-transform: translate3d(0, 0, 0);
23313
- transform: translate3d(0, 0, 0); }
23314
-
23315
- .ui.visible.scale.down.sidebar ~ .pusher {
23316
- -webkit-transform: scale(0.75);
23317
- -ms-transform: scale(0.75);
23318
- transform: scale(0.75); }
23319
-
23320
- /*******************************
23321
- Theme Overrides
23322
- *******************************/
23323
- /*******************************
23324
- Site Overrides
23325
- *******************************/
23326
- /*!
23327
- * # Semantic UI 2.1.3 - Sticky
23328
- * http://github.com/semantic-org/semantic-ui/
23329
- *
23330
- *
23331
- * Copyright 2015 Contributors
23332
- * Released under the MIT license
23333
- * http://opensource.org/licenses/MIT
23334
- *
23335
- */
23336
- /*******************************
23337
- Sticky
23338
- *******************************/
23339
- .ui.sticky {
23340
- position: static;
23341
- -webkit-transition: none;
23342
- transition: none;
23343
- z-index: 800; }
23344
-
23345
- /*******************************
23346
- States
23347
- *******************************/
23348
- /* Bound */
23349
- .ui.sticky.bound {
23350
- position: absolute;
23351
- left: auto;
23352
- right: auto; }
23353
-
23354
- /* Fixed */
23355
- .ui.sticky.fixed {
23356
- position: fixed;
23357
- left: auto;
23358
- right: auto; }
23359
-
23360
- /* Bound/Fixed Position */
23361
- .ui.sticky.bound.top,
23362
- .ui.sticky.fixed.top {
23363
- top: 0px;
23364
- bottom: auto; }
23365
-
23366
- .ui.sticky.bound.bottom,
23367
- .ui.sticky.fixed.bottom {
23368
- top: auto;
23369
- bottom: 0px; }
23370
-
23371
- /*******************************
23372
- Types
23373
- *******************************/
23374
- .ui.native.sticky {
23375
- position: -webkit-sticky;
23376
- position: -moz-sticky;
23377
- position: -ms-sticky;
23378
- position: -o-sticky;
23379
- position: sticky; }
23380
-
23381
- /*******************************
23382
- Theme Overrides
23383
- *******************************/
23384
- /*******************************
23385
- Site Overrides
23386
- *******************************/
23387
- /*!
23388
- * # Semantic UI 2.1.3 - Tab
23389
- * http://github.com/semantic-org/semantic-ui/
23390
- *
23391
- *
23392
- * Copyright 2015 Contributors
23393
- * Released under the MIT license
23394
- * http://opensource.org/licenses/MIT
23395
- *
23396
- */
23397
- /*******************************
23398
- UI Tabs
23399
- *******************************/
23400
- .ui.tab {
23401
- display: none; }
23402
-
23403
- /*******************************
23404
- States
23405
- *******************************/
23406
- /*--------------------
23407
- Active
23408
- ---------------------*/
23409
- .ui.tab.active,
23410
- .ui.tab.open {
23411
- display: block; }
23412
-
23413
- /*--------------------
23414
- Loading
23415
- ---------------------*/
23416
- .ui.tab.loading {
23417
- position: relative;
23418
- overflow: hidden;
23419
- display: block;
23420
- min-height: 250px; }
23421
-
23422
- .ui.tab.loading * {
23423
- position: relative !important;
23424
- left: -10000px !important; }
23425
-
23426
- .ui.tab.loading:before,
23427
- .ui.tab.loading.segment:before {
23428
- position: absolute;
23429
- content: '';
23430
- top: 100px;
23431
- left: 50%;
23432
- margin: -1.25em 0em 0em -1.25em;
23433
- width: 2.5em;
23434
- height: 2.5em;
23435
- border-radius: 500rem;
23436
- border: 0.2em solid rgba(0, 0, 0, 0.1); }
23437
-
23438
- .ui.tab.loading:after,
23439
- .ui.tab.loading.segment:after {
23440
- position: absolute;
23441
- content: '';
23442
- top: 100px;
23443
- left: 50%;
23444
- margin: -1.25em 0em 0em -1.25em;
23445
- width: 2.5em;
23446
- height: 2.5em;
23447
- -webkit-animation: button-spin 0.6s linear;
23448
- animation: button-spin 0.6s linear;
23449
- -webkit-animation-iteration-count: infinite;
23450
- animation-iteration-count: infinite;
23451
- border-radius: 500rem;
23452
- border-color: #767676 transparent transparent;
23453
- border-style: solid;
23454
- border-width: 0.2em;
23455
- box-shadow: 0px 0px 0px 1px transparent; }
23456
-
23457
- /*******************************
23458
- Tab Overrides
23459
- *******************************/
23460
- /*******************************
23461
- User Overrides
23462
- *******************************/
23463
- /*!
23464
- * # Semantic UI 2.1.3 - Transition
23465
- * http://github.com/semantic-org/semantic-ui/
23466
- *
23467
- *
23468
- * Copyright 2015 Contributors
23469
- * Released under the MIT license
23470
- * http://opensource.org/licenses/MIT
23471
- *
23472
- */
23473
- /*******************************
23474
- Transitions
23475
- *******************************/
23476
- .transition {
23477
- -webkit-animation-iteration-count: 1;
23478
- animation-iteration-count: 1;
23479
- -webkit-animation-duration: 300ms;
23480
- animation-duration: 300ms;
23481
- -webkit-animation-timing-function: ease;
23482
- animation-timing-function: ease;
23483
- -webkit-animation-fill-mode: both;
23484
- animation-fill-mode: both; }
23485
-
23486
- /*******************************
23487
- States
23488
- *******************************/
23489
- /* Animating */
23490
- .animating.transition {
23491
- -webkit-backface-visibility: hidden;
23492
- backface-visibility: hidden;
23493
- visibility: visible !important; }
23494
-
23495
- /* Loading */
23496
- .loading.transition {
23497
- position: absolute;
23498
- top: -99999px;
23499
- left: -99999px; }
23500
-
23501
- /* Hidden */
23502
- .hidden.transition {
23503
- display: none;
23504
- visibility: hidden; }
23505
-
23506
- /* Visible */
23507
- .visible.transition {
23508
- display: block !important;
23509
- visibility: visible !important;
23510
- /* backface-visibility: @backfaceVisibility;
23511
- transform: @use3DAcceleration;*/ }
23512
-
23513
- /* Disabled */
23514
- .disabled.transition {
23515
- -webkit-animation-play-state: paused;
23516
- animation-play-state: paused; }
23517
-
23518
- /*******************************
23519
- Variations
23520
- *******************************/
23521
- .looping.transition {
23522
- -webkit-animation-iteration-count: infinite;
23523
- animation-iteration-count: infinite; }
23524
-
23525
- /*******************************
23526
- Transitions
23527
- *******************************/
23528
- /*
23529
- Some transitions adapted from Animate CSS
23530
- https://github.com/daneden/animate.css
23531
-
23532
- Additional transitions adapted from Glide
23533
- by Nick Pettit - https://github.com/nickpettit/glide
23534
- */
23535
- /*--------------
23536
- Browse
23537
- ---------------*/
23538
- .transition.browse {
23539
- -webkit-animation-duration: 500ms;
23540
- animation-duration: 500ms; }
23541
-
23542
- .transition.browse.in {
23543
- -webkit-animation-name: browseIn;
23544
- animation-name: browseIn; }
23545
-
23546
- .transition.browse.out,
23547
- .transition.browse.left.out {
23548
- -webkit-animation-name: browseOutLeft;
23549
- animation-name: browseOutLeft; }
23550
-
23551
- .transition.browse.right.out {
23552
- -webkit-animation-name: browseOutRight;
23553
- animation-name: browseOutRight; }
23554
-
23555
- /* In */
23556
- @-webkit-keyframes browseIn {
23557
- 0% {
23558
- -webkit-transform: scale(0.8) translateZ(0px);
23559
- transform: scale(0.8) translateZ(0px);
23560
- z-index: -1; }
23561
- 10% {
23562
- -webkit-transform: scale(0.8) translateZ(0px);
23563
- transform: scale(0.8) translateZ(0px);
23564
- z-index: -1;
23565
- opacity: 0.7; }
23566
- 80% {
23567
- -webkit-transform: scale(1.05) translateZ(0px);
23568
- transform: scale(1.05) translateZ(0px);
23569
- opacity: 1;
23570
- z-index: 999; }
23571
- 100% {
23572
- -webkit-transform: scale(1) translateZ(0px);
23573
- transform: scale(1) translateZ(0px);
23574
- z-index: 999; } }
23575
- @keyframes browseIn {
23576
- 0% {
23577
- -webkit-transform: scale(0.8) translateZ(0px);
23578
- transform: scale(0.8) translateZ(0px);
23579
- z-index: -1; }
23580
- 10% {
23581
- -webkit-transform: scale(0.8) translateZ(0px);
23582
- transform: scale(0.8) translateZ(0px);
23583
- z-index: -1;
23584
- opacity: 0.7; }
23585
- 80% {
23586
- -webkit-transform: scale(1.05) translateZ(0px);
23587
- transform: scale(1.05) translateZ(0px);
23588
- opacity: 1;
23589
- z-index: 999; }
23590
- 100% {
23591
- -webkit-transform: scale(1) translateZ(0px);
23592
- transform: scale(1) translateZ(0px);
23593
- z-index: 999; } }
23594
- /* Out */
23595
- @-webkit-keyframes browseOutLeft {
23596
- 0% {
23597
- z-index: 999;
23598
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
23599
- transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
23600
- 50% {
23601
- z-index: -1;
23602
- -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
23603
- transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
23604
- 80% {
23605
- opacity: 1; }
23606
- 100% {
23607
- z-index: -1;
23608
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
23609
- transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
23610
- opacity: 0; } }
23611
- @keyframes browseOutLeft {
23612
- 0% {
23613
- z-index: 999;
23614
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
23615
- transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
23616
- 50% {
23617
- z-index: -1;
23618
- -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
23619
- transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
23620
- 80% {
23621
- opacity: 1; }
23622
- 100% {
23623
- z-index: -1;
23624
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
23625
- transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
23626
- opacity: 0; } }
23627
- @-webkit-keyframes browseOutRight {
23628
- 0% {
23629
- z-index: 999;
23630
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
23631
- transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
23632
- 50% {
23633
- z-index: 1;
23634
- -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
23635
- transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
23636
- 80% {
23637
- opacity: 1; }
23638
- 100% {
23639
- z-index: 1;
23640
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
23641
- transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
23642
- opacity: 0; } }
23643
- @keyframes browseOutRight {
23644
- 0% {
23645
- z-index: 999;
23646
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
23647
- transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
23648
- 50% {
23649
- z-index: 1;
23650
- -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
23651
- transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
23652
- 80% {
23653
- opacity: 1; }
23654
- 100% {
23655
- z-index: 1;
23656
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
23657
- transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
23658
- opacity: 0; } }
23659
- /*--------------
23660
- Drop
23661
- ---------------*/
23662
- .drop.transition {
23663
- -webkit-transform-origin: top center;
23664
- -ms-transform-origin: top center;
23665
- transform-origin: top center;
23666
- -webkit-animation-duration: 400ms;
23667
- animation-duration: 400ms;
23668
- -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
23669
- animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); }
23670
-
23671
- .drop.transition.in {
23672
- -webkit-animation-name: dropIn;
23673
- animation-name: dropIn; }
23674
-
23675
- .drop.transition.out {
23676
- -webkit-animation-name: dropOut;
23677
- animation-name: dropOut; }
23678
-
23679
- /* Drop */
23680
- @-webkit-keyframes dropIn {
23681
- 0% {
23682
- opacity: 0;
23683
- -webkit-transform: scale(0);
23684
- transform: scale(0); }
23685
- 100% {
23686
- opacity: 1;
23687
- -webkit-transform: scale(1);
23688
- transform: scale(1); } }
23689
- @keyframes dropIn {
23690
- 0% {
23691
- opacity: 0;
23692
- -webkit-transform: scale(0);
23693
- transform: scale(0); }
23694
- 100% {
23695
- opacity: 1;
23696
- -webkit-transform: scale(1);
23697
- transform: scale(1); } }
23698
- @-webkit-keyframes dropOut {
23699
- 0% {
23700
- opacity: 1;
23701
- -webkit-transform: scale(1);
23702
- transform: scale(1); }
23703
- 100% {
23704
- opacity: 0;
23705
- -webkit-transform: scale(0);
23706
- transform: scale(0); } }
23707
- @keyframes dropOut {
23708
- 0% {
23709
- opacity: 1;
23710
- -webkit-transform: scale(1);
23711
- transform: scale(1); }
23712
- 100% {
23713
- opacity: 0;
23714
- -webkit-transform: scale(0);
23715
- transform: scale(0); } }
23716
- /*--------------
23717
- Fade
23718
- ---------------*/
23719
- .transition.fade.in {
23720
- -webkit-animation-name: fadeIn;
23721
- animation-name: fadeIn; }
23722
-
23723
- .transition[class*="fade up"].in {
23724
- -webkit-animation-name: fadeInUp;
23725
- animation-name: fadeInUp; }
23726
-
23727
- .transition[class*="fade down"].in {
23728
- -webkit-animation-name: fadeInDown;
23729
- animation-name: fadeInDown; }
23730
-
23731
- .transition[class*="fade left"].in {
23732
- -webkit-animation-name: fadeInLeft;
23733
- animation-name: fadeInLeft; }
23734
-
23735
- .transition[class*="fade right"].in {
23736
- -webkit-animation-name: fadeInRight;
23737
- animation-name: fadeInRight; }
23738
-
23739
- .transition.fade.out {
23740
- -webkit-animation-name: fadeOut;
23741
- animation-name: fadeOut; }
23742
-
23743
- .transition[class*="fade up"].out {
23744
- -webkit-animation-name: fadeOutUp;
23745
- animation-name: fadeOutUp; }
23746
-
23747
- .transition[class*="fade down"].out {
23748
- -webkit-animation-name: fadeOutDown;
23749
- animation-name: fadeOutDown; }
23750
-
23751
- .transition[class*="fade left"].out {
23752
- -webkit-animation-name: fadeOutLeft;
23753
- animation-name: fadeOutLeft; }
23754
-
23755
- .transition[class*="fade right"].out {
23756
- -webkit-animation-name: fadeOutRight;
23757
- animation-name: fadeOutRight; }
23758
-
23759
- /* In */
23760
- @-webkit-keyframes fadeIn {
23761
- 0% {
23762
- opacity: 0; }
23763
- 100% {
23764
- opacity: 1; } }
23765
- @keyframes fadeIn {
23766
- 0% {
23767
- opacity: 0; }
23768
- 100% {
23769
- opacity: 1; } }
23770
- @-webkit-keyframes fadeInUp {
23771
- 0% {
23772
- opacity: 0;
23773
- -webkit-transform: translateY(10%);
23774
- transform: translateY(10%); }
23775
- 100% {
23776
- opacity: 1;
23777
- -webkit-transform: translateY(0%);
23778
- transform: translateY(0%); } }
23779
- @keyframes fadeInUp {
23780
- 0% {
23781
- opacity: 0;
23782
- -webkit-transform: translateY(10%);
23783
- transform: translateY(10%); }
23784
- 100% {
23785
- opacity: 1;
23786
- -webkit-transform: translateY(0%);
23787
- transform: translateY(0%); } }
23788
- @-webkit-keyframes fadeInDown {
23789
- 0% {
23790
- opacity: 0;
23791
- -webkit-transform: translateY(-10%);
23792
- transform: translateY(-10%); }
23793
- 100% {
23794
- opacity: 1;
23795
- -webkit-transform: translateY(0%);
23796
- transform: translateY(0%); } }
23797
- @keyframes fadeInDown {
23798
- 0% {
23799
- opacity: 0;
23800
- -webkit-transform: translateY(-10%);
23801
- transform: translateY(-10%); }
23802
- 100% {
23803
- opacity: 1;
23804
- -webkit-transform: translateY(0%);
23805
- transform: translateY(0%); } }
23806
- @-webkit-keyframes fadeInLeft {
23807
- 0% {
23808
- opacity: 0;
23809
- -webkit-transform: translateX(10%);
23810
- transform: translateX(10%); }
23811
- 100% {
23812
- opacity: 1;
23813
- -webkit-transform: translateX(0%);
23814
- transform: translateX(0%); } }
23815
- @keyframes fadeInLeft {
23816
- 0% {
23817
- opacity: 0;
23818
- -webkit-transform: translateX(10%);
23819
- transform: translateX(10%); }
23820
- 100% {
23821
- opacity: 1;
23822
- -webkit-transform: translateX(0%);
23823
- transform: translateX(0%); } }
23824
- @-webkit-keyframes fadeInRight {
23825
- 0% {
23826
- opacity: 0;
23827
- -webkit-transform: translateX(-10%);
23828
- transform: translateX(-10%); }
23829
- 100% {
23830
- opacity: 1;
23831
- -webkit-transform: translateX(0%);
23832
- transform: translateX(0%); } }
23833
- @keyframes fadeInRight {
23834
- 0% {
23835
- opacity: 0;
23836
- -webkit-transform: translateX(-10%);
23837
- transform: translateX(-10%); }
23838
- 100% {
23839
- opacity: 1;
23840
- -webkit-transform: translateX(0%);
23841
- transform: translateX(0%); } }
23842
- /* Out */
23843
- @-webkit-keyframes fadeOut {
23844
- 0% {
23845
- opacity: 1; }
23846
- 100% {
23847
- opacity: 0; } }
23848
- @keyframes fadeOut {
23849
- 0% {
23850
- opacity: 1; }
23851
- 100% {
23852
- opacity: 0; } }
23853
- @-webkit-keyframes fadeOutUp {
23854
- 0% {
23855
- opacity: 1;
23856
- -webkit-transform: translateY(0%);
23857
- transform: translateY(0%); }
23858
- 100% {
23859
- opacity: 0;
23860
- -webkit-transform: translateY(5%);
23861
- transform: translateY(5%); } }
23862
- @keyframes fadeOutUp {
23863
- 0% {
23864
- opacity: 1;
23865
- -webkit-transform: translateY(0%);
23866
- transform: translateY(0%); }
23867
- 100% {
23868
- opacity: 0;
23869
- -webkit-transform: translateY(5%);
23870
- transform: translateY(5%); } }
23871
- @-webkit-keyframes fadeOutDown {
23872
- 0% {
23873
- opacity: 1;
23874
- -webkit-transform: translateY(0%);
23875
- transform: translateY(0%); }
23876
- 100% {
23877
- opacity: 0;
23878
- -webkit-transform: translateY(-5%);
23879
- transform: translateY(-5%); } }
23880
- @keyframes fadeOutDown {
23881
- 0% {
23882
- opacity: 1;
23883
- -webkit-transform: translateY(0%);
23884
- transform: translateY(0%