Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* CSS Document */
- html{
- font-family:Arial, Helvetica, sans-serif;
- background-attachment:fixed;
- }
- #wrapper{
- margin:0 auto;
- width:1030px;
- background-color:#4F4F4F;
- padding:10px;
- border-radius:10px;
- }#main{
- width:753px;
- float:right;
- margin-top:9px;
- background-color:#CCC;
- border-radius:10px;
- padding:10px;
- margin-right:6px;
- margin-bottom:10px;
- -moz-box-shadow: inset 0 0 5px 5px #888;
- -webkit-box-shadow: inset 0 0 5px 5px #888;
- box-shadow: inset 0 0 5px 5px #888;
- }.headerRight{
- margin-left:5px;
- width:277px;
- border-radius:10px;
- background-color:#4F4F4F;
- height:145px;
- padding:10px;
- }.headerLeft{
- text-align:right;
- width:695px;
- border-radius:10px;
- background-color:#CCC;
- height:145px;
- padding:10px;
- -moz-box-shadow: inset 0 0 5px 5px #888;
- -webkit-box-shadow: inset 0 0 5px 5px #888;
- box-shadow: inset 0 0 5px 5px #888;
- }#footer{
- width:1000px;
- margin-top:8px;
- margin-left:3px;
- background-color:#CCC;
- border-radius:10px;
- padding:10px;
- clear:both;
- -moz-box-shadow: inset 0 0 5px 5px #888;
- -webkit-box-shadow: inset 0 0 5px 5px #888;
- box-shadow: inset 0 0 5px 5px #888;
- }#footer a{
- text-decoration:none;
- }.createActBut{
- border-radius:10px;
- background-color:#884DF0;
- padding:4px;
- border:double 6px #884DF0;
- text-decoration:none;
- text-align:center;
- text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
- margin-top:6px;
- color:#000;
- font-size:24px;
- }.login{
- text-decoration:none;
- text-align:center;
- text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
- border-radius:10px;
- background-color:#C01413;
- padding:4px;
- border:double 6px #C01413;
- color:#000;
- font-size:24px;
- }.sidebar{
- width:220px;
- margin-top:8px;
- margin-left:3px;
- background-color:#CCC;
- border-radius:10px;
- padding:10px;
- clear:left;
- -moz-box-shadow: inset 0 0 5px 5px #888;
- -webkit-box-shadow: inset 0 0 5px 5px #888;
- box-shadow: inset 0 0 5px 5px #888;
- }.sidebar p{
- text-align: center;
- }.createActBut:hover{
- border-radius:10px;
- background-color:#884DF0;
- padding:4px;
- border:double 6px white;
- text-decoration:none;
- text-align:center;
- margin-top:6px;
- color:#000;
- font-size:24px;
- }.login:hover{
- border-radius:10px;
- background-color:#C01413;
- padding:4px;
- border:double 6px white;
- text-decoration:none;
- text-align:center;
- color:#000;
- font-size:24px;
- }.formEle form input{
- font-size:18px;
- font-weight:bold;
- }.inputGood{
- border:1px solid #000;
- }.formerror{
- border:2px solid #F00;
- background-color:#F00;
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- padding:3px;
- width:350px;
- margin-bottom:10px;
- }.formconfirm{
- border:2px solid #090;
- background-color:#090;
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- padding:3px;
- width:350px;
- margin-bottom:10px;
- }#search{
- padding-top:6px;
- }#search input[type="text"]{
- background: url(../Images/search-white.png) no-repeat 10px 6px #444;
- border: 0 none;
- font: bold 12px Arial,Helvetica,Sans-serif;
- color: #d7d7d7;
- width:160px;
- padding: 6px 15px 6px 35px;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- border-radius: 20px;
- text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
- -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
- -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
- box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
- -webkit-transition: all 0.7s ease 0s;
- -moz-transition: all 0.7s ease 0s;
- -o-transition: all 0.7s ease 0s;
- transition: all 0.7s ease 0s;
- }#search input[type="text"]:focus{
- background: url(../Images/search-dark.png) no-repeat 10px 6px #fcfcfc;
- border: 0 none;
- color: #6a6f75;
- width: 229px;
- -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
- -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
- box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
- text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
- }.menu{
- }.menu a{
- text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
- color: #d7d7d7;
- font: bold 16px Arial,Helvetica,Sans-serif;
- text-decoration: none;
- border-radius: 10px;
- background-color: #444;
- padding: 5px 10px;
- text-align: center;
- -webkit-transition: all 0.3s ease 0s;
- -moz-transition: all 0.3s ease 0s;
- -o-transition: all 0.3s ease 0s;
- transition: all 0.3s ease 0s;
- }.menu a:hover{
- border: double 6px #00F;
- color: #00F;
- background-color: #FFF;
- font: bold 20px Arial,Helvetica,Sans-serif;
- text-decoration: underline;
- text-align: center;
- }
- ----------------------------------------------------------------
- <html xmlns="http://www.w3.org/1999/xhtml"><head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><style type="text/css"></style>
- <title>Welcome!</title>
- <link rel="stylesheet" type="text/css" href="CSS/main.css">
- </head>
- <body>
- <style type="text/css">
- html{
- background: -webkit-gradient(linear, 0 0, 0 60%, from(black), to(#432AE8));
- background: -moz-linear-gradient(top, black, #432AE8 60%);
- font-family:"Arial", Gadget, sans-serif;
- background-attachment:fixed;
- }
- </style>
- <div id="wrapper">
- <table border="0" width="1000px">
- <tbody><tr>
- <td>
- <div class="headerLeft"><a href="index.php" title="Home"><img style="margin-right:147.5px; margin-top:7px;" src="images/Social Service.png" width="400" height="125"></a></div></td>
- <td>
- <div class="headerRight">
- <a href="?c=login" style="text-decoration:none;"><div class="login">Log In</div></a>
- <a href="?c=signup" style="text-decoration:none;"><div class="createActBut">Create an Account</div></a>
- <form method="get" action="search.php" id="search">
- <input name="q" type="text" size="40" placeholder="Search...">
- </form>
- </div></td>
- </tr>
- </tbody></table>
- <div id="main">
- <b style="color:#666;">Recent Activity</b>
- <p>Create an account today and begin your social networking experience with Social Service!</p></div>
- <div class="sidebar">
- <b style="color:#666;">Menu</b>
- <div class="menu">
- <p><a href="#">Profile</a></p>
- <p><a href="#">Friends</a></p>
- <p><a href="#">Community Service</a></p>
- <p><a href="#">Messages</a></p>
- </div>
- </div><div id="footer">
- Nelson Downs © 2012 | <a href="index.php">Home</a> | <a href="?c=signup">Create an Account</a>
- </div></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement