socialforge/public/themes/redpenny-master/stylesheets/application.css

/**
 * Redpenny stylesheet
 *
 * Author: Jarod Denison (@jaroslavius)
 * @2013-05-25
 *
 */


/*@import "http://fonts.googleapis.com/css?family=PT+Sans:400,700|Source+Code+Pro";*/
@import "../../../stylesheets/application.css";

@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot?v=3.1.0');
  src: url('font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');
  font-weight: normal;
  font-style: normal;
}

#header > h1 {
  /*background: url(../images/logo.png) no-repeat 30px 30%;*/
  /*by young*/
  padding: 29px 130px;
}


/*by young*/

#header > h1 {
  /*background: url(../images/logo.gif) no-repeat 40px 45%;*/
  padding: 28px 130px;
}
/*end*/

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #header > h1 {
    /*background-image:ol url(../images/logo-2x.png);*/
    background-size: 43px 30px;
  }
}
#body
{
  padding-top:90px;
  background-image:url(images/bg/bg.gif);
  background-repeat:repeat-x;
  background-position:center top
}

body,#wrapper
{
  background-color:#F6F7F8;/*fff整体背景色ecfffb*/
  font-family:'微软雅黑',Helvetica,Arial,"Lucida Grande",verdana,sans-serif
}

a
{
  transition:all .2s linear;
  -moz-transition:all .2s linear;
  -o-transition:all .2s linear;
  -webkit-transition:all .2s linear
}


.action-settings #header h1:before
{
  font-family: Fontawesome;
  /*	content: "\f0f0 ";*/
  padding-right: 5px;
}

/*by young*/
.action-settings #header h1:before
{
  font-family: Fontawesome;
  /*	content: "\f013";*/

  padding-right: 5px;
}

.controller-projects.action-show #header h1:before
{
  font-family: Fontawesome;



  /*	content: "\f132";*/

  padding-right: 5px;
}

.controller-activities #header h1:before
{
  font-family: Fontawesome;



  /*	content: "\f135";*/

  padding-right: 5px;
}

.controller-versions #header h1:before
{
  font-family: Fontawesome;



  /*	content: "\f018";*/

  padding-right: 5px;
}

.controller-issues #header h1:before
{
  font-family: Fontawesome;



  /*	content: "\f145";*/

  padding-right: 5px;
}

.controller-calendars #header h1:before
{
  font-family: Fontawesome;



  /*	content: "\f073";*/

  padding-right: 5px;
}

.controller-news #header h1:before
{
  font-family: Fontawesome;



  /*	content: "\f06c";*/

  padding-right: 5px;
}

.controller-documents #header h1:before
{
  font-family: Fontawesome;



  /*	content: "\f02d";*/

  padding-right: 5px;
}

.controller-wiki #header h1:before
{
  font-family: Fontawesome;



  /*	content: "\f14b";*/

  padding-right: 5px;
}

.controller-files #header h1:before
{
  font-family: Fontawesome;



  /*	content: "\f0b1";*/

  padding-right: 5px;
}

.controller-repositories #header h1:before
{
  font-family: Fontawesome;



  /*	content: "\f074";*/

  padding-right: 5px;
}

.controller-gantts #header h1:before
{
  font-family: Fontawesome;
  /*	content: "\f080";*/
  padding-right: 5px;
}

.controller-admin #header,.controller-users #header,.controller-groups #header,.controller-roles #header,.controller-trackers #header,.controller-issue_statuses #header,.controller-workflows #header,.controller-custom_fields #header,.controller-users #header,.controller-enumerations #header,.controller-settings #header,.controller-auth_sources #header,.controller-plugins #header,.controller-info #header,.controller-projects.action-index #header,.controller-welcome #header,.controller-my #header,.controller-account.action-login #header
{
  height:3.1em
}

.controller-account.action-login #content
{
  background-color:#fafafa!important
}
.controller-welcome #header h1:before
{
  font-family: Fontawesome;
  /*	content: "\f015 ";*/
  padding-right: 5px;
  font-weight: 100;
}
.controller-users #header h1:before
{
  font-family: Fontawesome;
  padding-right: 5px;
}

/*end*/


.splitcontentright .projects.box ul
{
  padding-left:20px
}

.splitcontentright .projects.box li
{
  margin-bottom: 10px;
  list-style:none
}
.splitcontentleft .news.box p a:first-child,
.splitcontentright .news.box p a:first-child,

.splitcontentleft .projects.box li a:link,
.splitcontentright .projects.box li a:link
{
  font-size: 11px;
  border-radius:3px;
  -moz-border-radius:3px;

  -webkit-border-radius:3px;
  -o-border-radius:3px;
  -ms-border-radius:3px;
  background-color:#eee;  /* 项目名底色 */
  padding:4px 10px
}

a:hover
{
  text-decoration:underline
}

a:hover,a:active
{
  color:#FF0000   /* 项目字体底色 */
}

.action-index .wiki
{
  width:100%; /* 描述字体内容的宽度 */
  color:#909090; /* 项目描述字体颜色 */
  display:block
}

.action-index h4 a
{
  font-size:110%;
  border-bottom:#ededed 1px dashed;
  display:block;
  padding-bottom:5px
}

.action-index h3
{
  background-color:#fff; /* 右top边项目底色  */
  padding:10px
}
/*by young
.action-index p
{
margin-top:0;
padding-top:0;
}
 */
ul.projects.root
{
  -webkit-column-count:4;
  -moz-column-count:4;
  -ms-column-count:4;
  -o-column-count:4;
  column-count:4
}

ul.projects li.root
{
  padding:5%; /*项目界面的宽度 */
  height:25px;
  background-color:#0ee; /* 项目界面 #eee*/
  margin:0 0 0 10px;
  display:inline-block;
  width:90%;
  vertical-align:top;
  border-bottom:2px #dbedf4 solid;
  border-left:1px dotted #dbedf4
}

