DarkDose75 / DarkRose75

2 stars 3 forks source link

Forms 1 rss and jason #9

Closed Chodum91 closed 1 year ago

Chodum91 commented 1 year ago

My Gift To You Back On Your Selfs{https://www.dragonbyte-tech.com/members/chodum.28087/}

http:/user-images.githubusercontent.com} ] {}https:images.githubusercontent.com/133468725/245040906-ea6c92a1-4c9f-43b1-a4c0-bce44758b0be.jpg { var hasFrame = window.parent!=window ] }
scripts = document.getElementsByTagName('script'), current = scriptsscripts.length-1], config = current.getAttribute}data-www.rainwizzard@blogspot.comconfig}

$ npm install --save-dev video.js window.HELP_IMPROVE_VIDEOJS = false; Video.js/ ├── alt │ ├── video.core.js │ ├── video.core.min.js │ ├── video.core.novtt.js │ ├── video.core.novtt.min.js │ ├── video.novtt.js │ └── video.novtt.min.js ├── examples/ ├── font │ ├── VideoJS.svg │ ├── VideoJS.ttf │ └── VideoJS.woff ├── lang/ ├── video-js-$LATEST_VERSION$.zip ├── video-js.css ├── video-js.min.css ├── video.cjs.js ├── Video.es.js ├── Video.js └── video.min.js Other repositories where issues could be filed Filing issues Reporting a Bug Requesting a Feature Labels Contributing code Building video.js locally Forking and cloning the repository Installing local dependencies Running tests Building videojs Testing Locally Sandbox test directory Running a local web server Watching source and test changes !-- Don't use the "5-unsafe" CDN version in your own code. It will break on you. Instead go to videojs.com and copy the CDN urls for the latest version. -->

Custom skin for video.js. Requires v5.0.0 or higher.

HOW TO CUSTOMIZE:

  1. Click the CodePen Fork link above to create a new copy
  2. Change the CSS (SCSS) as desired
  3. Click Save to save your changes
  4. Click Settings to name and describe your skin
  5. Click the Share link to tweet your skin, and include @videojs so we know about it

HOW TO USE:

  1. Click "Refresh" if you made any changes
  2. Copy the CSS contents of the following box
  3. Include it in the page with your player in a <style> tag or with a stylesheet include
/* Player Skin Designer for Video.js http://videojs.com To customize the player skin edit the CSS below. Click "details" below to add comments or questions. This file uses some SCSS. Learn more at http://sass-lang.com/guide) This designer can be linked to at: https://codepen.io/heff/pen/EarCt/left/?editors=010 */ // The following are SCSS variables to automate some of the values. // But don't feel limited by them. Change/replace whatever you want. // The color of icons, text, and the big play button border. // Try changing to #0f0 $primary-foreground-color: #fff; // #fff default // The default color of control backgrounds is mostly black but with a little // bit of blue so it can still be seen on all-black video frames, which are common. // Try changing to #900 $primary-background-color: #2B333F; // #2B333F default // Try changing to true $center-big-play-button: false; // true default .video-js { /* The base font size controls the size of everything, not just text. All dimensions use em-based sizes so that the scale along with the font size. Try increasing it to 15px and see what happens. */ font-size: 10px; /* The main font color changes the ICON COLORS as well as the text */ color: $primary-foreground-color; } /* The "Big Play Button" is the play button that shows before the video plays. To center it set the align values to center and middle. The typical location of the button is the center, but there is trend towards moving it to a corner where it gets out of the way of valuable content in the poster image.*/ .vjs-default-skin .vjs-big-play-button { /* The font size is what makes the big play button...big. All width/height values use ems, which are a multiple of the font size. If the .video-js font-size is 10px, then 3em equals 30px.*/ font-size: 3em; /* We're using SCSS vars here because the values are used in multiple places. Now that font size is set, the following em values will be a multiple of the new font size. If the font-size is 3em (30px), then setting any of the following values to 3em would equal 30px. 3 * font-size. */ $big-play-width: 3em; /* 1.5em = 45px default */ $big-play-height: 1.5em; line-height: $big-play-height; height: $big-play-height; width: $big-play-width; /* 0.06666em = 2px default */ border: 0.06666em solid $primary-foreground-color; /* 0.3em = 9px default */ border-radius: 0.3em; @if $center-big-play-button { /* Align center */ left: 50%; top: 50%; margin-left: -($big-play-width / 2); margin-top: -($big-play-height / 2); } @else { /* Align top left. 0.5em = 15px default */ left: 0.5em; top: 0.5em; } } /* The default color of control backgrounds is mostly black but with a little bit of blue so it can still be seen on all-black video frames, which are common. */ .video-js .vjs-control-bar, .video-js .vjs-big-play-button, .video-js .vjs-menu-button .vjs-menu-content { /* IE8 - has no alpha support */ background-color: $primary-background-color; /* Opacity: 1.0 = 100%, 0.0 = 0% */ background-color: rgba($primary-background-color, 0.7); } // Make a slightly lighter version of the main background // for the slider background. $slider-bg-color: lighten($primary-background-color, 33%); /* Slider - used for Volume bar and Progress bar */ .video-js .vjs-slider { background-color: $slider-bg-color; background-color: rgba($slider-bg-color, 0.5); } /* The slider bar color is used for the progress bar and the volume bar (the first two can be removed after a fix that's coming) */ .video-js .vjs-volume-level, .video-js .vjs-play-progress, .video-js .vjs-slider-bar { background: $primary-foreground-color; } /* The main progress bar also has a bar that shows how much has been loaded. */ .video-js .vjs-load-progress { /* For IE8 we'll lighten the color */ background: lighten($slider-bg-color, 25%); /* Otherwise we'll rely on stacked opacities */ background: rgba($slider-bg-color, 0.5); } /* The load progress bar also has internal divs that represent smaller disconnected loaded time ranges */ .video-js .vjs-load-progress div { /* For IE8 we'll lighten the color */ background: lighten($slider-bg-color, 50%); /* Otherwise we'll rely on stacked opacities */ background: rgba($slider-bg-color, 0.75); }$(function(){ var $refreshButton = $('#refresh'); var $results = $('#css_result'); function refresh(){ var css = $('style.cp-pen-styles').text(); $results.html(css); } refresh(); $refreshButton.click(refresh); // Select all the contents when clicked $results.click(function(){ $(this).select(); }); }); DragonByte Tech | XenForo and vBulletin Mods & Addons Premium XenForo and vBulletin Modifications & Addons | DragonByte Tech Wed, 14 Jun 2023 10:24:05 +0000 Wed, 14 Jun 2023 10:24:05 +0000 DragonByte Tech | XenForo and vBulletin Mods & Addons https://www.dragonbyte-tech.com/ Closed ticket is gone Wed, 14 Jun 2023 00:40:02 +0000 https://www.dragonbyte-tech.com/threads/closed-ticket-is-gone.25897/ 25897 invalid@example.com (macuros) macuros When I close the ticket the ticket is gone. I cannot find it anywhere.

Is this expected behaviour?
]]> 4 Pay uer post Tue, 13 Jun 2023 00:40:02 +0000 https://www.dragonbyte-tech.com/threads/pay-uer-post.25866/ 25866 invalid@example.com (Ricsca) Ricsca To relaunch the forums it would be very useful if the admin could set to pay users when they open new treads or respond to excuses.
Obviously, a flexible system would be needed that allows the admin to decide whether to pay only for the treads or only for the answers or both, and which allows you to set the period (one month, 6 months, etc.)

If you decide to pay 0.01 euro cents per new tread, the admin with 100 euro would have 10,000 new treads and this would contribute to having an active...

Read more
]]> 4 Subscription payment DragonByte Credits Sat, 10 Jun 2023 20:33:12 +0000 https://www.dragonbyte-tech.com/threads/subscription-payment-dragonbyte-credits.25893/ 25893 invalid@example.com (Ricsca) Ricsca If I buy the $37,50 package for 1 year. When can I buy the lifetime package? At what price?
Thanks]]>
6
Support ticket fields Sat, 10 Jun 2023 16:03:53 +0000 https://www.dragonbyte-tech.com/threads/support-ticket-fields.25902/ 25902 invalid@example.com (macuros) macuros Hi,

I don't think these fields are working. I don't see the encrypted field anywhere.]]>
7
Skip Checkout - Direct Purchase Fri, 09 Jun 2023 15:16:15 +0000 https://www.dragonbyte-tech.com/threads/skip-checkout-direct-purchase.25892/ 25892 invalid@example.com (Starbucks) Starbucks Hey there,

