portal/static/reputation_static/css/main.css

   1 /*\r
   2 *\r
   3 */\r
   4 \r
   5 \r
   6 \r
   7 *{ margin: 0; padding: 0; }\r
   8 \r
   9 :focus,:active { outline: 0; }\r
  10 body {\r
  11         font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;\r
  12         font-size:12px;\r
  13         color: #111; \r
  14         background: #f7f7f7;\r
  15 }\r
  16 .registration_form {\r
  17         margin:0 auto;\r
  18         width:500px;\r
  19         padding:14px;\r
  20 }\r
  21 label {\r
  22         width: 10em;\r
  23         float: left;\r
  24         margin-right: 0.5em;\r
  25         display: block\r
  26 }\r
  27 .submit {\r
  28         float:right;\r
  29 }\r
  30 fieldset {\r
  31         background:#EBF4FB none repeat scroll 0 0;\r
  32         border:2px solid #B7DDF2;\r
  33         width: 500px;\r
  34 }\r
  35 legend {\r
  36         color: #fff;\r
  37         background: #80D3E2;\r
  38         border: 1px solid #781351;\r
  39         padding: 2px 6px\r
  40 }\r
  41 .elements {\r
  42         padding:10px;\r
  43 }\r
  44 p {\r
  45         color:#666666;\r
  46         font-size:13px;\r
  47         margin-bottom:20px;\r
  48         padding-bottom:10px;\r
  49 }\r
  50 a{\r
  51     color:#0099FF;\r
  52 font-weight:bold;\r
  53 }\r
  54 \r
  55 /* Box Style */\r
  56  .success, .warning, .errormsgbox, .validation {\r
  57         border: 1px solid;\r
  58         margin: 0 auto;\r
  59         padding:10px 5px 10px 60px;\r
  60         background-repeat: no-repeat;\r
  61         background-position: 10px center;\r
  62      font-weight:bold;\r
  63      width:450px;\r
  64      \r
  65 }\r
  66 .success {\r
  67    \r
  68         color: #4F8A10;\r
  69         background-color: #DFF2BF;\r
  70         background-image:url('../images/success.png');\r
  71 }\r
  72 .warning {\r
  73 \r
  74         color: #9F6000;\r
  75         background-color: #FEEFB3;\r
  76         background-image: url('../images/warning.png');\r
  77 }\r
  78 .errormsgbox {\r
  79  \r
  80         color: #D8000C;\r
  81         background-color: #FFBABA;\r
  82         background-image: url('../images/error.png');\r
  83         \r
  84 }\r
  85 .validation {\r
  86  \r
  87         color: #D63301;\r
  88         background-color: #FFCCBA;\r
  89         background-image: url('../images/error.png');\r
  90 }\r
  91 \r
  92 a { text-decoration: none; color: #000; }\r
  93         a:hover { color: #000; }\r
  94 .x { clear: both; }\r
  95 \r
  96 p { line-height: 22px; margin: 0 0 22px; color:#666; }\r
  97 img { border: 0; }\r
  98 \r
  99 h1 { font-size: 24px; font-weight: normal; margin-bottom: 15px;}\r
 100 h2 { font-size: 14px; font-weight: normal; margin-bottom: 2px; color: #333; }\r
 101 h3 { font-size: 14px; font-weight: bolder; margin-bottom: 10px; color: #333; }\r
 102 h4 { font-size: 18px; font-weight: normal; float: left; margin: 3px 0 10px; width: 460px; }\r
 103 \r
 104 #wrapper { margin: 0 auto; width: 980px; background: url(../images/bg.jpg) no-repeat; }\r
 105 \r
 106 #logo { padding: 20px 12px 10px; }\r
 107         #logo h1 { font: bold 24px Arial; text-shadow: 1px 1px 1px #fff; letter-spacing: 4px; }\r
 108                 #logo h1 a { color: #333; }\r
 109                 #logo h1 a span { color: #000; }\r
 110 #content { background: #fff; width: 980px; }\r
 111         \r
 112 .menu { list-style:none; margin: 14px 25px 0 10px; width: 600px; float: left; }\r
 113         .menu li { float: left; margin: 0 4px 0 0; }\r
 114         .menu li a { display: block; font-size: 14px; padding: 14px 24px; border: 1px solid #fff; }\r
 115         .menu a:hover, .menu li.current a { border: 1px solid #ddd; }\r
 116 \r
 117                 .menu li ul { display: block; background: #fff; margin: -1px 0 0; position: absolute; display: none; z-index: 2; border: 1px solid #ddd; }\r
 118                 .menu li ul li { float: none; display: inline; margin: 0; padding: 0; }\r
 119                 .menu li ul li a { width: auto; margin: 4px; white-space: nowrap; }\r
 120 \r
 121 #search { float: right; width: 275px; margin: 23px 18px; display: inline; }\r
 122         #search .text { width: 227px; height: 16px; border: 1px solid #ddd; padding: 5px; float: left; color: #888; }\r
 123         #search .submit { float: right; border: 0; background: #000 url(../images/search.gif) no-repeat center 8px; width: 32px; height: 28px; padding-top: 1px; }\r
 124 \r
 125 #pitch { margin-bottom: 30px; }\r
 126         #pitch .infoline { margin-top: -70px; padding: 25px 0 25px 25px; background: #000; font-size: 18px; width: 955px; height: 18px; opacity:0.70; filter:alpha(opacity=70); color: #fff; }\r
 127 \r
 128         .pitch-gallery { overflow: hidden; width: 980px; position: relative; }\r
 129                 .pitch-gallery-holder { width: 3920px; position: relative; top: 0; left: 0; }\r
 130                 .pitch-gallery-div { float: left; }\r
 131                 \r
 132 #left { width: 600px; float: left; margin-left: 25px; display: inline; }\r
 133         #left img { float: left; margin: 5px 20px 2px 0; padding: 3px; border: 1px solid #ccc; }\r
 134         #left form { padding-left: 45px; }\r
 135         #left label { float: left; display: block; clear: both; padding: 3px 0; color: #666; font-weight: normal; width: 150px; }\r
 136                 #left .lcurrent { font-weight: bold; }\r
 137         #left label img { vertical-align: middle; }\r
 138         #left input.text, textarea, select { float: left; margin: 0 5px 10px 0; padding: 2px; width: 250px; border: 1px solid #ccc; }\r
 139         #left textarea { height: 200px; }\r
 140         #left select { width: 366px; }\r
 141         #left input.radio {  }\r
 142                 #left input:focus { border-color:#aaa; }\r
 143                 #left textarea:focus { border-color: #aaa; }    \r
 144         .error { font-size: 10px; color: #666; margin: 0 0 10px 150px; display: none; }\r
 145         #left .submit { border: 0; background: #000; color: #fff; padding: 5px; float: left; margin-left: 150px; }\r
 146         \r
 147 ul { color: #666; margin: 0 0 10px 10px; line-height: 18px; }\r
 148 ol { color: #666; margin: 5px 0 5px 30px; line-height: 18px; }\r
 149         \r
 150         #contact-back { margin: 12px 40px 0 0; float: right; }\r
 151 \r
 152 .post { position: relative; margin-bottom: 20px; height: 127px; }\r
 153 .post-options { position: relative; margin: -37px 0 40px 0; font-size: 10px; color: #666; }\r
 154 \r
 155 #right { width: 260px; float: right; border-left: 1px solid #ccc; padding-left: 36px; margin-right: 25px; display: inline; }\r
 156         \r
 157 #feature { margin-left: 25px; padding-bottom: 10px; }\r
 158         .small-post { float: left; width: 260px; margin-right: 75px; }\r
 159                 .small-post img { border: 1px solid #ccc; padding: 3px; margin-bottom: 10px; }\r
 160         .last { margin-right: 0; }\r
 161         #feature ul { margin-top: -11px; }\r
 162         \r
 163 #footer { color: #666; font-size: 11px; margin: 20px 0 20px 10px; }\r
 164 \r
 165 .post-info { font-size: 11px; color: #999; }\r
 166 .read-more { background: url(../images/link.gif) no-repeat center left; padding-left: 13px; font-size: 10px; }\r
 167 .break { border-top: 1px solid #ccc; margin: 30px 0; display: block; }\r
 168         .no-border { border: 0; }\r
 169 .space { margin-bottom: 20px; }\r
 170 \r
 171 .ui-widget-header {\r
 172         background: transparent !important;\r
 173         border: none !important;\r
 174         border-bottom: 1px solid #AAA !important;\r
 175         border-radius: 0px !important;\r
 176 }\r
 177 \r
 178 \r
 179 #tabs{\r
 180         margin-top: 30px !important;\r
 181         min-height: 700px;\r
 182 }\r
 183 \r
 184 \r
 185 #temp_log{\r
 186         display: block;\r
 187         width:700px;\r
 188         height:500px;\r
 189         overflow: auto;\r
 190         background-color:grey;\r
 191         color:white !important;\r
 192         padding: 10px 10px 10px 10px;\r
 193         margin-left:auto;\r
 194         margin-right:auto;\r
 195         \r
 196 }\r