WebSVN – svnkaklik – Blame – /web/test/chat/g-shout/skins/babs.css

Rev	Author	Line No.	Line
6	kaklik	1	`/*`
		2	`ExpressionEngine 1.0 Control Panel Theme - Babs Pink`
		3	`babs.css`
		4	`By Nathalie Babineau`
		5	`http://www.babineau.ca`
		6	`http://www.babineau.ca/journal/`
		7	`--------------------------------------------------------------- */`
		8
		9
		10	`/*`
		11	`DEFAULT BODY`
		12	`--------------------------------------------------------------- */`
		13	`body {`
		14	`margin: 0;`
		15	`padding: 0;`
		16	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		17	`font-size: 11px;`
		18	`color: #000;`
		19	`background-color: #fff;`
		20	`}`
		21	`/*`
		22
		23	`MAIN CONTENT WRAPPER`
		24	`--------------------------------------------------------------- */`
		25	`#content {`
		26	`left: 0px;`
		27	`right: 10px;`
		28	`margin: 0 25px 0 25px;`
		29	`padding: 8px 13px 0 13px;`
		30	`width: auto;`
		31	`}`
		32	`* html #content {`
		33	`width: 100%;`
		34	`w\idth: auto;`
		35	`}`
		36	`/*`
		37
		38	`DEFAULT LINKS`
		39	`--------------------------------------------------------------- */`
		40	`a {`
		41	`text-decoration: none;`
		42	`color: #CC0066;`
		43	`background-color: transparent;`
		44	`}`
		45
		46	`a:visited {`
		47	`color: #CC0066;`
		48	`background-color: transparent;`
		49	`}`
		50
		51	`a:hover {`
		52	`color: #000;`
		53	`text-decoration: underline;`
		54	`background-color: transparent;`
		55	`}`
		56	`/*`
		57
		58	`SMALL LINKS IN HEADER (HELP, MAIN MENU, AND LOGOUT)`
		59	`--------------------------------------------------------------- */`
		60	`.helpLinks {`
		61	`color: #fff;`
		62	`background: transparent;`
		63	`text-align: right;`
		64	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		65	`font-size: 9px;`
		66	`font-weight: bold;`
		67	`padding: 4px 25px 4px 0px;`
		68	`}`
		69
		70	`.helpLinks a:link {`
		71	`color: #fff;`
		72	`background: transparent;`
		73	`text-decoration: none;`
		74	`}`
		75
		76	`.helpLinks a:visited {`
		77	`color: #fff;`
		78	`background: transparent;`
		79	`text-decoration: none;`
		80	`}`
		81
		82	`.helpLinks a:hover {`
		83	`color: #ccc;`
		84	`background: transparent;`
		85	`text-decoration: none;`
		86	`}`
		87
		88	`.helpLinksLeft {`
		89	`text-align: left;`
		90	`padding-left: 20px;`
		91	`}`
		92	`/*`
		93
		94	`DEFAULT FONTS`
		95	`--------------------------------------------------------------- */`
		96
		97	`.default, .defaultPad, .defaultRight, .defaultPadBold, .defaultBold, .defaultSmall, .defaultCenter {`
		98	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		99	`font-size: 11px;`
		100	`color: #000;`
		101	`padding: 1px 0 1px 0;`
		102	`background-color: transparent;`
		103	`}`
		104
		105	`.defaultRight {`
		106	`text-align: right;`
		107	`}`
		108
		109	`.defaultRightBold {`
		110	`text-align: right;`
		111	`font-weight: bold;`
		112	`}`
		113
		114	`.defaultCenter {`
		115	`text-align: center;`
		116	`}`
		117
		118	`.defaultBold {`
		119	`font-weight: bold;`
		120	`font-size: 11px;`
		121	`}`
		122
		123	`.defaultBold a:link {`
		124	`text-decoration: none;`
		125	`}`
		126
		127	`.defaultBold a:visited {`
		128	`text-decoration: none;`
		129	`}`
		130
		131	`.defaultBold a:active {`
		132	`text-decoration: none;`
		133	`}`
		134
		135	`.defaultBold a:hover {`
		136	`text-decoration: underline;`
		137	`}`
		138
		139	`.defaultPad {`
		140	`padding: 3px 0 3px 5px;`
		141	`}`
		142	`.defaultPadBold {`
		143	`padding: 3px 0 3px 5px;`
		144	`font-weight: bold;`
		145	`}`
		146
		147	`.defaultSmall {`
		148	`color: #000;`
		149	`font-size: 10px;`
		150	`}`
		151	`/*`
		152
		153	`GENERAL TEXT FORMATTING`
		154	`--------------------------------------------------------------- */`
		155
		156	`/* Page heading used on most pages */`
		157	`h1 {`
		158	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		159	`font-size: 14px;`
		160	`font-weight: bold;`
		161	`color: #000;`
		162	`background: transparent;`
		163	`margin: 2px 0 4px 0;`
		164	`padding: 0 0 2px 0;`
		165	`}`
		166
		167	`/* Large Text - used occasionally */`
		168	`h2 {`
		169	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		170	`font-size: 13px;`
		171	`font-weight: bold;`
		172	`color: #000;`
		173	`background: transparent;`
		174	`}`
		175
		176	`/* Smaller bold heading */`
		177	`h5 {`
		178	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		179	`font-size: 12px;`
		180	`font-weight: bold;`
		181	`color: #000;`
		182	`background: transparent;`
		183	`margin: 0 0 3px 0;`
		184	`}`
		185
		186	`pre {`
		187	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		188	`font-size: 11px;`
		189	`color: #009933;`
		190	`background: transparent;`
		191	`margin: 6px 0 6px 19px;`
		192	`}`
		193
		194	`p, strong {`
		195	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		196	`font-size: 11px;`
		197	`color: #000;`
		198	`background: transparent;`
		199	`margin: 4px 0 4px 0;`
		200	`}`
		201
		202	`strong {`
		203	`font-weight: bold:`
		204	`}`
		205
		206	`.bold {`
		207	`font-weight: bold;`
		208	`}`
		209
		210	`.highlight {`
		211	`color: #990000;`
		212	`}`
		213
		214	`.highlight_bold {`
		215	`color: #990000;`
		216	`font-weight: bold;`
		217	`}`
		218
		219	`.highlight_alt_bold {`
		220	`color: #009933;`
		221	`font-weight: bold;`
		222	`}`
		223
		224	`.alert {`
		225	`color: #990000;`
		226	`font-weight: bold;`
		227	`}`
		228
		229	`.nowrap {`
		230	`white-space: nowrap;`
		231	`}`
		232	`/*`
		233
		234	`PADDING`
		235	`--------------------------------------------------------------- */`
		236
		237	`.paddedWrapper {`
		238	`padding: 3px 0 10px 3px;`
		239	`background-color: transparent;`
		240	`}`
		241
		242	`.bigPad {`
		243	`padding: 6px 0 3px 6px;`
		244	`background-color: transparent;`
		245	`}`
		246
		247	`.paddedTop {`
		248	`padding: 13px 0 2px 0;`
		249	`background-color: transparent;`
		250	`}`
		251
		252	`.paddedBorder{`
		253	`padding: 10px 12px 10px 12px;`
		254	`border-bottom: #7B81A9 1px solid;`
		255	`background-color: transparent;`
		256	`}`
		257
		258	`.leftPad {`
		259	`padding-left: 5px;`
		260	`}`
		261
		262	`.rightPad {`
		263	`padding-right: 10px;`
		264	`}`
		265
		266	`/*`
		267
		268	`HEADER`
		269	`--------------------------------------------------------------- */`
		270
		271	`#topBar {`
		272	`background-color: #000;`
		273	`border-bottom: #fff 1px solid;`
		274	`}`
		275
		276	`#header {`
		277	`background-color: #CC3366;`
		278	`height: 14px;`
		279	`}`
		280
		281	`#simpleHeader {`
		282	`background-color: #666;`
		283	`height: 1px;`
		284	`}`
		285	`/*`
		286
		287	`NAVIGATION TABS - Table cell`
		288	`--------------------------------------------------------------- */`
		289	`.navCell {`
		290	`background: transparent;`
		291	`padding: 0;`
		292	`}`
		293	`/*`
		294
		295	`NAVIGATION TABS - DEFAULT STATE`
		296	`--------------------------------------------------------------- */`
		297	`.cpNavOff, .cpNavLocked {`
		298	`font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif;`
		299	`font-size: 11px;`
		300	`color: #000;`
		301	`background: #CC3366;`
		302	`letter-spacing: .2em;`
		303	`text-transform: uppercase;`
		304	`text-align: center;`
		305	`padding: 5px 0 4px 0;`
		306	`font-weight: bold;`
		307	`border-bottom: #000 1px solid;`
		308	`}`
		309	`/*`
		310
		311	`NAVIGATION TABS - "SELECTED" STATE`
		312	`--------------------------------------------------------------- */`
		313	`.cpNavOn {`
		314	`font-family: Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif;`
		315	`font-size: 11px;`
		316	`color: #fff;`
		317	`background: #fff;`
		318	`letter-spacing: .2em;`
		319	`padding: 6px 0 2px 0;`
		320	`text-transform: uppercase;`
		321	`text-align: center;`
		322	`font-weight: bold;`
		323	`border-top: #000 1px solid;`
		324	`border-left: #000 1px solid;`
		325	`border-right: #000 1px solid;`
		326	`}`
		327
		328	`.cpNavOn a:hover {`
		329	`color: #000;`
		330	`background: transparent;`
		331	`text-decoration: none;`
		332	`}`
		333	`/*`
		334
		335	`LINKS IN NAVIGATION TABS`
		336	`--------------------------------------------------------------- */`
		337	`.cpNavOff a:link {`
		338	`color: #fff;`
		339	`background: transparent;`
		340	`text-decoration: none;`
		341	`}`
		342
		343	`.cpNavOff a:visited {`
		344	`color: #fff;`
		345	`background: transparent;`
		346	`text-decoration: none;`
		347	`}`
		348
		349	`.cpNavOff a:active {`
		350	`color: #fff;`
		351	`background: transparent;`
		352	`text-decoration: none;`
		353	`}`
		354
		355	`.cpNavOff a:hover {`
		356	`color: #000;`
		357	`background: transparent;`
		358	`text-decoration: none;`
		359	`}`
		360	`/*`
		361
		362	`BREADCRUMB NAVIGATION`
		363	`--------------------------------------------------------------- */`
		364	`#breadcrumb {`
		365	`margin: 15px 40px 0 38px;`
		366	`padding-right: 30px;`
		367	`padding-left: 0;`
		368	`line-height: 18px;`
		369	`border-bottom: #7B81A9 1px solid;`
		370	`}`
		371
		372	`/* Breadcrumb with no bottom line */`
		373
		374	`#breadcrumbNoLine {`
		375	`margin: 15px 40px 0 40px;`
		376	`padding-right: 30px;`
		377	`padding-left: 0;`
		378	`line-height: 18px;`
		379	`}`
		380
		381	`/* Right side of bread crumb */`
		382
		383	`.breadcrumbRight {`
		384	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		385	`font-size: 11px;`
		386	`font-weight: bold;`
		387	`color: #000;`
		388	`background: transparent;`
		389	`text-align: right;`
		390	`}`
		391
		392	`.crumblinks a:link {`
		393	`text-decoration: none;`
		394	`color: #CC0066;`
		395	`background-color: transparent;`
		396	`}`
		397
		398	`.crumblinks a:visited {`
		399	`color: #CC0066;`
		400	`background-color: transparent;`
		401	`}`
		402
		403	`.crumblinks a:hover {`
		404	`color: #000;`
		405	`text-decoration: underline;`
		406	`background-color: transparent;`
		407	`}`
		408	`/*`
		409
		410	`BREADCRUMB LINKS - RIGHT SIDE`
		411	`--------------------------------------------------------------- */`
		412
		413	`.crumblinksR {`
		414	`font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;`
		415	`font-size: 12px;`
		416	`letter-spacing: .1em;`
		417	`text-decoration: none;`
		418	`color: #000;`
		419	`background-color: transparent;`
		420	`}`
		421
		422	`.crumblinksR a {`
		423	`color: #CC0066;`
		424	`text-decoration: none;`
		425	`background-color: transparent;`
		426	`}`
		427
		428	`.crumblinksR a:visited {`
		429	`color: #CC0066;`
		430	`background-color: transparent;`
		431	`}`
		432
		433	`.crumblinksR a:active {`
		434	`color: #666;`
		435	`background-color: transparent;`
		436	`}`
		437
		438	`.crumblinksR a:hover {`
		439	`color: #666;`
		440	`text-decoration: underline;`
		441	`background-color: transparent;`
		442	`}`
		443	`/*`
		444
		445	`PREVIEW ENTRY`
		446	`(when you click "prevew" on the "publish" page)`
		447	`--------------------------------------------------------------- */`
		448	`#previewWrapper {`
		449	`background-color: transparent;`
		450	`}`
		451
		452	`.preview {`
		453	`margin: 0 25px 0 4px;`
		454	`}`
		455	`/*`
		456
		457	`CUSTOM HTML FORMATTING BUTTONS ON THE PUBLISH PAGE`
		458	`These are the little JavaScript buttons`
		459	`--------------------------------------------------------------- */`
		460
		461	`.buttonMargin {`
		462	`margin-bottom: 4px;`
		463	`}`
		464
		465	`.buttonInsert {`
		466	`background-color: #F7E0E8;`
		467	`border: #666 1px solid;`
		468	`padding: 6px;`
		469	`margin-right: 8px;`
		470	`}`
		471
		472	`.htmlButtonOutter, .htmlButtonOutterL {`
		473	`background-color: #f6f6f6;`
		474	`padding: 0;`
		475	`border-top: #333 1px solid;`
		476	`border-right: #333 1px solid;`
		477	`border-bottom: #333 1px solid;`
		478	`}`
		479
		480	`.htmlButtonOutterL {`
		481	`border-left: #333 1px solid;`
		482	`}`
		483
		484	`.htmlButtonInner {`
		485	`background-color: transparent;`
		486	`border-left: #fff 1px solid;`
		487	`border-top: #fff 1px solid;`
		488	`border-right: #ccc 1px solid;`
		489	`border-bottom: #ccc 1px solid;`
		490	`}`
		491
		492	`.htmlButtonA {`
		493	`font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;`
		494	`font-size: 11px;`
		495	`font-weight: bold;`
		496	`padding: 2px 3px 3px 3px;`
		497	`white-space: nowrap;`
		498	`}`
		499
		500	`.htmlButtonB {`
		501	`font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;`
		502	`font-size: 11px;`
		503	`font-weight: bold;`
		504	`background: #f6f6f6;`
		505	`padding: 2px 3px 3px 3px;`
		506	`white-space: nowrap;`
		507	`}`
		508
		509	`.htmlButtonA a:link {`
		510	`color: #000;`
		511	`font-weight: bold;`
		512	`text-decoration: none;`
		513	`white-space: nowrap;`
		514	`}`
		515
		516	`.htmlButtonA a:visited {`
		517	`text-decoration: none;`
		518	`}`
		519
		520	`.htmlButtonA a:active {`
		521	`text-decoration: none;`
		522	`color: #999;`
		523	`}`
		524
		525	`.htmlButtonA a:hover {`
		526	`text-decoration: none;`
		527	`color: #999;`
		528	`}`
		529
		530	`.htmlButtonB a:link {`
		531	`color: #990000;`
		532	`font-weight: bold;`
		533	`text-decoration: none;`
		534	`white-space: nowrap;`
		535	`}`
		536
		537	`.htmlButtonB a:visited {`
		538	`text-decoration: none;`
		539	`}`
		540
		541	`.htmlButtonB a:active {`
		542	`text-decoration: none;`
		543	`color: #999;`
		544	`}`
		545
		546	`.htmlButtonB a:hover {`
		547	`color: #999;`
		548	`text-decoration: none;`
		549	`}`
		550	`/*`
		551
		552	`PUBLISH PAGE`
		553	`--------------------------------------------------------------- */`
		554
		555	`.publishBorder {`
		556	`padding-bottom: 8px;`
		557	`margin-bottom: 6px;`
		558	`margin-left: 8px;`
		559	`border-bottom: #7B81A9 1px solid;`
		560	`}`
		561
		562	`.publishBorderNB {`
		563	`padding-bottom: 8px;`
		564	`margin-bottom: 6px;`
		565	`margin-left: 8px;`
		566	`}`
		567
		568	`.publishPad {`
		569	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		570	`font-size: 11px;`
		571	`color: #000;`
		572	`padding: 1px 5px 1px 10px;`
		573	`background-color: transparent;`
		574	`}`
		575	`/*`
		576
		577	`CONTROL PANEL HOME PAGE`
		578	`--------------------------------------------------------------- */`
		579
		580	`.leftColumn {`
		581	`padding: 0 14px 0 0;`
		582	`}`
		583
		584	`.rightColumn {`
		585	`padding: 0 0 0 14px;`
		586	`}`
		587
		588	`.itemPad {`
		589	`padding: 0 0 20px 0;`
		590	`}`
		591	`/*`
		592
		593	`TEMPLATES PAGE`
		594	`--------------------------------------------------------------- */`
		595
		596	`.leftBorderPad {`
		597	`border-left: #A7A9BE 1px solid;`
		598	`padding: 0 4px 0 14px;`
		599	`}`
		600
		601	`.rightBorderPad {`
		602	`border-right: #7B81A9 1px solid;`
		603	`padding: 0;`
		604	`}`
		605	`.itemPadBotBorder {`
		606	`background-color: #fff;`
		607	`border-bottom: #7B81A9 1px dashed;`
		608	`padding: 10px 0 16px 0;`
		609	`width: 90%;`
		610	`margin-bottom: 8px;`
		611	`}`
		612	`/*`
		613
		614	`MY PROFILE PAGE`
		615	`--------------------------------------------------------------- */`
		616
		617	`.profileMenuInner {`
		618	`padding-left: 10px;`
		619	`padding-right: 8px;`
		620	`margin-bottom: 4px;`
		621	`margin-top: 4px;`
		622	`}`
		623
		624	`.borderTopBot {`
		625	`border-top: 1px solid #7B81A9;`
		626	`border-bottom: 1px solid #7B81A9;`
		627	`}`
		628
		629	`.profileHead {`
		630	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		631	`font-size: 10px;`
		632	`font-weight: bold;`
		633	`text-transform: uppercase;`
		634	`color: #000;`
		635	`padding: 5px 4px 5px 10px;`
		636	`background-color: #E7A0B7;`
		637	`border-top: 1px solid #fff;`
		638	`border-bottom: 1px solid #eee;`
		639	`margin: 0 0 0 0;`
		640	`}`
		641	`/*`
		642
		643	`ADMIN PAGE`
		644	`--------------------------------------------------------------- */`
		645
		646	`.leftCel {`
		647	`border-right: #7B81A9 1px solid;`
		648	`padding: 0 40px 0 0;`
		649	`white-space: nowrap;`
		650	`}`
		651
		652	`.rightCel {`
		653	`padding: 0 0 0 40px;`
		654	`white-space: nowrap;`
		655	`}`
		656
		657	`.menuHeading {`
		658	`font-family: Trebuchet MS, Arial, Verdana, Sans-serif;`
		659	`font-size: 14px;`
		660	`color: #000;`
		661	`font-weight: bold;`
		662	`margin: 3px 0 3px 5px;`
		663	`background: transparent;`
		664	`}`
		665
		666	`.menuItem {`
		667	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		668	`font-size: 11px;`
		669	`color: #000;`
		670	`background-color: transparent;`
		671	`padding: 3px 0 3px 6px;`
		672	`}`
		673
		674	`.menuWrapper {`
		675	`margin: 0 0 14px 0;`
		676	`}`
		677	`/*`
		678
		679	`"SUCCESS" MESSAGE`
		680	`Used to display a message after user actions`
		681	`like submitting an entry, or updating preferences, etc.`
		682	`--------------------------------------------------------------- */`
		683
		684	`.success{`
		685	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		686	`font-size: 12px;`
		687	`color: #009933;`
		688	`font-weight: bold;`
		689	`background-color: transparent;`
		690	`margin: 5px 0 5px 0;`
		691	`}`
		692	`/*`
		693
		694	`ITEM WRAPPERS`
		695	`Adds a little padding above and below the item. Used often`
		696	`to add a bit of space around text or forms.`
		697	`--------------------------------------------------------------- */`
		698
		699	`.itemWrapper {`
		700	`padding: 3px 0 5px 0;`
		701	`background-color: transparent;`
		702	`}`
		703
		704	`.itemWrapperTop {`
		705	`padding: 12px 0 4px 0;`
		706	`background-color: transparent;`
		707	`}`
		708
		709	`.itemTitle {`
		710	`font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;`
		711	`font-size: 11px;`
		712	`font-weight: bold;`
		713	`color: #000;`
		714	`padding: 3px 0 2px 0;`
		715	`background-color: transparent;`
		716	`}`
		717
		718	`.fieldWrapper {`
		719	`font-family: Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;`
		720	`font-size: 11px;`
		721	`color: #000;`
		722	`padding: 0 0 12px 0;`
		723	`background-color: transparent;`
		724	`}`
		725
		726	`.xhtmlWrapper {`
		727	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		728	`font-size: 10px;`
		729	`font-weight: normal;`
		730	`color: #000;`
		731	`text-align: right;`
		732	`padding: 0;`
		733	`background-color: transparent;`
		734	`}`
		735
		736	`.xhtmlWrapperLight {`
		737	`color: #666;`
		738	`font-weight: bold;`
		739	`}`
		740	`/*`
		741
		742	`BOXES - USED TO ENCLOSE ITEMS`
		743	`--------------------------------------------------------------- */`
		744	`.box {`
		745	`background-color: #F5D8E1;`
		746	`border: #7B81A9 1px solid;`
		747	`padding: 12px 10px 5px 10px;`
		748	`margin: 5px 0 4px 0;`
		749	`}`
		750
		751	`.box280 {`
		752	`background-color: #fff;`
		753	`border: #7B81A9 1px solid;`
		754	`padding: 12px;`
		755	`width: 280px;`
		756	`margin-top: 8px;`
		757	`}`
		758	`.box320 {`
		759	`background-color: #F5D8E1;`
		760	`border: #7B81A9 1px solid;`
		761	`padding: 12px;`
		762	`width: 320px;`
		763	`margin-bottom: 4px;`
		764	`margin-top: 2px;`
		765	`}`
		766	`.box450 {`
		767	`background-color: #F5D8E1;`
		768	`border: #7B81A9 1px solid;`
		769	`padding: 12px;`
		770	`width: 450px;`
		771	`margin-bottom: 4px;`
		772	`margin-top: 2px;`
		773	`}`
		774	`/*`
		775
		776	`SPACER BETWEEN GROUPINGS OF FORM FIELDS`
		777	`--------------------------------------------------------------- */`
		778
		779	`.padBotBorder {`
		780	`background-color: #fff;`
		781	`border-bottom: #7B81A9 1px dashed;`
		782	`padding: 10px 0 16px 0;`
		783	`margin-bottom: 8px;`
		784	`width: 90%;`
		785	`}`
		786
		787	`.pad400 {`
		788	`background-color: #fff;`
		789	`border-bottom: #7B81A9 1px dashed;`
		790	`padding: 10px 0 16px 0;`
		791	`width: 400px;`
		792	`margin-bottom: 8px;`
		793	`}`
		794	`.pad400NoBorder {`
		795	`background-color: #fff;`
		796	`padding: 10px 0 16px 0;`
		797	`width: 400px;`
		798	`margin-bottom: 8px;`
		799	`}`
		800	`/*`
		801
		802	`COMMEMT/TRACKBACK DISPLAY IN CP`
		803	`--------------------------------------------------------------- */`
		804
		805	`.comments {`
		806	`background-color: #fff;`
		807	`border-bottom: #7B81A9 1px dashed;`
		808	`}`
		809
		810	`.cmtCredits {`
		811	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		812	`font-size: 11px;`
		813	`color: #999;`
		814	`margin-bottom: 3px;`
		815	`}`
		816
		817	`.cmtCreditVal {`
		818	`color: #000;`
		819	`padding-left: 6px;`
		820	`}`
		821
		822	`.cmtRightBorder {`
		823	`border-right: #7B81A9 1px dashed;`
		824	`padding-right: 14px;`
		825	`}`
		826
		827	`.cmtLeftPad {`
		828	`padding: 2px 6px 0 6px;`
		829	`}`
		830	`/*`
		831	`CATEGORY DISPLAY (used for category ID numbers in Admin page)`
		832	`--------------------------------------------------------------- */`
		833	`.category {`
		834	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		835	`font-size: 11px;`
		836	`color: #666;`
		837	`line-height: 18px;`
		838	`letter-spacing: .09em;`
		839	`}`
		840	`/*`
		841
		842	`TABLE FORMATTING`
		843	`--------------------------------------------------------------- */`
		844
		845	`.subtext {`
		846	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		847	`font-size: 11px;`
		848	`font-weight: normal;`
		849	`color: #000;`
		850	`padding: 6px 0 3px 0;`
		851	`}`
		852
		853
		854	`.tableBorder {`
		855	`border: 1px solid #7B81A9;`
		856	`margin-top: 1px;`
		857	`margin-bottom: 4px;`
		858	`}`
		859
		860	`.tablePad {`
		861	`padding: 2px 4px 5px 4px;`
		862	`background-color: #fff;`
		863	`}`
		864
		865	`.tableBorderNoBot {`
		866	`border-top: 1px solid #7B81A9;`
		867	`border-right: 1px solid #7B81A9;`
		868	`border-left: 1px solid #7B81A9;`
		869	`margin-bottom: 2px;`
		870	`}`
		871
		872	`.tableHeading {`
		873	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		874	`font-size: 11px;`
		875	`font-weight: normal;`
		876	`color: #000;`
		877	`padding: 12px 6px 12px 6px;`
		878	`background-color: #fff;`
		879	`border-bottom: 1px solid #A7A9BE;`
		880	`}`
		881
		882	`.tableHeadingBold {`
		883	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		884	`font-size: 11px;`
		885	`font-weight: bold;`
		886	`color: #000;`
		887	`padding: 12px 6px 12px 6px;`
		888	`background-color: #fff;`
		889	`border-bottom: 1px solid #A7A9BE;`
		890	`}`
		891
		892	`.tableHeadingLargeBold {`
		893	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		894	`font-size: 13px;`
		895	`font-weight: bold;`
		896	`color: #000;`
		897	`padding: 12px 6px 12px 6px;`
		898	`background-color: #fff;`
		899	`border-bottom: 1px solid #A7A9BE;`
		900	`}`
		901
		902	`.tableHeadingBoldNoBot {`
		903	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		904	`font-size: 11px;`
		905	`font-weight: bold;`
		906	`color: #000;`
		907	`padding: 10px 6px 10px 6px;`
		908	`background-color: #fff;`
		909	`}`
		910
		911	`.tableCellOne, .tableCellOneBold {`
		912	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		913	`font-size: 11px;`
		914	`color: #000;`
		915	`padding: 6px 10px 6px 6px;`
		916	`border-top: 1px solid #fff;`
		917	`border-bottom: 1px solid #A7A9BE;`
		918	`border-right: 1px solid #fff;`
		919	`background-color: #F9E9EE;`
		920	`}`
		921
		922	`.tableCellTwo, .tableCellTwoBold {`
		923	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		924	`font-size: 11px;`
		925	`color: #000;`
		926	`padding: 6px 10px 6px 6px;`
		927	`border-top: 1px solid #fff;`
		928	`border-bottom: 1px solid #A7A9BE;`
		929	`border-right: 1px solid #fff;`
		930	`background-color: #F6DBE4;`
		931	`}`
		932
		933	`.tableCellOneBold {`
		934	`font-weight: bold;`
		935	`}`
		936	`.tableCellTwoBold {`
		937	`font-weight: bold;`
		938	`}`
		939	`/*`
		940	`IMAGE THUMBNAIL FORM`
		941	`--------------------------------------------------------------- */`
		942	`.thumb {`
		943	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		944	`font-size: 11px;`
		945	`color: #000;`
		946	`width: 240px;`
		947	`border: 1px solid #990000;`
		948	`}`
		949	`.thumbPad {`
		950	`padding: 8px;`
		951	`}`
		952
		953	`/*`
		954	`COPYRIGHT NOTICE`
		955	`--------------------------------------------------------------- */`
		956	`.copyright {`
		957	`text-align: center;`
		958	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		959	`font-size: 9px;`
		960	`color: #999;`
		961	`line-height: 15px;`
		962	`margin-top: 15px;`
		963	`margin-bottom: 15px;`
		964	`padding: 15px;`
		965	`}`
		966	`/*`
		967
		968	`FORM FIELD FORMATTING`
		969	`--------------------------------------------------------------- */`
		970
		971	`form {`
		972	`margin: 0;`
		973	`}`
		974	`.hidden {`
		975	`margin: 0;`
		976	`padding: 0;`
		977	`border: 0;`
		978	`}`
		979	`.input {`
		980	`border-top: 1px solid #999999;`
		981	`border-left: 1px solid #999999;`
		982	`background-color: #fff;`
		983	`color: #000;`
		984	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		985	`font-size: 11px;`
		986	`height: 1.6em;`
		987	`padding: .3em 0 0 2px;`
		988	`margin-top: 6px;`
		989	`margin-bottom: 3px;`
		990	`}`
		991	`.textarea {`
		992	`border-top: 1px solid #999999;`
		993	`border-left: 1px solid #999999;`
		994	`background-color: #fff;`
		995	`color: #000;`
		996	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		997	`font-size: 11px;`
		998	`margin-top: 3px;`
		999	`margin-bottom: 3px;`
		1000	`}`
		1001	`.select {`
		1002	`background-color: #fff;`
		1003	`font-family: Arial, Verdana, Sans-serif;`
		1004	`font-size: 10px;`
		1005	`font-weight: normal;`
		1006	`letter-spacing: .1em;`
		1007	`color: #000;`
		1008	`margin-top: 6px;`
		1009	`margin-bottom: 3px;`
		1010	`}`
		1011	`.multiselect {`
		1012	`border-top: 1px solid #999999;`
		1013	`border-left: 1px solid #999999;`
		1014	`background-color: #fff;`
		1015	`color: #000;`
		1016	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		1017	`font-size: 11px;`
		1018	`margin-top: 6px;`
		1019	`margin-bottom: 3px;`
		1020	`}`
		1021	`.radio {`
		1022	`color: #000;`
		1023	`margin-top: 7px;`
		1024	`margin-bottom: 4px;`
		1025	`padding: 0;`
		1026	`border: 0;`
		1027	`background-color: transparent;`
		1028	`}`
		1029	`.checkbox {`
		1030	`background-color: transparent;`
		1031	`margin: 3px;`
		1032	`padding: 0;`
		1033	`border: 0;`
		1034	`}`
		1035	`.submit {`
		1036	`background-color: #fff;`
		1037	`font-family: Arial, Verdana, Sans-serif;`
		1038	`font-size: 10px;`
		1039	`font-weight: normal;`
		1040	`letter-spacing: .1em;`
		1041	`padding: 1px 3px 1px 3px;`
		1042	`margin-top: 6px;`
		1043	`margin-bottom: 4px;`
		1044	`text-transform: uppercase;`
		1045	`color: #000;`
		1046	`}`
		1047	`/*`
		1048
		1049	`ERROR MESSAGE OUTER WRAPPER`
		1050	`NOTE: the border color needs to match the breadcrumb`
		1051	`--------------------------------------------------------------- */`
		1052	`#error {`
		1053	`margin-top: 15px;`
		1054	`padding: 1px;`
		1055	`border: #7B81A9 1px solid;`
		1056	`}`
		1057	`/*`
		1058
		1059	`ERROR MESSAGE HEADING`
		1060	`--------------------------------------------------------------- */`
		1061	`.errorheading{`
		1062	`color: #990000;`
		1063	`background: #ccc;`
		1064	`font-family: Verdana, Trebuchet MS, Arial, Sans-serif;`
		1065	`text-align: center;`
		1066	`font-size: 12px;`
		1067	`font-weight: bold;`
		1068	`letter-spacing: 1px;`
		1069	`text-transform: uppercase;`
		1070	`padding: 4px;`
		1071	`margin-bottom: 1px;`
		1072	`}`
		1073	`/*`
		1074
		1075	`ERROR MESSAGE BODY`
		1076	`--------------------------------------------------------------- */`
		1077	`.errormessage {`
		1078	`color: #000;`
		1079	`border-top: #7B81A9 1px solid;`
		1080	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		1081	`font-size: 12px;`
		1082	`text-align: center;`
		1083	`padding: 20px 10px 20px 10px;`
		1084	`}`
		1085	`/*`
		1086
		1087	`PHP-INFO FORMATTING (used on PHP info page)`
		1088	`--------------------------------------------------------------- */`
		1089
		1090	`.phpinfotable {`
		1091	`background: #CC3366;`
		1092	`}`
		1093
		1094	`.phpinfohead {`
		1095	`background: #CC3366;`
		1096	`}`
		1097
		1098	`.phpinforow {`
		1099	`background: #CC3366;`
		1100	`}`
		1101
		1102	`.phpinfocell {`
		1103	`background: #fff;`
		1104	`}`
		1105
		1106	`/*`
		1107
		1108	`CALENDAR CSS - USED WITH DHTML CALENDAR IN PUBLISH PAGE`
		1109	`--------------------------------------------------------------- */`
		1110
		1111	`/* The main calendar widget. DIV containing a table. */`
		1112
		1113	`.calendar {`
		1114	`margin-top: 6px;`
		1115	`display: none;`
		1116	`border-right: 2px solid #333;`
		1117	`border-bottom: 2px solid #333;`
		1118	`color: #000;`
		1119	`cursor: default;`
		1120	`background: transparent;`
		1121	`font-family: tahoma,verdana,sans-serif;`
		1122	`}`
		1123
		1124	`.calendar table {`
		1125	`border-top: 1px solid #000;`
		1126	`border-right: 1px solid #fff;`
		1127	`border-bottom: 1px solid #fff;`
		1128	`border-left: 1px solid #000;`
		1129	`font-size: 11px;`
		1130	`color: #000;`
		1131	`background: #ccc;`
		1132	`font-family: verdana,tahoma,sans-serif;`
		1133	`}`
		1134
		1135	`/* Header part -- contains navigation buttons and day names. */`
		1136
		1137	`.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */`
		1138	`text-align: center;`
		1139	`padding: 1px;`
		1140	`border-top: 1px solid #fff;`
		1141	`border-right: 1px solid #000;`
		1142	`border-bottom: 1px solid #000;`
		1143	`border-left: 1px solid #fff;`
		1144	`}`
		1145
		1146	`.calendar .nav {`
		1147	`}`
		1148
		1149	`.calendar thead .title { /* This holds the current "month, year" */`
		1150	`font-weight: bold;`
		1151	`font-size: 11px;`
		1152	`padding: 1px;`
		1153	`border: 1px solid #000;`
		1154	`background: #333;`
		1155	`color: #fff;`
		1156	`text-align: center;`
		1157	`}`
		1158
		1159	`.calendar thead .headrow { /* Row <TR> containing navigation buttons */`
		1160	`}`
		1161
		1162	`.calendar thead .daynames { /* Row <TR> containing the day names */`
		1163	`}`
		1164
		1165	`.calendar thead .name { /* Cells <TD> containing the day names */`
		1166	`border-bottom: 1px solid #000;`
		1167	`padding: 2px;`
		1168	`font-weight: bold;`
		1169	`font-size: 10px;`
		1170	`font-family: tahoma,verdana,sans-serif;`
		1171	`text-align: center;`
		1172	`background: #f0f0f0;`
		1173	`}`
		1174
		1175	`.calendar thead .weekend { /* How a weekend day name shows in header */`
		1176	`color: #000;`
		1177	`}`
		1178
		1179	`.calendar thead .hilite { /* How do the buttons in header appear when hover */`
		1180	`background: #ddd;`
		1181	`}`
		1182
		1183	`.calendar thead .active { /* Active (pressed) buttons in header */`
		1184	`padding: 2px 0px 0px 2px;`
		1185	`border-top: 1px solid #000;`
		1186	`border-right: 1px solid #fff;`
		1187	`border-left: 1px solid #000;`
		1188	`background-color: #999;`
		1189	`}`
		1190
		1191	`/* The body part -- contains all the days in month. */`
		1192
		1193	`.calendar tbody .day { /* Cells <TD> containing month days dates */`
		1194	`width: 1.8em;`
		1195	`text-align: right;`
		1196	`padding: 2px 4px 2px 2px;`
		1197	`}`
		1198	`.calendar tbody .day.othermonth {`
		1199	`font-size: 11px;`
		1200	`color: #aaa;`
		1201	`}`
		1202	`.calendar tbody .day.othermonth.oweekend {`
		1203	`color: #000;`
		1204	`}`
		1205
		1206	`.calendar table .wn {`
		1207	`padding: 2px 3px 2px 2px;`
		1208	`border-right: 1px solid #000;`
		1209	`background: #ddd;`
		1210	`}`
		1211
		1212	`.calendar tbody .rowhilite td {`
		1213	`background: #ccc;`
		1214	`}`
		1215
		1216	`.calendar tbody .rowhilite td.wn {`
		1217	`background: #ccc;`
		1218	`}`
		1219
		1220	`.calendar tbody td.hilite { /* Hovered cells <TD> */`
		1221	`padding: 1px 3px 1px 1px;`
		1222	`border-top: 1px solid #fff;`
		1223	`border-right: 1px solid #000;`
		1224	`border-bottom: 1px solid #000;`
		1225	`border-left: 1px solid #fff;`
		1226	`background: #ddd;`
		1227	`}`
		1228
		1229	`.calendar tbody td.active { /* Active (pressed) cells <TD> */`
		1230	`padding: 2px 2px 0px 2px;`
		1231	`border-top: 1px solid #000;`
		1232	`border-right: 1px solid #fff;`
		1233	`border-bottom: 1px solid #fff;`
		1234	`border-left: 1px solid #000;`
		1235	`}`
		1236
		1237	`.calendar tbody td.selected { /* Cell showing selected date */`
		1238	`font-weight: bold;`
		1239	`border-top: 1px solid #000;`
		1240	`border-right: 1px solid #fff;`
		1241	`border-bottom: 1px solid #fff;`
		1242	`border-left: 1px solid #000;`
		1243	`padding: 1px 3px 1px 1px;`
		1244	`background: #eee;`
		1245	`}`
		1246
		1247	`.calendar tbody td.weekend { /* Cells showing weekend days */`
		1248	`color: #000;`
		1249	`}`
		1250
		1251	`.calendar tbody td.today { /* Cell showing today date */`
		1252	`font-weight: bold;`
		1253	`color: #000;`
		1254	`}`
		1255
		1256	`.calendar tbody .disabled { color: #999; }`
		1257
		1258	`.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */`
		1259	`visibility: hidden;`
		1260	`}`
		1261
		1262	`.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */`
		1263	`display: none;`
		1264	`}`
		1265
		1266	`/* The footer part -- status bar and "Close" button */`
		1267
		1268	`.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */`
		1269	`}`
		1270
		1271	`.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */`
		1272	`background: transparent;`
		1273	`padding: 1px;`
		1274	`border: 1px solid #000;`
		1275	`background: #333;`
		1276	`color: #fff;`
		1277	`text-align: center;`
		1278	`font-size: 11px;`
		1279	`}`
		1280
		1281	`.calendar tfoot .hilite { /* Hover style for buttons in footer */`
		1282	`border-top: 1px solid #fff;`
		1283	`border-right: 1px solid #000;`
		1284	`border-bottom: 1px solid #000;`
		1285	`border-left: 1px solid #fff;`
		1286	`padding: 1px;`
		1287	`background: #f0f0f0;`
		1288	`}`
		1289
		1290	`.calendar tfoot .active { /* Active (pressed) style for buttons in footer */`
		1291	`padding: 2px 0px 0px 2px;`
		1292	`border-top: 1px solid #000;`
		1293	`border-right: 1px solid #fff;`
		1294	`border-bottom: 1px solid #fff;`
		1295	`border-left: 1px solid #000;`
		1296	`}`
		1297
		1298	`/* Combo boxes (menus that display months/years for direct selection) */`
		1299
		1300	`.calendar .combo {`
		1301	`position: absolute;`
		1302	`display: none;`
		1303	`width: 4em;`
		1304	`top: 0px;`
		1305	`left: 0px;`
		1306	`cursor: default;`
		1307	`border-top: 1px solid #fff;`
		1308	`border-right: 1px solid #000;`
		1309	`border-bottom: 1px solid #000;`
		1310	`border-left: 1px solid #fff;`
		1311	`background: #ccc;`
		1312	`font-size: 90%;`
		1313	`padding: 1px;`
		1314	`}`
		1315
		1316	`.calendar .combo .label,`
		1317	`.calendar .combo .label-IEfix {`
		1318	`text-align: center;`
		1319	`padding: 1px;`
		1320	`}`
		1321
		1322	`.calendar .combo .label-IEfix {`
		1323	`width: 4em;`
		1324	`}`
		1325
		1326	`.calendar .combo .active {`
		1327	`background: #efefef;`
		1328	`padding: 0px;`
		1329	`border-top: 1px solid #000;`
		1330	`border-right: 1px solid #fff;`
		1331	`border-bottom: 1px solid #fff;`
		1332	`border-left: 1px solid #000;`
		1333	`}`
		1334
		1335	`.calendar .combo .hilite {`
		1336	`background: #048;`
		1337	`color: #fea;`
		1338	`}`
		1339
		1340	`.calendar td.time {`
		1341	`border-top: 1px solid #000;`
		1342	`padding: 1px 0 0 0;`
		1343	`text-align: center;`
		1344	`background-color: #f0f0f0;`
		1345	`}`
		1346
		1347	`.calendar td.time .hour,`
		1348	`.calendar td.time .minute,`
		1349	`.calendar td.time .ampm {`
		1350	`padding: 0px 3px 0px 4px;`
		1351	`border-top: 1px solid #666;`
		1352	`border-right: 1px solid #999;`
		1353	`border-bottom: 1px solid #fff;`
		1354	`border-left: 1px solid #000;`
		1355	`font-weight: bold;`
		1356	`background-color: #fff;`
		1357	`}`
		1358
		1359	`.calendar td.time .ampm {`
		1360	`text-align: center;`
		1361	`text-transform: uppercase;`
		1362	`}`
		1363
		1364	`.calendar td.time .colon {`
		1365	`padding: 0px 2px 0px 3px;`
		1366	`font-weight: bold;`
		1367	`}`
		1368
		1369	`.calendar td.time span.hilite {`
		1370	`border-color: #000;`
		1371	`background-color: #eee;`
		1372	`color: #000;`
		1373	`}`
		1374
		1375	`.calendar td.time span.active {`
		1376	`border-color: #f00;`
		1377	`background-color: #efefef;`
		1378	`color: #990000;`
		1379	`}`

Subversion Repositories svnkaklik

(root)/web/test/chat/g-shout/skins/babs.css – Rev 6