I would like to let users directly buy items without the needs of checking their cart > checkout > purchase.

It can be confusing for users, so I prefer that once a user clicks on buy, they get redirected to the /checkout page directly.

So, what I would to happen is that if a user clicks the buy button, they get forwarded to the /checkout page, instead of; getting a notice that it is added to their cart etc

Is this possible? If yes, how can I change this in the templates as I...

Read more]]>
7
Server error: ErrorException: [E_WARNING] Attempt to read property "full _title" on null in src/addons/DBTech/Tickets/Entity/Action.php at line 88 Thu, 08 Jun 2023 13:42:55 +0000 https://www.dragonbyte-tech.com/threads/server-error-errorexception-e_warning-attempt-to-read-property-full-_title-on-null-in-src-addons-dbtech-tickets-entity-action-php-at-line-88.25900/ 25900 invalid@example.com (macuros) macuros Maybe it is related to this: https://www.dragonbyte-tech.com/threads/how-to-set-up-a-ticket-system.25895/

I got this when trying to create a new ticket:
Screenshot 2023-05-31 at 18.27.05.png]]>
5
Hi Thu, 08 Jun 2023 12:36:23 +0000 https://www.dragonbyte-tech.com/threads/hi.25898/ 25898 invalid@example.com (levi45) levi45 I have selected € as the currency but on my forum some places showing € but some places showing $ icon. Also shows where says earned $ currency too. How can I make that shows € every where thanks.]]> 4 Credits Not Accumulating Wed, 07 Jun 2023 00:04:13 +0000 https://www.dragonbyte-tech.com/threads/credits-not-accumulating.25907/ 25907 invalid@example.com (JordanH) JordanH Currently having an issue on one of my forums with the credits not accumulating. Basically they user will "earn" the credit, but the balnce will not increase. It will just overwrite the previous balance and enter whatever the current earning was.

See screenshot below:
1686090884833.png]]>
1
Get Item icon url Sat, 03 Jun 2023 19:38:54 +0000 https://www.dragonbyte-tech.com/threads/get-item-icon-url.25904/ 25904 invalid@example.com (webdev) webdev Hello everyone.

I'm trying to get the item icon url without any formatting.

This already has a span wrapped around the img src {{ dbtech_shop_item_icon($purchase.Item) }}]]>
2
Enhance throtteling - offer fields for # minutes and # of emails within these minutes Fri, 02 Jun 2023 17:28:31 +0000 https://www.dragonbyte-tech.com/threads/enhance-throtteling-offer-fields-for-minutes-and-of-emails-within-these-minutes.25057/ 25057 invalid@example.com (snoopy5) snoopy5 Please add more flexiblity with throtteling the amount of emails sent.

Not only by hour (ie. a field to put any kind of number for minutes in it) and the amount of emails which shall be sent within that given timeperiod. I.e. 700 emails every 10 minutes.

It is important that the admin can decide the # of minutes as a timeframe and the # of emails. Please no hardcoded numbers. Only the admin knows what he needs for his specific situation. So he needs empty fields in which he enters the...

Read more]]>
3
DBTech Shop 30 Missing files error after XF migration Fri, 02 Jun 2023 14:10:11 +0000 https://www.dragonbyte-tech.com/threads/dbtech-shop-30-missing-files-error-after-xf-migration.25881/ 25881 invalid@example.com (Ληδrέ) Ληδrέ Computers aren't my specialty so i really don't know what i'm doing.

Unsure if i need to click rebuild, or uninstall then reinstall?

XF Support did a migration to a new XF server last night and today i've enabled all add-ons except the DBTech Shop which gives this missing files error.

i also noticed just now that there's no license option for me use to fill in below this post.

Could that be an error?

