fcid 0.0.1 → 0.0.2

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

@@ -0,0 +1,878 @@
+.noborder_bottom{ border-bottom:0 !important;}
+.nomargin{ margin:0;}
+
+#navigation {
+	background: #5D74A2;
+	z-index:100;
+	height: 29px;
+	padding-left:10px;
+	border-left: 1px solid #315091;
+}
+
+#navigation .nav-left {
+	list-style-type:none;
+	font-size:14px;
+	float:left;
+	height: 25px;
+	padding-top: 4px;
+}
+
+#navigation .nav-left li {
+	float: left;
+	margin:0 10px 0 0;
+	display: inline;
+}
+
+#navigation .nav-left li a {
+	display: block;
+	padding: 2px 5px 1px;
+	color: #FFF;
+	float: left;
+}
+
+* html #navigation .nav-left li a {padding: 2px 5px 0;}
+*+html #navigation .nav-left li a {padding: 4px 5px 1px;}
+
+#navigation .nav-left li a:hover {
+	background: #7D90B5;
+	text-decoration: none;
+}
+
+#navigation .nav-left li a.active {
+	background: #7D90B5;
+}
+
+#navigation .nav-left li a.edit_link {
+	font-size: 12px;
+	font-weight: normal;
+	color: #D8DFEA;
+	padding: 4px 5px 0 2px;
+}
+
+#navigation .nav-left li a.new-inbox {font-weight:bold;color:#FFF;}
+
+*+html #navigation .nav-left li a.edit_link {padding: 6px 5px 0 2px;}
+
+#navigation .nav-left li a.edit_link:hover {
+	background: transparent;
+	text-decoration: underline;
+}
+
+#navigation .nav-left li a.global_menu_arrow {
+	padding: 0 0 1px;
+	background: url(/images/global_menu_arrow.gif) no-repeat 0 0;
+	margin-left: -1px;
+}
+
+#navigation .nav-left li a.global_menu_arrow:hover {
+	background: #7D90B5 url(/images/global_menu_arrow.gif) no-repeat 100% 0;
+}
+
+#navigation .nav-left li a.global_menu_arrow_active {
+	padding: 0 0 1px;
+	margin-left: -1px;
+	background: #7D90B5 url(/images/global_menu_arrow.gif) no-repeat 100% 0;
+}
+
+#navigation .nav-left li a.global_menu_arrow_active:hover {
+	background: #7D90B5 url(/images/global_menu_arrow.gif) no-repeat 100% 0;
+}
+
+* html #navigation .nav-left li a.global_menu_arrow, * html #navigation .nav-left li a.global_menu_arrow_active {
+	padding: 1px 0;
+}
+
+
+#navigation .with_arrow {
+	height: 20px;
+}
+
+* html #navigation .with_arrow {
+	width:54px;
+}
+
+#navigation .navigator_menu {
+	position: absolute;
+	background: #FFF;
+	border: 1px solid #3B5888;
+	padding: 5px 0;
+	width: 120px;
+	list-style: none;
+	margin-left: -1px;
+	z-index: 1201;
+	font-size: 12px;
+}
+
+#navigation .navigator_menu li {
+	float: none;
+	display: block;
+	margin: 0;
+	padding: 0;
+	font-weight: normal;
+}
+
+#navigation .navigator_menu li a {
+	color: #3B5888;
+	display: block;
+	padding: 6px 0 6px 10px !important;
+	float: none;
+}
+
+* html #navigation .navigator_menu li a {
+	height:1.0em;
+}
+
+#navigation .navigator_menu li a:hover {
+	background: #6D84B4;
+	color: #FFF;
+	text-decoration: none;
+}
+
+#navigation .navigator_menu li.menu_divider {
+	border-bottom:1px solid #EEEEEE;
+	cursor:default;
+	font-size:1px;
+	line-height:1px;
+	height: 1px;
+	margin:4px 10px;
+	list-style:none;
+}
+
+#navigation .nav-right {
+	list-style-type:none;
+	font-size:12px;
+	float:right;
+	height: 21px;
+	padding-top: 8px;
+}
+
+*+html #navigation .nav-right {
+	height: 19px;
+	padding-top: 9px;
+}
+
+#navigation .nav-right li {
+	float: left;
+	margin:0 10px 0 0;
+	display: inline;
+}
+
+#navigation .nav-right li a {
+	color: #D8DFEA;
+}
+
+#navigation .nav-right li a:hover {
+	color: #FFF;
+}
+
+
+/* Sub Navigation */
+#sub-nav {
+    border-bottom: 1px solid #CCC;
+    overflow: hidden;
+    zoom: 1;
+    padding: 14px 10px 0;
+}
+
+#sub-nav ul {
+    list-style: none;
+    overflow: auto;
+    zoom: 1;
+    padding-left: 2px;
+}
+
+#sub-nav ul li {
+    float: left;
+    margin-left: -1px;
+}
+
+#sub-nav ul li a {
+    border: 0 solid #898989;
+    border-width: 1px 1px 0;
+    display: block;
+    background: #F1F1F1 url(/images/sub_tab.gif) repeat-x;
+    color: #333;
+    min-width: 60px;
+    text-align: center;
+    padding: 3px 1.0em;
+}
+
+* html #sub-nav ul li a {
+    width: 60px;
+    white-space: nowrap;
+}
+
+*+html #sub-nav ul li a {
+	padding: 4px 1.0em 2px;
+}
+
+@media all and (min-width:0px) {
+    head~body #sub-nav ul li a { width: 60px; }
+}
+
+#sub-nav .selected,#sub-nav .activetab {
+    z-index: 99;
+    position: relative;
+}
+
+#sub-nav .selected a ,#sub-nav .activetab a{
+    border-style: solid;
+    border-color: #3B5888 #5973A9;
+    border-width: 1px 1px 0;
+    color: #FFF;
+    background: #6D84B4;
+}
+
+#sub-nav .snav {
+    padding: 0 0 5px;
+    float: left;
+}
+
+#sub-nav .pagerpro-title {
+    padding: 0 0 5px;
+    float: left;
+}
+
+*+html #sub-nav .snav {padding: 0 0 4px;}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* Sub Navigation */
+#self-nav {
+    padding: 14px 10px 0;
+ 	border-bottom: 1px solid #3B5888;
+}
+
+#self-nav ul {
+    list-style: none;
+    overflow: auto;
+    zoom: 1;
+}
+
+#self-nav li {
+    float: left;
+	margin: 0 2px;
+}
+
+#self-nav li a {
+    height: 1.8em;
+    line-height: 1.8em;
+    display: block;
+    color: #3B5888;
+    text-align: center;
+    padding: 0 0.6em;
+}
+
+
+#self-nav li a:hover {
+	background:#D8DFEA;
+	text-decoration:none;
+}
+
+*html #self-nav li a {
+    height: 1.3em;
+    line-height: 1.0em;
+    padding-top: 0.5em;
+    white-space: nowrap;
+	width: 1px;
+}
+
+#self-nav .selected a {
+    color: #FFF;
+    background: #3B5888;
+}
+
+#self-nav .selected a:hover {
+    color: #FFF;
+    background: #3B5888;
+}
+
+#self-nav .float-right {
+	line-height: 1.8em;
+}
+
+
+
+
+/* Sidebar - My Menu List */
+#my-search {
+	padding: 6px 5px 2px;
+	background: #F5F5F5;
+}
+
+
+#my-search-menu {
+	position:relative;
+	z-index:100;
+	height: 20px;
+}
+
+#my-search-menu h2 {
+	font-size: 1.0em;
+	float: left;
+	height: 20px;
+}
+
+#my-search-menu h2 a {
+	display: block;
+	padding: 3px 5px 3px 5px;
+	width: 26px;
+}
+
+*+html #my-search-menu h2 a {padding: 5px 5px 1px 5px;}
+*+html #my-search-menu #global_search_link.active {padding: 4px 5px 1px 4px;}
+
+#my-search-menu h2 a:hover {
+	color: #FFF;
+	background: #717FB0;
+	text-decoration: none;
+}
+
+#my-search-menu #global_search_link.active {
+	color: #FFF;
+	background: #717FB0;
+	border: 1px solid #3B5888;
+	border-width: 1px 0 0 1px;
+	padding: 2px 5px 3px 4px;
+}
+
+#my-search-menu a.search_arrow {
+	float:left;
+	display: block;
+	width: 13px;
+	padding: 3px 0 3px;
+	height: 14px;
+	background: transparent url(/images/my_search_arrow.gif) no-repeat 50% 50%;
+}
+
+#my-search-menu a.search_arrow:hover {
+	background: #717FB0 url(/images/my_search_arrow_hover.gif) no-repeat 50% 50%;
+}
+
+#my-search-menu a.global_menu_arrow_active {
+	float:left;
+	display: block;
+	width: 13px;
+	padding: 2px 0 3px;
+	height: 14px;
+	background: #717FB0 url(/images/my_search_arrow_hover.gif) no-repeat 50% 50%;
+	border: 1px solid #3B5888;
+	border-width: 1px 1px 0 0;
+}
+
+* html #my-search-menu a.search_arrow, * html #my-search-menu a.global_menu_arrow_active {
+	height: 15px;
+}
+
+#my-search-menu #search_options_menu {
+	position: absolute;
+	background: #FFF;
+	top: 20px;
+	left: 0;
+	list-style: none;
+	border: 1px solid #3B5888;
+	padding: 5px 0;
+}
+
+#my-search-menu #search_options_menu li a {
+	display: block;
+	height: 1.8em;
+	line-height: 1.8em;
+	width: 112px;
+	padding-left: 10px;
+}
+
+#my-search-menu #search_options_menu li a:hover {
+	background: #6D84B4;
+	color: #FFF;
+	text-decoration: none;
+}
+
+#my-search #my-search-input {
+	position:relative;
+	z-index: 49;
+	width:124px;
+}
+
+#my-search #my-search-input form {
+	margin: 0 !important;
+	padding: 0 !important;
+}
+
+#my-search #my-search-input input.inputtext {
+	width: 100px;
+	border-right: none;
+	height: 15px;
+}
+
+#my-search #my-search-input input#mySearchGo {
+	position:absolute;
+	display:block;
+	border: none;
+	height:21px;
+	width:20px;
+	line-height:0;
+	font-size:0;
+	right: 0;
+	top:0;
+	cursor:pointer;
+}
+
+#my-search #my-search-input input.my-search-go {
+	background: url(/images/my_search.gif) no-repeat;
+}
+
+#my-search #my-search-input input.my-search-go-focus {
+	background: url(/images/my_search_focus.gif) no-repeat;
+}
+
+* html #my-search #my-search-input input#mySearchGo {top:1px;}
+*+html #my-search #my-search-input input#mySearchGo {top:1px;}
+
+
+
+.app-title {
+    background: #f7f7f7;
+    padding: 4px 10px 4px 5px;
+}
+
+.app-title h2 {
+    font-size: 12px;
+}
+
+.app-title h2 a {
+    color: #333;
+}
+
+.app-title h2 a:hover {
+    color: #3B5888;
+}
+
+#sidebar_content {
+    font-size: 12px;
+    padding: 0px;
+    color: #000;
+    background: #f7f7f7;
+  }
+
+#sidebar_content .separator {
+   border-top: solid 1px #CCCCCC;
+   border-bottom: solid 1px white;
+   margin: 0px -10px 4px -10px; }
+
+#sidebar .app_list {
+  font-size: 12px;
+  padding: 0 8px 0px; }
+
+  #sidebar .app_list h2 {
+    float: left;
+    padding-left: 2px;}
+
+  #sidebar .app_list_outside {
+    padding: 2px 14px 5px;
+  }
+
+  #sidebar .app_list .rearrange_message {
+	margin: 0;
+  }
+
+  #sidebar .browse_apps_link {
+    font-size: 11px;
+    padding-top: 5px;
+ }
+
+  #sidebar .edit_apps {
+    float: right;
+    text-align: right;
+    width: 30px;
+    font-weight: normal; }
+
+  #sidebar #app_list, #app_non_nav_list {
+      clear: both;
+      list-style: none;
+      margin: 0px 0px 0px 0px;
+      padding: 2px 0 0px; }
+
+  #sidebar #app_non_nav_list {
+      padding-bottom: 5px; }
+
+  #sidebar .divider_bar {
+     border-top: solid 1px #d6d6d6;
+	 border-bottom: solid 1px #fff;
+     line-height: 0px;
+     margin: 5px 0;
+     clear:both;
+     position:relative;
+  }
+
+    #sidebar .app_list .list_item {
+        margin: 0px 0px 0px -35px;
+        padding: 2px 0px 3px 35px; }
+
+    #sidebar .app_list_outside h2 {
+        margin-left: -5px;
+        padding: 3px 0px;
+    }
+
+    #sidebar .app_list .list_item .container {
+        margin: 0;
+        padding: 0;
+        }
+
+      #sidebar .app_list li a {
+        margin: 0px;
+        padding: 0px; }
+
+      #sidebar .app_list .icon {
+        float: left;
+        margin: 0px;
+        padding: 0px;
+        height: 16px;
+        width: 16px;  }
+
+     #sidebar .app_list .link_title {
+        width: 100px;
+        background: transparent no-repeat 0px 1px;
+        cursor: pointer;
+        display: block;
+        padding: 2px 0px 2px 22px;
+        margin: 0px 0px 0 0px;
+        border-bottom: 1px solid #EEE;
+        }
+
+    #sidebar .app_list .link_title.admin {
+        color: red;
+        }
+
+    #sidebar .app_list .edit {
+        width: 30px;
+        background: none;
+        cursor: pointer;
+        display: block;
+        padding: 2px 0px 2px 0;
+        margin: 0;
+        border-bottom: 1px solid #EEE;
+        float: right;
+		color: #808080;
+		position:relative;
+        }
+
+	#sidebar .app_list .edit:hover {
+		color: #3B5888;
+        }
+
+    #sidebar .app_list .link_title .inbox {
+		float: right;
+		padding-right: 4px;
+    }
+
+     #sidebar .app_list .link_title.edit-title {
+        width: 70px;
+        background: transparent no-repeat 0px 1px;
+        cursor: pointer;
+        display: block;
+        padding: 2px 0px 2px 22px;
+        margin: 0px 0px 0 0px;
+        border-bottom: 1px solid #EEE;
+        }
+
+    * html #sidebar .app_list .link_title {
+        float: left;
+        }
+
+     #sidebar .app_list .highlight_link {
+        font-weight: normal;
+     }
+
+#sidebar .more_section {
+  margin-top: 5px;
+  border-bottom: solid 1px #ddd;
+}
+
+#sidebar .more_section .edit{
+  font-size: 11px;
+  font-family: MingLiu;
+  float: right;
+  padding: 2px 13px 2px 0;
+  color: #999;
+}
+
+#sidebar .more_section .edit:hover {
+  color: #3B5888;
+}
+
+#sidebar .expand_link {
+  text-align: left;
+  font-size: 11px;
+  font-family: MingLiu;
+  background: #ccc;
+  display: block;
+  padding: 2px 10px 2px 22px;
+}
+
+#sidebar .more_apps {
+  background: url(/images/down_arrow_grey_small.gif) no-repeat 10px 2px;
+}
+
+#sidebar .more_apps:hover {
+  background: #ececec url(/images/down_arrow_grey_small.gif) no-repeat 10px 2px;
+  color: #999;
+}
+
+#sidebar .less_apps {
+  background: url(/images/up_arrow_grey_small.gif) no-repeat 10px 2px;
+}
+
+#sidebar .less_apps:hover {
+  background: #ececec url(/images/up_arrow_grey_small.gif) no-repeat 10px 2px;
+    color: #999;
+}
+
+#sidebar .more_apps a, #sidebar .less_apps a, .more_section a {
+  color: #999;
+}
+.applications .dialog_body p {margin:10px 0;}
+.applications .messages_div {font-size:14px;margin:10px 0 10px;}
+.apps-config {
+    padding: 10px 20px 20px;
+}
+
+.apps-config h2 {
+    line-height: 2.0em;
+}
+.apps-config #promo_main {
+	float:right;
+	padding-top:26px;
+}
+#promo_main a {cursor:pointer;}
+.browse_more_button{float:left;border:1px solid #145c9a;background:#526ea6;border-right-color:#0e1f5b;border-bottom-color:#0e1f5b;}
+.browse_more_button div{border-top:1px solid #6e84b3;padding:3px 24px 5px 15px;background:url(/images/white_arrow_on_blue.gif) no-repeat center right;color:#fff;}
+*+html .browse_more_button div{padding:4px 24px 4px 15px;}
+.browse_more_button:hover{background-color:#40578a;text-decoration:none;}
+.browse_more_button:active{border:1px solid #324a7b;background:#526ea6;border-right-color:#758bb7;border-bottom-color:#758bb7;background-color:#39548a;text-decoration:none;}
+.browse_more_button:active div{border-top:1px solid #39548a;}
+.apps-config .title_header {
+	width:380px;
+}
+.apps-config p {
+    line-height: 1.5em;
+}
+
+.apps-config table {
+    width: 99%;
+    border-top: 1px solid #DDD;
+    margin-top: 20px;
+}
+
+.apps-config table td {
+    border-bottom: 1px solid #DDD;
+    padding: 7px 0;
+    vertical-align: middle;
+}
+
+.apps-config table td.icon {
+    width: 22px;
+}
+
+.apps-config table td.info {
+    font-size: 14px;
+    font-weight: bold;
+	color: #333;
+}
+
+.apps-config table td.action {
+    width: 50px;
+    text-align: right;
+    padding-right: 6px;
+}
+
+.apps-config table td.action a.add {
+    background: url(/images/app_add.gif) no-repeat 0 55%;
+    padding-left: 1.2em;
+}
+
+.admin-menu {
+	border: 1px solid #DDD;
+	border-width: 1px 0;
+	background: #F7F7F7;
+	margin-top: 8px;
+}
+
+.admin-menu ul {
+	list-style: none;
+	padding: 4px 9px;
+}
+
+.admin-menu ul li {
+	line-height: 1.3em;
+	background: url(/images/ad_dot.gif) no-repeat 0 55%;
+	padding-left: 10px;
+}
+
+.admin-menu ul li a {
+	color: #C00;
+}
+
+.applications .handle {
+  background: url(/images/movearrow.gif) no-repeat center center;
+  width: 13px;
+  min-width: 13px;
+  height: 16px;
+  min-height: 16px;
+  font-size: 16px;
+  display: block;
+  float: left;
+  margin-right: -28px;
+  position: relative;
+  left: -28px;
+  padding: 0px;
+}
+
+.applications .handle:hover {
+  cursor: move; }
+
+.app_selector_module {
+  display: none; }
+
+.applications .app_selector_module {
+  display: block;
+  color: #333;
+  margin: 0px 10px 10px;
+  padding: 5px 0px;
+}
+
+.app_selector_module #sidebar .app_selector_module h2 {
+  display: none;
+}
+
+.applications #sidebar .app_selector_module h2 {
+  width: auto;
+  float: none;
+}
+
+.applications .app_selector {
+  margin-top: 6px;
+}
+
+.applications .app_selector select {
+  width: 112px;
+}
+
+.action_item {
+  display: none;
+}
+
+.applications li:hover .action_item {
+  position: relative;
+  left: -80px;
+  width: 40px;
+  float: left;
+  text-align: right;
+  margin-right: -80px;
+  display: block;
+  font-size: 9px;
+}
+
+.action_item_add {
+  display: none;
+}
+
+.applications li:hover .action_item_add {
+  position: relative;
+  left: -80px;
+  width: 70px;
+  float: left;
+  text-align: right;
+  margin-right: -70px;
+  display: block;
+  font-size: 9px;
+}
+
+.add_button {
+  margin-top: 6px;
+}
+
+
+.floating_container {
+   opacity: 0.4;
+   position: absolute;
+   width: 123px;
+   border: 1px dashed #315091;
+}
+
+.floating_container:hover {
+   cursor: move;
+}
+
+
+#sidebar .app_list .floating_container .link_title {
+   filter: alpha(opacity=40);
+}
+
+#sidebar .app_list .floating_container .edit {
+   filter: alpha(opacity=40);
+}
+
+#sidebar .app_list .floating_container .handle {
+   filter: alpha(opacity=40);
+}
+
+.rearrange_message {
+   padding: 3px 7px;
+   margin: 0 10px 0 5px;
+   border: solid 1px #ccc;
+   background: #f0f0f0;
+   position: relative;
+}
+
+#empty_more_message {
+   height: auto;
+   color: #999;
+   font-size: 9px;
+}
+
+.rearrange_message .image {
+   vertical-align: middle;
+}
+
+.rearrange_status {
+   font-size: 11px;
+   padding: 3px 7px;
+   margin: 3px 0px;
+   border: solid 1px #ffe222;
+   background: #fffbe2;
+   height: 15px;
+}
+
+
+/*for new blog*/
+#sub-nav li.showmodel{ float:right; padding-top:4px;}
+#sub-nav li.hiddenitem{ display:none;}
+#sub-nav li.showmodel a{border:0; color:#3b5998; background:none; display:inline; padding:0;}
+
+
+/*for newfriendlist with Tab*/
+#sub-nav.narrow ul li a{}
+*+html #sub-nav.narrow ul li a{}
+
+/*foc Cellphone UploadPic*/
+.uploadpic_head{ height:22px; overflow:hidden; padding:20px 20px 0px 20px;}
+.uploadpic_head h2{ background:url(../img/newsfeed/photo.gif) 0 50% no-repeat; padding-left:24px;}
+
+.current-path {
+  padding:3px 5px 5px 5px;
+  background-color:#F2F2F2;
+  margin-bottom:3px;
+  border:1px solid #E9EEF2;
+}