app/soc/content/css/soc-090730.css
changeset 2697 91f495e886f8
parent 2696 c76c9c5916bd
child 2701 37abba547f8b
equal deleted inserted replaced
2696:c76c9c5916bd 2697:91f495e886f8
       
     1 /*
       
     2 Copyright 2009 the Melange authors.
       
     3 
       
     4 Licensed under the Apache License, Version 2.0 (the "License");
       
     5 you may not use this file except in compliance with the License.
       
     6 You may obtain a copy of the License at
       
     7 
       
     8   http://www.apache.org/licenses/LICENSE-2.0
       
     9 
       
    10 Unless required by applicable law or agreed to in writing, software
       
    11 distributed under the License is distributed on an "AS IS" BASIS,
       
    12 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
       
    13 See the License for the specific language governing permissions and
       
    14 limitations under the License.
       
    15  */
       
    16 
       
    17 /*
       
    18  * STANDARD HTML TAGS
       
    19  */
       
    20 @import '/soc/content/css/ui.all.css';
       
    21 body {
       
    22   background-color: white;
       
    23   color: black;
       
    24 
       
    25   font-family: Arial, sans-serif;
       
    26   font-size: medium;
       
    27 
       
    28   margin: 8px;
       
    29   margin-top: 3px;
       
    30 }
       
    31 
       
    32 img {
       
    33   border: 0;
       
    34 }
       
    35 
       
    36 form {
       
    37   margin: 0;
       
    38   padding: 0;
       
    39 }
       
    40 
       
    41 li {
       
    42   margin-bottom: 0.25em;
       
    43 }
       
    44 
       
    45 /* HEADERS */
       
    46 h1 {
       
    47   font-size: x-large;
       
    48   margin-top: 0px;
       
    49 }
       
    50 
       
    51 h2 {
       
    52   font-size: large;
       
    53 }
       
    54 
       
    55 h3 {
       
    56   font-size: medium;
       
    57 }
       
    58 
       
    59 h4 {
       
    60   font-size: small;
       
    61 }
       
    62 
       
    63 /* PRE-FORMATTED TEXT */
       
    64 pre, code {
       
    65   color: #007000;
       
    66   font-family: "bogus font here", monospace;
       
    67   font-size: 100%;
       
    68 }
       
    69 
       
    70 pre {
       
    71   border: 1px solid silver;
       
    72   background-color: #f5f5f5;
       
    73   padding: 0.5em;
       
    74   overflow: auto;
       
    75   margin: 2em;
       
    76 }
       
    77 
       
    78 pre ins {
       
    79   color: #cc0000;
       
    80   font-weight: bold;
       
    81   text-decoration: none;
       
    82 }
       
    83 
       
    84 /* LINKS AND ANCHORS */
       
    85 a:link {
       
    86   color: #0000cc;
       
    87 }
       
    88 
       
    89 a:active {
       
    90   color: #cc0000;
       
    91 }
       
    92 
       
    93 a:visited {
       
    94   color: #551a8b;
       
    95 }
       
    96 
       
    97 a.selected, .selected a, .selected {
       
    98   color: black;
       
    99   font-weight: bold;
       
   100   text-decoration: none;
       
   101 }
       
   102 
       
   103 a.novisit {
       
   104   color: #2a55a3;
       
   105 }
       
   106 
       
   107 a.noul, a.noulv {
       
   108   color: #4182fa; /* #93b7fa; */
       
   109   text-decoration: none;
       
   110 }
       
   111 
       
   112 a:hover.noul {
       
   113   text-decoration: underline;
       
   114 }
       
   115 
       
   116 a:visited.noul {
       
   117   color: #a32a91; /* #2a55a3; */
       
   118 }
       
   119 
       
   120 
       
   121 /* Styles used by Django Forms */
       
   122 ul.errorlist {
       
   123   color: #FF0000;
       
   124   font-size: small;
       
   125 }
       
   126 
       
   127 
       
   128 /* TABLES */
       
   129 table {
       
   130   border-collapse: collapse;
       
   131 }
       
   132 
       
   133 th, td {
       
   134   /*padding: 0;*/
       
   135   padding:2px 5px;
       
   136   vertical-align: top;
       
   137   text-align: left;
       
   138 }
       
   139 
       
   140 /* FORM FIELDS */
       
   141 td.formfieldrequired {
       
   142   font-style: italic;
       
   143   font-size: small;
       
   144   text-align: center;
       
   145 }
       
   146 
       
   147 td.formfieldhelptext {
       
   148   font-style: italic;
       
   149   font-size: small;
       
   150   padding: 5px;
       
   151 }
       
   152 
       
   153 td.formfielderror {
       
   154   color: #FF0000;
       
   155   font-size: small;
       
   156 }
       
   157 
       
   158 td.formfieldheading {
       
   159   font-weight: bold;
       
   160   font-size: small;
       
   161 }
       
   162 
       
   163 td.formfieldlabel {
       
   164   font-weight: bold;
       
   165   font-size: small;
       
   166   text-align: right;
       
   167 }
       
   168 
       
   169 td.twolineformfieldlabel {
       
   170   font-weight: bold;
       
   171   font-size: small;
       
   172   text-align: left;
       
   173 }
       
   174 
       
   175 td.twolineformfieldlabel {
       
   176   font-weight: bold;
       
   177   font-size: small;
       
   178 }
       
   179 
       
   180 td.twolineformfielderrorlabel {
       
   181   font-weight: bold;
       
   182   color: #FF0000;
       
   183   font-size: small;
       
   184 }
       
   185 
       
   186 td.formfieldvalue {
       
   187   text-align: left;
       
   188 }
       
   189 
       
   190 td.formfieldvalue input {
       
   191   width: 100%;
       
   192 }
       
   193 
       
   194 td.formfieldvalue input[type=checkbox] {
       
   195   width: auto;
       
   196 }
       
   197 
       
   198 td.formfieldvalue input:focus {
       
   199   background-color: #FFFF99;
       
   200   font-weight: bold;
       
   201 }
       
   202 
       
   203 td.formfieldvalue textarea {
       
   204   width: 100%;
       
   205 }
       
   206 
       
   207 /*td.formfieldvalue select {
       
   208   width: 100%;
       
   209 }*/
       
   210 
       
   211 td.formfielderrorlabel, td.warning, span.formfielderrorlabel {
       
   212   font-weight: bold;
       
   213   color: #FF0000;
       
   214   font-size: small;
       
   215   text-align: right;
       
   216 }
       
   217 
       
   218 /* TABLE QUEUES (used with .list) */
       
   219 table#queues {
       
   220   border-collapse: collapse;
       
   221   width: 100%;
       
   222 }
       
   223 
       
   224 table#queues tr {
       
   225   border-bottom: thin solid lightgray;
       
   226 }
       
   227 
       
   228 table#queues td {
       
   229   padding: 2px;
       
   230 }
       
   231 
       
   232 /* TOOLTIPS */
       
   233 
       
   234 #purr-container {
       
   235   position: fixed;
       
   236   bottom: 0;
       
   237   right: 0;
       
   238 }
       
   239 
       
   240 .tooltip {
       
   241   position: relative;
       
   242   width: 300px;
       
   243 }
       
   244 
       
   245 .tooltip .close {
       
   246   position: absolute;
       
   247   top: 12px;
       
   248   right: 12px;
       
   249   display: block;
       
   250   width: 18px;
       
   251   height: 17px;
       
   252   text-indent: -9999px;
       
   253   background: url('/soc/content/images/purrClose.png') no-repeat 0 10px;
       
   254 }
       
   255 
       
   256 .tooltip-body {
       
   257   min-height: 50px;
       
   258   padding: 22px 22px 0 22px;
       
   259   background: url('/soc/content/images/purrTop.png') no-repeat left top;
       
   260   color: #f9f9f9;
       
   261 }
       
   262 
       
   263 .tooltip-body img {
       
   264   width: 50px;
       
   265   margin: 0 10px 0 0;
       
   266   float: left;
       
   267 }
       
   268 
       
   269 .tooltip-body h3 {
       
   270   margin: 0;
       
   271   font-size: 1.1em;
       
   272 }
       
   273 
       
   274 .tooltip-body p {
       
   275   margin: 5px 0 0 60px;
       
   276   font-size: 0.8em;
       
   277   line-height: 1.4em;
       
   278 }
       
   279 
       
   280 .tooltip-bottom {
       
   281   height: 22px;
       
   282   background: url('/soc/content/images/purrBottom.png') no-repeat left top;
       
   283 }
       
   284 
       
   285 /*
       
   286  * PAGE ELEMENTS
       
   287  */
       
   288 
       
   289 #title {
       
   290   border-top: 1px solid #3366cc;
       
   291   background-color: #e5ecf9;
       
   292   font-size: large;
       
   293   font-weight: bold;
       
   294   margin: 0;
       
   295   padding: 0;
       
   296   padding-top: 1px;
       
   297   padding-bottom: 1px;
       
   298   margin-top: 5px;
       
   299   margin-left: 200px;
       
   300   padding-left: 3px;
       
   301 }
       
   302 
       
   303 #notice {
       
   304   margin-left: 200px;
       
   305   padding: 3px;
       
   306 }
       
   307 
       
   308 #logo {
       
   309   padding-right: 18px;
       
   310   position: absolute;
       
   311   left: 0;
       
   312   top: -5px;
       
   313 }
       
   314 
       
   315 #login {
       
   316   text-align: right;
       
   317 }
       
   318 
       
   319 #badge {
       
   320   clear: both;
       
   321   margin-top: 3.5em;
       
   322   margin-bottom: 1em;
       
   323   height: 53px;
       
   324   font-style: italic;
       
   325 }
       
   326 
       
   327 #body {
       
   328   border-left: 1px dotted silver;
       
   329   margin-left: 200px;
       
   330   margin-right: 25px;
       
   331   padding-left: 18px;
       
   332   padding-bottom: 25px;
       
   333 }
       
   334 
       
   335 #body .buttons {
       
   336   margin-right: 4px;
       
   337   margin-top: 20px;
       
   338 }
       
   339 
       
   340 #body a.button, input[type^="submit"], input[type^="button"] {
       
   341   margin: 0;
       
   342   padding: 2px 5px 2px 5px;
       
   343   font-family: Arial, Sans-serif;
       
   344   font-size: 12px;
       
   345   text-decoration: none;
       
   346   color: #222;
       
   347   cursor: default;
       
   348   background: #ddd url("/soc/content/images/button-background.gif") repeat-x 0 0;
       
   349   border: 1px solid #aaa;
       
   350 }
       
   351 
       
   352 #body a.button:hover, input[type^="submit"]:hover, input[type^="button"]:hover {
       
   353   border-color: #9cf #69e #69e #7af;
       
   354 }
       
   355 
       
   356 #header {
       
   357   height: 50px;
       
   358   margin-bottom: 11px;
       
   359   position: relative;
       
   360 }
       
   361 
       
   362 #footer {
       
   363   clear: both;
       
   364   text-align: center;
       
   365   margin-top: 3.5em;
       
   366   margin-bottom: 1em;
       
   367   background-image: url("http://www.google.com/images/art.gif");
       
   368   height: 53px;
       
   369   background-repeat: no-repeat;
       
   370   background-position: left center;
       
   371   padding-left: 125px;
       
   372 }
       
   373 
       
   374 #footer .text {
       
   375   padding-top: 20px;
       
   376 }
       
   377 
       
   378 #created {
       
   379   font-size: x-small;
       
   380   color:#C0C0C0;
       
   381   text-align: right;
       
   382 }
       
   383 
       
   384 /* Google Map */
       
   385 #role_profile_map {
       
   386   height: 240px;
       
   387   width: 320px;
       
   388 }
       
   389 
       
   390 #org_home_extras {
       
   391   margin:2em 0em 2em;
       
   392   min-height:500px;
       
   393 }
       
   394 
       
   395 /* Organization home gmap */
       
   396 #org_home_map {
       
   397   height: 500px;
       
   398   width: 100%;
       
   399 }
       
   400 
       
   401 /* SIDEBAR MENU */
       
   402 #side {
       
   403   width: 200px;
       
   404   margin-bottom: 3em;
       
   405   float: left;
       
   406   font-size: small;
       
   407 }
       
   408 
       
   409 #menu ul {
       
   410   margin: 0;
       
   411   padding: 0;
       
   412   list-style-type: none;
       
   413   margin-bottom: 1em;
       
   414   font-size: 95%;
       
   415 }
       
   416 
       
   417 #menu ul ul {
       
   418   margin-left: 10px;
       
   419   margin-bottom: 0;
       
   420 }
       
   421 
       
   422 #menu li {
       
   423   margin-top: 4px;
       
   424   list-style-type: none;
       
   425   list-style-image: none;
       
   426 }
       
   427 
       
   428 #menu img {
       
   429   margin-right: 4px;
       
   430 }
       
   431 
       
   432 #menu li.leaf {
       
   433   padding-left: 14px;
       
   434 }
       
   435 
       
   436 #menu h4 {
       
   437   margin: 0;
       
   438   padding: 0;
       
   439   margin-bottom: 1em;
       
   440 }
       
   441 
       
   442 /*  */
       
   443 
       
   444 span.unread {
       
   445   font-weight: bold;
       
   446   color: #FF0000;
       
   447 }
       
   448 
       
   449 span.edited {
       
   450   color: #808080;
       
   451 }
       
   452 
       
   453 /* SEARCH FIELD */
       
   454 #search {
       
   455   margin-top: 2em;
       
   456 }
       
   457 
       
   458 #search .header {
       
   459   font-weight: bold;
       
   460   font-size: 90%;
       
   461   margin-bottom: 1px;
       
   462 }
       
   463 
       
   464 #search .button {
       
   465   margin-top: 1px;
       
   466 }
       
   467 
       
   468 #search .input input {
       
   469   width: 125px;
       
   470 }
       
   471 
       
   472 /* BLOG FEEDS */
       
   473 .blog {
       
   474   border: 10px solid #e5ecf9;
       
   475   border-top: 1px solid #3366cc;
       
   476 }
       
   477 
       
   478 .blog h2 {
       
   479   margin-top: 0.1em;
       
   480   background-color: #e5ecf9;
       
   481 }
       
   482 
       
   483 .blog h2 a {
       
   484   text-decoration: none;
       
   485   color: black;
       
   486 }
       
   487 
       
   488 .blog h2 a:visited {
       
   489   text-decoration: none;
       
   490   color: black;
       
   491 }
       
   492 
       
   493 
       
   494 .blog .entry {
       
   495   margin-bottom: 1em;
       
   496 }
       
   497 
       
   498 .blog .title {
       
   499    font-size: medium;
       
   500 }
       
   501 
       
   502 .blog .author {
       
   503   color: gray;
       
   504   margin-bottom: 0.5em;
       
   505 }
       
   506 
       
   507 .blog .snippet {
       
   508   background-color: white;
       
   509 }
       
   510 
       
   511 /* LIST */
       
   512 .list {
       
   513   background-color: #E5ECF9;
       
   514   border: 1px solid  #93b7fa;
       
   515   border-bottom: 2px solid #93b7fa;
       
   516   padding: 3px;
       
   517   -moz-border-radius: 5px 5px 0px 0px;
       
   518 }
       
   519 
       
   520 .list .pagination {
       
   521   text-align: right;
       
   522   padding: 3px;
       
   523 }
       
   524 
       
   525 .list table{
       
   526   background-color: white;
       
   527 }
       
   528 
       
   529 .list table th {
       
   530   background-color: #eeeeec;
       
   531   border-right: 1px solid lightgray;
       
   532   border-top: 1px solid lightgray;
       
   533 }
       
   534 
       
   535 .list table tr.on {
       
   536   background-color: #ff9;
       
   537   cursor: hand;
       
   538   cursor: pointer;
       
   539 }
       
   540 
       
   541 .list table tr.off {
       
   542   background-color: #fff;
       
   543 }
       
   544 
       
   545 .list table td.last {
       
   546   border-right: 1px solid lightgray;
       
   547 }
       
   548 
       
   549 .list table .first {
       
   550   border-left: 1px solid lightgray;
       
   551 }
       
   552 
       
   553 .list table td.no_hand {
       
   554   cursor: default;
       
   555 }
       
   556 
       
   557 /*
       
   558  * STUDENT PROPOSAL REVIEWS
       
   559  */
       
   560 .studentproposalreview {
       
   561   font-size: small;
       
   562 }
       
   563 
       
   564 .studentproposalreview .title {
       
   565   background-color: #e5ecf9;
       
   566 }
       
   567 
       
   568 .studentproposalreview .student{
       
   569   background: #d0f5a9;
       
   570 }
       
   571 
       
   572 .studentproposalcomment-public,
       
   573 .studentproposalreview-public .other {
       
   574   background: #f5f6ce;
       
   575 }
       
   576 
       
   577 .studentproposalcomment-private,
       
   578 .studentproposalreview-private .other {
       
   579   background: #D2EDF6;
       
   580 }
       
   581 
       
   582 /*
       
   583  * CUSTOM CLASSES
       
   584  */
       
   585 
       
   586 .assignedslot {
       
   587   background-color: #d0f5a9;
       
   588 }
       
   589 
       
   590 .todo {
       
   591   color: #cc0000;
       
   592   font-size: 80%;
       
   593 }
       
   594 
       
   595 .newmark {
       
   596   color: red;
       
   597   font-size: 80%;
       
   598   vertical-align: top;
       
   599 }
       
   600 
       
   601 .error {
       
   602   color: red;
       
   603 }
       
   604 
       
   605 .notice {
       
   606   background:#fad163;
       
   607   font-size: small;
       
   608   font-weight: bold;
       
   609 }
       
   610 
       
   611 .fieldhelptext {
       
   612   width: 450px;
       
   613   background:#fad163;
       
   614   font-size: small;
       
   615   border: 1px solid black;
       
   616 }
       
   617 
       
   618 .rounded_ul { background: url(/soc/content/images/ul.gif) no-repeat top left; }
       
   619 .rounded_ur { background: url(/soc/content/images/ur.gif) no-repeat top right; }
       
   620 .rounded_ll { background: url(/soc/content/images/ll.gif) no-repeat bottom left; }
       
   621 .rounded_lr { background: url(/soc/content/images/lr.gif) no-repeat bottom right; }
       
   622 
       
   623 /* Disabled text. */
       
   624 .disabled {
       
   625   color: gray;
       
   626 }
       
   627 
       
   628 .plaintext {
       
   629   background:transparent none repeat scroll 0 0;
       
   630   border:0 none;
       
   631   color:black;
       
   632 }
       
   633 
       
   634 /* Surveys */
       
   635 
       
   636 
       
   637 div #survey_widget {
       
   638   margin: 20px;
       
   639   -moz-border-radius: 5px;
       
   640   -webkit-border-radius: 5px;
       
   641   background-color: #FFFEEB;
       
   642   border: 5px solid #F7CA75;
       
   643   padding: 15px;
       
   644   /*max-width: 700px;*/
       
   645 }
       
   646 
       
   647 
       
   648 div #survey_widget.survey_admin {
       
   649 /* TODO(ajaksu) remove if unnecessary */
       
   650 }
       
   651 
       
   652 div #survey_widget table {
       
   653   width:95%
       
   654 }
       
   655 
       
   656 div #survey_widget th,
       
   657 div #survey_widget td {
       
   658   padding-top: 15px;
       
   659 }
       
   660 
       
   661 /* fields */
       
   662 
       
   663 div #survey_widget textarea.long_answer {
       
   664   padding: 10px;
       
   665 }
       
   666 
       
   667 div #survey_widget textarea.tooltip_entry {
       
   668   padding: 10px;
       
   669   width: 80%;
       
   670 }
       
   671 
       
   672 div #survey_widget textarea {
       
   673   width: 90% !important;
       
   674 }
       
   675 
       
   676 div #survey_widget td.formfieldlabel {
       
   677   font-size: medium;
       
   678 }
       
   679 
       
   680 #survey_widget.view input[disabled="disabled"],
       
   681 #survey_widget.view textarea[disabled="disabled"],
       
   682 #survey_widget.view select[disabled="disabled"],
       
   683 #survey_widget.view option {
       
   684   color: black;
       
   685 }
       
   686 
       
   687 #survey_widget.quant_radio input,
       
   688 #survey_widget.quant_radio label {
       
   689   margin: 4px;
       
   690 }
       
   691 
       
   692 /* options */
       
   693 
       
   694 div #survey_options button {
       
   695   display: block;
       
   696   margin: 10px 0 0;
       
   697 }
       
   698 
       
   699 div #survey_options {
       
   700   margin: 20px 0 0 0;
       
   701 }
       
   702 
       
   703 div #survey_widget a.delete {
       
   704   float:left;
       
   705   margin:-1px 7px;
       
   706 }
       
   707 
       
   708 div #survey_widget th label {
       
   709   /*display: block;*/
       
   710   max-width: 180px;
       
   711 }
       
   712 
       
   713 div #survey_widget tr.role-specific label {
       
   714   color: #666666;
       
   715 }
       
   716 
       
   717 
       
   718 span.formfieldlabel {
       
   719   font-weight: bold;
       
   720   font-size: small;
       
   721 }
       
   722 
       
   723 .sortable_li {
       
   724   border: solid 1px !important;
       
   725   padding: 5px !important;
       
   726 }
       
   727 
       
   728 .sortable_li,
       
   729 div #survey_widget fieldset {
       
   730   -moz-border-radius: 5px;
       
   731   -webkit-border-radius: 5px;
       
   732 }
       
   733 
       
   734 div #survey_widget select {
       
   735   display: inline;
       
   736 }
       
   737 
       
   738 div #survey_widget td {
       
   739 }
       
   740 
       
   741 div #survey_widget label {
       
   742 }
       
   743 
       
   744 div #survey_widget fieldset select {
       
   745 }
       
   746 
       
   747 div #survey_widget fieldset textarea,
       
   748 div #survey_widget fieldset input {
       
   749   margin: 10px;
       
   750 }
       
   751 
       
   752 div #survey_widget textarea.comment{
       
   753   margin-bottom: 30px;
       
   754 }
       
   755 
       
   756 div #survey_widget td > fieldset > label {
       
   757   font-size: 11px;
       
   758 }
       
   759 
       
   760 .ui-dialog-content {
       
   761   padding: 0px !important;
       
   762   margin: 5px !important;
       
   763 }
       
   764 
       
   765 #dialog {
       
   766   font-size: 62.5%;
       
   767 }
       
   768 
       
   769 #dialog input {
       
   770   margin: 5px;
       
   771 }
       
   772 
       
   773 #dialog label, #dialog input {
       
   774   display: block;
       
   775 }
       
   776 
       
   777 #dialog p {
       
   778   text-align: center;
       
   779   padding-left: 0;
       
   780 }
       
   781 
       
   782 #dialog input.text {
       
   783   margin-bottom: 12px;
       
   784   width: 95%;
       
   785   padding: .4em;
       
   786 }
       
   787 
       
   788 #dialog fieldset {
       
   789   padding: 0;
       
   790   border: 0;
       
   791   margin-top: 25px;
       
   792 }
       
   793 
       
   794 #dialog h1 {
       
   795   font-size: 1.2em;
       
   796   margin: .6em 0;
       
   797 }
       
   798 
       
   799 .ui-button {
       
   800   outline: 0;
       
   801   margin: 0;
       
   802   padding: .4em 1em .5em;
       
   803   text-decoration: none;
       
   804   cursor:pointer;
       
   805   position: relative;
       
   806   text-align: center;
       
   807 }
       
   808 
       
   809 .ui-dialog .ui-state-highlight,
       
   810 .ui-dialog .ui-state-error {
       
   811   padding: .3em;
       
   812 }
       
   813 
       
   814 .pick_multi input,
       
   815 .quant_radio input {
       
   816   display: inline;
       
   817   width: auto !important;
       
   818 }
       
   819 
       
   820 /* NEWS FEED FEEDS */
       
   821 .news_feed {
       
   822   border: 10px solid #e5ecf9;
       
   823   border-top: 1px solid #3366cc;
       
   824   float:left;
       
   825 }
       
   826 
       
   827 .news_feed .inner{
       
   828   padding:0 20px;
       
   829 }
       
   830 
       
   831 .news_feed h2 {
       
   832   margin-top: 0.1em;
       
   833   background-color: #e5ecf9;
       
   834 }
       
   835 
       
   836 .news_feed h2 a {
       
   837   text-decoration: none;
       
   838   color: black;
       
   839 }
       
   840 
       
   841 .news_feed h2 a:visited {
       
   842   text-decoration: none;
       
   843   color: black;
       
   844 }
       
   845 
       
   846 .news_feed .entry {
       
   847   margin:1em 0.3em;
       
   848 }
       
   849 
       
   850 .news_feed .title {
       
   851    font-size: medium;
       
   852 }
       
   853 
       
   854 .news_feed .time {
       
   855   color: gray;
       
   856   margin-bottom: 0.5em;
       
   857 }
       
   858 
       
   859 .news_feed .snippet {
       
   860   background-color: white;
       
   861 }
       
   862 
       
   863 a#feed_icon img{
       
   864   margin:-1px 0;
       
   865 }