fcid 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- data/app/assets/images/expand.gif +0 -0
- data/app/assets/javascripts/fcid.js +14 -0
- data/app/assets/javascripts/jquery.corner.js +152 -0
- data/app/assets/stylesheets/fcid/admin.css +3 -0
- data/app/assets/stylesheets/fcid/application.css +30 -0
- data/app/assets/stylesheets/fcid/apps.css +74 -0
- data/app/assets/stylesheets/fcid/base.css +151 -0
- data/app/assets/stylesheets/fcid/base_xiaonei.css +1678 -0
- data/app/assets/stylesheets/fcid/box.css +135 -0
- data/app/assets/stylesheets/fcid/chat.css +200 -0
- data/app/assets/stylesheets/fcid/coderay.css +10 -0
- data/app/assets/stylesheets/fcid/common.css +16 -0
- data/app/assets/stylesheets/fcid/dashboardpro.css +1205 -0
- data/app/assets/stylesheets/fcid/dialog.css +175 -0
- data/app/assets/stylesheets/fcid/dialogpro.css +296 -0
- data/app/assets/stylesheets/fcid/editor.css +73 -0
- data/app/assets/stylesheets/fcid/feeds.css +41 -0
- data/app/assets/stylesheets/fcid/flyout_menu.css +38 -0
- data/app/assets/stylesheets/fcid/form.css +176 -0
- data/app/assets/stylesheets/fcid/friend_selector.css +65 -0
- data/app/assets/stylesheets/fcid/friends.css +445 -0
- data/app/assets/stylesheets/fcid/green.css +942 -0
- data/app/assets/stylesheets/fcid/layout.css +185 -0
- data/app/assets/stylesheets/fcid/lightbox.css +26 -0
- data/app/assets/stylesheets/fcid/lister.css +49 -0
- data/app/assets/stylesheets/fcid/modalbox.css +153 -0
- data/app/assets/stylesheets/fcid/msg.css +62 -0
- data/app/assets/stylesheets/fcid/navigationpro.css +878 -0
- data/app/assets/stylesheets/fcid/notification.css +162 -0
- data/app/assets/stylesheets/fcid/pagination.css +45 -0
- data/app/assets/stylesheets/fcid/pill_filter.css +83 -0
- data/app/assets/stylesheets/fcid/post.css +69 -0
- data/app/assets/stylesheets/fcid/powerapple.css +2645 -0
- data/app/assets/stylesheets/fcid/rails.css +58 -0
- data/app/assets/stylesheets/fcid/register.css +711 -0
- data/app/assets/stylesheets/fcid/showbox.css +122 -0
- data/app/assets/stylesheets/fcid/super-actions.css +222 -0
- data/app/assets/stylesheets/fcid/tabs.css +370 -0
- data/app/assets/stylesheets/fcid/toolbar.css +10 -0
- data/{lib → app/models}/fcid/base.rb +0 -0
- data/{lib → app/models}/fcid/email.rb +0 -0
- data/{lib → app/models}/fcid/feed.rb +0 -0
- data/{lib → app/models}/fcid/friendship.rb +0 -0
- data/{lib → app/models}/fcid/message.rb +0 -0
- data/{lib → app/models}/fcid/notification.rb +0 -0
- data/{lib → app/models}/fcid/session.rb +0 -0
- data/{lib → app/models}/fcid/user.rb +0 -0
- data/lib/fcid.rb +0 -3
- data/lib/fcid/controller.rb +22 -24
- data/lib/fcid/version.rb +1 -1
- data/test/dummy/db/development.sqlite3 +0 -0
- data/test/dummy/db/test.sqlite3 +0 -0
- data/test/dummy/log/development.log +2 -0
- metadata +133 -67
Binary file
|
@@ -0,0 +1,14 @@
|
|
1
|
+
var Fcid = function() {
|
2
|
+
this.init = function() {
|
3
|
+
this.init_css();
|
4
|
+
}
|
5
|
+
|
6
|
+
this.init_css = function() {
|
7
|
+
jQuery('#container').corner("10px");
|
8
|
+
jQuery('.round-corner-5').corner("5px");
|
9
|
+
jQuery('.round-corner-10').corner("10px");
|
10
|
+
}
|
11
|
+
}
|
12
|
+
|
13
|
+
var fcid = new Fcid();
|
14
|
+
jQuery(function(){ fcid.init() });
|
@@ -0,0 +1,152 @@
|
|
1
|
+
/*
|
2
|
+
* jQuery corner plugin
|
3
|
+
*
|
4
|
+
* version 1.7 (1/26/2007)
|
5
|
+
*
|
6
|
+
* Dual licensed under the MIT and GPL licenses:
|
7
|
+
* http://www.opensource.org/licenses/mit-license.php
|
8
|
+
* http://www.gnu.org/licenses/gpl.html
|
9
|
+
*/
|
10
|
+
|
11
|
+
/**
|
12
|
+
* The corner() method provides a simple way of styling DOM elements.
|
13
|
+
*
|
14
|
+
* corner() takes a single string argument: $().corner("effect corners width")
|
15
|
+
*
|
16
|
+
* effect: The name of the effect to apply, such as round or bevel.
|
17
|
+
* If you don't specify an effect, rounding is used.
|
18
|
+
*
|
19
|
+
* corners: The corners can be one or more of top, bottom, tr, tl, br, or bl.
|
20
|
+
* By default, all four corners are adorned.
|
21
|
+
*
|
22
|
+
* width: The width specifies the width of the effect; in the case of rounded corners this
|
23
|
+
* will be the radius of the width.
|
24
|
+
* Specify this value using the px suffix such as 10px, and yes it must be pixels.
|
25
|
+
*
|
26
|
+
* For more details see: http://methvin.com/jquery/jq-corner.html
|
27
|
+
* For a full demo see: http://malsup.com/jquery/corner/
|
28
|
+
*
|
29
|
+
*
|
30
|
+
* @example $('.adorn').corner();
|
31
|
+
* @desc Create round, 10px corners
|
32
|
+
*
|
33
|
+
* @example $('.adorn').corner("25px");
|
34
|
+
* @desc Create round, 25px corners
|
35
|
+
*
|
36
|
+
* @example $('.adorn').corner("notch bottom");
|
37
|
+
* @desc Create notched, 10px corners on bottom only
|
38
|
+
*
|
39
|
+
* @example $('.adorn').corner("tr dog 25px");
|
40
|
+
* @desc Create dogeared, 25px corner on the top-right corner only
|
41
|
+
*
|
42
|
+
* @example $('.adorn').corner("round 8px").parent().css('padding', '4px').corner("round 10px");
|
43
|
+
* @desc Create a rounded border effect by styling both the element and its parent
|
44
|
+
*
|
45
|
+
* @name corner
|
46
|
+
* @type jQuery
|
47
|
+
* @param String options Options which control the corner style
|
48
|
+
* @cat Plugins/Corner
|
49
|
+
* @return jQuery
|
50
|
+
* @author Dave Methvin (dave.methvin@gmail.com)
|
51
|
+
* @author Mike Alsup (malsup@gmail.com)
|
52
|
+
*/
|
53
|
+
jQuery.fn.corner = function(o) {
|
54
|
+
function hex2(s) {
|
55
|
+
var s = parseInt(s).toString(16);
|
56
|
+
return ( s.length < 2 ) ? '0'+s : s;
|
57
|
+
};
|
58
|
+
function gpc(node) {
|
59
|
+
for ( ; node && node.nodeName.toLowerCase() != 'html'; node = node.parentNode ) {
|
60
|
+
var v = jQuery.css(node,'backgroundColor');
|
61
|
+
if ( v.indexOf('rgb') >= 0 ) {
|
62
|
+
rgb = v.match(/\d+/g);
|
63
|
+
return '#'+ hex2(rgb[0]) + hex2(rgb[1]) + hex2(rgb[2]);
|
64
|
+
}
|
65
|
+
if ( v && v != 'transparent' )
|
66
|
+
return v;
|
67
|
+
}
|
68
|
+
return '#ffffff';
|
69
|
+
};
|
70
|
+
function getW(i) {
|
71
|
+
switch(fx) {
|
72
|
+
case 'round': return Math.round(width*(1-Math.cos(Math.asin(i/width))));
|
73
|
+
case 'cool': return Math.round(width*(1+Math.cos(Math.asin(i/width))));
|
74
|
+
case 'sharp': return Math.round(width*(1-Math.cos(Math.acos(i/width))));
|
75
|
+
case 'bite': return Math.round(width*(Math.cos(Math.asin((width-i-1)/width))));
|
76
|
+
case 'slide': return Math.round(width*(Math.atan2(i,width/i)));
|
77
|
+
case 'jut': return Math.round(width*(Math.atan2(width,(width-i-1))));
|
78
|
+
case 'curl': return Math.round(width*(Math.atan(i)));
|
79
|
+
case 'tear': return Math.round(width*(Math.cos(i)));
|
80
|
+
case 'wicked': return Math.round(width*(Math.tan(i)));
|
81
|
+
case 'long': return Math.round(width*(Math.sqrt(i)));
|
82
|
+
case 'sculpt': return Math.round(width*(Math.log((width-i-1),width)));
|
83
|
+
case 'dog': return (i&1) ? (i+1) : width;
|
84
|
+
case 'dog2': return (i&2) ? (i+1) : width;
|
85
|
+
case 'dog3': return (i&3) ? (i+1) : width;
|
86
|
+
case 'fray': return (i%2)*width;
|
87
|
+
case 'notch': return width;
|
88
|
+
case 'bevel': return i+1;
|
89
|
+
}
|
90
|
+
};
|
91
|
+
o = (o||"").toLowerCase();
|
92
|
+
var keep = /keep/.test(o); // keep borders?
|
93
|
+
var cc = ((o.match(/cc:(#[0-9a-f]+)/)||[])[1]); // corner color
|
94
|
+
var sc = ((o.match(/sc:(#[0-9a-f]+)/)||[])[1]); // strip color
|
95
|
+
var width = parseInt((o.match(/(\d+)px/)||[])[1]) || 10; // corner width
|
96
|
+
var re = /round|bevel|notch|bite|cool|sharp|slide|jut|curl|tear|fray|wicked|sculpt|long|dog3|dog2|dog/;
|
97
|
+
var fx = ((o.match(re)||['round'])[0]);
|
98
|
+
var edges = { T:0, B:1 };
|
99
|
+
var opts = {
|
100
|
+
TL: /top|tl/.test(o), TR: /top|tr/.test(o),
|
101
|
+
BL: /bottom|bl/.test(o), BR: /bottom|br/.test(o)
|
102
|
+
};
|
103
|
+
if ( !opts.TL && !opts.TR && !opts.BL && !opts.BR )
|
104
|
+
opts = { TL:1, TR:1, BL:1, BR:1 };
|
105
|
+
var strip = document.createElement('div');
|
106
|
+
strip.style.overflow = 'hidden';
|
107
|
+
strip.style.height = '1px';
|
108
|
+
strip.style.backgroundColor = sc || 'transparent';
|
109
|
+
strip.style.borderStyle = 'solid';
|
110
|
+
return this.each(function(index){
|
111
|
+
var pad = {
|
112
|
+
T: parseInt(jQuery.css(this,'paddingTop'))||0, R: parseInt(jQuery.css(this,'paddingRight'))||0,
|
113
|
+
B: parseInt(jQuery.css(this,'paddingBottom'))||0, L: parseInt(jQuery.css(this,'paddingLeft'))||0
|
114
|
+
};
|
115
|
+
|
116
|
+
if (jQuery.browser.msie) this.style.zoom = 1; // force 'hasLayout' in IE
|
117
|
+
if (!keep) this.style.border = 'none';
|
118
|
+
strip.style.borderColor = cc || gpc(this.parentNode);
|
119
|
+
var cssHeight = jQuery.curCSS(this, 'height');
|
120
|
+
|
121
|
+
for (var j in edges) {
|
122
|
+
var bot = edges[j];
|
123
|
+
strip.style.borderStyle = 'none '+(opts[j+'R']?'solid':'none')+' none '+(opts[j+'L']?'solid':'none');
|
124
|
+
var d = document.createElement('div');
|
125
|
+
var ds = d.style;
|
126
|
+
|
127
|
+
bot ? this.appendChild(d) : this.insertBefore(d, this.firstChild);
|
128
|
+
|
129
|
+
if (bot && cssHeight != 'auto') {
|
130
|
+
if (jQuery.css(this,'position') == 'static')
|
131
|
+
this.style.position = 'relative';
|
132
|
+
ds.position = 'absolute';
|
133
|
+
ds.bottom = ds.left = ds.padding = ds.margin = '0';
|
134
|
+
if (jQuery.browser.msie)
|
135
|
+
ds.setExpression('width', 'this.parentNode.offsetWidth');
|
136
|
+
else
|
137
|
+
ds.width = '100%';
|
138
|
+
}
|
139
|
+
else {
|
140
|
+
ds.margin = !bot ? '-'+pad.T+'px -'+pad.R+'px '+(pad.T-width)+'px -'+pad.L+'px' :
|
141
|
+
(pad.B-width)+'px -'+pad.R+'px -'+pad.B+'px -'+pad.L+'px';
|
142
|
+
}
|
143
|
+
|
144
|
+
for (var i=0; i < width; i++) {
|
145
|
+
var w = Math.max(0,getW(i));
|
146
|
+
var e = strip.cloneNode(false);
|
147
|
+
e.style.borderWidth = '0 '+(opts[j+'R']?w:0)+'px 0 '+(opts[j+'L']?w:0)+'px';
|
148
|
+
bot ? d.appendChild(e) : d.insertBefore(e, d.firstChild);
|
149
|
+
}
|
150
|
+
}
|
151
|
+
});
|
152
|
+
};
|
@@ -0,0 +1,30 @@
|
|
1
|
+
#footer .info {
|
2
|
+
width:30%;
|
3
|
+
padding:10px;
|
4
|
+
float:left;
|
5
|
+
}
|
6
|
+
|
7
|
+
|
8
|
+
.inner {
|
9
|
+
padding:10px;
|
10
|
+
}
|
11
|
+
|
12
|
+
label {
|
13
|
+
display:block;
|
14
|
+
}
|
15
|
+
|
16
|
+
|
17
|
+
.column-1 {
|
18
|
+
}
|
19
|
+
|
20
|
+
|
21
|
+
.state-pending,
|
22
|
+
.state-delete,
|
23
|
+
.state-forbid
|
24
|
+
{
|
25
|
+
color:red;
|
26
|
+
}
|
27
|
+
|
28
|
+
.state-active {
|
29
|
+
color:green;
|
30
|
+
}
|
@@ -0,0 +1,74 @@
|
|
1
|
+
#app-list {
|
2
|
+
}
|
3
|
+
|
4
|
+
#app-list ul {
|
5
|
+
}
|
6
|
+
|
7
|
+
#app-list ul li {
|
8
|
+
line-height:20px;
|
9
|
+
padding:2px;
|
10
|
+
border-bottom:1px solid #D8DFEA;
|
11
|
+
}
|
12
|
+
|
13
|
+
#app-list ul li span {
|
14
|
+
display:inline;
|
15
|
+
float:right;
|
16
|
+
}
|
17
|
+
|
18
|
+
|
19
|
+
#app-list ul li a {
|
20
|
+
padding-left:20px;
|
21
|
+
}
|
22
|
+
|
23
|
+
#app-list ul li span a{
|
24
|
+
display:inline;
|
25
|
+
padding:0px;
|
26
|
+
color:#777;
|
27
|
+
}
|
28
|
+
|
29
|
+
#app-list .app-list-journal,.feed-journal a {
|
30
|
+
background:url(/images/newsfeed/blog.gif) left no-repeat;
|
31
|
+
}
|
32
|
+
|
33
|
+
#app-list .app-list-group,.feed-group a {
|
34
|
+
background:url(/images/newsfeed/group.gif) left no-repeat;
|
35
|
+
}
|
36
|
+
|
37
|
+
#app-list .app-list-album,.feed-album a,.feed-photo a {
|
38
|
+
background:url(/images/newsfeed/photo.gif) left no-repeat;
|
39
|
+
}
|
40
|
+
|
41
|
+
#app-list .app-list-gift,.feed-gift a {
|
42
|
+
background:url(/images/newsfeed/gift.gif) left no-repeat;
|
43
|
+
}
|
44
|
+
|
45
|
+
#app-list .app-list-share,.feed-share a {
|
46
|
+
background:url(/images/newsfeed/share.gif) left no-repeat;
|
47
|
+
}
|
48
|
+
|
49
|
+
#app-list .app-list-events,.feed-event a {
|
50
|
+
background:url(/images/newsfeed/acts.gif) left no-repeat;
|
51
|
+
}
|
52
|
+
|
53
|
+
#app-list .app-list-class,.feed-class a {
|
54
|
+
background:url(/images/newsfeed/class.gif) left no-repeat;
|
55
|
+
}
|
56
|
+
|
57
|
+
#app-list .app-list-course,.feed-course a {
|
58
|
+
background:url(/images/newsfeed/course.gif) left no-repeat;
|
59
|
+
}
|
60
|
+
|
61
|
+
.feed-profile a {
|
62
|
+
background:url(/images/newsfeed/profile.gif) left no-repeat;
|
63
|
+
}
|
64
|
+
|
65
|
+
.feed-network a {
|
66
|
+
background:url(/images/newsfeed/network.gif) left no-repeat;
|
67
|
+
}
|
68
|
+
|
69
|
+
.feed-all a {
|
70
|
+
background:url(/images/newsfeed/arrow.gif) left no-repeat;
|
71
|
+
}
|
72
|
+
|
73
|
+
|
74
|
+
|
@@ -0,0 +1,151 @@
|
|
1
|
+
/* base element */
|
2
|
+
|
3
|
+
|
4
|
+
* {
|
5
|
+
padding:0px;
|
6
|
+
margin:0px;
|
7
|
+
font-size:13px;
|
8
|
+
font-weight:normal;
|
9
|
+
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
|
10
|
+
line-height:1.4em;
|
11
|
+
}
|
12
|
+
|
13
|
+
p {
|
14
|
+
padding:2px;
|
15
|
+
margin-bottom:8px;
|
16
|
+
}
|
17
|
+
|
18
|
+
li {
|
19
|
+
list-style:none;
|
20
|
+
}
|
21
|
+
|
22
|
+
body {
|
23
|
+
/* background: transparent url(/images/page-header-background.gif) 50% 0 repeat-x;*/
|
24
|
+
}
|
25
|
+
|
26
|
+
body {
|
27
|
+
background-color: #3B5998;
|
28
|
+
}
|
29
|
+
|
30
|
+
a {
|
31
|
+
color: #3B5998;
|
32
|
+
text-decoration:none;
|
33
|
+
}
|
34
|
+
|
35
|
+
/* clear */
|
36
|
+
.clear:after {
|
37
|
+
content:".";
|
38
|
+
display:block;
|
39
|
+
height:0px;
|
40
|
+
clear:both;
|
41
|
+
visibility:hidden;
|
42
|
+
}
|
43
|
+
|
44
|
+
.clear {
|
45
|
+
display:inline-block;
|
46
|
+
}
|
47
|
+
|
48
|
+
.clear {
|
49
|
+
display:block;
|
50
|
+
}
|
51
|
+
|
52
|
+
/* links */
|
53
|
+
a {
|
54
|
+
color:#0000ff;
|
55
|
+
text-decoration:underline;
|
56
|
+
}
|
57
|
+
|
58
|
+
a:hover {
|
59
|
+
}
|
60
|
+
|
61
|
+
a:active {
|
62
|
+
}
|
63
|
+
|
64
|
+
a:visited {
|
65
|
+
}
|
66
|
+
|
67
|
+
a img {
|
68
|
+
border:none;
|
69
|
+
}
|
70
|
+
|
71
|
+
a:hover img {
|
72
|
+
/*border-bottom:1px solid #aaa;*/
|
73
|
+
}
|
74
|
+
|
75
|
+
/* shortcuts */
|
76
|
+
|
77
|
+
.hidden {
|
78
|
+
display:none;
|
79
|
+
}
|
80
|
+
|
81
|
+
.highlight {
|
82
|
+
background-color:#FFF8CC;
|
83
|
+
border-bottom:1px solid #FFE222;
|
84
|
+
color:#000;
|
85
|
+
display:inline;
|
86
|
+
}
|
87
|
+
|
88
|
+
.p40 {
|
89
|
+
padding:40px;
|
90
|
+
}
|
91
|
+
|
92
|
+
.inner {
|
93
|
+
padding:10px;
|
94
|
+
}
|
95
|
+
|
96
|
+
.text-center {
|
97
|
+
text-align:center;
|
98
|
+
}
|
99
|
+
|
100
|
+
.text-left , .text-left p {
|
101
|
+
text-align:left;
|
102
|
+
}
|
103
|
+
|
104
|
+
.text-right {
|
105
|
+
text-align:right;
|
106
|
+
}
|
107
|
+
|
108
|
+
.center {
|
109
|
+
margin-left:auto;
|
110
|
+
margin-right:auto;
|
111
|
+
}
|
112
|
+
|
113
|
+
.bold,.strong,.strong a,.bold a {
|
114
|
+
font-weight:bold;
|
115
|
+
}
|
116
|
+
|
117
|
+
.empty {
|
118
|
+
padding:40px!important;
|
119
|
+
text-align:center;
|
120
|
+
}
|
121
|
+
|
122
|
+
.italic {
|
123
|
+
font-style:italic;
|
124
|
+
}
|
125
|
+
|
126
|
+
.left {
|
127
|
+
float:left;
|
128
|
+
}
|
129
|
+
|
130
|
+
.right {
|
131
|
+
float:right;
|
132
|
+
}
|
133
|
+
|
134
|
+
dl.object-fields {
|
135
|
+
}
|
136
|
+
|
137
|
+
dl.object-fields dt {
|
138
|
+
float:left;
|
139
|
+
width:120px;
|
140
|
+
line-height:20px;
|
141
|
+
}
|
142
|
+
|
143
|
+
dl.object-fields dd {
|
144
|
+
width:300px;
|
145
|
+
line-height:20px;
|
146
|
+
}
|
147
|
+
|
148
|
+
input[type=text],
|
149
|
+
input[type=password]{
|
150
|
+
width:200px;
|
151
|
+
}
|
@@ -0,0 +1,1678 @@
|
|
1
|
+
* { margin:0; padding:0;}
|
2
|
+
body { padding: 5px 0; color:#333; font-family:'lucida grande',tahoma,helvetica,"宋体",arial,'bitstream vera sans',sans-serif; font-size:12px;}
|
3
|
+
h1, h2, h3, h4, h5, h6 { font-size:1.0em;}
|
4
|
+
q:before,q:after{content:'';}
|
5
|
+
table { width:100%; border-collapse:collapse; overflow:hidden;}
|
6
|
+
td { vertical-align:top;}
|
7
|
+
a { color:#3B5888; text-decoration:none;}
|
8
|
+
a:hover { color:#3B5888; text-decoration:underline;}
|
9
|
+
img { border:0;}
|
10
|
+
|
11
|
+
.marginbottom10{margin:0; margin-bottom:10px;}
|
12
|
+
|
13
|
+
/* Miscellaneous */
|
14
|
+
.pipe { padding:0 3px; color:#AAA; font-size:11px;}
|
15
|
+
.hyphen {padding:0 5px; font-size:14px;}
|
16
|
+
.text, .content { word-break:break-all;word-wrap:break-word}
|
17
|
+
.discription { color:#808080;}
|
18
|
+
cite { font-style:normal;}
|
19
|
+
.rank { padding:0 3px;}
|
20
|
+
.hey { margin:0 2px; padding:0 2px; border-bottom:1px solid #ffe222; background:#fffbe2; color:#000;}
|
21
|
+
pre {
|
22
|
+
white-space: pre-wrap; /* css-3 */
|
23
|
+
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
|
24
|
+
white-space: -pre-wrap; /* Opera 4-6 */
|
25
|
+
white-space: -o-pre-wrap; /* Opera 7 */
|
26
|
+
word-break: break-all;
|
27
|
+
word-wrap: break-word; /* Internet Explorer 5.5+ */
|
28
|
+
}
|
29
|
+
/* styling for the links */
|
30
|
+
a.sudo { color:#dc5173;}
|
31
|
+
a.sudo:hover { background:#dc5173;}
|
32
|
+
ul.actions {list-style:none;}
|
33
|
+
ul.actions li {
|
34
|
+
line-height:1.5em;
|
35
|
+
text-indent:0.5em;
|
36
|
+
border-bottom: 1px solid #D8DFEA;
|
37
|
+
}
|
38
|
+
ul.actions a { display:block; width:100px; text-decoration:none;}
|
39
|
+
ul.actions a:hover { background:#3B5888; color:#fff; text-decoration:none;}
|
40
|
+
/* styling for the icons with link */
|
41
|
+
a.photoicon img { padding:2px; border:1px solid #d8dfea; background:#fff;}
|
42
|
+
a.photoicon:hover img { border-color:#3B5888; background:#d8dfea;}
|
43
|
+
a.albumicon img { padding:4px; border:1px solid #d8dfea; background:#fff;}
|
44
|
+
a.albumicon:hover img { border-color:#3B5888; background:#d8dfea;}
|
45
|
+
/* styling for the tables with user icons */
|
46
|
+
.personInfo { overflow:hidden; width:91px; text-align:center; vertical-align:bottom;}
|
47
|
+
.personIcon { width:52px; margin:0 auto; overflow:hidden;}
|
48
|
+
.personIcon td { width:52px; text-align:center;}
|
49
|
+
.personName { padding:5px 0 2px; text-align:center; line-height:15px; overflow:hidden;}
|
50
|
+
.personName a { display:block; white-space:nowrap;}
|
51
|
+
/* styling for the promoes */
|
52
|
+
#huge-ad {width:658px; height:280px;}
|
53
|
+
.xp-h, .xp-w, .xp-n, .xp-n2, .xp-n3 { position:relative; overflow:hidden;}
|
54
|
+
.xp-h { width:628px; height:280px;}
|
55
|
+
.xp-w { width:628px; height:60px;}
|
56
|
+
.xp-n { width:120px; height:280px;}
|
57
|
+
.xp-n2 { width:120px; height:60px;}
|
58
|
+
.xp-n3 { width:200px; height:300px;}
|
59
|
+
.ads-mt { width:500px; height:300px; margin:0 60px 25px;}
|
60
|
+
#header .xp-w { position:absolute; left:132px; top:25px;}
|
61
|
+
#sidebar .xp-n2, #adbar .xp-n2 { margin:10px 0;}
|
62
|
+
#sidebar #p44, #adbar #p44 { margin:5px 0; display:block;}
|
63
|
+
/* styling for notice boxs */
|
64
|
+
.attention, .warning, .success, .none, .messages_div, .errors_div { margin:10px; padding:10px; border:1px solid; text-align:center; line-height:20px;}
|
65
|
+
.stdcontainer .attention, .stdcontainer .warning, .stdcontainer .success, .stdcontainer .none, .stdcontainer .messages_div, .stdcontainer .errors_div { margin:10px 0;}
|
66
|
+
.gnrcontainer .attention, .gnrcontainer .warning, .gnrcontainer .success, .gnrcontainer .none, .gnrcontainer .messages_div, .gnrcontainer .errors_div { margin:10px 0;}
|
67
|
+
.attention { border-color:#ffe222; background:#fffbe2;}
|
68
|
+
.attention strong { font-size:1.2em;}
|
69
|
+
.warning { border-color:#dd3c10; background:#ffebe8;}
|
70
|
+
.success { border-color:#3B5888; background:#f7f7f7;}
|
71
|
+
.none { border-color:#d8dfea; background:#fff;}
|
72
|
+
.messages_div { border-color:#ffe222; background:#fffbe2;}
|
73
|
+
.errors_div { border-color:#dd3c10; background:#ffebe8;}
|
74
|
+
.updated {background:#FFF8CC;border-bottom:1px solid #FFE222;}
|
75
|
+
/* End of Miscellaneous */
|
76
|
+
|
77
|
+
/* Form Elements */
|
78
|
+
.stdcontainer form { margin-top:10px; margin-bottom:10px;}
|
79
|
+
.subcontainer form { margin:0; background:#FFF; padding:20px}
|
80
|
+
form#basicInfoForm h4 { margin:5px 60px; padding-left:20px; border-bottom:1px solid #d8dfea; color:#3B5888; font-size:12px; text-align:left; line-height:20px;}
|
81
|
+
form .notes { margin:10px 0; padding:10px; border:1px solid #d8dfea; background:#fff; text-align:center; line-height:24px;}
|
82
|
+
form .notes h4 { margin:5px 60px; padding-left:20px; border-bottom:1px solid #d8dfea; color:#3B5888; font-size:12px; text-align:left; line-height:20px;}
|
83
|
+
form .notes p, form .notes ol, form .notes ul { margin:0 60px; padding-left:20px; text-align:left; line-height:24px;}
|
84
|
+
form .notes em { font-style:normal; color:#dd3c10;}
|
85
|
+
form .notes span.url { margin-left:15px;}
|
86
|
+
form .hint em { font-style:normal; color:#dd3c10;}
|
87
|
+
|
88
|
+
form .required, form .optional { clear:both; padding:2px 0; line-height:24px;overflow:hidden;zoom:1}
|
89
|
+
form .required h4, form .optional h4 { margin:5px 80px 5px 150px; padding-left:10px; border-bottom:1px solid #d8dfea; color:#3B5888; font-size:12px; line-height:20px;}
|
90
|
+
form .required h4, form .optional h4, form .required p, form .optional p { margin:5px 80px 5px 150px; padding-left:10px;}
|
91
|
+
form .required label, form .optional label,.bindmsn label { float:left; width:150px; margin:0 10px 0 0; color:#808080; font-weight:bold; text-align:right;}
|
92
|
+
form .required .labelCheckbox, form .optional .labelCheckbox { display:block; float:none; width:auto; margin:0 0 0 160px; color:#000; font-weight:normal; text-align:left;}
|
93
|
+
form .required .labelCheckbox input, form .optional .labelCheckbox input { margin-right:10px;}
|
94
|
+
form .required em, form .optional em { padding:0 2px; font-style:normal;}
|
95
|
+
form .actions { margin:10px 0;text-align:center;}
|
96
|
+
form .required .labelRadio, form .optional .labelRadio { display:block; float:none; width:auto; margin:0; padding-left:160px; color:#000; font-weight:normal; text-align:left;}
|
97
|
+
form .wide textarea { width:350px; margin-left:160px;}
|
98
|
+
form .required .labelRadio input, form .optional .labelRadio input { margin-right:10px;}
|
99
|
+
.wideform .wide { text-align:center;}
|
100
|
+
.wideform .wide textarea { width:500px; margin:0;}
|
101
|
+
.wideform .actions { padding:0; text-align:center;}
|
102
|
+
.wideform .actions a { margin:0 50px;}
|
103
|
+
.narrowform .wide label { display:block; float:none; width:100%; margin:0; color:#000; text-align:left;}
|
104
|
+
.narrowform .actions { padding:0; text-align:left;}
|
105
|
+
|
106
|
+
input {font-size:12px;}
|
107
|
+
textarea, select { background:#fff; font-size:12px;}
|
108
|
+
input.inputtext:focus, textarea:focus, select:focus { background:#fcfcfc;}
|
109
|
+
input.validate-code {width:4em !important;float:left;}
|
110
|
+
.validate-num {float:left;margin:2px 0 0 4px;}
|
111
|
+
textarea { overflow:auto; padding:2px; border:1px solid #bdc7d8;}
|
112
|
+
select { height:21px; padding:2px; border:1px solid #bdc7d8;}
|
113
|
+
.inputtext { padding:2px; border:1px solid #bdc7d8;}
|
114
|
+
.inputfile { padding:2px}
|
115
|
+
.inputtext.error {border:1px solid red;text-align:left !important;}
|
116
|
+
.inputbutton, .inputsubmit, .subbutton, .canbutton, .button-group button { height:24px; font-size:12px; padding:3px 15px; border:1px solid; border-color:#d8dfea #0e1f5b #0e1f5b #d8dfea; background:#3B5888; color:#fff; line-height:16px; cursor:pointer; text-align:center;}
|
117
|
+
* html .inputbutton, * html .inputsubmit, * html .subbutton, * html .canbutton, * html .button-group button {padding:3px 6px}
|
118
|
+
*+html .inputbutton, *+html .inputsubmit, *+html .subbutton, *+html .canbutton, *+html .button-group button {padding:3px 6px}
|
119
|
+
input.gray { border:1px solid; border-color:#fff #848484 #848484 #fff; background:#f0f0f0; color:#333;}
|
120
|
+
a.subbutton { display:inline-block; height:16px; padding:3px 10px;}
|
121
|
+
a.subbutton:hover { color:#fff; text-decoration:none;}
|
122
|
+
|
123
|
+
input#highSchool { padding-right:15px; background:#fff url(/images/act_select.gif) 100% 100% no-repeat;}
|
124
|
+
|
125
|
+
/* New Form Elements */
|
126
|
+
form {
|
127
|
+
color: #333;
|
128
|
+
}
|
129
|
+
form fieldset {
|
130
|
+
border: none;
|
131
|
+
}
|
132
|
+
|
133
|
+
.white form fieldset label.empty {
|
134
|
+
color: #FFF;
|
135
|
+
}
|
136
|
+
|
137
|
+
.gray form fieldset label.empty {
|
138
|
+
color: #F7F7F7;
|
139
|
+
}
|
140
|
+
|
141
|
+
form p.submit-container {
|
142
|
+
text-align: center;
|
143
|
+
padding: 10px 0;
|
144
|
+
}
|
145
|
+
|
146
|
+
form p.submit-container input {
|
147
|
+
width: 8.0em;
|
148
|
+
}
|
149
|
+
|
150
|
+
form p .labelRadio, form p .labelCheckbox {
|
151
|
+
text-align: left !important;
|
152
|
+
float: none !important;
|
153
|
+
font-weight: normal !important;
|
154
|
+
color: #333 !important;
|
155
|
+
}
|
156
|
+
|
157
|
+
form p .labelRadio input, form p .labelCheckbox input {
|
158
|
+
margin-right: 5px !important;
|
159
|
+
}
|
160
|
+
|
161
|
+
/* confirmation */
|
162
|
+
.confirmation { margin:10px 30px; padding:1px; border:10px solid #d8dfea; background:#3B5888;}
|
163
|
+
.confirmation form { padding:20px; background:#fff;}
|
164
|
+
.confirmation h3 { border-bottom:1px solid #d8dfea; color:#3B5888;}
|
165
|
+
.confirmation p { margin:5px 0;}
|
166
|
+
.confirmation .operation { text-align:right;}
|
167
|
+
|
168
|
+
/* Structure */
|
169
|
+
#container {position: relative; width:1000px; margin:0 auto; text-align:left;}
|
170
|
+
#content {clear:both;border-left:1px solid #B7B7B7; border-right:1px solid #B7B7B7; border-bottom:1px solid #3B5888;}
|
171
|
+
#content:after {
|
172
|
+
content:".";
|
173
|
+
display:block;
|
174
|
+
height:0;
|
175
|
+
clear:both;
|
176
|
+
visibility:hidden;
|
177
|
+
}
|
178
|
+
#content {
|
179
|
+
display:inline-block;
|
180
|
+
}
|
181
|
+
/* Hide from IE Mac */
|
182
|
+
#content {display:block;}
|
183
|
+
/* End hide from IE Mac */
|
184
|
+
|
185
|
+
|
186
|
+
#grouppage #content {padding-top:10px;}
|
187
|
+
/* Header */
|
188
|
+
#header {
|
189
|
+
background: url(/images/header.gif) no-repeat 0 0;
|
190
|
+
position: relative;
|
191
|
+
height: 8px;
|
192
|
+
}
|
193
|
+
|
194
|
+
/* Header - Logo */
|
195
|
+
#header #logo {position:absolute;background:#3B5888;bottom:-45px;}
|
196
|
+
#header #logo a { background:transparent;}
|
197
|
+
|
198
|
+
/* Header - Tagline */
|
199
|
+
#header #tagline { position:absolute; left:132px; top:0; width:628px; height:24px; background:#3B5888 url(/images/hl.gif) 0 0 no-repeat; color:#fff; font-size:14px; text-indent:15px; line-height:24px;}
|
200
|
+
#header #tagline a { color:#fff; text-decoration:none;}
|
201
|
+
|
202
|
+
/* Header - Utility */
|
203
|
+
#utility { position:relative; background:#5D74A2; border-right: 1px solid #B7B7B7; z-index:101; float:right; height:29px; padding-right:10px; margin-left: -5px; color:#d8dfea; text-align:right; line-height:28px;}
|
204
|
+
#utility a { padding:0 5px; color:#d8dfea; text-decoration:none;}
|
205
|
+
#utility a:hover { color:#fff; text-decoration:underline;}
|
206
|
+
#utility .pipe { display:none;}
|
207
|
+
.paopao {background:url(http://static.xiaonei.com/img/paopao.gif) no-repeat 0 2px; padding-left:15px !important;}
|
208
|
+
.paopao span {font-size:10px;}
|
209
|
+
/* End of Header */
|
210
|
+
|
211
|
+
/* Sidebar */
|
212
|
+
#sidebar { float:left; margin-top: 44px; width:139px;}
|
213
|
+
#welcomepage #sidebar, #infopage #sidebar {background:none; border:none;}
|
214
|
+
#welcomepage #content {border-left:none;border-bottom:none;}
|
215
|
+
#welcomepage #banner {
|
216
|
+
border-bottom: 1px solid #3B5888;
|
217
|
+
border-left: 1px solid #B7B7B7 !important;
|
218
|
+
border-right: none;
|
219
|
+
padding-left:0;
|
220
|
+
background:none;}
|
221
|
+
* html #welcomepage #banner {
|
222
|
+
border-left: 3px solid #B7B7B7 !important; }
|
223
|
+
#loginpanel h3, #mymenu h3 { display:none;}
|
224
|
+
#welcomepage #huge-ad {padding-left:1px;background:url(/images/huge_ad_bg.gif) no-repeat 0 0 }
|
225
|
+
#welcomepage #huge-ad img {display: block;}
|
226
|
+
#welcomepage .box {margin-bottom:0;padding-bottom:10px;border-left:1px solid #B7B7B7;width:628px;}
|
227
|
+
|
228
|
+
|
229
|
+
/* Widebar */
|
230
|
+
#widebar {
|
231
|
+
float: right;
|
232
|
+
position: relative;
|
233
|
+
width: 860px;
|
234
|
+
border: 1px solid #E5E5E5;
|
235
|
+
border-width: 0 1px 1px 0;
|
236
|
+
background: #FFF;
|
237
|
+
}
|
238
|
+
|
239
|
+
#banner {
|
240
|
+
border-right: 1px solid #B8B8B8;
|
241
|
+
padding-left: 1px;
|
242
|
+
background: url(/images/banner_bg.gif) no-repeat 0 0;
|
243
|
+
height: 60px;
|
244
|
+
overflow:hidden;
|
245
|
+
}
|
246
|
+
#banner img {
|
247
|
+
display: block;
|
248
|
+
}
|
249
|
+
#adbar {
|
250
|
+
clear: left;
|
251
|
+
float: left;
|
252
|
+
background: #F0F0F0;
|
253
|
+
padding: 0 5px;
|
254
|
+
border-top: 10px solid #FFF;
|
255
|
+
}
|
256
|
+
/* Sidebar - Login Panel */
|
257
|
+
#loginForm p { margin:10px 0; line-height:20px;}
|
258
|
+
#loginForm p.top {margin:0;padding-top:10px;}
|
259
|
+
#loginForm label { display:block; color:#808080; font-weight:bold; line-height:20px;}
|
260
|
+
#loginForm .labelCheckbox { font-weight:normal; color:#333;}
|
261
|
+
#loginForm .labelCheckbox input { margin-right:5px;}
|
262
|
+
#loginForm .inputtext { width:114px;}
|
263
|
+
|
264
|
+
#loginpanel .portal { position:relative; display:block; margin:10px 5px 10px 0; padding:5px 0 5px 18px; border:1px solid #ccc; border-width:1px 0; background:#f7f7f7 url(/images/style_triangle.gif) 8px 10px no-repeat; color:#666;}
|
265
|
+
#loginpanel .portal:hover { border-color:#3B5888; background-color:#d8dfea; color:#333; text-decoration:none;}
|
266
|
+
#loginpanel .portal strong { display:block; color:#333;}
|
267
|
+
#loginpanel .portal:hover strong { color:#000;}
|
268
|
+
#loginpanel #loginForm {
|
269
|
+
background: #F7F7F7;
|
270
|
+
border-bottom: 1px solid #DDDDDD;
|
271
|
+
padding-left: 10px;
|
272
|
+
padding-top: -10px;
|
273
|
+
position: relative;
|
274
|
+
}
|
275
|
+
|
276
|
+
#loginpanel #loginForm #email, #loginpanel #loginForm #password {
|
277
|
+
width:114px;
|
278
|
+
}
|
279
|
+
|
280
|
+
#welcome {background: #F7F7F7; position: relative; border-bottom: 1px solid #DDD; padding-bottom: 5px;}
|
281
|
+
#welcome dt { padding:10px 5px 5px; color:#333; font-weight:bold; font-size:12px;}
|
282
|
+
#welcome dd { margin:3px 0; padding:0 10px 0 20px; background:url(/images/style_square.gif) 8px 5px no-repeat; color:#666; line-height:14px;}
|
283
|
+
#infopage #welcome {background:#FFF;border-bottom:0;padding-bottom:0}
|
284
|
+
/* highlight */
|
285
|
+
#myclass a span { padding:0 5px; font-size:9px; font-family:Tahoma, sans-serif;}
|
286
|
+
|
287
|
+
/* Sidebar - Hot Links */
|
288
|
+
#sidebar .block, #adbar .block { width:118px; margin:5px 0; background: #F9F9F9; padding-bottom:5px; border:1px solid #D8DFEA; border-color:#D8DFEA #D8DFEA #3B5888; overflow:hidden;}
|
289
|
+
#sidebar .block h3, #adbar .block h3 { padding:2px 5px; color:#808080; font-size:12px; line-height:15px; font-weight:normal; text-align:center;}
|
290
|
+
#sidebar .blockcont, #adbar .blockcont { padding:2px;}
|
291
|
+
#sidebar #postannouncement a, #adbar #postannouncement a { display:block; height:18px; margin:0 5px; border:1px solid; border-color:#d8dfea #0e1f5b #0e1f5b #d8dfea; background:#3B5888; color:#fff; line-height:18px; text-align:center; text-decoration:none; cursor:pointer;}
|
292
|
+
#sidebar .attention {padding:0;background:#F9F9F9;border:1px solid #D8DEEA; border-bottom-color:#3B5999;line-height:2.5em;width:118px;}
|
293
|
+
#adbar .blockcont p {line-height: 1.3em;padding-left:5px;}
|
294
|
+
#adbar .blockcont.shit p {line-height:1.3em;padding-left:0;background:none}
|
295
|
+
#adbar .attention {padding:0;background:#F9F9F9;border:1px solid #D8DEEA; border-bottom-color:#3B5999;line-height:2.5em;width:118px;}
|
296
|
+
#adbar .list ul {list-style: none}
|
297
|
+
#adbar .list ul li {line-height:1.3em}
|
298
|
+
/* End of Sidebar */
|
299
|
+
|
300
|
+
/* Footer */
|
301
|
+
#footer { float:right; width:860px; margin-right:1px; text-align:left; display:inline;}
|
302
|
+
#footer p { margin:6px 0; padding:0 10px; color:#808080;}
|
303
|
+
#footer .pipe {padding:0 6px;}
|
304
|
+
.shy { color:#808080; text-decoration:none;}
|
305
|
+
/* End of Footer */
|
306
|
+
|
307
|
+
/* Other Structures */
|
308
|
+
.stdcontainer { clear:both; padding:0 10px; border-top:1px solid #d8dfea; background:#f7f7f7;}
|
309
|
+
.stdcontainer:after { content:"."; display:block; font-size:0; clear:both; visibility:hidden;}
|
310
|
+
.stdcontainer { *zoom:1;}
|
311
|
+
.gnrcontainer:after { content:"."; display:block; font-size:0; line-height:0; clear:both; visibility:hidden;}
|
312
|
+
.gnrcontainer { *zoom:1;}
|
313
|
+
.stdcontainer .box h3 { margin:0; border:0; background:transparent;}
|
314
|
+
.subcontainer { padding:1px; border:10px solid #d8dfea; background:#3B5888;}
|
315
|
+
/* styling for blocks */
|
316
|
+
.box { position:relative; overflow:hidden; width:100%; margin-bottom:10px;}
|
317
|
+
.box h3 { height:24px; margin-bottom:8px; padding-left:8px; background:#d8dfea; color:#333; border-top:1px solid #3B5888; font-size:12px; line-height:24px;}
|
318
|
+
.box h3 .stat { height:24px; margin-left:5px; color:#000; font-size:12px; font-weight:normal; line-height:24px;}
|
319
|
+
.box h3 .count { padding:0 2px;}
|
320
|
+
.box .readmore { text-align:right;}
|
321
|
+
.box .more { position:absolute; right:10px; top:0px; line-height:24px;}
|
322
|
+
.box .more .stat { color:#3B5888;}
|
323
|
+
/* if the block have no content, go here */
|
324
|
+
.nocontent { margin:10px 0;}
|
325
|
+
.nocontent h3 { margin-bottom:10px; border-bottom:1px solid #d8dfea; color:#3B5888; font-size:14px;}
|
326
|
+
.nocontent ul { padding-left:20px;}
|
327
|
+
.nocontent li { margin:5px 0;}
|
328
|
+
.nocontent p { margin:10px 0;}
|
329
|
+
/* styling for page navigation */
|
330
|
+
.page {
|
331
|
+
clear: both;
|
332
|
+
margin: 0.75em 0;
|
333
|
+
text-align: center;
|
334
|
+
overflow: hidden;
|
335
|
+
zoom: 1;
|
336
|
+
}
|
337
|
+
.page .this-page { padding:2px 6px; font-weight:bold;}
|
338
|
+
.page a { position:relative; padding:2px 6px; border:solid 1px #d8dfea; background:#fff; color:#3B5888; text-decoration:none;}
|
339
|
+
.page a:hover { border:solid 1px #d8dfea; color:#fff; background:#3B5888; text-decoration:none;}
|
340
|
+
.page .pageCount { display:block; color:#808080; text-align:center; padding-top:10px;}
|
341
|
+
.page select { float:left;}
|
342
|
+
|
343
|
+
.quote {
|
344
|
+
margin-top: 1.0em;
|
345
|
+
padding: 0 0 0 18px;
|
346
|
+
background: url(/images/quote_start.gif) no-repeat 0 0;
|
347
|
+
}
|
348
|
+
|
349
|
+
.quote q {
|
350
|
+
color: #555;
|
351
|
+
padding-right: 18px;
|
352
|
+
background: url(/images/quote_end.gif) no-repeat 100% 100%;
|
353
|
+
display: inline;
|
354
|
+
zoom: 1;
|
355
|
+
}
|
356
|
+
|
357
|
+
|
358
|
+
/* Table of Contents */
|
359
|
+
#toc { position:relative; height:28px; line-height:28px; word-break:break-all;}
|
360
|
+
#toc a { text-decoration:none;}
|
361
|
+
.crumbs, .snav, .status { padding:0 10px;}
|
362
|
+
.crumbs a { text-decoration:none; font-weight:bold;}
|
363
|
+
|
364
|
+
#toc .status { float:right; color:#808080;}
|
365
|
+
#toc .status.sign {background: url(/images/sigh.gif) no-repeat left center; text-indent: 0.6em;}
|
366
|
+
#toc .op { color:#808080;}
|
367
|
+
#toc .op a { font-weight:normal;}
|
368
|
+
#toc .count { padding:0 3px; color:#3B5888; font-weight:bold;}
|
369
|
+
#toc form { float:right;}
|
370
|
+
#toc input#name, #toc input#groupname { border:1px solid #bdc7d8; padding:3px;}
|
371
|
+
#toc strong { padding:0 3px;}
|
372
|
+
|
373
|
+
#tocie { position:relative; height:28px; line-height:28px; border-bottom: 1px solid #D8DFEA; word-break:break-all;}
|
374
|
+
#tocie a { text-decoration:none;}
|
375
|
+
|
376
|
+
#tocie .status { float:right; color:#808080;}
|
377
|
+
#tocie .status.sign {background: url(/images/sigh.gif) no-repeat left center; text-indent: 0.6em;}
|
378
|
+
#tocie .op { color:#808080;}
|
379
|
+
#tocie .op a { font-weight:normal;}
|
380
|
+
#tocie .count { padding:0 3px; color:#3B5888; font-weight:bold;}
|
381
|
+
#tocie form { float:right;}
|
382
|
+
#tocie input#name, #toc input#groupname { border:1px solid #bdc7d8; padding:3px;}
|
383
|
+
#tocie strong { padding:0 3px;}
|
384
|
+
|
385
|
+
|
386
|
+
#headline { padding:5px 10px 0; color:#3B5888; font-size:14px; font-weight:bold; line-height:19px;}
|
387
|
+
#pagename { margin:10px 0; border-top:1px solid #d8dfea; border-bottom:1px solid #d8dfea; color:#3B5888; font-size:14px; font-weight:bold; line-height:30px;}
|
388
|
+
|
389
|
+
|
390
|
+
/* tab */
|
391
|
+
#tabs { height:28px; list-style:none; padding-left:10px; border-bottom:1px solid #3B5888;}
|
392
|
+
#tabs:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
|
393
|
+
#tabs { *zoom:1;}
|
394
|
+
#tabs li { float:left;}
|
395
|
+
#tabs li.activetab, #tabs li.inactivetab { margin:9px 0 -9px}
|
396
|
+
#tabs a { display:block; margin-right:5px; padding:2px 5px 1px; text-decoration:none; line-height:16px; word-break:keep-all; white-space: nowrap;}
|
397
|
+
#tabs a:hover { background:#d8dfea; text-decoration:none;}
|
398
|
+
#tabs .activetab a { color:#fff; background:#3B5888;}
|
399
|
+
#tabs .activetab a:hover { text-decoration:none; background:#3B5888;}
|
400
|
+
#tabs .inactivetab a:hover { color:#3B5888; background:#d8dfea; text-decoration:none;}
|
401
|
+
|
402
|
+
|
403
|
+
/* ==== list styles ==== */
|
404
|
+
/* infolist (ol) */
|
405
|
+
.infolist { margin:10px 0; list-style:none;}
|
406
|
+
.infolist div { margin:5px 0; padding:10px; border:1px solid #d8dfea; background:#fff;}
|
407
|
+
.infolist div:after { content:"."; display:block; clear:both; height:0; visibility:hidden;}
|
408
|
+
.infolist div { *zoom:1;}
|
409
|
+
.infolist .image { float:left; margin-right:10px; overflow:hidden;}
|
410
|
+
.infolist .info { float:left; table-layout:fixed; overflow:hidden;}
|
411
|
+
.infolist .info caption { padding:3px 0; color:#808080; font-weight:bold; text-align:left; word-break:break-all;}
|
412
|
+
.infolist .info th { color:#808080; font-weight:normal; text-align:left; vertical-align:top;}
|
413
|
+
.infolist .info .count, .infolist .info .date, .infolist .info .time { padding:0 2px; font-size:11px;}
|
414
|
+
.infolist .actions { float:right; list-style:none; width:100px;}
|
415
|
+
.infolist .actions li { border-bottom:1px solid #d8dfea; background:#fff; color:#808080; text-indent:8px;}
|
416
|
+
/* styling for the people list */
|
417
|
+
.peoplelist .image { width:102px;}
|
418
|
+
.peoplelist .info, .people .info caption { width:300px;}
|
419
|
+
.peoplelist .info th { width:3em;}
|
420
|
+
/* styling for the group list */
|
421
|
+
.grouplist .image { width:102px;}
|
422
|
+
.grouplist .info, .grouplist .info caption { width:360px;}
|
423
|
+
.grouplist .info th { width:50px;}
|
424
|
+
/* styling for the album list */
|
425
|
+
.albumlist .image { width:110px;}
|
426
|
+
.albumlist .info, .albumlist .info caption { width:360px; color:#666;}
|
427
|
+
/* styling for the announcement list */
|
428
|
+
.announcement .image { float:right; width:62px; margin:0; text-align:center;}
|
429
|
+
.announcement .image img { width:50px; margin-bottom:5px; padding:5px; border:1px solid #d8dfea; background:#fff; overflow:hidden;}
|
430
|
+
.announcement .image a:hover { background:transparent;}
|
431
|
+
.announcement .image a:hover img { border:1px solid #3B5888; background:#d8dfea;}
|
432
|
+
.announcement .info, .announcement .info caption { width:480px;}
|
433
|
+
.announcement .info caption { color:#3B5888;}
|
434
|
+
.announcement .info th { width:6em;}
|
435
|
+
|
436
|
+
/* iconlist */
|
437
|
+
.iconlist { list-style:none;}
|
438
|
+
.iconlist li { clear:both; margin:5px 0; overflow:hidden;}
|
439
|
+
.iconlist li .icon { float:left; margin-right:5px;}
|
440
|
+
.iconlist li .icon img { width:20px; max-height:30px;}
|
441
|
+
|
442
|
+
/* commentlist */
|
443
|
+
.commentlist { list-style:none;}
|
444
|
+
.commentlist li { padding:5px 10px;}
|
445
|
+
.commentlist .odd { background:#f7f7f7; border-top:1px solid #d8dfea; border-bottom:1px solid #d8dfea;}
|
446
|
+
.commentlist .even { background:#fff;}
|
447
|
+
.commentlist .content {padding:5px;}
|
448
|
+
.comment { padding-left:60px;}
|
449
|
+
.comment:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
|
450
|
+
.comment .picture { float:left; width:60px; margin-left:-60px;}
|
451
|
+
* html .comment .picture { display:inline;}
|
452
|
+
.comment .usericon img { width:50px; max-height:75px;}
|
453
|
+
.comment .info { line-height:20px;}
|
454
|
+
.comment .floor { float:right; color:#808080;}
|
455
|
+
.commentlist, .comment { *zoom:1;}
|
456
|
+
|
457
|
+
/* navlist (ol) */
|
458
|
+
.navlist { list-style:none; margin:10px 0;}
|
459
|
+
.navlist li { margin:5px 0; padding-left:11px; color:#808080;}
|
460
|
+
.navlist li.current { text-indent:-11px;}
|
461
|
+
|
462
|
+
/* datalist (table) */
|
463
|
+
.datalist { table-layout:fixed;}
|
464
|
+
.datalist th { height:24px; border:solid #d8dfea; border-width:1px 0; background:#f8f9fc; color:#3B5888; line-height:24px;}
|
465
|
+
.datalist td { padding:5px 0; overflow:hidden; border-bottom:1px solid #d8dfea; line-height:15px; vertical-align:middle;}
|
466
|
+
.datalist td p { white-space:nowrap;}
|
467
|
+
.datalist .title { padding:0 5px; border-right:1px solid #d8dfea;}
|
468
|
+
.datalist .author, .datalist .responder { width:6em; padding:0 5px; text-align:center;}
|
469
|
+
.datalist .author { border-right:1px solid #d8dfea;}
|
470
|
+
.datalist .responder { width:6em; padding:0 2px; text-align:center;}
|
471
|
+
.datalist .time { width:65px; text-align:center;}
|
472
|
+
|
473
|
+
/* popup */
|
474
|
+
.popupwrap { display:none; overflow: hidden; position:absolute; padding:10px; border:1px solid; border-color:#fff #666 #666 #fff; background:#d8dfea; text-align:left; z-index:1000;}
|
475
|
+
.popupwrap iframe {
|
476
|
+
position:absolute;
|
477
|
+
top:0;
|
478
|
+
left:0;
|
479
|
+
z-index:-1;
|
480
|
+
filter:mask();
|
481
|
+
width:3000px;
|
482
|
+
height:3000px;
|
483
|
+
display:hidden;
|
484
|
+
}
|
485
|
+
.popup { display:block; padding:10px; border:1px solid #3B5888; background:#f7f7f7;}
|
486
|
+
.popup h4 { color:#333; border-bottom:1px solid #e8eef6; line-height:24px;}
|
487
|
+
.popup p { margin:5px 0; color:#000;}
|
488
|
+
.popup p.operation { text-align:right;}
|
489
|
+
#commendit { width:300px;}
|
490
|
+
/* styling for poke */
|
491
|
+
#pan { width:300px;}
|
492
|
+
#poke_confirm, #poke_working, #poke_ok { display:none;}
|
493
|
+
#poke_ok, #poke_working { text-align:center;}
|
494
|
+
|
495
|
+
/* tip */
|
496
|
+
.tipwrap { margin:0 0 10px; border:7px solid #d8dfea; background:#fff; line-height:20px;}
|
497
|
+
.tip { position: relative; padding:10px; border:1px solid #3B5888; background:#fffeed;}
|
498
|
+
.xui-t1 .xui-gf .tip .box { margin:0;}
|
499
|
+
.tip .close {
|
500
|
+
position: absolute;
|
501
|
+
top: 0.3em;
|
502
|
+
right: 0.5em;
|
503
|
+
}
|
504
|
+
|
505
|
+
*html .tip .close {
|
506
|
+
right: 1.2em;
|
507
|
+
}
|
508
|
+
|
509
|
+
/* univlist */
|
510
|
+
#univlist, #searchSchoolList, #highSchoolList { position:absolute; width:606px; z-index:9999;}
|
511
|
+
#univlist_provinces { border-bottom:1px solid #3B5888;}
|
512
|
+
#univlist_provinces td { vertical-align:middle; color:#808080; text-align:center; font-size:13px;}
|
513
|
+
#univlist_provinces a { font-size:12px;display:block; text-decoration:none;}
|
514
|
+
#univlist_provinces td.activetab a { background:#3B5888; color:#fff;}
|
515
|
+
#univlist_provinces:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
|
516
|
+
#univlist_provinces { *zoom:1;}
|
517
|
+
#univlist_univs { list-style:none; padding:5px 10px; border:1px solid #d8dfea; background:#fff;}
|
518
|
+
#univlist_univs:after { content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
|
519
|
+
#univlist_univs { *zoom:1;}
|
520
|
+
#univlist_univs li { float:left; width:140px; border-bottom:1px solid #f4f4f4; line-height:23px;}
|
521
|
+
#univlist_univs li.univ { width:112px;}
|
522
|
+
#univlist_univs li a:hover { background:#3B5888; color:#fff; text-decoration:none;}
|
523
|
+
#searchlist_school { list-style:none; padding:5px 10px; border:1px solid #d8dfea; background:#fff;}
|
524
|
+
#searchlist_school:after { content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
|
525
|
+
#searchlist_school { *zoom:1;}
|
526
|
+
#searchlist_school li { float:left; width:140px; border-bottom:1px solid #f4f4f4; line-height:23px;}
|
527
|
+
#searchlist_school li.univ { width:112px;}
|
528
|
+
#searchlist_school li a:hover { background:#3B5888; color:#fff; text-decoration:none;}
|
529
|
+
#univlist .operation a { margin-right:180px;}
|
530
|
+
|
531
|
+
/*Editor*/
|
532
|
+
#upFile {margin-bottom:5px}
|
533
|
+
#cmtbody {width:99%; margin-right:10px;}
|
534
|
+
iframe#simplerte {height:160px; width:100%; margin:5px 0; border:none;}
|
535
|
+
iframe#rte {height:390px; margin:5px 0; border:none; overflow:hidden;}
|
536
|
+
|
537
|
+
/* Xiaonei UI Templates */
|
538
|
+
.xui-t1 .stdcontainer, .xui-t1 .gnrcontainer { padding:10px 0 0 10px; border-top:1px solid #d8dfea; background:#f7f7f7;}
|
539
|
+
|
540
|
+
.xui-t1 .xui-gf { float:left; width:456px;}
|
541
|
+
.xui-t1 .xui-g { float:right; width:180px; margin-bottom:10px; position:relative;}
|
542
|
+
|
543
|
+
.xui-u { margin-bottom:5px; padding:10px; border:1px solid #e0e0e0; background:#fff;}
|
544
|
+
.xui-t1 .xui-gf .xui-u { width:434px;}
|
545
|
+
.xui-t1 .page { margin:0; padding-top:10px;}
|
546
|
+
.xui-t1 .boxcont ol, .xui-t1 .boxcont ul { list-style:none; line-height:20px;}
|
547
|
+
.xui-t1 .more { line-height:20px;}
|
548
|
+
|
549
|
+
.xui-t1 .xui-gf .box { margin:0 0 5px;}
|
550
|
+
.xui-t1 .xui-gf h3 { height:20px; margin:0 0 5px; padding:0; border:0; border-bottom:1px solid #d8dfea; background:transparent; line-height:20px;}
|
551
|
+
.xui-t1 .xui-gf h4 { font-weight:normal; line-height:20px;}
|
552
|
+
.xui-t1 .xui-gf .more { right:0;}
|
553
|
+
.xui-t1 .xui-gf .stat { color:#333;}
|
554
|
+
|
555
|
+
.xui-t1 .xui-g h3 { height:20px; margin:0 0 5px; padding:0 5px; border:0; background:#e9e9e9; color:#333; font-size:12px; line-height:20px;}
|
556
|
+
.xui-t1 .xui-g .boxcont { padding:0 5px; line-height:20px;}
|
557
|
+
.xui-t1 .xui-g .more { right:5px;}
|
558
|
+
|
559
|
+
.xui-t2 .gnrcontainer { padding:10px;}
|
560
|
+
.xui-t2 .xui-gf { float:left; width:449px;}
|
561
|
+
.xui-t2 .xui-g { float:right; width:177px;}
|
562
|
+
.xui-t2 .xui-gf .boxcont { padding:0 10px;}
|
563
|
+
.xui-t2 .xui-g .boxcont { padding:0 10px; line-height:20px;}
|
564
|
+
|
565
|
+
.xui-t3 .gnrcontainer { padding:10px;}
|
566
|
+
.xui-t3 .xui-gf { float:left; width:504px;}
|
567
|
+
.xui-t3 .xui-g { float:right; width:122px;}
|
568
|
+
.xui-t3 .xui-gf .box { width:472px; border:1px solid #d8dfea; background:#fff;}
|
569
|
+
.xui-t3 .xui-gf .box h3 { margin:0; padding:0 10px; border:0; background:#fff;}
|
570
|
+
|
571
|
+
.xui-t4 .xui-gf { float:left; width:354px;}
|
572
|
+
.xui-t4 .xui-g { float:right; width:272px;}
|
573
|
+
.xui-t4 .xui-gf .info { width:150px;}
|
574
|
+
.xui-t4 .xui-g h3 { height:20px; padding:0; font-size:14px; line-height:20px;}
|
575
|
+
.xui-t4 .xui-g .more { right:0; line-height:20px;}
|
576
|
+
|
577
|
+
.xui-t5 .stdcontainer { padding:10px;}
|
578
|
+
.xui-t5 .xui-gf { float:left; width:426px;}
|
579
|
+
.xui-t5 .xui-g { float:right; width:200px;}
|
580
|
+
.xui-t5 .xui-g .xp-n3 { margin:10px 0;}
|
581
|
+
|
582
|
+
.xui-t6 .xui-gf { float:left; width:216px;}
|
583
|
+
.xui-t6 .xui-g { float:right; width:380px;}
|
584
|
+
|
585
|
+
|
586
|
+
/* LATEST STYLING GO HERE */
|
587
|
+
|
588
|
+
/* im */
|
589
|
+
.imstatus { padding:2px 0 2px 2px; font-weight:normal;}
|
590
|
+
|
591
|
+
/* share */
|
592
|
+
.act_share { position:absolute; top:3px; right:2px;}
|
593
|
+
#content .act_share form { margin:0; padding:0;}
|
594
|
+
|
595
|
+
/* status */
|
596
|
+
.statusTime { color:#808080;}
|
597
|
+
#doing1 { word-break:break-all;}
|
598
|
+
#edit_sta { display:none; clear:both; height:22px; text-align:right;}
|
599
|
+
#edit_sta .me { float:left; line-height:22px;}
|
600
|
+
#edit_sta .statusEditor { float:left; position:relative; background:#fff; text-align:left;}
|
601
|
+
#edit_sta .statusEditor p { height:20px; border:1px solid #777; overflow:hidden;}
|
602
|
+
#edit_sta #mySta { height:16px; padding:2px; border:0; line-height:16px;}
|
603
|
+
#edit_sta a.select { display:block; width:14px; height:20px; background:url(/images/act_select.gif) 0 0 no-repeat; text-indent:-999em; line-height:0; overflow:hidden; position:absolute; top:1px; right:1px;}
|
604
|
+
#edit_sta a.select:hover { background-position:0 100%;}
|
605
|
+
|
606
|
+
#preSta { display:none; list-style:none; border:1px solid #777; border-top:none; background:#fff; position:absolute; left:0; top:21px;}
|
607
|
+
#preSta li { border-top:1px solid #eee; text-indent:10px;}
|
608
|
+
#preSta li a { display:block; height:20px; line-height:20px; text-decoration:none;}
|
609
|
+
#preSta li a:hover { background:#3B5888; color:#fff;}
|
610
|
+
|
611
|
+
/* rules below this line are rarely used */
|
612
|
+
|
613
|
+
/* Resizable text areas */
|
614
|
+
.resizable-textarea { margin:10px 0; background:#fff;}
|
615
|
+
.resizable-textarea .grippie { height:14px; background:#eee url(/images/grippie.png) 100% 100% no-repeat; border:1px solid #d8dfea; border-top:0; cursor:s-resize;}
|
616
|
+
.dragging { border:1px dotted #000; opacity:0.5; filter:Alpha(Opacity=50);}
|
617
|
+
|
618
|
+
.floatRight { float:right;}
|
619
|
+
div#dlgContainer { border:10px #d8dfea solid; padding:1px; background-color:#d8dfea;margin-left:auto; margin-right:auto;}
|
620
|
+
div#dlgContainerInner { border:1px #3B5888 solid; background:#FFF;padding:10px}
|
621
|
+
.caution { color:#dd3c10;}
|
622
|
+
|
623
|
+
/* #topmenu */
|
624
|
+
#closepanbtn{float:right;margin:20px 10px 0 0}
|
625
|
+
#topmenu { z-index:1000; display:none; position:absolute; width:636px; background:#f7f7f7; border-left:1px solid #fff; border-right:1px solid #aaa; border-bottom:1px solid #aaa;}
|
626
|
+
#tabPan { width:487px;height:465px; overflow:auto; margin:0 0 10px 15px; text-align:center; float:left;}
|
627
|
+
.provinces { text-align:center; padding:0; margin:0; float:left;}
|
628
|
+
.provinces a:hover { background:#d8dfea; text-decoration:none;}
|
629
|
+
.provinces div { display:block; padding:6px 0 4px 0;}
|
630
|
+
.provinces a { margin:0px; padding:6px 4px 4px 4px; text-decoration:none;}
|
631
|
+
.provinces .activetab a { color:white; background:#3B5888;}
|
632
|
+
.provinces .activetab a:hover { text-decoration:none;}
|
633
|
+
.provinces .inactivetab a:hover { background:#d8dfea; text-decoration:none;}
|
634
|
+
div.school { width:114px; float:left; padding:7px 0 6px 0; margin-top:0; text-align:left; font-size:12px;}
|
635
|
+
div#taiwan, div#aomen, div#xianggang { color:gray; padding:6px 4px 4px 4px;}
|
636
|
+
|
637
|
+
/* dialog */
|
638
|
+
#dialog { border-collapse:separate; margin:0px auto; border:solid 10px #d8dfea;}
|
639
|
+
#dialog td.dialog { padding-top:10px; border:solid 1px #3B5888;}
|
640
|
+
#dialog td td { border:none;}
|
641
|
+
#dialog td .formtable { margin:5px 10px 0px;}
|
642
|
+
#dialog p { margin:10px; text-align:left;}
|
643
|
+
#dialog h4 { border-bottom:solid 1px #d8dfea; margin:5px 10px 5px; padding:0px 0px 2px; font-size:13px;}
|
644
|
+
#dialog .buttons { padding:10px; text-align:right;}
|
645
|
+
#dialog .buttons input { margin-left:10px;}
|
646
|
+
#dialog small { color:gray;}
|
647
|
+
|
648
|
+
.xui-g .boxcont{color: #333;}
|
649
|
+
|
650
|
+
#section-header {
|
651
|
+
background-color: #FFFFFF;
|
652
|
+
padding: 0px 12px 5px 20px;
|
653
|
+
overflow:hidden;
|
654
|
+
zoom:1;
|
655
|
+
}
|
656
|
+
|
657
|
+
#section-header .section-avatar {
|
658
|
+
float:left;
|
659
|
+
height:50px;
|
660
|
+
margin-right:10px;
|
661
|
+
margin-top:18px;
|
662
|
+
overflow:hidden;
|
663
|
+
position:relative;
|
664
|
+
width:50px;
|
665
|
+
z-index:1;
|
666
|
+
}
|
667
|
+
|
668
|
+
#section-header .section-avatar a {
|
669
|
+
display: block;
|
670
|
+
height: 50px;
|
671
|
+
width: 50px;
|
672
|
+
background-position: 50% 50%;
|
673
|
+
background-repeat: no-repeat;
|
674
|
+
}
|
675
|
+
|
676
|
+
#section-header .section-info {
|
677
|
+
float:left;
|
678
|
+
padding-top:23px;
|
679
|
+
width: 566px;
|
680
|
+
}
|
681
|
+
|
682
|
+
#section-header .section-info .section-gray {
|
683
|
+
background:#F7F7F7;
|
684
|
+
border-bottom:1px solid #CCCCCC;
|
685
|
+
margin:-23px -12px 4px -80px;
|
686
|
+
padding:23px 12px 4px 80px;
|
687
|
+
z-index:0;
|
688
|
+
position:relative;
|
689
|
+
width: 566px;
|
690
|
+
}
|
691
|
+
#section-header .section-actions .share {
|
692
|
+
float:right;
|
693
|
+
}
|
694
|
+
#section-header h2 em {
|
695
|
+
font-weight: normal;
|
696
|
+
font-style: normal;
|
697
|
+
}
|
698
|
+
/* BRAND NEW */
|
699
|
+
|
700
|
+
#new-event input {
|
701
|
+
margin-top: 5px;
|
702
|
+
}
|
703
|
+
|
704
|
+
/* Aux Position */
|
705
|
+
.clear {
|
706
|
+
clear: both;
|
707
|
+
}
|
708
|
+
|
709
|
+
.no-float {
|
710
|
+
float: none !important;
|
711
|
+
}
|
712
|
+
|
713
|
+
.go-inline {
|
714
|
+
display: inline;
|
715
|
+
}
|
716
|
+
|
717
|
+
.go-block {
|
718
|
+
display: block;
|
719
|
+
}
|
720
|
+
|
721
|
+
.top-margin {
|
722
|
+
margin-top: 1.0em;
|
723
|
+
}
|
724
|
+
|
725
|
+
.bottom-margin {
|
726
|
+
margin-bottom: 1.0em;
|
727
|
+
}
|
728
|
+
|
729
|
+
.vertical-margin {
|
730
|
+
margin: 10px 0;
|
731
|
+
}
|
732
|
+
|
733
|
+
.float-right {
|
734
|
+
float: right;
|
735
|
+
}
|
736
|
+
|
737
|
+
.float-left {
|
738
|
+
float: left;
|
739
|
+
}
|
740
|
+
|
741
|
+
.center {
|
742
|
+
text-align: center !important;
|
743
|
+
}
|
744
|
+
|
745
|
+
.align-left {
|
746
|
+
text-align: left !important;
|
747
|
+
}
|
748
|
+
|
749
|
+
.align-right {
|
750
|
+
text-align: right !important;
|
751
|
+
}
|
752
|
+
|
753
|
+
.lh15 {line-height:1.5em; margin: 0.5em 0}
|
754
|
+
|
755
|
+
/* Links */
|
756
|
+
a.link-arrow {
|
757
|
+
background: url(/images/arrow.gif) no-repeat right center;
|
758
|
+
padding-right: 0.75em;
|
759
|
+
}
|
760
|
+
|
761
|
+
a.link-arrow-back {
|
762
|
+
background: url(/images/arrow_back.gif) no-repeat left center;
|
763
|
+
padding-left: 0.75em;
|
764
|
+
}
|
765
|
+
/* Titles */
|
766
|
+
h2 {
|
767
|
+
font-size: 1.2em;
|
768
|
+
color: #000;
|
769
|
+
}
|
770
|
+
|
771
|
+
h2#page-title {
|
772
|
+
background: #FFF;
|
773
|
+
height: 3.0em;
|
774
|
+
line-height: 3.0em;
|
775
|
+
font-size: 1.0em;
|
776
|
+
color: #333;
|
777
|
+
text-indent: 1.0em;
|
778
|
+
border-bottom: 1px solid #CCC;
|
779
|
+
}
|
780
|
+
|
781
|
+
h2 img {
|
782
|
+
margin-right: 0.25em;
|
783
|
+
}
|
784
|
+
|
785
|
+
h3 {
|
786
|
+
color: #333;
|
787
|
+
}
|
788
|
+
|
789
|
+
h3 span {
|
790
|
+
font-weight: normal;
|
791
|
+
}
|
792
|
+
|
793
|
+
/* Oak */
|
794
|
+
#oak {
|
795
|
+
zoom: 1;
|
796
|
+
overflow: hidden;
|
797
|
+
}
|
798
|
+
|
799
|
+
#oak.white {
|
800
|
+
background: #FFF;
|
801
|
+
}
|
802
|
+
|
803
|
+
#oak.gray {
|
804
|
+
background: #F7F7F7;
|
805
|
+
}
|
806
|
+
|
807
|
+
#oak.white-gray {
|
808
|
+
background: url(/images/white_gray_bg.gif) repeat-y right top;
|
809
|
+
}
|
810
|
+
|
811
|
+
#oak.gray-gray {
|
812
|
+
background: #F7F7F7 url(/images/white_gray_bg.gif) repeat-y right top;
|
813
|
+
}
|
814
|
+
|
815
|
+
*html .white {
|
816
|
+
background: #FFF;
|
817
|
+
}
|
818
|
+
|
819
|
+
*html .gray {
|
820
|
+
background: #F7F7F7;
|
821
|
+
}
|
822
|
+
|
823
|
+
*html .white-gray {
|
824
|
+
background: url(/images/white_gray_bg.gif) repeat-y right top;
|
825
|
+
}
|
826
|
+
|
827
|
+
*html .gray-gray {
|
828
|
+
background: #F7F7F7 url(/images/white_gray_bg.gif) repeat-y right top;
|
829
|
+
}
|
830
|
+
|
831
|
+
#single-column {
|
832
|
+
padding: 10px;
|
833
|
+
clear: both;
|
834
|
+
}
|
835
|
+
|
836
|
+
|
837
|
+
#single-column.multifriends{ padding:30px;}
|
838
|
+
|
839
|
+
#wide-column {
|
840
|
+
width: 476px;
|
841
|
+
float: left;
|
842
|
+
padding: 10px;
|
843
|
+
}
|
844
|
+
|
845
|
+
#side-column {
|
846
|
+
width: 162px;
|
847
|
+
float: left;
|
848
|
+
}
|
849
|
+
|
850
|
+
#side-column .single-box {
|
851
|
+
padding: 10px;
|
852
|
+
background: #F0F0F0;
|
853
|
+
border-top: 1px solid #CCC;
|
854
|
+
border-bottom: 1px solid #CCC;
|
855
|
+
margin: 0.8em 10px 0.8em 0;
|
856
|
+
position: relative;
|
857
|
+
}
|
858
|
+
|
859
|
+
#side-column .top-box {
|
860
|
+
padding: 10px;
|
861
|
+
border-bottom: 1px solid #CCC;
|
862
|
+
}
|
863
|
+
|
864
|
+
#side-column .mid-box {
|
865
|
+
padding: 10px;
|
866
|
+
border-bottom: 1px solid #CCC;
|
867
|
+
border-top: 1px solid #FFF;
|
868
|
+
}
|
869
|
+
|
870
|
+
#side-column .bottom-box {
|
871
|
+
padding: 10px;
|
872
|
+
border-top: 1px solid #FFF;
|
873
|
+
}
|
874
|
+
|
875
|
+
#side-column .no-margin {
|
876
|
+
margin: 0;
|
877
|
+
}
|
878
|
+
|
879
|
+
#equal-left {
|
880
|
+
float: left;
|
881
|
+
width: 48.5%;
|
882
|
+
}
|
883
|
+
|
884
|
+
#equal-right {
|
885
|
+
float: right;
|
886
|
+
width: 48.5%;
|
887
|
+
}
|
888
|
+
|
889
|
+
.cube {
|
890
|
+
padding: 10px;
|
891
|
+
}
|
892
|
+
|
893
|
+
.gray .cube {
|
894
|
+
border: 1px solid #D8DFEA;
|
895
|
+
background: #FFF;
|
896
|
+
padding: 10px;
|
897
|
+
}
|
898
|
+
|
899
|
+
.gray-gray .cube {
|
900
|
+
border: 1px solid #D8DFEA;
|
901
|
+
background: #FFF;
|
902
|
+
padding: 10px;
|
903
|
+
}
|
904
|
+
|
905
|
+
.gray .side-cube {
|
906
|
+
padding: 0.5em;
|
907
|
+
margin-bottom: 1.0em;
|
908
|
+
line-height: 1.5em;
|
909
|
+
}
|
910
|
+
|
911
|
+
.gray .side-cube ul {
|
912
|
+
padding: 0.5em;
|
913
|
+
list-style: square inside;
|
914
|
+
}
|
915
|
+
|
916
|
+
.blocks {
|
917
|
+
padding: 12px;
|
918
|
+
}
|
919
|
+
|
920
|
+
.blocks h3 {
|
921
|
+
background:#D8DFEA none repeat scroll 0%;
|
922
|
+
border-top:1px solid #3B5888;
|
923
|
+
color:#3B5888;
|
924
|
+
height:2.0em;
|
925
|
+
line-height:2.0em;
|
926
|
+
text-indent: 1.0em;
|
927
|
+
margin-bottom: 0.6em;
|
928
|
+
}
|
929
|
+
/* lalalalalalal */
|
930
|
+
|
931
|
+
#toggle_collapse, #toggle_expend {
|
932
|
+
position: absolute;
|
933
|
+
top: 6px;
|
934
|
+
right: 8px;
|
935
|
+
}
|
936
|
+
|
937
|
+
|
938
|
+
#toggle_collapse a, #toggle_expend a {
|
939
|
+
display: block;
|
940
|
+
height:16px;
|
941
|
+
width: 16px;
|
942
|
+
background: url(/images/expend_out.gif) no-repeat center center;
|
943
|
+
text-indent: -999em;
|
944
|
+
line-height: 0.1em;
|
945
|
+
}
|
946
|
+
|
947
|
+
#toggle_expend a {
|
948
|
+
background: url(/images/collapse_out.gif) no-repeat center center;
|
949
|
+
}
|
950
|
+
|
951
|
+
#toggle_collapse a:hover, #toggle_expend a:hover {
|
952
|
+
background: url(/images/expend_over.gif) no-repeat center center;
|
953
|
+
}
|
954
|
+
|
955
|
+
#toggle_expend a:hover {
|
956
|
+
background: url(/images/collapse_over.gif) no-repeat center center;
|
957
|
+
}
|
958
|
+
|
959
|
+
.tip-normal {
|
960
|
+
border: 1px solid #E0E0E0;
|
961
|
+
}
|
962
|
+
|
963
|
+
.tip-normal .tip {
|
964
|
+
border: none;
|
965
|
+
position: relative;
|
966
|
+
}
|
967
|
+
|
968
|
+
.tip-normal .compact p {
|
969
|
+
margin: 5px 0;
|
970
|
+
}
|
971
|
+
|
972
|
+
.highlight {
|
973
|
+
border: 10px solid #D8DFEA;
|
974
|
+
color: #333;
|
975
|
+
}
|
976
|
+
|
977
|
+
.highlight h2 {
|
978
|
+
height: 2.0em;
|
979
|
+
line-height: 2.0em;
|
980
|
+
}
|
981
|
+
|
982
|
+
.highlight h5 {
|
983
|
+
height: 2.0em;
|
984
|
+
line-height: 2.0em;
|
985
|
+
font-size: 1.2em;
|
986
|
+
}
|
987
|
+
|
988
|
+
.highlight h5 span {
|
989
|
+
padding-left: 1.2em;
|
990
|
+
background: url(/images/sigh.gif) no-repeat 0 50%;
|
991
|
+
}
|
992
|
+
|
993
|
+
/* .highlight.popup {
|
994
|
+
border: 6px solid #8D9CCF;
|
995
|
+
margin: 20px 40px;
|
996
|
+
padding: 0;
|
997
|
+
} */
|
998
|
+
|
999
|
+
.highlight.error {
|
1000
|
+
border: 1px solid #DD3C10;
|
1001
|
+
text-align: center;
|
1002
|
+
background: #FFEBE8;
|
1003
|
+
}
|
1004
|
+
|
1005
|
+
.white .highlight.yellow {
|
1006
|
+
border: 1px solid #E0E0E0;
|
1007
|
+
background: #FFFFE1;
|
1008
|
+
text-align: center;
|
1009
|
+
}
|
1010
|
+
|
1011
|
+
.gray .highlight.yellow {
|
1012
|
+
border: 1px solid #E0E0E0;
|
1013
|
+
background: #FFF;
|
1014
|
+
text-align: center;
|
1015
|
+
}
|
1016
|
+
|
1017
|
+
.highlight.narrow {
|
1018
|
+
margin: 10px 30px;
|
1019
|
+
}
|
1020
|
+
|
1021
|
+
.highlight .highlight-border {
|
1022
|
+
display: block;
|
1023
|
+
position: relative;
|
1024
|
+
border: 1px solid #3B5888;
|
1025
|
+
padding: 10px;
|
1026
|
+
}
|
1027
|
+
|
1028
|
+
/* .highlight.popup .highlight-border {
|
1029
|
+
border-color: #3B5888;
|
1030
|
+
padding: 10px;
|
1031
|
+
background: #FFF;
|
1032
|
+
} */
|
1033
|
+
|
1034
|
+
.highlight.error .highlight-border {
|
1035
|
+
border-color: #FFEBE8;
|
1036
|
+
padding: 6px;
|
1037
|
+
}
|
1038
|
+
|
1039
|
+
.highlight.yellow .highlight-border {
|
1040
|
+
border: 0;
|
1041
|
+
padding: 20px;
|
1042
|
+
}
|
1043
|
+
|
1044
|
+
#userFriendUniv .highlight ul {
|
1045
|
+
margin-left: 0.5em;
|
1046
|
+
}
|
1047
|
+
|
1048
|
+
#userFriendUniv .highlight li {
|
1049
|
+
width: auto;
|
1050
|
+
float: none;
|
1051
|
+
text-indent: 1.0em;
|
1052
|
+
background: url(/images/arrow.gif) no-repeat 0 4px;
|
1053
|
+
}
|
1054
|
+
|
1055
|
+
#module-title {
|
1056
|
+
padding: 20px;
|
1057
|
+
}
|
1058
|
+
|
1059
|
+
#module-title h2 {
|
1060
|
+
text-indent: 2.0em;
|
1061
|
+
}
|
1062
|
+
|
1063
|
+
#module-title p {
|
1064
|
+
text-indent: 2.4em;
|
1065
|
+
height: 2.0em;
|
1066
|
+
line-height: 2.0em;
|
1067
|
+
}
|
1068
|
+
|
1069
|
+
#module-title p strong {
|
1070
|
+
color: #C30;
|
1071
|
+
}
|
1072
|
+
|
1073
|
+
.no-data {
|
1074
|
+
text-align: center;
|
1075
|
+
color: gray;
|
1076
|
+
}
|
1077
|
+
|
1078
|
+
.no-data.left {
|
1079
|
+
text-align: left;
|
1080
|
+
}
|
1081
|
+
|
1082
|
+
.no-data.tall {
|
1083
|
+
height: 6.0em;
|
1084
|
+
line-height: 6.0em;
|
1085
|
+
}
|
1086
|
+
|
1087
|
+
.no-data.double-tall {
|
1088
|
+
height: 12.0em;
|
1089
|
+
line-height: 12.0em;
|
1090
|
+
}
|
1091
|
+
|
1092
|
+
.timestamp, .time, .date {
|
1093
|
+
font-size: 11px;
|
1094
|
+
color: #808080;
|
1095
|
+
}
|
1096
|
+
|
1097
|
+
.tip-normal #friendsNewsFeed{border-top: 1px solid #dedbe7; padding:3px 0 10px 0}
|
1098
|
+
.tip-normal #findmates{color: #292929;}
|
1099
|
+
.tip-normal #searchByName input.inputtext{width: 100px}
|
1100
|
+
.tip-normal #searchByName input.inputempty{color: #808080}
|
1101
|
+
.tip-normal .tip .box h3{border-bottom: none}
|
1102
|
+
.tip-normal .tip .box {padding: 10px 0}
|
1103
|
+
.tip-normal #myicon .boxcont .image{margin-right: 5px}
|
1104
|
+
.tip-normal #notes p{margin: 5px 0}
|
1105
|
+
.tip-normal #friendsNewsFeed{border-top: 1px solid #dedbe7; padding:5px 0 10px 0; color: #333}
|
1106
|
+
.tip-normal #notes.xui-g .box .more{padding:0; margin-top:0; top:0;}
|
1107
|
+
.tip-normal .tip .box .lower{top:12px;}
|
1108
|
+
|
1109
|
+
|
1110
|
+
.submit-form {position:relative}
|
1111
|
+
.submit-form h3 { border-bottom:1px solid #D8DFEA; line-height:1.75em;margin-bottom:5px;}
|
1112
|
+
.submit-form p { clear:left; padding:2px 0; line-height:1.5em;}
|
1113
|
+
.submit-form p.label { line-height:18px;margin-bottom:2.0em;}
|
1114
|
+
.submit-form p.operation {margin-top: 1.5em;}
|
1115
|
+
.submit-form p select {width: 10.0em;}
|
1116
|
+
.submit-form p em { color:#808080; font-style:normal; font-weight:bold; padding:2px 2px 0pt 0pt;}
|
1117
|
+
.submit-form label { float:left; position:relative; width:100px; margin:0 10px 0 0; color:#808080; font-weight:bold; text-align:right;}
|
1118
|
+
.submit-form label.empty {color:#FFF}
|
1119
|
+
.submit-form .errors_div {margin:0}
|
1120
|
+
.submit-form span {color:#808080;padding-left:1.0em;}
|
1121
|
+
|
1122
|
+
/* Login Form */
|
1123
|
+
|
1124
|
+
.form-login {
|
1125
|
+
margin:10px 30px;
|
1126
|
+
}
|
1127
|
+
|
1128
|
+
.form-login h3 {
|
1129
|
+
font-size: 1.2em;
|
1130
|
+
border-bottom: 1px solid #D8DFEA;
|
1131
|
+
line-height: 1.5em;
|
1132
|
+
margin-bottom: 2.0em;
|
1133
|
+
}
|
1134
|
+
|
1135
|
+
.form-login p {
|
1136
|
+
padding: 0.5em 0;
|
1137
|
+
overflow: hidden;
|
1138
|
+
zoom: 1;
|
1139
|
+
}
|
1140
|
+
|
1141
|
+
.form-login p label {
|
1142
|
+
float:left;
|
1143
|
+
width:190px;
|
1144
|
+
margin-right:10px;
|
1145
|
+
color:#808080;
|
1146
|
+
font-weight:bold;
|
1147
|
+
text-align:right;
|
1148
|
+
height: 1.8em;
|
1149
|
+
line-height: 1.8em;
|
1150
|
+
}
|
1151
|
+
|
1152
|
+
.form-login p .inputtext, .form-login p .inputpassword {
|
1153
|
+
float: left;
|
1154
|
+
border:1px solid #BDC7D8;
|
1155
|
+
vertical-align: middle;
|
1156
|
+
height: 18px;
|
1157
|
+
line-height: 18px;
|
1158
|
+
width: 194px;
|
1159
|
+
padding: 2px;
|
1160
|
+
}
|
1161
|
+
|
1162
|
+
.form-login p .labelCheckbox {
|
1163
|
+
padding-left: 1.0em;
|
1164
|
+
}
|
1165
|
+
|
1166
|
+
#joinHighschool #avatar-table p {
|
1167
|
+
margin-top: 2.0em;
|
1168
|
+
}
|
1169
|
+
.pager-top {border-bottom: 1px solid #D8DFEA; padding:5px 10px 0; overflow:hidden; zoom:1;}
|
1170
|
+
.pager-top.moretopmargin{ margin-top:10px;}
|
1171
|
+
.pager-top span {float:left;padding-bottom:6px;}
|
1172
|
+
* html .pager-top span {padding-bottom:5px;}
|
1173
|
+
*+html .pager-top span {padding-bottom:4px;}
|
1174
|
+
.pager-top span.pipe {float:none;}
|
1175
|
+
.pager-bottom {border-top: 1px solid #D8DFEA; padding:0 10px 5px; overflow:hidden; zoom:1;}
|
1176
|
+
.pagerpro{float:right;list-style:none;margin:0;padding:0;}
|
1177
|
+
.pagerpro li{display:inline;float:left;}
|
1178
|
+
.pagerpro li a{font-size:11px;display:block;padding:3px;padding-bottom:2px;}
|
1179
|
+
.pager-bottom .pagerpro li a{border-top:2px solid white;border-bottom:0;padding-top:2px;padding-bottom:3px;}
|
1180
|
+
.pagerpro li a.chn{font-size:12px;}
|
1181
|
+
.pagerpro li a:hover{background:#3B5888;border-color:#D8DFEA;border-bottom:2px solid #3B5888;color:white;text-decoration:none;}
|
1182
|
+
.pagerpro li a.chn:hover{border-bottom:1px solid #3B5888;}
|
1183
|
+
.pager-bottom .pagerpro li a:hover{border-top:2px solid #3B5888;color:white;border-bottom:0;}
|
1184
|
+
.pager-bottom .pagerpro li a.chn:hover{border-top:1px solid #3B5888;}
|
1185
|
+
* html .pagerpro li a.chn:hover{border-bottom:0 solid #3B5888;}
|
1186
|
+
.pagerpro li.current a,
|
1187
|
+
.pagerpro li.current a:hover{background:transparent;border-color:#3B5888;border-bottom:2px solid #3B5888;color:#3B5888;font-weight:bold;padding-left:2px;padding-right:2px;}
|
1188
|
+
.pager-bottom .pagerpro li.current a,
|
1189
|
+
.pager-bottom .pagerpro li.current a:hover{border-bottom:none;border-top:2px solid #3B5888;}
|
1190
|
+
|
1191
|
+
|
1192
|
+
#xiaonei-welcome-u-guys {
|
1193
|
+
border-left: 1px solid #B7B7B7;
|
1194
|
+
/*border-bottom: 1px solid #3B5888;*/
|
1195
|
+
border-bottom: none;
|
1196
|
+
padding: 20px 30px 15px;
|
1197
|
+
border-top: 1px solid #CCC;
|
1198
|
+
}
|
1199
|
+
|
1200
|
+
#xiaonei-welcome-u-guys p {
|
1201
|
+
margin-top: 15px;
|
1202
|
+
color: #808080;
|
1203
|
+
}
|
1204
|
+
|
1205
|
+
#xiaonei-welcome-u-guys.lessmargin p{ margin-top:0;}
|
1206
|
+
|
1207
|
+
#xiaonei-welcome-u-guys p a {
|
1208
|
+
/*font-weight: bold;*/
|
1209
|
+
}
|
1210
|
+
|
1211
|
+
#xiaonei-welcome-u-guys span.sign-up-home {
|
1212
|
+
float: right;
|
1213
|
+
border-top: 1px solid #CCC;
|
1214
|
+
border-bottom: 1px solid #CCC;
|
1215
|
+
background: #F7F7F7;
|
1216
|
+
text-align: center;
|
1217
|
+
padding: 12px 0;
|
1218
|
+
width: 240px;
|
1219
|
+
text-decoration: none;
|
1220
|
+
}
|
1221
|
+
|
1222
|
+
#xiaonei-welcome-u-guys span.sign-up-home strong {
|
1223
|
+
font-size: 1.4em;
|
1224
|
+
font-weight: bold;
|
1225
|
+
color: #000;
|
1226
|
+
display: block;
|
1227
|
+
}
|
1228
|
+
|
1229
|
+
#xiaonei-welcome-u-guys span.sign-up-home em {
|
1230
|
+
font-style: normal;
|
1231
|
+
color: #808080;
|
1232
|
+
display: block;
|
1233
|
+
margin: 0.5em;
|
1234
|
+
}
|
1235
|
+
|
1236
|
+
#xiaonei-welcome-u-guys span.sign-up-home a {
|
1237
|
+
background: url(/images/reg.gif) no-repeat;
|
1238
|
+
display: block;
|
1239
|
+
width: 86px;
|
1240
|
+
height: 25px;
|
1241
|
+
margin: 0 auto;
|
1242
|
+
cursor: hand;
|
1243
|
+
text-indent: -999em;
|
1244
|
+
}
|
1245
|
+
|
1246
|
+
* html #xiaonei-welcome-u-guys span.sign-up-home {margin:0}
|
1247
|
+
*+html #xiaonei-welcome-u-guys span.sign-up-home {margin:0}
|
1248
|
+
|
1249
|
+
|
1250
|
+
#xiaonei-welcome-u-guys div p {
|
1251
|
+
color: #808080;
|
1252
|
+
padding: 6px 0 10px;
|
1253
|
+
}
|
1254
|
+
|
1255
|
+
#xiaonei-welcome-u-guys dt {
|
1256
|
+
font-size: 1.2em;
|
1257
|
+
font-weight: bold;
|
1258
|
+
margin-bottom: 0.8em;
|
1259
|
+
}
|
1260
|
+
|
1261
|
+
#xiaonei-welcome-u-guys dd {
|
1262
|
+
background: url(/images/style_square.gif) no-repeat 5px 50%;
|
1263
|
+
text-indent: 1.5em;
|
1264
|
+
line-height: 1.5em;
|
1265
|
+
|
1266
|
+
}
|
1267
|
+
|
1268
|
+
* html #browsesociety #toc .snav select {
|
1269
|
+
margin-top: 3px;
|
1270
|
+
}
|
1271
|
+
|
1272
|
+
#errorPage .errors_div {
|
1273
|
+
background: none;
|
1274
|
+
border: none;
|
1275
|
+
text-align: left;
|
1276
|
+
margin: 0;
|
1277
|
+
padding: 0;
|
1278
|
+
font-weight: bold;
|
1279
|
+
font-size: 1.2em;
|
1280
|
+
}
|
1281
|
+
|
1282
|
+
#errorPage #content {
|
1283
|
+
padding: 35px;
|
1284
|
+
}
|
1285
|
+
|
1286
|
+
#errorPage #content p.notes {
|
1287
|
+
margin: 1.0em 0;
|
1288
|
+
color: #808080;
|
1289
|
+
}
|
1290
|
+
|
1291
|
+
#errorPage #content ul {
|
1292
|
+
list-style: square inside;
|
1293
|
+
color: #3B5888;
|
1294
|
+
}
|
1295
|
+
|
1296
|
+
#uploadDiv {line-height:2.0em}
|
1297
|
+
|
1298
|
+
|
1299
|
+
|
1300
|
+
#pages-jump {
|
1301
|
+
background: #F7F7F7;
|
1302
|
+
clear: both;
|
1303
|
+
height: 3.0em;
|
1304
|
+
line-height: 3.0em;
|
1305
|
+
position: relative;
|
1306
|
+
text-align: center;
|
1307
|
+
padding: 0 1.0em;
|
1308
|
+
z-index: 10;
|
1309
|
+
}
|
1310
|
+
|
1311
|
+
#pages-jump a {
|
1312
|
+
background: #FFF;
|
1313
|
+
border: 1px solid #D8DFEA;
|
1314
|
+
color: #3B5888;
|
1315
|
+
padding: 2px 6px;
|
1316
|
+
text-decoration: none;
|
1317
|
+
}
|
1318
|
+
|
1319
|
+
#pages-jump span a {
|
1320
|
+
background: none;
|
1321
|
+
border: none;
|
1322
|
+
padding: 0;
|
1323
|
+
}
|
1324
|
+
|
1325
|
+
#pages-jump span a:hover {
|
1326
|
+
text-decoration: underline;
|
1327
|
+
}
|
1328
|
+
|
1329
|
+
#pages-jump .this-page {
|
1330
|
+
font-weight: bold;
|
1331
|
+
padding: 2px 6px;
|
1332
|
+
}
|
1333
|
+
|
1334
|
+
#pages-jump.top {
|
1335
|
+
border-bottom: 1px solid #CCC;
|
1336
|
+
}
|
1337
|
+
|
1338
|
+
#pages-jump.bottom {
|
1339
|
+
border-top: 1px solid #CCC;
|
1340
|
+
margin-top: 10px;
|
1341
|
+
}
|
1342
|
+
|
1343
|
+
#pages-jump .right-line {
|
1344
|
+
float: right;
|
1345
|
+
}
|
1346
|
+
|
1347
|
+
#pages-jump .left-line {
|
1348
|
+
float: left;
|
1349
|
+
}
|
1350
|
+
|
1351
|
+
#pages-jump strong {
|
1352
|
+
margin: 0 0.25em;
|
1353
|
+
}
|
1354
|
+
|
1355
|
+
*html .bottom {
|
1356
|
+
border-top: 1px solid #CCC;
|
1357
|
+
margin-top: 10px;
|
1358
|
+
}
|
1359
|
+
|
1360
|
+
.no-page {
|
1361
|
+
height: 2.0em !important;
|
1362
|
+
line-height: 2.0em !important;
|
1363
|
+
}
|
1364
|
+
|
1365
|
+
.no-page.align-left {
|
1366
|
+
text-align: left !important;
|
1367
|
+
}
|
1368
|
+
|
1369
|
+
|
1370
|
+
#uniList {
|
1371
|
+
width: 612px;
|
1372
|
+
}
|
1373
|
+
|
1374
|
+
.popup-wrapper {
|
1375
|
+
border: 10px solid #D8DFEA;
|
1376
|
+
position: absolute;
|
1377
|
+
z-index: 9999;
|
1378
|
+
overflow: hidden;
|
1379
|
+
}
|
1380
|
+
|
1381
|
+
.popup-wrapper iframe {
|
1382
|
+
position:absolute;
|
1383
|
+
top:0;
|
1384
|
+
left:0;
|
1385
|
+
z-index:-1;
|
1386
|
+
filter:mask();
|
1387
|
+
width:3000px;
|
1388
|
+
height:3000px;
|
1389
|
+
display:hidden;
|
1390
|
+
}
|
1391
|
+
|
1392
|
+
.popup-content {
|
1393
|
+
border: 1px solid #3B5888;
|
1394
|
+
background: #F7F7F7;
|
1395
|
+
padding: 6px;
|
1396
|
+
overflow: hidden;
|
1397
|
+
zoom: 1;
|
1398
|
+
}
|
1399
|
+
|
1400
|
+
#popup-country {
|
1401
|
+
font: 13px sans-serif;
|
1402
|
+
list-style: none;
|
1403
|
+
overflow: hidden;
|
1404
|
+
zoom: 1;
|
1405
|
+
}
|
1406
|
+
|
1407
|
+
#popup-country li {
|
1408
|
+
float: left;
|
1409
|
+
line-height: 26px;
|
1410
|
+
padding: 0 4px 0 5px;
|
1411
|
+
background: url(/images/popup_country_separator.gif) no-repeat 0 50%;
|
1412
|
+
}
|
1413
|
+
|
1414
|
+
* html #popup-country li {
|
1415
|
+
background-position: 0 40%;
|
1416
|
+
}
|
1417
|
+
|
1418
|
+
#popup-country li a {
|
1419
|
+
word-break: keep-all;
|
1420
|
+
}
|
1421
|
+
|
1422
|
+
#popup-country li#c_0, #popup-country li#c_13 {
|
1423
|
+
background: none;
|
1424
|
+
}
|
1425
|
+
|
1426
|
+
#popup-country li a {
|
1427
|
+
display: block;
|
1428
|
+
}
|
1429
|
+
|
1430
|
+
#popup-country li.active a {
|
1431
|
+
font-weight: bold;
|
1432
|
+
color: #000;
|
1433
|
+
}
|
1434
|
+
|
1435
|
+
#popup-country li.active a:hover {
|
1436
|
+
text-decoration: none;
|
1437
|
+
}
|
1438
|
+
|
1439
|
+
#popup-province, #popup-province-hs {list-style: none;overflow: hidden;zoom: 1;border: 1px solid #C3C3C3;background: #FFF;padding: 3px;}
|
1440
|
+
#popup-province li, #popup-province-hs li {float: left;width: 33px;text-align: center;}
|
1441
|
+
#popup-province li a, #popup-province-hs li a {height: 18px;line-height: 18px;}
|
1442
|
+
#popup-province li.active a, #popup-province-hs li.active a {background: #3B5888;color: #FFF;}
|
1443
|
+
#popup-province li.active a:hover, #popup-province-hs li.active a:hover {text-decoration: none;}
|
1444
|
+
#popup-province li a, #popup-province-hs li a {display: block;}
|
1445
|
+
|
1446
|
+
#popup-province li#p_0_3, #popup-province li#p_0_20, #popup-province li#p_0_26, #popup-province li#p_0_9 {width: 44px;}
|
1447
|
+
#popup-province-hs li#hsp_0_5, #popup-province-hs li#hsp_0_8, #popup-province-hs li#hsp_0_22, #popup-province-hs li#hsp_0_25 {width: 44px;}
|
1448
|
+
|
1449
|
+
#popup-unis, #popup-unis-hs {list-style: none;overflow-x: hidden;overflow-y:auto;height:200px;zoom: 1;border: 1px solid #C3C3C3;background: #FFF;padding: 10px 0 10px 10px;margin: 5px 0;}
|
1450
|
+
#popup-unis li, #popup-unis-hs li {float: left;width: 160px;padding: 4px 12px;background: url(/images/school_list_dot.gif) no-repeat 0 9px;}
|
1451
|
+
#popup-unis li a:hover, #popup-unis-hs li a:hover {background: #3B5888;color: #FFF;text-decoration: none;}
|
1452
|
+
|
1453
|
+
* html #popup-unis li {height: 1.3em;}
|
1454
|
+
|
1455
|
+
#uniList .canbutton {
|
1456
|
+
float: right;
|
1457
|
+
}
|
1458
|
+
|
1459
|
+
|
1460
|
+
a.new-media { color:#777; }
|
1461
|
+
.new-media{display:block;float:left;color:#777;text-decoration:none;background:url(/images/new_media_button.gif) no-repeat;}
|
1462
|
+
.new-media .tr{background:url(/images/new_media_button.gif) no-repeat top right;}
|
1463
|
+
.new-media .bl{background:url(/images/new_media_button.gif) no-repeat bottom left;}
|
1464
|
+
.new-media .br{background:url(/images/new_media_button.gif) no-repeat bottom right;}
|
1465
|
+
.new-media span{background:url(/images/new_media_button_plus.gif) no-repeat 9px center;color:#333;font-weight:bold;display:block;padding:3px 9px 5px 22px;}
|
1466
|
+
*+html .new-media span{padding:5px 9px 4px 22px;}
|
1467
|
+
.new-media:hover{text-decoration:underline;color:#777;}
|
1468
|
+
.new-media:active,
|
1469
|
+
.new-media:active .tr,
|
1470
|
+
.new-media:active .bl,
|
1471
|
+
.new-media:active .br{background-image:url(/images/new_media_button_active.gif);}
|
1472
|
+
|
1473
|
+
/* Clearfix Start */
|
1474
|
+
.clearfix:after {
|
1475
|
+
content:".";
|
1476
|
+
display:block;
|
1477
|
+
height:0;
|
1478
|
+
clear:both;
|
1479
|
+
visibility:hidden;
|
1480
|
+
}
|
1481
|
+
.clearfix {
|
1482
|
+
display:inline-block;
|
1483
|
+
}
|
1484
|
+
/* Hide from IE Mac */
|
1485
|
+
.clearfix {display:block;}
|
1486
|
+
/* End hide from IE Mac */
|
1487
|
+
/* Clearfix End */
|
1488
|
+
|
1489
|
+
.pager-bottom.clearfix {
|
1490
|
+
overflow:visible;
|
1491
|
+
}
|
1492
|
+
|
1493
|
+
/*index_right_state for IE6*/
|
1494
|
+
*html #havedoingdiv font#doing1{ float:left; width:100px; }
|
1495
|
+
|
1496
|
+
|
1497
|
+
/*clippage
|
1498
|
+
.crumbs, .snav, .status { padding:0 10px; border-bottom:1px solid #D8DFEA;}
|
1499
|
+
.stdcontainer { padding:0 10px; border-top:1px solid #d8dfea; background:#f7f7f7;}
|
1500
|
+
.stdcontainer { border-top:0; overflow:hidden;}
|
1501
|
+
|
1502
|
+
#content .pager-top{ overflow: hidden; clear:both;}
|
1503
|
+
#content .pager-bottom{ clear:both;}*/
|
1504
|
+
|
1505
|
+
|
1506
|
+
/*bindMSN*/
|
1507
|
+
.bindmsn .notes{ margin-bottom:15px;}
|
1508
|
+
.bindmsn .notes p{ width:auto; margin:0;}
|
1509
|
+
.bindmsn p.altbox1,.bindmsn p.altbox2{ padding:10px; margin-top:10px; border:1px #E2C821 solid; background-color:#FFFAD7; font-weight:bold; font-size:15px;}
|
1510
|
+
.bindmsn p.altbox2{ border:1px #DD3C0F solid; background-color:#FFF1E6;}
|
1511
|
+
.bindmsn p.altbox2 span{ font-weight:normal; display:block; margin-top:5px; font-size:12px; }
|
1512
|
+
|
1513
|
+
.bindmsn h3{ padding-left:20px; height:1.5em; line-height:1.5em; background:url(/images/msnico.gif) left 50% no-repeat; border-bottom:1px #B9C4DA solid; margin-bottom:5px;}
|
1514
|
+
|
1515
|
+
.bindmsn p{ margin:5px 0;}
|
1516
|
+
.bindmsn p label{ padding-right:0px !important;}
|
1517
|
+
.bindmsn p label.autosave{ float:none; font-weight:normal; color:#333;}
|
1518
|
+
.bindmsn p label.autosave input{ margin-right:5px; background:none;}
|
1519
|
+
|
1520
|
+
|
1521
|
+
.bindmsn p.required { margin:15px 0 5px 0;}
|
1522
|
+
.bindmsn p.required input.binded{ background-color:#eee; color:#666; border:1px #ccc solid; margin-right:20px;}
|
1523
|
+
|
1524
|
+
.bindmsn p.btngroup{ padding-top:5px;}
|
1525
|
+
.bindmsn label.empty{ visibility:hidden; }
|
1526
|
+
|
1527
|
+
|
1528
|
+
/*for new comment*/
|
1529
|
+
/*.commentlist .even .info{background:#F7F7F7 none repeat scroll 0% 50%;border-top:1px solid #D8DFEA;line-height:20px;padding:0pt 5px;text-align:right;}
|
1530
|
+
.commentlist .even .info span.timestamp{ float:right !important;}
|
1531
|
+
.commentlist .even .info span.reply{ float:right !important;}
|
1532
|
+
.commentlist .even .info div.super-actions{ float:right !important; margin-left:4px;}
|
1533
|
+
|
1534
|
+
#commentlist .content{ padding:5px;}*/
|
1535
|
+
|
1536
|
+
|
1537
|
+
|
1538
|
+
|
1539
|
+
|
1540
|
+
|
1541
|
+
|
1542
|
+
|
1543
|
+
|
1544
|
+
|
1545
|
+
|
1546
|
+
|
1547
|
+
|
1548
|
+
|
1549
|
+
|
1550
|
+
|
1551
|
+
|
1552
|
+
|
1553
|
+
|
1554
|
+
/* custom stylesheet */
|
1555
|
+
.fieldWithErrors {
|
1556
|
+
border-bottom:1px solid #DD5555;
|
1557
|
+
padding:0px!important;
|
1558
|
+
}
|
1559
|
+
|
1560
|
+
|
1561
|
+
#errorExplanation {
|
1562
|
+
width: 400px;
|
1563
|
+
padding: 7px;
|
1564
|
+
padding-bottom: 12px;
|
1565
|
+
margin: 20px 40px;
|
1566
|
+
}
|
1567
|
+
|
1568
|
+
#errorExplanation h2 {
|
1569
|
+
text-align: left;
|
1570
|
+
font-weight: bold;
|
1571
|
+
padding: 5px 5px 5px 15px;
|
1572
|
+
font-size: 12px;
|
1573
|
+
margin: -7px;
|
1574
|
+
border-bottom:1px solid #aaa;
|
1575
|
+
margin-bottom:10px;
|
1576
|
+
}
|
1577
|
+
|
1578
|
+
#errorExplanation p {
|
1579
|
+
margin-bottom: 0;
|
1580
|
+
padding: 5px;
|
1581
|
+
}
|
1582
|
+
|
1583
|
+
#errorExplanation ul li {
|
1584
|
+
font-size: 12px;
|
1585
|
+
list-style: disc;
|
1586
|
+
margin-left:30px;
|
1587
|
+
}
|
1588
|
+
|
1589
|
+
|
1590
|
+
|
1591
|
+
|
1592
|
+
#notice {
|
1593
|
+
font-size:13px;
|
1594
|
+
text-align:left;
|
1595
|
+
border:1px solid;
|
1596
|
+
line-height:20px;
|
1597
|
+
background:#FFFBE2 none repeat scroll 0% 0%;
|
1598
|
+
border-color:#FFE222;
|
1599
|
+
padding:8px;
|
1600
|
+
margin:5px;
|
1601
|
+
}
|
1602
|
+
|
1603
|
+
#error {
|
1604
|
+
background:#FFEBE8 none repeat scroll 0% 0%;
|
1605
|
+
border:1px solid #DD3C10;
|
1606
|
+
padding:8px;
|
1607
|
+
margin:5px;
|
1608
|
+
text-align:center;
|
1609
|
+
}
|
1610
|
+
|
1611
|
+
|
1612
|
+
.lister {
|
1613
|
+
background-color:#F8F9FC none repeat scroll 0% 0%;
|
1614
|
+
width:98%;
|
1615
|
+
margin:10px auto;
|
1616
|
+
}
|
1617
|
+
|
1618
|
+
.lister tbody td {
|
1619
|
+
padding:4px;
|
1620
|
+
border-bottom:1px solid #EEE;
|
1621
|
+
}
|
1622
|
+
|
1623
|
+
.lister thead th {
|
1624
|
+
padding:5px 10px;
|
1625
|
+
}
|
1626
|
+
|
1627
|
+
.lister thead td {
|
1628
|
+
border-bottom:1px solid #D8DFEA;
|
1629
|
+
border-top:1px solid #D8DFEA;
|
1630
|
+
background-color:#EEE;
|
1631
|
+
padding:3px 5px;
|
1632
|
+
}
|
1633
|
+
|
1634
|
+
|
1635
|
+
.lister thead th span {
|
1636
|
+
float:right;
|
1637
|
+
margin-top:-15px;
|
1638
|
+
font-weight:normal;
|
1639
|
+
}
|
1640
|
+
|
1641
|
+
|
1642
|
+
form label {
|
1643
|
+
color:#666666;
|
1644
|
+
float:left;
|
1645
|
+
font-weight:bold;
|
1646
|
+
height:1.8em;
|
1647
|
+
line-height:1.8em;
|
1648
|
+
margin-right:10px;
|
1649
|
+
text-align:right;
|
1650
|
+
width:8em;
|
1651
|
+
}
|
1652
|
+
|
1653
|
+
form p {
|
1654
|
+
padding:5px;
|
1655
|
+
}
|
1656
|
+
|
1657
|
+
form h3 {
|
1658
|
+
border-bottom: 1px solid #BDC7D8;
|
1659
|
+
font-size:14px;
|
1660
|
+
margin:10px 20px;
|
1661
|
+
}
|
1662
|
+
|
1663
|
+
form input {
|
1664
|
+
border:1px solid #BDC7D8;
|
1665
|
+
padding:2px;
|
1666
|
+
}
|
1667
|
+
|
1668
|
+
h3.form-header {
|
1669
|
+
border-top:1px solid #D8DFEA;
|
1670
|
+
background-color:#F8F9FC;
|
1671
|
+
padding:5px;
|
1672
|
+
margin:10px 20px;
|
1673
|
+
}
|
1674
|
+
|
1675
|
+
h3.form-header span {
|
1676
|
+
float:right;
|
1677
|
+
margin-top:-15px;
|
1678
|
+
}
|