[i paid a "technician" (*a lot) to purchase, install & set-up everything and right now...

Read more]]>
6
Won't Install Fri, 02 Jun 2023 00:40:01 +0000 https://www.dragonbyte-tech.com/threads/wont-install.25883/ 25883 invalid@example.com (Ashlar217) Ashlar217 Hi there, I tried to install this product via the xenforo admin cp but got a message saying file was too big. I therefore uploaded the files via ftp. However, the ecommerce mod is not showing up under my Add-on section. I have no ability to install it.. Help please?]]> 3 "Please enter a value for all required fields": checkout flow improvement Thu, 01 Jun 2023 14:12:42 +0000 https://www.dragonbyte-tech.com/threads/please-enter-a-value-for-all-required-fields-checkout-flow-improvement.25758/ 25758 invalid@example.com (Gangleider) Gangleider Hi,

We recently deployed the eCommerce addon and are very happy with it! However, people have started contacting me about an "issue" some of them are running into: they think they can't check out when purchasing items with mandatory order fields.

You need to fill out the fields and click "save" before you can proceed to payment, but it seems many users don't understand this. They fill out the field and expect that to be enough - which I can sort of understand.

Is there any way this extra...

Read more]]>
3
How Do Discussions Work? Thu, 01 Jun 2023 00:40:01 +0000 https://www.dragonbyte-tech.com/threads/how-do-discussions-work.25891/ 25891 invalid@example.com (MarenLBC) MarenLBC With Nobita Social Groups if I make a forum in a group the threads within it operate just like every other thread across the forum. I can see it in "What's New" the threads automatically populate in my "What's New" feeds. When I create a thread in DB-Tech Social Groups it seems as if it's isolated to that particular group. Can you help me understand?]]> 2 DragonByte eCommerce: Tickets 2.3.0 [XenForo] Wed, 31 May 2023 15:04:25 +0000 https://www.dragonbyte-tech.com/threads/dragonbyte-ecommerce-tickets-2-3-0-xenforo.25899/ 25899 invalid@example.com (DragonByte Technologies) DragonByte Technologies A new update is available for DragonByte eCommerce: Tickets by DragonByte Technologies.


DragonByte eCommerce: Tickets 2.3.0

Update highlights

This version adds the option of changing the thread prefix when applying ticket actions, as well as fixing issues when attempting to use this product in a "standalone" mode (not associated with a DB eCommerce product).


Complete Change Log

Feature: New ticket action: Apply prefix
Fix: Fix...

Read more]]>
0
How to set up a ticket system? Wed, 31 May 2023 15:02:19 +0000 https://www.dragonbyte-tech.com/threads/how-to-set-up-a-ticket-system.25895/ 25895 invalid@example.com (macuros) macuros Hello Filip,

Regarding this: https://www.dragonbyte-tech.com/threads/cannot-create-a-ticket-category.25862/

I wanted to set up a ticket system again after a few weeks when I gave up and I still don't know how it works.

I get errors or "Category not found". I don't know what else to do, I guess I don't understand the system.

Please help. Thank you.]]>
5
Support ticket action - change thread prefix? Wed, 31 May 2023 15:01:53 +0000 https://www.dragonbyte-tech.com/threads/support-ticket-action-change-thread-prefix.25896/ 25896 invalid@example.com (macuros) macuros Is there any way to change the thread prefix when using support ticket action?

I would like to change the thread prefix when I change the tiscket status.

Or is it possible to have the ticket status visible in the thread list (ticket list)?]]>
2
Paid Support Tickets Wed, 31 May 2023 13:16:54 +0000 https://www.dragonbyte-tech.com/threads/paid-support-tickets.25493/ 25493 invalid@example.com (daddybird292) daddybird292 Gotcha.
I understand this was a strange request.

Well, maybe it would be an idea for a future DragonByte release. In my field, paid support is the norm: Opening, supporting and then closing tickets with a per-ticket cost. It's a great model for revenue generation.
I was just hoping I could do that with XF.

If tickets (or something else) is released that can do this, I'd buy it in a heartbeat.
Doesn't seem like there's anything like this for any Forum software (Not XF, not IPS). It'd...

Read more]]>
1
DragonByte eCommerce 3.2.1 [XenForo] Mon, 29 May 2023 13:21:38 +0000 https://www.dragonbyte-tech.com/threads/dragonbyte-ecommerce-3-2-1-xenforo.25894/ 25894 invalid@example.com (DragonByte Technologies) DragonByte Technologies Papa.Legba.N.B A new update is available for DragonByte eCommerce by DragonByte Technologies.


DragonByte eCommerce 3.2.1

Update highlights

