fcid 0.0.1 → 0.0.2

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

@@ -0,0 +1,122 @@
+/* show-box */
+.show-box {
+  background-color:white;
+  /*border:1px solid #D8DFEA;*/
+  margin-bottom:10px;
+  position:relative;
+  min-height:60px;
+}
+
+
+
+.show-box h2 {
+  background-color: #F2F2F2;
+  border-top: #E2E2E2;
+  padding: 4px 5px 5px;
+  position: relative;
+}
+
+.show-box h2 a {
+  font-size: 12px;
+  text-decoration :none;
+  font-weight: normal;
+}
+
+.show-box h2 span {
+  float:right;
+}
+
+.show-box .show-box-right p {
+  padding:0px;
+  margin:0px;
+}
+
+.show-box-content {
+  padding:10px;
+  border-bottom:1px solid #D8DFEA;
+}
+
+.show-box-body {
+  min-height: 200px;
+}
+
+.show-box .show-box-left {
+  float:left;
+  width:150px;
+  text-align:center;
+}
+
+.show-box .show-box-right {
+  overflow:hidden;
+  text-align:left;
+  /*width:300px;
+  float:left;*/
+  margin-left:150px;
+}
+
+.show-box .show-box-right h2 {
+}
+
+.show-box .show-box-actions {
+  text-align:right;
+  padding: 4px;
+  width:100px;
+  position:absolute;
+  right:5px;
+  top:5px;
+}
+
+.revert .show-box-left {
+  float:right;
+}
+
+.revert .show-box-right {
+  float:left;
+}
+
+
+.show-box-addition {
+  float:left;
+  width:100px;
+}
+
+
+
+/* hide show-box-left */
+.show-box-no-left .show-box-left{
+  display:none;
+}
+
+.show-box-no-left .show-box-right{
+  margin-left:0px;
+}
+
+
+
+.show-box-actions ul {
+  margin-bottom:5px;
+}
+
+.show-box-actions ul li { 
+  border-bottom:1px solid #D8DFEA;
+}
+
+.show-box-actions ul li a {
+  padding:2px 5px; 
+  display:block;
+}
+
+.show-box-actions ul li a:hover {
+  background-color:#5d74a2;
+  display:block;
+  color:white;
+  text-decoration:none;
+}
+
+
+.show-box-actions-bottom .show-box-actions {
+  bottom:5px;
+  top:auto;
+  position:relative;
+  width:100%;
+}

data/app/assets/stylesheets/fcid/super-actions.css

@@ -0,0 +1,222 @@
+#userTalk .info,
+#groupWall .info,
+#netWall .info,
+#comments .info,
+#threadlist .info {
+    height: 20px;
+	background:#F7F7F7 none repeat scroll 0% 50%;
+	border-top:1px #d8dfea solid;
+}
+
+* html #userTalk .info,
+* html #groupWall .info,
+* html #netWall .info {
+	height:19px;line-height:19px;
+}
+
+#comments .info span.author,
+#comments .info span.timestamp,
+#comments .info span.reply,
+#comments .info span.remove {
+    float: left;
+}
+
+#threadlist .info span.author,
+#threadlist .info span.time,
+#threadlist .info span.reply,
+#threadlist .info span.remove {
+    float: left;
+}
+
+*+html #userTalk .info span.time,
+*+html #groupWall .info span.time,
+*+html #netWall .info span.time,
+*+html #comments .info span.timestamp,
+*+html #threadlist .info span.time {
+    margin-top: -2px;
+}
+
+#userTalk .info span.author,
+#groupWall .info span.author,
+#netWall .info span.author {
+    float: left;
+}
+
+#userTalk .info span.time,
+#userTalk .info span.reply,
+#userTalk .info span.remove,
+#groupWall .info span.time,
+#groupWall .info span.reply,
+#groupWall .info span.remove,
+#netWall .info span.time,
+#netWall .info span.reply,
+#netWall .info span.remove,
+#blogpage #comments .info span.remove {
+    float: right;
+}
+
+#userTalk .info span.reply,
+#groupWall .info span.reply,
+#netWall .info span.reply,
+#comments .info span.reply,
+#threadlist .info span.reply,
+#comments .info span.remove {
+    padding: 0 0.5em;
+	float:right;
+}
+
+#comments .info span.author,
+#threadlist .info span.author {
+    padding-left: 0.5em;
+}
+
+#userTalk .info span.remove,
+#groupWall .info span.remove,
+#netWall .info span.remove {
+    padding: 0 1.8em 0 0.5em;
+}
+
+* html #userTalk .info span.reply,
+* html #userTalk .info span.remove,
+* html #userTalk .info span.author,
+* html #groupWall .info span.reply,
+* html #groupWall .info span.remove,
+* html #groupWall .info span.author,
+* html #netWall .info span.reply,
+* html #netWall .info span.remove,
+* html #netWall .info span.author {
+    padding-top: 1px;
+}
+
+*+html #clublist #tools span.refresh,
+*+html #clublist #tools span.search,
+*+html #clublist #tools span.my {
+    padding-top: 4px;
+}
+
+#userTalk .info .super-actions,
+#groupWall .info .super-actions,
+#netWall .info .super-actions {
+    float: right;
+    padding-top: 2px;
+}
+
+#comments .info .super-actions {
+    float: left;
+    padding-top: 3px;
+}
+
+#threadlist .info .super-actions {
+    float: left;
+    padding-top: 3px;
+}
+
+#clublist #tools .super-actions {
+    float: right;
+    padding-top: 3px;
+}
+
+#threadlist .super-actions-menu li {
+    border: none;
+}
+
+*+html #comments .info .super-actions,
+*+html #threadlist .info .super-actions {
+    float: right;
+    padding-top: 1px;
+}
+
+* html #comments .commentlist {
+    position: relative;
+}
+
+.super-actions {
+    position: relative;
+}
+
+.super-actions a {
+    background: url(/images/super_actions.gif) no-repeat 0 0;
+    display: block;
+    height: 16px;
+    line-height: 16px;
+    width: 16px;
+}
+
+.super-actions a:hover {
+    background: url(/images/super_actions.gif) no-repeat 0 100%;
+}
+
+.super-actions-menu {
+    visibility:hidden;
+    position: absolute;
+    top: 18px;
+    right: 0;
+    border: 1px solid #B8B7AF;
+    border-color: #B8B7AF #727271 #727271 #B8B7AF;
+    list-style: none;
+    width: 64px;
+    z-index: 1000;
+}
+.super-actions-menu li a.red{ color:#FF0000;}
+
+#clublist #tools .super-actions a {
+    background: url(/images/super_actions_b.gif) no-repeat 0 0;
+}
+
+#clublist #tools .super-actions a:hover {
+    background: url(/images/super_actions_b.gif) no-repeat 0 100%;
+}
+
+#comments .info .super-actions-menu {
+    top: 19px;
+}
+
+#threadlist .info .super-actions-menu {
+    top: 19px;
+}
+
+#clublist #tools .super-actions-menu {
+    top: 19px;
+    right: 1px;
+}
+
+*+html #comments .info .super-actions-menu,
+*+html #threadlist .info .super-actions-menu {
+    top: 17px;
+}
+
+.super-actions-menu li {
+    padding: 0 !important;
+}
+
+.super-actions-menu li a {
+    display: block;
+    background: #FFF !important;
+    padding-right: 10%;
+    width: 90%;
+    line-height: 20px;
+    height: 20px;
+    text-align: right;
+    border-bottom: 1px solid #DEDEEF;
+}
+
+.super-actions-menu li a:hover {
+    text-decoration: none;
+    color: #FFF;
+    background: #5D74A2 !important;
+}
+
+.super-actions-menu li.report a {
+    border-bottom: 0;
+}
+
+.super-actions:hover ul,
+.super-actions a:hover ul {
+    visibility:visible;
+}
+
+
+#comments .info .super-actions,#comments .info span.timestamp{ float:right;}
+
+
+

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

