portal/static/css/account_view_html.css

   1 /*****************************************************************
   2 Motivated from Geni clearing house
   3 ********************/
   4
   5 * {
   6         margin: 0;
   7         padding: 0;
   8 }
   9
  10 fieldset, img {
  11         border: 0;
  12 }
  13
  14
  15
  16 /************************
  17 * GENERAL
  18 ************************/
  19
  20 body {
  21         background-color: #fff;
  22         /* font-family: "Segoe UI", "Lucida Grande", "Helvetica" , sans-serif;
  23         font-size: 12pt; */
  24         min-width: 1000px; /* ADDED July 2012 */
  25         margin: 0px auto; /* ADDED Aug 14, 2012 */
  26 }
  27
  28 ol {
  29     list-style-position: inside;
  30 }
  31
  32 a {
  33     text-decoration: none;
  34     color: #0066FF;
  35 }
  36
  37 code {
  38     font-family: "Consolas", "Lucida Console", "Monaco", "Courier New";
  39 }
  40
  41 .odd {
  42     background-color: #fff;
  43 }
  44
  45 .even {
  46     background-color: #eee;
  47 }
  48
  49
  50 /************************
  51 * LAYOUT
  52 ************************/
  53
  54 /***** Header *****/
  55
  56 #header {
  57     width: 900px;   /* Edited Aug 14, 2012  prev width:70%*/
  58     margin: 30px auto 20px auto;
  59 }
  60
  61 #header #logo {
  62     font-size: 42px;  /* Edited Sept 28, 2012  prev value :36pt*/
  63     font-weight: bold;
  64 }
  65
  66 #header #logo a {
  67     color: #000;
  68 }
  69
  70 #header #caption {
  71     margin-left: 20px;
  72     font-size: 13.3333px;
  73 }
  74
  75 #header #caption a {
  76         color: #0066FF;
  77 }
  78
  79
  80 /***** Navigator *****/
  81
  82 #navigator {
  83     border-bottom: 3px solid #222;
  84     width: 100%;
  85     margin: 0 auto;  /* ADDED Aug 14, 2012 */
  86 }
  87
  88 #tabs {
  89     margin: 0 auto;
  90     width: 900px; /* Editied Aug 14, 2012 prev width: 70% */
  91 }
  92
  93 #meta {
  94     float: right;
  95     font-size: 13pt;
  96     margin: 5px 0;
  97 }
  98
  99 #meta a.logout {
 100     color: red;
 101 }
 102
 103 #tabs table {
 104     border-collapse: collapse;
 105     border-spacing: 0;
 106 }
 107
 108 #tabs table tr td {
 109    padding: 5px 15px;
 110    font-size: 14pt;
 111    border-top: 1px solid #222;
 112    border-right: 2px solid #222;
 113    border-left: 2px solid #222;
 114 }
 115
 116 #tabs table tr td a {
 117     color: #000;
 118 }
 119
 120 #tabs table tr td.active {
 121     background-color: #222;
 122     color: #fff;
 123 }
 124
 125 #tabs table tr td.active a {
 126     color: #fff;
 127 }
 128
 129
 130 /***** Main *****/
 131
 132 #main {
 133     width: 100%;
 134     height: 400px;
 135     padding: 40px 0;
 136     background-image: url(../images/bg.png);
 137     background-repeat: repeat-x;
 138 }
 139
 140 #middle {
 141    margin: 0 auto;
 142    width: 900px;  /* Edited Aug 14, 2012 prev width:70% */
 143   padding-bottom: 60px;
 144 }
 145
 146
 147 /***** Notifications *****/
 148
 149 .warning {
 150         border: 1px solid red;
 151         margin: 20px 60px;
 152         padding: 10px 20px;
 153         color: red;
 154         background-color: #f2dbdb;
 155         text-align: center;
 156 }
 157 .warning2 {
 158         border: 1px solid red;
 159         margin: 20px 60px;
 160         padding: 10px 20px;
 161         color: red;
 162         background-color: #f2dbdb;
 163         text-align: center;
 164 }
 165 .message {
 166         border: 1px solid green;
 167            max-width : 682px;  /* ADDED July 2012 */
 168         margin: 20px 60px;
 169         padding: 10px 20px;
 170         color: green;
 171         font-weight: bold;
 172         background-color: #CCFFCC;
 173         text-align: center;
 174 }
 175
 176 .tooltip {
 177         background-color: #efefef;
 178         color: #333;
 179         font-size: 10pt;
 180         padding: 3px;
 181     border: solid 1px #333;
 182         z-index:100;
 183 }
 184
 185 ul.errorlist li {
 186         color: red;
 187         font-weight: normal;
 188         font-size: 10pt;
 189         background-color: #f2dbdb;
 190     padding: 3px;
 191     list-style-position: inside;
 192 }
 193
 194 #learn-about-seattle {
 195    /* max-width : 70%;*/
 196     text-align : center;
 197     background-color : #ded;
 198     border : 1px solid #0a0;
 199     padding : 1em;
 200     margin-top : 1em;
 201     margin-bottom : 1em;
 202     font-size : 1.3em;
 203 }
 204
 205
 206
 207
 208 table.mytable { border-collapse: collapse; border: 1px solid #839E99;
 209 background: #f1f8ee; font: .9em/1.2em Georgia, "Times New Roman", Times, serif; color: #033;table-layout:fixed; }
 210 .mytable caption { font-size: 1.3em; font-weight: bold; text-align: left; padding: 1em 4px; }
 211 .mytable td, th { padding: 3px 3px .75em 3px; line-height: 1.3em; }
 212 .mytable th { background: #839E99; color: #fff; font-weight: bold; text-align: left; padding-right: .5em; vertical-align: top; align="center" style="width:15%;word-wrap: break-word" }
 213 .mytable thead th { background: #2C5755; text-align: center; }
 214 .mytable thead td {style="width:15%;word-wrap: break-word"}
 215 .mytable .odd td { background: #DBE6DD; style="width:15%;word-wrap: break-word"}
 216 .mytable .odd th { background: #6E8D88; }
 217 .mytable td a, td a:link { color: #325C91; }
 218 .mytable td a:visited { color: #466C8E; }
 219 .mytable td a:hover, td a:focus { color: #1E4C94; }
 220 .mytable th a, td a:active { color: #fff; }
 221 .mytable tfoot th, tfoot td { background: #2C5755; color: #fff; }
 222 .mytable th + td { padding-left: .5em; }
 223
 224
 225 /******************************
 226 * STYLE FOR PERSONAL DETAILS TABLE
 227 *******************************/
 228
 229 h1 {
 230   font-size: 1.8em;
 231   border-bottom: 1px solid #bbb;
 232   width: 70%;
 233   min-width: 688px;
 234 }
 235
 236 #info {
 237   background-color : #ded;
 238   border : 1px solid #0a0;
 239   padding : 1em;
 240   margin-bottom : 1em;
 241 }
 242
 243 #error_msg {
 244   background-color : #f2dbdb;
 245   border : 1px solid red;
 246   padding : 1em;
 247   margin-bottom : 1em;
 248 }
 249
 250 ul.errorlist li {
 251         font-size: 12pt;
 252   padding: 0px;
 253 }
 254
 255 /* ADDED July 27, 2012 to fix the table collapsing on itself when the browser is below a certain size */
 256 table.profile {
 257   border-collapse: collapse;
 258   border-spacing: 0;
 259   width: 70%;
 260   min-width: 703px;
 261 }
 262
 263 table.profile tr td.key {
 264   text-align: right;
 265   height: 30px;
 266         font-size: 16px;
 267   font-weight: bold;
 268   width: 160px;
 269 }
 270
 271 table.profile tr td.value {
 272   padding-left: 20px;
 273     min-width: 500px; /* ADDED July 27, 2012 */
 274 }
 275
 276 table.profile button {
 277   width: 80px;
 278   vertical-align: middle;
 279   float: right;
 280   margin-right: 15px;
 281 }
 282
 283 table.profile span.hide_this{
 284         display: inline;
 285         display: none;
 286 }
 287
 288 table.profile form{
 289         display:inline;
 290 }
 291
 292 #download {
 293   float: right;
 294   border: 2px solid #666;
 295   background-color: #fff;
 296   padding: 10px;
 297   margin-right: 0px;
 298   text-align: center;
 299   font-weight: bold;
 300 }
 301
 302 #download a img {
 303   display: block;
 304   width: 150px;
 305 }
 306
 307 #download a {
 308   color: black;
 309 }
 310
 311 #download_pubkey_form {
 312   display : inline;
 313 }
 314 /* ADDED(everything below) Aug 14, 2012 */
 315 #generate_api {
 316   width: 175px;
 317 }
 318
 319 #change_key form {
 320   display: inline;
 321   width: 688px;
 322 }
 323
 324 #generate_keypair {
 325   position:relative;
 326   width: 175px;
 327   float: right;
 328   margin-right: 15px;
 329
 330 }
 331 #edit_password table {
 332  display:inline;
 333  margin: auto;
 334   border-collapse: collapse;
 335   border-spacing: 0;
 336   padding-left: 5px;
 337   width: 100%;
 338 }
 339
 340 #edit_password td.field {
 341   padding-left: 5px;
 342
 343 }
 344
 345 .wide_button {
 346   width: 175px;
 347 }
 348
 349 .api_cell {
 350   color:red;
 351 }
 352
 353 .api_cell:hover {
 354   text-decoration: underline;
 355 }
 356
 357 img.help {
 358   position: relative;
 359   float: left;
 360   left: 162px;
 361   display: none;
 362   /* when a negative margin is applied to right or bottom
 363   it allows the element to overlap
 364   */
 365   margin-bottom: -50px;
 366 }
 367
 368 #id_email {
 369   width: 200px;
 370 }
 371
 372 #aff_list {
 373   width: 200px;
 374 }
 375 #name {
 376   width: 200px;
 377 }
 378
 379 /*Added Sept 2012 to fix long api keys creating a new line*/
 380 #api_key {
 381   color: red;
 382   font-family: courier;
 383 }
 384
 385 #up_arrow {
 386   height: 36px;
 387   width: 36px;
 388   float: right;
 389   position: relative;
 390   margin-right: 132px;
 391   /*when a negative margin is applied to right or bottom
 392   it allows the element to overlap
 393   */
 394   margin-bottom:-50px;
 395 }