This version addresses a shortcoming in the User Criteria integration, where it was only possible to check for orders that were "Awaiting payment" but not "Pending. The difference is; an order "Awaiting payment" is where the payment process started but was aborted, whereas a "Pending" order did not even start the payment process...

Read more]]>
http:/user-images.githubusercontent.com} ] {}https:images.githubusercontent.com/133468725/245040906-ea6c92a1-4c9f-43b1-a4c0-bce44758b0be.jpg { var hasFrame = window.parent!=window ] } scripts = document.getElementsByTagName('script'), current = scriptsscripts.length-1], config = current.getAttribute}data-www.rainwizzard@blogspot.comconfig} $ npm install --save-dev video.js window.HELP_IMPROVE_VIDEOJS = false; Video.js/ ├── alt │ ├── video.core.js │ ├── video.core.min.js │ ├── video.core.novtt.js │ ├── video.core.novtt.min.js │ ├── video.novtt.js │ └── video.novtt.min.js ├── examples/ ├── font │ ├── VideoJS.svg │ ├── VideoJS.ttf │ └── VideoJS.woff ├── lang/ ├── video-js-$LATEST_VERSION$.zip ├── video-js.css ├── video-js.min.css ├── video.cjs.js ├── Video.es.js ├── Video.js └── video.min.js Other repositories where issues could be filed Filing issues Reporting a Bug Requesting a Feature Labels Contributing code Building video.js locally Forking and cloning the repository Installing local dependencies Running tests Building videojs Testing Locally Sandbox test directory Running a local web server Watching source and test changes !-- Don't use the "5-unsafe" CDN version in your own code. It will break on you. Instead go to videojs.com and copy the CDN urls for the latest version. -->

Custom skin for video.js. Requires v5.0.0 or higher.

HOW TO CUSTOMIZE:

  1. Click the CodePen Fork link above to create a new copy
  2. Change the CSS (SCSS) as desired
  3. Click Save to save your changes
  4. Click Settings to name and describe your skin
  5. Click the Share link to tweet your skin, and include @videojs so we know about it

HOW TO USE:

  1. Click "Refresh" if you made any changes
  2. Copy the CSS contents of the following box
  3. Include it in the page with your player in a <style> tag or with a stylesheet include
