API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 11th, 2016
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.82 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <!--
  4.  
  5. [TITLE] = Title
  6. [FROM] = Sender
  7. [TAG] = Tag
  8. [STAMP] = Date
  9. [CAT] = Category
  10. [WEB] = Weblink
  11. [SUBCATS] = Subcats
  12. [DESC] = Description
  13. [UNIQUE] = Unique ID
  14. [MODULUS] = Modulus
  15. [FILESIZE] = File size
  16. [WHITELIST] = True/False
  17. [PATH] = Installation path
  18. [THEMEPATH] = Theme path
  19. [FONTSIZE] = Font size
  20. [BGCOLOR] = Background color
  21.  
  22. //-->
  23. <head>
  24.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  25.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  26.     <meta http-equiv="X-UA-Compatible" content="IE=9">
  27.     <script src='[SN:THEMEPATH]/js/jscolor.min.js'></script>
  28.     <style type='text/css'>
  29.         body, td, th, table, div, input, textarea {
  30.             font: [SN:FONTSIZE]px Verdana;
  31.         }
  32.  
  33.         .from {
  34.             color: black;
  35.             text-decoration: none;
  36.         }
  37.  
  38.             .from:hover {
  39.                 color: blue;
  40.             }
  41.  
  42.         .category {
  43.             color: black;
  44.             text-decoration: none;
  45.         }
  46.  
  47.             .category:hover {
  48.                 color: blue;
  49.             }
  50.  
  51.         .header {
  52.             margin-bottom: 10px;
  53.             padding-bottom: 4px;
  54.             font-size: [SN:FONTSIZESMALL]px;
  55.             width: 100%;
  56.             background-color: #ffffff;
  57.             word-break: break-all;
  58.         }
  59.  
  60.         .date {
  61.             color: #888888;
  62.         }
  63.  
  64.         .reply {
  65.             color: #223990;
  66.         }
  67.  
  68.         .comment {
  69.             color: #777799;
  70.             font-weight: bold;
  71.             text-decoration: none;
  72.         }
  73.  
  74.             .comment:hover {
  75.                 color: #3B5970;
  76.             }
  77.  
  78.         .author {
  79.             color: #800000;
  80.             font-weight: bold;
  81.             text-decoration: none;
  82.         }
  83.  
  84.             .author:hover {
  85.                 color: red;
  86.                 font-weight: bold;
  87.                 text-decoration: none;
  88.             }
  89.  
  90.         .trusted {
  91.             color: #00AA00;
  92.             font-weight: bold;
  93.             text-decoration: none;
  94.         }
  95.  
  96.             .trusted:hover {
  97.                 color: green;
  98.                 font-weight: bold;
  99.                 text-decoration: none;
  100.             }
  101.  
  102.         .untrusted {
  103.             color: #C8C8C8;
  104.             text-decoration: line-through;
  105.         }
  106.  
  107.             .untrusted:hover {
  108.                 color: #C8C8C8;
  109.             }
  110.  
  111.         .desc {
  112.             padding-left: 5px;
  113.             margin-top: 0px;
  114.             margin-bottom: 0px;
  115.         }
  116.  
  117.         blockquote {
  118.             font-size: [SN:FONTSIZESMALL]px;
  119.             font-style: italic;
  120.             margin-top: 10px;
  121.             margin-bottom: 15px;
  122.             margin-left: 10px;
  123.             padding-left: 10px;
  124.             background-color: #fff1f1;
  125.             padding: 8px;
  126.             border-top: 1px solid #d5d5d5;
  127.             border-bottom: 1px solid #d5d5d5;
  128.             border-left: 4px solid #F1CC89;
  129.         }
  130.  
  131.         cite {
  132.             color: #777;
  133.             font-size: [SN:FONTSIZESMALL]px;
  134.             font-style: italic;
  135.             display: block;
  136.             margin-bottom: 10px;
  137.         }
  138.  
  139.         /* new style june 2015 */
  140.  
  141.         #SpotImage {
  142.             position: relative;
  143.             border: 0;
  144.             margin: 0;
  145.             max-width: 363px;
  146.         }
  147.  
  148.             #SpotImage.full {
  149.                 display: block;
  150.                 position:fixed;
  151.                 z-index:100;
  152.                 top: 50%;
  153.                 left: 50%;
  154.                 transform: translate(-50%, -50%);
  155.                 -o-transform: translate(-50%, -50%);
  156.                 -moz-transform: translate(-50%, -50%);
  157.                 -ms-transform: translate(-50%, -50%);
  158.                 -webkit-transform: translate(-50%, -50%);
  159.                 width: auto;
  160.                 height: auto;
  161.                 max-width: 90%;
  162.                 max-height: 90%;
  163.                 box-shadow: 1.4em 1.4em 2.4em #BBB;
  164.                 border-radius: 0.3em;
  165.             }
  166.  
  167.         #wrapper-one {
  168.             float: left;
  169.             padding: 0 0 10px;
  170.             position: relative;
  171.             width: 34%;
  172.         }
  173.  
  174.         #wrapper-two {
  175.             float: left;
  176.             margin-left: 17px;
  177.             width: 63%;
  178.         }
  179.  
  180.             #wrapper-two a {
  181.                 word-break: break-all;
  182.             }
  183.  
  184.         #part-button {
  185.             background: #ffffff none repeat scroll 0 0;
  186.             border: 1px solid #ecedee;
  187.             float: left;
  188.             margin: 0px 2px 4px;
  189.             padding: 15px 1%;
  190.             width: 100%;
  191.         }
  192.  
  193.         #part-one {
  194.             background: #ffffff none repeat scroll 0 0;
  195.             border: 1px solid #ecedee;
  196.             float: left;
  197.             margin: 4px 2px 6px;
  198.             padding: 15px 1%;
  199.             width: 100%;
  200.             position: relative;
  201.         }
  202.  
  203.         #part-one-centered {
  204.             background: transparent none repeat scroll 0 0;
  205.             height: 94%;
  206.             margin: 0px 3%;
  207.             position: relative;
  208.             width: 94%;
  209.         }
  210.  
  211.             #part-one-centered img {
  212.                 width: 100%;
  213.                 max-height: 100%;
  214.                 margin: 0 auto;
  215.                 display: block;
  216.             }
  217.  
  218.         #DownloadButton {
  219.             background-color: #2e71b8;
  220.             border: 4px solid #f3f3f3;
  221.             color: #ffffff;
  222.             cursor: pointer;
  223.             margin: 0 auto;
  224.             padding: 13px;
  225.             text-align: center;
  226.             width: 64%;
  227.             min-width: 80px;
  228.         }
  229.  
  230.             #DownloadButton:hover {
  231.                 background-color: #2eb871;
  232.             }
  233.  
  234.             #DownloadButton.disabled {
  235.                 background-color: #CCC;
  236.                 color: #333;
  237.                 cursor: default;
  238.             }
  239.  
  240.         #part-two {
  241.             background: #ffffff none repeat scroll 0 0;
  242.             border: 1px solid #ecedee;
  243.             float: left;
  244.             margin: 2px 2px 6px;
  245.             padding: 25px 1% 30px;
  246.             width: 100%;
  247.             word-wrap: break-word;
  248.             display: inline-block;
  249.         }
  250.  
  251.             #part-two a {
  252.                 word-break: break-all;
  253.                 display: inline-block;
  254.             }
  255.  
  256.         #part-three {
  257.             background: #ffffff none repeat scroll 0 0;
  258.             border: 1px solid #ecedee;
  259.             float: left;
  260.             margin: 0px 2px 6px;
  261.             padding: 25px 3% 30px;
  262.             width: 96%;
  263.         }
  264.  
  265.             #part-three img {
  266.                 max-width: 100%;
  267.             }
  268.  
  269.         #part-four {
  270.             background: #ffffff none repeat scroll 0 0;
  271.             border: 1px solid #ecedee;
  272.             float: left;
  273.             margin: 2px 2px 6px;
  274.             padding: 25px 1% 30px;
  275.             width: 100%;
  276.         }
  277.  
  278.         #part-five {
  279.             width: 97%;
  280.             margin: 0.4%;
  281.             float: left;
  282.             background: #ffffff;
  283.             padding: 10px 1%;
  284.             border: 1px solid #ecedee;
  285.         }
  286.  
  287.             #part-five a {
  288.                 word-break: break-all;
  289.             }
  290.  
  291.         .header a {
  292.             background: #ffffff;
  293.             word-break: break-all;
  294.         }
  295.  
  296.         /* comment input area */
  297.  
  298.         input[type="text"] {
  299.             background: #f9f9f9;
  300.             border: 1px solid #ecedee;
  301.             padding: 6px 8px;
  302.             width: 98%;
  303.         }
  304.  
  305.         #SmileysPanel {
  306.             margin-left: 5px;
  307.             border: 1px solid #ecedee;
  308.             padding: 6px 8px;
  309.             width: 98%;
  310.             margin-bottom: 5px;
  311.         }
  312.  
  313.         textarea {
  314.             background: #f9f9f9;
  315.             border: 1px solid #ecedee;
  316.             padding: 6px 8px;
  317.             width: 98%;
  318.         }
  319.  
  320.         #AddComment {
  321.             background-color: #2e71b8;
  322.             border: 4px solid #f3f3f3;
  323.             color: #ffffff;
  324.             cursor: pointer;
  325.             float: left;
  326.             margin-left: 120px;
  327.             padding: 13px;
  328.             text-align: center;
  329.             width: 80px;
  330.         }
  331.  
  332.         #AddComment:hover {
  333.             background-color: #2eb871;
  334.         }
  335.  
  336.         #AddComment.disabled {
  337.             background-color: #CCC;
  338.             color: #333;
  339.             cursor: default;
  340.         }
  341.  
  342.         .Closeable {
  343.             position:relative;
  344.             margin-left: 5px;
  345.             border: 1px solid #ecedee;
  346.             padding: 4px 6px;
  347.             width: 98%;
  348.             margin-bottom: 5px;
  349.         }
  350.  
  351.         .Closeable:hover {
  352.             box-shadow: 2px 2px 3px rgba(0,0,0,.2);
  353.         }
  354.  
  355.         .Close {
  356.             right: 0;
  357.             margin: 0 5px 1px 0;
  358.             position: absolute;
  359.             z-index:10;
  360.             display:inline;
  361.             background:#e7e7e7;
  362.             padding:0px 5px 2px 5px;
  363.         }
  364.  
  365.         .Close:hover {
  366.             right: 0;
  367.             cursor: default;
  368.             margin: 0 5px 1px 0;
  369.             position: absolute;
  370.             z-index:10;
  371.             display:inline;
  372.             background:#ccc;
  373.         }      
  374.        
  375.         a.fill-div {
  376.             display: block;
  377.             height: 100%;
  378.             width: 100%;
  379.             color: gray;
  380.             font-size: [SN:FONTSIZESMALL]px;
  381.             font-weight: bold;
  382.         }
  383.        
  384.         @media screen and (max-width: 1024px) {
  385.             #wrapper-one {
  386.                 float: left;
  387.                 padding: 0;
  388.                 position: relative;
  389.                 width: 100%;
  390.             }
  391.  
  392.             #wrapper-two {
  393.                 float: left;
  394.                 margin-left: 0;
  395.                 padding-top: 0;
  396.                 width: 97%;
  397.             }
  398.  
  399.             #part-button {
  400.                 margin-right: 4%;
  401.                 width: 47%;
  402.             }
  403.  
  404.             #DownloadButton {
  405.                 width: 92%;
  406.             }
  407.  
  408.             #part-one {
  409.                 width: 47%;
  410.                 min-height: 350px;
  411.                 min-height: 450px;
  412.             }
  413.  
  414.             #part-two {
  415.                 width: 47%;
  416.                 margin: 4px 2px 6px;
  417.                 word-break: break-all;
  418.                 min-height: 425px;
  419.             }
  420.  
  421.                 #part-two a {
  422.                     word-break: break-all;
  423.                 }
  424.  
  425.             #part-three {
  426.                 margin-top: 0;
  427.             }
  428.         }
  429.     </style>
  430. </head>
  431. <body bgcolor="#f0f8fe" style='cursor:auto; margin-left: 10px;' ondragstart='return false;' hidefocus='true' link='blue' alink='blue' vlink='blue'>
  432.     <span style='float:; width: 95px; height:10px;'></span>
  433.     <div id="wrapper-one">
  434.         <div id="part-button">
  435.             <div id='DownloadButton' onfocus='this.blur()'>[WORD:DOWNLOAD]</div>
  436.         </div>
  437.         <div id="part-one">
  438.             <div id="part-one-centered">
  439.                 <img id='SpotImage' src="[SN:THEMEPATH]/Images/loading.gif" onfocus='this.blur()'>
  440.             </div>
  441.         </div>
  442.         <div id="part-two">
  443.             <span>[SN:INFO]</span>
  444.             <br clear='all'>
  445.         </div>
  446.     </div><!-- einde wrapper one -->
  447.     <div id="wrapper-two">
  448.         <div id="part-three">
  449.             <span id='title' style='font-weight:bold;float:left;padding-bottom:20px;width:100%;margin-bottom:10px;font-size:1.35em;padding-top:7px;'>[SN:TITLE]</span>
  450.             <span id='Description' style="color:#212121;">[SN:DESC]</span>
  451.         </div>
  452.  
  453.         <div id="part-four">
  454.             <span style='margin-top: 10px; visibility:hidden;' id='Comments'></span>
  455.             <div style='text-align: center; margin-top:25px;' id='CommentsProgress'>
  456.                 <div id='CommentsStatus'>[WORD:LOADINGCOMMENTS]</div><br>
  457.                 <img style='width: 32px; height:32px;' src="[SN:THEMEPATH]/Images/loading.gif">
  458.             </div>
  459.             <center>
  460.                 <span style='margin-top: 50px; display:inline-block; border-top: 1px solid #ecedee;width:97%;'>
  461.                     <table width="*" style='margin:10px; margin-bottom:1px; text-align:left;'>
  462.                         <tr>
  463.                             <td>
  464.                                 <div style='margin-right:35px;' id='PreviewHeader'></div>
  465.                             </td>
  466.                             <td><div id='PreviewPanel' class='Closeable'></div></td>
  467.                         </tr>
  468.                         <tr>
  469.                             <td>
  470.                                 <div style='margin-right:35px;'><b>[WORD:NAME]:</b></div>
  471.                             </td>
  472.                             <td><input name='Nickname' type="text" style='margin:5px; text-align:left;' value='[SN:NICK]'></td>
  473.                         </tr>
  474.                         <tr>
  475.                             <td></td>
  476.                             <td>
  477.                                 <div>
  478.                                     &nbsp;
  479.                                     <a href='ubb:b'><img style="margin-bottom:-3px" title='[WORD:BOLD]' alt='[WORD:BOLD]' src='[SN:THEMEPATH]/Images/icon-dash-bold.png' border=0></a>
  480.                                     <a href='ubb:i'><img style="margin-bottom:-3px" title='[WORD:ITALIC]' alt='[WORD:ITALIC]' src='[SN:THEMEPATH]/Images/icon-dash-italic.png' border=0></a>
  481.                                     <a href='ubb:u'><img style="margin-bottom:-3px" title='[WORD:UNDERLINE]' alt='[WORD:UNDERLINE]' src='[SN:THEMEPATH]/Images/icon-dash-underline.png' border=0></a>
  482.                                     <a href='ubb:l'><img style="margin-bottom:-3px" title='[WORD:LINKTOSPOT]' alt='[WORD:LINKTOSPOT]' src='[SN:THEMEPATH]/Images/icon-dash-link.png' border=0></a>
  483.                                     &nbsp;<hr width="1" style="display:inline">&nbsp;
  484.                                     <input class='jscolor' value='55AA55' size=6 id="ColorInput">
  485.                                     <a href='ubb:c'><img src='[SN:THEMEPATH]/Images/icon-dash-palette.png' border=0 style="margin-bottom:-3px"></a>
  486.                                 </div>
  487.                             </td>
  488.                         </tr>
  489.                         <tr>
  490.                             <td>
  491.                                 <div><b>[WORD:COMMENT]:</b></div>
  492.                             </td>
  493.                             <td>
  494.                                 <textarea id='CommentBody' maxlength='899' style='margin-left:5px; overflow:auto;' cols='80' rows='6'></textarea>
  495.                             </td>
  496.                         </tr>
  497.                         <tr>
  498.                             <td>
  499.                                 <div><b>[WORD:SMILEYS]:</b></div>
  500.                             </td>
  501.                             <td><div id='SmileysPanel' class='Closeable'></div></td>
  502.                         </tr>
  503.                         <tr>
  504.                             <td></td>
  505.                             <td>
  506.                                 <div id='AddComment' onfocus='this.blur()' width="32" height="32" title='Reply' style='margin-top: 10px; cursor:hand;'>Reply</div>
  507.                             </td>
  508.                         </tr>
  509.                     </table>
  510.                 </span>
  511.             </center>
  512.         </div>
  513.         [SN:STATS]
  514.     </div>
  515. </body>
  516. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!