fcid 0.0.1 → 0.0.2

data/app/assets/stylesheets/fcid/rails.css

@@ -0,0 +1,58 @@
+/* from errors */
+.fieldWithErrors {
+  padding:0px!important;
+}
+
+.fieldsWithErrors input {
+  background-color:#faa;
+}
+
+
+#errorExplanation {
+  width: 90%;
+  padding: 7px; 
+  padding-bottom: 12px;
+  background-color:#fee;
+  margin: 10px auto;
+  border:1px solid #faa;
+}
+
+#errorExplanation h2 { 
+  text-align: left;
+  font-weight: bold;
+  padding: 5px;
+  font-size: 12px;
+}
+
+#errorExplanation p {
+  margin-bottom: 0;
+  padding: 5px; 
+}
+
+#errorExplanation ul li { 
+  font-size: 12px;
+  list-style: disc;
+  margin-left:30px;
+  color:red;
+}
+
+
+/* notifications */
+#notice,.notice {
+  font-size:13px;
+  text-align:left;
+  border:1px solid;
+  line-height:20px;
+  background:#FFFBE2 none repeat scroll 0% 0%;
+  border-color:#FFE222;
+  padding:8px;
+  margin:5px;
+}
+
+#error,.error {
+  background:#FFEBE8 none repeat scroll 0% 0%;
+  border:1px solid #DD3C10;
+  padding:8px;
+  margin:5px;
+  text-align:center;
+}

data/app/assets/stylesheets/fcid/register.css

