/* PROPHET'S CHATURBATE GIF ANIMATION SITE */ 
 
/* https://cbgifs.com */ 
 
/* Site started on 25 Aug 2021 */ 
/* Site by Sword Of Light */ 
/* https://chaturbate.com/sword_of_light */ 
/* email: admin@cbgifs.com */ 
 
/* DO NOT COPY / MODIFY / BORROW  ANY CONTENT FROM CBGIFS.COM aka PROPHET'S CHATURBATE GIF ANIMATION PAGE */ 
 
/* ALL HTML / CSS / SCRIPTS are Copyright CBGIFS.COM aka PROPHET'S CHATURBATE GIF ANIMATION PAGE */ 
 
/* THE CHATURBATE GIFS FEATURED WERE CREATED BY THE USERS & MODS ON CHATURBATE AND ARE CONSIDERED "PUBLIC DOMAIN" */ 
 

@font-face
{
font-family: "cbgifs_bold";
src: url("fonts/poppins_bold.woff2") format("woff2");
}
@font-face
{
font-family: "cbgifs_regular";
src: url("fonts/poppins_regular.woff2") format("woff2");
}
html {
scroll-behavior: smooth;
}
body
{
margin: 0px auto;
background-image: url("page_layout_img/red_background.png");
background-color: #f0f0f0;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: top left;
}
form
{
margin: 0px;
padding: 0px;
display: block;
}
a:link
{
text-decoration: underline;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
font-size: 15px;
color: #0000ff;
text-shadow: 1px 1px 2px #a0a0e080;
}
a:hover
{
text-decoration: none;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
font-size: 15px;
color: #ff4040 !important;
text-shadow: 2px 2px 2px #ff808040;
}
a:visited
{
text-decoration: underline;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
font-size: 15px;
color: #0000ff;
text-shadow: 1px 1px 2px #a0a0e080;
}
.homepagemaintable
{
margin: 20px auto 20px auto;
text-align: center;
border: 5px solid #ff0000;
border-radius: 25px;
box-shadow: 0px 0px 30px #ff4040, inset 0px 0px 5px #ff000080;
padding: 0px 5px 0px 5px;
width: 1024px;
background-image: url("page_layout_img/intro_table_bg.png");
background-attachment: scroll;
}
.hometitlediv
{
background-color: #ff000010;
width: fit-content;
box-shadow: 0px 0px 5px 3px #ff0000, inset 0px 0px 12px #ff0000;
border: 2px solid #fff;
padding: 6px 0px 0px 0px;
border-radius: 12px;
text-align: center;
margin: 0px auto 0px auto;
}
.hometitlediv img
{
width: 680px;
height: auto;
padding: 0px 60px;	
}
.homeintrotexttitle
{
font-family: cbgifs_regular, arial;
color: #ff0000;
font-size: 26px;
text-shadow: 2px 2px 3px #ff000058;
}
.homepageimg
{
box-shadow: 0px 0px 4px #2020ff;
margin: 0px 0px 0px 0px;
border: solid 1px #2020ff;
border-radius: 18px;
}
.intropagelinkblock
{
display: flex;
margin: 0px;
padding: 0px;
flex-direction: row;
justify-content: space-evenly;
align-items: flex-end;
}
.parasection
{
background-color: #c0004008;
box-shadow: 0px 0px 10px #8080ff;
border: 3px solid #5040ef;
padding: 15px 10px 8px 10px;
border-radius: 16px 16px 16px 16px;
text-align: left;
margin: 0px 20px 0px 20px;
font-family: cbgifs_bold, Arial, sans-serif;
font-size: 15px;
font-weight: normal;
color: #101010;
text-shadow: 2px 2px 2px #00000018;
line-height: 1.4em;
}
.paraheader
{
font-family: cbgifs_bold, Arial, sans-serif;
font-size: 18px;
font-style: italic;
line-height: normal;
font-weight: normal;
color: #2020ff;
border: 2px solid #eee;
border-radius: 14px 3px 14px 3px;
padding: 2px 10px 2px 10px;
box-shadow: 0px 0px 4px 2px #ff0000d0, inset 0px 0px 3px #ff0000e0;
background-color: #ff000010;
text-shadow: 1px 1px 2px #0000ff60;
}
.parablue
{
font-family: cbgifs_bold, Arial, sans-serif;
font-size: 15px;
color: #1010ff;
text-shadow: 2px 2px 2px #00000018;
}
.parahl
{
font-family: cbgifs_bold, Arial, sans-serif;
font-size: 15px;
color: #f00000;
text-shadow: 0px 0px 10px #ff0000;
}
.parabold
{
font-family: cbgifs_bold, Arial, sans-serif;
font-size: 21px;
color: #2020ff;
text-shadow: 2px 2px 2px #a0a0f0;
}
.paraalt
{
font-family: cbgifs_bold, Arial, sans-serif;
font-size: 15px;
color: #df1010;
text-shadow: 1px 1px 2px #ffb0b060;
}
.emojilink
{
font-family: cbgifs_bold, Arial, sans-serif;
font-size: 22px;
text-shadow: 1px 1px 1px #00000030;
padding: 0px;
line-height: 22px;
}
.listspacer
{
display:inline-block;
width: 12px;
height: 24px;
margin: 0px;
padding: 0px;
vertical-align: bottom;
}
.tabspacer
{
display:inline-block;
width: 30px;
height: 20px;
margin: 0px;
padding: 0px;
vertical-align: bottom;
}
.sectionspacer
{
display: block;
width: 100%;
height: 20px;
margin: 0px;
padding: 0px;
}
.introfooter
{
display: block;
margin: 8px auto 8px auto;
padding: 2px 40px 3px 40px;
width: fit-content;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #db2222;
text-shadow: 2px 2px 2px #00000018;
border: solid 2px #0000ff80;
background: #ff00000a;
border-radius: 12px 4px;
box-shadow: 1px 1px 2px #0000ff40;
}
.introgallerylinkbox
{
width: 420px;
margin: 6px auto 18px auto;
padding: 4px 5px;
text-align: center;
border: solid 2px #f44;
border-radius: 18px 4px;
box-sizing: border-box;
background: #ff000010;
box-shadow: 0px 0px 8px #ff000080;
}
.guidetitle
{
display: block;
padding: 2px 60px 4px 60px;
width: fit-content;
margin: 18px auto;
text-align: center;
font-size: 30px;
font-family: cbgifs_regular, arial;
color: #f00000;
text-shadow: 2px 2px 3px #80000068;
border: 2px solid #ffffff;
border-radius: 12px;
box-shadow: 0px 0px 5px 3px #ff0000, inset 0px 0px 8px #ff0000;
background-color: #ff000010;
}
.guidetitlegifimages
{
display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: flex-end;
margin-bottom: 6px
}
.guideimgdecor
{
border: solid 1px #f00;
border-radius: 5px;
box-shadow: 0px 0px 8px #f008;
vertical-align: bottom;
margin-top: 8px;
background: #fff;
}
.guidelist
{
display: block;
list-style: outside; 
list-style-type: decimal;
margin-top: 8px;
color: #0000c0;
}
.camguidelist
{
display: block;
list-style: outside; 
list-style-type: decimal;
margin-top: 8px;
color: #000080;
}
.camguidelist li
{
padding: 15px 0px 20px 0px;
}
.shortcodelist
{
display: block;
list-style: outside;
list-style-type: disc;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
color: #0000c0;
}
.shortcodedesctitle
{
font-family: cbgifs_bold, Arial, sans-serif;
font-size: 17px;
color: #1010df;
text-shadow: 1px 1px 2px #ffb0b060;
}
.guidesectiontitle
{
display: block;
margin-bottom: 14px;
font-family: cbgifs_regular, Arial, sans-serif;
font-size: 26px;
color: #df1010;
text-shadow: 1px 1px 2px #ff000040;
}
.guidesubheading
{
color: #1010FF;
font-size: 18px;
text-shadow: 1px 1px 1px #0000ff20;
}
.guidesectionspacer
{
display: block;
height: 40px;
margin: 0px;
padding: 0px;
}
.cbbiobg_list
{
display: block;
list-style: outside;
list-style-type: disc;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
color: #0000c0;
}
.cbbiobg_codeblock
{
display: block;
width: 100%;
box-sizing: border-box;
margin: 10px 0px;
background: #ffd0d0;
border: 1px solid #4d5460;
border-radius: 4px;
padding: 2px 5px;
font-family: Monaco, Menlo, Consolas, 'Roboto Mono','Andale Mono','Ubuntu Mono', monospace;
font-weight: bold;
}
.cbbiobg_codeblock_highlight
{
color: #eee;
background-color: #111;
padding: 0px 5px;
}
.cbbiobgdesctitle
{
display: block;
margin: 0px 0px -6px 0px;
font-family: cbgifs_bold, Arial, sans-serif;
font-size: 17px;
color: #1010df;
text-shadow: 1px 1px 2px #ffb0b060;
}
.camguidepartoflink
{
font-style: italic;
font-size: 14px;
background-color: #e6646440;
padding: 1px 7px 1px 3px;
border-radius: 6px;
box-shadow: 2px 2px 2px #b75f5fba;
}
.camguidepartoflink a
{
font-style: italic;
font-size: 14px;
}
.maintable
{
margin: 114px auto 8px auto;
padding: 0px 0px 0px 0px;
text-align: center;
border: 4px solid #ff1010;
border-radius: 25px;
box-shadow: 0px 0px 3px #ff4040, inset 0px 0px 3px #ff4040;
background-color: #efefef;
background-image: url("page_layout_img/intro_table_bg.png");
background-attachment: scroll;
width: fit-content;
min-width: 1350px;
border-spacing: 15px;
border-collapse: separate;
}
.maintable td
{
padding: 0px 15px 0px 15px;
}
.gallerytitlediv
{
background-color: #ff000010;
box-shadow: 0px 0px 5px 3px #ff0000, inset 0px 0px 12px #ff0000;
border: 2px solid #fff;
padding: 3px 0px 0px 0px;
border-radius: 12px;
text-align: center;
margin: 0px auto 0px auto;
width: 800px;
box-sizing: border-box;
}
.gallerytitlediv img
{
padding: 0px;
width: 680px;
height: auto;
}
.sectionlinks
{
display: inline-block;
width: 120px;
text-decoration: underline;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
font-size: 14px;
color: #0000ff;
text-shadow: 1px 1px 2px #a0a0e080;
border: 2px solid #ff0000;
border-radius: 12px 2px 12px 2px;
padding: 1px 0px;
box-shadow: 1px 1px 3px #ff202080;
background-color: #ff000020;
margin: 0px 0px 0px 0px;
transition: all 0.05s linear;
}
.sectionlinks:hover
{
color: #f00000;
text-shadow: 1px 1px 1px #ff808040;
text-decoration: none;
cursor: pointer;
background-color: #ff000008;
box-shadow: inset 0px 0px 10px #ff2020ff;
}
.userguidelink
{
display: inline-block;
width: 100px;
text-decoration: underline;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
font-size: 14px;
color: #0000ff;
text-shadow: 1px 1px 2px #a0a0e080;
border: 2px solid #2020ef;
border-radius: 12px 2px 12px 2px;
padding: 1px 1px;
box-shadow: 1px 1px 3px #2020ff80;
background-color: #0000ff18;
margin: 0px 0px 0px 0px;
transition: all 0.05s linear;
}
.userguidelink:hover
{
color: #f00000;
text-shadow: 1px 1px 1px #ff808040;
text-decoration: none;
cursor: pointer;
background-color: #ff000008;
box-shadow: inset 0px 0px 5px #2020ffA0;
}
.sectiontitletext
{
font-family: cbgifs_bold, Arial, sans-serif;
font-size: 20px;
color: #0000ff;
text-align: center;
text-shadow: 1px 1px 1px #a0a0ff;
border: 2px solid #ffffff;
border-radius: 18px 2px 18px 2px;
padding: 2px 2px 2px 0px;
box-shadow: 0px 0px 5px 3px #ff0000, inset 0px 0px 8px #ff0000;
width: 220px;
margin: 5px auto 9px auto;
background-color: #ff000010;
}
.gotopagetoparrow
{
box-shadow: 0px 0px 5px #ff202080;
margin: 6px 0px 5px 0px;
border-radius: 12px 3px;
border: solid 2px #ff0000;
padding: 2px 10px;
background: #ff000020;
cursor: pointer;
}
.gotopagetoparrow:hover
{
box-shadow: 0px 0px 5px #ff0000;
border: solid 2px #ff4040;
}
.gotopagetoparrow:active
{
box-shadow: 0px 0px 8px #ff0000;
border: solid 2px #ff2020;
}
.mainfooter
{
display: block;
margin: 9px auto 5px auto;
padding: 2px 30px 3px 30px;
width: fit-content;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-size: 14px;
color: #db2222;
line-height: 18px;
text-shadow: 2px 2px 2px #00000018;
border: solid 2px #0000ff80;
background: #ff00000a;
border-radius: 14px 4px;
box-shadow: 1px 1px 2px #0000ff40;
}
#sectionblock
{
min-width: 1260px;
}
.gifimage
{
box-shadow: 1px 1px 4px #804040;
margin: 0px 0px 0px 0px;
border-radius: 5px 5px;
border: solid 1px #ff0000;
vertical-align: bottom;
cursor: url("page_layout_img/mousearrow_clicktocopy.png"), auto;
max-height: 64px;
width: auto;
max-width: 245px;
background-color: #fff;
transition: all 0.1s linear;
}
.gifimage:hover
{
box-shadow: 0px 0px 8px 3px #ff0000a0;
border: 1px rgb(255,10,10) solid;
filter: brightness(105%);
}
.gifimage:active
{
box-shadow: 0px 0px 8px 6px #ff0000a0;
border: 1px rgb(255,20,20) solid;
filter: brightness(100%);
}
.giftable
{
border: 3px solid #4040ff;
border-radius: 15px 15px;
box-shadow: 0px 0px 10px #4040c0;
width: 100%;
border-spacing: 5px;
border-collapse: separate;
}
.giftable tr
{
border: 0px solid #0000ff;
}
.giftable td
{
padding: 7px 6px 2px 7px;
border: 1px solid #00000020;
text-align: center;
vertical-align: bottom;
border-radius: 20px 4px;
background-color: #90808020;
box-shadow: 1px 1px 1px #00000020;
box-sizing: border-box;
}
.iconcode
{
font-family: cbgifs_bold, Arial, sans-serif;
font-size: 11px;
color: #0000ea;
margin: 1px auto 0px auto;
padding: 0px 0px 0px 0px;
width: fit-content;
}
#clipstatusbox
{
position: fixed;
display: block;
width: 100%;
padding: 0px 7px;
bottom: auto;
top: 2px;
left: 0px;
margin: 0px auto;
box-sizing: border-box;
z-index: 23;
}
.clipstatusstyle
{
display: block;
margin: 0px auto;
box-sizing: border-box;
width: 1280px;
height: auto;
border: 4px solid #0000ff;
border-radius: 20px;
background-color: #efcfcf;
padding: 0px 0px 0px 0px;
box-shadow: 0px 0px 2px #2020ff, inset 0px 0px 2px #4040ff;
background-image: url("page_layout_img/intro_table_bg.png");
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-size: 15px;
color: #000080;
text-shadow: 2px 2px 2px #b0b0ff80;
white-space: nowrap;
user-select: none;
}
.statbar1
{
margin: 0px 0px 0px 0px;
}
.statbar2
{
margin: 7px 0px 0px 0px;
}
.statbar3
{
display: flex;
margin: 6px 10px;
padding: 0px;
flex-direction: row;
justify-content: space-evenly;
align-items: flex-end;
}
.statustextbox
{
width: 825px;
border: 2px solid #ffff00;
border-radius: 6px;
background-color: #f08080;
color: #4040ff;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 3px 3px 6px #666638;
font-size: 14px;
margin: 6px 28px 0px 28px;
padding: 0px 4px 0px 4px;
pointer-events: none;
}
.statleftbutton
{
width: 160px;
height: 26px;
border: 2px solid #FFFF99;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 0px 0px 0px 0px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 3px 3px 6px #383838;
font-size: 14px;
cursor: pointer;
margin: 6px 0px 0px 0px;
transition: all 0.05s linear;
}
.statleftbutton:hover {
background-color: #30b030;
color: #FFFFE0;
box-shadow: 2px 2px 2px #000000;
}
.statrightbutton
{
width: 160px;
height: 26px;
border: 2px solid #FFFF99;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 0px 0px 0px 0px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 3px 3px 6px #383838;
font-size: 14px;
cursor: pointer;
margin: 6px 0px 0px 0px;
transition: all 0.05s linear;
}
.statrightbutton:hover
{
background-color: #30b030;
color: #FFFFE0;
box-shadow: 2px 2px 2px #000000;
}
.cbsliderstyle
{
display: inline-block;
-webkit-appearance: none;
width: 115px;
height: 10px;
background: #2020ff;
outline: none;
border-radius: 3px;
box-shadow: 1px 1px 2px #404040;
margin: 0px 0px 0px 8px;
}
.cbsliderstyle::-webkit-slider-thumb
{
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 18px;
  background: #ff4848;
  cursor: ew-resize;
  border-radius: 30%;
}
.cbsliderstyle::-moz-range-thumb
{
  width: 10px;
  height: 18px;
  background: #ff4848;
  cursor: ew-resize;
  border-radius: 30%;
}
#topresizehandle
{
display: none;
margin: -2px auto -2px auto;
padding: 0px;
font-size: 0px;
box-sizing: border-box;
width: fit-content;
height: fit-content;
border: solid 2px #00f;
border-radius: 0px 0px 7px 7px;
background: #ff000080;
cursor: url("page_layout_img/resize_cursor.png") 9 17, auto;
}
#topresizehandle img
{
margin: 0px;
padding: 2px 10px;
vertical-align: bottom;
width: 80px;
height: 7px;
}
#btmresizehandle
{
display: block;
margin: 7px auto -2px auto;
padding: 0px;
font-size: 0px;
box-sizing: border-box;
width: fit-content;
height: fit-content;
border: solid 2px #00f;
border-radius: 7px 7px 0px 0px;
background: #ff000080;
cursor: url("page_layout_img/resize_cursor.png") 9 17, auto;
}
#btmresizehandle img
{
margin: 0px;
padding: 2px 10px;
vertical-align: bottom;
width: 80px;
height: 7px;
}
#btmresizehandleblank
{
display: none;
margin: 0px auto;
font-size: 0px;
padding: 0px;
width: 80px;
height: 13px;
}
.chkbox
{
box-shadow: 2px 2px 3px #8080c0;
cursor: pointer;
margin: 0px 5px 0px 0px;
accent-color: #e01010;
}
.optionhover
{
color: #000080;
}
.optionhover:hover
{
color: #ff2020;
}
.statuslrspacer
{
width: 5px;
height: 10px;
border: solid 0px;
margin: 0px 0px 0px 0px;
vertical-align: middle;
}
.optionsspacer
{
width: 64px;
height: 10px;
border: solid 0px;
margin: 0px 0px 0px 0px;
vertical-align: middle;
}
.checkboxtotext
{
width: 2px;
height: 10px;
border: solid 0px;
margin: 0px 0px 0px 0px;
vertical-align: middle;
}
.chkoptions
{
width: 4px;
height: 10px;
border: solid 0px;
margin: 0px 0px 0px 0px;
vertical-align: middle;
}
.statbarlinksspacer
{
width: 61px;
height: 10px;
border: solid 0px;
margin: 0px 0px 0px 0px;
vertical-align: middle;
}
.tipjaricon
{
-webkit-animation: tipjarfade 2s linear forwards;
animation: tipjarfade 2s linear forwards;
animation-iteration-count: infinite;
}
@-webkit-keyframes tipjarfade
{
	0%,100% { opacity: 0.3; }
	50% { opacity: 1;  }
}
@keyframes tipjarfade
{
	0%,100% { opacity: 0.3;  }
	50% { opacity: 1;  }
}
.clipbookstyle
{
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.cliplinesclass
{
height: 269px;
width: 1240px;
overflow: hidden;
text-align: center;
border: solid 3px #ff4040;
border-radius: 10px;
padding: 4px 2px 33px 0px;
margin: 8px auto 4px auto;
box-shadow: 0px 0px 6px #ff1010;
}
#titlerowblock
{
display: block;
width: fit-content;
margin: 0px 0px 2px 4px;
padding: 3px 0px 3px 0px;
text-align: left;
color: #ffffff;
text-shadow: 2px 2px 2px #00000080;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
font-size: 14px;
background: #bf1e1e;
border-radius: 6px;
border: solid 2px #f7eaea;
box-sizing: border-box;
box-shadow: 1px 1px 4px #383838;
}
#titlerowname
{
display: inline-block;
width: 206px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 22px;
border: solid 0px #111;
text-align: center;
}
#titlerowcopy
{
display: inline-block;
width: 55px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: solid 0px #111;
text-align: center;
}
#titlerowcontents
{
display: inline-block;
width: 700px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: solid 0px #111;
text-align: center;
}
#titlerowfunctions
{
display: inline-block;
width: 219px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: solid 0px #111;
text-align: center;
}
#clipbooklinesform
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: auto;
height: 100%;
box-sizing: border-box;
}
.cp_linenum
{
width: 30px;
border: 2px solid #ff6666;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 2px 5px 0px 5px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 1px 2px 4px #383838;
font-size: 13px;
cursor: not-allowed;
margin: 0px 0px 4px 0px;
}
.cp_namebox
{
width: 180px;
border: 2px solid #11ff11;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 2px 4px 0px 4px;
text-align:left;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 2px 2px 4px #383838;
font-size: 13px;
margin: 0px 0px 4px 5px;
}
.cp_namebox:hover
{
background-color: #A02020;
color: #FFFFE0;
box-shadow: 2px 2px 2px #000000;
}
.cp_recall
{
border: 2px solid #ff6060;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 2px 6px 0px 6px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 2px 2px 4px #383838;
font-size: 13px;
margin: 0px 5px 4px 10px;
}
.cp_recall:hover
{
background-color: #ffff40;
color: #0000ff;
box-shadow: 0px 0px 6px 2px #ff0000c0;
}
.cp_textbox
{
width: 676px;
border: 2px solid #11ff11;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 2px 4px 0px 4px;
text-align:left;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 2px 2px 4px #383838;
font-size: 13px;
margin: 0px 5px 4px 5px;
}
.cp_textbox:hover
{
background-color: #A02020;
color: #FFFFE0;
box-shadow: 2px 2px 2px #000000;
}
.cp_store
{
border: 2px solid #33ffff;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 2px 5px 0px 5px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 2px 2px 4px #383838;
font-size: 13px;
margin: 0px 0px 4px 5px;
}
.cp_store:hover
{
background-color: #30b030;
color: #FFFFE0;
box-shadow: 2px 2px 2px #000000;
}
.cp_edit
{
border: 2px solid #FFFF99;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 2px 5px 0px 5px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 2px 2px 4px #383838;
font-size: 13px;
margin: 0px 0px 4px 5px;
}
.cp_edit:hover
{
background-color: #30b030;
color: #FFFFE0;
box-shadow: 2px 2px 2px #000000;
}
.cp_insert
{
border: 2px solid #33ff33;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 2px 5px 0px 5px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 2px 2px 4px #383838;
font-size: 13px;
margin: 0px 0px 4px 5px;
}
.cp_insert:hover
{
background-color: #30b030;
color: #FFFFE0;
box-shadow: 2px 2px 2px #000000;
}
.cp_delete
{
border: 2px solid #FF6666;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 2px 5px 0px 5px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 2px 2px 4px #383838;
font-size: 13px;
margin: 0px 0px 4px 5px;
}
.cp_delete:hover
{
background-color: #bf3030;
color: #FFFFE0;
box-shadow: 2px 2px 2px #000000;
}
.cp_clear
{
border: 2px solid #33dfff;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 2px 5px 0px 5px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 2px 2px 4px #383838;
font-size: 13px;
margin: 0px 0px 4px 5px;
}
.cp_clear:hover
{
background-color: #bf3030;
color: #FFFFE0;
box-shadow: 2px 2px 2px #000000;
}
.loadcookie
{
border: 2px solid #20ff20;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 0px 7px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 3px 3px 4px #383838;
font-size: 14px;
margin: 7px 30px 0px 0px;
}
.loadcookie:hover
{
background-color: #30b030;
color: #FFFFE0;
box-shadow: 2px 2px 1px #808080;
}
.savecookie
{
border: 2px solid #20ff20;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 0px 7px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 3px 3px 4px #383838;
font-size: 14px;
margin: 7px 80px 0px 0px;
}
.savecookie:hover
{
background-color: #df1111;
color: #FFFFE0;
box-shadow: 2px 2px 1px #808080;
}
.loadall_btn
{
border: 2px solid #FFFF99;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 0px 7px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 3px 3px 4px #383838;
font-size: 14px;
margin: 7px 30px 0px 0px;
}
.loadall_btn:hover
{
background-color: #30b030;
color: #FFFFE0;
box-shadow: 2px 2px 1px #000000;
}
.saveall_btn
{
border: 2px solid #FFFF99;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 0px 7px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 3px 3px 4px #383838;
font-size: 14px;
margin: 7px 80px 0px 0px;
}
.saveall_btn:hover
{
background-color: #df1111;
color: #FFFFE0;
box-shadow: 2px 2px 1px #000000;
}
.importexporttxt
{
border: 2px solid #FFFF99;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 0px 7px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 3px 3px 4px #383838;
font-size: 14px;
margin: 7px 50px 0px 0px;
}
.importexporttxt:hover
{
background-color: #30b030;
color: #FFFFE0;
box-shadow: 2px 2px 2px #000000;
}
.resettxt
{
border: 2px solid #FF6666;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 0px 7px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 3px 3px 4px #383838;
font-size: 14px;
margin: 7px 70px 0px 0px;
}
.resettxt:hover
{
background-color: #bf3030;
color: #FFFFE0;
box-shadow: 2px 2px 2px #000000;
}
.freezeclipbook
{
border: 2px solid #30ffff;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 0px 7px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 3px 3px 4px #383838;
font-size: 14px;
margin: 7px 70px 0px 0px;
}
.freezeclipbook:hover
{
background-color: #30b030;
color: #FFFFE0;
box-shadow: 2px 2px 1px #808080;
}
.freezeclipbookactivated
{
border: 2px solid #ffff20;
border-radius: 6px;
background-color: #00b000;
color: #ffffff;
padding: 0px 7px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 0px 0px 8px 5px #ff3333;
font-size: 14px;
margin: 7px 70px 0px 0px;
}
.freezeclipbookactivated:hover
{
background-color: #4040ff;
color: #FFFFFF;
}
.closeclipbook
{
border: 2px solid #FFFF99;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 0px 7px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 3px 3px 4px #383838;
font-size: 14px;
margin: 7px 0px 0px 0px;
}
.closeclipbook:hover
{
background-color: #30b030;
color: #FFFFE0;
box-shadow: 2px 2px 1px #808080;
}
#editboxholder
{
visibility: hidden;
position: fixed;
display: block;
top: 15%;
left: 0px;
width: 100%;
margin: 0px auto 0px auto;
z-index: 48;
}
.editboxstyle
{
margin: 0px auto 0px auto;
width: 800px;
box-sizing: border-box;
border: 5px solid #ff0000;
border-radius: 20px;
color: #ffff40;
padding: 2px 2px 2px 2px;
text-align: center;
font-family: Verdana, sans-serif;
font-weight: normal;
box-shadow: 0px 0px 20px #a00000;
font-size: 34px;
background-image: url("page_layout_img/intro_table_bg.png");
}
.edittitletext
{
width: 420px;
font-family: Verdana, sans-serif;
font-size: 19px;
color: #ff2020;
text-align: center;
text-shadow: 1px 1px 3px #00000040;
border: 3px solid #0000ff;
border-radius: 12px;
padding: 2px 2px 2px 2px;
box-shadow: 0px 0px 5px #2020ff;
margin: 12px auto 12px auto;
background: #ff000010;
}
.edittextarea
{
resize: none;
overflow: auto;
width: 700px;
height: 290px;
padding: 10px;
border: 4px solid #ff4040;
border-radius: 10px;
background-color: #f0f080;
color: #000000;
text-align: left;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 0px 0px 8px #2020ff;
font-size: 15px;
margin: 0px 0px 0px 0px;
outline: none;
}
.saveedit
{
border: 2px solid #20ff20;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 2px 5px 2px 5px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 3px 3px 4px #383838;
font-size: 14px;
margin: 14px 0px 14px 0px;
}
.saveedit:hover
{
background-color: #30b030;
color: #FFFFE0;
box-shadow: 2px 2px 1px #808080;
}
.editlinenum
{
width: 200px;
border: 2px solid #ffff20;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 2px 5px 2px 5px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 3px 3px 4px #383838;
font-size: 14px;
margin: 14px 120px 14px 120px;
pointer-events: none;
}
.canceledit
{
border: 2px solid #FF2020;
border-radius: 6px;
background-color: #4040ff;
color: #FFFF99;
padding: 2px 5px 2px 5px;
text-align: center;
font-family: cbgifs_bold, Arial, sans-serif;
font-weight: normal;
box-shadow: 3px 3px 4px #383838;
font-size: 14px;
margin: 14px 0px 14px 0px;
}
.canceledit:hover
{
background-color: #30b030;
color: #FFFFE0;
box-shadow: 2px 2px 1px #808080;
}
#clippopup
{
position: fixed;
display: block;
top: 35%;
left: 0px;
width: 100%;
margin: 25px auto 0px auto;
padding: 0px;
z-index: 41;
pointer-events: none;
}
.cliptextbox
{
display: block;
margin: 0px auto 0px auto;
padding: 4px 18px 5px 18px;
width: fit-content;
height: fit-content;
white-space: nowrap;
font-size: 24px;
border: 6px solid #FFFF44;
border-radius: 15px;
background-color: #40ff40;
color: #0000ff;
text-align: center;
font-family: Verdana, sans-serif;
font-weight: normal;
box-shadow: 5px 5px 12px #101038;
text-shadow: 2px 2px 2px #8080ff80;
}
#clipcleared
{
position: fixed;
display: block;
top: 35%;
left: 0px;
width: 100%;
margin: 0px auto 0px auto;
padding: 0px;
z-index: 40;
pointer-events: none;
}
.clipclearedtextbox
{
display: block;
margin: 0px auto 0px auto;
padding: 4px 30px 5px 30px;
width: fit-content;
height: fit-content;
white-space: nowrap;
font-size: 24px;
border: 6px solid #FF4444;
border-radius: 15px;
background-color: #4040f0;
color: #ffff40;
text-align: center;
font-family: Verdana, sans-serif;
font-weight: normal;
box-shadow: 5px 5px 12px #101038;
text-shadow: 2px 2px 2px #000020;
}
#clipcapacitychanged
{
position: fixed;
display: block;
top: 35%;
left: 0px;
width: 100%;
margin: 0px auto 0px auto;
padding: 0px;
z-index: 40;
pointer-events: none;
}
.clipcapacitychangedtextbox
{
display: block;
margin: 0px auto 0px auto;
padding: 4px 18px 5px 18px;
width: fit-content;
height: fit-content;
white-space: nowrap;
font-size: 24px;
border: 6px solid #FF4444;
border-radius: 15px;
background-color: #4040f0;
color: #ffff40;
text-align: center;
font-family: Verdana, sans-serif;
font-weight: normal;
box-shadow: 5px 5px 12px #101038;
text-shadow: 2px 2px 2px #000020;
}
#clipbookcopied
{
position: fixed;
display: block;
top: 35%;
left: 0px;
width: 100%;
margin: 0px auto 0px auto;
padding: 0px;
z-index: 40;
pointer-events: none;
}
.clipbooktextbox
{
display: block;
margin: 0px auto 0px auto;
padding: 4px 18px 5px 18px;
width: fit-content;
height: fit-content;
white-space: nowrap;
font-size: 24px;
border: 6px solid #FFFF44;
border-radius: 15px;
background-color: #40ff40;
color: #0000ff;
text-align: center;
font-family: Verdana, sans-serif;
font-weight: normal;
box-shadow: 5px 5px 12px #101038;
text-shadow: 2px 2px 2px #8080ff80;
}
#clipbookusefail
{
position: fixed;
display: block;
top: 35%;
left: 0px;
width: 100%;
margin: 0px auto 0px auto;
padding: 0px;
z-index: 40;
pointer-events: none;
}
.cliplineusefail
{
display: block;
margin: 0px auto 0px auto;
padding: 4px 18px 5px 18px;
width: fit-content;
height: fit-content;
white-space: nowrap;
font-size: 24px;
border: 6px solid #FF4444;
border-radius: 15px;
background-color: #4040f0;
color: #ffff40;
text-align: center;
font-family: Verdana, sans-serif;
font-weight: normal;
box-shadow: 5px 5px 12px #101038;
text-shadow: 2px 2px 2px #000020;
}
#clipadded
{
position: fixed;
display: block;
top: 35%;
left: 0px;
width: 100%;
margin: 0px auto 0px auto;
padding: 0px;
z-index: 40;
pointer-events: none;
}
.clipaddedtextbox
{
display: block;
margin: 0px auto 0px auto;
padding: 4px 18px 5px 18px;
width: fit-content;
height: fit-content;
white-space: nowrap;
font-size: 24px;
border: 6px solid #FFFF44;
border-radius: 15px;
background-color: #40ff40;
color: #0000ff;
text-align: center;
font-family: Verdana, sans-serif;
font-weight: normal;
box-shadow: 5px 5px 12px #101038;
text-shadow: 2px 2px 2px #8080ff80;
}
#clipaddfail
{
position: fixed;
display: block;
top: 35%;
left: 0px;
width: 100%;
margin: 0px auto 0px auto;
padding: 0px;
z-index: 40;
pointer-events: none;
}
.clipaddedtextboxfail
{
display: block;
margin: 0px auto 0px auto;
padding: 4px 18px 5px 18px;
width: fit-content;
height: fit-content;
white-space: nowrap;
font-size: 24px;
border: 6px solid #FF4444;
border-radius: 15px;
background-color: #4040f0;
color: #ffff40;
text-align: center;
font-family: Verdana, sans-serif;
font-weight: normal;
box-shadow: 5px 5px 12px #101038;
text-shadow: 2px 2px 2px #000020;
}
.makevisible
{
visibility: visible;
opacity: 1;
}
.makeinvisible
{
visibility: hidden;
opacity: 0.4;
transition: visibility 0s 0.8s, opacity 2.0s ease-in;
}
.requester_css
{
visibility: hidden;
position: fixed;
display: block;
z-index: 50;
top: calc(30vh);
left: 0px; right: 0px;
margin: 0px auto;
height: fit-content;
width: fit-content;
padding: 0px 0px 0px 0px;
background: linear-gradient(180deg, #f0d3d3, #fff8f8);
font-family: cbgifs_bold, Arial, sans-serif;
border-radius: 18px 3px 18px 3px;
box-sizing: border-box;
border: solid 4px #ff2020;
box-shadow: 0px 0px 15px #000000c0;
overflow: hidden;
user-select: none;
}
.requester_title_css
{
display: block;
width: 100%;
height: fit-content;
text-align: center;
box-sizing: border-box;
border-bottom: solid 2px #ff0000;
border-radius: 0px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 0px;
font-size: 14px;
font-weight: normal;
color: #ff2020;
text-shadow: 1px 1px 2px #00000040;
background: #fff8f8;
}
.requester_subject_css
{
display: block;
width: 100%;
height: fit-content;
text-align: center;
box-sizing: border-box;
border: solid 0px #000000;
border-radius: 5px;
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
font-weight: normal;
color: #ff0000;
text-shadow: 1px 1px 2px #00000030;
}
.requester_message_css
{
display: block;
width: 100%;
height: fit-content;
text-align: center;
box-sizing: border-box;
border: solid 0px #000000;
border-radius: 5px;
margin: 15px 0px 15px 0px;
padding: 0px 20px 0px 20px;
font-size: 13px;
font-weight: normal;
color: #101060;
text-shadow: 1px 1px 2px #00000040;
}
.requester_button_holder_css
{
display: block;
width: 100%;
height: fit-content;
text-align: center;
box-sizing: border-box;
border: solid 0px #e81010;
border-radius: 8px;
margin: 12px 0px 12px 0px;
padding: 0px 0px 0px 0px;
}
.requester_ok_button_css
{
display: inline-block;
vertical-align: top;
width: fit-content;
height: fit-content;
text-align: center;
box-sizing: border-box;
border: solid 2px #00a400;
border-radius: 7px;
margin: 0px 50px;
padding: 1px 5px 1px 5px;
font-size: 13px;
font-weight: normal;
color: #009000;
text-shadow: 1px 1px 1px #00000050;
box-shadow: 1px 1px 3px #00000050;
background-color: #00ff0020;
}
.requester_ok_button_css:hover
{
box-shadow: 0px 0px 10px #00cf00;
background: #00ff0060;
}
.requester_ok_button_css:active
{
box-shadow: 0px 0px 10px #00cf00;
background: #fefefe;
}
.requester_cancel_button_css
{
display: inline-block;
vertical-align: top;
width: fit-content;
height: fit-content;
text-align: center;
box-sizing: border-box;
border: solid 2px #1010e8;
border-radius: 7px;
margin: 0px 50px;
padding: 1px 5px 1px 5px;
font-size: 13px;
font-weight: normal;
color: #2525f8;
text-shadow: 1px 1px 1px #00000050;
box-shadow: 1px 1px 3px #00000050;
background-color: #0000ff20;
}
.requester_cancel_button_css:hover
{
box-shadow: 0px 0px 10px #0000ffc0;
background: #0000ff40;
}
.requester_cancel_button_css:active
{
box-shadow: 0px 0px 10px #0000cf;
background: #eeeeee;
}
#divbarrier1
{
z-index: 45;
position: fixed;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background-color: #a44444;
opacity: 0.3;
}
.divbarrier1style
{
visibility: hidden;
}