WordPress Landing Pages - Version 2.3.7

Version Description

  • [tweak] Better CSS support for SVTLE template
  • [update] Update shared folder.
Download this release

Release Info

Developer adbox
Plugin Icon 128x128 WordPress Landing Pages
Version 2.3.7
Comparing to
See all releases

Code changes from version 2.3.6 to 2.3.7

classes/class.template-management.php CHANGED
@@ -182,7 +182,6 @@ class Landing_Pages_Template_Management {
182
  $is_template = false;
183
  foreach ($list as $key => $val) {
184
  foreach ($val as $k => $v) {
185
- error_log($v);
186
  if (strstr($v, '/config.php')) {
187
  $is_template = true;
188
  break;
182
  $is_template = false;
183
  foreach ($list as $key => $val) {
184
  foreach ($val as $k => $v) {
 
185
  if (strstr($v, '/config.php')) {
186
  $is_template = true;
187
  break;
classes/class.variations.php CHANGED
@@ -14,6 +14,8 @@ if (!class_exists('Landing_Pages_Variations')) {
14
  add_action('wp_ajax_lp_clear_stats_action', array( __CLASS__ , 'ajax_clear_stats' ) );
15
  add_action('wp_ajax_lp_clear_stats_single', array( __CLASS__ , 'ajax_clear_stats_single'));
16
 
 
 
17
  }
18
 
19
 
@@ -176,6 +178,35 @@ if (!class_exists('Landing_Pages_Variations')) {
176
  }
177
  }
178
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
179
 
180
  /**
181
  * Sets the variation status to a custom status
14
  add_action('wp_ajax_lp_clear_stats_action', array( __CLASS__ , 'ajax_clear_stats' ) );
15
  add_action('wp_ajax_lp_clear_stats_single', array( __CLASS__ , 'ajax_clear_stats_single'));
16
 
17
+ /* alter preview link */
18
+ add_filter('post_type_link' , array( __CLASS__ , 'prepare_filter_link') , 10 , 1 );
19
  }
20
 
21
 
178
  }
179
  }
180
 
181
+ /**
182
+ * Convert permalink to the correct variation preview link
183
+ * @param $link
184
+ * @return mixed
185
+ */
186
+ public static function prepare_filter_link( $link ) {
187
+
188
+ if (!is_admin() || !function_exists('get_current_screen')) {
189
+ return $link;
190
+ }
191
+
192
+ $screen = get_current_screen();
193
+
194
+ if (!isset($screen) || $screen->parent_file != 'edit.php?post_type=landing-page' || strstr($link ,'%') ){
195
+ return $link;
196
+ }
197
+
198
+ if (strstr($link , 'lp-variation-id')) {
199
+ return $link;
200
+ }
201
+
202
+
203
+ $vid = self::get_current_variation_id();
204
+
205
+ $link = add_query_arg(array('lp-variation-id'=>$vid) , $link);
206
+
207
+ return $link;
208
+ }
209
+
210
 
211
  /**
212
  * Sets the variation status to a custom status
landing-pages.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Landing Pages
4
  Plugin URI: http://www.inboundnow.com/landing-pages/
5
  Description: Landing page template framework with variant testing and lead capturing through cooperation with Inbound Now's Leads plugin. This is the stand alone version served through WordPress.org.
6
- Version: 2.3.6
7
  Author: Inbound Now
8
  Author URI: http://www.inboundnow.com/
9
 
@@ -37,7 +37,7 @@ if (!class_exists('Inbound_Landing_Pages_Plugin')) {
37
  */
38
  private static function load_constants() {
39
 
40
- define('LANDINGPAGES_CURRENT_VERSION', '2.3.6' );
41
  define('LANDINGPAGES_URLPATH', plugins_url( '/' , __FILE__ ) );
42
  define('LANDINGPAGES_PATH', WP_PLUGIN_DIR.'/'.plugin_basename( dirname(__FILE__) ).'/' );
43
  define('LANDINGPAGES_PLUGIN_SLUG', 'landing-pages' );
3
  Plugin Name: Landing Pages
4
  Plugin URI: http://www.inboundnow.com/landing-pages/
5
  Description: Landing page template framework with variant testing and lead capturing through cooperation with Inbound Now's Leads plugin. This is the stand alone version served through WordPress.org.
6
+ Version: 2.3.7
7
  Author: Inbound Now
8
  Author URI: http://www.inboundnow.com/
9
 
37
  */
38
  private static function load_constants() {
39
 
40
+ define('LANDINGPAGES_CURRENT_VERSION', '2.3.7' );
41
  define('LANDINGPAGES_URLPATH', plugins_url( '/' , __FILE__ ) );
42
  define('LANDINGPAGES_PATH', WP_PLUGIN_DIR.'/'.plugin_basename( dirname(__FILE__) ).'/' );
43
  define('LANDINGPAGES_PLUGIN_SLUG', 'landing-pages' );
readme.txt CHANGED
@@ -7,7 +7,7 @@ License URI: http://www.gnu.org/licenses/gpl-2.0.html
7
  Tags: landing pages, inbound marketing, conversion pages, split testing, a b test, a b testing, a/b test, a/b testing, coming soon page, email list, landing page, list building, maintenance page, squeeze page, inbound now, landing-pages, splash pages, cpa, click tracking, goal tracking, analytics, free landing page templates
8
  Requires at least: 3.8
9
  Tested up to: 4.6.0
10
- Stable Tag: 2.3.6
11
 
12
  Create landing pages for your WordPress site. Monitor and improve conversion rates, run A/B split tests, customize your own templates and more.
13
 
@@ -70,6 +70,10 @@ The plugin is also fully extendable and has a number of actions, filters, and ho
70
 
71
  == Changelog ==
72
 
 
 
 
 
73
  = 2.3.6 =
74
  * [fix] Fixing Inbound Forms error when Leads is not activated
75
 
7
  Tags: landing pages, inbound marketing, conversion pages, split testing, a b test, a b testing, a/b test, a/b testing, coming soon page, email list, landing page, list building, maintenance page, squeeze page, inbound now, landing-pages, splash pages, cpa, click tracking, goal tracking, analytics, free landing page templates
8
  Requires at least: 3.8
9
  Tested up to: 4.6.0
10
+ Stable Tag: 2.3.7
11
 
12
  Create landing pages for your WordPress site. Monitor and improve conversion rates, run A/B split tests, customize your own templates and more.
13
 
70
 
71
  == Changelog ==
72
 
73
+ = 2.3.7 =
74
+ * [tweak] Better CSS support for SVTLE template
75
+ * [update] Update shared folder.
76
+
77
  = 2.3.6 =
78
  * [fix] Fixing Inbound Forms error when Leads is not activated
79
 
shared/assets/assets.loader.class.php CHANGED
@@ -11,7 +11,6 @@ if (!class_exists('Inbound_Asset_Loader')) {
11
  self::$load_assets = true;
12
  add_action('admin_enqueue_scripts', array(__CLASS__, 'load_admin_scripts'), 101);
13
  add_action('wp_enqueue_scripts', array(__CLASS__, 'register_scripts_and_styles'), 101);
14
- add_action('admin_enqueue_scripts', array(__CLASS__, 'register_scripts_and_styles'), 101);
15
  }
16
 
17
  static function load_admin_scripts(){
@@ -37,26 +36,25 @@ if (!class_exists('Inbound_Asset_Loader')) {
37
 
38
  }
39
  /**
40
- * Registers and enqueues stylesheets for the administration panel and the
41
- * public facing site.
42
  *
43
  * Example:
44
  * self::enqueue_shared_file('SCRIPT-ID', INBOUNDNOW_SHARED_PATH . 'assets/js/frontend/path-in-shared-assets.js', 'localized_var_name', $localized_array_values, $dependancies_array );
45
  */
46
  static function register_scripts_and_styles() {
47
  global $post;
48
- /* Frontent and Backend Files */
49
-
50
 
51
  global $wp_scripts;
52
  $store = false;
53
 
 
54
  if ( !empty( $wp_scripts->queue ) ) {
55
- $store = $wp_scripts->queue; /* store the scripts */
56
  foreach ( $wp_scripts->queue as $handle ) {
57
  wp_dequeue_script( $handle );
58
  }
59
  }
 
60
 
61
  /* unminified source available */
62
  self::enqueue_shared_file('inbound-analytics', 'assets/js/frontend/analytics/inboundAnalytics.min.js', array( 'jquery' ), 'inbound_settings', self::localize_lead_data() , false);
@@ -67,7 +65,7 @@ if (!class_exists('Inbound_Asset_Loader')) {
67
  }
68
  }
69
 
70
- } /* end register_scripts_and_styles */
71
 
72
  /**
73
  * Helper function for registering and enqueueing scripts and styles.
11
  self::$load_assets = true;
12
  add_action('admin_enqueue_scripts', array(__CLASS__, 'load_admin_scripts'), 101);
13
  add_action('wp_enqueue_scripts', array(__CLASS__, 'register_scripts_and_styles'), 101);
 
14
  }
15
 
16
  static function load_admin_scripts(){
36
 
37
  }
38
  /**
39
+ * Registers enqueues
 
40
  *
41
  * Example:
42
  * self::enqueue_shared_file('SCRIPT-ID', INBOUNDNOW_SHARED_PATH . 'assets/js/frontend/path-in-shared-assets.js', 'localized_var_name', $localized_array_values, $dependancies_array );
43
  */
44
  static function register_scripts_and_styles() {
45
  global $post;
 
 
46
 
47
  global $wp_scripts;
48
  $store = false;
49
 
50
+ /*
51
  if ( !empty( $wp_scripts->queue ) ) {
52
+ $store = $wp_scripts->queue;
53
  foreach ( $wp_scripts->queue as $handle ) {
54
  wp_dequeue_script( $handle );
55
  }
56
  }
57
+ */
58
 
59
  /* unminified source available */
60
  self::enqueue_shared_file('inbound-analytics', 'assets/js/frontend/analytics/inboundAnalytics.min.js', array( 'jquery' ), 'inbound_settings', self::localize_lead_data() , false);
65
  }
66
  }
67
 
68
+ }
69
 
70
  /**
71
  * Helper function for registering and enqueueing scripts and styles.
shared/classes/class.events.php CHANGED
@@ -25,6 +25,9 @@ class Inbound_Events {
25
  /* create page_views table if does not exist */
26
  add_action('inbound_shared_activate' , array( __CLASS__ , 'create_page_views_table' ));
27
 
 
 
 
28
  /* listen for cta clicks and record event to events table */
29
  add_action('inbound_tracked_cta_click' , array( __CLASS__ , 'store_cta_click'), 10 , 1);
30
 
@@ -123,6 +126,35 @@ class Inbound_Events {
123
 
124
  }
125
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
126
  /**
127
  * Stores a form submission event into events table
128
  * @param $lead
@@ -388,7 +420,7 @@ class Inbound_Events {
388
 
389
  /* check error messages for broken tables */
390
  if (isset($wpdb->last_error)) {
391
- self::create_page_views_table();
392
  }
393
 
394
  }
@@ -469,7 +501,7 @@ class Inbound_Events {
469
  }
470
 
471
  /**
472
- * Get all form submission events related to lead ID
473
  */
474
  public static function get_form_submissions( $lead_id ){
475
  global $wpdb;
@@ -482,6 +514,20 @@ class Inbound_Events {
482
  return $results;
483
  }
484
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
485
  /**
486
  * Get form submission events given conditions
487
  *
@@ -541,17 +587,22 @@ class Inbound_Events {
541
  public static function get_page_views_by( $nature = 'lead_id' , $params ){
542
  global $wpdb;
543
 
544
- $table_name = $wpdb->prefix . "inbound_events";
545
-
546
  switch ($nature) {
547
  case 'lead_id':
548
- $query = 'SELECT * FROM '.$table_name.' WHERE datetime >= "'.$params['start_date'].'" AND datetime <= "'.$params['end_date'].'" AND `lead_id` = "'.$params['lead_id'].'" AND `event_name` = "inbound_page_view" ORDER BY `datetime` DESC';
549
  break;
550
  case 'page_id':
551
- $query = 'SELECT * FROM '.$table_name.' WHERE datetime >= "'.$params['start_date'].'" AND datetime <= "'.$params['end_date'].'" AND `page_id` = "'.$params['page_id'].'" AND `event_name` = "inbound_page_view" ORDER BY `datetime` DESC';
552
  break;
553
  }
554
 
 
 
 
 
 
555
  $results = $wpdb->get_results( $query , ARRAY_A );
556
 
557
  return $results;
@@ -575,6 +626,27 @@ class Inbound_Events {
575
 
576
  }
577
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
578
  /**
579
  * Get all cta click events related to lead ID
580
  */
@@ -888,20 +960,24 @@ class Inbound_Events {
888
  * @param datetime $start_date
889
  * @param datetime $end_date
890
  */
891
- public static function get_page_actions($page_id , $activity = 'any' , $start_date, $end_date ){
892
  global $wpdb;
893
 
894
  $table_name = $wpdb->prefix . "inbound_events";
895
 
896
  switch ($activity) {
897
  case 'any':
898
- $query = 'SELECT count(*) FROM '.$table_name.' WHERE datetime >= "'.$start_date.'" AND datetime <= "'.$end_date.'" AND `page_id` = "'.$page_id.'"';
899
  break;
900
  default:
901
- $query = 'SELECT count(*) FROM '.$table_name.' WHERE datetime >= "'.$start_date.'" AND datetime <="'.$end_date.'" AND `page_id` = "'.$page_id.'" AND `event_name` = "'.$activity.'"';
902
  break;
903
  }
904
 
 
 
 
 
905
 
906
  /* return latest activity if recorded */
907
  $count = $wpdb->get_var( $query , 0, 0 );
25
  /* create page_views table if does not exist */
26
  add_action('inbound_shared_activate' , array( __CLASS__ , 'create_page_views_table' ));
27
 
28
+ /* create link_tracking table if does not exist */
29
+ add_action('inbound_shared_activate' , array( __CLASS__ , 'create_link_tracking_table' ));
30
+
31
  /* listen for cta clicks and record event to events table */
32
  add_action('inbound_tracked_cta_click' , array( __CLASS__ , 'store_cta_click'), 10 , 1);
33
 
126
 
127
  }
128
 
129
+
130
+ /**
131
+ * Creates inbound_tracked_links table
132
+ */
133
+ public static function create_link_tracking_table(){
134
+ global $wpdb;
135
+
136
+ $table_name = $wpdb->prefix . "inbound_tracked_links";
137
+ $charset_collate = '';
138
+
139
+ if ( ! empty( $wpdb->charset ) ) {
140
+ $charset_collate = "DEFAULT CHARACTER SET {$wpdb->charset}";
141
+ }
142
+ if ( ! empty( $wpdb->collate ) ) {
143
+ $charset_collate .= " COLLATE {$wpdb->collate}";
144
+ }
145
+
146
+ $sql = "CREATE TABLE $table_name (
147
+ `id` mediumint(9) NOT NULL AUTO_INCREMENT,
148
+ `token` tinytext NOT NULL,
149
+ `args` text NOT NULL,
150
+ UNIQUE KEY id (id)
151
+ ) $charset_collate;";
152
+
153
+ require_once( ABSPATH . 'wp-admin/includes/upgrade.php' );
154
+ dbDelta( $sql );
155
+
156
+ }
157
+
158
  /**
159
  * Stores a form submission event into events table
160
  * @param $lead
420
 
421
  /* check error messages for broken tables */
422
  if (isset($wpdb->last_error)) {
423
+ self::create_page_views_table();
424
  }
425
 
426
  }
501
  }
502
 
503
  /**
504
+ * Get all Inbound Form submission events related to lead ID
505
  */
506
  public static function get_form_submissions( $lead_id ){
507
  global $wpdb;
514
  return $results;
515
  }
516
 
517
+ /**
518
+ * Agnostically get all form submission events related to lead ID
519
+ */
520
+ public static function get_all_form_submissions( $lead_id ){
521
+ global $wpdb;
522
+
523
+ $table_name = $wpdb->prefix . "inbound_events";
524
+
525
+ $query = 'SELECT * FROM '.$table_name.' WHERE `lead_id` = "'.$lead_id.'" AND `event_name` LIKE "%_form_submission" ORDER BY `datetime` DESC';
526
+ $results = $wpdb->get_results( $query , ARRAY_A );
527
+
528
+ return $results;
529
+ }
530
+
531
  /**
532
  * Get form submission events given conditions
533
  *
587
  public static function get_page_views_by( $nature = 'lead_id' , $params ){
588
  global $wpdb;
589
 
590
+ $table_name = $wpdb->prefix . "inbound_page_views";
591
+ $query = 'SELECT * FROM '.$table_name.' WHERE ';
592
  switch ($nature) {
593
  case 'lead_id':
594
+ $query .='`lead_id` = "'.$params['lead_id'].'"';
595
  break;
596
  case 'page_id':
597
+ $query .='`page_id` = "'.$params['page_id'].'"';
598
  break;
599
  }
600
 
601
+ if (isset($params['start_date'])) {
602
+ $query .= 'AND datetime >= "'.$params['start_date'].'" AND datetime <= "'.$params['end_date'].'" ';
603
+ $query .= 'ORDER BY `datetime` DESC';
604
+ }
605
+
606
  $results = $wpdb->get_results( $query , ARRAY_A );
607
 
608
  return $results;
626
 
627
  }
628
 
629
+
630
+ /**
631
+ * Get visitor count given page_id
632
+ *
633
+ */
634
+ public static function get_visitors_count( $page_id ){
635
+ global $wpdb;
636
+
637
+ $table_name = $wpdb->prefix . "inbound_page_views";
638
+
639
+ $query = 'SELECT * FROM '.$table_name.' WHERE `page_id` = "'.$page_id.'" GROUP BY lead_id';
640
+
641
+ $results = $wpdb->get_results( $query , ARRAY_A );
642
+
643
+ /* return null if nothing there */
644
+ return count($results);
645
+
646
+ }
647
+
648
+
649
+
650
  /**
651
  * Get all cta click events related to lead ID
652
  */
960
  * @param datetime $start_date
961
  * @param datetime $end_date
962
  */
963
+ public static function get_page_actions($page_id , $activity = 'any' , $start_date = null, $end_date = null ){
964
  global $wpdb;
965
 
966
  $table_name = $wpdb->prefix . "inbound_events";
967
 
968
  switch ($activity) {
969
  case 'any':
970
+ $query = 'SELECT count(*) FROM '.$table_name.' WHERE `page_id` = "'.$page_id.'"';
971
  break;
972
  default:
973
+ $query = 'SELECT count(*) FROM '.$table_name.' WHERE `page_id` = "'.$page_id.'" AND `event_name` = "'.$activity.'"';
974
  break;
975
  }
976
 
977
+ if (isset($start_date) && $start_date) {
978
+ $query .= 'AND datetime >= "'.$start_date.'" AND datetime <= "'.$end_date.'" ';
979
+ }
980
+
981
 
982
  /* return latest activity if recorded */
983
  $count = $wpdb->get_var( $query , 0, 0 );
shared/classes/class.lead-fields.php CHANGED
@@ -312,7 +312,7 @@ if ( !class_exists('Leads_Field_Map') ) {
312
  'text' => __( 'text', 'inbound-pro' ),
313
  'textarea' => __( 'textarea', 'inbound-pro' ),
314
  'radio' => __( 'radio', 'inbound-pro' ),
315
- 'checkbox' => __( 'chekcbox', 'inbound-pro' ),
316
  'dropdown' => __( 'dropdown', 'inbound-pro' ),
317
  'dropdown-country' => __( 'dropdown-country', 'inbound-pro' ),
318
  'links' => __( 'links', 'inbound-pro' ),
312
  'text' => __( 'text', 'inbound-pro' ),
313
  'textarea' => __( 'textarea', 'inbound-pro' ),
314
  'radio' => __( 'radio', 'inbound-pro' ),
315
+ 'checkbox' => __( 'checkbox', 'inbound-pro' ),
316
  'dropdown' => __( 'dropdown', 'inbound-pro' ),
317
  'dropdown-country' => __( 'dropdown-country', 'inbound-pro' ),
318
  'links' => __( 'links', 'inbound-pro' ),
shared/classes/class.lead-storage.php CHANGED
@@ -91,8 +91,8 @@ if (!class_exists('LeadStorage')) {
91
  $mappedData = array();
92
  }
93
 
94
-
95
  $mappedData = self::improve_mapping($mappedData, $lead , $args);
 
96
 
97
  /* prepate lead lists */
98
  $lead['lead_lists'] = (isset($args['lead_lists'])) ? $args['lead_lists'] : null;
@@ -155,9 +155,19 @@ if (!class_exists('LeadStorage')) {
155
  self::store_search_history($lead);
156
  }
157
 
158
- /* Store ConversionData */
159
- if ( isset($lead['page_id']) && $lead['page_id'] ) {
160
- self::store_conversion_data($lead);
 
 
 
 
 
 
 
 
 
 
161
  }
162
 
163
  /* Store Lead Source */
@@ -194,6 +204,13 @@ if (!class_exists('LeadStorage')) {
194
  $lead['form_name'] = $raw_params['inbound_form_n'];
195
  }
196
 
 
 
 
 
 
 
 
197
  if ( self::$is_ajax ) {
198
  echo $lead['id'];
199
  do_action('inbound_store_lead_post', $lead );
@@ -444,6 +461,38 @@ if (!class_exists('LeadStorage')) {
444
  }
445
  }
446
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
447
  /**
448
  * Connects to geoplugin.net and gets data on IP address and sets it into historical log
449
  * @param ARRAY $lead_data
91
  $mappedData = array();
92
  }
93
 
 
94
  $mappedData = self::improve_mapping($mappedData, $lead , $args);
95
+ $lead = array_merge($lead ,$mappedData);
96
 
97
  /* prepate lead lists */
98
  $lead['lead_lists'] = (isset($args['lead_lists'])) ? $args['lead_lists'] : null;
155
  self::store_search_history($lead);
156
  }
157
 
158
+ /* attempt to determine page id that refered lead */
159
+ if (!isset($lead['page_id']) || !$lead['page_id']) {
160
+ $referer = wp_get_referer();
161
+ $referer = ($referer) ? $referer : $_SERVER['HTTP_REFERER'];
162
+ $page_id = url_to_postid($referer);
163
+ if ($page_id) {
164
+ $lead['page_id'] = $page_id;
165
+ }
166
+ }
167
+
168
+ /* Store Legacy Conversion Data to LANDING PAGE/CTA DATA */
169
+ if (isset($lead['page_id']) && $lead['page_id'] ) {
170
+ self::store_conversion_stats($lead);
171
  }
172
 
173
  /* Store Lead Source */
204
  $lead['form_name'] = $raw_params['inbound_form_n'];
205
  }
206
 
207
+ /* update lead id cookie */
208
+ setcookie('wp_lead_id', $lead['id'] , time() + (20 * 365 * 24 * 60 * 60), '/');
209
+
210
+ /* set unset pageviews to lead using lead_uid */
211
+ self::update_pageviews($lead);
212
+
213
+ /* send data back and perform action hooks */
214
  if ( self::$is_ajax ) {
215
  echo $lead['id'];
216
  do_action('inbound_store_lead_post', $lead );
461
  }
462
  }
463
 
464
+ /**
465
+ * Associates prior unassociated pageviews with lead id
466
+ */
467
+ public static function update_pageviews( $lead ) {
468
+ global $wpdb;
469
+
470
+ $table_name = $wpdb->prefix . "inbound_page_views";
471
+
472
+ $args = array(
473
+ 'lead_id' => $lead['id'],
474
+ );
475
+
476
+ $array = array(
477
+ 'lead_id' => 0,
478
+ 'lead_uid' => (isset($lead['wp_lead_uid'])) ? $lead['wp_lead_uid'] : $_COOKIE["wp_lead_uid"]
479
+ );
480
+
481
+ /* update inbound_page_view page view records associated with lead */
482
+ $wpdb->update(
483
+ $table_name,
484
+ $args,
485
+ array(
486
+ 'lead_id' => 0,
487
+ 'lead_uid' => (isset($lead['wp_lead_uid'])) ? $lead['wp_lead_uid'] : $_COOKIE["wp_lead_uid"]
488
+ ),
489
+ array(
490
+ '%d',
491
+ '%d'
492
+ )
493
+ );
494
+ }
495
+
496
  /**
497
  * Connects to geoplugin.net and gets data on IP address and sets it into historical log
498
  * @param ARRAY $lead_data
shared/classes/class.post-type.wp-lead.php CHANGED
@@ -119,14 +119,14 @@ if ( !class_exists('Inbound_Leads') ) {
119
  'parent_item' => null,
120
  'parent_item_colon' => null,
121
  'edit_item' => __( 'Edit Lead List', 'inbound-pro' ),
122
- 'update_item' => __( 'Update Lead List', 'leads' ),
123
- 'add_new_item' => __( 'Add New Lead List', 'leads' ),
124
- 'new_item_name' => __( 'New Lead List', 'leads' ),
125
- 'separate_items_with_commas' => __( 'Separate Lead Lists with commas', 'leads' ),
126
- 'add_or_remove_items' => __( 'Add or remove Lead Lists', 'leads' ),
127
  'choose_from_most_used' => __( 'Choose from the most used lead List', 'inbound-pro' ),
128
- 'not_found' => __( 'No Lead Lists found.', 'leads' ),
129
- 'menu_name' => __( 'Lead Lists', 'leads' ),
130
  );
131
 
132
  $list_args = array(
@@ -145,22 +145,22 @@ if ( !class_exists('Inbound_Leads') ) {
145
 
146
  /* Register Lead Tags Taxonomy */
147
  $labels = array(
148
- 'name' => _x( 'Tags', 'taxonomy general name' ),
149
- 'singular_name' => _x( 'Lead Tag', 'taxonomy singular name' ),
150
- 'search_items' => __( 'Search Lead Tags' ),
151
- 'popular_items' => __( 'Popular Lead Tags' ),
152
- 'all_items' => __( 'All Lead Tags' ),
153
  'parent_item' => null,
154
  'parent_item_colon' => null,
155
- 'edit_item' => __( 'Edit Lead Tag' ),
156
- 'update_item' => __( 'Update Lead Tag' ),
157
- 'add_new_item' => __( 'Add New Lead Tag' ),
158
- 'new_item_name' => __( 'New Lead Tag' ),
159
- 'separate_items_with_commas'=> __( 'Separate Lead Tags with commas' ),
160
- 'add_or_remove_items' => __( 'Add or remove Lead Tags' ),
161
- 'choose_from_most_used' => __( 'Choose from the most used lead tags' ),
162
- 'not_found' => __( 'No lead tags found.' ),
163
- 'menu_name' => __( 'Lead Tags' ),
164
  );
165
 
166
  $args = array(
@@ -486,6 +486,26 @@ if ( !class_exists('Inbound_Leads') ) {
486
  return apply_filters('leads/statuses' , $default );
487
  }
488
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
489
  /**
490
  * Adds tag to lead
491
  *
@@ -493,8 +513,8 @@ if ( !class_exists('Inbound_Leads') ) {
493
  * @param tag_id MIXED INT, STRING, ARRAY
494
  *
495
  */
496
- public static function add_tag_to_lead( $lead_id, $tag ) {
497
- wp_set_object_terms( $lead_id, $tag, 'lead-tags', true );
498
  }
499
 
500
  /**
119
  'parent_item' => null,
120
  'parent_item_colon' => null,
121
  'edit_item' => __( 'Edit Lead List', 'inbound-pro' ),
122
+ 'update_item' => __( 'Update Lead List', 'inbound-pro' ),
123
+ 'add_new_item' => __( 'Add New Lead List', 'inbound-pro' ),
124
+ 'new_item_name' => __( 'New Lead List', 'inbound-pro' ),
125
+ 'separate_items_with_commas' => __( 'Separate Lead Lists with commas', 'inbound-pro' ),
126
+ 'add_or_remove_items' => __( 'Add or remove Lead Lists', 'inbound-pro' ),
127
  'choose_from_most_used' => __( 'Choose from the most used lead List', 'inbound-pro' ),
128
+ 'not_found' => __( 'No Lead Lists found.', 'inbound-pro' ),
129
+ 'menu_name' => __( 'Lead Lists', 'inbound-pro' ),
130
  );
131
 
132
  $list_args = array(
145
 
146
  /* Register Lead Tags Taxonomy */
147
  $labels = array(
148
+ 'name' => __( 'Tags', 'inbound-pro' ),
149
+ 'singular_name' => __( 'Lead Tag', 'inbound-pro' ),
150
+ 'search_items' => __( 'Search Lead Tags' , 'inbound-pro' ),
151
+ 'popular_items' => __( 'Popular Lead Tags' , 'inbound-pro'),
152
+ 'all_items' => __( 'All Lead Tags' , 'inbound-pro' ),
153
  'parent_item' => null,
154
  'parent_item_colon' => null,
155
+ 'edit_item' => __( 'Edit Lead Tag' , 'inbound-pro' ),
156
+ 'update_item' => __( 'Update Lead Tag' , 'inbound-pro' ),
157
+ 'add_new_item' => __( 'Add New Lead Tag' , 'inbound-pro' ),
158
+ 'new_item_name' => __( 'New Lead Tag' , 'inbound-pro' ),
159
+ 'separate_items_with_commas'=> __( 'Separate Lead Tags with commas' , 'inbound-pro' ),
160
+ 'add_or_remove_items' => __( 'Add or remove Lead Tags' , 'inbound-pro'),
161
+ 'choose_from_most_used' => __( 'Choose from the most used lead tags', 'inbound-pro' ),
162
+ 'not_found' => __( 'No lead tags found.' , 'inbound-pro'),
163
+ 'menu_name' => __( 'Lead Tags', 'inbound-pro' ),
164
  );
165
 
166
  $args = array(
486
  return apply_filters('leads/statuses' , $default );
487
  }
488
 
489
+
490
+ /**
491
+ * Get lead status count given status key
492
+ * @dev
493
+ */
494
+ public static function get_status_lead_count( $status ) {
495
+
496
+ $args = array(
497
+ 'post_type' => 'wp-lead',
498
+ 'meta_key' => 'wp_lead_status',
499
+ 'meta_value' => $status,
500
+ 'meta_compare' => '=',
501
+ 'posts_per_page' => -1
502
+ );
503
+
504
+ $query = new WP_Query( $args );
505
+
506
+ return $query->post_count;
507
+ }
508
+
509
  /**
510
  * Adds tag to lead
511
  *
513
  * @param tag_id MIXED INT, STRING, ARRAY
514
  *
515
  */
516
+ public static function add_tag_to_lead( $lead_id, $tag , $append = true ) {
517
+ wp_set_object_terms( $lead_id, $tag, 'lead-tags', $append );
518
  }
519
 
520
  /**
shared/shortcodes/inbound-shortcodes.php CHANGED
@@ -630,7 +630,7 @@ class Inbound_Shortcodes {
630
  ?>
631
  <div style='display:block; overflow: auto;'>
632
  <div id='email-confirm-settings'>
633
- <label for="inbound_email_send">Email Confirmation is currently: </label>
634
  <select name="inbound_email_send_notification" id="inbound_email_send_notification">
635
  <option value="off" <?php selected( $selected, 'off' ); ?>>Off</option>
636
  <option value="on" <?php selected( $selected, 'on' ); ?>>On</option>
630
  ?>
631
  <div style='display:block; overflow: auto;'>
632
  <div id='email-confirm-settings'>
633
+ <label for="inbound_email_send"><?php _e('Email Follow-up' , 'inbound-pro'); ?> </label>
634
  <select name="inbound_email_send_notification" id="inbound_email_send_notification">
635
  <option value="off" <?php selected( $selected, 'off' ); ?>>Off</option>
636
  <option value="on" <?php selected( $selected, 'on' ); ?>>On</option>
shared/shortcodes/shortcodes/forms.php CHANGED
@@ -695,11 +695,38 @@ if (!function_exists('inbound_form_get_data')) {
695
  $shortcode = get_post_meta( $post_ID, 'inbound_shortcode', TRUE );
696
  $inbound_form_values = get_post_meta( $post_ID, 'inbound_form_values', TRUE );
697
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
698
  /* update_post_meta( $post_ID, 'inbound_form_created_on', $page_id );
699
  update_post_meta( $post_ID, 'inbound_shortcode', $shortcode );
700
  update_post_meta( $post_ID, 'inbound_form_values', $form_values );
701
  update_post_meta( $post_ID, 'inbound_form_field_count', $field_count );
702
  */
 
703
  $output = array('inbound_shortcode'=> $shortcode,
704
  'field_count'=>$field_count,
705
  'form_settings_data' => $form_settings_data,
695
  $shortcode = get_post_meta( $post_ID, 'inbound_shortcode', TRUE );
696
  $inbound_form_values = get_post_meta( $post_ID, 'inbound_form_values', TRUE );
697
 
698
+
699
+ /**get stored email response info. Mainly used when selecting a form starting template**/
700
+ $send_email = get_post_meta( $post_ID, 'inbound_email_send_notification', true);//yes/no select send response email
701
+ $send_email = '&inbound_email_send_notification=' . $send_email;//format the data into a string which fill_form_fields() over in shortcodes.js will use to fill in the field
702
+
703
+ $email_template_id = get_post_meta( $post_ID, 'inbound_email_send_notification_template', true );// email template id, or 'custom' email flag
704
+
705
+ /*if a custom email response is to be used, custom will be true*/
706
+ if($email_template_id == 'custom'){
707
+ $content = get_post($post_ID); //the email is contained in the post content
708
+ $content = $content->post_content;
709
+ $custom_email_response = '&content=' . $content;
710
+
711
+ $custom_email_subject = get_post_meta( $post_ID, 'inbound_confirmation_subject', true ); //the subject is in the meta
712
+ $custom_email_subject = '&inbound_confirmation_subject=' . $custom_email_subject;
713
+ }else{
714
+ $custom_email_response = '';
715
+ $custom_email_subject = '';
716
+ }
717
+
718
+ $email_template_id = '&inbound_email_send_notification_template=' . $email_template_id;
719
+
720
+ /*concatenate into a big string and add it to $inbound_form_values*/
721
+ $inbound_form_values .= ($send_email . $email_template_id . $custom_email_response . $custom_email_subject);
722
+
723
+
724
  /* update_post_meta( $post_ID, 'inbound_form_created_on', $page_id );
725
  update_post_meta( $post_ID, 'inbound_shortcode', $shortcode );
726
  update_post_meta( $post_ID, 'inbound_form_values', $form_values );
727
  update_post_meta( $post_ID, 'inbound_form_field_count', $field_count );
728
  */
729
+
730
  $output = array('inbound_shortcode'=> $shortcode,
731
  'field_count'=>$field_count,
732
  'form_settings_data' => $form_settings_data,
templates/svtle/assets/css/style.css CHANGED
@@ -1,2402 +1,2416 @@
1
  article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
2
- display:block;
3
  }
 
4
  /* Form CSS */
5
- .lp-span {text-transform: none; display: block; margin-bottom: 8px;}
 
 
 
 
 
6
  .lp-input-label .lp-span {
7
- display: inline;
8
- color:red;
9
  }
10
- #sidebar { overflow: auto;}
 
 
 
 
11
  input[type="text"], input[type="email"], button[type='submit'] {
12
- width: 97%;
13
- padding: 8px 4px 8px 10px;
14
- margin-bottom: 15px;
15
- border: 1px solid #4E3043;
16
- border: 1px solid rgba(78, 48, 67, 0.8);
17
- background: rgba(0, 0, 0, 0.15);
18
- border-radius: 2px;
19
-
20
- -webkit-transition: all 0.3s ease-out;
21
- -moz-transition: all 0.3s ease-out;
22
- -ms-transition: all 0.3s ease-out;
23
- -o-transition: all 0.3s ease-out;
24
- transition: all 0.3s ease-out;
25
- font-family: 'Raleway', 'Lato', Arial, sans-serif;
26
- color: white;
27
- font-size: 13px;
28
  }
 
29
  textarea {
30
- padding-top: 7px;
31
- padding-left: 7px;
32
  }
33
 
34
  input[type="submit"], button[type='submit'] {
35
- width: 95%;
36
- padding: 8px 5px;
37
- background: #634056;
38
- background: -moz-linear-gradient(rgba(99, 64, 86, 0.5), rgba(76, 49, 65, 0.7));
39
- background: -ms-linear-gradient(rgba(99, 64, 86, 0.5), rgba(76, 49, 65, 0.7));
40
- background: -o-linear-gradient(rgba(99, 64, 86, 0.5), rgba(76, 49, 65, 0.7));
41
- background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(99, 64, 86, 0.5)), to(rgba(76, 49, 65, 0.7)));
42
- background: -webkit-linear-gradient(rgba(99, 64, 86, 0.5), rgba(76, 49, 65, 0.7));
43
- background: linear-gradient(rgba(99, 64, 86, 0.5), rgba(76, 49, 65, 0.7));
44
- border-radius: 5px;
45
- border: 1px solid #4E3043;
46
- cursor: pointer;
47
- -webkit-transition: all 0.3s ease-out;
48
- -moz-transition: all 0.3s ease-out;
49
- -ms-transition: all 0.3s ease-out;
50
- -o-transition: all 0.3s ease-out;
51
- transition: all 0.3s ease-out;
52
- color: white;
53
- text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
54
- font-size: 22px;
55
- font-weight: bold;
56
- font-family: 'Raleway', 'Lato', Arial, sans-serif;
57
- }
58
- .form-move {width: 100%;
59
- margin: 0 auto;
60
- padding: 0;
61
- text-align: center;
62
- padding-top: 15px;
63
- margin-right: 3%;
64
- margin-left: 3%;
 
 
65
  }
 
66
  audio, canvas, video {
67
- display:inline-block;
68
- *display:inline;
69
- *zoom:1;
70
  }
71
 
72
  audio:not([controls]) {
73
- display:none;
74
  }
75
 
76
  [hidden] {
77
- display:none;
78
  }
79
 
80
  html {
81
- font-size:100%;
82
- -webkit-text-size-adjust:100%;
83
- -ms-text-size-adjust:100%;
84
  }
85
 
86
  html, button, input, select, textarea {
87
- font-family:sans-serif;
88
- color:#222;
89
  }
90
 
91
  body {
92
- margin:0;
93
- font-size:1em;
94
- line-height:1.4;
95
  }
96
 
97
  a {
98
- color:#00e;
99
  }
100
 
101
  a:visited {
102
- color:#551a8b;
103
  }
104
 
105
  a:hover {
106
- color:#06e;
107
  }
108
 
109
  a:focus {
110
- outline:thin dotted;
111
  }
112
 
113
  a:hover, a:active {
114
- outline:0;
115
  }
116
 
117
  abbr[title] {
118
- border-bottom:1px dotted;
119
  }
120
 
121
  b, strong {
122
- font-weight:bold;
123
  }
124
 
125
  blockquote {
126
- margin:1em
127
- 40px;
128
  }
129
 
130
  dfn {
131
- font-style:italic;
132
  }
133
 
134
  hr {
135
- display:block;
136
- height:1px;
137
- border:0;
138
- border-top:1px solid #ccc;
139
- margin:1em
140
- 0;
141
- padding:0;
142
  }
143
 
144
  ins {
145
- background:#ff9;
146
- color:#000;
147
- text-decoration:none;
148
  }
149
 
150
  mark {
151
- background:#ff0;
152
- color:#000;
153
- font-style:italic;
154
- font-weight:bold;
155
  }
156
 
157
  pre, code, kbd, samp {
158
- font-family:monospace, serif;
159
- _font-family:'courier new', monospace;
160
- font-size:1em;
161
  }
162
 
163
  pre {
164
- white-space:pre;
165
- white-space:pre-wrap;
166
- word-wrap:break-word;
167
  }
168
 
169
  q {
170
- quotes:none;
171
  }
172
 
173
  q:before, q:after {
174
- content:"";
175
- content:none;
176
  }
177
 
178
  small {
179
- font-size:85%;
180
  }
181
 
182
  sub, sup {
183
- font-size:75%;
184
- line-height:0;
185
- position:relative;
186
- vertical-align:baseline;
187
  }
188
 
189
  sup {
190
- top:-0.5em;
191
  }
192
 
193
  sub {
194
- bottom:-0.25em;
195
  }
196
 
197
  ul, ol {
198
- margin:0;
199
- padding:0;
200
- list-style:none;
201
- list-style-type:none;
202
  }
203
 
204
  dd {
205
- margin:0
206
- 0 0 40px;
207
  }
208
 
209
  nav ul, nav
210
  ol {
211
- list-style:none;
212
- list-style-image:none;
213
- margin:0;
214
- padding:0;
215
  }
216
 
217
  img {
218
- border:0;
219
- -ms-interpolation-mode:bicubic;
220
- vertical-align:middle;
221
  }
222
 
223
  svg:not(:root) {
224
- overflow:hidden;
225
  }
226
 
227
  figure {
228
- margin:0;
229
  }
230
 
231
  form {
232
- margin:0;
233
  }
234
 
235
  fieldset {
236
- border:0;
237
- margin:0;
238
- padding:0;
239
  }
240
 
241
  label {
242
- cursor:pointer;
243
  }
244
 
245
  legend {
246
- border:0;
247
- *margin-left:-7px;
248
- padding:0;
249
- white-space:normal;
250
  }
251
 
252
  button, input, select, textarea {
253
- font-size:100%;
254
- margin:0;
255
- vertical-align:baseline;
256
- *vertical-align:middle;
257
  }
258
 
259
  button, input {
260
- line-height:normal;
261
  }
262
 
263
  button, input[type="button"], input[type="reset"], input[type="submit"] {
264
- cursor:pointer;
265
- -webkit-appearance:button;
266
- *overflow:visible;
267
  }
268
 
269
  button[disabled], input[disabled] {
270
- cursor:default;
271
  }
272
 
273
  input[type="checkbox"], input[type="radio"] {
274
- box-sizing:border-box;
275
- padding:0;
276
- *width:13px;
277
- *height:13px;
278
  }
279
 
280
  input[type="search"] {
281
- -webkit-appearance:textfield;
282
- -moz-box-sizing:content-box;
283
- -webkit-box-sizing:content-box;
284
- box-sizing:content-box;
285
  }
286
 
287
  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
288
- -webkit-appearance:none;
289
  }
290
 
291
  button::-moz-focus-inner, input::-moz-focus-inner {
292
- border:0;
293
- padding:0;
294
  }
295
 
296
  textarea {
297
- overflow:auto;
298
- vertical-align:top;
299
- resize:vertical;
300
  }
301
 
302
  table {
303
- border-collapse:collapse;
304
- border-spacing:0;
305
  }
306
 
307
  td {
308
- vertical-align:top;
309
  }
310
 
311
  .chromeframe {
312
- margin:.2em 0;
313
- background:#ccc;
314
- color:black;
315
- padding:.2em 0;
316
  }
317
 
318
  .ir {
319
- display:block;
320
- border:0;
321
- text-indent:-999em;
322
- overflow:hidden;
323
- background-color:transparent;
324
- background-repeat:no-repeat;
325
- text-align:left;
326
- direction:ltr;
327
- *line-height:0;
328
  }
329
 
330
  .ir
331
  br {
332
- display:none;
333
  }
334
 
335
  .hidden {
336
- display:none!important;
337
- visibility:hidden;
338
  }
339
 
340
  .visuallyhidden {
341
- border:0;
342
- clip:rect(0 0 0 0);
343
- height:1px;
344
- margin:-1px;
345
- overflow:hidden;
346
- padding:0;
347
- position:absolute;
348
- width:1px;
349
  }
350
 
351
  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
352
- clip:auto;
353
- height:auto;
354
- margin:0;
355
- overflow:visible;
356
- position:static;
357
- width:auto;
358
  }
359
 
360
  .invisible {
361
- visibility:hidden;
362
  }
363
 
364
  .clearfix:before, .clearfix:after {
365
- content:"";
366
- display:table;
367
  }
368
 
369
  .clearfix:after {
370
- clear:both;
371
  }
372
 
373
  .clearfix {
374
- *zoom:1;
375
  }
376
 
