Jun 2, 2024 1:10:08 GMT
Post by strawberrycupid on Jun 2, 2024 1:10:08 GMT
Color Gel by gimmick on Pixel Perfect || works on wcc3
[nospaces][div][attr="class","colorgel"]
[PTabbedContent]
[PTab=Cover]
[div][attr="class","box cover"]
[div][attr="class","colorbox"]
[div][attr="class","covertext"][h1]NAME HERE[/h1]
[h3]age[/h3]
[h3]pronouns[/h3]
[h3]occupation[/h3]
[h3]thing[/h3][/div]
[/div]
[div][attr="class","imgbox"][div] [/div][/div]
[/div]
[/PTab]
[PTab=About]
[div][attr="class","box content"][div][attr="class","gridbox"]
[h2]Another heading style option[/h2]
[h3]Bulleted list[/h3]
[ul][li]First[/li][li]Second[/li][li]Third[/li][li]Fourth[/li][/ul]
[h3]section one[/h3]
A color gel or color filter, also known as lighting gel or simply gel, is a transparent colored material that is used in theater, event production, photography, videography and cinematography to color light and for color correction. Modern gels are thin sheets of polycarbonate, polyester or other heat-resistant plastics, placed in front of a lighting fixture in the path of the beam.
[h3]section two[/h3]
In Shakespearean-era theater, red wine was used in a glass container as a light filter. In later days, colored water or silk was used to filter light in the theater. Later, a gelatin base became the material of choice. Gelatin gel was available at least until 1979. The name gel has continued to be used to the present day. Gelatin-based color media had no melting point, and the color was cast in the media as opposed to being coated on the surface, both important properties for color media. It would, however, char at high temperatures and become brittle once heated, so it was impossible to handle once used in the lighting instrument.
[break][break]
By 1945 more heat-tolerant and self-extinguishing acetate-based through-dyed materials were being manufactured (marketed as Chromoid then Cinemoid by Strand Electric). In the U.S., Roscolene (acetate) was also developed to deal with these higher output light sources. Though cheaper, the acetate filters fell out of favor with professional organizations since they could not withstand the higher temperatures produced by the tungsten halogen lamps that came into widespread use in the late 1960s. The acetate-based material was replaced by polycarbonates like Roscolar (mylar polycarbonate) and polyester-based filters.
[break][break]
These materials have superior heat tolerance when compared to acetate-based gels. Many were transparent film with a surface coating. The first dyed polyester gels were introduced by Berkey Colortran in 1969 as Gelatran, the original deep-dyed polyester. The Gelatran process is still used today to produce GAMColor (100% of the line) and Roscolux (about 30% of the line). Other color manufacturers, such as Lee Filters and Apollo Design Technology, use a surface applied dye. (Roscolux is 70% polycarbonate and 30% deep-dyed polyester.)
[/div][/div]
[/PTab]
[PTab=OOC]
[div][attr="class","box ooc"]
[div style="padding:0 30px 0 30px;width:170px;"][h6]Face claim[/h6]
[h3]character from source[/h3]
[h6]Played by[/h6]
[h3]player name[/h3]
[h6]Contact[/h6]
[h3]pm/discord[/h3][/div]
[div][attr="class","imgbox"][div] [/div][/div]
[/div]
[/PTab]
[/PTabbedContent={background-color:transparent;padding:0px!important;border:0px!important;margin-left:0px;margin-top: 0px; height: 545px;}]
[div style="text-align:right;margin-top:-3px;"][a style="font:700 7px/10px var(--typeface);letter-spacing:.8px;text-decoration:none;text-transform:uppercase;" href="http://pixel-perfect.boards.net/user/2465"]made by gimmick[/a][/div]
[/div]
[div][googlefont=Raleway:400,500,700]
[newclass=".colorgel"]color: rgba(0,0,0,.85); width:390px; height:545px; margin: 0 auto 20px; text-align: left; position: relative; --typeface: 'Raleway', sans-serif; --animate: all .25s ease; font: 400 10px/14px 'Raleway', sans-serif; --bgcolor: #f3f3f3; --accent: #3349cc; --image: url(https://i.imgur.com/VFPwxCw.png)[/newclass]
[newclass=".colorgel .PT_Tabs_holder td"]font: 500 10px/10px var(--typeface); position:absolute; bottom: 21px; z-index:200; background: transparent; opacity: .75; color: var(--accent); text-align: left; width: auto; margin: 0; -webkit-transition: all 1s ease; -moz-transition: var(--animate); -o-transition: var(--animate); cursor:pointer;[/newclass]
[newclass=".colorgel .PT_table .PT_tabs_selected "]font-weight: 700; opacity: 1; -webkit-transition: var(--animate); -moz-transition: var(--animate); -o-transition: var(--animate); background: transparent[/newclass]
[newclass=".colorgel .PT_table .PT_tabs_hover "] opacity: 1; -webkit-transition: var(--animate); -moz-transition: var(--animate); -o-transition: var(--animate); background: transparent[/newclass]
[newclass=".colorgel .PT_table .PT_tabs_selected_hover "]opacity: 1; font-weight: 500; -webkit-transition: var(--animate); -moz-transition: var(--animate); -o-transition: var(--animate); background: transparent[/newclass]
[newclass=".colorgel .PT_Tabs_holder"]margin-left:40px [/newclass]
[newclass=".colorgel .PT_Tabs_holder td:nth-child(1)"]margin-left: 0 [/newclass]
[newclass=".colorgel .PT_Tabs_holder td:nth-child(2)"]margin-left: 45px [/newclass]
[newclass=".colorgel .PT_Tabs_holder td:nth-child(3)"]margin-left: 90px [/newclass]
[newclass=".colorgel table td"]padding: 0;[/newclass]
[newclass=".colorgel .PT_spots"]background-color: transparent; padding:0px!important; margin: 0 0 0 0; position:absolute; z-index:100; [/newclass]
[newclass=".colorgel .box"]height: 460px; padding: 20px 0 40px; background: var(--bgcolor); display: flex; box-shadow: 0px 2px 4px rgba(0,0,0,.5);[/newclass]
[newclass=".colorgel .box.cover"]align-items: center; justify-items: center; [/newclass]
[newclass=".colorgel .box.ooc"]align-items: center; justify-items: center; justify-content: space-between; [/newclass]
[newclass=".colorgel .box.content"]padding-left: 40px; padding-right: 40px; background: var(--bgcolor)[/newclass]
[newclass=".colorgel .colorbox"]display: flex; align-items: center; width: 170px; height: 455px; background: var(--accent); opacity: .9; padding: 0 20px; margin-left: 20px; position: absolute; z-index: 10; mix-blend-mode: hard-light;[/newclass]
[newclass=".colorgel .cover .imgbox"]width: 390px; height: 390px; overflow: hidden; margin: auto; mix-blend-mode: luminosity; z-index: 0; [/newclass]
[newclass=".colorgel .ooc .imgbox"]width: 160px; height: 390px; overflow: hidden; margin: 0; mix-blend-mode: luminosity; z-index: 0;[/newclass]
[newclass=".colorgel .imgbox > div"] background: var(--image); width: 100%; height: 100%; opacity: .8; background-position: right center; background-size: cover;[/newclass]
[newclass=".colorgel .imgbox:hover"]mix-blend-mode: normal;[/newclass]
[newclass=".colorgel .gridbox"]width: calc(100% - 20px); padding-right: 20px; margin-top: 10px; height: 450px; border-bottom: 0px dashed var(--accent); overflow: auto; [/newclass]
[newclass=".colorgel h1,.colorgel h2,.colorgel h3,.colorgel h6]color: var(--accent) [/newclass]
[newclass=".colorgel h1"]font: bold 27px/30px var(--typeface); border-top: 1px dashed white; border-bottom: 1px dashed white; padding: 12.5px 0 10px; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 1.5px;[/newclass]
[newclass=".colorgel h2"]font: bold 15px/18px var(--typeface); text-transform: uppercase; letter-spacing: 1px; margin-top: 20px; padding: 5px 0 20px; [/newclass]
[newclass=".colorgel h3"]font: bold 10px/14px var(--typeface); text-transform: uppercase; letter-spacing: 1px;[/newclass]
[newclass=".colorgel .gridbox h3"]padding: 20px 0 5px; letter-spacing: 1px;[/newclass]
[newclass=".colorgel h2 + h3"] padding-top: 0 !important [/newclass]
[newclass=".colorgel .gridbox h2:first-child"]padding-top: 0; margin-top: 0; [/newclass]
[newclass=".colorgel .gridbox h3:first-child"]padding-top: 0; [/newclass]
[newclass=".colorgel h6"]font: 500 10px/14px var(--typeface); margin-top: 8px [/newclass]
[newclass=".colorgel .covertext h1,.colorgel .covertext h3]color: white [/newclass]
[newclass=".colorgel br.good"]padding-top: 4px; content: '\A \A'; white-space: pre-line; display: block;[/newclass]
[newclass=".colorgel ul"]margin-left: 13px;[/newclass]
[newclass=".colorgel .box a"]font: inherit; color: var(--accent); pointer; text-decoration: none; -webkit-transition: var(--animate); -moz-transition: var(--animate); -o-transition: var(--animate); [/newclass]
[newclass=".colorgel .box a:hover"]opacity: .75; -webkit-transition: var(--animate); -moz-transition: var(--animate); -o-transition: var(--animate);[/newclass]
[newclass=".colorgel ::-webkit-scrollbar"]-webkit-appearance: none; width: 3px; float: right[/newclass]
[newclass=".colorgel ::-webkit-scrollbar-thumb"]background: rgba(200,200,200,1); [/newclass]
[newclass=".colorgel ::-webkit-scrollbar-track"]background: rgba(0,0,0,.1); border: 1px solid var(--bgcolor);
[/newclass][/div]