src/chrome/common/extensions/docs/examples/extensions/news/css/feed.css

   1 /**
   2  * Copyright (c) 2010 The Chromium Authors. All rights reserved.  Use of this
   3  * source code is governed by a BSD-style license that can be found in the
   4  * LICENSE file.
   5  *
   6  * Sets style of different elements in pop-up page.
   7  *
   8  * Author: navneetg@google.com (Navneet Goel).
   9  */
  10
  11 body {
  12   font-family: arial, sans-serif;
  13   font-size: 12px;
  14   min-width: 500px;
  15   overflow: visible;
  16 }
  17 a {
  18   color: #0000CC;
  19   cursor: pointer;
  20   text-decoration: underline;
  21 }
  22 #noStories {
  23   background-color: rgb(255, 238, 136);
  24   font-size: 13px;
  25   font-weight: bold;
  26   margin-left: 140px;
  27   margin-right: 140px;
  28   text-align: center;
  29 }
  30 .open_box {
  31   background-image: url(/images/sprite_arrows.gif);
  32   background-position: 0px -24px;
  33   clear: left;
  34   cursor: pointer;
  35   display: block;
  36   height: 12px;
  37   margin-top: 2px;
  38   overflow: hidden;
  39   width: 12px;
  40   float: left;
  41 }
  42 .opened .open_box {
  43   background-position: -12px -24px;
  44 }
  45 .item {
  46   padding: 2px 0;
  47 }
  48 .item_title {
  49   cursor: pointer;
  50   display: block;
  51   min-width: 300px;
  52   padding: 0 0 0 17px;
  53 }
  54 .item_desc {
  55   border: none;
  56   display: block;
  57   height: 0;
  58   margin: 0;
  59   min-width: 500px;
  60   padding: 0;
  61   -webkit-transition: height 0.2s ease-out;
  62 }
  63 #title {
  64   display: block;
  65 }
  66 .error {
  67   background-color: rgb(255, 238, 136);
  68   font-size: 13px;
  69   font-weight: bold;
  70   margin-left: 125px;
  71   margin-right: 125px;
  72   text-align: center;
  73   white-space: nowrap;
  74 }
  75 .more {
  76   color: #88C;
  77   display: block;
  78   margin-left: 385px;
  79   padding-right: 10px;
  80   padding-top: 5px;
  81   text-align: right;
  82 }
  83 .topicsLTR {
  84   direction: ltr;
  85   font-size: 13px;
  86   padding-left: 5px;
  87 }
  88 .topicsRTL {
  89   direction: rtl;
  90   font-size: 13px;
  91   padding-right: 5px;
  92 }
  93 body.rtl #feed {
  94   direction: rtl;
  95 }
  96 body.rtl .open_box {
  97   float: right;
  98 }
  99 body.rtl .item_title {
 100   padding: 0 17px 0 0;
 101 }