jappixmini/jappix/css/welcome.css

   1 /*
   2
   3 Jappix - An open social platform
   4 This is the welcome tool CSS stylesheet for Jappix
   5
   6 -------------------------------------------------
   7
   8 License: AGPL
   9 Author: Vanaryon
  10 Last revision: 26/04/11
  11
  12 */
  13
  14 #welcome .infos {
  15         margin: 15px;
  16 }
  17
  18 #welcome .infos p {
  19         margin-top: 6px;
  20 }
  21
  22 #welcome .infos p.infos-title {
  23         margin-top: 0;
  24 }
  25
  26 #welcome a.box {
  27         background-color: #e4eef9;
  28         border: 1px solid #ccdbde;
  29         margin: 12px 11px 4px 15px;
  30         padding: 10px;
  31         width: 270px;
  32         text-decoration: none;
  33         float: left;
  34         border-radius: 4px;
  35         -moz-border-radius: 4px;
  36         -webkit-border-radius: 4px;
  37 }
  38
  39 #welcome a.box.share {
  40         width: 350px;
  41         margin: 4px 130px;
  42         padding: 4px 10px;
  43         clear: both;
  44 }
  45
  46 #welcome a.box.share.first {
  47         margin-top: 0;
  48 }
  49
  50 #welcome a.box.share:hover span.go {
  51         display: block;
  52 }
  53
  54 #welcome a.box:hover,
  55 #welcome a.box:focus {
  56         border: 1px solid #93c5fa;
  57 }
  58
  59 #welcome a.box:active {
  60         border: 1px solid #419afa;
  61 }
  62
  63 #welcome a.box.enabled {
  64         background-color: #f1f6fd;
  65         border: 1px solid #9dc4fc;
  66 }
  67
  68 #welcome a.box span {
  69         margin: 3px 0;
  70         display: block;
  71 }
  72
  73 #welcome a.box span.logo {
  74         height: 35px;
  75         width: 35px;
  76         margin-right: 15px;
  77         float: left;
  78 }
  79
  80 #welcome a.box span.logo.facebook {
  81         background-position: 0 0;
  82 }
  83
  84 #welcome a.box span.logo.twitter {
  85         background-position: -35px 0;
  86 }
  87
  88 #welcome a.box span.logo.buzz {
  89         background-position: -70px 0;
  90 }
  91
  92 #welcome a.box span.logo.identica {
  93         background-position: -105px 0;
  94 }
  95
  96 #welcome a.box span.option,
  97 #welcome a.box span.name {
  98         font-size: 0.9em;
  99         font-weight: bold;
 100 }
 101
 102 #welcome a.box span.description {
 103         font-size: 0.7em;
 104         margin-top: 7px;
 105 }
 106
 107 #welcome a.box.share span.description {
 108         margin-top: 4px;
 109 }
 110
 111 #welcome a.box span.image {
 112         height: 16px;
 113         width: 16px;
 114         margin: -30px 12px 0 0;
 115         float: right;
 116 }
 117
 118 #welcome a.box span.image.sound {
 119         background-position: 0 -900px;
 120 }
 121
 122 #welcome a.box span.image.geolocation {
 123         background-position: 0 -658px;
 124 }
 125
 126 #welcome a.box span.image.xmpp {
 127         background-position: 0 -990px;
 128 }
 129
 130 #welcome a.box span.image.archives,
 131 #page-engine .text .tools-archives {
 132         background-position: 0 -1025px;
 133 }
 134
 135 #welcome a.box span.image.offline {
 136         background-position: 0 -80px;
 137 }
 138
 139 #welcome a.box span.tick,
 140 #welcome a.box span.go {
 141         height: 16px;
 142         width: 16px;
 143         display: none;
 144         float: right;
 145 }
 146
 147 #welcome a.box span.tick {
 148         background-position: 0 -1661px;
 149         margin: -52px -15px 0 0;
 150 }
 151
 152 #welcome a.box span.go {
 153         background-position: 0 -1120px;
 154         margin: -28px 5px 0 0;
 155 }
 156
 157 #welcome a.box.enabled span.tick {
 158         display: block;
 159 }
 160
 161 #welcome div.results {
 162         margin: -7px 15px;
 163         padding: 0;
 164         height: 272px;
 165         overflow: auto;
 166 }
 167
 168 #welcome .bottom .finish.save {
 169         display: none;
 170 }