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

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

Subversion Repositories svnkaklik

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