Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

just draft

  • Loading branch information...
commit 48881e7a216ca67f8b290df45fb494fb49c09246 1 parent a3cda08
Leandro (Hey Man) authored

Showing 2 changed files with 111 additions and 0 deletions. Show diff stats Hide diff stats

  1. +73 0 css/style.css
  2. +38 0 index.php
73 css/style.css
... ... @@ -0,0 +1,73 @@
  1 +section, div {
  2 + border: dotted #cccccc 1px;
  3 +}
  4 +
  5 +body section {
  6 + float: inside;
  7 + width: 100%;
  8 + text-align: center;
  9 +}
  10 +
  11 +body section section {
  12 + margin: 10px 15px;
  13 +}
  14 +
  15 +#esquerda {
  16 + position: absolute;
  17 + width: 20%;
  18 +}
  19 +
  20 +#center {
  21 + display: inline-block;
  22 + margin: 5px auto;
  23 + height: auto;
  24 + width: auto;
  25 + padding: 2em 4em;
  26 + background-color: #eee;
  27 + border-radius: 25px;
  28 + -moz-box-shadow: inset -3px -5px 10px 0.9px #aaa;
  29 + -webkit-box-shadow: inset -3px -5px 10px 0.9px #aaa;
  30 + box-shadow: inset -3px -5px 10px 0.9px #aaa;
  31 +}
  32 +
  33 +#paper {
  34 + display: inline-block;
  35 + height: 594px;
  36 + width: 420px;
  37 + background-color: #fcfcfc;
  38 + box-shadow: -15px -10px 15px -7px #ccc;
  39 +}
  40 +
  41 +header {
  42 + text-align: center;
  43 +}
  44 +
  45 +.component {
  46 + display: inline-block;
  47 + position: relative;
  48 + background-color: #aaa;
  49 + height: 50px;
  50 + width: 150px;
  51 + cursor: move;
  52 +}
  53 +
  54 +.component:hover {
  55 + border: dotted #000 2px;
  56 +}
  57 +
  58 +.handle {
  59 + position: absolute;
  60 + left: 0px;
  61 + top: 0px;
  62 + background-color: #fff;
  63 + background-image: url('img/draggable.png');
  64 + background-repeat: no-repeat;
  65 + cursor: move;
  66 + width: 16px;
  67 + height: 16px;
  68 +}
  69 +#menu ul {
  70 + list-style: none;
  71 + padding: 2px;
  72 +}
  73 +
38 index.php
... ... @@ -0,0 +1,38 @@
  1 +<html>
  2 + <head>
  3 + <title>UI PDF Creator</title>
  4 + <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/base/jquery-ui.css" type="text/css" media="all">
  5 + <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  6 + <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js" type="text/javascript"></script>
  7 +
  8 + <script type="text/javascript">
  9 + $(function(){
  10 + $('.component').draggable({containment : 'parent'});
  11 + });
  12 + </script>
  13 +
  14 + </head>
  15 + <body>
  16 + <header> <h1>UI PDF Creator</h1> </header>
  17 + <section>
  18 + <section id="esquerda">
  19 + <nav id="menu">
  20 + <ul>
  21 + <li>Text Element</li>
  22 + <li>Image Element</li>
  23 + </ul>
  24 + </nav>
  25 + </section>
  26 + <section id="center">
  27 + <div id="paper">
  28 + <div class="component">
  29 +
  30 + </div>
  31 + </div>
  32 + </section>
  33 + </section>
  34 + <footer>
  35 +
  36 + </footer>
  37 + </body>
  38 +</html>

0 comments on commit 48881e7

Please sign in to comment.
Something went wrong with that request. Please try again.