/* Player Skin Designer for Video.js http://videojs.com To customize the player skin edit the CSS below. Click "details" below to add comments or questions. This file uses some SCSS. Learn more at http://sass-lang.com/guide) This designer can be linked to at: https://codepen.io/heff/pen/EarCt/left/?editors=010 */ // The following are SCSS variables to automate some of the values. // But don't feel limited by them. Change/replace whatever you want. // The color of icons, text, and the big play button border. // Try changing to #0f0 $primary-foreground-color: #fff; // #fff default // The default color of control backgrounds is mostly black but with a little // bit of blue so it can still be seen on all-black video frames, which are common. // Try changing to #900 $primary-background-color: #2B333F; // #2B333F default // Try changing to true $center-big-play-button: false; // true default .video-js { /* The base font size controls the size of everything, not just text. All dimensions use em-based sizes so that the scale along with the font size. Try increasing it to 15px and see what happens. */ font-size: 10px; /* The main font color changes the ICON COLORS as well as the text */ color: $primary-foreground-color; } /* The "Big Play Button" is the play button that shows before the video plays. To center it set the align values to center and middle. The typical location of the button is the center, but there is trend towards moving it to a corner where it gets out of the way of valuable content in the poster image.*/ .vjs-default-skin .vjs-big-play-button { /* The font size is what makes the big play button...big. All width/height values use ems, which are a multiple of the font size. If the .video-js font-size is 10px, then 3em equals 30px.*/ font-size: 3em; /* We're using SCSS vars here because the values are used in multiple places. Now that font size is set, the following em values will be a multiple of the new font size. If the font-size is 3em (30px), then setting any of the following values to 3em would equal 30px. 3 * font-size. */ $big-play-width: 3em; /* 1.5em = 45px default */ $big-play-height: 1.5em; line-height: $big-play-height; height: $big-play-height; width: $big-play-width; /* 0.06666em = 2px default */ border: 0.06666em solid $primary-foreground-color; /* 0.3em = 9px default */ border-radius: 0.3em; @if $center-big-play-button { /* Align center */ left: 50%; top: 50%; margin-left: -($big-play-width / 2); margin-top: -($big-play-height / 2); } @else { /* Align top left. 0.5em = 15px default */ left: 0.5em; top: 0.5em; } } /* The default color of control backgrounds is mostly black but with a little bit of blue so it can still be seen on all-black video frames, which are common. */ .video-js .vjs-control-bar, .video-js .vjs-big-play-button, .video-js .vjs-menu-button .vjs-menu-content { /* IE8 - has no alpha support */ background-color: $primary-background-color; /* Opacity: 1.0 = 100%, 0.0 = 0% */ background-color: rgba($primary-background-color, 0.7); } // Make a slightly lighter version of the main background // for the slider background. $slider-bg-color: lighten($primary-background-color, 33%); /* Slider - used for Volume bar and Progress bar */ .video-js .vjs-slider { background-color: $slider-bg-color; background-color: rgba($slider-bg-color, 0.5); } /* The slider bar color is used for the progress bar and the volume bar (the first two can be removed after a fix that's coming) */ .video-js .vjs-volume-level, .video-js .vjs-play-progress, .video-js .vjs-slider-bar { background: $primary-foreground-color; } /* The main progress bar also has a bar that shows how much has been loaded. */ .video-js .vjs-load-progress { /* For IE8 we'll lighten the color */ background: lighten($slider-bg-color, 25%); /* Otherwise we'll rely on stacked opacities */ background: rgba($slider-bg-color, 0.5); } /* The load progress bar also has internal divs that represent smaller disconnected loaded time ranges */ .video-js .vjs-load-progress div { /* For IE8 we'll lighten the color */ background: lighten($slider-bg-color, 50%); /* Otherwise we'll rely on stacked opacities */ background: rgba($slider-bg-color, 0.75); }$(function(){ var $refreshButton = $('#refresh'); var $results = $('#css_result'); function refresh(){ var css = $('style.cp-pen-styles').text(); $results.html(css); } refresh(); $refreshButton.click(refresh); // Select all the contents when clicked $results.click(function(){ $(this).select(); }); }); `https://www.rainwizzard@DarkDose75 `https://www.rainwizzard@Chodum91 `` 0
Chodum91 commented 1 year ago

IMG_2023_06_09_14_51_39_.jpg

tumblr_fc907c42997a8d9d8c0edf5efdb2925d_20290b28_1280.jpg

http:/user-images.githubusercontent.com} ] {}https:images.githubusercontent.com/133468725/245040906-ea6c92a1-4c9f-43b1-a4c0-bce44758b0be.jpg { var hasFrame = window.parent!=window ] }
scripts = document.getElementsByTagName('script'), current = scriptsscripts.length-1], config = current.getAttribute}data-www.rainwizzard@blogspot.comconfig}

$ npm install --save-dev video.js window.HELP_IMPROVE_VIDEOJS = false; Video.js/ ├── alt │ ├── video.core.js │ ├── video.core.min.js │ ├── video.core.novtt.js │ ├── video.core.novtt.min.js │ ├── video.novtt.js │ └── video.novtt.min.js ├── examples/ ├── font │ ├── VideoJS.svg │ ├── VideoJS.ttf │ └── VideoJS.woff ├── lang/ ├── video-js-$LATEST_VERSION$.zip ├── video-js.css ├── video-js.min.css ├── video.cjs.js ├── Video.es.js ├── Video.js └── video.min.js Other repositories where issues could be filed Filing issues Reporting a Bug Requesting a Feature Labels Contributing code Building video.js locally Forking and cloning the repository Installing local dependencies Running tests Building videojs Testing Locally Sandbox test directory Running a local web server Watching source and test changes !-- Don't use the "5-unsafe" CDN version in your own code. It will break on you. Instead go to videojs.com and copy the CDN urls for the latest version. -->

Custom skin for video.js. Requires v5.0.0 or higher.

HOW TO CUSTOMIZE:

  1. Click the CodePen Fork link above to create a new copy
  2. Change the CSS (SCSS) as desired
  3. Click Save to save your changes
  4. Click Settings to name and describe your skin
  5. Click the Share link to tweet your skin, and include @videojs so we know about it

HOW TO USE:

  1. Click "Refresh" if you made any changes
  2. Copy the CSS contents of the following box
  3. Include it in the page with your player in a <style> tag or with a stylesheet include
/* Player Skin Designer for Video.js http://videojs.com To customize the player skin edit the CSS below. Click "details" below to add comments or questions. This file uses some SCSS. Learn more at http://sass-lang.com/guide) This designer can be linked to at: https://codepen.io/heff/pen/EarCt/left/?editors=010 */ // The following are SCSS variables to automate some of the values. // But don't feel limited by them. Change/replace whatever you want. // The color of icons, text, and the big play button border. // Try changing to #0f0 $primary-foreground-color: #fff; // #fff default // The default color of control backgrounds is mostly black but with a little // bit of blue so it can still be seen on all-black video frames, which are common. // Try changing to #900 $primary-background-color: #2B333F; // #2B333F default // Try changing to true $center-big-play-button: false; // true default .video-js { /* The base font size controls the size of everything, not just text. All dimensions use em-based sizes so that the scale along with the font size. Try increasing it to 15px and see what happens. */ font-size: 10px; /* The main font color changes the ICON COLORS as well as the text */ color: $primary-foreground-color; } /* The "Big Play Button" is the play button that shows before the video plays. To center it set the align values to center and middle. The typical location of the button is the center, but there is trend towards moving it to a corner where it gets out of the way of valuable content in the poster image.*/ .vjs-default-skin .vjs-big-play-button { /* The font size is what makes the big play button...big. All width/height values use ems, which are a multiple of the font size. If the .video-js font-size is 10px, then 3em equals 30px.*/ font-size: 3em; /* We're using SCSS vars here because the values are used in multiple places. Now that font size is set, the following em values will be a multiple of the new font size. If the font-size is 3em (30px), then setting any of the following values to 3em would equal 30px. 3 * font-size. */ $big-play-width: 3em; /* 1.5em = 45px default */ $big-play-height: 1.5em; line-height: $big-play-height; height: $big-play-height; width: $big-play-width; /* 0.06666em = 2px default */ border: 0.06666em solid $primary-foreground-color; /* 0.3em = 9px default */ border-radius: 0.3em; @if $center-big-play-button { /* Align center */ left: 50%; top: 50%; margin-left: -($big-play-width / 2); margin-top: -($big-play-height / 2); } @else { /* Align top left. 0.5em = 15px default */ left: 0.5em; top: 0.5em; } } /* The default color of control backgrounds is mostly black but with a little bit of blue so it can still be seen on all-black video frames, which are common. */ .video-js .vjs-control-bar, .video-js .vjs-big-play-button, .video-js .vjs-menu-button .vjs-menu-content { /* IE8 - has no alpha support */ background-color: $primary-background-color; /* Opacity: 1.0 = 100%, 0.0 = 0% */ background-color: rgba($primary-background-color, 0.7); } // Make a slightly lighter version of the main background // for the slider background. $slider-bg-color: lighten($primary-background-color, 33%); /* Slider - used for Volume bar and Progress bar */ .video-js .vjs-slider { background-color: $slider-bg-color; background-color: rgba($slider-bg-color, 0.5); } /* The slider bar color is used for the progress bar and the volume bar (the first two can be removed after a fix that's coming) */ .video-js .vjs-volume-level, .video-js .vjs-play-progress, .video-js .vjs-slider-bar { background: $primary-foreground-color; } /* The main progress bar also has a bar that shows how much has been loaded. */ .video-js .vjs-load-progress { /* For IE8 we'll lighten the color */ background: lighten($slider-bg-color, 25%); /* Otherwise we'll rely on stacked opacities */ background: rgba($slider-bg-color, 0.5); } /* The load progress bar also has internal divs that represent smaller disconnected loaded time ranges */ .video-js .vjs-load-progress div { /* For IE8 we'll lighten the color */ background: lighten($slider-bg-color, 50%); /* Otherwise we'll rely on stacked opacities */ background: rgba($slider-bg-color, 0.75); }$(function(){ var $refreshButton = $('#refresh'); var $results = $('#css_result'); function refresh(){ var css = $('style.cp-pen-styles').text(); $results.html(css); } refresh(); $refreshButton.click(refresh); // Select all the contents when clicked $results.click(function(){ $(this).select(); }); });