Star Wars Roleplay: Chaos

Register a free account today to become a member! Once signed in, you'll be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

Divs

Kai'el Brat "Guardian of the Light"

Code:
[CENTER][div= width:50px; height:50px; overflow:hidden; margin:auto; background:rgba(0,0,0,0.35); position:relative; box-shadow:0px 0px 4px 1px rgba(180,235,210,0.45), 0px 0px 10px 2px rgba(180,235,210,0.18); border:1px solid rgba(180,235,210,0.28);][div= position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:5; color:#4f8f72; text-shadow:0px 0px 3px rgba(180,235,210,0.35); pointer-events:none;][fa]fa-play[/fa]  [fa]fa-pause[/fa][/div][div= width:560px; height:315px; margin-left:-255px; margin-top:-133px; opacity:0%;][MEDIA=youtube]yF9nmg_jHNs[/MEDIA][/div][/div][/CENTER]



Code:
[div= width:75px; height:50px; overflow:hidden; margin:auto; background:rgba(0,0,0,0.35); position:relative; box-shadow:0px 0px 4px 1px rgba(180,235,210,0.45), 0px 0px 10px 2px rgba(180,235,210,0.18); border:1px solid rgba(180,235,210,0.28);][div= position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:5; color:#4f8f72; text-shadow:0px 0px 3px rgba(180,235,210,0.35); pointer-events:none;][fa]fa-play[/fa]  [fa]fa-pause[/fa][/div][div= width:560px; height:315px; margin-left:-243px; margin-top:-133px; opacity:0%;][MEDIA=youtube]yF9nmg_jHNs[/MEDIA][/div][/div]




Code:
 [CENTER]
[div= width:75px; height:30px; overflow:hidden; margin:auto; background:rgba(0,0,0,0.35); position:relative; box-shadow:0px 0px 4px 1px rgba(180,235,210,0.45), 0px 0px 10px 2px rgba(180,235,210,0.18); border:1px solid rgba(180,235,210,0.28);][div= position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:5; color:#4f8f72; text-shadow:0px 0px 3px rgba(180,235,210,0.35); pointer-events:none;][fa]fa-play[/fa]  [fa]fa-pause[/fa][/div][div= width:560px; height:315px; margin-left:-243px; margin-top:-143px; opacity:0%;][MEDIA=youtube]yF9nmg_jHNs[/MEDIA][/div][/div]
[/CENTER]







Mini Player Color Guide
Pick one of the three player shapes, then only change the color codes to get the look you want.



Step One: Pick a shape

Use one of the three base codes:

50x50 = small square
75x50 = small rectangle
75x30 = short thin bar

You do not need to change the YouTube layer or crop settings unless you want a different shape.



Step Two: Change the colors

These are the main parts you can recolor:

Background = the fill of the box
background:rgba(0,0,0,0.35);

Border = the line around the box
border:1px solid rgba(180,235,210,0.28);

Glow / Shadow = the soft light around the outside
box-shadow:0px 0px 4px 1px rgba(180,235,210,0.45), 0px 0px 10px 2px rgba(180,235,210,0.18);

Icon Color = the play / pause color
color:#4f8f72;

Icon Glow = the glow on the icons
text-shadow:0px 0px 3px rgba(180,235,210,0.35);



Easy color examples

Sheer black background
rgba(0,0,0,0.35)

Darker black background
rgba(0,0,0,0.55)

Pale jade glow
rgba(180,235,210,0.45)

Soft jade border
rgba(180,235,210,0.28)

Dark jade icons
#4f8f72

Deeper jade icons
#3f745c

Soft mint icons
#7fbf9f



What to replace

Replace the background value with your background color
Replace the border value with your border color
Replace the box-shadow values with your glow colors
Replace the color value with your icon color
Replace the text-shadow value with your icon glow color



Simple visual example

background: X background color goes here
border: X border color goes here
box-shadow: X glow color goes here
color: X icon color goes here
text-shadow: X icon glow color goes here



Simple example line

background:rgba(X,X,X,X);
border:1px solid rgba(X,X,X,X);
box-shadow:0px 0px 4px 1px rgba(X,X,X,X), 0px 0px 10px 2px rgba(X,X,X,X);
color:#XXXXXX;
text-shadow:0px 0px 3px rgba(X,X,X,X);



In short:
Choose the shape you want… then only change the color codes.




 
Last edited:
Kai'el Brat "Guardian of the Light"

╔════════════════════════════╗
OVERVIEW
╚════════════════════════════╝

This is a master index of company listings, catalogs, lore holdings, and restricted archives.

[Your Overview table goes here]



╔════════════════════════════╗
FACTORY SUBMISSIONS
╚════════════════════════════╝

This section contains technological, martial, industrial, and commercial creations.


  • Technology tables go here.

  • Materials tables go here.

  • Armor / gear tables go here.

  • Ranged weapon tables go here.

  • Melee weapon tables go here.

  • Droid tables go here.

  • Vehicle tables go here.

  • Ship tables go here.




╔════════════════════════════╗
CODEX SUBMISSIONS
╚════════════════════════════╝

This section contains species, worlds, locations, personnel, and lore-oriented entries.


  • Species tables go here.

  • Planet tables go here.

  • Location tables go here.

  • Personnel and unit tables go here.

  • Lore tables go here.




╔════════════════════════════╗
RESTRICTED ARCHIVE / NFS
╚════════════════════════════╝

This section contains private holdings, black projects, hidden assets, personal artifacts, and not-for-sale entries.


  • Black project links go here.

  • Hidden asset links go here.

  • Personal artifact links go here.

  • Named weapon links go here.
 
Kai'el Brat "Guardian of the Light"


dikm8ch-fda966fb-1cff-446f-bf64-8b062d3d3ce9.png

╔════════════════════════════╗
OVERVIEW
╚════════════════════════════╝

OverviewFactoryCodexRestricted


Company pages, storefront listings, catalogs, faction pages, and affiliations.
C O M P A N I E S . K E Y
. G U I D E






╔════════════════════════════╗
FACTORY SUBMISSIONS
╚════════════════════════════╝

OverviewFactoryCodexRestricted

This is a categorized listing of technological, martial, industrial, and commercial creations.



╔════════════════════════════╗
CODEX SUBMISSIONS
╚════════════════════════════╝

OverviewFactoryCodexRestricted


This section contains species, worlds, locations, personnel, organizations, and lore-oriented entries.



╔════════════════════════════╗
RESTRICTED ARCHIVE / NFS
╚════════════════════════════╝

OverviewFactoryCodexRestricted


This section contains private holdings, black projects, hidden assets, personal artifacts, and not-for-sale entries.

P R O D U C T I O N . K E Y
A V A I L A B I L I T Y . G U I D E

  • Unique: Only one character, NPC or PC, is permitted to use this item.
  • Semi-Unique: Limited to a single small unit, squad, or squadron.
  • Limited: Only one small group of characters, such as a single minor faction, company, or group within a faction.
  • Minor: Available to large groups of characters, such as a single major faction, a few companies, or multiple groups.
  • Mass-Produced: Accessible to anyone.
Price Key
  • Food / Drinks: 5–500 UWC
  • Toys / Commercial Goods: 10–10,000 UWC
  • Personal Gear / Armor: 500–75,000 UWC
  • Weapons / Ordnance: 500–50,000 UWC
  • Small Craft: 10,000–50,000 UWC
  • Major Ships / Stations: Quote Only
  • Named, personal, or restricted items: NFS

Name​
Type​
Description​
Production​
Cost​
Armor / Weapon / Droid / Vehicle / Starship / Material / Other​
Short description of what the item is useful for.​
Mass-Produced
Low / Moderate / High / Luxury / Custom​


 
Last edited:

Users who are viewing this thread

Top Bottom