API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 29th, 2019
190
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
ASP 10.76 KB | None | 0 0
raw download clone embed print report
  1. <%@ Page Title="" Language="C#" Async="true" MasterPageFile="~/Master.Master" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="DiscordServersList.WebForm1" %>
  2.  
  3. <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
  4.     <title>KA - Kanna Advertising!</title>
  5.  
  6.     <style>
  7.         .card1 {
  8.             position: relative;
  9.             display: -ms-flexbox;
  10.             display: inline-flex;
  11.             -ms-flex-direction: column;
  12.             flex-direction: column;
  13.             min-width: 0;
  14.             word-wrap: break-word;
  15.             background-color: #fff;
  16.             background-clip: border-box;
  17.             border: 1px solid rgba(0, 0, 0, 0.125);
  18.             border-radius: 0.25rem;
  19.             width: 90%;
  20.         }
  21.  
  22.         .invisible {
  23.             visibility: hidden;
  24.         }
  25.  
  26.         .fixedElement {
  27.             height: 80px;
  28.             background-color: #000000;
  29.             position: fixed;
  30.             top: 0;
  31.             left: 0;
  32.             z-index: 999;
  33.             width: 100%;
  34.         }
  35.  
  36.         .spacer {
  37.             width: 100%;
  38.             height: 70px;
  39.         }
  40.  
  41.         @-webkit-keyframes popout {
  42.             0% {
  43.                 -webkit-transform: scale(1);
  44.             }
  45.  
  46.             20% {
  47.                 -webkit-transform: scale(0.90);
  48.                 -webkit-animation-timing-function: ease-out;
  49.             }
  50.  
  51.             50% {
  52.                 -webkit-transform: scale(1.2);
  53.                 -webkit-animation-timing-function: ease-in;
  54.             }
  55.  
  56.             100% {
  57.                 -webkit-transform: scale(1);
  58.                 -webkit-animation-timing-function: ease-out;
  59.             }
  60.         }
  61.  
  62.         @-moz-keyframes popout {
  63.             0% {
  64.                 -moz-transform: scale(1);
  65.             }
  66.  
  67.             20% {
  68.                 -moz-transform: scale(0.90);
  69.                 -moz-animation-timing-function: ease-out;
  70.             }
  71.  
  72.             50% {
  73.                 -moz-transform: scale(1.2);
  74.                 -moz-animation-timing-function: ease-in;
  75.             }
  76.  
  77.             100% {
  78.                 -moz-transform: scale(1);
  79.                 -moz-animation-timing-function: ease-out;
  80.             }
  81.         }
  82.  
  83.         @keyframes popout {
  84.             0% {
  85.                 transform: scale(1);
  86.             }
  87.  
  88.             20% {
  89.                 transform: scale(0.90);
  90.                 animation-timing-function: ease-out;
  91.             }
  92.  
  93.             50% {
  94.                 transform: scale(1.2);
  95.                 animation-timing-function: ease-in;
  96.             }
  97.  
  98.             100% {
  99.                 transform: scale(1);
  100.                 animation-timing-function: ease-out;
  101.             }
  102.         }
  103.  
  104.         .title {
  105.             margin-left: 20px;
  106.             margin-top: 20px;
  107.             float: left;
  108.             font-family: Typo_Hoop_Regular_Demo;
  109.             color: #f8f8f8;
  110.             font-size: 36px;
  111.             text-align: left;
  112.         }
  113.  
  114.         .premiumlbl {
  115.             width: 100%;
  116.             text-align: center;
  117.             font-size: 28px;
  118.             vertical-align: middle;
  119.             margin: 0 auto;
  120.             position: center;
  121.             font-family: Typo_Hoop_Regular_Demo;
  122.             color: #000000;
  123.         }
  124.  
  125.         .serverNameLabel {
  126.             width: 100%;
  127.             text-align: center;
  128.             font-size: 16px;
  129.             vertical-align: middle;
  130.             margin: 0 auto;
  131.             position: center;
  132.             font-family: Typo_Hoop_Regular_Demo;
  133.             color: #000000;
  134.         }
  135.  
  136.         .premServersGrid {
  137.             width: 100%;
  138.             vertical-align: middle;
  139.             margin: 0 auto;
  140.             position: center;
  141.         }
  142.  
  143.         .serversGrid {
  144.             width: 100%;
  145.             vertical-align: middle;
  146.             margin: 0 auto;
  147.             position: center;
  148.         }
  149.  
  150.         .rotate90 {
  151.             -webkit-transform: rotate(35deg);
  152.             -moz-transform: rotate(35deg);
  153.             -o-transform: rotate(35deg);
  154.             -ms-transform: rotate(35deg);
  155.             transform: rotate(35deg);
  156.         }
  157.  
  158.         .row {
  159.             display: flex;
  160.         }
  161.  
  162.         .column {
  163.             flex: 50%;
  164.         }
  165.  
  166.         .box {
  167.         }
  168.  
  169.             .box:hover {
  170.                 height: 400px;
  171.             }
  172.  
  173.         .card {
  174.             /* Add shadows to create the "card" effect */
  175.             box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  176.             transition: 0.3s;
  177.         }
  178.  
  179.             /* On mouse-over, add a deeper shadow */
  180.             .card:hover {
  181.                 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  182.             }
  183.  
  184.         /* Add some padding inside the card container */
  185.         .container {
  186.             padding: 2px 16px;
  187.         }
  188.           .menu-bar {
  189.         width: 100%;
  190.         height: 300px;
  191.     /*  background: #343A40;*/
  192.       background: #26262B;
  193.     }
  194.         .OrderHistory_RowSeparator {
  195.             margin: 0px 0px 50px 0px;
  196.         }
  197.          .title2 {
  198.          
  199.             font-family: Typo_Hoop_Regular_Demo;
  200.             color: #f8f8f8;
  201.             font-size: 36px;
  202.             text-align: center;
  203.         }
  204.     </style>
  205.         <link rel="stylesheet" href="css/position.css">
  206.     <script>
  207.         function makeVisible(ele) {
  208.             var div = ele;
  209.             div.querySelector("#otherInfo").classList.remove("invisible");
  210.  
  211.         }
  212.  
  213.         function makeInvisible(ele) {
  214.             var div = ele;
  215.  
  216.             div.querySelector("#otherInfo").classList.add("invisible");
  217.         }
  218.     </script>
  219.  
  220. </asp:Content>
  221. <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
  222.     <br />
  223.     <br />
  224.     <br />
  225.     <div>
  226.         <div class="menu-bar" style="z-index: 9">
  227.     <br>
  228.             <label class="title2 hvr-bounce-out"></label><br>
  229.             <br />
  230.             <br />
  231.             <br />
  232.  
  233.  
  234.  
  235.     <div class="form-inline" style="justify-content: center;">
  236.         <input class="form-control mr-sm-2" type="search" placeholder="Search for servers" runat="server" id="txtSearch" aria-label="Search">
  237.         <button class="btn btn-outline-success my-2 my-sm-0" runat="server" id="btnSearch">Search</button>
  238.     </div>
  239.     <br> <br>
  240.     <div style="position: relative; text-align: center;">
  241.         <a href="https://discord.gg/rfFcWhG" class="btn btn-light"><i class="fab fa-discord"></i> Discord</a>
  242.         <a href="https://kanna-advertising.net/partners" style="display:none" class="btn btn-light" ><i class="far fa-handshake"></i> Partners</a>
  243.     </div>
  244. </div>
  245.  
  246.         <div style="width: 100%; height: 20px;"></div>
  247.             <div class="text-center" style="align-self:center; text-align:center">
  248.  
  249.                     <div runat="server" id="loading" class="d-flex justify-content-center">
  250.                         <div class="spinner-border" role="status">
  251.                             <span class="sr-only">Loading...</span>
  252.                         </div>
  253.                     </div>
  254.                  
  255.                 </div>
  256.         <label class="title2 hvr-bounce-out" style="text-align:center">Premium Servers</label><br>
  257.          <asp:DataList CellPadding="10" CssClass="box" Style="margin-left: 5px; height: 200px; width: 100%; text-align:center" ID="premServersList" runat="server" RepeatColumns="4">
  258.  
  259.                         <ItemTemplate>
  260.  
  261.                             <div class="card hvr-grow" style="width: 250px" runat="server">
  262.                                 <div style="position: relative; left: 0; top: 0;">
  263.                                     <asp:Image runat="server" src='<%#Eval("Icon") %>' Width="250" Height="250" Style="align-self: center; position: relative; top: 0; left: 0;" />
  264.                                     <asp:Image runat="server" Visible='<%# Eval("Premium") %>' src="img/crown.png" class="rotate90" Width="150" Height="150" Style="position: absolute; top: -70px; left: 170px" />
  265.                                 </div>
  266.                                 <div class="container">
  267.                                     <hr />
  268.                                     <h4><%# Eval("Name") %></h4>
  269.                                     <p><%# Eval("ShortDescription") %></p>
  270.                                     <div style="font-size: 24px; line-height: 1.5em;">
  271.                                         <i class="fa fa-users" aria-hidden="true"></i><span class="sr-only">Example of users</span> <%# Eval("members") %>
  272.                                     </div>
  273.  
  274.                                     <asp:Button runat="server" PostBackUrl='<%# String.Format("~/ManageServer.aspx?id={0}",Eval("ServerID")) %>' class="btn btn-light" Text="View Server"></asp:Button>
  275.                                     <div style="height: 10px"></div>
  276.                                 </div>
  277.                             </div>
  278.                         </ItemTemplate>
  279.                     </asp:DataList>
  280.         <label class="title2 hvr-bounce-out" style="text-align:center">Normal Servers</label><br>
  281.  
  282.           <asp:DataList CellPadding="10" CssClass="box" Style="margin-left: 5px; height: 200px; width: 100%; text-align:center" ID="serversList" runat="server" RepeatColumns="4">
  283.  
  284.                         <ItemTemplate>
  285.  
  286.                             <div class="card hvr-grow" style="width: 250px" runat="server">
  287.                                 <div style="position: relative; left: 0; top: 0;">
  288.                                     <asp:Image runat="server" src='<%#Eval("Icon") %>' Width="250" Height="250" Style="align-self: center; position: relative; top: 0; left: 0;" />
  289.                                     <asp:Image runat="server" Visible='<%# Eval("Premium") %>' src="img/crown.png" class="rotate90" Width="150" Height="150" Style="position: absolute; top: -70px; left: 170px" />
  290.                                 </div>
  291.                                 <div class="container">
  292.                                     <hr />
  293.                                     <h4><%# Eval("Name") %></h4>
  294.                                     <p><%# Eval("ShortDescription") %></p>
  295.                                     <div style="font-size: 24px; line-height: 1.5em;">
  296.                                         <i class="fa fa-users" aria-hidden="true"></i><span class="sr-only">Example of users</span> <%# Eval("members") %>
  297.                                     </div>
  298.  
  299.                                     <asp:Button runat="server" PostBackUrl='<%# String.Format("~/ManageServer.aspx?id={0}",Eval("ServerID")) %>' class="btn btn-light" Text="View Server"></asp:Button>
  300.                                     <div style="height: 10px"></div>
  301.                                 </div>
  302.                             </div>
  303.                         </ItemTemplate>
  304.                     </asp:DataList>
  305.  
  306.     </div>
  307.  
  308. </asp:Content>
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!