@@ -0,0 +1,370 @@
+/* tab */
+
+.tabs {
+  margin-bottom:10px;
+}
+
+.tab ul li,.tab ul {
+  list-style: none;
+  margin:0px;
+  padding:0px;
+}
+
+.tab {
+  margin:5px 5px 0px 5px;
+  margin-bottom: 10px;
+}
+
+.tab ul li.selected a,.tab ul li.selected a:hover {
+  font-weight:bold;
+}
+
+
+
+
+.tab ul li {
+  float:left;
+  text-align:center;
+  line-height:2em;
+  margin-left:1px;
+  border-bottom:none;
+}
+
+.tab ul li a {
+  display:block;
+  padding:0px 8px;
+  cursor:pointer;
+  text-decoration:none;
+}
+
+.tab ul li a:hover {
+}
+
+.tab ul li.tab-right {
+  float:right;
+  width:auto;
+}
+
+.tab form {
+  display:inline;
+}
+
+.tab form input {
+  background-color:white;
+  padding:0px;
+  line-height:16px;
+  margin:0px;
+}
+
+
+/* vertical tab */
+.vtab.tab ul,
+.vtab.tab {
+  border-bottom: none;
+}
+
+.vtab ul li {
+  display:block;
+  float:none;
+  margin-left:0px;
+  text-align:left;
+}
+
+.tab-panel {
+  padding:10px 10px;
+  background-color:#F5F4F5;
+}
+
+.tab-panel ul.sub-panel {
+}
+
+.tab-panel ul.sub-panel li {
+  float:left;
+  margin-right:5px;
+  line-height:25px;
+  text-vertical-align:middle;
+  font-family:monospace;
+  font-size:13px;
+}
+
+.tab-panel ul.sub-panel a {
+  font-size:13px;
+  color:#000;
+}
+
+.tab-panel ul li.tab-panel-right {
+  float:right;
+}
+
+
+/* tab2 */
+
+.tab2 {
+  border-bottom:1px solid #ccc;
+  margin:0px;
+  padding-left:10px;
+  padding-right:10px;
+}
+
+.tab2 ul li {
+  width:auto;
+  margin:0px -1px;
+}
+
+.tab2 ul li a.selected,.tab2 ul li a.selected:hover {
+  background-color:#aaaaff;
+  color:white;
+}
+
+/* fix for ie6 */
+*html .tab2 ul li a{
+  display:block;
+  width:auto;
+  padding:2px 10px;
+}
+
+*html .tab2 ul li span a {
+  padding:2px 10px;
+}
+
+*html .tab2 ul {
+  padding:2px;
+}
+/* end fix ie6 */
+
+
+.tab2 ul li a {
+  border-color:#aaaaff;
+  border-style:solid;
+  border-width:1px 1px 0pt;
+  color:#333333;
+  min-width:60px;
+  background-color:#F5F4F5;
+  padding:2px 5px;
+}
+
+.tab2 ul li span a {
+  padding:2px 5px;
+  width:auto;
+}
+
+.tab2 ul li span a:hover {
+  background-color:#5D74A2;
+  color:white;
+}
+
+.tab2 ul li a:hover {
+  text-decoration: underline;
+  background-color:#F5F4F5;
+  color:#333;
+}
+
+/* tab3 */
+.tab3 ul {
+  padding-left:30px;
+}
+
+.tab3 ul li {
+  padding:2px 5px;
+  color:#ccc;
+}
+
+.tab3 ul li.selected {
+  color:white;
+  background-color:#3B5888;
+}
+
+/* sub-tab */
+.sub-tab {
+  padding:10px 0px 0px 20px;
+  border-bottom:1px solid #ccc;
+}
+
+.sub-tab ul {
+}
+
+.sub-tab ul li {
+  border-left:1px solid #D8DFEA;
+}
+
+.sub-tab ul li a:hover, .sub-tab ul li span a:hover {
+  background-color:#EBEFF4;
+  color:#3B5888;
+}
+
+.sub-tab ul li a,.sub-tab ul li span a {
+  background-color:transparent;
+  color:#3B5888;
+}
+
+.sub-tab ul li span a {
+  border-bottom:2px solid #6D84B4;
+}
+
+
+
+/* end sub-tab */
+
+/* navigation tab */
+.nav-tab {
+  margin:15px;
+  padding:10px 10px 0px 10px;
+  border-bottom:none;
+  margin:0px 0px 0px 0px;
+}
+
+.nav-tab ul {
+  margin:0px auto;
+}
+
+.nav-tab ul li a {
+  font-size:14px;
+  color:#F5F4F5;
+}
+
+.nav-tab ul li a:hover {
+}
+
+.nav-tab ul li.tab-right {
+  text-align:left;
+}
+
+.nav-tab ul li span{
+  display:block;
+}
+
+.nav-tab ul li span a,.nav-tab ul li span a:hover {
+  color:black;
+  font-weight:bold;
+  background-color:#BBD1EF;
+} 
+.nav-tab-panel {
+  border:2px solid #5d74a2;
+  border-top:none;
+  background-color:#BBD1EF;
+}
+
+.nav-tab-panel ul {
+  margin:0px auto;
+}
+
+.nav-tab-panel li {
+  padding:0px 8px;
+  background:url(/images/arrow.gif) left no-repeat ;
+  vertical-align:bottom;
+}
+
+
+/* news feed tabs */
+.home-tab {
+  border-bottom:1px solid #D3DAE8
+}
+
+.home-tab ul li{
+  background-color:#D8DFEA;
+}
+
+.home-tab ul li a {
+  cursor:pointer;
+}
+
+.home-tab ul li a:hover {
+  background-color:#5D74A2;
+}
+
+.home-tab ul li span a,
+.home-tab ul li a.selected {
+  background-color:white;
+  color:black;
+  border:1px solid #D3DAE8;
+  border-bottom:0px solid white;
+  margin-bottom:-2px;
+  font-weight:normal;
+}
+
+*html .home-tab ul li span a,
+*html .home-tab ul li a.selected {
+  margin-bottom:-3px;
+}
+
+.home-tab ul li span a:hover,
+.home-tab ul li a:hover .selected
+{
+  background-color:white;
+  color:black;
+}
+
+.home-tab-panels .tab-panel {
+  padding:10px;
+  background-color:white;
+}
+
+
+
+
+
+/* composer tabs */
+.composer-tab {
+  border:none;
+  padding:20px;
+}
+
+.composer-tab ul li {
+  background-color:white;
+  border:none;
+  padding-left:18px;
+}
+
+.composer-tab ul li a {
+  cursor:pointer;
+  padding-left:0px;
+}
+
+.composer-tab ul li a:hover {
+  background-color:white;
+  text-decoration:underline;
+  color:black;
+}
+
+.composer-tab ul li a.selected {
+  color:black;
+  background-color:white;
+}
+
+.composer-tab ul li a:hover .selected {
+  background-color:white;
+}
+
+
+.tab ul {
+  border-bottom: 1px solid #3B5998;
+  clear: all;
+}
+
+.tab ul li.selected a,.tab ul li.selected a:hover {
+  color:white;
+  background-color:#3B5998;
+}
+
+.tab ul li a:hover {
+  background-color: #E9EEF2;
+}
+
+.vtab ul li a {
+  border-bottom:1px solid #eee;
+  padding:3px;
+}
+
+.vtab ul li a:hover {
+  background-color: #E9EEF2;
+}
+
+.vtab ul li.selected a {
+  background-color: #E9EEF2!important;
+  color:#3B5998!important;
+  font-weight:bold;
+  /*
+  padding-left: 16px;
+  background: transparent url(/images/clear_star_blue_outline.gif) no-repeat 0px 50%;
+  */
+}