@@ -0,0 +1,711 @@
+form em { font-style:normal; color:#dd3c10;}
+form strong { color:#000;}
+#tabs { padding-left:30px;}
+#pop { margin:10px 30px; padding:10px; border:1px solid #bdc7d8; background:#ecf1fa; text-align:center;}
+#registerForm { margin:10px 30px;}
+#registerForm table { }
+#registerForm td { height:40px; vertical-align:middle; line-height:20px;}
+#registerForm td.input { width:260px;}
+#registerForm td.note { padding:0 10px; color:#808080; line-height:15px;}
+#registerForm td.hey { padding:0 10px; background:#ecf1fa; color:#000; line-height:15px;}
+#registerForm label { float:left; width:90px; margin-right:10px; color:#808080; font-weight:bold; text-align:right;}
+#registerForm .inputtext, #submitCode .inputtext { width:144px; height:14px; padding:2px; border:1px solid #bdc7d8; line-height:14px;}
+#registerForm .select { width:150px;}
+#registerForm .inputfile { width:150px;}
+#submitRegisterForm, #submitCode { padding:0 0 10px; text-align:center;}
+#submitRegisterForm #submit, #submitCode #submit { width:180px;}
+/*#pin input.inputtext { border-color:#fff;}*/
+.errors_div { margin-left:30px; margin-right:30px;}
+#fail { margin:10px 30px; padding:10px 20px; border:1px solid #bdc7d8; background:#ecf1fa;}
+#fail ol, #fail ul { padding-left:20px;}
+#fail p, #fail li { margin:5px 0;}
+.attention p { margin:15px 30px; text-align:left; line-height:20px;}
+p.centerAlign { text-align:center; margin:0 0 10px 0;}
+label { color:gray;}
+p.note { text-align:center; margin:20px 0 0 0; color:gray;}
+div.operation { text-align:center; margin:10px 0 20px 0;}
+	div.operation input{ margin-right:20px;}
+
+#flash { margin:10px auto; border:1px solid #bdc7d8; background:#fff;}
+.success { background:#fff;}
+.link { margin:10px 0; text-align:right;}
+
+#registerForm #highlight {
+    border: 2px solid #80BCFF;
+    background: #FFFFE1;
+    margin-top: 0.8em;
+}
+
+#registerForm #highlight legend {
+    background:#FFF;
+    margin:0 10px;
+    padding:0 10px;
+    font-size: 1.2em;
+    font-weight: bold;
+}
+
+#registerForm #highlight legend strong {
+    color: red;
+}
+
+*html #registerForm #highlight {
+    position:relative; margin-top:1.6em; padding-top:.75em;
+}
+*html #registerForm #highlight legend {
+    position:absolute; top:-.75em; left:.5em;
+}
+
+*+html #registerForm #highlight {
+    position:relative; margin-top:1.6em; padding-top:.75em;
+}
+*+html #registerForm #highlight legend {
+    position:absolute; top:-.75em; left:.5em;
+}
+
+#registerForm fieldset span {
+    float: left;
+    padding-left: 20px;
+    color: #808080;
+    font-size: 1.0em;
+}
+
+#registerForm fieldset span#emailInfo {
+		float: none;
+		padding: 0;
+		color: #000;
+}
+
+#registerForm fieldset input {
+    float: left;
+    margin-top: -3px;
+}
+#registerForm fieldset p {
+   clear: both;
+   height: 2.5em;
+   padding-top: 1.0em;
+}
+
+#registerForm #terms p {
+    height: 1.5em;
+    line-height: 0.8em;
+    margin-top: 1.0em;
+}
+
+*+html #registerForm #terms p {
+    height: 1.5em;
+    line-height: 1.5em;
+}
+
+* html #registerForm #terms p {
+    height: 1.0em;
+    line-height: 1.0em;
+}
+
+#registerForm #terms .checkbox {
+    margin-right: 3px;
+}
+
+#registerForm .terms-container {
+    border: 1px solid #BDC7D8;
+    position:relative;
+    padding:5px;
+    height:5.0em;
+    overflow-y:scroll;
+    overflow-x:hidden;
+}
+
+
+
+
+
+
+.form-register {
+    margin:10px 30px;
+}
+
+.form-register h3 {
+    font-size: 1.2em;
+    border-bottom: 1px solid #D8DFEA;
+    line-height: 1.5em;
+    margin-bottom: 2.0em;
+}
+
+.form-register p {
+    padding: 0.8em 0;
+    overflow: hidden;
+    zoom: 1;
+}
+
+.form-register p label {
+    float:left;
+    width:120px;
+    margin-right:10px;
+    color:#808080;
+    font-weight:bold;
+    text-align:right;
+    height: 1.8em;
+    line-height: 1.8em;
+}
+
+.form-register p .inputtext {
+    float: left;
+    vertical-align: middle;
+    height: 14px;
+    line-height: 14px;
+    width: 144px;
+    padding: 2px;
+}
+
+.form-register p span {
+    float:left;
+    height: 1.8em;
+    line-height: 1.8em;
+    color: #808080;
+    padding-left: 20px;
+}
+
+.form-register p .labelRadio.selected {
+    background: yellow;
+}
+
+.form-register select {
+    width: 150px;
+    float: left;
+}
+
+#d2 #highSchoolProvince, #d2 #highSchoolCityCode {
+	width: 90px;
+	margin-right: 5px;
+}
+
+#d2 #highSchoolComponent_provinceCitySpan {
+	padding: 0;
+}
+
+.form-register .form-error {
+	/*display:block;*/
+	padding-left:20px;
+	color:red;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+/* Highlight Form */
+
+.form-register #highlight {
+    border: 2px solid #80BCFF;
+    background: #FFFFE1;
+    margin-top: 0.8em;
+}
+
+.form-register #highlight legend {
+    background:#FFF;
+    margin:0 10px;
+    padding:0 10px;
+    font-size: 1.2em;
+    font-weight: bold;
+}
+
+.form-register #highlight legend strong {
+    color: red;
+}
+
+*html .form-register #highlight {
+    position:relative; margin-top:1.6em; padding-top:.75em;
+}
+*html .form-register #highlight legend {
+    position:absolute; top:-.75em; left:.5em;
+}
+
+*+html .form-register #highlight {
+    position:relative; margin-top:1.6em; padding-top:.75em;
+}
+*+html .form-register #highlight legend {
+    position:absolute; top:-.75em; left:.5em;
+}
+
+/* Term Form */
+
+.form-register #terms p {
+    margin: 1.0em;
+}
+
+.form-register #terms h3 {
+    border: none;
+    line-height: 1.0em;
+    margin-bottom: 0;
+}
+
+*+html .form-register #terms p {
+    height: 1.5em;
+    line-height: 1.5em;
+}
+
+* html .form-register #terms p {
+    height: 1.0em;
+    line-height: 1.0em;
+}
+
+.form-register #terms .checkbox {
+    margin-right: 3px;
+}
+
+.form-register .terms-container {
+    border: 1px solid #BDC7D8;
+    position:relative;
+    padding:5px;
+    height:5.0em;
+    overflow-y:scroll;
+    overflow-x:hidden;
+}
+
+#terms label {
+    width: auto;
+    font-weight: normal;
+    color: #333;
+}
+
+
+#refinePage .cube {
+    padding: 20px;
+}
+
+#refinePage h3, #startPage h3 {
+    font-size: 1.2em;
+}
+
+#refinePage h3 strong {
+    color: #C30;
+}
+
+#refinePage .personIconList {
+    margin: 10px 0;
+}
+
+#refinePage h4, #startPage h4 {
+    border-bottom: 1px solid #D8DFEA;
+    line-height: 2.0em;
+}
+
+#refinePage .notes {
+    line-height: 2.0em;
+}
+
+#refinePage .notes strong {
+    font-size: 1.2em;
+    padding: 0 0.50em;
+    color: #C30;
+}
+
+#refinePage #content, #refinePage #oak {
+    overflow: visible;
+}
+
+#refinePage .empty {
+    color: #FFF;
+}
+
+#refinePage fieldset p span {
+    color: #808080;
+}
+
+
+.form-refine {
+    margin: 10px 0 0;
+	overflow:hidden;
+	zoom:1;
+}
+
+.form-refine .refine-profile {
+	width:450px;
+	float:left;
+}
+
+#refinePage .ava-preview {
+	width:110px;
+	border:1px solid #ccc;
+}
+#refinePage .ava-preview h4 {
+	background:#d8dfea;
+	color:#808080;
+	padding:0 5px;
+	line-height:1.6em;
+}
+#refinePage .ava-preview p {
+	padding:5px;
+}
+#refinePage .ava-preview img {
+	width:100px;
+}
+.form-refine p {
+    padding: 0.5em 0;
+    overflow: hidden;
+    zoom: 1;
+}
+
+.form-refine .format-to-p {
+    padding: 0.25em 0;
+    overflow: visible;
+    zoom: 1;
+}
+
+.form-refine p em, .form-refine .format-to-p em {
+    font-weight: bold;
+    color: #808080;
+    padding: 2px 2px 0 0;
+}
+
+.form-refine p label, .form-refine .format-to-p label {
+    float:left;
+    width:7.0em;
+    margin-right:10px;
+    color:#808080;
+    font-weight:bold;
+    text-align:right;
+    height: 1.8em;
+    line-height: 1.8em;
+}
+
+.form-refine p .inputtext, .form-refine .format-to-p .inputtext {
+    vertical-align: middle;
+    height: 14px;
+    line-height: 14px;
+    width: 144px;
+    padding: 2px;
+}
+
+.form-refine p .select, .form-refine .format-to-p .select {
+    vertical-align: middle;
+}
+
+.form-refine .inputsubmit {
+    width: 6.0em;
+}
+
+.form-refine #juniorhighschool, .form-refine #elementaryschool {
+    margin-right: 4px;
+}
+
+* html .form-refine #juniorhighschool, * html .form-refine #elementaryschool {
+    margin-right: 1px;
+}
+
+.form-refine span.note {
+    color: #808080;
+    padding-left: 1.0em;
+}
+
+
+#startPage #side-column {
+    padding: 10px 0;
+}
+
+#startPage h4 {
+    margin-top: 1.0em;
+}
+
+#startPage h4 span {
+    font-weight: normal;
+}
+
+#startPage .personIconList {
+    margin: 0.5em 0;
+}
+
+#startPage #side-column h3 {
+    background: #E9E9E9;
+    font-size: 1.0em;
+    line-height: 1.7em;
+    text-indent: 0.5em;
+}
+
+#startPage .inputsubmit {
+    padding: 0;
+    width: 8.0em;
+    height: 28px;
+    line-height: 28px;
+    font-size: 13px;
+    font-weight: bold;
+}
+
+#submitYours .form-register p {
+    padding: 0.6em 0;
+}
+
+#submitYours .form-register select {
+    width: 10em;
+    margin-right: 0.5em;
+}
+
+#submitYours .form-register .address-input {
+    padding: 0;
+}
+
+#submitYours .form-register .address-input input {
+    width: 30.0em;
+}
+
+#submitYours .form-register .address-input span {
+    padding: 0;
+}
+
+#submitYours .form-register h3 {
+    margin-bottom: 0;
+}
+
+#submitYours .form-register .notes {
+    border: none;
+    padding: 0;
+    line-height: 1.5em;
+}
+
+#submitYours .form-register fieldset {
+    margin-top: 2.0em;
+}
+
+#submitYours .form-register em {
+    color:#808080;
+    font-weight:bold;
+    padding:2px 2px 0pt 0pt;
+}
+
+.refine-photo {
+	padding:30px 60px;
+}
+.refine-photo h2 {
+	line-height:1.6em;
+	border-bottom:1px solid #d8dfea;
+}
+.refine-avatar {
+	padding:20px 50px;
+	overflow:hidden;
+	zoom:1;
+}
+.refine-avatar .float-right {
+	width:260px;
+}
+
+#refinePage .refine-avatar .float-right h3 {
+	font-size:12px;
+	font-weight:normal;
+	padding-bottom:8px;
+}
+
+.refine-avatar .float-right span {
+	color:#808080;
+	display:block;
+	line-height:1.3em;
+	margin-bottom:1em;
+}
+.refine-photo h2 .skip {
+	background:transparent url(/images/arrow.gif) no-repeat scroll 100% 50%;
+	float:right;
+	font-size:12px;
+	font-weight:normal;
+	margin-top:3px;
+	padding-right:0.75em;
+}
+
+
+
+
+
+
+
+#refinePhoto .hintgray {
+	color:#808080;
+}
+#refinePhoto .photo-upload {
+	background:url(/images/photo_upload.png) no-repeat;
+	width:211px;
+	height:225px;
+	float:left;
+}
+#refinePhoto h4 {
+	border-bottom:1px solid #D8DFEA;
+	line-height:2em;
+}
+#refinePhoto p.notes {
+	line-height:2em;
+}
+#refinePhoto #single-column {
+	overflow:hidden;
+	zoom:1;
+}
+#refinePhoto .cube {
+	float:right;
+	width:345px;
+	height:193px;
+	padding:15px 20px;
+}
+#refinePhoto #pictureinfuture h4 span {
+	float:right;
+	font-weight:normal;
+}
+#refinePhoto .narrowform {
+	padding-top:15px;
+}
+
+.refine-avatar #previewhead {width:140px;}
+
+
+#pageRegister .invited {
+	overflow: hidden;
+	zoom:1;
+	padding-bottom: 10px;
+}
+
+#pageRegister .invited img {
+	float:left;
+	margin-right: 1.0em;
+}
+
+#pageRegister .invited h3 {
+	margin-bottom: 0.5em;
+}
+#refinePage .cube h4 span.regmust{ color:#999; font-weight:normal;}
+#refinePage .emptyhidden { display:none; }
+ 
+
+
+/*new register*/
+#content.reginbox{ padding:40px 0px 10px 50px;}
+#welcomepage #content.reginbox{border-left:1px #ccc solid; !important}
+#welcomepage #content.reginbox p{ clear:both;}
+
+#reg_headlogo{ width:560px; height:83px; margin-bottom:20px; background:#fff url(/images/logo_158.gif) left top no-repeat;}
+#reg_headlogo p#headtext{ margin:0; padding:0; float:right; width:380px; height:81px; border-top:1px #ccc solid; border-bottom:1px #ccc solid;}
+#reg_headlogo p#headtext span{ display:block; line-height:20px; color:#333; font-size:16px; margin:20px 17px;}
+
+#reg_contentbox{ overflow:hidden; margin-bottom:30px;}
+
+#reg_contentbox .leftcon{ float:left; width:200px; margin-right:18px; margin-top:10px;}
+
+#reg_contentbox .leftcon ul{ margin-top:5px;}
+#reg_contentbox .leftcon ul li{ line-height:30px; padding-left:25px;}
+#reg_contentbox .leftcon ul li.listitem1{ background:#fff url(../img/newsfeed/group.gif) left center no-repeat;}
+#reg_contentbox .leftcon ul li.listitem2{ background:#fff url(../img/newsfeed/photo.gif) left center no-repeat;}
+#reg_contentbox .leftcon ul li.listitem3{ background:#fff url(../img/newsfeed/privacy.gif) left center no-repeat;}
+#reg_contentbox .leftcon ul li.listitem4{ background:#fff url(../img/newsfeed/friends.gif) left center no-repeat;}
+#reg_contentbox .leftcon ul li.listitem5{ background:#fff url(../img/newsfeed/wall_post.gif) left center no-repeat;}
+
+#reg_contentbox .rightcon{ float:left; width:300px; padding:20px 10px 20px 30px; background-color:#DFE4EE; border:1px #C6CFE1 solid;}
+#reg_contentbox .rightcon h2{ margin-bottom:13px;}
+#reg_contentbox .rightcon p{ padding:0; margin:0; margin-bottom:10px; clear:both; }
+#reg_contentbox .rightcon p .inputtext{ width:188px;}
+#reg_contentbox .rightcon p a.registbtn{ margin-left:60px; display:block; width:86px; height:25px; background:url(/images/reg.gif) center center no-repeat;}
+*html #reg_contentbox .rightcon p a.registbtn{ margin-left:63px;}
+
+#reg_contentbox .rightcon p.explain{ margin-left:60px; margin-right:35px;}
+#reg_contentbox .rightcon p.explain a{ font-weight:normal;}
+
+.reginbox p.schoolinxiaonei{ color:#808080; margin-bottom:15px; clear:both;}
+.reginbox p.schoolinxiaonei a{ color:#5D74A2; font-weight:bold;}
+
+
+
+/*#reg_contentbox formelement style*/
+
+#reg_contentbox .rightcon label{ float:left; height:1.8em; line-height:1.8em; text-align:right; width:60px;}
+/*#reg_contentbox .rightcon label.label1{ width:50px;}*/
+#reg_contentbox #panl_1{}
+#reg_contentbox #panl_2{ display:none;}
+
+#reg_contentbox .rightcon label.forverify{ float:left; height:1.8em; line-height:1.8em; width:100px; text-align:right;}
+#reg_contentbox .rightcon .labelRadio input{ background:none;}
+
+#reg_contentbox .rightcon select{ width:150px; padding:2px;}
+#reg_contentbox .rightcon p.fewmargin{ margin:5px;}
+#reg_contentbox .rightcon p.fewmargin .short{ width:144px; padding:2px;}
+#reg_contentbox .rightcon p.fewmargin select.short{ width:150px; padding:2px;}
+
+#reg_contentbox .rightcon p.verifypic{ width:256px; height:41px; border:1px #ccc solid; text-align:center; padding:10px 0; background-color:#fff;}
+#reg_contentbox .rightcon p input.verify{ width:100px;}
+#reg_contentbox .rightcon p.s2sumbit{ border-top:1px #ccc solid; padding:10px 0 0 0; margin:0; margin-right:42px;}
+#reg_contentbox .rightcon p.s2sumbit a.back{ padding-left:15px; height:25px; line-height:25px; font-weight:bold; float:left; background:url(/images/arrow_back.gif) left center no-repeat;}
+#reg_contentbox .rightcon p.s2sumbit a.registbtn{ margin-left:101px;}
+
+#reg_contentbox .rightcon div.errors_div{ margin:10px 42px 0 0;}
+/*END-#reg_contentbox formelement style*/
+
+
+.reginbox div.footsearchbox{ overflow:hidden; border-top:1px #ccc solid; padding:20px 0 0px 5px; width:555px; margin-bottom:10px;}
+*html .reginbox div.footsearchbox{ padding:20px 0 10px 5px; margin-bottom:0;}
+*+html .reginbox div.footsearchbox{ padding:20px 0 10px 5px; margin-bottom:0;}
+
+
+.reginbox div.footsearchbox h2.findtextlink{ font-size:15px; padding-left:23px; width:110px; float:left; color:#3B5888; background:#fff url(../img/newsfeed/findfriend.gif) left center no-repeat;}
+.reginbox div.footsearchbox p.searching{ font-size:15px; float:right; color:#555; width:330px;}
+*+html .reginbox div.footsearchbox p.searching{ margin-top:-5px;}
+
+
+.reginbox div.footsearchbox p.searching label.forsearchinput{ color:#555;}
+.reginbox div.footsearchbox p.searching .inputtext{ width:122px; padding-left:20px; background:#fff url(/images/searchinputbg.gif) left center no-repeat;}
+*html .reginbox div.footsearchbox p.searching .inputtext{ padding-top:0;}
+
+.reginbox div.footsearchbox p.searching .subbutton{
+background-color:#3B5888; border:1px #d8dfea solid; cursor:pointer; text-align:center; padding:2px 3px 2px 3px; height:22px; font-size:12px; margin-left:2px;}
+*html .reginbox div.footsearchbox p.searching .subbutton{ height:20px;}
+
+.reginbox div.footsearchbox a.more{ display:block; clear:both; margin-right:50px; margin-top:10px; font-size:12px; text-align:right;}
+
+/*new registerpage step2style*/
+.highlighterror{ background-color:#FEFFCF;}
+.form-register p span.code{ float:none; padding-left:0; margin-bottom:10px; display:block;}
+#submit.inputsubmit{ width:180px;}
+
+.form-register p.forcodepwslevel{ padding-left:0; color:#808080; margin:0; padding:0; margin-top:-12px;}
+.form-register p.forcodepwslevel span{ padding-left:0;}
+.form-register p span.pwslevel1{ padding:0; color:#808080; font-weight:bold; }
+.form-register p span.pwslevel2{ padding:0; color:#0064FF; font-weight:bold;}
+.form-register p span.pwslevel3{ padding:0; padding:0; color:#00A721; font-weight:bold;}
+.form-register p #pwdlevel{ padding-left:3px;}
+.form-register p.foottext{ margin-bottom:-15px; margin-top:10px;}
+
+*html #welcomepage #banner{ border:0; padding:0; margin:0; overflow:hidden; width:657px;}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+