site--1.html
<!--- ( Class Include )---> :include=30: <!--( HOME LINK )--> <a href="/"><div style="background: #006699; color:white; font-size:1.010em; width:100%; margin: 0 0 0 0; padding: 10px 0 5px 0; box-shadowxxx: rgba(10, 37, 64, 0.34902) 0px 1px 3px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 6px -0px inset; text-transform:uppercase; text-shadow: 5px 5px 3px black; font-weight: bold; text-align:center;"> home </div></a> <!--( Search )--> <div id="sd"> <form action="site-s.html"> <table style="width:100%; text-align: center;"> <td align="center"><input id="st" type="text" name="to-s" value=":to-s:" placeholder="Search by typing..." onfocus="this.value=''" autocomplete="off" required/></td> <td align="center"><input id="ss" type="submit" value=" Search "/></td> </table> </form> </div><!-(sd)-> <div style="margin:10px;"> </div>
site--2.html
<noscriptxxx> <div style=" font-size:0.592em; background: gray; color: gray; padding: 10px 75px 10px 75px; border-radius:5px 5px 5px 5px; box-shadow: rgba(10, 37, 64, 0.34902) 0px -5px 10px 0px inset, #000000 0px 0px 0px 0px;"> <marquee width="100%" direction="up" height="200px"> <!--( File List HTML code )--> [fm]search=:to-s:,o=upd,l=10,s=:to-page:, no= || <div style="background: white; %var-dss% background: %var-clrb%; color: gray; color: %var-clrt%;"> <div class="%var-css%" style="margin-bottom: 10px; padding: 10px 0px 0px 0px;"> <a href="/site-s.html?to-s=%name%&to-fid=%id%"><div style="background: silver; margin: 0px 10px 0px 10px; max-height:100%; max-width:100%; overflow:hidden; text-align: center;"><div class="ok" style=" background-image: url('%link%'); background-size: 100% 100%; padding: 60% 0 0 0;"></div></div> </a> <a href="/site-s.html?to-s=%name%&to-fid=%id%"> <div style="padding: 10px 10px 10px 10px; box-shadow: rgba(10, 37, 64, 0.34902) 0px -1px 5px 0px inset, #000000 0px 0px 0px 0px; "><pre class="title"><b><font color="%var-clrt%"><font style="font-family: %var-ff%;">%name%</font></font> </b></pre></div></a> <div style="padding: 5px 10px 10px 10px; color:black; box-shadow: rgba(10, 37, 64, 0.34902) 0px -5px 10px 0px inset, #000000 0px 0px 0px 0px; "> <pre style="max-height:30px; overflow:hidden; color: black;"><font color="%var-clrt%"><font style="font-family: %var-ff%;">%description%</font></font></pre> </div> </div> </div> [/fm] </marquee> </div> </noscriptxxx> <!--( Bottom Links •bl• )--> <div class="bl"> <a href="/site-updates.html"> Updates </a> <a href="/site-populars.html"> Populars </a> <a href="/site-members.html"> Members </a> <a href="/site-chattings.html"> Chattings </a> <a href="/site-post.html"> Post </a> <a href="/site-new-photo.html"> Photo </a> <a href="/site-upload.html"> Upload </a> <a href="/site-files.html"> Files </a> </div> :include=36:
Main site and search
<!--( Keyword )--> <div style="background: rgba(10, 37, 64, 0.34902); background: :to-s:; color: lavender; "> <div id="gbs" class=" :to-s:"> <pre id="gbm"><font style="font-family: :to-s:; color: white;"><b>:to-s:</b></font></pre> </div> </div> <div id="gbh"></div> <!-( VIEW ID INCLUDE )-> :include=6: <!--( ⬛ Background )--> <div style="background: rgba(10, 37, 64, 0.34902); background: :to-s:; color: lavender; margin: 0px 0px 0px 0px; "> <div id="gbs" class=":to-s:"> <pre id="gbm"><font style="font-family: :to-s:; color: white;"><div style="padding: 100% 0 0 0;"></div></font></pre> </div> </div> <div id="gbh"></div> <!--( Get File ID )--> [fm]d=all,to=:url-1(:to-s:)::url-1(:to-fidxxx:)::url-1(:to-filexxx:):,no= || <div style=" background: white; %var-dss% background: %var-clrb%; color: black; color:%var-clrt%;"> <div class="%var-css%" style=" margin-bottom: 10px; padding: 10px 0px 0px 0px; box-shadow: brown 0px 2px 6px 0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 6px 0px inset;"> <a href="/site-s.html?to-s=%name%&to-fid=%id%"><div style="background: silver; margin: 0px 10px 0px 10px; text-align: center;"> <picture> <source srcset="%var-thumb%" type="image/webp"/> <source srcset="%var-thumb%" type="image/jpeg"/> <source srcset="%link%" type="image/webp"/> <source srcset="%link%" type="image/jpeg"/> <source srcset="%urlthumb%" type="image/webp"/> <source srcset="%urlthumb%" type="image/jpeg"/> <img style="max-width: 100%; max-height: 360px;"/> </picture> </div></a> <a href="/site-s.html?to-s=%name%&to-fid=%id%"> <div style="padding: 10px 10px 10px 10px; box-shadow: rgba(10, 37, 64, 0.34902) 0px -2px 6px 0px inset; "><pre class="title"><b><font color="%var-clrt%" class="%var-css%" ><font style="font-family: %var-ff%;">%name%</font></font> </b></pre></div></a> <div style="padding: 5px 10px 10px 10px; box-shadow: rgba(10, 37, 64, 0.34902) 0px -2px 6px 0px inset; "> <pre class="dlist"><font style="font-family: %var-ff%;">%description%</font></pre> </div> </div> </div> [/fm] <!--( Book BID )--> <div style="margin: 0px 0px 0px 0px; overflow:auto;"><table> [blog]bid=:to-s:,o=upd,l=10,s=:to-page:, no= || <td style="background: gray; width: 100px:" valign="top"> <div class="pbb"> <!---( Photo )---> <pre class="PBP"><a href="/site-s.html?to-s=%title%&to-bid=%id%"><img src="%var-thumb%" class="pbp" style=" width: 100px; height: 60px;"/> </a></pre> <!---( Title )---> <pre class="pbt"><a href="/site-s.html?to-s=%title%&to-bid=%id%"><b>%title%</b></a></pre> <!---( User and Publish )---> <div class="pbu"><a href="/site-s.html?to-s=:profile(%by%)-name:"> <b>:profile(%by%)-name:</b></a> · %date=D d F Y H:i A%</div> <!---( Description )---> <pre class="pbd">%text%</pre> </div> </td> [/blog] </table></div> <!--( Book File Users )--> <div style="margin: 0px 0px 0px 0px; overflow:auto;"><table> [fm]usr=:to-s:,o=upd,l=10,s=:to-page:, no= || <td style="background: gray; width: 100px:" valign="top"> <div style=" background: white; %var-dss% background: %var-clrb%; color: black; color:%var-clrt%; width: 150px; margin: 0px 5px 0px 5px; "> <div class="%var-css%" style=" margin-bottom: 10px; padding: 10px 0px 0px 0px; box-shadow: brown 0px 2px 6px 0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 6px 0px inset;"> <a href="/site-s.html?to-s=%name%&to-fid=%id%"> <div style="margin: 0px 10px 0px 10px; overflow:hidden;"> <img src="%var-thumb%%link%" width="150px" height="100px" style="max-widthxxx: 100%; max-heightxxx: 250px;"/> </div> </a> <a href="/site-s.html?to-s=%name%&to-fid=%id%"> <div style="padding: 10px 10px 10px 10px; box-shadow: rgba(10, 37, 64, 0.34902) 0px -2px 6px 0px inset; "><pre class="title"><b><font color="%var-clrt%" class="%var-css%" ><font style="font-family: %var-ff%;">%name%</font></font> </b></pre></div></a> <div style="padding: 5px 10px 10px 10px; box-shadow: rgba(10, 37, 64, 0.34902) 0px -2px 6px 0px inset; "> <pre class="dbook"><font style="font-family: %var-ff%;">%description%</font></pre> </div> </div> </div> </td> [/fm] </table></div> <!--( Blog Search List )--> [blog]search=:to-s:,o=upd,l=10,s=:to-page:, no= || <!--( Post List )--> <div class="pbb"> <!--( Photo )--> <div class="PBP"><a href="/site-s.html?to-s=%title%&to-bid=%id%"><img src="%var-thumb%" class="pbp"/> </a></div> <!--( Title )--> <pre class="pbt"><a href="/site-s.html?to-s=%title%&to-bid=%id%"><b>%title%</b></a></pre> <!--( User and Publish )--> <div class="pbu"><a href="/site-s.html?to-s=:profile(%by%)-name:"> <b>:profile(%by%)-name:</b></a> · %date=--% ago </div> <!--( Description )--> <pre class="pbd">%text%</pre> </div> [/blog] <!--( File Search List )--> [fm]search=:to-s:,o=upd,l=10,s=:to-page:, no= || <div class="pbb"> <!--( Photo )--> <div class="PBP"><a href="/site-s.html?to-s=%name%&to-fid=%id%"><img src="%urlthumb%" class="pbp"/> </a></div> <!--( Title )--> <pre class="pbt"><a href="/site-s.html?to-s=%name%&to-fid=%id%"><b>%name%</b></a></pre> <!--( User and Publish )--> <div class="pbu"> <a href="/site-s.html?to-s=:profile(%by%)-name:"> <b>:profile(%by%)-name:</b></a> · %time_upl=--% ago </div> <!--( Description )--> <pre class="pbd">%description%</pre> </div> [/fm] <!--( Google Search )--> <div style="margin:10px;"><b>Google search:</b></div> <a href="https://www.google.com/search?q=:to-s:+site%3Ahitas.wapkiz.com/site-s"><div style=" background: silver; color: chocolate; margin: 0 0 10px 0; padding:10px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 2px 6px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 6px -0px inset;"> <pre style="max-height:50px; overflow:hidden;"><b>:to-s:</b></pre> </div> </a> <!--( Link-Copy HTML Code)--> <style> button { border: none; outline: none; background: yellow; color: black; font-weight: bold; margin-bottom: 20px; padding: 10px;} input {background: lavender; padding: 10px;} </style><center>URL <input type="text" value=":page_url:" class="textInput" /><button class="copy">Copy Link</button> </center> <script>document.querySelector(".copy").addEventListener("click", copyText);function copyText() { var copyText = document.querySelector(".textInput"); copyText.select(); copyText.setSelectionRange(0, 99999); document.execCommand("copy"); alert("The copied text is: " + copyText.value);} </script> <style> /* Page Links •Page• */ .page { background: lavender; margin-bottom:10px; padding:10px; font-size:0.800em; line-height:3; border-radius:0px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 2px 6px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 6px -0px inset; } .page a { background: #538AC5; color:#FFFFFF; margin:5px; padding:6px; border-radius:5px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 2px 6px 0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 6px 0px inset; } .page a:link { background: #538AC5; color:#FFFFFF; margin:5px; padding:6px; border-radius:5px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 2px 6px 0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 6px 0px inset; } .page a:visited { background: #538AC5; color:#FFFFFF; margin:5px; padding:6px; border-radius:5px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 2px 6px 0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 6px 0px inset; } .page a:hover { background: #FF00AA; color:#FFFFFF; margin:5px; padding:6px; border-radius:50px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 2px 6px 0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 6px 0px inset; } .page a:active { background: yellow; color:#FFFFFF; margin:5px; padding:6px; border-radius:5px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 2px 6px 0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 6px 0px inset; } </style> <!--( Paging Numbers HTML Code )--> <div class="page"> <a hrefxxx="/site-next.html?to-s=:to-s:&to-page=0"> Next Pages </a> . <a href="/site-next.html?to-s=:to-s:&to-page=1"> 1 </a> · <a href="/site-next.html?to-s=:to-s:&to-page=2"> 2 </a> · <a href="/site-next.html?to-s=:to-s:&to-page=3"> 3 </a> · <a href="/site-next.html?to-s=:to-s:&to-page=4"> 4 </a> · <a href="/site-next.html?to-s=:to-s:&to-page=5"> 5 </a> · <a href="/site-next.html?to-s=:to-s:&to-page=6"> 6 </a> </div> <title>:to-s(none): | AllBest</title>
Footer
<noscriptxxx> <div style=" font-size:0.592em; background: gray; color: gray; padding: 10px 75px 10px 75px; border-radius:5px 5px 5px 5px; box-shadow: rgba(10, 37, 64, 0.34902) 0px -5px 10px 0px inset, #000000 0px 0px 0px 0px;"> <marquee width="100%" direction="up" height="200px"> <!--( File List HTML code )--> [fm]search=:to-s:,o=upd,l=10,s=:to-page:, no= || <div style="background: white; %var-dss% background: %var-clrb%; color: gray; color: %var-clrt%;"> <div class="%var-css%" style="margin-bottom: 10px; padding: 10px 0px 0px 0px;"> <a href="/site-s.html?to-s=%name%&to-fid=%id%"><div style="background: silver; margin: 0px 10px 0px 10px; max-height:100%; max-width:100%; overflow:hidden; text-align: center;"><div class="ok" style=" background-image: url('%link%'); background-size: 100% 100%; padding: 60% 0 0 0;"></div></div> </a> <a href="/site-s.html?to-s=%name%&to-fid=%id%"> <div style="padding: 10px 10px 10px 10px; box-shadow: rgba(10, 37, 64, 0.34902) 0px -1px 5px 0px inset, #000000 0px 0px 0px 0px; "><pre class="title"><b><font color="%var-clrt%"><font style="font-family: %var-ff%;">%name%</font></font> </b></pre></div></a> <div style="padding: 5px 10px 10px 10px; color:black; box-shadow: rgba(10, 37, 64, 0.34902) 0px -5px 10px 0px inset, #000000 0px 0px 0px 0px; "> <pre style="max-height:30px; overflow:hidden; color: black;"><font color="%var-clrt%"><font style="font-family: %var-ff%;">%description%</font></font></pre> </div> </div> </div> [/fm] </marquee> </div> </noscriptxxx> <!--( Bottom Links •bl• )--> <div class="bl"> <a href="/site-news.html"> News </a> <a href="/site-tips.html"> Tips </a> <a href="/site-files.html"> Files </a> <a href="/site-members.html"> Members </a> <a href="/site-chattings.html"> Chattings </a> <a href="/site-post.html"> Post </a> <a href="/site-photo.html"> Photo </a> <a href="/site-upload.html"> Upload </a> </div> :include=36:
Header
Meta Header
<!--( DOC TYPE HTML )--> <meta name="theme-color" content="#006699"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="Cache-Control" content="no-cache"/> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport"content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no;"/> <link rel="shortcut icon" href="https://icons.iconarchive.com/icons/graphicloads/colorful-long-shadow/96/Star-fav-icon.png" /> <meta name="google-site-verification" content="uAU77mTyvBv4JD6ijjk0Cvvvv_x27-xC9iauP2N9kXQ" /> <meta name="google-site-verification=uAU77mTyvBv4JD6ijjk0Cvvvv_x27-xC9iauP2N9kXQ" /> <!--( Body )--> <style> body { background: #AAAAAA; color: white; line-height: normal;} body, div, a, axxx, [a] b, table, tr, th, td, pre, font, input, textarea, p, form, ul, li, h1, h2, h3 { font-family: fantasyxxx; margin: 0; padding: 0; font-size:1.010em; list-style: none; text-decoration:none; } pre { overflow: auto; overflow-x: auto; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } a, a:link { color: #006699; } input { background: lavender; color: Navy; margin 10px; padding: 10px; border-radius:5px; } textarea { background: lavender; color: #000000; width:90%; height:100px; margin:0px; padding:10px; border-radius: 5px 5px 5px 5px; border: 1px solid tan; } div { overflow:hidden; } img:active { transform: scale(0.980); transform-origin: center; } </style> <!--( Text Selection )--> <style> ::selection { background: #FF0099; color: #FFFFFF; text-shadow: none; } </style> <!--( Input/Textarea )--> <style> #input-file { background: purple; color: lavender; width:90%; margin:0px; padding: 10px; border-radius: 5px 5px 5px 5px; border: 1px solid tan; } #text, #input-text { background: lavender; color: #000000; width:90%; height:20px; margin:0px; padding:10px; border-radius: 5px 5px 5px 5px; border: 1px solid tan; } #input-submit { background: silver; color: navy; margin:0px; padding:10px; border-radius: 5px 5px 5px 5px; border: 1px solid tan; font-weight: bold; } #input-submit:active { background: brown; color: white; margin:0px; padding:10px; border-radius: 5px 5px 5px 5px; border: 1px solid tan; font-weight: bold; } #text1, #textarea-1 { background: lavender; color: #000000; width:90%; height:100px; margin:0px; padding:10px; border-radius: 5px 5px 5px 5px; border: 1px solid tan; } #text2, #textarea-2 { background: lavender; color: #000000; width:90%; height:200px; margin:0px; padding:10px; border-radius: 5px 5px 5px 5px; border: 1px solid tan; } </style> <!--( Style of Top )--> <style of top> #top { background: #006699; font-weight:bold; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; text-align:center; } </style> <!--( Style of Top Link )--> <style of link> #top-link { background: #006699; padding: 15px 10px 15px 10px; font-size:15px; font-weight:bold; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; text-align:center; } #top-link a { background: lavender; colorxxx: seagreen; marginxxx:01px; padding:5px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; border-radius:5px; } #top-link a:active { background: #F47216; color:#FFFFFF; marginxxx:01px; padding:5px; box-shadowxxx: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; border-radius:5px; } </style> <!--( Style of Search )--> <style of search> #sd { background: #006699; margin: 0 0 10px 0; padding: 10px 10px 10px 10px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; text-align: center; /*🔴*/ background: linear-gradient(150deg, #006699 25%, deeppink 50%, green 50%, #006699 75%); background-size: 100% 100%; text-shadow: 1px 1px 0px black, -1px 1px 0px black, 1px -1px 0px black, -1px -1px 0px black; color: white; } #st { width: 100%; background: lavender; color: black; margin: 0 0 0 0; padding: 10px 10px 10px 10px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; border-radius: 10px 0px 0px 10px; border: 1px solid black; text-align:center; font-size: 1.010em; } #ss { background: #006699; color: white; margin: 0px 0px 0px 20px; padding: 10px 10px 10px 10px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; border-radius: 0px 10px 10px 0px; border: 1px solid black; text-align:center; font-size: 1.010em; font-weight: bold; /*🔴*/ background: linear-gradient(150deg, #006699 25%, deeppink 50%, green 50%, #006699 75%); background-size: 100% 100%; text-shadow: 1px 1px 0px black, -1px 1px 0px black, 1px -1px 0px black, -1px -1px 0px black; color: white; } #ss:active { background: orangered; color: white; margin: 0px 0px 0px 20px; padding: 10px 10px 10px 10px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; border-radius: 0px 10px 10px 0px; border: 1px solid black; text-align:center; font-size: 1.010em; } </style> <!--( 👤 User ID )--> <style> /* User Box Background */ #ubb { background: seagreen; color: white; margin: 10px 0px 10px 0px; padding: 10px 0 0 0; box-shadow: rgba(10, 37, 64, 0.34902) 0px 00px 00px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; border-radius: 20% 20% 0 0; } /* User BOX PHOTO */ #UBP { background: tan; color: gray; margin: 0px 10px 0px 10px; padding: 10px 10px 10px 10px; border-radius: 100%; text-align: center; } /* User Box Photo */ #ubp { background: silver; width:100px; height: 100px; overflow:hidden; border-radius: 100%; } /* User Box User */ #ubu { margin: 10px 15px 10px 15px; } #ub-table { margin: 10px 15px 10px 15px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; tect-align:center; } /* User Box TD */ #ub-td { background: white; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; border-radius:5px; border: 1px solid gray; } /* User Box Name */ #ubn { color: deeppink; margin: 0 0 0 0; font-weight: bold; overflow: hidden; text-alignxxx: center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; line-clamp: 10; -webkit-box-orient: vertical; } /* User Box Bio */ #ubw { color: black; margin: 0 0 0 0; font-size: 1.100em; overflow: hidden; text-alignxxx: center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 100; line-clamp: 100; -webkit-box-orient: vertical; } /* User Box Other */ #ubo { background: #FFFFFF; color: MediumVioletRed; margin: 10px 10px 10px 10px; padding:10px 15px 10px 15px; border-radius: 10px 10px 10px 10px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; } </style> <!--( 👤 User list )--> <style> /* User Box User */ .ubu { background: seagreen; color: white; margin: 10px 0px 10px 0px; padding: 10px 15px 10px 15px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 00px 00px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; } .ubu:active { background: deeppink; color: white; margin: 10px 0px 10px 0px; padding: 10px 15px 10px 15px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 00px 00px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; } </style> <!--( 🔵 Folder/Post Create/Edit )--> <style> /* Folder Create Edit */ #fce { background: #006699; color: lavender; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; border-radius:5px 5px 5px 5px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; text-align: center; } </style> <!---( 📗 Post id )---> <style> /* Post Box Background */ #pbb { background: white; color: gray; margin: 10px 0px 10px 0px; padding: 0 0 5px 0; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; } /* POST BOX PHOTO */ #PBP { margin: 0px 0px 0px 0px; text-align: center; } /* Post Box Photo */ #pbp { width:100%; max-height: 20000px; overflow:hidden; } /* Post Box Title */ #pbt { margin: 10px 15px 10px 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; line-clamp: 10; -webkit-box-orient: vertical; } /* Post Box User */ #pbu { color: #123456; margin: 10px 15px 10px 15px; padding: 5px 0 5px 0; border-top: 1px dotted gray; border-bottom: 1px dotted gray; } /* Post Box Description */ #pbd { margin: 10px 15px 10px 15px; color:black; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10000; line-clamp: 10000; -webkit-box-orient: vertical; } /* Post Box Other */ #pbo { background: white; color: MediumVioletRed; margin: 10px 10px 10px 10px; padding:10px 15px 10px 15px; border-radius: 10px 10px 10px 10px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; } /* Folder Box Background */ #pb-fbb { background: white; color: gray; margin: 10px 0px 10px 0px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 00px 00px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; } /* Folder Box Title */ #pb-fbt { padding: 10px 15px 10px 15px; overflow: hidden; } #pb-fbt:active { background: #F47216; color: white; box-shadow: rgba(10, 37, 64, 0.34902) 0px 00px 00px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; overflow: hidden; } </style> <!---( 📗 Post list )---> <style> /* Post Box Background */ .pbb { background: white; color: gray; margin: 10px 0px 10px 0px; padding: 5px 0 5px 0; box-shadow: rgba(10, 37, 64, 0.34902) 0px 00px 00px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; displayxxx: none; } /* POST BOX PHOTO */ .PBP { margin: 10px 15px 10px 15px; text-align: center; } /* Post Box Photo */ .pbp { max-width:100%; min-width:100%; max-height: 200px; border-radius: 10px 10px 10px 10px; overflow:hidden; } /* Post Box Title */ .pbt { color:#123456; margin: 10px 15px 10px 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } /* Post Box User */ .pbu { color: #123456; margin: 10px 15px 10px 15px; padding: 5px 0 5px 0; border-top: 1px dotted gray; border-bottom: 1px dotted gray; } /* Post Box Description */ .pbd { margin: 10px 15px 10px 15px; color:black; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } </style> <!--( ⚫ Get Box Keyword )--> <style> #s { padding: 10%; } /* Get Box Shadow */ #gbs { border-top: 1px solid black; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; } /* Get Box Margin */ #gbm { margin: 15px 15px 15px 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; color: white; } #gbh { margin: 0px 0px 10px 0px; } </style> <!--( Login Register Edit )--> <style type="text/css"> /*--( Box Log/Reg )--*/ .box-lr { background: seagreen; color: lavender; margin: 20px 10px 20px 10px; padding: 10px 10px 10px 10px; border-radius:5px 3px 5px 5px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; text-align: center; } /*--( Register )--*/ .box-lrbig { background: lavender; colorxxx: gray; margin: 20px 10px 200px 10px; padding: 10px 10px 10px 10px; font-size: 2.000em; border-radius:5px 3px 5px 5px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; text-align: center; } /*--( Edit Profile )--*/ .ep { background: mediumvioletred; color: white; margin: 20px 0px 20px 0px; padding: 20px 20px 20px 20px; border-radiusxxx:5px 5px 5px 5px; box-shadow: rgba(10, 37, 64, 0.34902) 0px -2px 6px 0px inset, #000000 0px 0px 1px 0px; text-align:center; } </style> <style> /* Bottom •link• •bl• */ #LINK { background: navy; color: white; padding:10px; border-top: 1px solid lime; font-size:25px; font-weight: bold; border-radius: 10px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; text-align:center; } </style> <style> /* Bottom •link• •bl• */ #link { background: navy; border-top: 1px solid black; font-size:15px; border-radius: 0px 0px 0px 0px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; text-align:center; line-height: 40px; } #link a { background: lavender; color: maroon; margin:2px; padding:5px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; border-radius:5px; } #link a:active { background: #F47216; color:#FFFFFF; margin:2px; padding:5px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; border-radius:5px; } </style> <style> /* Bottom Links •bl• */ .bl { background: seagreen; marginxxx: 0px 0px 10px 0px; padding: 5px 0px 5px 0px; border-top: 1px solid black; font-size:15px; border-radius: 0px 0px 0px 0px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; text-align:center; line-height: 40px; } .bl a { background: lavender; color: maroon; margin:01px; padding:5px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; border-radius:5px; } .bl a:active { background: #F47216; color:#FFFFFF; margin:01px; padding:5px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; border-radius:5px; } </style> <!--( ♒ PaginatioN )--> <style> .pagination { background: MediumVioletRed; margin: 0px 10px 10px 10px; padding: 5px 10px 5px 10px; border-top: 1px solid black; font-size:15px; border-radius: 0px 0px 0px 0px; box-shadow: rgba(10, 37, 64, 0.34902) 0px 1px 1px -0px inset, rgba(10, 37, 64, 0.34902) 0px -2px 4px -0px inset; text-align:center; line-height: 40px; } .pagination span { background: silver; color:black; margin:1px; padding:5px; border: 1px dotted black; border-radius:5px 5px 5px 5px; text-align: center; } .pagination a { background: black; color: white; margin:1px; padding:5px; border: 1px solid black; border-radius:5px 5px 5px 5px; text-align: center; } .pagination a:active { background: #d8043c;; color: white; margin:1px; padding:5px; border: 1px solid black; border-radius:5px 5px 5px 5px; text-align: center; } </style>
Prev12Next
