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

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

Subversion Repositories svnkaklik

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