webkell/refactor/main.css

   1 body{
   2         min-width:1200px;
   3 }
   4 .header {
   5         width: 100%;
   6         height: 40px;
   7 }
   8
   9 .content {
  10         height: 550px;
  11         float: left;
  12         width: 100%;
  13         background: url(bee.jpg) no-repeat 18% 30%;
  14 }
  15
  16 .footer {
  17         width: 100%;
  18         background-color: silver;
  19         margin: 0;
  20         padding: 0;
  21         float: left;
  22         height: 100%;
  23         float-offset: 8px;
  24 }
  25 .legal {
  26         color: #686868;
  27         font: italic 1em Palatino, sans-serif;
  28         position: relative;
  29         left: 50px;
  30 }
  31
  32 .title {
  33         visibility: 100%;
  34         color: #686868;
  35         font: italic bold 2.5em Palatino, sans-serif;
  36         min-width:1000px;
  37 }
  38 .subheader {
  39         font-size: 0.45em;
  40         font-style: italic;
  41 }
  42
  43 .signup {
  44         width: 200px;
  45         height: 300px;
  46         margin: 5px;
  47         padding: 2px;
  48         float: left;
  49         left: 100px;
  50         position: relative;
  51         top: 80px;
  52         background-color: rgba(255,255,255,0.55);
  53         font: 11px Verdana,Arial,sans-serif;
  54 }
  55 .signuptitle {
  56         font: italic bold 1.5em Palatino, sans-serif;
  57 }
  58 .register {
  59         width: 250px;
  60         height: 300px;
  61         margin: 5px 2px;
  62         padding: 2px;
  63         float: left;
  64         left: 100px;
  65         position: relative;
  66         top: 80px;
  67         background-color: rgba(255,255,255,0.55);
  68         font: 11px Verdana,Arial,sans-serif;
  69 }
  70
  71 .fastandeasy {
 padding:12px 0px 0px 22px;
  72         font: italic bold 24px Palatino, sans-serif;
   font-weight:400;
  73         color: #686868;
        position: relative;
  74         float: left;
  75         left: 250px;
  76         top: 50px;
  77 }
.huge {
      font-size:36px;
}
.pushright {
 margin-left:40px;
}
  78
  79
  80 .loginholder {
  81         position: relative;
  82         float: right;
  83         font: .7em Verdana,Arial,sans-serif;
  84 }
  85 .leftgrid {
  86         float: left;
  87         position: relative;
  88         color: black;
  89         font: 12px Verdana,Arial,sans-serif;
  90         margin: 15px 5px 5px;
  91 }
  92
  93 .accounts-wrapper {
  94         position: relative;
  95         height: 100%;
  96         margin: 5px;
  97 }
  98
  99 .accounts-pane {
 100
 101         border-style:solid;
 102         border-color: #E0E0E0;
 103
 104         position: relative;
 105
 106         float: left;
 107         width: 343px;
 108         height: 430px;
 109         margin: 0;
 110         padding: 1em;
 111         clear: none;
 112         display: table;
 113         background-color: white;
 114         opacity: 3;
 115         z-index: 2;
 116
 117 }
 118
 119 .journals-pane {
 120         float: left;
 121         margin-left: 5px;
 122         position: relative;
 123         padding: 10px;
 124         top: 5px;
 125         /*width: 65%;*/
 126         z-index: 1;
 127         width: inherit;
 128         display: none;
 129 }
 130
 131 .handle {
 132
 133         width: 20px;
 134         height: 20px;
 135         background-color: #808080;
 136         float: left;
 137         position: relative;
 138         z-index: 3;
 139 }
 140
 141
 142
 143
 144 /* OVERRIDE VALUES */
 145     .ui-tabs-vertical {  /* width of overall 'books' pane */
 146                 width: 100%;
 147                 min-width:1000px;
 148         }
 149
 150         //.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
 151         .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: right; width: 12em; }
 152
 153         .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
 154         .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
 155
 156         //.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
 157         .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-left: .1em; border-right-width: 1px; margin-left: -2px; }
 158
 159         .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}
 160
 161       /* Tweaks to imported styles ---------------------------------- */
 162       .ui-corner-all { -moz-border-radius: 0px; }
 163       .ui-widget-header {
 164          background: none;
 165          border: none;
 166       }
 167       .ui-widget-content {
 168          border: none;
 169       }
 170
 171
 172
 173 .cell_window {
 174         border-right: 0px solid #777777;
 175         border: 0 none white;
 176         margin-left:  4px;
 177         background-color: #f000ff;
 178 }
 179 #journals_content_list {
 180
 181         width:  70%;
 182 }
 183