SliTaz Repositories

     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/forum/themes/slitaz-2/design/style.css	Wed Dec 22 10:36:12 2010 +0100
     1.3 @@ -0,0 +1,422 @@
     1.4 +@charset "utf-8";
     1.5 +/* CSS Document */
     1.6 +
     1.7 +/***--- MAIN / DEFAULT --***/
     1.8 +html, body	{ height: 102%; margin: 0; }
     1.9 +html, body, input, select, textarea, button {
    1.10 +	font-family: Verdana, Geneva, sans-serif;
    1.11 +	font-size: 11px;
    1.12 +	line-height: 17px;
    1.13 +	color: #555;
    1.14 +}
    1.15 +a			{ color: #2f6c8e; text-decoration: none; }
    1.16 +a:hover		{ color: #69a1c1; }
    1.17 +a img		{ border: none; }
    1.18 +ul, ol		{ margin: 0; padding: 0; list-style: none; }
    1.19 +
    1.20 +.clear {
    1.21 +    clear: both;
    1.22 +    display: block;
    1.23 +    height: 0;
    1.24 +    overflow: hidden;
    1.25 +    visibility: hidden;
    1.26 +    width: 0;
    1.27 +}
    1.28 +
    1.29 +#Wrapper	{ min-height: 100%; position: relative; margin: 0 auto; }
    1.30 +.Hidden		{ display: none; }
    1.31 +
    1.32 +/***--- HEADER(S) --***/
    1.33 +
    1.34 +
    1.35 +#Header h1	{ padding: 15px; font-size: 2em; }
    1.36 +#Header a	{ color: #69a1c1; }
    1.37 +#Header a:hover	{ color: #FFF; }
    1.38 +
    1.39 +#Header{
    1.40 +	background: #f0ba08 url(../images/header.png) repeat-x top;
    1.41 +	color: black;
    1.42 +	width: 100%;
    1.43 +	height: 50px;
    1.44 +	border-top: 1px solid black;
    1.45 +	border-bottom: 1px solid black;
    1.46 +	margin-bottom: 30px;
    1.47 +	position: absolute;
    1.48 +	top: 0;
    1.49 +}
    1.50 +
    1.51 +#titre {
    1.52 +	position: absolute;
    1.53 +	font-size: 16px;
    1.54 +	font-weight: bolder ;
    1.55 +	margin-left: 200px;
    1.56 +	margin-top: 28px;
    1.57 +}
    1.58 +
    1.59 +#logo {
    1.60 +	position: absolute;
    1.61 +	float: left;
    1.62 +	margin-left: 16px;
    1.63 +	margin-top: 0px;
    1.64 +}
    1.65 +
    1.66 +/***--- NAV --***/
    1.67 +#Nav { 
    1.68 +	right: 0;
    1.69 +	position: absolute;
    1.70 +	top: 3px;
    1.71 +	font-size: 10px;
    1.72 +	font-weight: bold; }
    1.73 +
    1.74 +/* search */
    1.75 +#Search { 
    1.76 +	-moz-border-radius: 4px;
    1.77 +	-webkit-border-radius: 4px; 
    1.78 +	height: 20px; 
    1.79 +	float: right; 
    1.80 +	background: #FFF; 
    1.81 +	padding: 2px 2px; 
    1.82 +	margin: 11px 95px 0 0; }
    1.83 +#Search form	{ padding: 0; border: none; }
    1.84 +#Nav #Search input.InputBox	{ width: 150px; border: none; }
    1.85 +#Search input.Button {
    1.86 +	-moz-border-radius: 4px;
    1.87 +	-webkit-border-radius: 4px;
    1.88 +	height: 17px;
    1.89 +	margin: 0;
    1.90 +	padding: 0; }
    1.91 +
    1.92 +/***--- MAIN --***/
    1.93 +/*#Main	{ }*/
    1.94 +
    1.95 +/* If you prefer the panel on the left and content on the right, simply switch the "float" property for #Content & #Panel and set the "margin-left" to "margin-right" for the #Content */
    1.96 +#Content		{ 
    1.97 +	margin: 0px 320px 0px 0px;
    1.98 +	padding: 86px 40px 65px 80px;
    1.99 +	}
   1.100 +#Panel			{
   1.101 +	position: absolute;
   1.102 +	top: 76px;
   1.103 +	right: 80px;
   1.104 +	color: #555555;
   1.105 +	float: right;
   1.106 +	width: 250px;
   1.107 +	line-height: 1.5em;
   1.108 +	text-align: left;
   1.109 +	font-size: 12px;
   1.110 +	 }
   1.111 +.Box, #UserOptions {
   1.112 +	-moz-border-radius: 8px;
   1.113 +	-webkit-border-radius: 8px;
   1.114 +	list-style-type: none;
   1.115 +	margin: 10px 0;
   1.116 +	padding: 10px 24px 10px 24px;
   1.117 +	background-color: #eaeaea;}
   1.118 +#Panel .Box ul {
   1.119 +	list-style-type: none;
   1.120 +	margin: 0;
   1.121 +	padding: 10px 24px 10px 0px;
   1.122 +	font-weight: bold;
   1.123 +}
   1.124 +
   1.125 +/***--- CONTENT --***/
   1.126 +.GuestBox	{ background: #eaeaea; }
   1.127 +.GuestBox p	{ padding: 0; }
   1.128 +.Message img	{ max-width: 100%; }
   1.129 +
   1.130 +/* headers */
   1.131 +h1				{ margin: 0; font-size: 1.5em; }
   1.132 +#Content h1, h2, #Popup h1, div.DiscussionTabs .SubTab {
   1.133 +	-moz-border-radius: 8px;
   1.134 +	-webkit-border-radius: 8px;
   1.135 +	font-size: 1.1em; background: #555555; color: #fff; margin: 0 0 10px; padding: 10px; font-weight: bold;
   1.136 +}
   1.137 +div.DiscussionTabs .SubTab	{ margin: 0; }
   1.138 +
   1.139 +#Panel h4, #Panel .GuestBox h4 {
   1.140 +	font-size: 110%;
   1.141 +	color: #666666;
   1.142 +	font-weight: bold;
   1.143 +	padding: 0 0 1px 0;
   1.144 +	margin: 0;
   1.145 +	border-bottom: 1px solid #cecece; }
   1.146 +
   1.147 +div.Empty, div#Status	{ padding: 10px; }
   1.148 +
   1.149 +/* tabs */
   1.150 +.Tabs li, .SubTab	{
   1.151 +	-moz-border-radius: 8px;
   1.152 +	-webkit-border-radius: 8px;
   1.153 +	background: #CECECE;
   1.154 +	padding: 5px 8px;
   1.155 +	font-size: 140%;
   1.156 +	font-weight: bold;
   1.157 +	border-bottom: 1px solid #fff; }
   1.158 +.Tabs li.Active		{ background: #555; border-bottom: none; }
   1.159 +.Tabs li.Active a	{ color: #fff; }
   1.160 +.Tabs span			{ display: inline-block; margin: 0 10px; color: #888; }
   1.161 +.SubTab				{ font-size: 1em; }
   1.162 +
   1.163 +/* DISCUSSIONS */
   1.164 +.DataList li.Item, .Conversation li.Item {
   1.165 +	border-bottom: 1px solid #ccc;
   1.166 +	position: relative;
   1.167 +	padding: 10px;
   1.168 +	-moz-border-radius: 8px;
   1.169 +	-webkit-border-radius: 8px;
   1.170 +}
   1.171 +.Activities li.Item	{ min-height: 50px; }
   1.172 +.DataList li.Item a.Title	{ display: block; font-size: 1.15em; font-weight: bold; padding: 0 0 8px; }
   1.173 +
   1.174 +/* discussions meta */
   1.175 +.DataList .Meta span, .DataList .Meta strong {
   1.176 +	min-width: 100px; display: inline-block; margin: 0 5px 0 0;
   1.177 +}
   1.178 +.DataList .Meta .LastCommentBy		{ width: 175px; }
   1.179 +.DataList .Meta .LastCommentDate	{ width: 100px; }
   1.180 +
   1.181 +/* discussions highlight */
   1.182 +.DataList li.Mine			{ background: #f1f1f1; border-bottom-color: #fff; }
   1.183 +.DataList li.New			{ background: #d8ecbc; }
   1.184 +.DataList li.Bookmarked		{ background: #ffdf5d; border-bottom-color: #fff; }
   1.185 +
   1.186 +.DataList li.Closed		{ background: #eee; }
   1.187 +.DataList .Meta .Closed			{ color: #333; }
   1.188 +.DataList li.Closed a.Title	{ text-decoration: line-through; }
   1.189 +
   1.190 +.DataList li.Announcement	{ background: #FFC; }
   1.191 +.DataList .Meta .Announcement, .DataList .Meta .Closed {
   1.192 +	width: 100px; font-weight: bold;
   1.193 +}
   1.194 +.DataList .Meta .Announcement	{ color: #C60; }
   1.195 +
   1.196 +/* DISCUSSION */
   1.197 +div.DiscussionTabs li		{ font-size: 1em; }
   1.198 +ul.Discussion				{ margin: 0 0 10px; }
   1.199 +
   1.200 +/* bookmark */
   1.201 +a.Bookmark					{ width: 9px; height: 9px; position: absolute; top: 8px; right: 10px; font-size: 0; background: #fff; border: 1px dotted #ffcc00; }
   1.202 +.Discussion a.Bookmark		{ top: 41px; }
   1.203 +a.Bookmarked 				{ background: #ffcc00; border: 1px solid #fff; }
   1.204 +div.Options a.Bookmark		{ top: 14px; }
   1.205 +
   1.206 +div.Comment {
   1.207 +	position: relative; 
   1.208 +	border-bottom: 1px dotted #ccc;
   1.209 +	padding: 10px; }
   1.210 +li.Even			{ background: #f8f8f8; }
   1.211 +
   1.212 +/* discussion meta */
   1.213 +.Comment .Message, .Comment .MessageForm, .ConversationMessage .Message {
   1.214 +	margin-left: 215px; line-height: 1.75em;
   1.215 +}
   1.216 +.Comment .Meta, .ConversationMessage .Meta {
   1.217 +	width: 175px; float: left; padding: 10px; background: #FFC;
   1.218 +	-moz-border-radius: 8px;
   1.219 +	-webkit-border-radius: 8px;
   1.220 +}
   1.221 +.Comment .Meta span, .ConversationMessage .Meta span, div.Meta div.PostCount {
   1.222 +	display: block; border-bottom: 1px dotted #ccc; font-size: 0.85em; padding: 1px 0; 
   1.223 +}
   1.224 +.Comment .Author, .ConversationMessage span.Author {
   1.225 +	background: #fff; padding: 5px; border-bottom: none;
   1.226 +}
   1.227 +.Comment .Author img, .ConversationMessage .Author a.Photo {
   1.228 +	float: left; margin: 0 10px 0 0;
   1.229 +}
   1.230 +.Comment .Author a, .ConversationMessage .Author a {
   1.231 +	font-weight: bold; font-size: 1.1em;
   1.232 +}
   1.233 +blockquote	{ margin: 0; padding: 10px; background: #fff; border: 1px dotted #ccc; }
   1.234 +.Odd blockquote	{ background: #F8F8F8; }
   1.235 +
   1.236 +/* post */
   1.237 +ul.PostOptions	{ margin: 0 0 10px; }
   1.238 +.Preview			{ padding: 10px; margin: 0 0 10px; border-bottom: 1px dotted #ccc; }
   1.239 +
   1.240 +/*- Conversations & Activities -*/
   1.241 +ul.Activities .Title	{ margin: 0 0 0 60px; font-weight: bold; }
   1.242 +ul.Conversations .Photo, ul.Activities .Photo {
   1.243 +	width: 50px; height: 50px; float: left; font-size: 0.9em; color: #ccc; overflow: hidden; background: #eee;
   1.244 +}
   1.245 +ul.Conversations .Excerpt, ul.Activities .Excerpt {
   1.246 +	margin: 0 0 10px 60px;
   1.247 +}
   1.248 +ul.Conversations .Meta, ul.Activities .Meta, .SearchResults .Meta {
   1.249 +	margin: 0 0 0 60px;background: #FFC; padding: 3px 5px; 
   1.250 +}
   1.251 +.SearchResults .Meta	{ margin: 5px 0 0; }
   1.252 +ul.ActivityComments		{ margin: 0 0 0 60px; }
   1.253 +
   1.254 +.ConversationMessage .Message		{ min-height: 100px; }
   1.255 +.ConversationMessage span.Author	{ height: 50px; }
   1.256 +.ConversationMessage span.ItemLink		{ display: none; }
   1.257 +
   1.258 +/***--- PANEL --***/
   1.259 +.Block		{ padding: 15px; background: #ddd; margin: 0 10px 0 0; }
   1.260 +.Post #Panel, .Search #Panel {
   1.261 +	display: none;
   1.262 +}
   1.263 +
   1.264 +.PanelInfo li			{ padding: 0px 0px; }
   1.265 +.PanelInfo li strong	{ font-weight: normal; }
   1.266 +.PanelInfo li.Active a	{ color: #c60; }
   1.267 +.PanelInfo li.Parent	{ background: #ccc; padding: 2px 5px; font-size: 1.1em; font-weight: bold; }
   1.268 +
   1.269 +.PanelInfo a, .Box a {
   1.270 +	color: #0F314E;
   1.271 +	background: inherit;
   1.272 +	display: block;
   1.273 +	text-decoration: none;
   1.274 +	font-weight: bold;
   1.275 +}
   1.276 +
   1.277 +.PanelInfo a:hover, .Box a:hover {
   1.278 +	color: #c60;
   1.279 +	text-decoration: none;
   1.280 +	display: block;
   1.281 +}
   1.282 +/* account */
   1.283 +
   1.284 +#Panel .Photo		{ background: #ddd; position: absolute; right: 10px; padding: 0 0 10px 10px; }
   1.285 +#Panel .Photo img	{ width: 50px; display: block; border: 5px solid #fff; border-bottom-width: 12px; }
   1.286 +#Panel .Photo img:hover	{ width: auto; }
   1.287 +
   1.288 +#Panel dl					{ padding: 10px; background: #fff; margin: 0; }
   1.289 +#Panel dt					{ font-weight: bold; padding: 2px 0 0; }
   1.290 +#Panel dd					{ margin: 0; border-bottom: 1px dotted #ccc; padding: 0 0 2px; }
   1.291 +
   1.292 +/* inbox */
   1.293 +.PanelInfo li strong		{ display: inline-block; margin: 0 5px 0 0; }
   1.294 +
   1.295 +/*- Form elements -*/
   1.296 +form		{ padding: 0 10px 10px; border-bottom: 1px dotted #ccc; }
   1.297 +fieldset	{ margin: 0; padding: 0; border: none; }
   1.298 +
   1.299 +form#Form_User_Register	{ margin-top: 10px; }
   1.300 +
   1.301 +input, textarea, select {
   1.302 +	border: 1px solid #ccc; padding: 3px 5px; margin: 0;
   1.303 +}
   1.304 +input.InputBox		{ width: 325px; margin: 0 10px 5px 0; }
   1.305 +
   1.306 +input.Button, input.Cancel {
   1.307 +	-moz-border-radius: 4px;
   1.308 +	-webkit-border-radius: 4px;
   1.309 +	cursor: pointer; border: none; background: #c60; color: #fff; padding: 4px;
   1.310 +}
   1.311 +input.Button:hover, input.Cancel:hover {
   1.312 +	background: #555555; color: white;
   1.313 +}
   1.314 +
   1.315 +a.Back, a.Cancel {
   1.316 +	margin: 0 5px 0 0;
   1.317 +}
   1.318 +
   1.319 +textarea			{ width: 95%; min-height: 100px; display: block; margin: 10px 0; }
   1.320 +
   1.321 +label	{ display: block; font-weight: bold; }
   1.322 +label.RadioLabel, label.CheckBoxLabel {
   1.323 +	font-weight: normal;
   1.324 +}
   1.325 +label.RadioLabel input, label.CheckBoxLabel input {
   1.326 +	border: none;
   1.327 +}
   1.328 +
   1.329 +li.Gender, li.CaptchaInput {
   1.330 +	margin: 0 0 10px;
   1.331 +}
   1.332 +li.CreateAccount, li.Buttons {
   1.333 +	margin: 5px 0 0;
   1.334 +}
   1.335 +.cleditorMain	{ margin: 10px 0; }
   1.336 +
   1.337 +.CommentForm div.Messages { margin: 8px 0 0; }
   1.338 +.Errors, .Warning	{
   1.339 +	color: #F00;
   1.340 +}
   1.341 +
   1.342 +/***--- BUTTONS ---***/
   1.343 +.GuestBox a.Button	{
   1.344 +	-moz-border-radius: 4px;
   1.345 +	-webkit-border-radius: 4px;
   1.346 +	font-size: 11px;
   1.347 +	padding: 4px;
   1.348 +	margin: 0 0 10px;
   1.349 +	background: #c60; 
   1.350 +	color: #FFF; }
   1.351 +.GuestBox .Button:hover	{
   1.352 +	background: #555555; }
   1.353 +	
   1.354 +a.BigButton	{
   1.355 +	-moz-border-radius: 8px;
   1.356 +	-webkit-border-radius: 8px;
   1.357 +	display: block; 
   1.358 +	background: #c60; 
   1.359 +	color: #FFF; 
   1.360 +	padding: 10px; 
   1.361 +	font-size: 1.1em; 
   1.362 +	font-weight: bold;
   1.363 +	text-align: center}
   1.364 +a.BigButton:hover	{ background: #555555; }
   1.365 +a.ClearConversation	{ margin: 10px 0 0; }
   1.366 +
   1.367 +/* options */
   1.368 +div.Options, div.OptionButton {
   1.369 +	position: absolute; top: 12px; right: 10px;
   1.370 +}
   1.371 +div.OptionButton	{ font-weight: bold; color: #555; }
   1.372 +ul.Options strong	{
   1.373 +	-moz-border-radius: 4px;
   1.374 +	-webkit-border-radius: 4px;
   1.375 +	cursor: pointer; 
   1.376 +	display: block; 
   1.377 +	padding: 5px 10px;
   1.378 +	background: #FFC;
   1.379 +	border: 1px solid #ccc; }
   1.380 +
   1.381 +ul.Options				{ margin: 5px 40px 0 0; }
   1.382 +ul.Options li			{ position: relative; }
   1.383 +ul.Options ul			{ min-width: 125px; display: none; position: absolute; z-index: 1000; background: #FFC; right: 0; border: 1px dotted #ccc; margin-top: -1px; }
   1.384 +ul.Options li:hover ul 	{ display: block; }
   1.385 +ul.Options ul li		{ display: block; border-top: 1px dotted #ccc; }
   1.386 +ul.Options ul li:first-child	{ border-top: none; }
   1.387 +ul.Options ul li a		{ display: block; padding: 5px 10px; }
   1.388 +
   1.389 +/*- Pager -*/
   1.390 +#PagerAfter				{ margin: 10px 0; text-align: center; background: #ddd; padding: 2px 10px; }
   1.391 +#PagerAfter	a			{ display: inline-block; padding: 0 5px; }
   1.392 +#PagerAfter	a.Highlight		{ color: #c60; }
   1.393 +span.Previous, a.Previous	{ float: left; }
   1.394 +#PagerAfter	span.Next, #PagerAfter	a.Next	{ float: right; padding: 0; }
   1.395 +
   1.396 +#PagerMore				{ text-align: right; padding: 5px 10px; }
   1.397 +
   1.398 +/***--- FOOTER --***/
   1.399 +#Footer {
   1.400 +	font-size: 11px ;
   1.401 +	width: 100%; 
   1.402 +	position: absolute; 
   1.403 +	bottom: 0;
   1.404 +	background: inherit;
   1.405 +	color: #a8a8a8; }
   1.406 +#Footer ul	{ margin: 16px 15px; }
   1.407 +#Footer li	{ float: left; }
   1.408 +#Footer a { text-decoration: underline; background: inherit; color: #a8a8a8; }
   1.409 +#Footer a:hover	{ color: #666666; }
   1.410 +
   1.411 +/***--- OVERLAY ---***/
   1.412 +.Overlay	{ width: 100%; position: absolute; top: 0; z-index: 10000; background: url(../images/overlayBg.png); }
   1.413 +.Overlay #Popup	{ width: 720px; padding: 15px; background: #FFF; margin: 0 auto; border: 1px dotted #c60; position: relative; }
   1.414 +
   1.415 +.Overlay .Buttons input.Button	{ margin: 0 0 10px; }
   1.416 +.Overlay p			{ padding: 0 10px; }
   1.417 +.Overlay a.Close	{ position: absolute; display: block; top: 10px; right: 15px; padding: 13px; font-size: 1.5em; color: #fff; }
   1.418 +.Overlay a.Close:hover	{ color: #c60; }
   1.419 +.Overlay ul			{ margin: 10px 0 0; }
   1.420 +
   1.421 +.Overlay input.Button	{ margin: 10px 0 0; }
   1.422 +.Overlay textarea		{ margin: 10px 0 0; }
   1.423 +.Overlay li.Gender		{ margin: 0; }
   1.424 +
   1.425 +.Overlay #Form_Picture	{ margin: 0 0 10px; }