WebSVN – svnkaklik – Blame – /web/test/chat/g-shout/skins/black_and_gold.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: #fff;`
		11	`background-color: #000;`
		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: #CCFF66;`
		35	`background-color: transparent;`
		36	`}`
		37
		38	`a:visited {`
		39	`color: #CCFF66;`
		40	`background-color: transparent;`
		41	`}`
		42
		43	`a:hover {`
		44	`color: #868147;`
		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: #000;`
		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: #666;`
		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: #fff;`
		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: #fff;`
		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: #fff;`
		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: #fff;`
		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: #fff;`
		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: #FF66CC;`
		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: #fff;`
		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: #66FFFF;`
		204	`}`
		205
		206	`.highlight_bold {`
		207	`color: #66FFFF;`
		208	`font-weight: bold;`
		209	`}`
		210
		211	`.highlight_alt_bold {`
		212	`color: #FF66CC;`
		213	`font-weight: bold;`
		214	`}`
		215
		216	`.alert {`
		217	`color: #66FFFF;`
		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: #847E56 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: #fff;`
		265	`border-bottom: #fff 1px solid;`
		266	`}`
		267
		268	`#header {`
		269	`background-color: #868147;`
		270	`height: 14px;`
		271	`}`
		272
		273	`#simpleHeader {`
		274	`background-color: #999;`
		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: #fff;`
		293	`background: #868147;`
		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: #fff 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: #000;`
		309	`background: #000;`
		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: #fff 1px solid;`
		316	`border-left: #fff 1px solid;`
		317	`border-right: #fff 1px solid;`
		318	`}`
		319
		320	`.cpNavOn a:hover {`
		321	`color: #fff;`
		322	`background: transparent;`
		323	`text-decoration: none;`
		324	`}`
		325	`/*`
		326
		327	`LINKS IN NAVIGATION TABS`
		328	`--------------------------------------------------------------- */`
		329	`.cpNavOff a:link {`
		330	`color: #000;`
		331	`background: transparent;`
		332	`text-decoration: none;`
		333	`}`
		334
		335	`.cpNavOff a:visited {`
		336	`color: #000;`
		337	`background: transparent;`
		338	`text-decoration: none;`
		339	`}`
		340
		341	`.cpNavOff a:active {`
		342	`color: #000;`
		343	`background: transparent;`
		344	`text-decoration: none;`
		345	`}`
		346
		347	`.cpNavOff a:hover {`
		348	`color: #fff;`
		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: #847E56 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: #fff;`
		380	`background: transparent;`
		381	`text-align: right;`
		382	`}`
		383
		384	`.crumblinks a:link {`
		385	`text-decoration: none;`
		386	`color: #CCFF66;`
		387	`background-color: transparent;`
		388	`}`
		389
		390	`.crumblinks a:visited {`
		391	`color: #CCFF66;`
		392	`background-color: transparent;`
		393	`}`
		394
		395	`.crumblinks a:hover {`
		396	`color: #fff;`
		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: #fff;`
		411	`background-color: transparent;`
		412	`}`
		413
		414	`.crumblinksR a {`
		415	`color: #CCFF66;`
		416	`text-decoration: none;`
		417	`background-color: transparent;`
		418	`}`
		419
		420	`.crumblinksR a:visited {`
		421	`color: #CCFF66;`
		422	`background-color: transparent;`
		423	`}`
		424
		425	`.crumblinksR a:active {`
		426	`color: #999;`
		427	`background-color: transparent;`
		428	`}`
		429
		430	`.crumblinksR a:hover {`
		431	`color: #999;`
		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: #1A160E;`
		459	`border: #666 1px solid;`
		460	`padding: 6px;`
		461	`margin-right: 8px;`
		462	`}`
		463
		464	`.htmlButtonOutter, .htmlButtonOutterL {`
		465	`background-color: #090909;`
		466	`padding: 0;`
		467	`border-top: #CCC 1px solid;`
		468	`border-right: #CCC 1px solid;`
		469	`border-bottom: #CCC 1px solid;`
		470	`}`
		471
		472	`.htmlButtonOutterL {`
		473	`border-left: #CCC 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: #333 1px solid;`
		481	`border-bottom: #333 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: #090909;`
		497	`padding: 2px 3px 3px 3px;`
		498	`white-space: nowrap;`
		499	`}`
		500
		501	`.htmlButtonA a:link {`
		502	`color: #fff;`
		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: #666;`
		515	`}`
		516
		517	`.htmlButtonA a:hover {`
		518	`text-decoration: none;`
		519	`color: #666;`
		520	`}`
		521
		522	`.htmlButtonB a:link {`
		523	`color: #66FFFF;`
		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: #666;`
		536	`}`
		537
		538	`.htmlButtonB a:hover {`
		539	`color: #666;`
		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: #847E56 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: #fff;`
		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: #585641 1px solid;`
		590	`padding: 0 4px 0 14px;`
		591	`}`
		592
		593	`.rightBorderPad {`
		594	`border-right: #847E56 1px solid;`
		595	`padding: 0;`
		596	`}`
		597	`.itemPadBotBorder {`
		598	`background-color: #000;`
		599	`border-bottom: #847E56 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 #847E56;`
		618	`border-bottom: 1px solid #847E56;`
		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: #fff;`
		627	`padding: 5px 4px 5px 10px;`
		628	`background-color: #474126;`
		629	`border-top: 1px solid #000;`
		630	`border-bottom: 1px solid #111;`
		631	`margin: 0 0 0 0;`
		632	`}`
		633	`/*`
		634
		635	`ADMIN PAGE`
		636	`--------------------------------------------------------------- */`
		637
		638	`.leftCel {`
		639	`border-right: #847E56 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: #fff;`
		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: #fff;`
		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: #FF66CC;`
		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: #fff;`
		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: #fff;`
		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: #fff;`
		723	`text-align: right;`
		724	`padding: 0;`
		725	`background-color: transparent;`
		726	`}`
		727
		728	`.xhtmlWrapperLight {`
		729	`color: #ccc;`
		730	`font-weight: bold;`
		731	`}`
		732
		733	`/*`
		734
		735	`BOXES - USED TO ENCLOSE ITEMS`
		736	`--------------------------------------------------------------- */`
		737	`.box {`
		738	`background-color: #0D0D00;`
		739	`border: #847E56 1px solid;`
		740	`padding: 12px 10px 5px 10px;`
		741	`margin: 5px 0 4px 0;`
		742	`}`
		743
		744	`.box280 {`
		745	`background-color: #000;`
		746	`border: #847E56 1px solid;`
		747	`padding: 12px;`
		748	`width: 280px;`
		749	`margin-top: 8px;`
		750	`}`
		751	`.box320 {`
		752	`background-color: #0D0D00;`
		753	`border: #847E56 1px solid;`
		754	`padding: 12px;`
		755	`width: 320px;`
		756	`margin-bottom: 4px;`
		757	`margin-top: 2px;`
		758	`}`
		759	`.box450 {`
		760	`background-color: #0D0D00;`
		761	`border: #847E56 1px solid;`
		762	`padding: 12px;`
		763	`width: 450px;`
		764	`margin-bottom: 4px;`
		765	`margin-top: 2px;`
		766	`}`
		767	`/*`
		768
		769	`SPACER BETWEEN GROUPINGS OF FORM FIELDS`
		770	`--------------------------------------------------------------- */`
		771
		772	`.padBotBorder {`
		773	`background-color: #000;`
		774	`border-bottom: #847E56 1px dashed;`
		775	`padding: 10px 0 16px 0;`
		776	`margin-bottom: 8px;`
		777	`width: 90%;`
		778	`}`
		779
		780	`.pad400 {`
		781	`background-color: #000;`
		782	`border-bottom: #847E56 1px dashed;`
		783	`padding: 10px 0 16px 0;`
		784	`width: 400px;`
		785	`margin-bottom: 8px;`
		786	`}`
		787	`.pad400NoBorder {`
		788	`background-color: #000;`
		789	`padding: 10px 0 16px 0;`
		790	`width: 400px;`
		791	`margin-bottom: 8px;`
		792	`}`
		793	`/*`
		794
		795	`COMMEMT/TRACKBACK DISPLAY IN CP`
		796	`--------------------------------------------------------------- */`
		797
		798	`.comments {`
		799	`background-color: #000;`
		800	`border-bottom: #847E56 1px dashed;`
		801	`}`
		802
		803	`.cmtCredits {`
		804	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		805	`font-size: 11px;`
		806	`color: #666;`
		807	`margin-bottom: 3px;`
		808	`}`
		809
		810	`.cmtCreditVal {`
		811	`color: #fff;`
		812	`padding-left: 6px;`
		813	`}`
		814
		815	`.cmtRightBorder {`
		816	`border-right: #847E56 1px dashed;`
		817	`padding-right: 14px;`
		818	`}`
		819
		820	`.cmtLeftPad {`
		821	`padding: 2px 6px 0 6px;`
		822	`}`
		823	`/*`
		824	`CATEGORY DISPLAY (used for category ID numbers in Admin page)`
		825	`--------------------------------------------------------------- */`
		826	`.category {`
		827	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		828	`font-size: 11px;`
		829	`color: #999;`
		830	`line-height: 18px;`
		831	`letter-spacing: .09em;`
		832	`}`
		833	`/*`
		834
		835	`TABLE FORMATTING`
		836	`--------------------------------------------------------------- */`
		837
		838	`.subtext {`
		839	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		840	`font-size: 11px;`
		841	`font-weight: normal;`
		842	`color: #fff;`
		843	`padding: 6px 0 3px 0;`
		844	`}`
		845
		846
		847	`.tableBorder {`
		848	`border: 1px solid #847E56;`
		849	`margin-top: 1px;`
		850	`margin-bottom: 4px;`
		851	`}`
		852
		853	`.tablePad {`
		854	`padding: 2px 4px 5px 4px;`
		855	`background-color: #000;`
		856	`}`
		857
		858	`.tableBorderNoBot {`
		859	`border-top: 1px solid #847E56;`
		860	`border-right: 1px solid #847E56;`
		861	`border-left: 1px solid #847E56;`
		862	`margin-bottom: 2px;`
		863	`}`
		864
		865	`.tableHeading {`
		866	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		867	`font-size: 11px;`
		868	`font-weight: normal;`
		869	`color: #fff;`
		870	`padding: 12px 6px 12px 6px;`
		871	`background-color: #000;`
		872	`border-bottom: 1px solid #585641;`
		873	`}`
		874
		875	`.tableHeadingBold {`
		876	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		877	`font-size: 11px;`
		878	`font-weight: bold;`
		879	`color: #fff;`
		880	`padding: 12px 6px 12px 6px;`
		881	`background-color: #000;`
		882	`border-bottom: 1px solid #585641;`
		883	`}`
		884
		885	`.tableHeadingLargeBold {`
		886	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		887	`font-size: 13px;`
		888	`font-weight: bold;`
		889	`color: #fff;`
		890	`padding: 12px 6px 12px 6px;`
		891	`background-color: #000;`
		892	`border-bottom: 1px solid #585641;`
		893	`}`
		894
		895	`.tableHeadingBoldNoBot {`
		896	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		897	`font-size: 11px;`
		898	`font-weight: bold;`
		899	`color: #fff;`
		900	`padding: 10px 6px 10px 6px;`
		901	`background-color: #000;`
		902	`}`
		903
		904	`.tableCellOne, .tableCellOneBold {`
		905	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		906	`font-size: 11px;`
		907	`color: #fff;`
		908	`padding: 6px 10px 6px 6px;`
		909	`border-top: 1px solid #000;`
		910	`border-bottom: 1px solid #585641;`
		911	`border-right: 1px solid #000;`
		912	`background-color: #0B0B00;`
		913	`}`
		914
		915	`.tableCellTwo, .tableCellTwoBold {`
		916	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		917	`font-size: 11px;`
		918	`color: #fff;`
		919	`padding: 6px 10px 6px 6px;`
		920	`border-top: 1px solid #000;`
		921	`border-bottom: 1px solid #585641;`
		922	`border-right: 1px solid #000;`
		923	`background-color: #1A1813;`
		924	`}`
		925
		926	`.tableCellOneBold {`
		927	`font-weight: bold;`
		928	`}`
		929	`.tableCellTwoBold {`
		930	`font-weight: bold;`
		931	`}`
		932	`/*`
		933	`IMAGE THUMBNAIL FORM`
		934	`--------------------------------------------------------------- */`
		935	`.thumb {`
		936	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		937	`font-size: 11px;`
		938	`color: #fff;`
		939	`width: 240px;`
		940	`border: 1px solid #66FFFF;`
		941	`}`
		942	`.thumbPad {`
		943	`padding: 8px;`
		944	`}`
		945
		946	`/*`
		947	`COPYRIGHT NOTICE`
		948	`--------------------------------------------------------------- */`
		949	`.copyright {`
		950	`text-align: center;`
		951	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		952	`font-size: 9px;`
		953	`color: #666;`
		954	`line-height: 15px;`
		955	`margin-top: 15px;`
		956	`margin-bottom: 15px;`
		957	`padding: 15px;`
		958	`}`
		959	`/*`
		960
		961	`FORM FIELD FORMATTING`
		962	`--------------------------------------------------------------- */`
		963
		964	`form {`
		965	`margin: 0;`
		966	`}`
		967	`.hidden {`
		968	`margin: 0;`
		969	`padding: 0;`
		970	`border: 0;`
		971	`}`
		972	`.input {`
		973	`border-top: 1px solid #666666;`
		974	`border-left: 1px solid #666666;`
		975	`background-color: #000;`
		976	`color: #fff;`
		977	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		978	`font-size: 11px;`
		979	`height: 1.6em;`
		980	`padding: .3em 0 0 2px;`
		981	`margin-top: 6px;`
		982	`margin-bottom: 3px;`
		983	`}`
		984	`.textarea {`
		985	`border-top: 1px solid #666666;`
		986	`border-left: 1px solid #666666;`
		987	`background-color: #444;`
		988	`color: #fff;`
		989	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		990	`font-size: 11px;`
		991	`margin-top: 3px;`
		992	`margin-bottom: 3px;`
		993	`}`
		994	`.select {`
		995	`background-color: #000;`
		996	`font-family: Arial, Verdana, Sans-serif;`
		997	`font-size: 10px;`
		998	`font-weight: normal;`
		999	`letter-spacing: .1em;`
		1000	`color: #fff;`
		1001	`margin-top: 6px;`
		1002	`margin-bottom: 3px;`
		1003	`}`
		1004	`.multiselect {`
		1005	`border-top: 1px solid #666666;`
		1006	`border-left: 1px solid #666666;`
		1007	`background-color: #000;`
		1008	`color: #fff;`
		1009	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		1010	`font-size: 11px;`
		1011	`margin-top: 6px;`
		1012	`margin-bottom: 3px;`
		1013	`}`
		1014	`.radio {`
		1015	`color: #fff;`
		1016	`margin-top: 7px;`
		1017	`margin-bottom: 4px;`
		1018	`padding: 0;`
		1019	`border: 0;`
		1020	`background-color: transparent;`
		1021	`}`
		1022	`.checkbox {`
		1023	`background-color: transparent;`
		1024	`margin: 3px;`
		1025	`padding: 0;`
		1026	`border: 0;`
		1027	`}`
		1028	`.submit {`
		1029	`background-color: #000;`
		1030	`font-family: Arial, Verdana, Sans-serif;`
		1031	`font-size: 10px;`
		1032	`font-weight: normal;`
		1033	`letter-spacing: .1em;`
		1034	`padding: 1px 3px 1px 3px;`
		1035	`margin-top: 6px;`
		1036	`margin-bottom: 4px;`
		1037	`text-transform: uppercase;`
		1038	`color: #fff;`
		1039	`}`
		1040	`/*`
		1041
		1042	`ERROR MESSAGE OUTER WRAPPER`
		1043	`NOTE: the border color needs to match the breadcrumb`
		1044	`--------------------------------------------------------------- */`
		1045	`#error {`
		1046	`margin-top: 15px;`
		1047	`padding: 1px;`
		1048	`border: #847E56 1px solid;`
		1049	`}`
		1050	`/*`
		1051
		1052	`ERROR MESSAGE HEADING`
		1053	`--------------------------------------------------------------- */`
		1054	`.errorheading{`
		1055	`color: #66FFFF;`
		1056	`background: #ccc;`
		1057	`font-family: Verdana, Trebuchet MS, Arial, Sans-serif;`
		1058	`text-align: center;`
		1059	`font-size: 12px;`
		1060	`font-weight: bold;`
		1061	`letter-spacing: 1px;`
		1062	`text-transform: uppercase;`
		1063	`padding: 4px;`
		1064	`margin-bottom: 1px;`
		1065	`}`
		1066	`/*`
		1067
		1068	`ERROR MESSAGE BODY`
		1069	`--------------------------------------------------------------- */`
		1070	`.errormessage {`
		1071	`color: #fff;`
		1072	`border-top: #847E56 1px solid;`
		1073	`font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;`
		1074	`font-size: 12px;`
		1075	`text-align: center;`
		1076	`padding: 20px 10px 20px 10px;`
		1077	`}`
		1078	`/*`
		1079
		1080	`PHP-INFO FORMATTING (used on PHP info page)`
		1081	`--------------------------------------------------------------- */`
		1082
		1083	`.phpinfotable {`
		1084	`background: #797EB8;`
		1085	`}`
		1086
		1087	`.phpinfohead {`
		1088	`background: #797EB8;`
		1089	`}`
		1090
		1091	`.phpinforow {`
		1092	`background: #797EB8;`
		1093	`}`
		1094
		1095	`.phpinfocell {`
		1096	`background: #000;`
		1097	`}`
		1098
		1099	`/*`
		1100
		1101	`CALENDAR CSS - USED WITH DHTML CALENDAR IN PUBLISH PAGE`
		1102	`--------------------------------------------------------------- */`
		1103
		1104	`/* The main calendar widget. DIV containing a table. */`
		1105
		1106	`.calendar {`
		1107	`margin-top: 6px;`
		1108	`display: none;`
		1109	`border-right: 2px solid #333;`
		1110	`border-bottom: 2px solid #333;`
		1111	`color: #000;`
		1112	`cursor: default;`
		1113	`background: transparent;`
		1114	`font-family: tahoma,verdana,sans-serif;`
		1115	`}`
		1116
		1117	`.calendar table {`
		1118	`border-top: 1px solid #000;`
		1119	`border-right: 1px solid #fff;`
		1120	`border-bottom: 1px solid #fff;`
		1121	`border-left: 1px solid #000;`
		1122	`font-size: 11px;`
		1123	`color: #000;`
		1124	`background: #ccc;`
		1125	`font-family: verdana,tahoma,sans-serif;`
		1126	`}`
		1127
		1128	`/* Header part -- contains navigation buttons and day names. */`
		1129
		1130	`.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */`
		1131	`text-align: center;`
		1132	`padding: 1px;`
		1133	`border-top: 1px solid #fff;`
		1134	`border-right: 1px solid #000;`
		1135	`border-bottom: 1px solid #000;`
		1136	`border-left: 1px solid #fff;`
		1137	`}`
		1138
		1139	`.calendar .nav {`
		1140	`}`
		1141
		1142	`.calendar thead .title { /* This holds the current "month, year" */`
		1143	`font-weight: bold;`
		1144	`font-size: 11px;`
		1145	`padding: 1px;`
		1146	`border: 1px solid #000;`
		1147	`background: #333;`
		1148	`color: #fff;`
		1149	`text-align: center;`
		1150	`}`
		1151
		1152	`.calendar thead .headrow { /* Row <TR> containing navigation buttons */`
		1153	`}`
		1154
		1155	`.calendar thead .daynames { /* Row <TR> containing the day names */`
		1156	`}`
		1157
		1158	`.calendar thead .name { /* Cells <TD> containing the day names */`
		1159	`border-bottom: 1px solid #000;`
		1160	`padding: 2px;`
		1161	`font-weight: bold;`
		1162	`font-size: 10px;`
		1163	`font-family: tahoma,verdana,sans-serif;`
		1164	`text-align: center;`
		1165	`background: #f0f0f0;`
		1166	`}`
		1167
		1168	`.calendar thead .weekend { /* How a weekend day name shows in header */`
		1169	`color: #000;`
		1170	`}`
		1171
		1172	`.calendar thead .hilite { /* How do the buttons in header appear when hover */`
		1173	`background: #ddd;`
		1174	`}`
		1175
		1176	`.calendar thead .active { /* Active (pressed) buttons in header */`
		1177	`padding: 2px 0px 0px 2px;`
		1178	`border-top: 1px solid #000;`
		1179	`border-right: 1px solid #fff;`
		1180	`border-left: 1px solid #000;`
		1181	`background-color: #999;`
		1182	`}`
		1183
		1184	`/* The body part -- contains all the days in month. */`
		1185
		1186	`.calendar tbody .day { /* Cells <TD> containing month days dates */`
		1187	`width: 1.8em;`
		1188	`text-align: right;`
		1189	`padding: 2px 4px 2px 2px;`
		1190	`}`
		1191	`.calendar tbody .day.othermonth {`
		1192	`font-size: 11px;`
		1193	`color: #aaa;`
		1194	`}`
		1195	`.calendar tbody .day.othermonth.oweekend {`
		1196	`color: #000;`
		1197	`}`
		1198
		1199	`.calendar table .wn {`
		1200	`padding: 2px 3px 2px 2px;`
		1201	`border-right: 1px solid #000;`
		1202	`background: #ddd;`
		1203	`}`
		1204
		1205	`.calendar tbody .rowhilite td {`
		1206	`background: #ccc;`
		1207	`}`
		1208
		1209	`.calendar tbody .rowhilite td.wn {`
		1210	`background: #ccc;`
		1211	`}`
		1212
		1213	`.calendar tbody td.hilite { /* Hovered cells <TD> */`
		1214	`padding: 1px 3px 1px 1px;`
		1215	`border-top: 1px solid #fff;`
		1216	`border-right: 1px solid #000;`
		1217	`border-bottom: 1px solid #000;`
		1218	`border-left: 1px solid #fff;`
		1219	`background: #ddd;`
		1220	`}`
		1221
		1222	`.calendar tbody td.active { /* Active (pressed) cells <TD> */`
		1223	`padding: 2px 2px 0px 2px;`
		1224	`border-top: 1px solid #000;`
		1225	`border-right: 1px solid #fff;`
		1226	`border-bottom: 1px solid #fff;`
		1227	`border-left: 1px solid #000;`
		1228	`}`
		1229
		1230	`.calendar tbody td.selected { /* Cell showing selected date */`
		1231	`font-weight: bold;`
		1232	`border-top: 1px solid #000;`
		1233	`border-right: 1px solid #fff;`
		1234	`border-bottom: 1px solid #fff;`
		1235	`border-left: 1px solid #000;`
		1236	`padding: 1px 3px 1px 1px;`
		1237	`background: #eee;`
		1238	`}`
		1239
		1240	`.calendar tbody td.weekend { /* Cells showing weekend days */`
		1241	`color: #000;`
		1242	`}`
		1243
		1244	`.calendar tbody td.today { /* Cell showing today date */`
		1245	`font-weight: bold;`
		1246	`color: #000;`
		1247	`}`
		1248
		1249	`.calendar tbody .disabled { color: #999; }`
		1250
		1251	`.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */`
		1252	`visibility: hidden;`
		1253	`}`
		1254
		1255	`.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */`
		1256	`display: none;`
		1257	`}`
		1258
		1259	`/* The footer part -- status bar and "Close" button */`
		1260
		1261	`.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */`
		1262	`}`
		1263
		1264	`.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */`
		1265	`background: transparent;`
		1266	`padding: 1px;`
		1267	`border: 1px solid #000;`
		1268	`background: #333;`
		1269	`color: #fff;`
		1270	`text-align: center;`
		1271	`font-size: 11px;`
		1272	`}`
		1273
		1274	`.calendar tfoot .hilite { /* Hover style for buttons in footer */`
		1275	`border-top: 1px solid #fff;`
		1276	`border-right: 1px solid #000;`
		1277	`border-bottom: 1px solid #000;`
		1278	`border-left: 1px solid #fff;`
		1279	`padding: 1px;`
		1280	`background: #f0f0f0;`
		1281	`}`
		1282
		1283	`.calendar tfoot .active { /* Active (pressed) style for buttons in footer */`
		1284	`padding: 2px 0px 0px 2px;`
		1285	`border-top: 1px solid #000;`
		1286	`border-right: 1px solid #fff;`
		1287	`border-bottom: 1px solid #fff;`
		1288	`border-left: 1px solid #000;`
		1289	`}`
		1290
		1291	`/* Combo boxes (menus that display months/years for direct selection) */`
		1292
		1293	`.calendar .combo {`
		1294	`position: absolute;`
		1295	`display: none;`
		1296	`width: 4em;`
		1297	`top: 0px;`
		1298	`left: 0px;`
		1299	`cursor: default;`
		1300	`border-top: 1px solid #fff;`
		1301	`border-right: 1px solid #000;`
		1302	`border-bottom: 1px solid #000;`
		1303	`border-left: 1px solid #fff;`
		1304	`background: #ccc;`
		1305	`font-size: 90%;`
		1306	`padding: 1px;`
		1307	`}`
		1308
		1309	`.calendar .combo .label,`
		1310	`.calendar .combo .label-IEfix {`
		1311	`text-align: center;`
		1312	`padding: 1px;`
		1313	`}`
		1314
		1315	`.calendar .combo .label-IEfix {`
		1316	`width: 4em;`
		1317	`}`
		1318
		1319	`.calendar .combo .active {`
		1320	`background: #efefef;`
		1321	`padding: 0px;`
		1322	`border-top: 1px solid #000;`
		1323	`border-right: 1px solid #fff;`
		1324	`border-bottom: 1px solid #fff;`
		1325	`border-left: 1px solid #000;`
		1326	`}`
		1327
		1328	`.calendar .combo .hilite {`
		1329	`background: #048;`
		1330	`color: #fea;`
		1331	`}`
		1332
		1333	`.calendar td.time {`
		1334	`border-top: 1px solid #000;`
		1335	`padding: 1px 0 0 0;`
		1336	`text-align: center;`
		1337	`background-color: #f0f0f0;`
		1338	`}`
		1339
		1340	`.calendar td.time .hour,`
		1341	`.calendar td.time .minute,`
		1342	`.calendar td.time .ampm {`
		1343	`padding: 0px 3px 0px 4px;`
		1344	`border-top: 1px solid #666;`
		1345	`border-right: 1px solid #999;`
		1346	`border-bottom: 1px solid #fff;`
		1347	`border-left: 1px solid #000;`
		1348	`font-weight: bold;`
		1349	`background-color: #fff;`
		1350	`}`
		1351
		1352	`.calendar td.time .ampm {`
		1353	`text-align: center;`
		1354	`text-transform: uppercase;`
		1355	`}`
		1356
		1357	`.calendar td.time .colon {`
		1358	`padding: 0px 2px 0px 3px;`
		1359	`font-weight: bold;`
		1360	`}`
		1361
		1362	`.calendar td.time span.hilite {`
		1363	`border-color: #000;`
		1364	`background-color: #eee;`
		1365	`color: #000;`
		1366	`}`
		1367
		1368	`.calendar td.time span.active {`
		1369	`border-color: #f00;`
		1370	`background-color: #efefef;`
		1371	`color: #990000;`
		1372	`}`

Subversion Repositories svnkaklik

(root)/web/test/chat/g-shout/skins/black_and_gold.css – Rev 302