#header,#top-menu
{
  margin:60;
}
/*by young*/
#header
{
  background-color: #FFFFFF;
  /*	background-image: -moz-linear-gradient(top,#BBBBBB,#FFFFEC);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#039ea0),to(#f5f1e8));
  background-image: -webkit-linear-gradient(top,#039ea0,#f5f1e8);
  background-image: -o-linear-gradient(top,#039ea0,#f5f1e8);
  background-image: linear-gradient(to bottom,#039ea0,#f5f1e8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff111111',GradientType=0);*/
border-color: #252525;

height: 130px;

height: 125px;

color: #000000;
}
/*控制logo位置，如redmine位置*/
#header h1
{
  margin:0 0px;

  margin-top: 5px;
  margin-left: 5px;

  height: 61px;/*by young*/
  margin-top: -90px;/*by young*/
  margin-left: -30px;

  color: #000000;
}
/*添加logo*/

#header #quick-search
{
  margin:3px 24px 0;
  color: #000000;
}

/* huang*/

/**/


#top-menu
{
  background-color:#fff; /*顶层导航颜色*/
  color: #fff;
  font-size:13px;     /* bai */
  font-family: "Microsoft YaHei";
  position:relative;
  padding:0;
  height:1px;
  /*by bai*/
  border-radius: 5px;/*导航栏边角变圆*/
  /*end*/
}

#top-menu ul
{
  margin-left: 0px;  /*add by huang*/
  padding-right: 1px;
}

#top-menu li,#top-menu #loggedas
{
  /*by young*/
  padding-top: 10px;
  color:#fff;
  font-weight: bold;
  line-height:21px;
  margin-right:1px
}

#top-menu li a
{
  /*by young*/
  color:#fff; /*the color of the fonts*/
  padding:4px 3px
}

#top-menu li a:hover
{
  color:#a1ebff; /*顶层导航鼠标效果*/
  text-decoration:none
}

#main
{
  background:#fff; /*右边图标背景颜色dbedf4*/
  margin:20px 24px 0
}

#content,#main.nosidebar #content
{
  /*by young*/
  /*	background:#fff; /*主题框架背景yanse*/
  /*	border-right:1px solid #bbb;
  border-bottom:1px solid #bbb;
  overflow:auto;

  -moz-box-shadow:#bbb 1px 1px 2px;
  -webkit-box-shadow:2px 2px 0px -2px #bbb;
  border-left:1px #ddd solid*/
}

#content
{
  width:693px;
  float:right;
  background-color: #FFFFFF;
}

#content_tag
{
  width:640px;
  float:right;
  background-color: #FFFFFF;
}

#content .wiki img
{
  max-width:98%
}

#main.nosidebar #content_
{
  width:auto;
  /*float:center;*/
  min-height:800px;
  border: 1px solid #ffffff;
}

/*by huang*/
#sidebar-enterprise
{
  width:240px;
  height: auto;
  background:#fff;
  margin-bottom: 30px;
  border-right:1px solid #f0c082;
  overflow:auto;
  -moz-box-shadow:#C6E9F1 1px 1px 2px;
  -webkit-box-shadow:2px 2px 0px -2px #C6E9F1;
}

#sidebar-enterprise a,#sidebar-enterprise a.selected
{
  display:inline-block;
  padding:4px 4px 4px 21px !important;
  transition:all .2s linear;
  -moz-transition:all .2s linear;
  -o-transition:all .2s linear;
  -webkit-transition:all .2s linear;
}

#sidebar-enterprise a.selected
{
  padding-top:2px;
  padding-bottom:2px;
  background-position:2px 5px;
  margin:auto;
  color:#a0a0a0;
  font-weight:600
}

/*end*/

#sidebar
{
  width:240px;/*by young*/
  height: auto;
  background:#fff; /*主题框架背景yanse*/
  margin-bottom: 30px;
  border-right:1px solid #C6E9F1;
  overflow:auto;
  word-wrap:break-word;
  /*by young*/
  -moz-box-shadow:#C6E9F1 1px 1px 2px;
  -webkit-box-shadow:2px 2px 0px -2px #C6E9F1;
}

#sidebar a,#sidebar a.selected
{
  display:inline-block;
  padding:4px 4px 4px 21px;
  transition:all .2s linear;
  -moz-transition:all .2s linear;
  -o-transition:all .2s linear;
  -webkit-transition:all .2s linear;
}

#sidebar a.selected
{
  padding-top:2px;
  padding-bottom:2px;
  background-position:2px 5px;
  margin:auto;
  color:#a0a0a0;
  font-weight:600
}

#footer
{
  background-color:#fff;   /*footer bg    add by huang*/
  border:0;
  clear:left;
  color:#666;
  font-size:9px;
  margin:4px 20px 20px;
  padding-bottom:15px;
  text-align:left
}


#footer .bgr:after
{
  content:' Theme by Trustie Team';
  float:right
}


#sidebar h3
{
  border-bottom:1px solid #DCDCDC; /*右边项目应用*/
  padding:3px 4px
}

div.journal h4
{
  background-color:#EDF3FE;
  border-left:3px solid #9FBFFA;
  padding:10px
}

div.splitcontentleft h2
{
  background-color:transparent;
  padding:0;
  margin:20px 0 5px
}

#sidebar a:hover
{
  background-color:#c6e9fe; /*add by huang*/
  color:#FFF;
  text-decoration:none
}

#main-menu
{

  margin-top:5px;
  margin-bottom:20px;
  background-color:#000;
  /*border-bottom:1px solid #ccc;
  padding-left:5px;
  line-height:30px;*/


}

#main-menu li a
{
  /*float:left;
  margin-top:5px;
  margin-right:5px;
  border: 1px solid #ccc;
  padding: 0px 10px;
  height:30px;
  top:0px;
  position:relative;
  z-index: 2;
  background: #fff;*/
/*font-family:"Microsoft YaHei", "PT Sans", Helvetica, Arial;*/
/*font: color: #FFF;*/
transition:all .4s linear;
-moz-transition:all .4s linear;
-o-transition:all .4s linear;
-webkit-transition:all .4s linear;
background-color:#cdd0cf; /*导航条颜色*/
/*font-weight:400;
padding:4px 8px 4px;8*/

}

#main-menu li a:hover
{
  background:#aaabab; /*鼠标经过时背景颜色*/
  text-decoration:none
}

#main-menu li a.selected,#main-menu li a.selected:hover
{
  background-color:#969a99; /*当前打开导航条背景颜色*/
  color:#000;
  font-weight:700
}

#top-menu li a.home:before {
  font-family: Fontawesome;
  /*content: "\f015 ";	*/
}
#top-menu li a.my-page:before {
  font-family: Fontawesome;
  content: "\f0c9 ";
  /*	content: "\f0f0 ";*/
}
/*by young*/
#top-menu li a.home:before {
  font-family: Fontawesome;
  /*	content: "\f015 ";*/
}
#top-menu li a.my-page:before {
  font-family: Fontawesome;
  /*	content: "\f0c9 ";*/

}

#top-menu li a.projects:before {
  font-family: Fontawesome;

  content: "\f0c2 ";

  /*	content: "\f0c2 ";*/

}

#top-menu li a.administration:before {
  font-family: Fontawesome;

  content: "\f11b ";

  /*	content: "\f11b ";*/

}

#top-menu li a.help:before {
  font-family: Fontawesome;

  content: "\f0e9 ";

  /*	content: "\f0e9 ";*/

}

#top-menu #account a.my-account:before {
  font-family: Fontawesome;

  content: "\f0f0 ";
}
#top-menu #account a.logout:before {
  font-family: Fontawesome;
  content: "\f08b ";
}

#top-menu #account a.logout:before {
  font-family: Fontawesome;
  /*	content: "\f08b ";*/
}
/*end*/

table.list
{
  border:none
}

table.list th
{
  background-color:#fff
}

table.list tbody td,table.list tbody tr td,table.list tbody tr td.checkbox
{
  border-bottom:solid 1px #ddd;
  font-size:11px;
  padding:4px 10px 4px 3px
}

table.list thead th
{
  border:none;
  border-bottom:1px solid #999;
  font-size:12px;/*by young*/
  font-weight:400;
  padding:0 3px 3px;
  text-transform:uppercase
}

table.list thead th a
{
  color:#000
}

table.list thead th a:hover
{
  color:#000
}

table.list tr.issue a
{
  color:#333
}

tr.odd.priority-5,table.list tbody tr.odd.priority-5:hover
{
  color:#900;
  font-weight:700
}

tr.odd.priority-5
{
  background:#ffc4c4
}

tr.even.priority-5,table.list tbody tr.even.priority-5:hover
{
  color:#900;
  font-weight:700
}

tr.even.priority-5
{
  background:#ffd4d4
}

tr.priority-5 a,tr.priority-5:hover a
{
  color:#900
}

tr.odd.priority-5 td,tr.even.priority-5 td
{
  border-color:#ffb4b4
}

tr.odd.priority-4,table.list tbody tr.odd.priority-4:hover
{
  color:#900
}

tr.odd.priority-4
{
  background:#ffc4c4
}

tr.even.priority-4,table.list tbody tr.even.priority-4:hover
{
  color:#900
}

tr.even.priority-4
{
  background:#ffd4d4
}

tr.priority-4 a
{
  color:#900
}

tr.odd.priority-4 td,tr.even.priority-4 td
{
  border-color:#ffb4b4
}

tr.odd.priority-3,table.list tbody tr.odd.priority-3:hover
{
  color:#900
}

tr.odd.priority-3
{
  background:#fee
}

tr.even.priority-3,table.list tbody tr.even.priority-3:hover
{
  color:#900
}

tr.even.priority-3
{
  background:#fff2f2
}

tr.priority-3 a
{
  color:#900
}

tr.odd.priority-3 td,tr.even.priority-3 td
{
  border-color:#fcc
}

tr.odd.priority-1,table.list tbody tr.odd.priority-1:hover
{
  color:#559
}

tr.odd.priority-1
{
  background:#eaf7ff
}

tr.even.priority-1,table.list tbody tr.even.priority-1:hover
{
  color:#dbedf4
}

tr.even.priority-1
{
  background:#f2faff
}

tr.priority-1 a
{
  color:#039ea0
}

tr.odd.priority-1 td,tr.even.priority-1 td
{
  border-color:#add7f3
}

p.breadcrumb
{
  background-color:#EEE;
  border-bottom:1px solid #fff;
  font-size:.9em;
  margin:-6px -10px 6px;
  padding:6px;
  text-indent:15px
}

input[type="text"],input[type="password"],textarea,select
{
  padding:2px;
  border:1px solid #039ea0
}

input[type="text"],input[type="password"]
{
  padding:3px
}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus
{
  border:1px solid #886
}

option
{
  border-bottom:1px dotted #d7d7d7
}

input#issue_subject
{
  font-size:200%;
  width:90%
}

textarea.wiki-edit
{
  font-family:'微软雅黑',Cambria,Verdana,Serif; /*modify by men*/
  font-size:larger
}

.box
{
  background-color:#fcfcfc
}

.contextual
{
  font-size:.9em;
  font-family:verdana
}
/*by young*/
hr
{
  background:#A0A0A0 none repeat scroll 0 0;


  margin: 0 0 0 0;

}
p
{
  font-size: 13px;
   word-break: break-all;
  /*position: static;/*gcm*/
}
/*end*/
div.issue
{
  background:#FFFFEC
}

div.splitcontentleft ol li,div.splitcontentleft ul li,div.wiki ol li,div.wiki ul li
{
  padding:4px 0
}

div.wiki ul.toc li
{
  padding:0
}

ol li ol li
{
  list-style-type:lower-alpha
}

ol li ol li ol li
{
  list-style-type:lower-roman
}

#login-form table
{
  padding:25px 28px;
  background:#fff;
  text-align:left;
  width:420px;
  margin:10px auto;
  font-family:lucida grande,verdana;
  font-size:12px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -moz-box-shadow:0 0 6px #039ea0;
  -webkit-box-shadow:0 0 6px #039ea0;
  box-shadow:0 0 6px #039ea0;
  border:1px solid #AAA
}

#login-form input
{
  font-size:14px;
  padding:3px;
  margin-bottom:10px
}

#login-form #username,#login-form #password
{
  width:265px!important;
  font-size:14px;
  padding:3px;
  margin-bottom:10px
}

input[type="submit"]
{
  font-family:'微软雅黑',Arial,Helvetica,sans-serif; /*modify by men*/
  font-size:13px;
  color:#050505;
  padding:5px 10px;
  background:-moz-linear-gradient(top,#fff 0%,#ebebeb 50%,#dbdbdb 50%,#b5b5b5);
  background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(0.50,#ebebeb),color-stop(0.50,#dbdbdb),to(#b5b5b5));
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  border:1px solid #949494;
  -moz-box-shadow:0 1px 3px rgba(000,000,000,0.5),inset 0 0 2px rgba(255,255,255,1);
  -webkit-box-shadow:0 1px 3px rgba(000,000,000,0.3),inset 0 0 2px rgba(255,255,255,1);
  box-shadow:0 1px 3px rgba(000,000,000,0.2),inset 0 0 2px rgba(255,255,255,1);
  text-shadow:0 -1px 0 rgba(000,000,000,0.2),0 1px 0 rgba(255,255,255,1);
  cursor:pointer
}

html > body #content
{
  /*min-height:auto !important;*/
}

pre,code,.line-code
{
  font-family:'Source Code Pro'
}
/*by young*/
#main,#footer,#top-menu,#header
{

  width:940px;
  margin:25px auto
}
#main
{
  width:940px;
  height:auto;
  margin:0px auto;
}
#header
{
  width:925px;
  border-top:1px solid #bbb;
  border-left:1px solid #bbb;
  border-right:1px solid #bbb;
  /*by young*/
  /*	-moz-box-shadow:#bbb 1px 1px 2px;*/
  -webkit-box-shadow:2px 2px 0px -2px #bbb;
  margin: 0px auto;
}
/*end*/
.autoscroll table.filecontent th.line-num {

  padding-right: 7px;
  font-family:'Source Code Pro', helvetica, Arial;

}
.autoscroll {
  overflow-x: visible;
}



/*
 * Added by Nie guanghui.
 *
 * Designed for project#index.
 */

.img-tag {
  float: left;
  margin-top: 30px;
  width: 64px;
  height: 64px;
}


div.project_tag_info a.root {
  font-size: 1.5em;
}

div.wiki-description {
  /*word-break; break-all;
  word-wrap: break-word;*/
display: block;
/*white-space: nowrap;*/
float: left;
margin-left: 20px;
margin-top: 10px;
width: 470px;
font-family: '微软雅黑'; /*modify by men*/
color: rgb(0, 0, 0);
font-size: 13px;
line-height: 18px;
overflow: hidden;
/*text-overflow: ellipsis;
-o-text-overflow: ellipsis;*/
}

.information {
  margin-top: 20px;
  margin-left: 690px;
  /*float: left;*/
  height: auto;
  width: 280px;
  font-family: '微软雅黑',helvetica,arial,sans-serif; /*modify by men*/
  color: rgb(0, 0, 0);
  font-size: 13px;
  line-height: 18px;
  /*position: absolute;*/
}
/*
a.project {
float: left;
}*/
.information_for_course {
  margin-top: 20px;
  margin-left: 507px;
  float: left;
  height: auto;
  width: 300px;
  font-family: '微软雅黑',helvetica,arial,sans-serif; /*modify by men*/
  color: rgb(0, 0, 0);
  font-size: 13px;
  line-height: 18px;
  position: absolute;
}
.img-tag-2{
  float: left;
  margin-top: 15px;
  width: 64px;
  height: 64px;
}
.project-block {
  float: left;
  margin-top: 0px;
  width: 908px;
  height: auto;
  margin-bottom: 5px;
}

a.root {
  margin :2px;
  font-size: 3em;
  font-weight: bold;
  line-height: 1;
}

.project-table {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  width: 908px;
  height: auto;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  margin-bottom: 0px;
  /*background-color: #f5f5f5;*/
  border-bottom: 1px dashed rgb(204, 204, 204);
  /*-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
}

.reviews {
  display: block;
  float: left;
  width: 90;
  height: 90;
  margin-top: -114px;
  margin-left: 870px;
  text-align: center;
  font-family: helvetica,arial,sans-serif;
  color: rgb(0, 0, 0);
  line-height: 18px;
}

.img-tag4 {
  float: right;
  width: 65px;
  min-height: 36px;
  margin: -5px 0px 10px 25px;
  text-align: center;
  font-family: helvetica,arial,sans-serif;
  color: rgb(0, 0, 0);
  line-height: 18px;
}

.img-tag2 {
  margin-top: 0px;
}

.img-tag1 {
  margin-top: -5px;
  color: blue;
  font-size: 13px;
  font-family: helvetica,arial,sans-serif;
  line-height: 18px;
}

a.img-tag3{
  float: left;
  /*background-image: url("../images/pai.png");*/
  background-position: 0px 0px;
  background-repeat: no-repeat;
  position: absolute;
}

.stats span.info {
  width: 145px;
  text-align: right;
  display: inline-block;
  font-weight: bold;
  font-size: 1.2em;
  color: rgb(17, 102, 153);
}

.stats2 span.info {
  width: 145px;
  text-align: right;
  display: inline-block;
  font-weight: bold;
  font-size: 1.2em;
  color: #ac344f;
}

.stats span {
  margin-left: 10px;
}

p.stats {
  margin: 0px;
}

.add-info {
  float: left;
  margin-top: 0px;
  height: 20px;
  width: 908px;
  margin-bottom: 5px;
  padding-top: 10px;
}

.add-info-project {
    /*float: left;*/
    margin-top: 0px;
    height: 20px;
    width: 908px;
    margin-bottom: 5px;
    padding-top: 10px;
}

.main-language {
  float: left;
  height: 18px;
  width: 375px;
  font-size: 13px;
  font-family: '微软雅黑'; /*modify by men*/
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.licences {
  float: left;
  height: 18px;
  width: 200px;
  font-size: 13px;
  font-family: '微软雅黑',helvetica,arial,sans-serif; /*modify by men*/
  line-height: 18px;
}

a {
  color: rgb(51, 102, 153);
}

.tags {
  clear: left;
  margin-top: 10px;
}

a.tag {
  background-color: rgb(219, 228, 238);
  border-radius: 5px 5px 5px 5px;
  color: rgb(58, 88, 125) !important;
  padding: 0px 4px;
  margin: 3px;
  display: inline-block;
  font-size: 11px;
  text-decoration: none;
  cursor: pointer;
}

div.project-block img.avatar2 {
  width: 64px;
  height: 64px;
}



/*
 * Added by Nie.
 *
 *
 * Designed for user#index.
 */

div.well {
  color: black;
  min-height: 20px;
  height: auto;
  padding: 10px 19px 16px 19px;
  margin-bottom: 0px;
  /*background-color: #f5f5f5;*/
  border-bottom: 1px solid #eee;
  border-bottom: 1px dashed rgb(204, 204, 204);
  /*-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
}
img.img_member_time {
  float: right;
  width: 17px;
  height: 17px;
  margin-top: 2px;
}
.float_right {
  display: block;
  float: right;
}

p.member_since {
  padding-right: 20px;
  margin-top: 2px;
  color: rgb(153, 153, 153);
  font-size: 12px;
  float: right;
}

img.avatar {
  background: rgb(245, 245, 245);
  padding: 4px;
  border: 1px solid #15bccf;
  float: left;
  display: block;
}

.avatar_name {
  position: relative;
  font-size: 16px;
  top: 0px;
  left: 16px;
  margin-bottom: -15px;
  display:block;
  padding-left: 50px;
}

div.nomargin {
  margin-bottom: 0px;
}


div.pagination {
  margin: 25px 0px;
  height: 25px;
  text-align: left;
  font-size: 13px;
}

div.pagination ul {
  display: inline-block;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  list-style: disc outside none;
  padding: 0px;
  margin-left: 0px;
  margin-top: 0px;
}
div.pagination ul li{

  font-size: 14px;
  text-decoration:none;
}

div.user-bottom {
  margin-left: 64px;
  margin-top: 20px;
}
div.pagination li {
  display: inline;
  line-height: 18px;
  padding: 0px;
  margin: 0px;
}

div.pagination li:first-child a {
  border-left-width: 1px;
  border-radius: 3px 0px 0px 3px;
}

div.pagination a {
  float: left;
  padding: 0px 14px;
  /*line-height: 34px;  add by huang*/
  line-height: 25px;
  text-decoration: none;
  border-width: 1px 1px 1px 0px;
  border-style: solid;
  border-color: rgb(221, 221, 221);
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-left-colors: none;
  -moz-border-bottom-colors: none;
  border-image: none;
  /*border-radius: 6px;*/
}

div.pagination span {
  float: left;
  padding: 0px 14px;
  /*line-height: 34px;  add by huang*/
  line-height: 25px;
  text-decoration: none;
  border-width: 1px 1px 1px 0px;
  border-style: solid;
  border-color: rgb(221, 221, 221);
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-left-colors: none;
  -moz-border-bottom-colors: none;
  border-image: none;
}

div.pagination span.current-page {
  /*color: rgb(153, 153, 153);  add by huang*/
  /*color:#e2f4ff;*/
  cursor: default;
}

div.pagination a:hover, div.pagination span.current-page {
  /*background-color: rgb(245, 245, 245); add by huang*/
  background-color:#e2f4ff;
}
/*added by young*/
div.pagination_new {
  margin: 10px 0px;
  height: 36px;
  text-align: center;
  font-size: 10px;
}

div.pagination_new ul {
  border-radius: 2px 2px 2px 2px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  list-style: disc outside none;
  padding: 0px;
  margin-left: 0px;
  margin-top: 0px;
}

div.pagination_new li {
  display: inline;
  line-height: 18px;
  padding: 0px;
  margin: 0px;
}

div.pagination_new li:first-child a {
  border-left-width: 1px;
  border-radius: 3px 0px 0px 3px;
}

div.pagination_new a {
  float: left;
  padding: 0px 10px;
  line-height: 24px;
  text-decoration: none;
  border-width: 1px 1px 1px 0px;
  border-style: solid;
  border-color: rgb(221, 221, 221);
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-left-colors: none;
  -moz-border-bottom-colors: none;
  border-image: none;
}
div.pagination_new span {
  float: left;
  padding: 0px 10px;
  line-height: 24px;
  text-decoration: none;
  border-width: 1px 1px 1px 0px;
  border-style: solid;
  border-color: rgb(221, 221, 221);
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-left-colors: none;
  -moz-border-bottom-colors: none;
  border-image: none;
}

div.pagination_new span.current-page {
  color: rgb(153, 153, 153);
  cursor: default;
}

div.pagination_new a:hover, div.pagination_new span.current-page {
  background-color: rgb(245, 245, 245);
}
/*ended by young*/
/*
 * Designed for activity.
 * Added by Nie.
 */

a.issue-link {
  font-weight: bold;
}
div.issue-note {
  margin-left: 30px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed rgb(204, 204, 204);
}
div.activity-info {
  margin-top: 10px;
  width: 700px;
  font-size: 10pt;
  color: rgb(153, 153, 153);
}
div.time {
  float: left;
  margin-left: 60px;
  width: 100px;
}
div.content {
  float: left;
  width: 300px;
}
div.author {
  float: left;
  width: 200px;
}
div.issue-note .description {
  font-size: 10.5pt;
  line-height: 22px;
  margin: 5px 0px 0px 80px;
  overflow: hidden;
}

/*issue style  Added by nie
 */

div.autoscroll ul.issue_list {
  margin-left: 30px;

}
div.autoscroll ul {
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
div.autoscroll li{
  list-style-type: none;
}

div.autoscroll li.hascontextmenu-1{
  position: relative;
  display: block;
  margin-bottom: -1px;
  margin-left: 10px;
  padding: 8px 10px 0px 10px;/*by young*/
  border-bottom: 1px dashed rgb(229,229,229);
  height: auto;
}

.hascontextmenu-1 a {
  cursor: pointer ;
}
div.autoscroll li.id {
  position: relative;
  font-size: 13px;

}
div.autoscroll li.id  a {
  color: rgb(172, 174, 177);
}

div.autoscroll li.subject {
  margin:0px 60px 0px 0px;
  font-size: 13px;
  line-height: 1.3;
  word-wrap: break-word;
}
div.autoscroll li.subject a{
  color: rgb(51, 51, 51);
}
div.autoscroll ul.list-group-item-meta{
  font-size: 12px;
  line-height: 17px;
  overflow: hidden;
  color: rgb(172, 174, 177);
}

div.autoscroll ul.list-group-item-meta li {
  display: inline-block;
  margin-right: 4px;
}

div.autoscroll li.tracker, div.autoscroll li.status, div.autoscroll li.priority{
  color: rgb(51, 51, 51);
  font: 13px/1.4 Helvetica,arial,freesans,clean,sans-serif;
}

div.autoscroll ul.list-group-item-meta  {
  margin-bottom: 10px;
}
li.issue img.img-tag-issues {
  float: left;
  height: 24px;
  width: 24px;
  margin-top: -4px;
}

div.issue-list-description {
  margin-left: 0px;
  color: rgb(72, 72, 72);
  overflow: hidden;
  white-space: nowrap;
  font-size: 13px; /*modify by men*/
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

div.find-comment-class {
  float: right;
}
a.bid_user_u {
  margin-right: 4px;
}
/*
 */


img.avatar {
  background: rgb(245, 245, 245);
  padding: 4px;
  border: 1px solid #e5dfc7;
  float: left;
  display: block;
  width: 38px;
  height: 38px;
}


div.left_wf a {
  display: inline-block;
  padding: 0px !important;
  transition: all 0.2s linear 0s;
}


#sidebar a, #sidebar a.selected{
  display: inline-block;
  padding: 0px;
  transition: all 0.2s linear 0s;
}


/*
member style
 */

div.member_content div.well {
  height: auto;
  margin-bottom: 10px;
  width: 660px;
}


div.member_content {
  float: left;
  margin-top: 0px;
  width: 600px;
  margin-left: 0px;
}

/*
 * Designed for search content
 * Added by nie
 */
div.project-search-block {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 10px;
  width: 95%;
  border-top: 1px solid rgb(242,242,242);
  /*border-bottom: 1px solid rgb(223, 223, 223);*/
  margin-left: auto;
  margin-right: auto;
}

div.project-search-block span {
  margin-left: 0px;
  font-size: 1.5em;
}

div.project-search {
  display: inline-block;
  float: right;
  margin-right: 28px;
}

/*huang*/
input.enterprise[type="button"] {
  padding-bottom: 5px;
  width: 55px;
  height: 25px;
  font-family: '微软雅黑',Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #fff;
  padding: 0px;
  background: #15bccf;
  border: 1px solid #15bccf;
}
input.enterprise[type="submit"] {
  padding-bottom: 5px;
  width: 55px;
  height: 25px;
  font-family: '微软雅黑',Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #fff;
  padding: 0px;
  background: #15bccf;
  border: 1px solid #15bccf;

}
/*end*/
input[type="submit"] {
  width: auto;
  font-family: '微软雅黑',Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: rgb(5, 5, 5);
  padding: 0px;
  background: -moz-linear-gradient(center top , rgb(255, 255, 255) 0%, rgb(235, 235, 235) 50%, rgb(219, 219, 219) 50%, rgb(181, 181, 181)) repeat scroll 0% 0% transparent;
  border-radius: 4px;
  border: 1px solid rgb(148, 148, 148);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 0px 2px rgb(255, 255, 255) inset;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  cursor: pointer;
}

input[type="button"] {
  width: auto;
  font-family: '微软雅黑',Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: rgb(5, 5, 5);
  padding: 0px;
  background: -moz-linear-gradient(center top , rgb(255, 255, 255) 0%, rgb(235, 235, 235) 50%, rgb(219, 219, 219) 50%, rgb(181, 181, 181)) repeat scroll 0% 0% transparent;
  border-radius: 4px;
  border: 1px solid rgb(148, 148, 148);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 0px 2px rgb(255, 255, 255) inset;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  cursor: pointer;
}
/*by fanqiang*/
img.avatar3 {
  width: 50px;
  height: 50px;
}

a.bid_path {
  font-size: 14px;
}

/*added by bai*/
a.usage {

  color: #F60;
  font-weight: bold;
}
/*end*/

a.bid_user {
  font-family:"Microsoft YaHei";
  color:#acaeb1;
  font-size:12px;
}

a.bid_course{
  vertical-align:middle;
  alignment-adjust:middle;
  color: #FFFFFF;
  /*width: 60px;*/
  border-radius: 3px;
  background-color: #15bccf;
  margin-left: 10px;
  font-size: 12px;
}

a.bids_user {
  font-family:"Microsoft YaHei";
  color:#15bccf;
  font-size:14px;
  font-weight: bold;
}
input[type='text'].noline {
  border: #d5dee9 1px solid;
  font-size: 12px;
  color: #ACAEB1;
  padding: 10px 5px;
  width: 98%;
  cursor: text;
}
.noline {
  /*border-style: none;
  border-color: white;*/
font-family:"Microsoft YaHei"; /*modify by men*/
border: #d5dee9 1px solid;
font-size: 12px;
color: #818283;
padding: 9px 5px;
width: 98%;
cursor: text;
border-radius: 4px;  /*# added by bai (边框变圆润)*/
}
a.reference {
  font-size: 22px;
}
.grayline{
  border: #d5dee9 1px solid;
  font-size: 12px;
  color: #ACAEB1;
  width: 100%;
}

.grayline2{
  border: #039EA0 1px solid;
  /*border: rgb(3,158,160) 1px solid;*/
  font-size: 12px;
  color: #ACAEB1;
  width: 72.4%;
}

.grayline3{
  border: #039EA0 1px solid;
  /*border: rgb(3,158,160) 1px solid;*/
  font-size: 12px;
  color: #ACAEB1;
  width: 48.4%;
}

div.tableline{
  height: 1px;
  background-color: #ACAEB1;
}

/* 统一按钮风格
 *
 * @2013-09-27
 /*added by bai*/
 input[type="submit"], .button_submit {
   padding-bottom: 5px;
   width: auto;
   height: 25px;
   font-family: '微软雅黑',Arial,Helvetica,sans-serif;
   font-size: 12px;
   color: #fff;
   padding: 3px 9px;
   background: #15bccf;
   border-radius: 4px;
   border: 1px solid #15bccf;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 0px 2px rgb(255, 255, 255) inset;
   text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
   cursor: pointer;
 }
 .button_submit_font_white{
   color: white !important ;
   font-weight: 400;
 }

 input[type="button-submit"] {
   padding-bottom: 5px;
   width: 55px;
   height: 25px;
   font-family: '微软雅黑',Arial,Helvetica,sans-serif;
   font-size: 12px;
   color: #fff;
   padding: 0px;
   background: #15bccf;
   border: 1px solid #15bccf;
 }

 #button_width_auto {
   padding-bottom: 5px;
   width: auto;
   height: 25px;
   font-family: '微软雅黑',Arial,Helvetica,sans-serif;
   font-size: 12px;
   color: #fff;
   padding: 0px;
   background: #15bccf;
   border-radius: 4px;
   border: 1px solid #15bccf;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 0px 2px rgb(255, 255, 255) inset;
   text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
   cursor: pointer;
 }

 /*end*/

 /*added by bai*/
 a.font-user-color{
   color: #FFFFFF;
   width:90px;
   background-color: #15BCCF;
   padding: 0px;
   margin: 0px;
   border-radius:5px;
   margin-left:17px;
   height:25px;
   line-height:23px;
 }

 a.font-user-after-color{
   color: #FFFFFF;
   width:90px;
   background-color: #15BCCF;
   border-radius:5px;
   margin-left:13px;
   height:25px;
   line-height:23px;
 }

 div.avatar_user{
   position: relative;
   float:left;
   margin-top:-30px;
   margin-left: 550px;
 }
 .create-share{
   border-radius: 5px;
   padding-top: 3px;
   margin-top: 5px;
   margin-bottom: 5px;
 }

 /*#added by nie*/
 .buttons_for_course a {
   display:block;
   float:left;
   margin:0 7px 0 0;
   background-color: #ec6300;
   border:1px solid #dedede;
   border-top:1px solid #eee;
   border-left:1px solid #eee;

   font-family:"微软雅黑", sans-serif;
   font-size:12px;
   line-height:130%;
   text-decoration:none;
   font-weight:bold;
   color:#565656;
   cursor:pointer;
   padding:5px 10px 6px 7px; /* Links */
 }

 .buttons_for_score a {
   display:block;
   float:left;
   margin:0 7px 0 0;
   background-color: #ec6300;
   border:1px solid #dedede;
   border-top:1px solid #eee;
   border-left:1px solid #eee;

   font-family:"微软雅黑", sans-serif;
   font-size:12px;
   line-height:130%;
   text-decoration:none;
   font-weight:bold;
   color:#565656;
   cursor:pointer;
   padding:5px 10px 6px 7px; /* Links */
 }
 /* STANDARD */

 .buttons_for_course a:hover{
   background-color:#dff4ff;
   border:1px solid #c2e1ef;
   color:#336699;
 }
 .buttons_for_course a:active{
   background-color:#6299c5;
   border:1px solid #6299c5;
   color:#fff;
 }




 /* REGULAR */

 .buttons_for_course a.regular{
   color:#ffffff;
 }
 .buttons_for_course a.regular:hover {
   background-color:#dff4ff;
   border:1px solid #c2e1ef;
   color:#336699;
 }
 .buttons_for_course a.regular:active{
   background-color:#6299c5;
   border:1px solid #6299c5;
   color:#fff;
 }

 /* end */

 .course-font {
   color:#8c8a8a;
 }

 .teacher {
   display: inline-block;
   word-spacing: 22px;
   width: 60px;
   text-justify:inter-ideograph;
   text-align: justify;
 }
 .brief_introduction {
   margin-top: -18px;
   margin-left: 60px;
   /*display: inline-block;*/
   width: 500px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
 }

 /*
  * *
  *Designed for message.
  */

.avatar-3{
  width: 35px;
  height: 35px;
}

ul.message-for-user {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  font-family: "Microsoft YaHei",Verdana,sans-serif,simsun;
  text-align: left;
  font-size: 10pt;
  width: 100%;

}

ul.message-for-user li.outer-message-for-user {
  margin-left: 20px;
  border-bottom: 1px solid  rgb(213, 222, 233);
  margin-bottom: 10px;
  margin-top: 10px;
}

.portrait{
  float: left;
  width: 40px;
  padding-top: 3px;
  margin: 0px;
  padding: 0px;
  display: block;
}

span.body{
  float: left;
  width: 80%;
  overflow: hidden;
  font-size: 9pt;
  margin: 0px 10px;
  padding: 0px;
  display: block;
  margin-left: 20px;
}

span.time{
  color: rgb(172,174,174);
  font-size: 14px;
}

.message-notes{
  max-width: 80%;
  word-wrap: break-word;
}

ul.messages-for-user-reply li {
  padding-bottom: 4px;
  font-size: 9pt;
}

.respond-form{
  display: none;
  width: 87%;
  margin: auto;
  clear: both;
}

.outer-message-for-use p {
  margin: 0;
  padding: 0;
  margin-top: 5px;
}

.message-body p {
  margin: 0;
  padding: 0;
  margin-top: 4px;
  margin-left: 4px;
  font-size: 9pt;
}

.message-body {
  margin: 0;
  padding: 0;
  margin-left: 40px;
}

.counter {
  float: left;
}

.toomuch {
  color: red;
}

.bonus {
  color: #ed8924;
  font-size: 13px;
}

.bid_description {
  width: 90%;
  float: left;
  margin: 0;
  padding: 0;
}

#loggedas ul{
  width:115px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#loggedas li {
  border-bottom: 1px solid #129DAD;
  color: white;
  list-style:  none ;
  padding: 6px 0px;
  margin-left: 5%;
}

#loggedas li span{
  cursor: pointer;
}
#loggedas ul:first-child {
  border-top: 1px solid #12A7B8;
}
#loggedas li.last_child {

}
#loggedas .sub_menu {

  box-shadow: 2px 2px 6px #b0b0b0 ;
  display: none;
  background: #13AEBF 0 0 no-repeat;
  left: 750px;
  padding-bottom: 5px;
  position: absolute;
  top: 40px;
  font-size: 1.1em;
  margin: 0px auto;
  padding: 0px 0px;
  text-align: center;
  z-index: 1;
}
#loggedas .sub_menu a{
  margin: 0px;
}

.sub_menu li{
  width: 90%;
}

#project_loggedas_li .project_sub_menu {
  box-shadow: 2px 2px 6px #b0b0b0 ;
  display: none;
  background: #13AEBF 0 0 no-repeat;
  left: 115px;
  padding-bottom: 5px;
  position: absolute;
  top: 0px;
  font-size: 1.1em;
  margin: 0px auto;
  padding: 0px 0px;
  text-align: left;
  z-index: 1;
}
#project_loggedas_li .project_sub_menu a{
  margin: 0px;
}

#project_loggedas_li li {
  border-bottom: 1px solid #129DAD;
  color: white;
  list-style:  none ;
  padding: 6px 0px;
  margin-left: 5%;
  font-size: 0.8em;
  width: 90%;
  line-height: 15px;
}
#course_loggedas_li .course_sub_menu {
  box-shadow: 2px 2px 6px #b0b0b0 ;
  display: none;
  background: #13AEBF 0 0 no-repeat;
  left: 115px;
  padding-bottom: 5px;
  position: absolute;
  top: 0px;
  font-size: 1.1em;
  margin: 0px auto;
  padding: 0px 0px;
  text-align: left;
  z-index: 1;
}
#course_loggedas_li .course_sub_menu a{
  margin: 0px;
}

#homework_loggedas_li .homework_sub_menu {
    box-shadow: 2px 2px 6px #b0b0b0 ;
    display: none;
    background: #13AEBF 0 0 no-repeat;
    left: 110px;
    padding-bottom: 5px;
    position: absolute;
    top: 0px;
    font-size: 1.1em;
    margin: 0px auto;
    padding: 0px 0px;
    text-align: left;
    z-index: 1;
}
#homework_loggedas_li .homework_sub_menu a{
    margin: 0px;
}

#course_loggedas_li li {
  border-bottom: 1px solid #129DAD;
  color: white;
  list-style:  none ;
  padding: 6px 0px;
  margin-left: 5%;
  font-size: 0.8em;
  width: 90%;
  line-height: 15px;
}

/*gcm*/
.footer_logo_link{
  margin:5px;
}
#copyright,#contact_us,#record{
  margin-left:20px;
}

.footer_text_link{
  margin: 0px 5px;
}

/**kaminari 分頁當前頁樣式**/
div.pagination a.current-page {
    /*color: rgb(153, 153, 153);  add by huang*/
    /*color:#e2f4ff;*/
    cursor: default;
}

div.pagination a.current-page {
    /*background-color: rgb(245, 245, 245); add by huang*/
    background-color:#e2f4ff;
}
/**kaminari 分頁樣式**/