portal/css/style_portal.css

0001 #main-content-portal .sub-system-container {
0002   width: 400px;
0003   border: 1px solid #ccc;
0004   margin: 5px;
0005   overflow: hidden;
0006   display: block;
0007   float: left;
0008   height: 500px;
0009   max-height: 500px;
0010   overflow-y: auto;
0011 }
0012 #main-content-portal .sub-system-container .header {
0013   height: 50px;
0014   background-color: #286090;
0015   color: #ddd;
0016   font-weight: bold;
0017   text-align: center;
0018 }
0019 #main-content-portal .sub-system-container .header img {
0020   border-radius: 999px;
0021   width: 50px;
0022   height: 50px;
0023   margin-left: 5px;
0024 }
0025 #main-content-portal .sub-system-container .icon {
0026   width: 50px;
0027   height: 50px;
0028   border-radius: 999px;
0029 }
0030 #main-content-portal .sub-system-container ul li .productrow {
0031   padding-bottom: 5px;
0032   padding-top: 5px;
0033   font-size: small;
0034 }
0035 #main-content-portal .sub-system-container ul li .productrow .rating {
0036   width: 60px;
0037 }
0038 #main-content-portal .sub-system-container ul li .productrow .time {
0039   font-size: smaller;
0040 }
0041 #main-content-portal .sub-system-container ul li .productrow .cntComments {
0042   font-size: smaller;
0043   display: block;
0044   padding-top: 5px;
0045 }
0046 #main-content-portal .sub-system-container ul li .productrow .defaultProjectAvatar {
0047   width: 50px;
0048   height: 50px;
0049   color: #3B658A;
0050   line-height: 50px;
0051   text-align: center;
0052   background-color: #e8eaf6;
0053 }
0054 #main-content-portal .sub-system-container ul li .productrow .productimg {
0055   width: 50px;
0056   height: 50px;
0057 }
0058 #main-content-portal .sub-system-container ul li .productrow .product-user {
0059   width: 42px;
0060   height: 42px;
0061   border-radius: 100%;
0062 }
0063 #main-content-portal .sub-system-container ul li .productrow .commenttext {
0064   padding-left: 20px;
0065 }
0066 #main-content-portal .sub-system-container ul li .productrow .product-info span {
0067   display: block;
0068   float: left;
0069   width: 100%;
0070   line-height: 14px;
0071   height: auto;
0072 }
0073 #main-content-portal .sub-system-container ul li .productrow .product-info span.product-info-title {
0074   color: #444444;
0075   font-size: 10pt;
0076   font-weight: bold;
0077   display: block;
0078 }
0079 #main-content-portal .sub-system-container ul li .productrow .product-info span.product-info-date {
0080   padding-top: 10px;
0081 }
0082 #main-content-portal .sub-system-container ul li .productrow .product-info span.product-info-user {
0083   color: #666;
0084 }
0085 #main-content-portal .sub-system-container ul li .productrow .score-info {
0086   text-align: center;
0087   width: 80%;
0088 }
0089 #main-content-portal .sub-system-container ul li .productrow .score-info .score-number {
0090   width: 100%;
0091   text-align: center;
0092   margin-bottom: 0px;
0093   font-size: 8pt;
0094 }
0095 #main-content-portal .sub-system-container ul li .productrow .score-info .score-bar-container {
0096   width: 100%;
0097   height: 10px;
0098   background: #ccc;
0099   margin-bottom: 5px;
0100 }
0101 #main-content-portal .sub-system-container ul li .productrow .score-info .score-bar-container .score-bar {
0102   height: 9px;
0103   background-color: #30c830;
0104   border-bottom: 1px solid #2bb32b;
0105 }