SHARE
TWEET

Untitled

a guest Jul 29th, 2019 94 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
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!
 
Top