|
1
|
//js to go in document.ready, I couldn't get all the text to show without that min height, not sure if max height is actually needed.
|
|
2
|
$("#overlay-content").modal({overlayClose:true, minHeight:550, maxHeight:1050,opacity:80});
|
|
3
|
|
|
4
|
|
|
5
|
|
|
6
|
|
|
7
|
<!-- HTML for window -->
|
|
8
|
<div id="overlay-content">
|
|
9
|
<h2>Your Profile Page Has Changed!</h2>
|
|
10
|
<p>Your profile has received some major functional and design changes with the goal of giving you a better looking, more personalized profile that can serve as a central place for your professional links and information. Here are some highlights of the changes:</p>
|
|
11
|
<ul>
|
|
12
|
<li>The page has been redesigned to look more polished and professional.</li>
|
|
13
|
<li>You can add a quick one-line bio under your name and a longer description of yourself underneath.</li>
|
|
14
|
<li>New profile widgets allow you to create a custom CV with a wide range of information, from Education to RSS feeds to free-text areas.</li>
|
|
15
|
<li>You can easily add, edit, and drag widgets to reorder and delete profile information.</li>
|
|
16
|
<li>A new Positions widget allows you to add multiple positions and titles to your profile. </li>
|
|
17
|
<li>Information about your Commons identity (friends, groups, blogs) is now available on a background tab so that members can feature their public CVs.</li>
|
|
18
|
<li>Create a custom <strong>cuny.is quicklink</strong> (example: http://cuny.is/membername) to your profile to enable easy sharing of your profile page.
|
|
19
|
|
|
20
|
</ul>
|
|
21
|
<p>Close this message and click the <strong>Edit</strong> button to get started. Please visit our <a href="sss">tutorials</a> for more information about these changes.</p>
|
|
22
|
<p>Comments are always welcome. Email us at <a href="mailto:commons@gc.cuny.edu">commons@gc.cuny.edu</a> or use the orange <b>Give Us Feedback</b> button on the right to let us know what you think.</p>
|
|
23
|
<div class="clear"></div>
|
|
24
|
</div>
|
|
25
|
|
|
26
|
|
|
27
|
|
|
28
|
|
|
29
|
/* CSS Styling */
|
|
30
|
#simplemodal-overlay {
|
|
31
|
background-color:#000;
|
|
32
|
}
|
|
33
|
|
|
34
|
.simplemodal-wrap{
|
|
35
|
/*height:80px;*/
|
|
36
|
}
|
|
37
|
#simplemodal-container {
|
|
38
|
background-color:#333;
|
|
39
|
border:3px solid #444;
|
|
40
|
/*padding:12px;*/
|
|
41
|
|
|
42
|
-moz-border-radius: 10px;
|
|
43
|
-webkit-border-radius: 10px;
|
|
44
|
border-radius: 10px;
|
|
45
|
|
|
46
|
width:60%;
|
|
47
|
/*height:70%;*/
|
|
48
|
margin: 0 auto;
|
|
49
|
|
|
50
|
-moz-box-sizing: border-box;
|
|
51
|
-webkit-box-sizing: border-box;
|
|
52
|
box-sizing: border-box;
|
|
53
|
}
|
|
54
|
|
|
55
|
|
|
56
|
|
|
57
|
#simplemodal-container a.modalCloseImg {
|
|
58
|
background:url(images/x.png) no-repeat; /* adjust url as required */
|
|
59
|
width:25px;
|
|
60
|
height:29px;
|
|
61
|
display:inline;
|
|
62
|
z-index:4000;
|
|
63
|
position:absolute;
|
|
64
|
top:-5px;
|
|
65
|
right:-10px;
|
|
66
|
cursor:pointer;
|
|
67
|
}
|
|
68
|
|
|
69
|
.simplemodal-data{
|
|
70
|
font-size: 1.1em;
|
|
71
|
color:#fff;
|
|
72
|
height:100%;
|
|
73
|
}
|
|
74
|
|
|
75
|
|
|
76
|
|
|
77
|
.simplemodal-data h2{
|
|
78
|
background-color:#3FC2F3;
|
|
79
|
color: #fff;
|
|
80
|
padding:1em;
|
|
81
|
margin:0 0 1em 0;
|
|
82
|
font-family: sans-serif;
|
|
83
|
font-size:2em;
|
|
84
|
font-weight: 400;
|
|
85
|
border-top-left-radius: 10px;
|
|
86
|
border-top-right-radius: 10px;
|
|
87
|
border-bottom: 1px solid #fff;
|
|
88
|
|
|
89
|
}
|
|
90
|
|
|
91
|
.simplemodal-data p{
|
|
92
|
padding:0 2em;
|
|
93
|
}
|
|
94
|
.simplemodal-data ul{
|
|
95
|
margin-left: 2em;
|
|
96
|
}
|
|
97
|
|
|
98
|
.simplemodal-data li{
|
|
99
|
margin-left: 2em;
|
|
100
|
}
|
|
101
|
|
|
102
|
.simplemodal-data ul li{
|
|
103
|
margin-left: 2em;
|
|
104
|
list-style-type: disc;
|
|
105
|
margin-bottom:1em;
|
|
106
|
}
|
|
107
|
|
|
108
|
.simplemodal-data strong{
|
|
109
|
font-weight: 900;
|
|
110
|
color: #70C176;
|
|
111
|
}
|
|
112
|
|
|
113
|
.simplemodal-data b{
|
|
114
|
font-weight: 900;
|
|
115
|
color: #F58D59;
|
|
116
|
}
|