377
- @media
378
- print {
379
- * {
380
- background:transparent!important;
381
- color:black!important;
382
- box-shadow:none!important;
383
- text-shadow:none!important;
384
- filter:none!important;
385
- -ms-filter:none!important;
386
- }
387
 
388
- a, a:visited {
389
- text-decoration:underline;
390
- }
391
 
392
- a[href]:after {
393
- content:" (" attr(href) ")";
394
- }
395
 
396
- abbr[title]:after {
397
- content:" (" attr(title) ")";
398
- }
399
 
400
- .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
401
- content:"";
402
- }
403
 
404
- pre, blockquote {
405
- border:1px
406
- solid #999;
407
- page-break-inside:avoid;
408
- }
409
 
410
- thead {
411
- display:table-header-group;
412
- }
413
 
414
- tr, img {
415
- page-break-inside:avoid;
416
- }
417
 
418
- img {
419
- max-width:100%!important;
420
- }
421
 
422
- @page {
423
- margin:.5cm;
424
- }
425
 
426
- p, h2, h3 {
427
- orphans:3;
428
- widows:3;
429
- }
 
 
 
 
430
 
431
- h2, h3 {
432
- page-break-after:avoid;
433
  }
434
 
435
- }body {
436
- background-color:#fff;
437
- font-family:'proxima-nova', sans-serif;
438
- font-weight:400;
439
- min-width:895px;
440
  }
441
 
442
  h1, h2, h3, h4, h5, h6 {
443
 
444
- margin-top:25px;
445
- margin-bottom:20px;
446
- max-width:480px;
447
  }
448
 
449
  h1 a, h2 a, h3 a, h4 a, h5 a, h6
450
  a {
451
- font-weight:inherit;
452
  }
453
 
454
  h1 {
455
- font-size:22px;
456
- font-weight:bold;
457
  }
458
 
459
  h2 {
460
- font-size:20px;
461
- font-weight:600;
462
- margin-top:20px;
463
  }
464
 
465
  h3 {
466
- font-size:19px;
467
- font-weight:600;
468
  }
469
 
470
  h4 {
471
- font-size:17px;
472
- font-weight:600;
473
- color:#555;
474
  }
475
 
476
  h5 {
477
- color:#555;
478
- font-size:17px;
479
  }
480
 
481
  h6 {
482
- font-size:16px;
483
- font-weight:600;
484
- color:#555;
485
  }
486
 
487
  p {
488
- font-size:15px;
489
- line-height:23px;
490
- margin-top:20px;
491
- margin-bottom:20px;
492
- color:#4d4d4d;
493
- font-family:'proxima-nova', sans-serif;
494
- font-weight:400;
495
  }
496
 
497
  p
498
  img {
499
- margin:0;
500
  }
501
 
502
  em {
503
- font-style:italic;
504
  }
505
 
506
  strong {
507
- font-weight:bold;
508
- color:#333;
509
  }
510
 
511
  small {
512
- font-size:80%;
513
  }
514
 
515
  a:link, a:visited, a:hover, a:active {
516
- text-decoration:none;
517
  }
518
 
519
  blockquote {
520
- display:inline-block;
521
- padding-left:18px;
522
- padding-bottom:0;
523
- font-size:15px;
524
- line-height:25px;
525
- margin-left:0;
526
- margin-top:0;
527
- margin-bottom:0;
528
- border-left:10px solid #000;
529
  }
530
 
531
  article blockquote code
532
  ol {
533
- margin-left:28px;
534
  }
535
 
536
  article blockquote pre
537
  code {
538
- margin-left:0;
539
  }
540
 
541
  article blockquote h1, article blockquote h2, article blockquote h3, article blockquote
542
  h4 {
543
- margin-top:15px;
544
  }
545
 
546
  article blockquote p:first-child {
547
- margin-top:0;
548
- padding-top:0;
549
  }
550
 
551
  article blockquote p:last-child {
552
- margin-bottom:0;
553
- padding-bottom:0;
554
  }
555
 
556
  article blockquote
557
  blockquote {
558
- border-color:#e6e6e6;
559
  }
560
 
561
  article blockquote blockquote
562
  blockquote {
563
- border-color:#ccc;
564
  }
565
 
566
  article.post blockquote
567
  p {
568
- max-width:440px;
569
  }
570
 
571
  article.post blockquote blockquote
572
  p {
573
- max-width:400px;
574
  }
575
 
576
  article.post blockquote blockquote blockquote
577
  p {
578
- max-width:380px;
579
  }
580
 
581
  hr {
582
- border:solid #f4f3f3;
583
- border-width:5px 0 0;
584
- clear:both;
585
- margin:0;
586
- margin-left:-20px;
587
- margin-right:-20px;
588
- height:0;
589
- width:auto;
590
- max-width:540px;
591
- border-radius:5px;
592
  }
593
 
594
  a, a:visited {
595
- color:#333;
596
- text-decoration:none;
597
- outline:0;
598
  }
599
 
600
  a:hover, a:focus {
601
- color:#000;
602
  }
603
 
604
  p a, p a:visited {
605
- line-height:inherit;
606
  }
607
 
608
  article img, article iframe, article
609
  object {
610
- display:block;
611
- margin:0;
612
- padding:0;
613
- max-width:657px;
614
- float:none;
615
  }
616
 
617
  article iframe, article
618
  object {
619
- min-height:250px;
620
- min-width:0;
621
  }
622
 
623
  ul, ol {
624
- margin-bottom:20px;
625
- padding:0;
626
- margin:0;
627
- margin-left:20px;
628
  }
629
 
630
  ul {
631
- display:block;
632
- list-style-type:none;
633
  }
634
 
635
  article.post
636
  ul {
637
- list-style-type:disc;
638
- max-width:470px;
639
  }
640
 
641
  article.post ul li, article.post ol
642
  li {
643
- font-size:15px;
644
- line-height:25px;
645
- margin:0;
646
- display:list-item;
647
- margin-bottom:5px;
648
- margin-top:5px;
649
  }
650
 
651
  article.post
652
  ol {
653
- max-width:470px;
654
  }
655
 
656
  ol {
657
- list-style:decimal;
658
  }
659
 
660
  ul ul, ul ol, ol ol, ol
661
  ul {
662
- margin:4px
663
- 0 5px 0;
664
- font-size:90%;
665
  }
666
 
667
  ul ul li, ul ol li, ol ol li, ol ul
668
  li {
669
- margin-bottom:6px;
670
  }
671
 
672
  li {
673
- line-height:18px;
674
- margin-bottom:12px;
675
  }
676
 
677
  code {
678
- border:1px
679
- solid #d2d2d2;
680
- background-color:#f8f8f8;
681
- padding-left:5px;
682
- padding-right:5px;
683
- display:inline;
684
- padding-right:5px;
685
- font-size:13px;
686
  }
687
 
688
  p code, li
689
  code {
690
- border-radius:15px;
691
- -moz-border-radius:15px;
692
- -webkit-border-radius:15px;
693
  }
694
 
695
  code
696
  span.pln {
697
- padding-left:0;
698
- padding-right:0;
699
  }
700
 
701
  pre code
702
  span.pln {
703
- padding-left:0;
704
  }
705
 
706
  code ol li
707
  span.pln {
708
- padding:none;
709
  }
710
 
711
  code
712
  ol {
713
- padding-right:0;
714
- margin:0;
715
- padding:0;
716
  }
717
 
718
  code
719
  li {
720
- padding:0;
721
- padding-top:3px;
722
- padding-bottom:5px;
723
- padding-right:0;
724
- margin:0;
725
  }
726
 
727
  pre {
728
- border:none;
729
  }
730
 
731
  pre
732
  code {
733
- border:none;
734
- display:block;
735
- border:1px
736
- solid #d2d2d2;
737
- background-color:#f8f8f8;
738
- padding-top:10px;
739
- padding-bottom:10px;
740
- font-size:13px;
741
- margin-left:-50px;
742
- margin-right:0;
743
- width:auto;
744
- border-left:none;
745
- border-right:none;
746
- padding-left:50px;
747
  }
748
 
749
  pre code ol
750
  li {
751
- border:none;
752
- margin:0;
753
- padding-top:2px;
754
- padding-bottom:2px;
755
- padding-left:10px;
756
  }
757
 
758
  article pre code ul li, article pre code ol
759
  li {
760
- font-family:monospace, monospace;
761
- font-size:15px;
762
- line-height:16px;
763
  }
764
 
765
  article blockquote code
766
  ol {
767
- margin-left:28px;
768
  }
769
 
770
  article blockquote pre
771
  code {
772
- margin-left:0;
773
  }
774
 
775
  header#sidebar {
776
- width:27%;
777
- padding-left:1.5%;
778
- position:absolute;
779
- overflow: auto;
780
- z-index:1;
781
- min-height:100%;
782
- min-width:240px;
783
  }
784
 
785
  section#river {
786
- margin-left:27%;
787
- min-width:658px;
788
- position:relative;
789
- z-index:10;
790
- background-color:#fff;
791
- border-left:1px solid #e3e3e3;
792
- backface-visibility:visible;
793
- -webkit-backface-visibility:visible;
794
- -moz-backface-visibility:visible;
795
- min-height:900px;
796
- z-index:99999;
797
  }
798
 
799
  aside#logo {
800
- position:relative;
801
- background-color:none;
802
- display:block;
803
- width:270px;
804
- height:110px;
805
- border-radius:50%;
806
- -moz-border-radius:50%;
807
- -webkit-border-radius:50%;
808
- margin-left:20px;
809
- margin-top:30px;
810
- }
811
-
812
- aside#logo
813
- div {
814
- border-radius:50%;
815
- -moz-border-radius:50%;
816
- -webkit-border-radius:50%;
817
- background-color:transparent;
818
- width:90px;
819
- height:90px;
820
- text-indent:-9999px;
821
- margin:0
822
- auto;
823
- margin-top:10px;
824
- clear:both;
825
- }
826
-
827
- aside#logo div
828
- a {
829
- display:block;
830
- clear:both;
831
- width:78px;
832
- height:78px;
833
- border-radius:50%;
834
- -moz-border-radius:50%;
835
- -webkit-border-radius:50%;
836
- margin:0 auto;
837
- margin-top:6px;
838
- background:#000 url(//d1jcp5e5r52ocf.cloudfront.net/bolt_large.png) center center no-repeat;
839
- background-size:100% 100%;
840
  }
841
 
842
  header#sidebar
843
  h1#blog_name {
844
- font-weight:bold;
845
- margin-top:20px;
846
- margin-bottom:10px;
847
  }
848
 
849
  header#sidebar h1#blog_name
850
  a {
851
- font-family:"freight-sans-pro", sans-serif;
852
- font-weight:900;
853
- font-size:30px;
854
- line-height:30px;
855
- border:none;
856
- padding:0;
857
- display:block;
858
- color:#000;
859
- margin-left:0;
860
  }
861
 
862
  header#sidebar
863
  li.blog_owner {
864
- margin:0;
865
- padding:0;
866
  }
867
 
868
  header#sidebar
869
  h2#blog_owner {
870
- font-weight:bold;
871
- margin-top:0;
872
- margin-bottom:0;
873
- padding:0;
874
- margin:0;
875
- max-width:none;
876
  }
877
 
878
  header#sidebar h2#blog_owner
879
  a {
880
- font-family:"freight-sans-pro", sans-serif;
881
- font-weight:900;
882
- letter-spacing:1px;
883
- font-size:13px;
884
- line-height:16px;
885
- border:none;
886
- padding:0;
887
- display:block;
888
- color:#585858;
889
- margin-left:0;
890
- margin-bottom:10px;
891
- text-transform:uppercase;
892
  }
893
 
894
  header#sidebar
895
  h2#tagline {
896
- font-weight:300;
897
- font-size:16px;
898
- line-height:23px;
899
- color:#585c60;
900
- -webkit-font-smoothing:antialiased;
901
- max-width:none;
902
- margin:0;
903
- margin-bottom:25px;
904
  }
905
 
906
  #form-area {
907
- clear:both;
908
- margin:0;
909
- padding:0;
910
- margin-left:25px;
911
- width:85%;
912
- margin-top: 30px;
913
  }
 
914
  #lp_container {
915
- width:100%;
916
  }
 
917
  #form-area
918
  li {
919
- display:block;
920
- clear:both;
921
- margin:0;
922
- padding:0;
923
- margin-bottom:15px;
924
  }
925
 
926
  #form-area
927
  li.blog_name {
928
- margin-bottom:0;
929
  }
930
 
931
  #form-area
932
  li.tagline {
933
- margin-top:0;
934
  }
935
 
936
  #form-area
937
  a {
938
- display:inline-block;
939
- font-size:15px;
940
- line-height:14px;
941
- border:4px
942
- solid #f8f8f8;
943
- border-radius:20px;
944
- -moz-border-radius:20px;
945
- -webkit-border-radius:20px;
946
- z-index:999;
947
- padding:7px;
948
- padding-left:15px;
949
- padding-right:15px;
950
- color:#999;
951
- margin-left:-15px;
952
- font-weight:600;
953
- position:relative;
954
  }
955
 
956
  #form-area a:hover {
957
- color:#000;
958
- border-color:#000;
959
  }
960
 
961
  h1.notification {
962
- padding-left:50px;
963
- font-size:40px;
964
- line-height:50px;
965
  }
966
 
967
  header#begin {
968
- padding-left:40px;
969
- padding-top:40px;
970
- padding-bottom:40px;
971
  }
972
 
973
  header#begin
974
  time#top_time {
975
- display:block;
976
- position:relative;
977
- text-transform:uppercase;
978
- color:#000;
979
- font-weight:700;
980
- font-size:16px;
981
- letter-spacing:1px;
982
- line-height:33px;
983
- font-family:"freight-sans-pro", sans-serif;
984
  }
985
 
986
  section.preview header#begin
987
  h2 {
988
- color:#000;
989
- font-weight:900;
990
- font-size:35px;
991
- margin-bottom:0;
992
- line-height:35px;
993
- margin-top:20px;
994
- font-family:"freight-sans-pro", sans-serif;
995
  }
996
 
997
  section.preview header#begin
998
  a.live_link {
999
- border-bottom:1px solid #ccc;
1000
  }
1001
 
1002
  section.preview header#begin
1003
  h4 {
1004
- margin-top:10px;
1005
- font-weight:normal;
1006
- font-size:16px;
1007
- width:auto;
1008
- min-width:0;
1009
- max-width:100%;
1010
  }
1011
 
1012
  article.post {
1013
- width:auto;
1014
- display:block;
1015
- position:relative;
1016
- padding-left:50px;
1017
- padding-top:40px;
1018
- padding-bottom:40px;
1019
- border-top:1px solid transparent;
1020
- min-height:130px;
1021
- overflow-x:hidden;
1022
  }
1023
 
1024
  article.post h2, article.post
1025
  p {
1026
- max-width:500px;
1027
  }
1028
 
1029
  article
1030
  h2 {
1031
- margin-top:20px;
1032
  }
1033
 
1034
  article h2 a:link, article h2 a:hover, article h2 a:visited, article h2 a:active {
1035
- color:black;
1036
- text-decoration:none;
1037
- border-bottom:1px solid #CCC;
1038
- font-family:"freight-sans-pro", sans-serif;
1039
- font-size:20px;
1040
- line-height:28px;
1041
- font-weight:700;
1042
- -webkit-font-smoothing:antialiased;
1043
  }
1044
 
1045
  article h2 a.no-link {
1046
- border:none;
1047
- font-size:28px;
1048
  }
1049
 
1050
  article h2
1051
  a.anchor {
1052
- border-bottom:0;
1053
- margin-left:10px;
1054
  }
1055
 
1056
  article h2
1057
  img.scalable {
1058
- width:16px;
1059
- height:15px;
1060
- display:inline-block;
1061
- margin:0;
1062
- padding:0;
1063
- background:url(https://d1yg14i6wd46hx.cloudfront.net/cargo/icons/anchor_gray-ddf9ec6840c185762af2c37d07fefde8.png) center center no-repeat9;
1064
- height:18px9;
1065
- border:0;
1066
- vertical-align:top;
1067
- padding-top:7px;
1068
  }
1069
 
1070
  article a:link, article a:visited, article a:hover, article a:active {
1071
- text-decoration:none;
1072
- border-bottom:1px solid #ccc;
1073
- border-bottom:1px solid #ccc;
1074
- color:#000;
1075
  }
1076
 
1077
  aside.kudo {
1078
- position:absolute;
1079
- right:30px;
1080
- top:65px;
1081
- display:block;
1082
- z-index:999;
1083
- background-color:rgba(255, 255, 255, 0.75);
1084
- padding:10px;
1085
- border-radius:5px;
1086
  }
1087
 
1088
  aside.kudo.fixed {
1089
- position:fixed;
1090
- top:0;
1091
  }
1092
 
1093
  aside.kudo
1094
  a.kudobject {
1095
- background-color:#000;
1096
- width:56px;
1097
- height:56px;
1098
- display:block;
1099
- position:relative;
1100
- border-radius:50%;
1101
- -moz-border-radius:50%;
1102
- -webkit-border-radius:50%;
1103
- border:none;
1104
  }
1105
 
1106
  aside.kudo a.kudobject
1107
  div.opening {
1108
- background-color:#fff;
1109
- width:46px;
1110
- height:46px;
1111
- display:block;
1112
- border-radius:50%;
1113
- -moz-border-radius:50%;
1114
- -webkit-border-radius:50%;
1115
- margin:0
1116
- auto;
1117
- text-indent:-9999px;
1118
- text-align:center;
1119
- position:relative;
1120
- top:5px;
1121
  }
1122
 
1123
  aside.kudo
1124
  span.circle {
1125
- background-color:#000;
1126
- display:block;
1127
- width:46px;
1128
- height:46px;
1129
- border-radius:50%;
1130
- -moz-border-radius:50%;
1131
- -webkit-border-radius:50%;
1132
- position:relative;
1133
- top:50%;
1134
- margin-top:-23px;
1135
- text-indent:-9999px;
1136
- background-image:none;
1137
- background-position:center center;
1138
- background-repeat:no-repeat;
1139
- transition-property:opacity, background-color, transform;
1140
- transition-duration:1s;
1141
- transition-timing-function:ease-out;
1142
- transform:scale(0.3);
1143
- transform-style:preserve-3d;
1144
- -webkit-transition-property:opacity, background-color, -webkit-transform;
1145
- -webkit-transition-duration:1s;
1146
- -webkit-transition-timing-function:ease-out;
1147
- -webkit-transform:scale(0.3);
1148
- -webkit-transform-style:preserve-3d;
1149
- -moz-transition-property:opacity, background-color, -moz-transform;
1150
- -moz-transition-duration:1s;
1151
- -moz-transition-timing-function:ease-out;
1152
- -moz-transform:scale(0.3);
1153
- -moz-transform-style:preserve-3d;
1154
- backface-visibility:visible;
1155
- -webkit-backface-visibility:visible;
1156
- -moz-backface-visibility:visible;
1157
  }
1158
 
1159
  aside.kudo.active
1160
  span.circle {
1161
- transform:scale(1.1);
1162
- -webkit-transform:scale(1.1);
1163
- -moz-transform:scale(1.1);
1164
  }
1165
 
1166
  aside.kudo.complete
1167
  span.circle {
1168
- transition-property:none;
1169
- animation:bounce 1s;
1170
- animation-iteration-count:1;
1171
- transform:scale(0.85);
1172
- -webkit-transition-property:none;
1173
- -webkit-animation:bounce 1s;
1174
- -webkit-animation-iteration-count:1;
1175
- -webkit-transform:scale(0.85);
1176
- -moz-transition-property:none;
1177
- -moz-animation:bounce 1s;
1178
- -moz-animation-iteration-count:1;
1179
- -moz-transform:scale(0.85);
1180
- background-image:url(//d1jcp5e5r52ocf.cloudfront.net/bolt_large.png);
1181
- background-color:#000;
1182
- background-size:90% 90%;
1183
  }
1184
 
1185
  aside.kudo.deletable a:hover
1186
  span.circle {
1187
- background-color:#000;
1188
  }
1189
 
1190
  aside.kudo.active a.counter
1191
  span.txt {
1192
- font-size:16px;
1193
- font-weight:900;
1194
- line-height:14px;
1195
- font-family:"freight-sans-pro", sans-serif;
1196
- font-weight:900;
1197
- letter-spacing:0;
1198
- width:55px;
1199
- text-align:center;
1200
- border:none;
1201
  }
1202
 
1203
  aside.kudo
1204
  a.counter {
1205
- display:block;
1206
- text-transform:uppercase;
1207
- margin-top:3px;
1208
- line-height:16px;
1209
- font-family:"freight-sans-pro", sans-serif;
1210
- font-weight:900;
1211
- font-size:20px;
1212
- color:#000;
1213
- text-align:center;
1214
- border:none;
1215
  }
1216
 
1217
  aside.kudo a.counter
1218
  span.txt {
1219
- font-size:12px;
1220
- font-weight:700;
1221
- letter-spacing:1px;
1222
- line-height:11px;
1223
- display:block;
1224
- margin-top:4px;
1225
  }
1226
 
1227
  .bleed, span.bleed, div.bleed, p.bleed, img.bleed {
1228
- margin-left:-50px;
1229
- display:block;
1230
  }
1231
 
1232
  #svbtle_linkback {
1233
- position:fixed;
1234
- left:25px;
1235
- bottom:30px;
1236
- font-size:15px;
1237
- letter-spacing:0;
1238
- text-transform:uppercase;
1239
- font-family:"freight-sans-pro", sans-serif;
1240
- font-weight:900;
1241
- line-height:15px;
1242
- background-color:rgba(255, 255, 255, 0.7);
1243
- padding:10px;
1244
- height:30px;
1245
- z-index:9999;
1246
- border-radius:5px;
1247
  }
1248
 
1249
  #svbtle_linkback
1250
  span.logo_square {
1251
- margin-right:5px;
1252
  }
1253
 
1254
  div#notice {
1255
- display:block;
1256
- padding:35px;
1257
- margin-left:-1px;
1258
- color:#fff;
1259
- font-size:23px;
1260
- line-height:30px;
1261
- font-weight:600;
1262
- background-color:#6faf0a;
1263
  }
1264
 
1265
  div#notice
1266
  span {
1267
- font-size:40px;
1268
- line-height:40px;
1269
- font-weight:900;
1270
  }
1271
 
1272
  nav.pagination {
1273
- padding:40px;
1274
- border-top:1px solid #e2e2e2;
1275
- padding-bottom:100px;
1276
  }
1277
 
