Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Page 1
- ______________________________________________________________________________________________________________________________________
- <?php
- //Session starts here
- session_start();
- $_SESSION['igaccname'] = $_POST['igaccname'];
- $_SESSION['igname'] = $_POST['igname'];
- $_SESSION['nation'] = $_POST['namenation'];
- $_SESSION['age'] = $_POST['age'];
- $_SESSION['engskills'] = $_POST['engskills'];
- $_SESSION['time'] = $_POST['time'];
- $_SESSION['gender'] = $_POST['gender'];
- ?><!DOCTYPE HTML>
- <html>
- <head>
- <title>xvtt Application Center</title>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <meta name="description" content="" />
- <meta name="keywords" content="" />
- <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
- <script src="js/jquery.min.js"></script>
- <script src="js/jquery.dropotron.min.js"></script>
- <script src="js/skel.min.js"></script>
- <script src="js/skel-layers.min.js"></script>
- <script src="js/init.js"></script>
- <noscript>
- <link rel="stylesheet" href="css/skel.css" />
- <link rel="stylesheet" href="css/style.css" />
- <link rel="stylesheet" href="css/style-desktop.css" />
- </noscript>
- <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
- </head>
- <body class="homepage">
- <!-- Header -->
- <div id="header-wrapper" class="wrapper">
- <div id="header">
- <!-- Logo -->
- <div id="logo">
- <h1>xvtt Application Center</h1>
- <p>New way to apply for xvtt!</p>
- </div>
- <!-- Nav -->
- <nav id="nav">
- <ul>
- <li class="current"><a href="http://xvtt.site88.net/homepage.html">Home</a></li>
- <li><a href="http://xvtt.site88.net/application.php">Application Center</a></li>
- <li><a href="http://xvtt.site88.net/index.php?action=forum">Forum</a></li>
- <li><a href="http://cit2.net/index.php?board=448.0">Board</a></li>
- <li><a href="http://cit2.net/index.php?topic=115441.0">Chit Chat</a></li>
- </ul>
- </nav>
- </div>
- </div>
- <!-- Intro -->
- <div id="intro-wrapper" class="wrapper style1">
- <div class="title">Application</div>
- <section id="intro" class="container">
- <p class="style1">xvtt Application Center</p>
- <p class="style2">
- <img src="http://i.imgur.com/LmrbiAe.png"><br class="mobile-hide" />
- Applicant's Information
- </p>
- <span id="error">
- <!----Initializing Session for errors--->
- <?php
- if (!empty($_SESSION['error'])) {
- echo $_SESSION['error'];
- unset($_SESSION['error']);
- }
- ?>
- </span>
- <form action="page2_form.php" method="post">
- <label>Your In-Game Account Name: <span>*</span></label><br />
- <input name="igaccname" type="text" placeholder="In-Game Account Name" required>
- <br />
- <label>Your In-Game Name: <span>*</span></label><br />
- <input name="igname" type="text" placeholder="In-Game Name" required>
- <br />
- <label>Your Nationality: <span>*</span></label><br />
- <input name="nation" type="text" placeholder="Your Nationality" required>
- <br />
- <label>Your Age: <span>*</span></label><br />
- <input name="age" type="text" placeholder="Your Age" />
- <br />
- <label>Your English Skills (?/10): <span>*</span></label><br />
- <input name="engskills" type="text" placeholder="Your English Skills (?/10)" >
- <br />
- <label>Your Timezone (GMT): <span>*</span></label><br />
- <input name="time" type="text" placeholder="Your Timezone (GMT)" >
- <br />
- <label>Your Gender: <span>*</span></label><br />
- <input name="gender" type="text" placeholder="Your Gender" >
- <br />
- <input type="reset" value="Reset" class="button style3 big" />
- <input type="submit" value="Next" class="button style3 big" />
- </form>
- </div>
- </section>
- </div>
- </body>
- </html>
- _______________________________________________________________________________________________________________________________________
- Page 2
- _______________________________________________________________________________________________________________________________________
- <?php
- session_start();
- //checking first page values for empty,If it finds any blank field then redirected to first page
- if (isset($_POST['igaccname'])){
- if (empty($_POST['igaccname'])
- || empty($_POST['igname'])
- || empty($_POST['igname'])
- || empty($_POST['age'])
- || empty($_POST['engskills'])
- || empty($_POST['time'])
- || empty($_POST['gender'])){
- //setting error message
- $_SESSION['error'] = "Mandatory field(s) are missing, Please fill it again";
- header("location: page1_form.php"); //redirecting to first page
- } else {
- //Validating Contact Field using regex
- if (!preg_match("/^[0-9]{1}$/", $_POST['engskills'])){
- $_SESSION['error'] = "Numbers are required not Characters.";
- header("location: page1_form.php");
- }
- //Validating Contact Field using regex
- if (!preg_match("/^[0-9]{2}$/", $_POST['age'])){
- $_SESSION['error'] = "Numbers are required not Characters.";
- header("location: page1_form.php");
- }
- }
- } else {
- if (empty($_SESSION['error_page2'])) {
- header("location: page1_form.php");//redirecting to first page
- }
- }
- ?>
- <!DOCTYPE HTML>
- <html>
- <head>
- <title>xvtt Application Center</title>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <meta name="description" content="" />
- <meta name="keywords" content="" />
- <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
- <script src="js/jquery.min.js"></script>
- <script src="js/jquery.dropotron.min.js"></script>
- <script src="js/skel.min.js"></script>
- <script src="js/skel-layers.min.js"></script>
- <script src="js/init.js"></script>
- <noscript>
- <link rel="stylesheet" href="css/skel.css" />
- <link rel="stylesheet" href="css/style.css" />
- <link rel="stylesheet" href="css/style-desktop.css" />
- </noscript>
- <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
- </head>
- <body class="homepage">
- <!-- Header -->
- <div id="header-wrapper" class="wrapper">
- <div id="header">
- <!-- Logo -->
- <div id="logo">
- <h1>xvtt Application Center</h1>
- <p>New way to apply for xvtt!</p>
- </div>
- <!-- Nav -->
- <nav id="nav">
- <ul>
- <li class="current"><a href="http://xvtt.site88.net/homepage.html">Home</a></li>
- <li><a href="http://xvtt.site88.net/application.php">Application Center</a></li>
- <li><a href="http://xvtt.site88.net/index.php?action=forum">Forum</a></li>
- <li><a href="http://cit2.net/index.php?board=448.0">Board</a></li>
- <li><a href="http://cit2.net/index.php?topic=115441.0">Chit Chat</a></li>
- </ul>
- </nav>
- </div>
- </div>
- <!-- Intro -->
- <div id="intro-wrapper" class="wrapper style1">
- <div class="title">Application</div>
- <section id="intro" class="container">
- <p class="style1">xvtt Application Center</p>
- <p class="style2">
- <img src="http://i.imgur.com/8pCuJBA.png"><br class="mobile-hide" />
- CIT Life Information
- </p>
- <span id="error">
- <?php
- //To show error of page 2
- if (!empty($_SESSION['error_page2'])) {
- echo $_SESSION['error_page2'];
- unset($_SESSION['error_page2']);
- }
- ?>
- </span>
- <form action="page3_form.php" method="post">
- <label>About your CIT Life (Atleast 50 Words): <span>*</span></label><br />
- <textarea name="citlife" id="religion" placeholder="About your CIT Life (Atleast 50 Words)" ></textarea>
- <br />
- <label>About yourself (Atleast 50 Words): <span>*</span></label><br />
- <textarea name="yourself" id="religion" placeholder="About yourself (Atleast 50 Words)" ></textarea>
- <br />
- <label>Why you want to join xvtt?: <span>*</span></label><br />
- <textarea name="whyxvtt" id="religion" placeholder="Why you want to join xvtt?" ></textarea>
- <br />
- <label>Your Strengths: <span>*</span></label><br />
- <input name="strengths" id="nationality" type="text" value="" placeholder="Your Strengths" >
- <br />
- <label>Your Weakness: <span>*</span></label><br />
- <input name="weakness" id="nationality" type="text" value="" placeholder="Your Weakness" >
- <br />
- <label>Previous Gangs: <span>*</span></label><br />
- <input name="prevgangs" id="nationality" type="text" value="" placeholder="Previous Gangs" >
- <br />
- <label>Previous Business: <span>*</span></label><br />
- <input name="prevbusiness" id="nationality" type="text" value="" placeholder="Previous Business" >
- <br />
- <label>Reason for leaving your Old Squad: <span>*</span></label><br />
- <input name="oldsquad" id="nationality" type="text" value="" placeholder="Reason for leaving your Old Squad" >
- <br />
- <input type="reset" value="Reset" class="button style3 big" />
- <input type="submit" value="Next" class="button style3 big" />
- </form>
- </div>
- </section>
- </div>
- </body>
- </html>
- _______________________________________________________________________________________________________________________________________
- Page 3
- _______________________________________________________________________________________________________________________________________
- <?php
- session_start();
- //checking second page values for empty,If it finds any blank field then redirected to second page
- if (isset($_POST['citlife'])){
- if (empty($_POST['citlife'])
- || empty($_POST['yourself'])
- || empty($_POST['whyxvtt'])
- || empty($_POST['strengths'])
- || empty($_POST['weakness'])
- || empty($_POST['prevgangs'])
- || empty($_POST['prevbusiness'])
- || empty($_POST['oldsquad'])){
- //setting error message
- $_SESSION['error_page2'] = "Mandatory field(s) are missing, Please fill it again";
- header("location: page2_form.php");//redirecting to second page
- } else {
- //fetching all values posted from second page and storing it in variable
- foreach ($_POST as $key => $value) {
- $_SESSION['post'][$key] = $value;
- }
- }
- } else {
- if (empty($_SESSION['error_page3'])) {
- header("location: page1_form.php");//redirecting to first page
- }
- }
- ?>
- <!DOCTYPE HTML>
- <html>
- <head>
- <title>xvtt Application Center</title>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <meta name="description" content="" />
- <meta name="keywords" content="" />
- <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
- <script src="js/jquery.min.js"></script>
- <script src="js/jquery.dropotron.min.js"></script>
- <script src="js/skel.min.js"></script>
- <script src="js/skel-layers.min.js"></script>
- <script src="js/init.js"></script>
- <noscript>
- <link rel="stylesheet" href="css/skel.css" />
- <link rel="stylesheet" href="css/style.css" />
- <link rel="stylesheet" href="css/style-desktop.css" />
- </noscript>
- <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
- </head>
- <body class="homepage">
- <!-- Header -->
- <div id="header-wrapper" class="wrapper">
- <div id="header">
- <!-- Logo -->
- <div id="logo">
- <h1>xvtt Application Center</h1>
- <p>New way to apply for xvtt!</p>
- </div>
- <!-- Nav -->
- <nav id="nav">
- <ul>
- <li class="current"><a href="http://xvtt.site88.net/homepage.html">Home</a></li>
- <li><a href="http://xvtt.site88.net/application.php">Application Center</a></li>
- <li><a href="http://xvtt.site88.net/index.php?action=forum">Forum</a></li>
- <li><a href="http://cit2.net/index.php?board=448.0">Board</a></li>
- <li><a href="http://cit2.net/index.php?topic=115441.0">Chit Chat</a></li>
- </ul>
- </nav>
- </div>
- </div>
- <!-- Intro -->
- <div id="intro-wrapper" class="wrapper style1">
- <div class="title">Application</div>
- <section id="intro" class="container">
- <p class="style1">xvtt Application Center</p>
- <p class="style2">
- <img src="http://i.imgur.com/puMFPyH.png"><br class="mobile-hide" />
- </p>
- <span id="error">
- <?php
- if (!empty($_SESSION['error_page3'])) {
- echo $_SESSION['error_page3'];
- unset($_SESSION['error_page3']);
- }
- ?>
- </span>
- <form action="submit.php" method="post">
- <label>Screenshot of your Stats: <span>*</span></label><br />
- <input name="stats" id="address1" type="text" size="30" placeholder="Screenshot of your Stats (Link Only)" required>
- <br />
- <label>Screenshot of your Punishlog: <span>*</span></label><br />
- <input name="punish" id="city" type="text" size="25" placeholder="Screenshot of your Punishlog (Link Only)" required>
- <br/>
- <label>Screenshot of your Ciminal Level: <span>*</span></label><br />
- <input name="crimlvl" id="pin" type="text" size="10" placeholder="Screenshot of your Ciminal Level (Link Only)" required>
- <br/>
- <section id="intro" class="container">
- <p class="style2">
- <img src="http://i.imgur.com/1rV2kRe.png"><br class="mobile-hide" />
- </p>
- </section>
- <label>Once You are accepted you will obey CIT & xvtt rules (Y/N): <span>*</span></label><br />
- <input name="xvttrules" id="state" type="text" size="30" placeholder="Once You are accepted you will obey CIT & xvtt rules (Y/N)" required>
- <br/>
- <label>I will flame to my xvtt members (Y/N): <span>*</span></label><br />
- <input name="xvttm" id="state" type="text" size="30" placeholder="I will flame to my xvtt members (Y/N)" required>
- <br/>
- <label>I will obey Senior rank's orders (Y/N): <span>*</span></label><br />
- <input name="orders" id="state" type="text" size="30" placeholder="I will obey Senior rank's orders (Y/N)" required>
- <br/>
- <label>I will respect all xvtt & CIT members (Y/N): <span>*</span></label><br />
- <input name="respect" id="state" type="text" size="30" placeholder="I will respect all xvtt & CIT members (Y/N)" required>
- <br/>
- <label>I will troll my xvtt members (Y/N): <span>*</span></label><br />
- <input name="troll" id="state" type="text" size="30" placeholder="I will troll my xvtt members (Y/N)" required>
- <br/>
- <input type="reset" value="Reset" class="button style3 big" />
- <input name="submit" type="submit" value="Submit" class="button style3 big" />
- </form>
- </section>
- </div>
- </div>
- </body>
- </html>
- _______________________________________________________________________________________________________________________________________
- Page 4 (Submit Page)
- _______________________________________________________________________________________________________________________________________
- <?php
- session_start();
- ?>
- <!DOCTYPE HTML>
- <html>
- <head>
- <title>xvtt Application Center</title>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <meta name="description" content="" />
- <meta name="keywords" content="" />
- <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
- <script src="js/jquery.min.js"></script>
- <script src="js/jquery.dropotron.min.js"></script>
- <script src="js/skel.min.js"></script>
- <script src="js/skel-layers.min.js"></script>
- <script src="js/init.js"></script>
- <noscript>
- <link rel="stylesheet" href="css/skel.css" />
- <link rel="stylesheet" href="css/style.css" />
- <link rel="stylesheet" href="css/style-desktop.css" />
- </noscript>
- <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
- </head>
- <body class="homepage">
- <!-- Header -->
- <div id="header-wrapper" class="wrapper">
- <div id="header">
- <!-- Logo -->
- <div id="logo">
- <h1>xvtt Application Center</h1>
- <p>New way to apply for xvtt!</p>
- </div>
- <!-- Nav -->
- <nav id="nav">
- <ul>
- <li class="current"><a href="http://xvtt.site88.net/homepage.html">Home</a></li>
- <li><a href="http://xvtt.site88.net/application.php">Application Center</a></li>
- <li><a href="http://xvtt.site88.net/index.php?action=forum">Forum</a></li>
- <li><a href="http://cit2.net/index.php?board=448.0">Board</a></li>
- <li><a href="http://cit2.net/index.php?topic=115441.0">Chit Chat</a></li>
- </ul>
- </nav>
- </div>
- </div>
- <!-- Intro -->
- <div id="intro-wrapper" class="wrapper style1">
- <div class="title">Application</div>
- <section id="intro" class="container">
- <p class="style1">xvtt Application - Code Generated</p>
- <p class="style2">
- Here is your Generated Code!
- Use the "Select Text" button to select the text and paste it <u><a href="http://cit2.net/index.php?topic=103147.0">here</a></u> in a new reply.
- </p>
- <center><div class="form"><form name="selectall"><textarea rows="41" cols="100" name="messageBody" readonly warp="off">[center][img width=800 height=65]http://i.imgur.com/AeUKIRf.png[/img][/center]
- [center][img width=412 height=152]http://imageshack.com/a/img855/9909/a7qu.png[/img][/center]
- [hr]
- [img width=200 height=45]http://i.imgur.com/LmrbiAe.png[/img]
- [b][color=teal]1.1[/color] Your Account Name:[/b] <?php echo $_SESSION['igaccname'];?>
- [b][color=teal]1.2[/color] Your In-Game Name:[/b] <?php echo $_SESSION['igname'];?>
- [b][color=teal]1.3[/color] Your Nationality:[/b] <?php echo $_SESSION['nation'];?>
- [b][color=teal]1.4[/color] Your Age:[/b] <?php echo $_SESSION['age'];?>
- [b][color=teal]1.5[/color] Your English Skills [/b](?/10): <?php echo $_SESSION['engskills'];?> /10
- [b][color=teal]1.6[/color] Your Timezone [/b](GMT): <?php echo $_SESSION['time'];?>
- [b][color=teal]1.7[/color] Your Gender:[/b] <?php echo $_SESSION['gender'];?>
- [img width=200 height=45]http://i.imgur.com/8pCuJBA.png[/img]
- [b][color=teal]2.1[/color] Tell us something about your CIT Life[/b] [i](Atleast 50 Words)[/i]: <?php echo $_POST["citlife"];?>
- [b][color=teal]2.2[/color] Tell us something about yourself[/b] [i](Atleast 50 words)[/i]: <?php echo $_POST["yourself"];?>
- [b][color=teal]2.3[/color] Tell us why we should accept you into xvtt:[/b] <?php echo $_POST["whyxvtt"];?>
- [b][color=teal]2.4[/color] Your strengths:[/b] <?php echo $_POST["strengths"];?>
- [b][color=teal]2.5[/color] Your weakness:[/b] <?php echo $_POST["weakness"];?>
- [b][color=teal]2.6[/color] Previous gangs:[/b] <?php echo $_POST["prevgangs"];?>
- [b][color=teal]2.7[/color] Previous Business:[/b] <?php echo $_POST["prevbusiness"];?>
- [b][color=teal]2.8[/color] Reason for leaving your old Squad:[/b] <?php echo $_POST["oldsquad"];?>
- [img width=350 height=50]http://i.imgur.com/puMFPyH.png[/img]
- [b][color=teal]3.1[/color] Screenshot of your Stats:[/b] <?php echo $_POST["stats"];?>
- [b][color=teal]3.2[/color] Screenshot of your Punishlog:[/b] <?php echo $_POST["punish"];?>
- [b][color=teal]3.3[/color] Screenshot of your Criminal Level:[/b] <?php echo $_POST["crimlvl"];?>
- [img width=350 height=50]http://i.imgur.com/1rV2kRe.png[/img]
- [b][color=teal]4.1[/color] Once you are accepted you will obey CIT & xvtt rules (Y/N):[/b] <?php echo $_POST["xvttrules"];?>
- [b][color=teal]4.2[/color] I will flame to my xvtt members(Y/N):[/b] <?php echo $_POST["xvttm"];?>
- [b][color=teal]4.3[/color] You will obey senior ranks orders (Y/N):[/b] <?php echo $_POST["orders"];?>
- [b][color=teal]4.4[/color] You will respect all xvtt & CIT members (Y/N):[/b] <?php echo $_POST["respect"];?>
- [b][color=teal]4.5[/color] I will troll my xvtt members(Y/N):[/b] <?php echo $_POST["troll"];?>
- [b]<?php echo "Applied at Date " . date("Y/m/d");?>[/b] - This is according to EDT
- [b]<?php echo "Applied at Time " . date("h:i:sa");?>[/b] - This is according to EDT
- [hr]
- [b]For Moderators:[/b]
- [b][color=teal]5.1[/color][/b] If this applicant is [b][color=green]Accepted[/color][/b], use this format: [spoiler][code]Dear [color=deeppink][b]<?php echo $_POST["igname"];?> [/b][/color]
- After reading your Application, xvtt staffs have decided to [color=green][b]Accept[/b][/color] you.
- [list]
- [li]Reason[/li]
- [li]We'll give you one chance[/li]
- [li]Contact any Void+ ingame to get an invite[/li]
- [/list][hr]
- [center][img width=351 height=200]http://i.imgur.com/kGGoJqu.png[/img][/center][/code][/spoiler]
- [b][color=teal]5.2[/color][/b] If this applicant is [b][color=red]Denied[/color][/b], use this format: [spoiler][code]Dear [color=deeppink][b]<?php echo $_POST["igname"];?> [/b][/color]
- After reading your Application, xvtt staffs have decided to [color=red][b]Deny[/b][/color] you.
- [list]
- [li]Reason.[/li]
- [li]Reason (Optional)[/li]
- [/list][hr]
- [center][img width=351 height=200]http://i.imgur.com/GFcNKo1.png[/img][/center][/code][/spoiler]
- [b][color=teal]5.3[/color][/b] If this applicant is on [b][color=orange]Pending[/color][/b], use this format: [spoiler][code]Dear [color=deeppink][b]<?php echo $_POST["igname"];?> [/b][/color]
- After reading your Application, xvtt staffs have decided to put you on [color=orange][b]Pending[/b][/color]
- [list]
- [li]Reason.[/li]
- [li]Reason (Optional)[/li]
- [/list][hr]
- [center][img width=351 height=200]http://i.imgur.com/D1ZKoGu.png[/img][/center][/code][/spoiler]
- </textarea><br><br>
- <input type="button" class="button style3 big" value="Select Text" onClick="javascript:this.form.messageBody.focus();this.form.messageBody.select();">
- <form></div></center>
- </div>
- </body>
- </html>
- _______________________________________________________________________________________________________________________________________
- style.css
- _______________________________________________________________________________________________________________________________________
- @charset 'UTF-8';
- @import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,900');
- @import url('font-awesome.min.css');
- /*
- Escape Velocity by HTML5 UP
- html5up.net | @n33co
- Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
- */
- /*********************************************************************************/
- /* Basic */
- /*********************************************************************************/
- body, input, textarea, select
- {
- font-family: 'Source Sans Pro', sans-serif;
- font-weight: 400;
- color: #919499;
- }
- body.is-loading *
- {
- -moz-transition: none !important;
- -webkit-transition: none !important;
- -o-transition: none !important;
- -ms-transition: none !important;
- transition: none !important;
- -moz-animation: none !important;
- -webkit-animation: none !important;
- -o-animation: none !important;
- -ms-animation: none !important;
- animation: none !important;
- }
- h1,h2,h3,h4,h5,h6
- {
- font-weight: 700;
- color: #484d55;
- }
- h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
- {
- color: inherit;
- text-decoration: none;
- }
- a
- {
- text-decoration: underline;
- color: #717479;
- -moz-transition: color .25s ease-in-out;
- -webkit-transition: color .25s ease-in-out;
- -o-transition: color .25s ease-in-out;
- -ms-transition: color .25s ease-in-out;
- transition: color .25s ease-in-out;
- }
- a:hover
- {
- text-decoration: none;
- }
- strong, b
- {
- font-weight: 700;
- color: #484d55;
- }
- blockquote
- {
- border-left: solid 0.5em #ddd;
- padding: 1em 0 1em 2em;
- font-style: italic;
- }
- em, i
- {
- font-style: italic;
- }
- hr
- {
- border: 0;
- border-top: solid 1px #ddd;
- }
- sub
- {
- position: relative;
- top: 0.5em;
- font-size: 0.8em;
- }
- sup
- {
- position: relative;
- top: -0.5em;
- font-size: 0.8em;
- }
- .nobr
- {
- white-space: nowrap;
- }
- br.clear
- {
- clear: both;
- }
- p, ul, ol, dl, table, blockquote, form
- {
- margin-bottom: 2em;
- }
- /* Table */
- table
- {
- width: 100%;
- }
- table.default
- {
- width: 100%;
- }
- table.default tbody tr:nth-child(2n+2)
- {
- background: #f4f4f4;
- }
- table.default td
- {
- padding: 0.5em 1em 0.5em 1em;
- }
- table.default th
- {
- text-align: left;
- font-weight: 400;
- padding: 0.5em 1em 0.5em 1em;
- }
- table.default thead
- {
- background: #484d55;
- color: #fff;
- }
- table.default tfoot
- {
- background: #eee;
- }
- table.default tbody
- {
- }
- /* Form */
- form
- {
- }
- form label
- {
- display: block;
- font-weight: 700;
- color: #484d55;
- }
- form input[type="text"],
- form input[type="email"],
- form input[type="password"],
- form select,
- form textarea
- {
- -webkit-appearance: none;
- display: block;
- border: 0;
- background: #eee;
- box-shadow: inset 0px 0px 1px 0px #a0a1a7;
- border-radius: 0.35em;
- width: 100%;
- padding: 0.75em 1em 0.75em 1em;
- -moz-transition: all .25s ease-in-out;
- -webkit-transition: all .25s ease-in-out;
- -o-transition: all .25s ease-in-out;
- -ms-transition: all .25s ease-in-out;
- transition: all .25s ease-in-out;
- }
- form input[type="text"],
- form input[type="email"],
- form input[type="password"],
- form select
- {
- line-height: 1em;
- }
- form textarea
- {
- min-height: 10em;
- }
- form input[type="text"]:focus,
- form input[type="email"]:focus,
- form input[type="password"]:focus,
- form select:focus,
- form textarea:focus
- {
- background: #f8f8f8;
- }
- form .formerize-placeholder
- {
- color: #555 !important;
- font-style: italic;
- }
- form ::-webkit-input-placeholder
- {
- color: #555 !important;
- font-style: italic;
- line-height: 1.35em;
- }
- form :-moz-placeholder
- {
- color: #555 !important;
- font-style: italic;
- }
- form ::-moz-placeholder
- {
- color: #555 !important;
- font-style: italic;
- }
- form :-ms-input-placeholder
- {
- color: #555 !important;
- font-style: italic;
- }
- form ::-moz-focus-inner
- {
- border: 0;
- }
- /* Section/Article */
- section,
- article
- {
- margin-bottom: 3em;
- }
- section > :last-child,
- article > :last-child
- {
- margin-bottom: 0;
- }
- section:last-child,
- article:last-child
- {
- margin-bottom: 0;
- }
- header.style1
- {
- text-align: center;
- }
- header.style1 h2
- {
- font-weight: 700;
- }
- header.style1 p
- {
- color: #b1b4b9;
- }
- /* Image */
- .image
- {
- display: inline-block;
- }
- .image img
- {
- display: block;
- width: 100%;
- }
- .image.fit
- {
- display: block;
- width: 100%;
- }
- .image.left
- {
- float: left;
- margin: 0 2em 2em 0;
- }
- .image.centered
- {
- display: block;
- margin: 0 0 2em 0;
- }
- .image.centered img
- {
- margin: 0 auto;
- width: auto;
- }
- .image.featured
- {
- display: block;
- width: 100%;
- margin: 0 0 2em 0;
- }
- /* Button */
- input[type="button"],
- input[type="submit"],
- input[type="reset"],
- .button
- {
- display: inline-block;
- background: #444;
- text-align: center;
- text-transform: uppercase;
- font-weight: 700;
- letter-spacing: 0.25em;
- text-decoration: none;
- border-radius: 0.35em;
- border: 0;
- outline: 0;
- cursor: pointer;
- -moz-transition: all .25s ease-in-out;
- -webkit-transition: all .25s ease-in-out;
- -o-transition: all .25s ease-in-out;
- -ms-transition: all .25s ease-in-out;
- transition: all .25s ease-in-out;
- }
- input[type="button"].style1,
- input[type="submit"].style1,
- input[type="reset"].style1,
- .button.style1
- {
- background: #e97770 url('images/overlay.png');
- color: #fff;
- }
- input[type="button"].style1:hover,
- input[type="submit"].style1:hover,
- input[type="reset"].style1:hover,
- .button.style1:hover
- {
- background-color: #f98780;
- }
- input[type="button"].style1:active,
- input[type="submit"].style1:active,
- input[type="reset"].style1:active,
- .button.style1:active
- {
- background-color: #d96760;
- }
- input[type="button"].style2,
- input[type="submit"].style2,
- input[type="reset"].style2,
- .button.style2
- {
- background: none;
- color: #606167;
- box-shadow: inset 0px 0px 2px 0px #a0a1a7;
- }
- input[type="button"].style2:hover,
- input[type="submit"].style2:hover,
- input[type="reset"].style2:hover,
- .button.style2:hover
- {
- box-shadow: inset 0px 0px 2px 0px #606167;
- }
- input[type="button"].style2:active,
- input[type="submit"].style2:active,
- input[type="reset"].style2:active,
- .button.style2:active
- {
- box-shadow: inset 0px 0px 2px 0px #202127;
- }
- input[type="button"].style3,
- input[type="submit"].style3,
- input[type="reset"].style3,
- .button.style3
- {
- background: #2f333b url('images/overlay.png');
- color: #fff;
- }
- input[type="button"].style3:hover,
- input[type="submit"].style3:hover,
- input[type="reset"].style3:hover,
- .button.style3:hover
- {
- background-color: #3f434b;
- }
- input[type="button"].style3:active,
- input[type="submit"].style3:active,
- input[type="reset"].style3:active,
- .button.style3:active
- {
- background-color: #1f232b;
- }
- /* List */
- ul.default
- {
- list-style: disc;
- padding-left: 1em;
- }
- ul.default li
- {
- padding-left: 0.5em;
- }
- ul.style2
- {
- }
- ul.style2 li
- {
- border-top: solid 1px #eee;
- padding: 1.5em 0 0 0;
- margin: 1.5em 0 0 0;
- }
- ul.style2 li:first-child
- {
- border-top: 0;
- padding-top: 0;
- margin-top: 0;
- }
- ul.style3
- {
- }
- ul.style3 li
- {
- border-top: solid 1px #eee;
- padding: 0.5em 0 0 0;
- margin: 0.5em 0 0 0;
- }
- ul.style3 li:first-child
- {
- border-top: 0;
- padding-top: 0;
- margin-top: 0;
- }
- ol
- {
- }
- ol.default
- {
- list-style: decimal;
- padding-left: 1.25em;
- }
- ol.default li
- {
- padding-left: 0.25em;
- }
- /* Feature List */
- .feature-list
- {
- }
- .feature-list h3
- {
- color: #e97770 !important;
- }
- .feature-list h3:before
- {
- position: relative;
- display: inline-block;
- color: #fff;
- background: #2f333b url('images/overlay.png');
- border-radius: 1em;
- text-align: center;
- }
- /*********************************************************************************/
- /* Icons */
- /*********************************************************************************/
- .icon {
- text-decoration: none;
- }
- .icon:before {
- display: inline-block;
- font-family: FontAwesome;
- font-size: 1.25em;
- text-decoration: none;
- font-style: normal;
- font-weight: normal;
- line-height: 1;
- -webkit-font-smoothing:antialiased;
- -moz-osx-font-smoothing:grayscale;
- }
- .icon > .label {
- display: none;
- }
- /*********************************************************************************/
- /* Wrappers */
- /*********************************************************************************/
- .wrapper
- {
- position: relative;
- }
- .wrapper .title
- {
- position: absolute;
- top: 0;
- left: 50%;
- text-align: center;
- text-transform: uppercase;
- display: block;
- font-weight: 700;
- letter-spacing: 0.25em;
- }
- .wrapper .title:before
- {
- content: '';
- position: absolute;
- bottom: -38px;
- left: -35px;
- width: 35px;
- height: 38px;
- background: url('images/shadow.png');
- }
- .wrapper .title:after
- {
- content: '';
- position: absolute;
- bottom: -38px;
- right: -35px;
- width: 35px;
- height: 38px;
- background: url('images/shadow.png');
- -moz-transform: scaleX(-1);
- -webkit-transform: scaleX(-1);
- -o-transform: scaleX(-1);
- -ms-transform: scaleX(-1);
- transform: scaleX(-1);
- }
- .wrapper.style1
- {
- background: #e97770 url('images/overlay.png');
- color: #eee;
- color: rgba(255,255,255,0.75);
- }
- .wrapper.style1 .title
- {
- background: #e97770 url('images/overlay.png');
- color: #fff;
- }
- .wrapper.style1 h1,
- .wrapper.style1 h2,
- .wrapper.style1 h3,
- .wrapper.style1 h4,
- .wrapper.style1 h5,
- .wrapper.style1 h6,
- .wrapper.style1 strong,
- .wrapper.style1 b,
- .wrapper.style1 a
- {
- color: #fff;
- }
- .wrapper.style2
- {
- background: #fff;
- }
- .wrapper.style2 .title
- {
- background: #fff;
- color: #484d55;
- }
- .wrapper.style3
- {
- background: #f3f3f3 url('images/overlay.png');
- }
- .wrapper.style3 .title
- {
- background: #f3f3f3 url('images/overlay.png');
- color: #484d55;
- }
- .wrapper.style3 .image
- {
- border: solid 10px #fff;
- }
- #header-wrapper
- {
- background: url('../images/banner.jpg') center center;
- background-size: cover;
- }
- #header-wrapper:before
- {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: url('images/overlay.png');
- }
- #footer-wrapper
- {
- background: #282b34 url('images/overlay.png');
- color: #eee;
- color: rgba(255,255,255,0.5);
- }
- #footer-wrapper h1,
- #footer-wrapper h2,
- #footer-wrapper h3,
- #footer-wrapper h4,
- #footer-wrapper h5,
- #footer-wrapper h6,
- #footer-wrapper strong,
- #footer-wrapper b,
- #footer-wrapper a
- {
- color: #fff;
- }
- #footer-wrapper hr
- {
- border-top-color: #333;
- border-top-color: rgba(255,255,255,0.05);
- }
- #footer-wrapper form
- {
- }
- #footer-wrapper form input[type="text"],
- #footer-wrapper form input[type="email"],
- #footer-wrapper form input[type="password"],
- #footer-wrapper form select,
- #footer-wrapper form textarea
- {
- background: #ccc;
- box-shadow: none;
- }
- #footer-wrapper form input[type="text"]:focus,
- #footer-wrapper form input[type="email"]:focus,
- #footer-wrapper form input[type="password"]:focus,
- #footer-wrapper form select:focus,
- #footer-wrapper form textarea:focus
- {
- background: #fff;
- }
- #footer-wrapper input[type="button"].style2,
- #footer-wrapper input[type="submit"].style2,
- #footer-wrapper input[type="reset"].style2,
- #footer-wrapper .button.style2
- {
- color: #aaa;
- box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.5);
- }
- #footer-wrapper input[type="button"].style2:hover,
- #footer-wrapper input[type="submit"].style2:hover,
- #footer-wrapper input[type="reset"].style2:hover,
- #footer-wrapper .button.style2:hover
- {
- color: #ccc;
- box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.65);
- }
- #footer-wrapper input[type="button"].style2:active,
- #footer-wrapper input[type="submit"].style2:active,
- #footer-wrapper input[type="reset"].style2:active,
- #footer-wrapper .button.style2:active
- {
- box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.75);
- }
- #footer-wrapper .title
- {
- background: #282b34 url('images/overlay.png');
- color: #eee;
- }
- #footer-wrapper header.style1
- {
- }
- #footer-wrapper header.style1 h2
- {
- color: #fff;
- }
- #footer-wrapper header.style1 .p
- {
- color: inherit;
- }
- #footer-wrapper .feature-list
- {
- }
- #footer-wrapper .feature-list section
- {
- border-top-color: #333;
- border-top-color: rgba(255,255,255,0.05);
- }
- #footer-wrapper .feature-list h3
- {
- }
- #footer-wrapper .feature-list h3:before
- {
- background: #3d4249 url('images/overlay.png');
- }
- /*********************************************************************************/
- /* Logo */
- /*********************************************************************************/
- #logo
- {
- }
- #logo h1
- {
- font-weight: 900;
- text-transform: uppercase;
- color: #fff;
- }
- #logo p
- {
- color: #eee;
- color: rgba(255,255,255,0.5);
- text-transform: uppercase;
- }
- /*********************************************************************************/
- /* Intro */
- /*********************************************************************************/
- #intro
- {
- }
- #intro > .style1
- {
- }
- #intro > .style2
- {
- font-weight: 700;
- color: #fff;
- border-radius: 0.35em;
- box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.25);
- }
- #intro > .style2 a
- {
- color: inherit;
- text-decoration: none;
- }
- #intro > .style3
- {
- }
- /*********************************************************************************/
- /* Highlights */
- /*********************************************************************************/
- #highlights
- {
- }
- #highlights .highlight
- {
- text-align: center;
- }
- #highlights .highlight h3
- {
- color: #e97770;
- }
- /*********************************************************************************/
- /* Copyright */
- /*********************************************************************************/
- #copyright
- {
- text-align: center;
- }
- #copyright ul
- {
- display: inline-block;
- border-radius: 0.35em;
- box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.05);
- color: #aaa;
- color: rgba(255,255,255,0.25);
- }
- #copyright a
- {
- color: inherit;
- }
- #copyright a:hover
- {
- color: #fff;
- }
- #mib
- {
- text-align: right;
- background-color: #C8C8C8;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement