layout and style changes
[myslice.git] / portal / static / css / account_view.css
1
2
3
4
5 table.mytable { border-collapse: collapse; border: 1px solid #839E99;background: #f1f8ee; font: .9em/1.2em Georgia, "Times New Roman", Times, serif; color: #033;  table-layout:fixed; width:870px}
6 .mytable td, th { padding: 3px 3px .75em 3px; line-height: 1.3em; }
7 .mytable th { background: #839E99; color: #fff; font-weight: bold;  padding-right: .5em; vertical-align: top; text-align:center }
8 .mytable  td {word-wrap: break-word; text-align:center}
9 tr.border_bottom td {border-bottom:1pt solid green;}
10
11
12 /******************************
13 * STYLE FOR PERSONAL DETAILS TABLE
14 *******************************/
15
16
17 #info {
18   background-color : #839E99;
19   border : 1px solid #839E99;
20   padding : 1em;
21   margin-bottom : 1em;
22 }
23
24 #error_msg {
25   background-color : #f2dbdb;
26   border : 1px solid red;
27   padding : 1em;
28   margin-bottom : 1em;
29 }
30
31 ul.errorlist li {
32         font-size: 12pt;
33   padding: 0px;
34 }
35
36 /* ADDED July 27, 2012 to fix the table collapsing on itself when the browser is below a certain size */
37 table.profile {  
38   border-collapse: collapse;
39   border-spacing: 0;
40   width: 70%;
41   min-width: 703px;
42   color: black;  
43 }
44
45 table.profile tr td.key {
46   text-align: right;
47   height: 30px;
48         font-size: 16px;
49   font-weight: bold;
50   width: 160px;
51 }
52
53 table.profile tr td.value {
54   padding-left: 20px;   
55     min-width: 500px; /* ADDED July 27, 2012 */
56 }
57
58 table.profile button { 
59   width: 80px;
60   vertical-align: middle;
61   float: right;
62   margin-right: 15px;
63 }
64
65 #delete {
66   width: 80px;
67   vertical-align: middle;
68   float: right;
69   margin-right: 15px;
70
71 }
72
73 #upload_key {
74   width: 80px;
75   vertical-align: middle;
76   float: right; 
77   margin-right: 15px;
78
79 }
80
81
82
83 table.profile span.hide_this{ 
84         display: inline;
85         display: none;
86 }
87
88 table.profile form{ 
89         display:inline;
90 }
91
92 #download {
93   float: right;
94   border: 2px solid #666;
95   background-color: #fff;
96   padding: 10px;
97   margin-right: 0px;
98   text-align: center;
99   font-weight: bold;
100 }
101
102 #download a img {
103   display: block;
104   width: 150px;
105 }
106
107 #download a {
108   color: black;
109 }
110
111 #download_pubkey_form {
112   display : inline;     
113 }
114 /* ADDED(everything below) Aug 14, 2012 */
115 #generate_api {
116   width: 175px;
117 }
118
119 #change_key form {
120   display: inline;
121   width: 688px; 
122 }
123
124 #generate_keypair {
125   position:relative;
126   width: 175px;
127   float: right;
128   margin-right: 15px;
129
130 }
131 #edit_password table {
132  display:inline;
133  margin: auto;
134   border-collapse: collapse;
135   border-spacing: 0;
136   padding-left: 5px;
137   width: 100%;
138 }
139
140 #edit_password td.field {
141   padding-left: 5px;
142
143 }
144
145 .wide_button {
146   width: 175px;
147 }
148
149 .api_cell {
150   color:red;
151 }
152
153 .api_cell:hover {
154   text-decoration: underline; 
155 }
156
157 img.help {
158   position: relative;
159   float: left;
160   left: 162px;
161   display: none;
162   /* when a negative margin is applied to right or bottom
163   it allows the element to overlap
164   */
165   margin-bottom: -50px;
166 }
167
168 #id_email {
169   width: 200px; 
170 }
171
172 #aff_list {
173   width: 200px;
174 }
175 #name {
176   width: 200px;
177 }
178
179 /*Added Sept 2012 to fix long api keys creating a new line*/
180 #api_key {
181   color: red;
182   font-family: courier;
183 }
184
185 #up_arrow {
186   height: 36px;
187   width: 36px;
188   float: right;
189   position: relative;
190   margin-right: 132px;
191   /*when a negative margin is applied to right or bottom
192   it allows the element to overlap
193   */
194   margin-bottom:-50px;
195 }