portal/static/css/my_account.common.css

   1 /*****************************************************************
   2 <File Name>
   3         common.css
   4
   5 <Started>
   6         January 18, 2009
   7
   8 <Refactored>
   9     March 7, 2009
  10
  11 <Author>
  12         shawiz@cs.washington.edu
  13         Xuanhua (Sean) Ren
  14
  15 <Purpose>
  16         Provides the common stylesheet for Seattle Clearinghouse
  17
  18
  19 *****************************************************************/
  20
  21
  22 /*******************
  23 * RESET
  24 ********************/
  25
  26 * {
  27         margin: 0;
  28         padding: 0;
  29 }
  30
  31 fieldset, img {
  32         border: 0;
  33 }
  34
  35
  36
  37 /************************
  38 * GENERAL
  39 ************************/
  40
  41 body {
  42         background-color: #fff;
  43         /* font-family: "Segoe UI", "Lucida Grande", "Helvetica" , sans-serif;
  44         font-size: 12pt; */
  45         min-width: 1000px; /* ADDED July 2012 */
  46         margin: 0px auto; /* ADDED Aug 14, 2012 */
  47 }
  48
  49 ol {
  50     list-style-position: inside;
  51 }
  52
  53 a {
  54     text-decoration: none;
  55     color: #0066FF;
  56 }
  57
  58 code {
  59     font-family: "Consolas", "Lucida Console", "Monaco", "Courier New";
  60 }
  61
  62 .odd {
  63     background-color: #fff;
  64 }
  65
  66 .even {
  67     background-color: #eee;
  68 }
  69
  70
  71 /************************
  72 * LAYOUT
  73 ************************/
  74
  75 /***** Header *****/
  76
  77 #header {
  78     width: 900px;   /* Edited Aug 14, 2012  prev width:70%*/
  79     margin: 30px auto 20px auto;
  80 }
  81
  82 #header #logo {
  83     font-size: 42px;  /* Edited Sept 28, 2012  prev value :36pt*/
  84     font-weight: bold;
  85 }
  86
  87 #header #logo a {
  88     color: #000;
  89 }
  90
  91 #header #caption {
  92     margin-left: 20px;
  93     font-size: 13.3333px;
  94 }
  95
  96 #header #caption a {
  97         color: #0066FF;
  98 }
  99
 100
 101 /***** Navigator *****/
 102
 103 #navigator {
 104     border-bottom: 3px solid #222;
 105     width: 100%;
 106     margin: 0 auto;  /* ADDED Aug 14, 2012 */
 107 }
 108
 109 #tabs {
 110     margin: 0 auto;
 111     width: 900px; /* Editied Aug 14, 2012 prev width: 70% */
 112 }
 113
 114 #meta {
 115     float: right;
 116     font-size: 13pt;
 117     margin: 5px 0;
 118 }
 119
 120 #meta a.logout {
 121     color: red;
 122 }
 123
 124 #tabs table {
 125     border-collapse: collapse;
 126     border-spacing: 0;
 127 }
 128
 129 #tabs table tr td {
 130    padding: 5px 15px;
 131    font-size: 14pt;
 132    border-top: 1px solid #222;
 133    border-right: 2px solid #222;
 134    border-left: 2px solid #222;
 135 }
 136
 137 #tabs table tr td a {
 138     color: #000;
 139 }
 140
 141 #tabs table tr td.active {
 142     background-color: #222;
 143     color: #fff;
 144 }
 145
 146 #tabs table tr td.active a {
 147     color: #fff;
 148 }
 149
 150
 151 /***** Main *****/
 152
 153 #main {
 154     width: 100%;
 155     height: 400px;
 156     padding: 40px 0;
 157     background-image: url(../images/bg.png);
 158     background-repeat: repeat-x;
 159 }
 160
 161 #middle {
 162    margin: 0 auto;
 163    width: 900px;  /* Edited Aug 14, 2012 prev width:70% */
 164   padding-bottom: 60px;
 165 }
 166
 167
 168 /***** Notifications *****/
 169
 170 .warning {
 171         border: 1px solid red;
 172         margin: 20px 60px;
 173         padding: 10px 20px;
 174         color: red;
 175         background-color: #f2dbdb;
 176         text-align: center;
 177 }
 178 .warning2 {
 179         border: 1px solid red;
 180         margin: 20px 60px;
 181         padding: 10px 20px;
 182         color: red;
 183         background-color: #f2dbdb;
 184         text-align: center;
 185 }
 186 .message {
 187         border: 1px solid green;
 188            max-width : 682px;  /* ADDED July 2012 */
 189         margin: 20px 60px;
 190         padding: 10px 20px;
 191         color: green;
 192         font-weight: bold;
 193         background-color: #CCFFCC;
 194         text-align: center;
 195 }
 196
 197 .tooltip {
 198         background-color: #efefef;
 199         color: #333;
 200         font-size: 10pt;
 201         padding: 3px;
 202     border: solid 1px #333;
 203         z-index:100;
 204 }
 205
 206 ul.errorlist li {
 207         color: red;
 208         font-weight: normal;
 209         font-size: 10pt;
 210         background-color: #f2dbdb;
 211     padding: 3px;
 212     list-style-position: inside;
 213 }
 214
 215 #learn-about-seattle {
 216    /* max-width : 70%;*/
 217     text-align : center;
 218     background-color : #ded;
 219     border : 1px solid #0a0;
 220     padding : 1em;
 221     margin-top : 1em;
 222     margin-bottom : 1em;
 223     font-size : 1.3em;
 224 }
 225
 226
 227
 228
 229 table.mytable { border-collapse: collapse; border: 1px solid #839E99;
 230 background: #f1f8ee; font: .9em/1.2em Georgia, "Times New Roman", Times, serif; color: #033;table-layout:fixed; }
 231 .mytable caption { font-size: 1.3em; font-weight: bold; text-align: left; padding: 1em 4px; }
 232 .mytable td, th { padding: 3px 3px .75em 3px; line-height: 1.3em; }
 233 .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" }
 234 .mytable thead th { background: #2C5755; text-align: center; }
 235 .mytable thead td {style="width:15%;word-wrap: break-word"}
 236 .mytable .odd td { background: #DBE6DD; style="width:15%;word-wrap: break-word"}
 237 .mytable .odd th { background: #6E8D88; }
 238 .mytable td a, td a:link { color: #325C91; }
 239 .mytable td a:visited { color: #466C8E; }
 240 .mytable td a:hover, td a:focus { color: #1E4C94; }
 241 .mytable th a, td a:active { color: #fff; }
 242 .mytable tfoot th, tfoot td { background: #2C5755; color: #fff; }
 243 .mytable th + td { padding-left: .5em; }