1278
  nav.pagination span.next a, nav.pagination span.prev
1279
  a {
1280
- padding:10px;
1281
- padding-left:20px;
1282
- padding-right:20px;
1283
- border-radius:30px;
1284
- -moz-border-radius:30px;
1285
- -webkit-border-radius:30px;
1286
- font-weight:700;
1287
- text-transform:uppercase;
1288
- border:3px
1289
- solid;
1290
  }
1291
 
1292
  nav.pagination
1293
  span {
1294
- display:none;
1295
  }
1296
 
1297
  nav.pagination
1298
  span.next {
1299
- display:block;
1300
- float:right;
1301
  }
1302
 
1303
  nav.pagination span.next a:hover, nav.pagination span.prev a:hover {
1304
- color:#000;
1305
- border-color:#000;
1306
  }
1307
 
1308
  nav.pagination
1309
  span.prev {
1310
- display:block;
1311
- float:left;
1312
- }
1313
-
1314
- @keyframes
1315
- bounce {
1316
- 0% {
1317
- transform:scale(1.1);
1318
- background-color:#000;
1319
- opacity:1;
1320
- }
1321
-
1322
- 50% {
1323
- transform:scale(1.6);
1324
- opacity:.7;
1325
- background-color:#000;
1326
- }
1327
-
1328
- 60% {
1329
- transform:scale(0.6);
1330
- opacity:1;
1331
- }
1332
-
1333
- 80% {
1334
- transform:scale(0.95);
1335
- }
1336
-
1337
- 100% {
1338
- transform:scale(0.85);
1339
- }
1340
-
1341
- }@-webkit-keyframes
1342
- bounce {
1343
- 0% {
1344
- -webkit-transform:scale(1.1);
1345
- background-color:#000;
1346
- opacity:1;
1347
- }
1348
-
1349
- 50% {
1350
- -webkit-transform:scale(1.6);
1351
- opacity:.7;
1352
- background-color:#000;
1353
- }
1354
-
1355
- 60% {
1356
- -webkit-transform:scale(0.6);
1357
- opacity:1;
1358
- }
1359
-
1360
- 80% {
1361
- -webkit-transform:scale(0.95);
1362
- }
1363
-
1364
- 100% {
1365
- -webkit-transform:scale(0.85);
1366
- }
1367
-
1368
- }@-moz-keyframes
1369
- bounce {
1370
- 0% {
1371
- -moz-transform:scale(1.1);
1372
- background-color:#000;
1373
- opacity:1;
1374
- }
1375
-
1376
- 50% {
1377
- -moz-transform:scale(1.6);
1378
- opacity:.7;
1379
- background-color:#000;
1380
- }
1381
-
1382
- 60% {
1383
- -moz-transform:scale(0.6);
1384
- opacity:1;
1385
- }
1386
-
1387
- 80% {
1388
- -moz-transform:scale(0.95);
1389
- }
1390
-
1391
- 100% {
1392
- -moz-transform:scale(0.85);
1393
- }
1394
-
1395
- }table {
1396
- width:auto;
1397
- display:block;
1398
- }
1399
-
1400
- td {
1401
- padding:10px;
1402
- text-align:left;
1403
- }
1404
-
1405
- @media all and (device-width:768px) and (device-height:1024px), only all and (max-height:630px) {
1406
- header#sidebar {
1407
- position:absolute;
1408
- }
1409
-
1410
- #svbtle_linkback {
1411
- top:700px;
1412
- position:absolute;
1413
- }
1414
-
1415
- }@media all and (max-width:630px) {
1416
- body, html {
1417
- min-width:0;
1418
- }
1419
-
1420
- #svbtle_linkback {
1421
- top:-10px;
1422
- right:5px;
1423
- left:auto;
1424
- position:absolute;
1425
- }
1426
-
1427
- #svbtle_linkback
1428
- span.svbtle {
1429
- display:none;
1430
- }
1431
-
1432
- article ul, article
1433
- ol {
1434
- margin-left:50px;
1435
- padding-left:0;
1436
- }
1437
-
1438
- article ul p, article ol
1439
- p {
1440
- padding-left:0;
1441
- }
1442
-
1443
- article.post
1444
- ul {
1445
- max-width:auto;
1446
- min-width:0;
1447
- padding-right:10px;
1448
- }
1449
-
1450
- aside#logo {
1451
- margin:0
1452
- auto;
1453
- position:relative;
1454
- left:auto;
1455
- right:auto;
1456
- margin-top:20px;
1457
- margin-bottom:10px;
1458
- }
1459
-
1460
- #form-area {
1461
- width:auto;
1462
- margin:0
1463
- auto;
1464
- padding:0;
1465
- text-align:center;
1466
- margin-left: 3%;
1467
- margin-right: 3%;
1468
-
1469
  }
1470
 
1471
- #form-area form{
1472
- width: 100%;
1473
- margin: 0 auto;
1474
- padding: 0;
1475
- text-align: center;
1476
- padding-top: 15px;}
1477
 
1478
- #form-area
1479
- li.link {
1480
- display:inline-block;
1481
- float:none;
1482
- width:auto;
1483
- clear:none;
1484
- margin:0;
1485
- margin-bottom:5px;
1486
- }
1487
 
1488
- #form-area li.link:first-child {
1489
- margin-left:5px;
1490
- }
 
1491
 
1492
- #form-area li.link:last-child {
1493
- margin-right:5px;
1494
- }
1495
 
1496
- #form-area li.link
1497
- a {
1498
- margin-left:0;
1499
- }
1500
 
1501
- header#sidebar {
1502
- display:block;
1503
- position:relative;
1504
- width:auto;
1505
- height:auto;
1506
- text-align:center;
1507
- margin:0;
1508
- padding:0;
1509
  }
1510
 
1511
- header#sidebar h1#blog_name, header#sidebar h1#blog_name
1512
- a {
1513
- margin:0;
1514
- padding:0;
1515
- text-align:center;
1516
- width:auto;
1517
- display:block;
1518
- position:relative;
1519
- max-width:none;
1520
- min-width:0;
1521
- }
1522
-
1523
- header#sidebar
1524
- h1#blog_name {
1525
- margin-top:10px;
1526
- }
1527
-
1528
- header#sidebar
1529
- h2#tagline {
1530
- margin:0
1531
- auto;
1532
- padding:0;
1533
- max-width:280px;
1534
- margin-top:10px;
1535
- }
1536
-
1537
- section#river {
1538
- margin:0;
1539
- padding:0;
1540
- border:none;
1541
- display:block;
1542
- width:auto;
1543
- min-width:0;
1544
- margin-top:15px;
1545
- clear:both;
1546
- background-color:#fff;
1547
- position:absolute;
1548
- }
1549
-
1550
- section#river
1551
- article {
1552
- width:auto;
1553
- padding-left:0;
1554
- padding-top:0px;
1555
- padding-bottom:30px;
1556
- overflow:hidden;
1557
- }
1558
-
1559
- article p, article h2, article h1, article h3, article h4, article h5, article
1560
- h6 {
1561
- padding-right:15px;
1562
- padding-left:20px;
1563
- }
1564
 
1565
- article
1566
- hr {
1567
- margin-right:10px;
1568
- margin-left:10px;
1569
- width:auto;
1570
- }
1571
 
1572
- header#sidebar {
1573
- min-height:0;
1574
- }
 
1575
 
1576
- article blockquote p, article blockquote h2, article blockquote h1, article blockquote h3, article blockquote h4, article blockquote h5, article blockquote
1577
- h6 {
1578
- padding-left:10px;
1579
- }
1580
 
1581
- article hr, article p, article h2, article h1, article h3, article h4, article h5, article h6, article blockquote p, article blockquote h2, article blockquote h1, article blockquote h3, article blockquote h4, article blockquote h5, article blockquote
1582
- h6 {
1583
- max-width:100%;
1584
- }
1585
 
1586
- article
1587
- blockquote {
1588
- margin-left:20px;
1589
- max-width:none;
1590
- min-width:0;
1591
- margin-right:0;
1592
- padding:0;
1593
  }
1594
 
1595
- article blockquote
1596
- blockquote {
1597
- margin-left:10px;
1598
- margin-right:0;
1599
- }
 
1600
 
1601
- article blockquote p, {
1602
- padding-left:10px;
1603
- }
 
 
1604
 
1605
- article blockquote ul, article blockquote
1606
- ol {
1607
- margin-left:50px;
1608
- }
1609
 
1610
- section#river article
1611
- h2 {
1612
- margin-top:0;
1613
- }
1614
 
1615
- section#river
1616
- header#begin {
1617
- display:none;
1618
- }
1619
 
1620
- section#river article
1621
- code {
1622
- width:auto;
1623
- margin:0;
1624
- padding-left:20px;
1625
- }
1626
-
1627
- section#river article p
1628
- code {
1629
- padding-left:5px;
1630
- }
1631
-
1632
- article blockquote pre
1633
- code {
1634
- margin:0;
1635
- width:80%;
1636
- padding-left:20px;
1637
- padding-top:20px;
1638
- padding-bottom:20px;
1639
- border-right:1px solid #ccc;
1640
- border-top-right-radius:5px;
1641
- border-bottom-right-radius:5px;
1642
- }
1643
-
1644
- section#river article p img, section#river article p iframe, section#river article p
1645
- object {
1646
- display:block;
1647
- margin:0;
1648
- padding:0;
1649
- width:100%;
1650
- float:none;
1651
- }
1652
-
1653
- article iframe, article
1654
- object {
1655
- min-height:250px;
1656
- min-width:0;
1657
- }
1658
-
1659
- .bleed, span.bleed, div.bleed, p.bleed, img.bleed {
1660
- margin-left:0;
1661
- margin-right:0;
1662
- width:100%;
1663
- padding:0;
1664
- margin:0;
1665
- }
1666
-
1667
- body section#river, body section#river
1668
- article {
1669
- width:100%;
1670
- max-width:100%;
1671
- }
1672
-
1673
- body section#river article
1674
- p {
1675
- width:auto;
1676
- max-width:100%;
1677
- min-width:0;
1678
- display:block;
1679
- }
1680
-
1681
- body section#river article p
1682
- a {
1683
- width:auto;
1684
- min-width:0;
1685
- max-width:100%;
1686
- display:inline;
1687
- word-wrap:break-word;
1688
- word-break:hyphenate;
1689
- overflow:ellipsis;
1690
- }
1691
-
1692
- body section#river article p a
1693
- img {
1694
- display:inline-block;
1695
- border-bottom:1px solid #fff;
1696
- margin-bottom:-1px;
1697
- }
1698
-
1699
- header#sidebar #form-area
1700
- li.feed {
1701
- display:none;
1702
- }
1703
-
1704
- }@media all and (min-width:630px) and (max-width:1024px) {
1705
- aside.kudo {
1706
- right:10px;
1707
- }
1708
-
1709
- }@media all and (min-width:1300px), all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
1710
- header#sidebar {
1711
- margin-left:0;
1712
- padding-left:2%;
1713
- }
1714
-
1715
- header#sidebar
1716
- h2#tagline {
1717
- font-size:18px;
1718
- line-height:25px;
1719
- }
1720
-
1721
- #form-area {
1722
- max-width:325px;
1723
- width:80%;
1724
- margin-top: -5px;
1725
- }
1726
- #lp_container {
1727
- width:100%;}
1728
- header#sidebar h1#blog_name
1729
- a {
1730
- font-size:30px;
1731
- line-height:30px;
1732
  }
1733
 
1734
- aside#logo {
1735
- width:300px;
1736
- height:165px;
1737
- }
1738
-
1739
- aside#logo
1740
- div {
1741
- width:135px;
1742
- height:135px;
1743
- margin-top:15px;
1744
- }
1745
-
1746
- aside#logo div
1747
- a {
1748
- width:117px;
1749
- height:117px;
1750
- margin-top:9px;
1751
- }
1752
-
1753
- }@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait), all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
1754
- body {
1755
- min-width:0;
1756
- }
1757
-
1758
- body
1759
- section#river {
1760
- background-color:#fff;
1761
- min-width:0;
1762
- max-width:auto;
1763
- padding-left:0;
1764
- margin-left:0;
1765
- }
1766
-
1767
- body section#river
1768
- article {
1769
- padding-left:30px;
1770
- padding-top:10px;
1771
- padding-right:50px;
1772
- }
1773
-
1774
- body article p img, body article img.bleed, body article iframe, body article iframe.bleed, body article p
1775
- object {
1776
- width:auto;
1777
- margin-left:-30px;
1778
- max-width:520px;
1779
- min-width:520px;
1780
- }
1781
-
1782
- body article li p img, body article li img.bleed, body article li iframe, body article li iframe.bleed, body article li p
1783
- object {
1784
- margin-left:-50px;
1785
- }
1786
-
1787
- }@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) {
1788
- body
1789
- section#river {
1790
- max-width:550px;
1791
- margin-left:250px;
1792
- }
1793
-
1794
- body
1795
- header#sidebar {
1796
- width:240px;
1797
- max-width:auto;
1798
- min-width:0;
1799
- margin:0;
1800
- }
1801
-
1802
- header#sidebar h1#blog_name
1803
- a {
1804
- font-size:25px;
1805
- line-height:25px;
1806
- width:100%;
1807
- max-width:auto;
1808
- min-width:0;
1809
- padding:0;
1810
- margin:0;
1811
- }
1812
-
1813
- header#sidebar h2#blog_owner
1814
- a {
1815
- font-size:12px;
1816
- margin-top:-5px;
1817
- }
1818
-
1819
- header#sidebar
1820
- h2#tagline {
1821
- font-size:15px;
1822
- }
1823
-
1824
- body article pre
1825
- code {
1826
- margin-left:-30px;
1827
- padding-left:30px;
1828
- width:480px;
1829
- min-width:480px;
1830
- max-width:480px;
1831
- }
1832
-
1833
- }@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
1834
- body article
1835
- code.prettyprint {
1836
- max-width:auto;
1837
- margin-left:-70px;
1838
- padding-left:70px;
1839
- width:auto;
1840
- min-width:560px;
1841
- padding-right:70px;
1842
- }
1843
-
1844
- body article p
1845
- code.prettyprint {
1846
- padding-right:5px;
1847
- padding-left:5px;
1848
- min-width:0;
1849
- max-width:auto;
1850
- margin-left:0;
1851
- }
1852
-
1853
- body
1854
- section#river {
1855
- background-color:#fff;
1856
- min-width:0;
1857
- max-width:auto;
1858
- padding-left:0;
1859
- position:absolute;
1860
- right:0;
1861
- top:0;
1862
- width:700px;
1863
- }
1864
-
1865
- body section#river
1866
- article {
1867
- padding-left:70px;
1868
- padding-top:30px;
1869
- padding-right:100px;
1870
- }
1871
-
1872
- body article p img, body article img.bleed, body article iframe, body article iframe.bleed, body article p
1873
- object {
1874
- display:block;
1875
- margin:0;
1876
- padding:0;
1877
- width:100%;
1878
- float:none;
1879
- margin-left:-70px;
1880
- width:700px;
1881
- max-width:700px;
1882
- min-width:700px;
1883
- }
1884
-
1885
- body article li p img, body article li img.bleed, body article li iframe, body article li iframe.bleed, body article li p
1886
- object {
1887
- margin-left:-90px;
1888
- }
1889
-
1890
- body article p
1891
- img.nostyle {
1892
- width:100%;
1893
- max-width:auto;
1894
- min-width:0;
1895
- margin:0;
1896
- }
1897
-
1898
- #form-area {
1899
- max-width:230px;
1900
- width:100%;
1901
- }
1902
- #lp_container {
1903
- width:100%;
1904
- }
1905
- header#sidebar
1906
- h2#tagline {
1907
- font-size:15px;
1908
- line-height:20px;
1909
- }
1910
-
1911
- header#sidebar h1#blog_name
1912
- a {
1913
- font-size:25px;
1914
- line-height:25px;
1915
- }
1916
-
1917
- }@media only all and (max-width:630px), all and (device-width:768px) and (device-height:1024px) and (orientation:portrait), all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
1918
- article
1919
- aside.kudo {
1920
- position:relative;
1921
- clear:both;
1922
- top:auto;
1923
- right:auto;
1924
- width:auto;
1925
- max-width:470px;
1926
- min-width:0;
1927
- margin:0;
1928
- text-align:center;
1929
- min-height:160px;
1930
- }
1931
-
1932
- article aside.kudo
1933
- a.kudobject {
1934
- width:84px;
1935
- height:84px;
1936
- margin:0
1937
- auto;
1938
- margin-top:10px;
1939
- margin-bottom:0;
1940
- }
1941
-
1942
- aside.kudo a.kudobject
1943
- div.opening {
1944
- width:68px;
1945
- height:68px;
1946
- top:8px;
1947
- }
1948
-
1949
- aside.kudo a.kudobject
1950
- span.circle {
1951
- top:50%;
1952
- margin-top:-34px;
1953
- width:68px;
1954
- height:68px;
1955
- }
1956
-
1957
- article aside.kudo
1958
- a.counter {
1959
- font-size:30px;
1960
- line-height:30px;
1961
- }
1962
-
1963
- aside.kudo.active a.counter
1964
- span.txt {
1965
- letter-spacing:1px;
1966
- margin:0;
1967
- padding:0;
1968
- position:relative;
1969
- right:auto;
1970
- width:auto;
1971
- height:auto;
1972
- top:-170px;
1973
- font-size:40px;
1974
- line-height:40px;
1975
- width:auto;
1976
- height:auto;
1977
- z-index:9999;
1978
- background-color:#000;
1979
- padding:15px;
1980
- padding-top:10px;
1981
- padding-bottom:10px;
1982
- display:block;
1983
- margin:0
1984
- auto;
1985
- border-radius:50px;
1986
- -moz-border-radius:50px;
1987
- -webkit-border-radius:50px;
1988
- color:#fff;
1989
- }
1990
-
1991
- aside.kudo.complete
1992
- span.circle {
1993
- animation:bounce-mobile 1s;
1994
- }
1995
-
1996
- @keyframes bounce-mobile {
1997
- 0% {
1998
- transform:scale(1.1);
1999
- background-color:#000;
2000
- opacity:1;
2001
- }
2002
-
2003
- 50% {
2004
- transform:scale(2.6);
2005
- opacity:.7;
2006
- background-color:#000;
2007
  }
2008
 
2009
- 60% {
2010
- transform:scale(0.6);
2011
- opacity:1;
2012
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2013
 
2014
- 80% {
2015
- transform:scale(0.95);
2016
- }
2017
 
2018
- 100% {
2019
- transform:scale(0.85);
2020
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2021
 
2022
- }@-webkit-keyframes bounce-mobile {
2023
- 0% {
2024
- -webkit-transform:scale(1.1);
2025
- background-color:#000;
2026
- opacity:1;
2027
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2028
 
2029
- 50% {
2030
- -webkit-transform:scale(2.6);
2031
- opacity:.7;
2032
- background-color:#000;
2033
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2034
 
2035
- 60% {
2036
- -webkit-transform:scale(0.6);
2037
- opacity:1;
2038
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2039
 
2040
- 80% {
2041
- -webkit-transform:scale(0.95);
2042
- }
 
2043
 
2044
- 100% {
2045
- -webkit-transform:scale(0.85);
2046
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2047
 
2048
- }@-moz-keyframes bounce-mobile {
2049
- 0% {
2050
- -moz-transform:scale(1.1);
2051
- background-color:#000;
2052
- opacity:1;
2053
- }
2054
 
2055
- 50% {
2056
- -moz-transform:scale(2.6);
2057
- opacity:.7;
2058
- background-color:#000;
2059
- }
2060
 
2061
- 60% {
2062
- -moz-transform:scale(0.6);
2063
- opacity:1;
2064
- }
2065
 
2066
- 80% {
2067
- -moz-transform:scale(0.95);
2068
- }
2069
 
2070
- 100% {
2071
- -moz-transform:scale(0.85);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2072
  }
2073
 
2074
- }}span.logo_square {
2075
- position:relative;
2076
- background-color:#000;
2077
- display:inline-block;
2078
- border-radius:5px;
2079
- width:28px;
2080
- height:26px;
2081
- border:1px
2082
- solid #000;
2083
  }
2084
 
2085
  span.logo_circle {
2086
- position:relative;
2087
- border:2px
2088
- solid #fff;
2089
- border-radius:50%;
2090
- display:block;
2091
- width:14px;
2092
- height:14px;
2093
- margin:0
2094
- auto;
2095
- margin-top:4px;
2096
- text-indent:-9999px;
2097
  }
2098
 
2099
  nav#svbtle_dropdown {
2100
- position:absolute;
2101
- top:30px;
2102
- right:30px;
2103
- z-index:99;
2104
  }
2105
 
2106
  section.inside
2107
  nav#svbtle_dropdown {
2108
- top:15px;
2109
  }
2110
 
2111
  section.posts_con
2112
  nav#svbtle_dropdown {
2113
- display:none;
2114
  }
2115
 
2116
  nav#svbtle_dropdown
2117
  span.logo_square {
2118
- width:55px;
2119
- height:32px;
2120
  }
2121
 
2122
  nav#svbtle_dropdown
2123
  span.logo_circle {
2124
- display:inline-block;
2125
- margin-left:8px;
2126
- margin-top:8px;
2127
  }
2128
 
2129
  nav#svbtle_dropdown
2130
  img {
2131
- vertical-align:top;
2132
- margin-top:13px;
2133
- margin-left:3px;
2134
  }
2135
 
2136
  ul#dropdown {
2137
- background-color:#000;
2138
- position:absolute;
2139
- width:auto;
2140
- top:29px;
2141
- right:0;
2142
- border-radius:5px;
2143
- border-top-right-radius:0;
2144
- border-radius-topright:0;
2145
- display:none;
2146
  }
2147
 
2148
  ul#dropdown
2149
  li {
2150
- margin:0;
2151
- border-bottom:1px solid #363636;
2152
  }
2153
 
2154
  ul#dropdown li:last-child {
2155
- border:none;
2156
  }
2157
 
2158
  ul#dropdown li a:hover {
2159
- color:#fff;
2160
  }
2161
 
2162
  ul#dropdown li:first-child
2163
  a {
2164
- padding-top:20px;
2165
  }
2166
 
2167
  ul#dropdown li:last-child
2168
  a {
2169
- padding-bottom:20px;
2170
  }
2171
 
2172
  ul#dropdown li
2173
  a {
2174
- padding-left:20px;
2175
- padding-right:30px;
2176
- display:block;
2177
- min-width:140px;
2178
- text-transform:uppercase;
2179
- letter-spacing:2px;
2180
- color:#ccc;
2181
- font-weight:600;
2182
- border:none;
2183
- font-size:14px;
2184
- display:block;
2185
- padding-top:16px;
2186
- padding-bottom:16px;
2187
  }
2188
 
2189
  article h2
2190
  img.scalable {
2191
- background-image:url("/wp-content/themes/svbtle/images/anchor.png");
2192
  }
2193
 
2194
  aside.kudo.complete
2195
  span.circle {
2196
- background-image:url("/wp-content/themes/svbtle/images/bolt_large.png");
2197
  }
2198
 
2199
  aside#logo div
2200
  a {
2201
- background:#000 url("/wp-content/themes/svbtle/images/bolt_large.png") center center no-repeat;
2202
  }
2203
 
2204
  ol li
2205
  ol {
2206
- padding-left:40px;
2207
  }
2208
 
2209
  body.page
2210
  article.post {
2211
- border-top:0;
2212
  }
2213
 
2214
  table {
2215
- margin:0;
2216
- padding:0;
2217
  }
2218
 
2219
  table th,
2220
  table
2221
  td {
2222
- padding:10px
2223
- 20px;
2224
- text-align:left;
2225
- border-bottom:1px solid #ccc;
2226
  }
2227
 
2228
  table
2229
  th {
2230
- border-width:2px;
2231
  }
2232
 
2233
  table
2234
  td {
2235
- color:#666;
2236
  }
2237
 
2238
  table tr:last-child th,
2239
  table tr:last-child
2240
  td {
2241
- border-bottom:none;
2242
  }
2243
 
2244
  table tr:nth-child(even) {
2245
- background:#eee;
2246
  }
2247
 
2248
  #searchform {
2249
- margin-bottom:15px;
2250
  }
2251
 
2252
  #searchform .screen-reader-text {
2253
- display:none;
2254
  }
2255
 
2256
  #searchform
2257
  #s {
2258
- border-radius:100px;
2259
- margin-left: -15px;
2260
- background:url('/wp-content/themes/svbtle/images/icon-search.png') 14px center no-repeat;
2261
- border:1px
2262
- solid #e7e7e7;
2263
- border-color:#f1f1f1;
2264
- text-indent:20px;
2265
- padding:10px
2266
- 20px;
2267
- width:60%;
2268
  }
2269
 
2270
  #searchform #s:hover {
2271
- border-color:#e7e7e7;
2272
  }
2273
 
2274
  #searchform #s:focus {
2275
- outline:none;
2276
- width:80%;
2277
- border-color:#333;
2278
  }
2279
 
2280
  #searchsubmit {
2281
- display:none;
2282
  }
2283
 
2284
  .comments {
2285
- border-top:1px solid #E2E2E2;
2286
- padding-top:50px;
2287
- padding-left:50px;
2288
- padding-right:50px;
2289
  }
2290
 
2291
  .comments
2292
  ol {
2293
- padding-top:20px;
2294
  }
2295
 
2296
  #comments {
2297
- clear:both;
2298
  }
2299
 
2300
  #comments
2301
  .navigation {
2302
- padding:0
2303
- 0 18px 0;
2304
  }
2305
 
2306
  h3#comments-title, h3#reply-title {
2307
- color:#000;
2308
- font-size:20px;
2309
- font-weight:bold;
2310
- margin-bottom:0;
2311
  }
2312
 
2313
  h2#comments-title {
2314
- padding:0
2315
- 0;
2316
- margin:0;
2317
  }
2318
 
2319
  ol.commentlist {
2320
- list-style:none;
2321
- margin:0;
2322
- padding:0;
2323
- max-width:500px;
2324
  }
2325
 
2326
  ol.commentlist
2327
  li.comment {
2328
- border-bottom:1px solid #e7e7e7;
2329
- line-height:24px;
2330
- margin:0
2331
- 0 24px 0;
2332
- padding:0
2333
- 0 24px 106px;
2334
- position:relative;
2335
  }
2336
 
2337
  ol.commentlist li:last-child {
2338
- border-bottom:none;
2339
- margin-bottom:0;
2340
  }
2341
 
2342
  #comments .comment-body ul,
2343
  #comments .comment-body
2344
  ol {
2345
- margin-bottom:18px;
2346
  }
2347
 
2348
  #comments .comment-body p:last-child {
2349
- margin-bottom:6px;
2350
  }
2351
 
2352
  #comments .comment-body blockquote p:last-child {
2353
- margin-bottom:24px;
2354
  }
2355
 
2356
  .commentlist
2357
  ol {
2358
- list-style:decimal;
2359
  }
2360
 
2361
  .commentlist
2362
  .avatar {
2363
- position:absolute;
2364
- top:4px;
2365
- left:0;
2366
  }
2367
 
2368
  .comment-author {
2369
- font-weight:bold;
2370
- font-size:13px;
2371
  }
2372
 
2373
  .comment-author
2374
  cite {
2375
- color:#000;
2376
- font-style:normal;
2377
- font-weight:bold;
2378
  }
2379
 
2380
  .comment-author
2381
  .says {
2382
- font-style:italic;
2383
  }
2384
 
2385
  .comment-meta {
2386
- font-size:12px;
2387
- margin:0
2388
- 0 18px 0;
2389
  }
2390
 
2391
  .comment-meta a:link,
2392
  .comment-meta a:visited {
2393
- color:#888;
2394
- text-decoration:none;
2395
  }
2396
 
2397
  .comment-meta a:active,
2398
  .comment-meta a:hover {
2399
- color:#ff4b33;
2400
  }
2401
 
2402
  .commentlist
@@ -2408,59 +2422,58 @@ cite {
2408
  }
2409
 
2410
  .reply {
2411
- font-size:12px;
2412
- padding:0
2413
- 0 24px 0;
2414
  }
2415
 
2416
  .reply a, a.comment-edit-link {
2417
- color:#888;
2418
  }
2419
 
2420
  .reply a:hover, a.comment-edit-link:hover {
2421
- color:#ff4b33;
2422
  }
2423
 
2424
  .commentlist
2425
  .children {
2426
- list-style:none;
2427
- margin:0;
2428
  }
2429
 
2430
  .commentlist .children
2431
  li {
2432
- border:none;
2433
- margin:0;
2434
  }
2435
 
2436
  .nopassword, .nocomments {
2437
- display:none;
2438
  }
2439
 
2440
  #comments
2441
  .pingback {
2442
- border-bottom:1px solid #e7e7e7;
2443
- margin-bottom:18px;
2444
- padding-bottom:18px;
2445
  }
2446
 
2447
- .commentlist li.comment+li.pingback {
2448
- margin-top:-6px;
2449
  }
2450
 
2451
  #comments .pingback
2452
  p {
2453
- color:#888;
2454
- display:block;
2455
- font-size:12px;
2456
- line-height:18px;
2457
- margin:0;
2458
  }
2459
 
2460
  #comments .pingback
2461
  .url {
2462
- font-size:13px;
2463
- font-style:italic;
2464
  }
2465
 
2466
  input[type=submit] {
@@ -2468,284 +2481,297 @@ input[type=submit] {
2468
  }
2469
 
2470
  #respond {
2471
- position:relative;
2472
- width:500px;
2473
  }
2474
 
2475
  #respond
2476
  p {
2477
- margin:0;
2478
  }
2479
 
2480
  #respond .comment-notes {
2481
- margin-bottom:1em;
2482
  }
2483
 
2484
  .form-allowed-tags {
2485
- line-height:1em;
2486
  }
2487
 
2488
  .children
2489
  #respond {
2490
- margin:0
2491
- 48px 0 0;
2492
  }
2493
 
2494
  h3#reply-title {
2495
- margin:18px
2496
- 0;
2497
  }
2498
 
2499
  #comments-list
2500
  #respond {
2501
- margin:0
2502
- 0 18px 0;
2503
  }
2504
 
2505
  #comments-list ul
2506
  #respond {
2507
- margin:0;
2508
  }
2509
 
2510
  #cancel-comment-reply-link {
2511
- font-size:12px;
2512
- font-weight:normal;
2513
- line-height:18px;
2514
  }
2515
 
2516
  article a.comment-reply-link {
2517
- font-size:13px;
2518
- text-decoration:none;
2519
- font-weight:bold;
2520
  }
2521
 
2522
  #respond
2523
  .required {
2524
- margin-left: -10px;
2525
- color:#ff4b33;
2526
- font-weight:bold;
2527
  }
2528
 
2529
- #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment
2530
  label {
2531
- color:#888;
2532
- font-size:12px;
2533
- width:70px;
2534
- display:inline-block;
2535
  }
2536
 
2537
  #respond .comment-form-comment
2538
  label {
2539
- padding:0;
2540
- text-align:left;
2541
  }
2542
 
2543
  #respond input[type="text"] {
2544
- margin-bottom:14px;
2545
- padding:4px;
2546
- margin-right:10px;
2547
- border:0;
2548
- border-bottom:1px solid #ccc;
2549
  }
2550
 
2551
  #respond input[type="text"]:focus {
2552
- outline:0;
2553
- border-color:#333;
2554
  }
2555
 
2556
  .comment-form-comment
2557
  label {
2558
- display:block;
2559
  }
2560
 
2561
  #respond
2562
  textarea {
2563
- border-color:#ccc;
2564
  }
2565
 
2566
  #respond textarea:focus {
2567
- outline:0;
2568
  }
2569
 
2570
  .logged-in-as {
2571
- font-size:11px;
2572
  }
2573
 
2574
  ol.commentlist
2575
  li.comment.byuser {
2576
- margin-top:30px;
2577
  }
2578
 
2579
  ol.commentlist li.comment.byuser #respond .form-submit {
2580
- margin-left:0;
2581
  }
2582
 
2583
  #respond
2584
  #submit {
2585
- margin:0
2586
- 0 9px;
2587
- background:black;
2588
- border-radius:5px;
2589
- padding:10px
2590
- 20px;
2591
- font-weight:bold;
2592
- width:auto;
2593
- border:0;
2594
- color:white;
2595
- margin-bottom:50px;
2596
  }
2597
 
2598
  #respond
2599
  textarea {
2600
- width:500px;
2601
- margin-bottom:10px;
2602
- padding:2%;
2603
  }
2604
 
2605
  #respond .form-allowed-tags {
2606
- color:#888;
2607
- font-size:12px;
2608
- line-height:18px;
2609
  }
2610
 
2611
  #respond .form-allowed-tags
2612
  code {
2613
- font-size:11px;
2614
  }
2615
 
2616
  #respond .form-submit {
2617
- margin:12px
2618
- 0 0 0;
2619
  }
2620
 
2621
  #respond .form-submit
2622
  input {
2623
- font-size:14px;
2624
- width:auto;
2625
  }
2626
 
2627
  .form-allowed-tags {
2628
- display:none;
2629
  }
2630
 
2631
  article.post {
2632
- overflow:visible;
2633
  }
2634
 
2635
  #respond .comment-subscription-form {
2636
- margin-bottom:10px;
2637
  }
2638
 
2639
  .alignleft {
2640
- display:inline;
2641
- float:left;
2642
- margin-right:1.625em;
2643
  }
2644
 
2645
  .alignright {
2646
- display:inline;
2647
- float:right;
2648
- margin-left:1.625em;
2649
  }
2650
 
2651
  .aligncenter {
2652
- clear:both;
2653
- display:block;
2654
- margin-left:auto;
2655
- margin-right:auto;
2656
  }
2657
 
2658
  .sharing {
2659
- height:30px !important;
2660
  }
2661
 
2662
  .sharing .share-twitter
2663
  .twitter_button {
2664
- height:20px !important;
2665
  }
2666
 
2667
  .sharing-hidden
2668
  li {
2669
- height:20px !important;
2670
  }
2671
 
2672
  li.share-end {
2673
- display:none !important;
2674
- clear:none !important;
2675
  }
2676
 
2677
  .sharedaddy {
2678
- height:24px!important;
2679
- clear:both;
2680
- overflow:hidden;
2681
  }
2682
 
2683
  .sharedaddy
2684
  ul {
2685
- margin:0;
2686
- padding:0;
2687
- list-style:none;
2688
  }
2689
 
2690
  .sharedaddy
2691
  li {
2692
- float:left;
2693
- margin:0
2694
- !important;
2695
- list-style:none !important;
2696
- padding:0
2697
- !important;
2698
- }
2699
- @media (min-width: 1000px) and (max-width: 1150px){
2700
- /* some css here */
2701
- aside#logo {
2702
- width: 230px;
2703
- }
2704
- }
2705
- @media (min-width: 630px) and (max-width: 1000px){
2706
- /* some css here */
2707
- aside#logo {
2708
- width: 195px !important;
2709
- }}
2710
- blockquote {border-color: #ff0000;}
2711
- aside#logo div a, ul#user_meta a:hover span.link_logo_inside, ul#user_meta a:hover span.link_logo, aside.kudo.complete span.circle {
2712
- background-color: #ff0000;
2713
- }
2714
- section.preview header#begin h2, ul#user_meta a:hover, nav.pagination span.next a, nav.pagination span.prev a {
2715
- color: #ff0000;
2716
- }
2717
- ul#user_meta a:hover, nav.pagination span.next a, nav.pagination span.prev a {
2718
- border-color: #ff0000;
2719
- }
2720
- ::-moz-selection {
2721
- background: #ff0000;
2722
- color: #fff;
2723
- text-shadow: none;
2724
- }
2725
- ::selection {
2726
- background: #ff0000;
2727
- color: #fff;
2728
- text-shadow: none;
2729
- }
2730
- header#begin {
2731
- padding-left: 40px;
2732
- padding-top: 40px;
2733
- padding-bottom: 40px;
2734
- position: fixed;
2735
- border-bottom: 1px solid #E3E3E3;
2736
- background: white;
2737
- width: 100%;
2738
- z-index: 9999;
2739
- }
2740
- article.post {padding-top: 115px;}
2741
- #lp-social-buttons {float: left;}
2742
- figure img {
2743
- width: 100%;
2744
- margin-bottom: 0;
2745
- }
2746
- .form-move form {
2747
- width: 90% !important;
2748
- margin: 0 auto;
2749
- padding: 0;
2750
- text-align: center !important;
2751
- padding-top: 15px;}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
2
+ display: block;
3
  }
4
+
5
  /* Form CSS */
6
+ .lp-span {
7
+ text-transform: none;
8
+ display: block;
9
+ margin-bottom: 8px;
10
+ }
11
+
12
  .lp-input-label .lp-span {
13
+ display: inline;
14
+ color: red;
15
  }
16
+
17
+ #sidebar {
18
+ overflow: auto;
19
+ }
20
+
21
  input[type="text"], input[type="email"], button[type='submit'] {
22
+ width: 97%;
23
+ padding: 8px 4px 8px 10px;
24
+ margin-bottom: 15px;
25
+ border: 1px solid #4E3043;
26
+ border: 1px solid rgba(78, 48, 67, 0.8);
27
+ background: rgba(0, 0, 0, 0.15);
28
+ border-radius: 2px;
29
+
30
+ -webkit-transition: all 0.3s ease-out;
31
+ -moz-transition: all 0.3s ease-out;
32
+ -ms-transition: all 0.3s ease-out;
33
+ -o-transition: all 0.3s ease-out;
34
+ transition: all 0.3s ease-out;
35
+ font-family: 'Raleway', 'Lato', Arial, sans-serif;
36
+ color: white;
37
+ font-size: 13px;
38
  }
39
+
40
  textarea {
41
+ padding-top: 7px;
42
+ padding-left: 7px;
43
  }
44
 
45
  input[type="submit"], button[type='submit'] {
46
+ width: 95%;
47
+ padding: 8px 5px;
48
+ background: #634056;
49
+ background: -moz-linear-gradient(rgba(99, 64, 86, 0.5), rgba(76, 49, 65, 0.7));
50
+ background: -ms-linear-gradient(rgba(99, 64, 86, 0.5), rgba(76, 49, 65, 0.7));
51
+ background: -o-linear-gradient(rgba(99, 64, 86, 0.5), rgba(76, 49, 65, 0.7));
52
+ background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(99, 64, 86, 0.5)), to(rgba(76, 49, 65, 0.7)));
53
+ background: -webkit-linear-gradient(rgba(99, 64, 86, 0.5), rgba(76, 49, 65, 0.7));
54
+ background: linear-gradient(rgba(99, 64, 86, 0.5), rgba(76, 49, 65, 0.7));
55
+ border-radius: 5px;
56
+ border: 1px solid #4E3043;
57
+ cursor: pointer;
58
+ -webkit-transition: all 0.3s ease-out;
59
+ -moz-transition: all 0.3s ease-out;
60
+ -ms-transition: all 0.3s ease-out;
61
+ -o-transition: all 0.3s ease-out;
62
+ transition: all 0.3s ease-out;
63
+ color: white;
64
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
65
+ font-size: 22px;
66
+ font-weight: bold;
67
+ font-family: 'Raleway', 'Lato', Arial, sans-serif;
68
+ }
69
+
70
+ .form-move {
71
+ width: 100%;
72
+ margin: 0 auto;
73
+ padding: 0;
74
+ text-align: center;
75
+ padding-top: 15px;
76
+ margin-right: 3%;
77
+ margin-left: 3%;
78
  }
79
+
80
  audio, canvas, video {
81
+ display: inline-block;
82
+ *display: inline;
83
+ *zoom: 1;
84
  }
85
 
86
  audio:not([controls]) {
87
+ display: none;
88
  }
89
 
90
  [hidden] {
91
+ display: none;
92
  }
93
 
94
  html {
95
+ font-size: 100%;
96
+ -webkit-text-size-adjust: 100%;
97
+ -ms-text-size-adjust: 100%;
98
  }
99
 
100
  html, button, input, select, textarea {
101
+ font-family: sans-serif;
102
+ color: #222;
103
  }
104
 
105
  body {
106
+ margin: 0;
107
+ font-size: 1em;
108
+ line-height: 1.4;
109
  }
110
 
111
  a {
112
+ color: #00e;
113
  }
114
 
115
  a:visited {
116
+ color: #551a8b;
117
  }
118
 
119
  a:hover {
120
+ color: #06e;
121
  }
122
 
123
  a:focus {
124
+ outline: thin dotted;
125
  }
126
 
127
  a:hover, a:active {
128
+ outline: 0;
129
  }
130
 
131
  abbr[title] {
132
+ border-bottom: 1px dotted;
133
  }
134
 
135
  b, strong {
136
+ font-weight: bold;
137
  }
138
 
139
  blockquote {
140
+ margin: 1em 40px;
 
141
  }
142
 
143
  dfn {
144
+ font-style: italic;
145
  }
146
 
147
  hr {
148
+ display: block;
149
+ height: 1px;
150
+ border: 0;
151
+ border-top: 1px solid #ccc;
152
+ margin: 1em 0;
153
+ padding: 0;
 
154
  }
155
 
156
  ins {
157
+ background: #ff9;
158
+ color: #000;
159
+ text-decoration: none;
160
  }
161
 
162
  mark {
163
+ background: #ff0;
164
+ color: #000;
165
+ font-style: italic;
166
+ font-weight: bold;
167
  }
168
 
169
  pre, code, kbd, samp {
170
+ font-family: monospace, serif;
171
+ _font-family: 'courier new', monospace;
172
+ font-size: 1em;
173
  }
174
 
175
  pre {
176
+ white-space: pre;
177
+ white-space: pre-wrap;
178
+ word-wrap: break-word;
179
  }
180
 
181
  q {
182
+ quotes: none;
183
  }
184
 
185
  q:before, q:after {
186
+ content: "";
187
+ content: none;
188
  }
189
 
190
  small {
191
+ font-size: 85%;
192
  }
193
 
194
  sub, sup {
195
+ font-size: 75%;
196
+ line-height: 0;
197
+ position: relative;
198
+ vertical-align: baseline;
199
  }
200
 
201
  sup {
202
+ top: -0.5em;
203
  }
204
 
205
  sub {
206
+ bottom: -0.25em;
207
  }
208
 
209
  ul, ol {
210
+ margin: 0;
211
+ padding: 0;
212
+ list-style: none;
213
+ list-style-type: none;
214
  }
215
 
216
  dd {
217
+ margin: 0 0 0 40px;
 
218
  }
219
 
220
  nav ul, nav
221
  ol {
222
+ list-style: none;
223
+ list-style-image: none;
224
+ margin: 0;
225
+ padding: 0;
226
  }
227
 
228
  img {
229
+ border: 0;
230
+ -ms-interpolation-mode: bicubic;
231
+ vertical-align: middle;
232
  }
233
 
234
  svg:not(:root) {
235
+ overflow: hidden;
236
  }
237
 
238
  figure {
239
+ margin: 0;
240
  }
241
 
242
  form {
243
+ margin: 0;
244
  }
245
 
246
  fieldset {
247
+ border: 0;
248
+ margin: 0;
249
+ padding: 0;
250
  }
251
 
252
  label {
253
+ cursor: pointer;
254
  }
255
 
256
  legend {
257
+ border: 0;
258
+ *margin-left: -7px;
259
+ padding: 0;
260
+ white-space: normal;
261
  }
262
 
263
  button, input, select, textarea {
264
+ font-size: 100%;
265
+ margin: 0;
266
+ vertical-align: baseline;
267
+ *vertical-align: middle;
268
  }
269
 
270
  button, input {
271
+ line-height: normal;
272
  }
273
 
274
  button, input[type="button"], input[type="reset"], input[type="submit"] {
275
+ cursor: pointer;
276
+ -webkit-appearance: button;
277
+ *overflow: visible;
278
  }
279
 
280
  button[disabled], input[disabled] {
281
+ cursor: default;
282
  }
283
 
284
  input[type="checkbox"], input[type="radio"] {
285
+ box-sizing: border-box;
286
+ padding: 0;
287
+ *width: 13px;
288
+ *height: 13px;
289
  }
290
 
291
  input[type="search"] {
292
+ -webkit-appearance: textfield;
293
+ -moz-box-sizing: content-box;
294
+ -webkit-box-sizing: content-box;
295
+ box-sizing: content-box;
296
  }
297
 
298
  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
299
+ -webkit-appearance: none;
300
  }
301
 
302
  button::-moz-focus-inner, input::-moz-focus-inner {
303
+ border: 0;
304
+ padding: 0;
305
  }
306
 
307
  textarea {
308
+ overflow: auto;
309
+ vertical-align: top;
310
+ resize: vertical;
311
  }
312
 
313
  table {
314
+ border-collapse: collapse;
315
+ border-spacing: 0;
316
  }
317
 
318
  td {
319
+ vertical-align: top;
320
  }
321
 
322
  .chromeframe {
323
+ margin: .2em 0;
324
+ background: #ccc;
325
+ color: black;
326
+ padding: .2em 0;
327
  }
328
 
329
  .ir {
330
+ display: block;
331
+ border: 0;
332
+ text-indent: -999em;
333
+ overflow: hidden;
334
+ background-color: transparent;
335
+ background-repeat: no-repeat;
336
+ text-align: left;
337
+ direction: ltr;
338
+ *line-height: 0;
339
  }
340
 
341
  .ir
342
  br {
343
+ display: none;
344
  }
345
 
346
  .hidden {
347
+ display: none !important;
348
+ visibility: hidden;
349
  }
350
 
351
  .visuallyhidden {
352
+ border: 0;
353
+ clip: rect(0 0 0 0);
354
+ height: 1px;
355
+ margin: -1px;
356
+ overflow: hidden;
357
+ padding: 0;
358
+ position: absolute;
359
+ width: 1px;
360
  }
361
 
362
  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
363
+ clip: auto;
364
+ height: auto;
365
+ margin: 0;
366
+ overflow: visible;
367
+ position: static;
368
+ width: auto;
369
  }
370
 
371
  .invisible {
372
+ visibility: hidden;
373
  }
374
 
375
  .clearfix:before, .clearfix:after {
376
+ content: "";
377
+ display: table;
378
  }
379
 
380
  .clearfix:after {
381
+ clear: both;
382
  }
383
 
384
  .clearfix {
385
+ *zoom: 1;
386
  }
387
 
388
+ @media print {
389
+ * {
390
+ background: transparent !important;
391
+ color: black !important;
392
+ box-shadow: none !important;
393
+ text-shadow: none !important;
394
+ filter: none !important;
395
+ -ms-filter: none !important;
396
+ }
 
397
 
398
+ a, a:visited {
399
+ text-decoration: underline;
400
+ }
401
 
402
+ a[href]:after {
403
+ content: " (" attr(href) ")";
404
+ }
405
 
406
+ abbr[title]:after {
407
+ content: " (" attr(title) ")";
408
+ }
409
 
410
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
411
+ content: "";
412
+ }
413
 
414
+ pre, blockquote {
415
+ border: 1px solid #999;
416
+ page-break-inside: avoid;
417
+ }
 
418
 
419
+ thead {
420
+ display: table-header-group;
421
+ }
422
 
423
+ tr, img {
424
+ page-break-inside: avoid;
425
+ }
426
 
427
+ img {
428
+ max-width: 100% !important;
429
+ }
430
 
431
+ @page {
432
+ margin: .5cm;
433
+ }
434
 
435
+ p, h2, h3 {
436
+ orphans: 3;
437
+ widows: 3;
438
+ }
439
+
440
+ h2, h3 {
441
+ page-break-after: avoid;
442
+ }
443
 
 
 
444
  }
445
 
446
+ body {
447
+ background-color: #fff;
448
+ font-family: 'proxima-nova', sans-serif;
449
+ font-weight: 400;
450
+ min-width: 895px;
451
  }
452
 
453
  h1, h2, h3, h4, h5, h6 {
454
 
455
+ margin-top: 25px;
456
+ margin-bottom: 20px;
457
+ max-width: 480px;
458
  }
459
 
460
  h1 a, h2 a, h3 a, h4 a, h5 a, h6
461
  a {
462
+ font-weight: inherit;
463
  }
464
 
465
  h1 {
466
+ font-size: 22px;
467
+ font-weight: bold;
468
  }
469
 
470
  h2 {
471
+ font-size: 20px;
472
+ font-weight: 600;
473
+ margin-top: 20px;
474
  }
475
 
476
  h3 {
477
+ font-size: 19px;
478
+ font-weight: 600;
479
  }
480
 
481
  h4 {
482
+ font-size: 17px;
483
+ font-weight: 600;
484
+ color: #555;
485
  }
486
 
487
  h5 {
488
+ color: #555;
489
+ font-size: 17px;
490
  }
491
 
492
  h6 {
493
+ font-size: 16px;
494
+ font-weight: 600;
495
+ color: #555;
496
  }
497
 
498
  p {
499
+ font-size: 15px;
500
+ line-height: 23px;
501
+ margin-top: 20px;
502
+ margin-bottom: 20px;
503
+ color: #4d4d4d;
504
+ font-family: 'proxima-nova', sans-serif;
505
+ font-weight: 400;
506
  }
507
 
508
  p
509
  img {
510
+ margin: 0;
511
  }
512
 
513
  em {
514
+ font-style: italic;
515
  }
516
 
517
  strong {
518
+ font-weight: bold;
519
+ color: #333;
520
  }
521
 
522
  small {
523
+ font-size: 80%;
524
  }
525
 
526
  a:link, a:visited, a:hover, a:active {
527
+ text-decoration: none;
528
  }
529
 
530
  blockquote {
531
+ display: inline-block;
532
+ padding-left: 18px;
533
+ padding-bottom: 0;
534
+ font-size: 15px;
535
+ line-height: 25px;
536
+ margin-left: 0;
537
+ margin-top: 0;
538
+ margin-bottom: 0;
539
+ border-left: 10px solid #000;
540
  }
541
 
542
  article blockquote code
543
  ol {
544
+ margin-left: 28px;
545
  }
546
 
547
  article blockquote pre
548
  code {
549
+ margin-left: 0;
550
  }
551
 
552
  article blockquote h1, article blockquote h2, article blockquote h3, article blockquote
553
  h4 {
554
+ margin-top: 15px;
555
  }
556
 
557
  article blockquote p:first-child {
558
+ margin-top: 0;
559
+ padding-top: 0;
560
  }
561
 
562
  article blockquote p:last-child {
563
+ margin-bottom: 0;
564
+ padding-bottom: 0;
565
  }
566
 
567
  article blockquote
568
  blockquote {
569
+ border-color: #e6e6e6;
570
  }
571
 
572
  article blockquote blockquote
573
  blockquote {
574
+ border-color: #ccc;
575
  }
576
 
577
  article.post blockquote
578
  p {
579
+ max-width: 440px;
580
  }
581
 
582
  article.post blockquote blockquote
583
  p {
584
+ max-width: 400px;
585
  }
586
 
587
  article.post blockquote blockquote blockquote
588
  p {
589
+ max-width: 380px;
590
  }
591
 
592
  hr {
593
+ border: solid #f4f3f3;
594
+ border-width: 5px 0 0;
595
+ clear: both;
596
+ margin: 0;
597
+ margin-left: -20px;
598
+ margin-right: -20px;
599
+ height: 0;
600
+ width: auto;
601
+ max-width: 540px;
602
+ border-radius: 5px;
603
  }
604
 
605
  a, a:visited {
606
+ color: #333;
607
+ text-decoration: none;
608
+ outline: 0;
609
  }
610
 
611
  a:hover, a:focus {
612
+ color: #000;
613
  }
614
 
615
  p a, p a:visited {
616
+ line-height: inherit;
617
  }
618
 
619
  article img, article iframe, article
620
  object {
621
+ display: block;
622
+ margin: 0;
623
+ padding: 0;
624
+ max-width: 657px;
625
+ float: none;
626
  }
627
 
628
  article iframe, article
629
  object {
630
+ min-height: 250px;
631
+ min-width: 0;
632
  }
633
 
634
  ul, ol {
635
+ margin-bottom: 20px;
636
+ padding: 0;
637
+ margin: 0;
638
+ margin-left: 20px;
639
  }
640
 
641
  ul {
642
+ display: block;
643
+ list-style-type: none;
644
  }
645
 
646
  article.post
647
  ul {
648
+ list-style-type: disc;
649
+ max-width: 470px;
650
  }
651
 
652
  article.post ul li, article.post ol
653
  li {
654
+ font-size: 15px;
655
+ line-height: 25px;
656
+ margin: 0;
657
+ display: list-item;
658
+ margin-bottom: 5px;
659
+ margin-top: 5px;
660
  }
661
 
662
  article.post
663
  ol {
664
+ max-width: 470px;
665
  }
666
 
667
  ol {
668
+ list-style: decimal;
669
  }
670
 
671
  ul ul, ul ol, ol ol, ol
672
  ul {
673
+ margin: 4px 0 5px 0;
674
+ font-size: 90%;
 
675
  }
676
 
677
  ul ul li, ul ol li, ol ol li, ol ul
678
  li {
679
+ margin-bottom: 6px;
680
  }
681
 
682
  li {
683
+ line-height: 18px;
684
+ margin-bottom: 12px;
685
  }
686
 
687
  code {
688
+ border: 1px solid #d2d2d2;
689
+ background-color: #f8f8f8;
690
+ padding-left: 5px;
691
+ padding-right: 5px;
692
+ display: inline;
693
+ padding-right: 5px;
694
+ font-size: 13px;
 
695
  }
696
 
697
  p code, li
698
  code {
699
+ border-radius: 15px;
700
+ -moz-border-radius: 15px;
701
+ -webkit-border-radius: 15px;
702
  }
703
 
704
  code
705
  span.pln {
706
+ padding-left: 0;
707
+ padding-right: 0;
708
  }
709
 
710
  pre code
711
  span.pln {
712
+ padding-left: 0;
713
  }
714
 
715
  code ol li
716
  span.pln {
717
+ padding: none;
718
  }
719
 
720
  code
721
  ol {
722
+ padding-right: 0;
723
+ margin: 0;
724
+ padding: 0;
725
  }
726
 
727
  code
728
  li {
729
+ padding: 0;
730
+ padding-top: 3px;
731
+ padding-bottom: 5px;
732
+ padding-right: 0;
733
+ margin: 0;
734
  }
735
 
736
  pre {
737
+ border: none;
738
  }
739
 
740
  pre
741
  code {
742
+ border: none;
743
+ display: block;
744
+ border: 1px solid #d2d2d2;
745
+ background-color: #f8f8f8;
746
+ padding-top: 10px;
747
+ padding-bottom: 10px;
748
+ font-size: 13px;
749
+ margin-left: -50px;
750
+ margin-right: 0;
751
+ width: auto;
752
+ border-left: none;
753
+ border-right: none;
754
+ padding-left: 50px;
 
755
  }
756
 
757
  pre code ol
758
  li {
759
+ border: none;
760
+ margin: 0;
761
+ padding-top: 2px;
762
+ padding-bottom: 2px;
763
+ padding-left: 10px;
764
  }
765
 
766
  article pre code ul li, article pre code ol
767
  li {
768
+ font-family: monospace, monospace;
769
+ font-size: 15px;
770
+ line-height: 16px;
771
  }
772
 
773
  article blockquote code
774
  ol {
775
+ margin-left: 28px;
776
  }
777
 
778
  article blockquote pre
779
  code {
780
+ margin-left: 0;
781
  }
782
 
783
  header#sidebar {
784
+ width: 27%;
785
+ padding-left: 1.5%;
786
+ position: absolute;
787
+ overflow: auto;
788
+ z-index: 1;
789
+ min-height: 100%;
790
+ min-width: 240px;
791
  }
792
 
793
  section#river {
794
+ margin-left: 27%;
795
+ min-width: 658px;
796
+ position: relative;
797
+ z-index: 10;
798
+ background-color: #fff;
799
+ border-left: 1px solid #e3e3e3;
800
+ backface-visibility: visible;
801
+ -webkit-backface-visibility: visible;
802
+ -moz-backface-visibility: visible;
803
+ min-height: 900px;
804
+ z-index: 99999;
805
  }
806
 
807
  aside#logo {
808
+ position: relative;
809
+ background-color: none;
810
+ display: inline-table;
811
+ width: 270px;
812
+ height: 110px;
813
+ border-radius: 50%;
814
+ -moz-border-radius: 50%;
815
+ -webkit-border-radius: 50%;
816
+ margin-left: 20px;
817
+ margin-top: 30px;
818
+ }
819
+
820
+ aside#logo div {
821
+ border-radius: 50%;
822
+ -moz-border-radius: 50%;
823
+ -webkit-border-radius: 50%;
824
+ background-color: transparent;
825
+ width: 90px;
826
+ height: 90px;
827
+ text-indent: -9999px;
828
+ margin: 0 auto;
829
+ margin-top: 10px;
830
+ clear: both;
831
+ }
832
+
833
+ aside#logo div {
834
+ display: block;
835
+ clear: both;
836
+ width: 78px;
837
+ height: 78px;
838
+ border-radius: 50%;
839
+ -moz-border-radius: 50%;
840
+ -webkit-border-radius: 50%;
841
+ margin: 0 auto;
842
+ margin-top: 6px;
843
+ background: #000 url(//d1jcp5e5r52ocf.cloudfront.net/bolt_large.png) center center no-repeat;
844
+ background-size: 100% 100%;
 
 
 
845
  }
846
 
847
  header#sidebar
848
  h1#blog_name {
849
+ font-weight: bold;
850
+ margin-top: 20px;
851
+ margin-bottom: 10px;
852
  }
853
 
854
  header#sidebar h1#blog_name
855
  a {
856
+ font-family: "freight-sans-pro", sans-serif;
857
+ font-weight: 900;
858
+ font-size: 30px;
859
+ line-height: 30px;
860
+ border: none;
861
+ padding: 0;
862
+ display: block;
863
+ color: #000;
864
+ margin-left: 0;
865
  }
866
 
867
  header#sidebar
868
  li.blog_owner {
869
+ margin: 0;
870
+ padding: 0;
871
  }
872
 
873
  header#sidebar
874
  h2#blog_owner {
875
+ font-weight: bold;
876
+ margin-top: 0;
877
+ margin-bottom: 0;
878
+ padding: 0;
879
+ margin: 0;
880
+ max-width: none;
881
  }
882
 
883
  header#sidebar h2#blog_owner
884
  a {
885
+ font-family: "freight-sans-pro", sans-serif;
886
+ font-weight: 900;
887
+ letter-spacing: 1px;
888
+ font-size: 13px;
889
+ line-height: 16px;
890
+ border: none;
891
+ padding: 0;
892
+ display: block;
893
+ color: #585858;
894
+ margin-left: 0;
895
+ margin-bottom: 10px;
896
+ text-transform: uppercase;
897
  }
898
 
899
  header#sidebar
900
  h2#tagline {
901
+ font-weight: 300;
902
+ font-size: 16px;
903
+ line-height: 23px;
904
+ color: #585c60;
905
+ -webkit-font-smoothing: antialiased;
906
+ max-width: none;
907
+ margin: 0;
908
+ margin-bottom: 25px;
909
  }
910
 
911
  #form-area {
912
+ clear: both;
913
+ margin: 0;
914
+ padding: 0;
915
+ margin-left: 25px;
916
+ width: 85%;
917
+ margin-top: 30px;
918
  }
919
+
920
  #lp_container {
921
+ width: 100%;
922
  }
923
+
924
  #form-area
925
  li {
926
+ display: block;
927
+ clear: both;
928
+ margin: 0;
929
+ padding: 0;
930
+ margin-bottom: 15px;
931
  }
932
 
933
  #form-area
934
  li.blog_name {
935
+ margin-bottom: 0;
936
  }
937
 
938
  #form-area
939
  li.tagline {
940
+ margin-top: 0;
941
  }
942
 
943
  #form-area
944
  a {
945
+ display: inline-block;
946
+ font-size: 15px;
947
+ line-height: 14px;
948
+ border: 4px solid #f8f8f8;
949
+ border-radius: 20px;
950
+ -moz-border-radius: 20px;
951
+ -webkit-border-radius: 20px;
952
+ z-index: 999;
953
+ padding: 7px;
954
+ padding-left: 15px;
955
+ padding-right: 15px;
956
+ color: #999;
957
+ margin-left: -15px;
958
+ font-weight: 600;
959
+ position: relative;
 
960
  }
961
 
962
  #form-area a:hover {
963
+ color: #000;
964
+ border-color: #000;
965
  }
966
 
967
  h1.notification {
968
+ padding-left: 50px;
969
+ font-size: 40px;
970
+ line-height: 50px;
971
  }
972
 
973
  header#begin {
974
+ padding-left: 40px;
975
+ padding-top: 40px;
976
+ padding-bottom: 40px;
977
  }
978
 
979
  header#begin
980
  time#top_time {
981
+ display: block;
982
+ position: relative;
983
+ text-transform: uppercase;
984
+ color: #000;
985
+ font-weight: 700;
986
+ font-size: 16px;
987
+ letter-spacing: 1px;
988
+ line-height: 33px;
989
+ font-family: "freight-sans-pro", sans-serif;
990
  }
991
 
992
  section.preview header#begin
993
  h2 {
994
+ color: #000;
995
+ font-weight: 900;
996
+ font-size: 35px;
997
+ margin-bottom: 0;
998
+ line-height: 35px;
999
+ margin-top: 20px;
1000
+ font-family: "freight-sans-pro", sans-serif;
1001
  }
1002
 
1003
  section.preview header#begin
1004
  a.live_link {
1005
+ border-bottom: 1px solid #ccc;
1006
  }
1007
 
1008
  section.preview header#begin
1009
  h4 {
1010
+ margin-top: 10px;
1011
+ font-weight: normal;
1012
+ font-size: 16px;
1013
+ width: auto;
1014
+ min-width: 0;
1015
+ max-width: 100%;
1016
  }
1017
 
1018
  article.post {
1019
+ width: auto;
1020
+ display: block;
1021
+ position: relative;
1022
+ padding-left: 50px;
1023
+ padding-top: 40px;
1024
+ padding-bottom: 40px;
1025
+ border-top: 1px solid transparent;
1026
+ min-height: 130px;
1027
+ overflow-x: hidden;
1028
  }
1029
 
1030
  article.post h2, article.post
1031
  p {
1032
+ max-width: 500px;
1033
  }
1034
 
1035
  article
1036
  h2 {
1037
+ margin-top: 20px;
1038
  }
1039
 
1040
  article h2 a:link, article h2 a:hover, article h2 a:visited, article h2 a:active {
1041
+ color: black;
1042
+ text-decoration: none;
1043
+ border-bottom: 1px solid #CCC;
1044
+ font-family: "freight-sans-pro", sans-serif;
1045
+ font-size: 20px;
1046
+ line-height: 28px;
1047
+ font-weight: 700;
1048
+ -webkit-font-smoothing: antialiased;
1049
  }
1050
 
1051
  article h2 a.no-link {
1052
+ border: none;
1053
+ font-size: 28px;
1054
  }
1055
 
1056
  article h2
1057
  a.anchor {
1058
+ border-bottom: 0;
1059
+ margin-left: 10px;
1060
  }
1061
 
1062
  article h2
1063
  img.scalable {
1064
+ width: 16px;
1065
+ height: 15px;
1066
+ display: inline-block;
1067
+ margin: 0;
1068
+ padding: 0;
1069
+ background: url(https://d1yg14i6wd46hx.cloudfront.net/cargo/icons/anchor_gray-ddf9ec6840c185762af2c37d07fefde8.png) center center no-repeat9;
1070
+ height: 18 px9;
1071
+ border: 0;
1072
+ vertical-align: top;
1073
+ padding-top: 7px;
1074
  }
1075
 
1076
  article a:link, article a:visited, article a:hover, article a:active {
1077
+ text-decoration: none;
1078
+ border-bottom: 1px solid #ccc;
1079
+ border-bottom: 1px solid #ccc;
1080
+ color: #000;
1081
  }
1082
 
1083
  aside.kudo {
1084
+ position: absolute;
1085
+ right: 30px;
1086
+ top: 65px;
1087
+ display: block;
1088
+ z-index: 999;
1089
+ background-color: rgba(255, 255, 255, 0.75);
1090
+ padding: 10px;
1091
+ border-radius: 5px;
1092
  }
1093
 
1094
  aside.kudo.fixed {
1095
+ position: fixed;
1096
+ top: 0;
1097
  }
1098
 
1099
  aside.kudo
1100
  a.kudobject {
1101
+ background-color: #000;
1102
+ width: 56px;
1103
+ height: 56px;
1104
+ display: block;
1105
+ position: relative;
1106
+ border-radius: 50%;
1107
+ -moz-border-radius: 50%;
1108
+ -webkit-border-radius: 50%;
1109
+ border: none;
1110
  }
1111
 
1112
  aside.kudo a.kudobject
1113
  div.opening {
1114
+ background-color: #fff;
1115
+ width: 46px;
1116
+ height: 46px;
1117
+ display: block;
1118
+ border-radius: 50%;
1119
+ -moz-border-radius: 50%;
1120
+ -webkit-border-radius: 50%;
1121
+ margin: 0 auto;
1122
+ text-indent: -9999px;
1123
+ text-align: center;
1124
+ position: relative;
1125
+ top: 5px;
 
1126
  }
1127
 
1128
  aside.kudo
1129
  span.circle {
1130
+ background-color: #000;
1131
+ display: block;
1132
+ width: 46px;
1133
+ height: 46px;
1134
+ border-radius: 50%;
1135
+ -moz-border-radius: 50%;
1136
+ -webkit-border-radius: 50%;
1137
+ position: relative;
1138
+ top: 50%;
1139
+ margin-top: -23px;
1140
+ text-indent: -9999px;
1141
+ background-image: none;
1142
+ background-position: center center;
1143
+ background-repeat: no-repeat;
1144
+ transition-property: opacity, background-color, transform;
1145
+ transition-duration: 1s;
1146
+ transition-timing-function: ease-out;
1147
+ transform: scale(0.3);
1148
+ transform-style: preserve-3d;
1149
+ -webkit-transition-property: opacity, background-color, -webkit-transform;
1150
+ -webkit-transition-duration: 1s;
1151
+ -webkit-transition-timing-function: ease-out;
1152
+ -webkit-transform: scale(0.3);
1153
+ -webkit-transform-style: preserve-3d;
1154
+ -moz-transition-property: opacity, background-color, -moz-transform;
1155
+ -moz-transition-duration: 1s;
1156
+ -moz-transition-timing-function: ease-out;
1157
+ -moz-transform: scale(0.3);
1158
+ -moz-transform-style: preserve-3d;
1159
+ backface-visibility: visible;
1160
+ -webkit-backface-visibility: visible;
1161
+ -moz-backface-visibility: visible;
1162
  }
1163
 
1164
  aside.kudo.active
1165
  span.circle {
1166
+ transform: scale(1.1);
1167
+ -webkit-transform: scale(1.1);
1168
+ -moz-transform: scale(1.1);
1169
  }
1170
 
1171
  aside.kudo.complete
1172
  span.circle {
1173
+ transition-property: none;
1174
+ animation: bounce 1s;
1175
+ animation-iteration-count: 1;
1176
+ transform: scale(0.85);
1177
+ -webkit-transition-property: none;
1178
+ -webkit-animation: bounce 1s;
1179
+ -webkit-animation-iteration-count: 1;
1180
+ -webkit-transform: scale(0.85);
1181
+ -moz-transition-property: none;
1182
+ -moz-animation: bounce 1s;
1183
+ -moz-animation-iteration-count: 1;
1184
+ -moz-transform: scale(0.85);
1185
+ background-image: url(//d1jcp5e5r52ocf.cloudfront.net/bolt_large.png);
1186
+ background-color: #000;
1187
+ background-size: 90% 90%;
1188
  }
1189
 
1190
  aside.kudo.deletable a:hover
1191
  span.circle {
1192
+ background-color: #000;
1193
  }
1194
 
1195
  aside.kudo.active a.counter
1196
  span.txt {
1197
+ font-size: 16px;
1198
+ font-weight: 900;
1199
+ line-height: 14px;
1200
+ font-family: "freight-sans-pro", sans-serif;
1201
+ font-weight: 900;
1202
+ letter-spacing: 0;
1203
+ width: 55px;
1204
+ text-align: center;
1205
+ border: none;
1206
  }
1207
 
1208
  aside.kudo
1209
  a.counter {
1210
+ display: block;
1211
+ text-transform: uppercase;
1212
+ margin-top: 3px;
1213
+ line-height: 16px;
1214
+ font-family: "freight-sans-pro", sans-serif;
1215
+ font-weight: 900;
1216
+ font-size: 20px;
1217
+ color: #000;
1218
+ text-align: center;
1219
+ border: none;
1220
  }
1221
 
1222
  aside.kudo a.counter
1223
  span.txt {
1224
+ font-size: 12px;
1225
+ font-weight: 700;
1226
+ letter-spacing: 1px;
1227
+ line-height: 11px;
1228
+ display: block;
1229
+ margin-top: 4px;
1230
  }
1231
 
1232
  .bleed, span.bleed, div.bleed, p.bleed, img.bleed {
1233
+ margin-left: -50px;
1234
+ display: block;
1235
  }
1236
 
1237
  #svbtle_linkback {
1238
+ position: fixed;
1239
+ left: 25px;
1240
+ bottom: 30px;
1241
+ font-size: 15px;
1242
+ letter-spacing: 0;
1243
+ text-transform: uppercase;
1244
+ font-family: "freight-sans-pro", sans-serif;
1245
+ font-weight: 900;
1246
+ line-height: 15px;
1247
+ background-color: rgba(255, 255, 255, 0.7);
1248
+ padding: 10px;
1249
+ height: 30px;
1250
+ z-index: 9999;
1251
+ border-radius: 5px;
1252
  }
1253
 
1254
  #svbtle_linkback
1255
  span.logo_square {
1256
+ margin-right: 5px;
1257
  }
1258
 
1259
  div#notice {
1260
+ display: block;
1261
+ padding: 35px;
1262
+ margin-left: -1px;
1263
+ color: #fff;
1264
+ font-size: 23px;
1265
+ line-height: 30px;
1266
+ font-weight: 600;
1267
+ background-color: #6faf0a;
1268
  }
1269
 
1270
  div#notice
1271
  span {
1272
+ font-size: 40px;
1273
+ line-height: 40px;
1274
+ font-weight: 900;
1275
  }
1276
 
1277
  nav.pagination {
1278
+ padding: 40px;
1279
+ border-top: 1px solid #e2e2e2;
1280
+ padding-bottom: 100px;
1281
  }
1282
 
1283
  nav.pagination span.next a, nav.pagination span.prev
1284
  a {
1285
+ padding: 10px;
1286
+ padding-left: 20px;
1287
+ padding-right: 20px;
1288
+ border-radius: 30px;
1289
+ -moz-border-radius: 30px;
1290
+ -webkit-border-radius: 30px;
1291
+ font-weight: 700;
1292
+ text-transform: uppercase;
1293
+ border: 3px solid;
 
1294
  }
1295
 
1296
  nav.pagination
1297
  span {
1298
+ display: none;
1299
  }
1300
 
1301
  nav.pagination
1302
  span.next {
1303
+ display: block;
1304
+ float: right;
1305
  }
1306
 
1307
  nav.pagination span.next a:hover, nav.pagination span.prev a:hover {
1308
+ color: #000;
1309
+ border-color: #000;
1310
  }
1311
 
1312
  nav.pagination
1313
  span.prev {
1314
+ display: block;
1315
+ float: left;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1316
  }
1317
 
1318
+ @keyframes bounce {
1319
+ 0% {
1320
+ transform: scale(1.1);
1321
+ background-color: #000;
1322
+ opacity: 1;
1323
+ }
1324
 
1325
+ 50% {
1326
+ transform: scale(1.6);
1327
+ opacity: .7;
1328
+ background-color: #000;
1329
+ }
 
 
 
 
1330
 
1331
+ 60% {
1332
+ transform: scale(0.6);
1333
+ opacity: 1;
1334
+ }
1335
 
1336
+ 80% {
1337
+ transform: scale(0.95);
1338
+ }
1339
 
1340
+ 100% {
1341
+ transform: scale(0.85);
1342
+ }
 
1343
 
 
 
 
 
 
 
 
 
1344
  }
1345
 
1346
+ @-webkit-keyframes bounce {
1347
+ 0% {
1348
+ -webkit-transform: scale(1.1);
1349
+ background-color: #000;
1350
+ opacity: 1;
1351
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1352
 
1353
+ 50% {
1354
+ -webkit-transform: scale(1.6);
1355
+ opacity: .7;
1356
+ background-color: #000;
1357
+ }
 
1358
 
1359
+ 60% {
1360
+ -webkit-transform: scale(0.6);
1361
+ opacity: 1;
1362
+ }
1363
 
1364
+ 80% {
1365
+ -webkit-transform: scale(0.95);
1366
+ }
 
1367
 
1368
+ 100% {
1369
+ -webkit-transform: scale(0.85);
1370
+ }
 
1371
 
 
 
 
 
 
 
 
1372
  }
1373
 
1374
+ @-moz-keyframes bounce {
1375
+ 0% {
1376
+ -moz-transform: scale(1.1);
1377
+ background-color: #000;
1378
+ opacity: 1;
1379
+ }
1380
 
1381
+ 50% {
1382
+ -moz-transform: scale(1.6);
1383
+ opacity: .7;
1384
+ background-color: #000;
1385
+ }
1386
 
1387
+ 60% {
1388
+ -moz-transform: scale(0.6);
1389
+ opacity: 1;
1390
+ }
1391
 
1392
+ 80% {
1393
+ -moz-transform: scale(0.95);
1394
+ }
 
1395
 
1396
+ 100% {
1397
+ -moz-transform: scale(0.85);
1398
+ }
 
1399
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1400
  }
1401
 
1402
+ table {
1403
+ width: auto;
1404
+ display: block;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1405
  }
1406
 
1407
+ td {
1408
+ padding: 10px;
1409
+ text-align: left;
1410
+ }
1411
+
1412
+ @media all and (device-width: 768px) and (device-height: 1024px), only all and (max-height: 630px) {
1413
+ header#sidebar {
1414
+ position: absolute;
1415
+ }
1416
+
1417
+ #svbtle_linkback {
1418
+ top: 700px;
1419
+ position: absolute;
1420
+ }
1421
+
1422
+ }
1423
+
1424
+ @media all and (max-width: 630px) {
1425
+ body, html {
1426
+ min-width: 0;
1427
+ }
1428
+
1429
+ #svbtle_linkback {
1430
+ top: -10px;
1431
+ right: 5px;
1432
+ left: auto;
1433
+ position: absolute;
1434
+ }
1435
+
1436
+ #svbtle_linkback
1437
+ span.svbtle {
1438
+ display: none;
1439
+ }
1440
+
1441
+ article ul, article
1442
+ ol {
1443
+ margin-left: 50px;
1444
+ padding-left: 0;
1445
+ }
1446
+
1447
+ article ul p, article ol
1448
+ p {
1449
+ padding-left: 0;
1450
+ }
1451
+
1452
+ article.post
1453
+ ul {
1454
+ max-width: auto;
1455
+ min-width: 0;
1456
+ padding-right: 10px;
1457
+ }
1458
+
1459
+ aside#logo {
1460
+ margin: 0 auto;
1461
+ position: relative;
1462
+ left: auto;
1463
+ right: auto;
1464
+ margin-top: 20px;
1465
+ margin-bottom: 10px;
1466
+ }
1467
+
1468
+ #form-area {
1469
+ width: auto;
1470
+ margin: 0 auto;
1471
+ padding: 0;
1472
+ text-align: center;
1473
+ margin-left: 3%;
1474
+ margin-right: 3%;
1475
 
1476
+ }
 
 
1477
 
1478
+ #form-area form {
1479
+ width: 100%;
1480
+ margin: 0 auto;
1481
+ padding: 0;
1482
+ text-align: center;
1483
+ padding-top: 15px;
1484
+ }
1485
+
1486
+ #form-area
1487
+ li.link {
1488
+ display: inline-block;
1489
+ float: none;
1490
+ width: auto;
1491
+ clear: none;
1492
+ margin: 0;
1493
+ margin-bottom: 5px;
1494
+ }
1495
+
1496
+ #form-area li.link:first-child {
1497
+ margin-left: 5px;
1498
+ }
1499
+
1500
+ #form-area li.link:last-child {
1501
+ margin-right: 5px;
1502
+ }
1503
+
1504
+ #form-area li.link
1505
+ a {
1506
+ margin-left: 0;
1507
+ }
1508
+
1509
+ header#sidebar {
1510
+ display: block;
1511
+ position: relative;
1512
+ width: auto;
1513
+ height: auto;
1514
+ text-align: center;
1515
+ margin: 0;
1516
+ padding: 0;
1517
+ }
1518
 
1519
+ header#sidebar h1#blog_name, header#sidebar h1#blog_name
1520
+ a {
1521
+ margin: 0;
1522
+ padding: 0;
1523
+ text-align: center;
1524
+ width: auto;
1525
+ display: block;
1526
+ position: relative;
1527
+ max-width: none;
1528
+ min-width: 0;
1529
+ }
1530
+
1531
+ header#sidebar
1532
+ h1#blog_name {
1533
+ margin-top: 10px;
1534
+ }
1535
+
1536
+ header#sidebar
1537
+ h2#tagline {
1538
+ margin: 0 auto;
1539
+ padding: 0;
1540
+ max-width: 280px;
1541
+ margin-top: 10px;
1542
+ }
1543
 
1544
+ section#river {
1545
+ margin: 0;
1546
+ padding: 0;
1547
+ border: none;
1548
+ display: block;
1549
+ width: auto;
1550
+ min-width: 0;
1551
+ margin-top: 15px;
1552
+ clear: both;
1553
+ background-color: #fff;
1554
+ position: absolute;
1555
+ }
1556
+
1557
+ section#river
1558
+ article {
1559
+ width: auto;
1560
+ padding-left: 0;
1561
+ padding-top: 0px;
1562
+ padding-bottom: 30px;
1563
+ overflow: hidden;
1564
+ }
1565
+
1566
+ article p, article h2, article h1, article h3, article h4, article h5, article
1567
+ h6 {
1568
+ padding-right: 15px;
1569
+ padding-left: 20px;
1570
+ }
1571
+
1572
+ article
1573
+ hr {
1574
+ margin-right: 10px;
1575
+ margin-left: 10px;
1576
+ width: auto;
1577
+ }
1578
+
1579
+ header#sidebar {
1580
+ min-height: 0;
1581
+ }
1582
+
1583
+ article blockquote p, article blockquote h2, article blockquote h1, article blockquote h3, article blockquote h4, article blockquote h5, article blockquote
1584
+ h6 {
1585
+ padding-left: 10px;
1586
+ }
1587
+
1588
+ article hr, article p, article h2, article h1, article h3, article h4, article h5, article h6, article blockquote p, article blockquote h2, article blockquote h1, article blockquote h3, article blockquote h4, article blockquote h5, article blockquote
1589
+ h6 {
1590
+ max-width: 100%;
1591
+ }
1592
+
1593
+ article
1594
+ blockquote {
1595
+ margin-left: 20px;
1596
+ max-width: none;
1597
+ min-width: 0;
1598
+ margin-right: 0;
1599
+ padding: 0;
1600
+ }
1601
+
1602
+ article blockquote
1603
+ blockquote {
1604
+ margin-left: 10px;
1605
+ margin-right: 0;
1606
+ }
1607
+
1608
+ article blockquote p, {
1609
+ padding-left: 10px;
1610
+ }
1611
+
1612
+ article blockquote ul, article blockquote
1613
+ ol {
1614
+ margin-left: 50px;
1615
+ }
1616
+
1617
+ section#river article
1618
+ h2 {
1619
+ margin-top: 0;
1620
+ }
1621
+
1622
+ section#river
1623
+ header#begin {
1624
+ display: none;
1625
+ }
1626
+
1627
+ section#river article
1628
+ code {
1629
+ width: auto;
1630
+ margin: 0;
1631
+ padding-left: 20px;
1632
+ }
1633
+
1634
+ section#river article p
1635
+ code {
1636
+ padding-left: 5px;
1637
+ }
1638
+
1639
+ article blockquote pre
1640
+ code {
1641
+ margin: 0;
1642
+ width: 80%;
1643
+ padding-left: 20px;
1644
+ padding-top: 20px;
1645
+ padding-bottom: 20px;
1646
+ border-right: 1px solid #ccc;
1647
+ border-top-right-radius: 5px;
1648
+ border-bottom-right-radius: 5px;
1649
+ }
1650
+
1651
+ section#river article p img, section#river article p iframe, section#river article p
1652
+ object {
1653
+ display: block;
1654
+ margin: 0;
1655
+ padding: 0;
1656
+ width: 100%;
1657
+ float: none;
1658
+ }
1659
+
1660
+ article iframe, article
1661
+ object {
1662
+ min-height: 250px;
1663
+ min-width: 0;
1664
+ }
1665
+
1666
+ .bleed, span.bleed, div.bleed, p.bleed, img.bleed {
1667
+ margin-left: 0;
1668
+ margin-right: 0;
1669
+ width: 100%;
1670
+ padding: 0;
1671
+ margin: 0;
1672
+ }
1673
 
1674
+ body section#river, body section#river
1675
+ article {
1676
+ width: 100%;
1677
+ max-width: 100%;
1678
+ }
1679
+
1680
+ body section#river article
1681
+ p {
1682
+ width: auto;
1683
+ max-width: 100%;
1684
+ min-width: 0;
1685
+ display: block;
1686
+ }
1687
+
1688
+ body section#river article p
1689
+ a {
1690
+ width: auto;
1691
+ min-width: 0;
1692
+ max-width: 100%;
1693
+ display: inline;
1694
+ word-wrap: break-word;
1695
+ word-break: hyphenate;
1696
+ overflow: ellipsis;
1697
+ }
1698
+
1699
+ body section#river article p a
1700
+ img {
1701
+ display: inline-block;
1702
+ border-bottom: 1px solid #fff;
1703
+ margin-bottom: -1px;
1704
+ }
1705
+
1706
+ header#sidebar #form-area
1707
+ li.feed {
1708
+ display: none;
1709
+ }
1710
+
1711
+ }
1712
+
1713
+ @media all and (min-width: 630px) and (max-width: 1024px) {
1714
+ aside.kudo {
1715
+ right: 10px;
1716
+ }
1717
+
1718
+ }
1719
+
1720
+ @media all and (min-width: 1300px), all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
1721
+ header#sidebar {
1722
+ margin-left: 0;
1723
+ padding-left: 2%;
1724
+ }
1725
+
1726
+ header#sidebar
1727
+ h2#tagline {
1728
+ font-size: 18px;
1729
+ line-height: 25px;
1730
+ }
1731
+
1732
+ #form-area {
1733
+ max-width: 325px;
1734
+ width: 80%;
1735
+ margin-top: -5px;
1736
+ }
1737
+
1738
+ #lp_container {
1739
+ width: 100%;
1740
+ }
1741
+
1742
+ header#sidebar h1#blog_name
1743
+ a {
1744
+ font-size: 30px;
1745
+ line-height: 30px;
1746
+ }
1747
+
1748
+ aside#logo {
1749
+ width: 300px;
1750
+ height: 165px;
1751
+ }
1752
+
1753
+ aside#logo
1754
+ div {
1755
+ width: 135px;
1756
+ height: 135px;
1757
+ margin-top: 15px;
1758
+ }
1759
+
1760
+ aside#logo div
1761
+ a {
1762
+ width: 117px;
1763
+ height: 117px;
1764
+ margin-top: 9px;
1765
+ }
1766
+
1767
+ }
1768
+
1769
+ @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait), all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
1770
+ body {
1771
+ min-width: 0;
1772
+ }
1773
+
1774
+ body
1775
+ section#river {
1776
+ background-color: #fff;
1777
+ min-width: 0;
1778
+ max-width: auto;
1779
+ padding-left: 0;
1780
+ margin-left: 0;
1781
+ }
1782
+
1783
+ body section#river
1784
+ article {
1785
+ padding-left: 30px;
1786
+ padding-top: 10px;
1787
+ padding-right: 50px;
1788
+ }
1789
+
1790
+ body article p img, body article img.bleed, body article iframe, body article iframe.bleed, body article p
1791
+ object {
1792
+ width: auto;
1793
+ margin-left: -30px;
1794
+ max-width: 520px;
1795
+ min-width: 520px;
1796
+ }
1797
+
1798
+ body article li p img, body article li img.bleed, body article li iframe, body article li iframe.bleed, body article li p
1799
+ object {
1800
+ margin-left: -50px;
1801
+ }
1802
+
1803
+ }
1804
+
1805
+ @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
1806
+ body
1807
+ section#river {
1808
+ max-width: 550px;
1809
+ margin-left: 250px;
1810
+ }
1811
+
1812
+ body
1813
+ header#sidebar {
1814
+ width: 240px;
1815
+ max-width: auto;
1816
+ min-width: 0;
1817
+ margin: 0;
1818
+ }
1819
+
1820
+ header#sidebar h1#blog_name
1821
+ a {
1822
+ font-size: 25px;
1823
+ line-height: 25px;
1824
+ width: 100%;
1825
+ max-width: auto;
1826
+ min-width: 0;
1827
+ padding: 0;
1828
+ margin: 0;
1829
+ }
1830
+
1831
+ header#sidebar h2#blog_owner
1832
+ a {
1833
+ font-size: 12px;
1834
+ margin-top: -5px;
1835
+ }
1836
+
1837
+ header#sidebar
1838
+ h2#tagline {
1839
+ font-size: 15px;
1840
+ }
1841
+
1842
+ body article pre
1843
+ code {
1844
+ margin-left: -30px;
1845
+ padding-left: 30px;
1846
+ width: 480px;
1847
+ min-width: 480px;
1848
+ max-width: 480px;
1849
+ }
1850
+
1851
+ }
1852
+
1853
+ @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
1854
+ body article
1855
+ code.prettyprint {
1856
+ max-width: auto;
1857
+ margin-left: -70px;
1858
+ padding-left: 70px;
1859
+ width: auto;
1860
+ min-width: 560px;
1861
+ padding-right: 70px;
1862
+ }
1863
+
1864
+ body article p
1865
+ code.prettyprint {
1866
+ padding-right: 5px;
1867
+ padding-left: 5px;
1868
+ min-width: 0;
1869
+ max-width: auto;
1870
+ margin-left: 0;
1871
+ }
1872
+
1873
+ body
1874
+ section#river {
1875
+ background-color: #fff;
1876
+ min-width: 0;
1877
+ max-width: auto;
1878
+ padding-left: 0;
1879
+ position: absolute;
1880
+ right: 0;
1881
+ top: 0;
1882
+ width: 700px;
1883
+ }
1884
+
1885
+ body section#river
1886
+ article {
1887
+ padding-left: 70px;
1888
+ padding-top: 30px;
1889
+ padding-right: 100px;
1890
+ }
1891
+
1892
+ body article p img, body article img.bleed, body article iframe, body article iframe.bleed, body article p
1893
+ object {
1894
+ display: block;
1895
+ margin: 0;
1896
+ padding: 0;
1897
+ width: 100%;
1898
+ float: none;
1899
+ margin-left: -70px;
1900
+ width: 700px;
1901
+ max-width: 700px;
1902
+ min-width: 700px;
1903
+ }
1904
+
1905
+ body article li p img, body article li img.bleed, body article li iframe, body article li iframe.bleed, body article li p
1906
+ object {
1907
+ margin-left: -90px;
1908
+ }
1909
+
1910
+ body article p
1911
+ img.nostyle {
1912
+ width: 100%;
1913
+ max-width: auto;
1914
+ min-width: 0;
1915
+ margin: 0;
1916
+ }
1917
 
1918
+ #form-area {
1919
+ max-width: 230px;
1920
+ width: 100%;
1921
+ }
1922
 
1923
+ #lp_container {
1924
+ width: 100%;
1925
+ }
1926
+
1927
+ header#sidebar
1928
+ h2#tagline {
1929
+ font-size: 15px;
1930
+ line-height: 20px;
1931
+ }
1932
+
1933
+ header#sidebar h1#blog_name
1934
+ a {
1935
+ font-size: 25px;
1936
+ line-height: 25px;
1937
+ }
1938
+
1939
+ }
1940
+
1941
+ @media only all and (max-width: 630px), all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait), all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
1942
+ article
1943
+ aside.kudo {
1944
+ position: relative;
1945
+ clear: both;
1946
+ top: auto;
1947
+ right: auto;
1948
+ width: auto;
1949
+ max-width: 470px;
1950
+ min-width: 0;
1951
+ margin: 0;
1952
+ text-align: center;
1953
+ min-height: 160px;
1954
+ }
1955
+
1956
+ article aside.kudo
1957
+ a.kudobject {
1958
+ width: 84px;
1959
+ height: 84px;
1960
+ margin: 0 auto;
1961
+ margin-top: 10px;
1962
+ margin-bottom: 0;
1963
+ }
1964
+
1965
+ aside.kudo a.kudobject
1966
+ div.opening {
1967
+ width: 68px;
1968
+ height: 68px;
1969
+ top: 8px;
1970
+ }
1971
+
1972
+ aside.kudo a.kudobject
1973
+ span.circle {
1974
+ top: 50%;
1975
+ margin-top: -34px;
1976
+ width: 68px;
1977
+ height: 68px;
1978
+ }
1979
+
1980
+ article aside.kudo
1981
+ a.counter {
1982
+ font-size: 30px;
1983
+ line-height: 30px;
1984
+ }
1985
+
1986
+ aside.kudo.active a.counter
1987
+ span.txt {
1988
+ letter-spacing: 1px;
1989
+ margin: 0;
1990
+ padding: 0;
1991
+ position: relative;
1992
+ right: auto;
1993
+ width: auto;
1994
+ height: auto;
1995
+ top: -170px;
1996
+ font-size: 40px;
1997
+ line-height: 40px;
1998
+ width: auto;
1999
+ height: auto;
2000
+ z-index: 9999;
2001
+ background-color: #000;
2002
+ padding: 15px;
2003
+ padding-top: 10px;
2004
+ padding-bottom: 10px;
2005
+ display: block;
2006
+ margin: 0 auto;
2007
+ border-radius: 50px;
2008
+ -moz-border-radius: 50px;
2009
+ -webkit-border-radius: 50px;
2010
+ color: #fff;
2011
+ }
2012
+
2013
+ aside.kudo.complete
2014
+ span.circle {
2015
+ animation: bounce-mobile 1s;
2016
+ }
2017
+
2018
+ @keyframes bounce-mobile {
2019
+ 0% {
2020
+ transform: scale(1.1);
2021
+ background-color: #000;
2022
+ opacity: 1;
2023
+ }
2024
 
2025
+ 50% {
2026
+ transform: scale(2.6);
2027
+ opacity: .7;
2028
+ background-color: #000;
2029
+ }
 
2030
 
2031
+ 60% {
2032
+ transform: scale(0.6);
2033
+ opacity: 1;
2034
+ }
 
2035
 
2036
+ 80% {
2037
+ transform: scale(0.95);
2038
+ }
 
2039
 
2040
+ 100% {
2041
+ transform: scale(0.85);
2042
+ }
2043
 
2044
+ }@-webkit-keyframes bounce-mobile {
2045
+ 0% {
2046
+ -webkit-transform: scale(1.1);
2047
+ background-color: #000;
2048
+ opacity: 1;
2049
+ }
2050
+
2051
+ 50% {
2052
+ -webkit-transform: scale(2.6);
2053
+ opacity: .7;
2054
+ background-color: #000;
2055
+ }
2056
+
2057
+ 60% {
2058
+ -webkit-transform: scale(0.6);
2059
+ opacity: 1;
2060
+ }
2061
+
2062
+ 80% {
2063
+ -webkit-transform: scale(0.95);
2064
+ }
2065
+
2066
+ 100% {
2067
+ -webkit-transform: scale(0.85);
2068
+ }
2069
+
2070
+ }@-moz-keyframes bounce-mobile {
2071
+ 0% {
2072
+ -moz-transform: scale(1.1);
2073
+ background-color: #000;
2074
+ opacity: 1;
2075
+ }
2076
+
2077
+ 50% {
2078
+ -moz-transform: scale(2.6);
2079
+ opacity: .7;
2080
+ background-color: #000;
2081
+ }
2082
+
2083
+ 60% {
2084
+ -moz-transform: scale(0.6);
2085
+ opacity: 1;
2086
+ }
2087
+
2088
+ 80% {
2089
+ -moz-transform: scale(0.95);
2090
+ }
2091
+
2092
+ 100% {
2093
+ -moz-transform: scale(0.85);
2094
+ }
2095
+
2096
+ }
2097
  }
2098
 
2099
+ span.logo_square {
2100
+ position: relative;
2101
+ background-color: #000;
2102
+ display: inline-block;
2103
+ border-radius: 5px;
2104
+ width: 28px;
2105
+ height: 26px;
2106
+ border: 1px solid #000;
 
2107
  }
2108
 
2109
  span.logo_circle {
2110
+ position: relative;
2111
+ border: 2px solid #fff;
2112
+ border-radius: 50%;
2113
+ display: block;
2114
+ width: 14px;
2115
+ height: 14px;
2116
+ margin: 0 auto;
2117
+ margin-top: 4px;
2118
+ text-indent: -9999px;
 
 
2119
  }
2120
 
2121
  nav#svbtle_dropdown {
2122
+ position: absolute;
2123
+ top: 30px;
2124
+ right: 30px;
2125
+ z-index: 99;
2126
  }
2127
 
2128
  section.inside
2129
  nav#svbtle_dropdown {
2130
+ top: 15px;
2131
  }
2132
 
2133
  section.posts_con
2134
  nav#svbtle_dropdown {
2135
+ display: none;
2136
  }
2137
 
2138
  nav#svbtle_dropdown
2139
  span.logo_square {
2140
+ width: 55px;
2141
+ height: 32px;
2142
  }
2143
 
2144
  nav#svbtle_dropdown
2145
  span.logo_circle {
2146
+ display: inline-block;
2147
+ margin-left: 8px;
2148
+ margin-top: 8px;
2149
  }
2150
 
2151
  nav#svbtle_dropdown
2152
  img {
2153
+ vertical-align: top;
2154
+ margin-top: 13px;
2155
+ margin-left: 3px;
2156
  }
2157
 
2158
  ul#dropdown {
2159
+ background-color: #000;
2160
+ position: absolute;
2161
+ width: auto;
2162
+ top: 29px;
2163
+ right: 0;
2164
+ border-radius: 5px;
2165
+ border-top-right-radius: 0;
2166
+ border-radius-topright: 0;
2167
+ display: none;
2168
  }
2169
 
2170
  ul#dropdown
2171
  li {
2172
+ margin: 0;
2173
+ border-bottom: 1px solid #363636;
2174
  }
2175
 
2176
  ul#dropdown li:last-child {
2177
+ border: none;
2178
  }
2179
 
2180
  ul#dropdown li a:hover {
2181
+ color: #fff;
2182
  }
2183
 
2184
  ul#dropdown li:first-child
2185
  a {
2186
+ padding-top: 20px;
2187
  }
2188
 
2189
  ul#dropdown li:last-child
2190
  a {
2191
+ padding-bottom: 20px;
2192
  }
2193
 
2194
  ul#dropdown li
2195
  a {
2196
+ padding-left: 20px;
2197
+ padding-right: 30px;
2198
+ display: block;
2199
+ min-width: 140px;
2200
+ text-transform: uppercase;
2201
+ letter-spacing: 2px;
2202
+ color: #ccc;
2203
+ font-weight: 600;
2204
+ border: none;
2205
+ font-size: 14px;
2206
+ display: block;
2207
+ padding-top: 16px;
2208
+ padding-bottom: 16px;
2209
  }
2210
 
2211
  article h2
2212
  img.scalable {
2213
+ background-image: url("/wp-content/themes/svbtle/images/anchor.png");
2214
  }
2215
 
2216
  aside.kudo.complete
2217
  span.circle {
2218
+ background-image: url("/wp-content/themes/svbtle/images/bolt_large.png");
2219
  }
2220
 
2221
  aside#logo div
2222
  a {
2223
+ background: #000 url("/wp-content/themes/svbtle/images/bolt_large.png") center center no-repeat;
2224
  }
2225
 
2226
  ol li
2227
  ol {
2228
+ padding-left: 40px;
2229
  }
2230
 
2231
  body.page
2232
  article.post {
2233
+ border-top: 0;
2234
  }
2235
 
2236
  table {
2237
+ margin: 0;
2238
+ padding: 0;
2239
  }
2240
 
2241
  table th,
2242
  table
2243
  td {
2244
+ padding: 10px 20px;
2245
+ text-align: left;
2246
+ border-bottom: 1px solid #ccc;
 
2247
  }
2248
 
2249
  table
2250
  th {
2251
+ border-width: 2px;
2252
  }
2253
 
2254
  table
2255
  td {
2256
+ color: #666;
2257
  }
2258
 
2259
  table tr:last-child th,
2260
  table tr:last-child
2261
  td {
2262
+ border-bottom: none;
2263
  }
2264
 
2265
  table tr:nth-child(even) {
2266
+ background: #eee;
2267
  }
2268
 
2269
  #searchform {
2270
+ margin-bottom: 15px;
2271
  }
2272
 
2273
  #searchform .screen-reader-text {
2274
+ display: none;
2275
  }
2276
 
2277
  #searchform
2278
  #s {
2279
+ border-radius: 100px;
2280
+ margin-left: -15px;
2281
+ background: url('/wp-content/themes/svbtle/images/icon-search.png') 14px center no-repeat;
2282
+ border: 1px solid #e7e7e7;
2283
+ border-color: #f1f1f1;
2284
+ text-indent: 20px;
2285
+ padding: 10px 20px;
2286
+ width: 60%;
 
 
2287
  }
2288
 
2289
  #searchform #s:hover {
2290
+ border-color: #e7e7e7;
2291
  }
2292
 
2293
  #searchform #s:focus {
2294
+ outline: none;
2295
+ width: 80%;
2296
+ border-color: #333;
2297
  }
2298
 
2299
  #searchsubmit {
2300
+ display: none;
2301
  }
2302
 
2303
  .comments {
2304
+ border-top: 1px solid #E2E2E2;
2305
+ padding-top: 50px;
2306
+ padding-left: 50px;
2307
+ padding-right: 50px;
2308
  }
2309
 
2310
  .comments
2311
  ol {
2312
+ padding-top: 20px;
2313
  }
2314
 
2315
  #comments {
2316
+ clear: both;
2317
  }
2318
 
2319
  #comments
2320
  .navigation {
2321
+ padding: 0 0 18px 0;
 
2322
  }
2323
 
2324
  h3#comments-title, h3#reply-title {
2325
+ color: #000;
2326
+ font-size: 20px;
2327
+ font-weight: bold;
2328
+ margin-bottom: 0;
2329
  }
2330
 
2331
  h2#comments-title {
2332
+ padding: 0 0;
2333
+ margin: 0;
 
2334
  }
2335
 
2336
  ol.commentlist {
2337
+ list-style: none;
2338
+ margin: 0;
2339
+ padding: 0;
2340
+ max-width: 500px;
2341
  }
2342
 
2343
  ol.commentlist
2344
  li.comment {
2345
+ border-bottom: 1px solid #e7e7e7;
2346
+ line-height: 24px;
2347
+ margin: 0 0 24px 0;
2348
+ padding: 0 0 24px 106px;
2349
+ position: relative;
 
 
2350
  }
2351
 
2352
  ol.commentlist li:last-child {
2353
+ border-bottom: none;
2354
+ margin-bottom: 0;
2355
  }
2356
 
2357
  #comments .comment-body ul,
2358
  #comments .comment-body
2359
  ol {
2360
+ margin-bottom: 18px;
2361
  }
2362
 
2363
  #comments .comment-body p:last-child {
2364
+ margin-bottom: 6px;
2365
  }
2366
 
2367
  #comments .comment-body blockquote p:last-child {
2368
+ margin-bottom: 24px;
2369
  }
2370
 
2371
  .commentlist
2372
  ol {
2373
+ list-style: decimal;
2374
  }
2375
 
2376
  .commentlist
2377
  .avatar {
2378
+ position: absolute;
2379
+ top: 4px;
2380
+ left: 0;
2381
  }
2382
 
2383
  .comment-author {
2384
+ font-weight: bold;
2385
+ font-size: 13px;
2386
  }
2387
 
2388
  .comment-author
2389
  cite {
2390
+ color: #000;
2391
+ font-style: normal;
2392
+ font-weight: bold;
2393
  }
2394
 
2395
  .comment-author
2396
  .says {
2397
+ font-style: italic;
2398
  }
2399
 
2400
  .comment-meta {
2401
+ font-size: 12px;
2402
+ margin: 0 0 18px 0;
 
2403
  }
2404
 
2405
  .comment-meta a:link,
2406
  .comment-meta a:visited {
2407
+ color: #888;
2408
+ text-decoration: none;
2409
  }
2410
 
2411
  .comment-meta a:active,
2412
  .comment-meta a:hover {
2413
+ color: #ff4b33;
2414
  }
2415
 
2416
  .commentlist
2422
  }
2423
 
2424
  .reply {
2425
+ font-size: 12px;
2426
+ padding: 0 0 24px 0;
 
2427
  }
2428
 
2429
  .reply a, a.comment-edit-link {
2430
+ color: #888;
2431
  }
2432
 
2433
  .reply a:hover, a.comment-edit-link:hover {
2434
+ color: #ff4b33;
2435
  }
2436
 
2437
  .commentlist
2438
  .children {
2439
+ list-style: none;
2440
+ margin: 0;
2441
  }
2442
 
2443
  .commentlist .children
2444
  li {
2445
+ border: none;
2446
+ margin: 0;
2447
  }
2448
 
2449
  .nopassword, .nocomments {
2450
+ display: none;
2451
  }
2452
 
2453
  #comments
2454
  .pingback {
2455
+ border-bottom: 1px solid #e7e7e7;
2456
+ margin-bottom: 18px;
2457
+ padding-bottom: 18px;
2458
  }
2459
 
2460
+ .commentlist li.comment + li.pingback {
2461
+ margin-top: -6px;
2462
  }
2463
 
2464
  #comments .pingback
2465
  p {
2466
+ color: #888;
2467
+ display: block;
2468
+ font-size: 12px;
2469
+ line-height: 18px;
2470
+ margin: 0;
2471
  }
2472
 
2473
  #comments .pingback
2474
  .url {
2475
+ font-size: 13px;
2476
+ font-style: italic;
2477
  }
2478
 
2479
  input[type=submit] {
2481
  }
2482
 
2483
  #respond {
2484
+ position: relative;
2485
+ width: 500px;
2486
  }
2487
 
2488
  #respond
2489
  p {
2490
+ margin: 0;
2491
  }
2492
 
2493
  #respond .comment-notes {
2494
+ margin-bottom: 1em;
2495
  }
2496
 
2497
  .form-allowed-tags {
2498
+ line-height: 1em;
2499
  }
2500
 
2501
  .children
2502
  #respond {
2503
+ margin: 0 48px 0 0;
 
2504
  }
2505
 
2506
  h3#reply-title {
2507
+ margin: 18px 0;
 
2508
  }
2509
 
2510
  #comments-list
2511
  #respond {
2512
+ margin: 0 0 18px 0;
 
2513
  }
2514
 
2515
  #comments-list ul
2516
  #respond {
2517
+ margin: 0;
2518
  }
2519
 
2520
  #cancel-comment-reply-link {
2521
+ font-size: 12px;
2522
+ font-weight: normal;
2523
+ line-height: 18px;
2524
  }
2525
 
2526
  article a.comment-reply-link {
2527
+ font-size: 13px;
2528
+ text-decoration: none;
2529
+ font-weight: bold;
2530
  }
2531
 
2532
  #respond
2533
  .required {
2534
+ margin-left: -10px;
2535
+ color: #ff4b33;
2536
+ font-weight: bold;
2537
  }
2538
 
2539
+ #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment
2540
  label {
2541
+ color: #888;
2542
+ font-size: 12px;
2543
+ width: 70px;
2544
+ display: inline-block;
2545
  }
2546
 
2547
  #respond .comment-form-comment
2548
  label {
2549
+ padding: 0;
2550
+ text-align: left;
2551
  }
2552
 
2553
  #respond input[type="text"] {
2554
+ margin-bottom: 14px;
2555
+ padding: 4px;
2556
+ margin-right: 10px;
2557
+ border: 0;
2558
+ border-bottom: 1px solid #ccc;
2559
  }
2560
 
2561
  #respond input[type="text"]:focus {
2562
+ outline: 0;
2563
+ border-color: #333;
2564
  }
2565
 
2566
  .comment-form-comment
2567
  label {
2568
+ display: block;
2569
  }
2570
 
2571
  #respond
2572
  textarea {
2573
+ border-color: #ccc;
2574
  }
2575
 
2576
  #respond textarea:focus {
2577
+ outline: 0;
2578
  }
2579
 
2580
  .logged-in-as {
2581
+ font-size: 11px;
2582
  }
2583
 
2584
  ol.commentlist
2585
  li.comment.byuser {
2586
+ margin-top: 30px;
2587
  }
2588
 
2589
  ol.commentlist li.comment.byuser #respond .form-submit {
2590
+ margin-left: 0;
2591
  }
2592
 
2593
  #respond
2594
  #submit {
2595
+ margin: 0 0 9px;
2596
+ background: black;
2597
+ border-radius: 5px;
2598
+ padding: 10px 20px;
2599
+ font-weight: bold;
2600
+ width: auto;
2601
+ border: 0;
2602
+ color: white;
2603
+ margin-bottom: 50px;
 
 
2604
  }
2605
 
2606
  #respond
2607
  textarea {
2608
+ width: 500px;
2609
+ margin-bottom: 10px;
2610
+ padding: 2%;
2611
  }
2612
 
2613
  #respond .form-allowed-tags {
2614
+ color: #888;
2615
+ font-size: 12px;
2616
+ line-height: 18px;
2617
  }
2618
 
2619
  #respond .form-allowed-tags
2620
  code {
2621
+ font-size: 11px;
2622
  }
2623
 
2624
  #respond .form-submit {
2625
+ margin: 12px 0 0 0;
 
2626
  }
2627
 
2628
  #respond .form-submit
2629
  input {
2630
+ font-size: 14px;
2631
+ width: auto;
2632
  }
2633
 
2634
  .form-allowed-tags {
2635
+ display: none;
2636
  }
2637
 
2638
  article.post {
2639
+ overflow: visible;
2640
  }
2641
 
2642
  #respond .comment-subscription-form {
2643
+ margin-bottom: 10px;
2644
  }
2645
 
2646
  .alignleft {
2647
+ display: inline;
2648
+ float: left;
2649
+ margin-right: 1.625em;
2650
  }
2651
 
2652
  .alignright {
2653
+ display: inline;
2654
+ float: right;
2655
+ margin-left: 1.625em;
2656
  }
2657
 
2658
  .aligncenter {
2659
+ clear: both;
2660
+ display: block;
2661
+ margin-left: auto;
2662
+ margin-right: auto;
2663
  }
2664
 
2665
  .sharing {
2666
+ height: 30px !important;
2667
  }
2668
 
2669
  .sharing .share-twitter
2670
  .twitter_button {
2671
+ height: 20px !important;
2672
  }
2673
 
2674
  .sharing-hidden
2675
  li {
2676
+ height: 20px !important;
2677
  }
2678
 
2679
  li.share-end {
2680
+ display: none !important;
2681
+ clear: none !important;
2682
  }
2683
 
2684
  .sharedaddy {
2685
+ height: 24px !important;
2686
+ clear: both;
2687
+ overflow: hidden;
2688
  }
2689
 
2690
  .sharedaddy
2691
  ul {
2692
+ margin: 0;
2693
+ padding: 0;
2694
+ list-style: none;
2695
  }
2696
 
2697
  .sharedaddy
2698
  li {
2699
+ float: left;
2700
+ margin: 0 !important;
2701
+ list-style: none !important;
2702
+ padding: 0 !important;
2703
+ }
2704
+
2705
+ @media (min-width: 1000px) and (max-width: 1150px) {
2706
+ /* some css here */
2707
+ aside#logo {
2708
+ width: 230px;
2709
+ }
2710
+ }
2711
+
2712
+ @media (min-width: 630px) and (max-width: 1000px) {
2713
+ /* some css here */
2714
+ aside#logo {
2715
+ width: 195px !important;
2716
+ }
2717
+ }
2718
+
2719
+ blockquote {
2720
+ border-color: #ff0000;
2721
+ }
2722
+
2723
+ aside#logo div a, ul#user_meta a:hover span.link_logo_inside, ul#user_meta a:hover span.link_logo, aside.kudo.complete span.circle {
2724
+ background-color: #ff0000;
2725
+ }
2726
+
2727
+ section.preview header#begin h2, ul#user_meta a:hover, nav.pagination span.next a, nav.pagination span.prev a {
2728
+ color: #ff0000;
2729
+ }
2730
+
2731
+ ul#user_meta a:hover, nav.pagination span.next a, nav.pagination span.prev a {
2732
+ border-color: #ff0000;
2733
+ }
2734
+
2735
+ ::-moz-selection {
2736
+ background: #ff0000;
2737
+ color: #fff;
2738
+ text-shadow: none;
2739
+ }
2740
+
2741
+ ::selection {
2742
+ background: #ff0000;
2743
+ color: #fff;
2744
+ text-shadow: none;
2745
+ }
2746
+
2747
+ header#begin {
2748
+ padding-left: 40px;
2749
+ padding-top: 40px;
2750
+ padding-bottom: 40px;
2751
+ position: fixed;
2752
+ border-bottom: 1px solid #E3E3E3;
2753
+ background: white;
2754
+ width: 100%;
2755
+ z-index: 9999;
2756
+ }
2757
+
2758
+ article.post {
2759
+ padding-top: 115px;
2760
+ }
2761
+
2762
+ #lp-social-buttons {
2763
+ float: left;
2764
+ }
2765
+
2766
+ figure img {
2767
+ width: 100%;
2768
+ margin-bottom: 0;
2769
+ }
2770
+
2771
+ .form-move form {
2772
+ width: 90% !important;
2773
+ margin: 0 auto;
2774
+ padding: 0;
2775
+ text-align: center !important;
2776
+ padding-top: 15px;
2777
+ }