dw-free: bin/upgrading/s2layers/fiveam/layout.s2@5bab31c9f015 (annotated)

fu@3619	1	layerinfo type = "layout";
fu@3619	2	layerinfo name = "Five AM";
fu@3619	3	layerinfo redist_uniq = "fiveam/layout";
fu@3619	4	layerinfo author_name = "winterfish";
fu@3619	5	layerinfo lang = "en";
fu@3619	6
fu@3619	7	set layout_authors = [ { "name" => "winterfish", "type" => "user" } ];
fu@3619	8
fu@3619	9	##===============================
fu@3619	10	## Presentation
fu@3619	11	##===============================
fu@3619	12
fu@3619	13	propgroup presentation_child {
fu@3619	14	property string userpics_position {
fu@3619	15	des = "Place of icons in entries";
fu@3619	16	note = "If displayed, icons will be on the opposite side in comments";
fu@3619	17	values = "none\|None (don't show)\|left\|Left\|right\|Right";
fu@3619	18	}
fu@3619	19	}
fu@3619	20
fu@3619	21	set layout_type = "two-columns-left";
fu@3619	22	set sidebar_width = "17em";
fu@3619	23	set sidebar_width_doubled = "34em";
fu@3619	24	set userpics_position = "right";
fu@3619	25
fu@3619	26	##===============================
fu@3619	27	## Colors
fu@3619	28	##===============================
fu@3619	29
fu@3619	30	propgroup colors_child {
fu@3660	31	property Color color_page_usernames { des = "Page username color"; }
fu@3660	32	property Color color_page_usernames_active { des = "Page active username color"; }
fu@3660	33	property Color color_page_usernames_hover { des = "Page hover username color"; }
fu@3660	34	property Color color_page_usernames_visited { des = "Page visited username color"; }
fu@3619	35	property Color color_header_border { des = "Page header border color"; }
fu@3619	36	property Color color_header_accent { des = "Page header accent color"; }
fu@3619	37	property Color color_footer_border { des = "Page footer border color"; }
fu@3619	38	property use color_entry_interaction_links_background;
fu@3619	39	property use color_entry_interaction_links_hover;
fu@3619	40	property use color_entry_interaction_links_active;
fu@3619	41	property use color_entry_interaction_links_visited;
fu@3619	42	property Color color_comment_interaction_links { des = "Comment interaction links color"; }
fu@3619	43	property Color color_comment_interaction_links_border { des = "Comment interaction links border color"; }
fu@3619	44	property Color color_module_accent { des = "Module accent color"; }
fu@3651	45	property Color color_calendar_background { des = "Calendar background color on days with entries"; }
fu@3651	46	property Color color_calendar_background_hover { des = "Calendar hover background color on days with entries"; }
fu@3619	47	property Color color_calendar_border { des = "Calendar border color"; }
fu@3651	48	property Color color_calendar_link { des = "Calendar link color on days with entries"; }
fu@3651	49	property Color color_calendar_link_active { des = "Calendar active link color on days with entries"; }
fu@3651	50	property Color color_calendar_link_hover { des = "Calendar hover link color on days with entries"; }
fu@3651	51	property Color color_calendar_link_visited { des = "Calendar visited link color on days with entries"; }
fu@3651	52	property Color color_calendar_text { des = "Calendar text color on days with entries"; }
fu@3651	53	property Color color_calendar_text_hover { des = "Calendar hover text color on days with entries"; }
fu@3619	54	}
fu@3619	55
fu@3619	56	##===============================
fu@3619	57	## Fonts
fu@3619	58	##===============================
fu@3619	59
fu@3619	60	set font_base = "Arial, Verdana, Helvetica";
fu@3619	61	set font_fallback = "sans-serif";
fu@3619	62	set font_journal_title = "Calibri";
fu@3619	63	set font_journal_title_size = "2";
fu@3619	64	set font_journal_title_units = "em";
fu@3619	65	set font_journal_subtitle = "Calibri";
fu@3619	66	set font_journal_subtitle_size = "1.2";
fu@3619	67	set font_journal_subtitle_units = "em";
fu@3619	68	set font_entry_title = "Calibri";
fu@3619	69	set font_entry_title_size = "1.2";
fu@3619	70	set font_entry_title_units = "em";
fu@3619	71	set font_comment_title = "Calibri";
fu@3619	72	set font_comment_title_size = "1.2";
fu@3619	73	set font_comment_title_units = "em";
fu@3619	74	set font_module_heading = "Calibri";
fu@3619	75	set font_module_heading_size = "1.2";
fu@3619	76	set font_module_heading_units = "em";
fu@3619	77
fu@3619	78	##===============================
fu@3619	79	## Images
fu@3619	80	##===============================
fu@3619	81
fu@3619	82	propgroup images_child {
fu@3619	83	property string[] image_blockquote_background_group {
fu@3619	84	des = "Blockquote background image";
fu@3619	85	grouptype = "image";
fu@3619	86	}
fu@3619	87	set image_blockquote_background_group = [ "image_blockquote_background_url", "image_blockquote_background_repeat", "image_blockquote_background_position" ];
fu@3619	88	property string image_blockquote_background_url {
fu@3619	89	grouped = 1;
fu@3619	90	}
fu@3619	91	property string image_blockquote_background_repeat {
fu@3619	92	values = "repeat\|tile image\|no-repeat\|don't tile\|repeat-x\|tile horizontally\|repeat-y\|tile vertically";
fu@3619	93	grouped = 1;
fu@3619	94	}
fu@3619	95	property string image_blockquote_background_position {
fu@3619	96	values = "top left\|top left\|top center\|top center\|top right\|top right\|center left\|center left\|center center\|center\|center right\|center right\|bottom left\|bottom left\|bottom center\|bottom center\|bottom right\|bottom right";
fu@3619	97	grouped = 1;
fu@3619	98	allow_other = 1;
fu@3619	99	}
fu@3619	100	}
fu@3619	101
fu@3619	102	##===============================
fu@3619	103	## Modules
fu@3619	104	##===============================
fu@3619	105
fu@3619	106	property string module_navlinks_section_override {
fu@3699	107	values = "none\|(none)\|header\|Header\|one\|Main Module Section\|two\|Second Module Section";
fu@3619	108	grouped = 1;
fu@3619	109	}
fu@3619	110
fu@3619	111	set grouped_property_override = { "module_navlinks_section" => "module_navlinks_section_override" };
fu@3619	112	set module_navlinks_section = "header";
fu@3619	113
fu@3619	114	##===============================
fu@3619	115	## Layout
fu@3619	116	##===============================
fu@3619	117
fu@3619	118	function Page::print() {
fu@3619	119	"""<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">\n<head profile="http://www.w3.org/2006/03/hcard http://purl.org/uF/hAtom/0.1/ http://gmpg.org/xfn/11">\n""";
fu@3619	120	$this->print_head();
fu@3619	121	$this->print_stylesheets();
fu@3619	122	$this->print_head_title();
fu@3619	123	"""</head>""";
fu@3619	124	$this->print_wrapper_start();
fu@3619	125	$this->print_control_strip();
fu@3619	126	"""
fu@3619	127	<div id="canvas">
fu@3619	128	<div class="inner">
fu@3619	129	<div id="header">
fu@3619	130	<div class="inner">
fu@3619	131	""";
fu@3619	132	$this->print_module_section("header");
fu@3619	133	$this->print_global_title();
fu@3619	134	$this->print_global_subtitle();
fu@3619	135	$this->print_title();
fu@3619	136	"""
fu@3619	137	</div><!-- end header>inner -->
fu@3619	138	</div><!-- end header -->
fu@3619	139	<div id="content">
fu@3619	140	<div class="inner">
fu@3683	141	""";
fu@3683	142	if ($*layout_type == "one-column-split") {
fu@3683	143	"""
fu@3683	144	<div id="secondary"><div class="inner">
fu@3683	145	""";
fu@3683	146	$this->print_module_section("one");
fu@3683	147	"""
fu@3683	148	</div></div><!-- end secondary and secondary>inner -->
fu@3683	149	""";
fu@3683	150	}
fu@3683	151	"""
fu@3619	152	<div id="primary"><div class="inner">
fu@3619	153	""";
fu@3619	154	$this->print_body();
fu@3619	155	"""
fu@3619	156	</div></div><!-- end primary and primary>inner -->
fu@3683	157	""";
fu@3683	158	if ($*layout_type != "one-column-split") {
fu@3683	159	"""
fu@3619	160	<div id="secondary"><div class="inner">
fu@3683	161	""";
fu@3619	162	$this->print_module_section("one");
fu@3619	163	"""
fu@3619	164	</div></div><!-- end secondary and secondary>inner -->
fu@3683	165	""";
fu@3683	166	}
fu@3683	167	"""
fu@3619	168	<div id="invisible-separator" style="float: left; width: 1px;"></div> <!-- this is a hack for IE7 + two-columns-right -->
fu@3619	169	<div id="tertiary"><div class="inner">
fu@3619	170	""";
fu@3619	171	$this->print_module_section("two");
fu@3619	172	"""
fu@3619	173	</div></div><!-- end tertiary and tertiary>inner -->
fu@3619	174	<div id="content-footer"></div>
fu@3619	175	</div><!-- end content>inner -->
fu@3619	176	</div> <!-- end content -->
fu@3619	177	</div> <!-- end canvas>inner -->
fu@3619	178	""";
fu@3619	179
fu@3619	180	"""
fu@3619	181	<div id="footer">
fu@3619	182	<div class="inner">
fu@3619	183	""";
fu@3619	184	print safe """
fu@3619	185	<div class="page-top"><a href="#">$*text_page_top</a></div>
fu@3619	186	</div><!-- end footer>inner -->
fu@3619	187	</div><!-- end footer -->
fu@3619	188
fu@3619	189	</div> <!-- end canvas -->
fu@3619	190	""";
fu@3619	191	$this->print_wrapper_end();
fu@3619	192	"""</html>""";
fu@3619	193	}
fu@3619	194
fu@3619	195	##===============================
fu@3619	196	## Stylesheet
fu@3619	197	##===============================
fu@3619	198
fu@3619	199	function print_stylesheet () {
fu@3619	200
fu@3619	201	var string blockquote_background = generate_background_css ($image_blockquote_background_url, $image_blockquote_background_repeat, $*image_blockquote_background_position, new Color);
fu@3619	202
fu@3619	203	var string entry_title_font = generate_font_css($font_entry_title, $font_base, $font_fallback, $font_entry_title_size, $*font_entry_title_units);
fu@3619	204	var string module_title_font = generate_font_css($font_module_heading, $font_base, $font_fallback, $font_module_heading_size, $*font_module_heading_units);
fu@3619	205
fu@3619	206	var string entry_contents_margin = "";
fu@3619	207	var string entry_userpic_margin = "";
fu@3619	208	if ( $*entry_userpic_style == "" ) { $entry_contents_margin = "120px"; $entry_userpic_margin = "140px"; }
fu@3619	209	elseif ( $*entry_userpic_style == "small" ) { $entry_contents_margin = "95px"; $entry_userpic_margin = "125px"; }
fu@3619	210	elseif ( $*entry_userpic_style == "smaller" ) { $entry_contents_margin = "70px"; $entry_userpic_margin = "90px"; }
fu@3619	211
fu@3619	212	var string userpic_css = "";
fu@3619	213	if($*userpics_position == "left") {
fu@3619	214	$userpic_css = """
fu@3619	215	.has-userpic .entry .contents {
fu@3619	216	margin-left: $entry_contents_margin;
fu@3619	217	min-height: $entry_userpic_margin;
fu@3619	218	padding-left: 2em;
fu@3619	219	}
fu@3619	220
fu@3619	221	.has-userpic .entry .userpic {
fu@3619	222	float: left;
fu@3619	223	clear: left;
fu@3619	224	margin-left: -$entry_userpic_margin;
fu@3619	225	}
fu@3619	226
fu@3619	227	.has-userpic .comment .userpic {
fu@3619	228	float: right;
fu@3619	229	clear: right;
fu@3619	230	margin-left: 1em;
fu@3619	231	padding-left: .5em;
fu@3619	232	}
fu@3619	233	""";
fu@3619	234	}
fu@3619	235	elseif ($*userpics_position == "right") {
fu@3619	236	$userpic_css = """
fu@3619	237	.has-userpic .entry .contents {
fu@3619	238	margin-right: $entry_contents_margin;
fu@3619	239	min-height: $entry_userpic_margin;
fu@3619	240	padding-right: 2em;
fu@3619	241	}
fu@3619	242
fu@3619	243	.has-userpic .entry .userpic {
fu@3619	244	float: right;
fu@3619	245	clear: right;
fu@3619	246	margin-right: -$entry_userpic_margin;
fu@3619	247	}
fu@3619	248
fu@3619	249	.has-userpic .comment .userpic {
fu@3619	250	float: left;
fu@3619	251	clear: left;
fu@3619	252	margin-right: 1em;
fu@3619	253	padding-right: .5em;
fu@3619	254	}
fu@3619	255	""";
fu@3619	256	}
fu@3619	257	"""
fu@3619	258
fu@3619	259	/* Five AM */
fu@3619	260	/* by w i n t e r f i s h */
fu@3619	261
fu@3619	262	/* Main
fu@3619	263	***************************************************************************/
fu@3619	264
fu@3619	265	body {
fu@3619	266	margin: 0;
fu@3619	267	}
fu@3619	268
fu@3619	269	h1, h2, h3, h4, h5, h6 {
fu@3619	270	font-weight: normal;
fu@3619	271	margin: 0;
fu@3619	272	}
fu@3619	273
fu@3619	274	p {
fu@3619	275	margin: 1em 0;
fu@3619	276	}
fu@3619	277
fu@3619	278	blockquote {
fu@3619	279	$blockquote_background
fu@3676	280	border-bottom: 4px solid $*color_entry_border;
fu@3676	281	border-top: 4px solid $*color_entry_border;
fu@3619	282	line-height: 1.4em;
fu@3619	283	margin: 1em 0;
fu@3619	284	padding: 2em 1em 2em 6.5em;
fu@3619	285	}
fu@3619	286
fu@3619	287	input, textarea, select {
fu@3619	288	background: $*color_page_background;
fu@3619	289	border: 1px solid $*color_calendar_border;
fu@3619	290	color: $*color_page_text;
fu@3619	291	}
fu@3619	292
fu@3619	293	.separator {
fu@3619	294	display: none;
fu@3619	295	}
fu@3619	296
fu@3619	297	a, a:link, a:active, a:visited {
fu@3619	298	text-decoration: none;
fu@3619	299	}
fu@3619	300
fu@3660	301	/* Keep before ljuser */
fu@3660	302
fu@3660	303	.comment a { color: $*color_page_link; }
fu@3660	304	.comment a:visited { color: $*color_page_link_visited; }
fu@3660	305	.comment a:hover { color: $*color_page_link_hover; }
fu@3660	306	.comment a:active { color: $*color_page_link_active; }
fu@3660	307
fu@3619	308	.ljuser a {
fu@3619	309	color: $*color_page_usernames;
fu@3619	310	}
fu@3619	311
fu@3660	312	.ljuser a:visited {
fu@3660	313	color: $*color_page_usernames_visited;
fu@3660	314	}
fu@3660	315
fu@3660	316	.ljuser a:hover {
fu@3660	317	color: $*color_page_usernames_hover;
fu@3660	318	}
fu@3660	319
fu@3660	320	.ljuser a:active {
fu@3660	321	color: $*color_page_usernames_active;
fu@3660	322	}
fu@3660	323
fu@3619	324	/* Page Containers
fu@3619	325	***************************************************************************/
fu@3619	326
fu@3619	327	#canvas {
fu@3619	328	margin: 0 6% auto;
fu@3619	329	}
fu@3619	330
fu@3619	331	.page-entry #primary,
fu@3619	332	.page-reply #primary {
fu@3619	333	margin-top: 2.15em; /* entry-wrapper has padding already */
fu@3619	334	}
fu@3619	335
fu@3619	336	.page-icons #primary,
fu@3619	337	.page-tags #primary {
fu@3619	338	margin-top: 3.15em;
fu@3619	339	}
fu@3619	340
fu@3619	341	#primary > .inner:first-child {
fu@3619	342	padding: 0;
fu@3619	343	}
fu@3619	344
fu@3619	345	.column-left #primary > .inner:first-child {
fu@3619	346	padding-left: 4em;
fu@3619	347	}
fu@3619	348
fu@3619	349	.column-right #primary > .inner:first-child {
fu@3619	350	padding-right: 4em;
fu@3619	351	}
fu@3619	352
fu@3619	353	/* to make sure the sidebars always have the same size */
fu@3619	354	.three-columns-sides #primary > .inner:first-child {
fu@3619	355	padding-left: 2em;
fu@3619	356	padding-right: 2em;
fu@3619	357	}
fu@3619	358
fu@3619	359	#secondary {
fu@3619	360	margin-top: 3.15em;
fu@3619	361	}
fu@3619	362
fu@3619	363	#secondary > .inner:first-child {
fu@3619	364	padding: 0;
fu@3619	365	}
fu@3619	366
fu@3619	367	.three-columns #secondary > .inner:first-child {
fu@3619	368	padding-right: 2em;
fu@3619	369	}
fu@3619	370
fu@3619	371	#tertiary {
fu@3619	372	padding-top: 3.15em;
fu@3619	373	}
fu@3619	374
fu@3619	375	.one-column #tertiary {
fu@3619	376	padding-top: 0;
fu@3619	377	}
fu@3619	378
fu@3619	379	.one-column #secondary,
fu@3619	380	.one-column #tertiary {
fu@3619	381	clear: left;
fu@3619	382	width: 100%;
fu@3619	383	}
fu@3619	384
fu@3619	385	#tertiary > .inner:first-child {
fu@3619	386	padding: 0;
fu@3619	387	}
fu@3619	388
fu@3619	389	.three-columns #tertiary > .inner:first-child {
fu@3619	390	padding-left: 2em;
fu@3619	391	}
fu@3619	392
fu@3619	393	/* Header
fu@3619	394	***************************************************************************/
fu@3619	395
fu@3619	396	#header {
fu@3619	397	border-bottom: 2px solid $*color_header_border;
fu@3619	398	margin-top: 2em;
fu@3619	399	padding: 0;
fu@3619	400	text-transform: lowercase;
fu@3619	401	}
fu@3619	402
fu@3619	403	h1#title {
fu@3619	404	border-top: 2px solid $*color_header_border;
fu@3619	405	color: $*color_page_title;
fu@3619	406	padding-top: 1.3em;
fu@3619	407	}
fu@3619	408
fu@3619	409	h2#subtitle {
fu@3619	410	color: $*color_page_title;
fu@3619	411	margin-top: -.8em;
fu@3619	412	}
fu@3619	413
fu@3619	414	h2#pagetitle {
fu@3619	415	color: $*color_page_title;
fu@3619	416	font-size: 1.5em; /* restore to default size */
fu@3619	417	padding-bottom: 1.2em;
fu@3619	418	padding-top: .3em;
fu@3619	419	}
fu@3619	420
fu@3619	421	h1#title:first-letter,
fu@3619	422	h2#pagetitle:first-letter {
fu@3619	423	color: $*color_header_accent;
fu@3619	424	}
fu@3619	425
fu@3619	426	/* Navigation
fu@3619	427	***************************************************************************/
fu@3619	428
fu@3619	429	.navigation {
fu@3619	430	font-family: $*font_entry_title;
fu@3619	431	text-align: right;
fu@3619	432	text-transform: lowercase;
fu@3619	433	}
fu@3619	434
fu@3619	435	.topnav {
fu@3619	436	margin-top: 1em;
fu@3619	437	min-height: 1.2em;
fu@3619	438	}
fu@3619	439
fu@3619	440	.page-recent .bottomnav,
fu@3619	441	.page-read .bottomnav,
fu@3619	442	.page-network .bottomnav,
fu@3619	443	.page-day .bottomnav {
fu@3619	444	margin-top: -2.5em;
fu@3619	445	}
fu@3619	446
fu@3619	447	.page-day .navigation .page-forward:before {
fu@3619	448	content: "\|";
fu@3619	449	}
fu@3619	450
fu@3619	451	.page-day .navigation .page-forward a {
fu@3619	452	padding-left: 1.1em;
fu@3619	453	}
fu@3619	454
fu@3619	455	/* Entries
fu@3619	456	***************************************************************************/
fu@3619	457
fu@3619	458	.entry-wrapper {
fu@3619	459	margin: 1em 0 4em;
fu@3619	460	}
fu@3619	461
fu@3619	462	.entry {
fu@3619	463	border-bottom: none;
fu@3619	464	border-left: none;
fu@3619	465	border-right: none;
fu@3619	466	}
fu@3619	467
fu@3619	468	.entry .header {
fu@3619	469	padding: 1em 0 0;
fu@3619	470	}
fu@3619	471
fu@3619	472	.entry .entry-title {
fu@3619	473	display: inline;
fu@3619	474	padding: 0;
fu@3619	475	}
fu@3619	476
fu@3619	477	.entry .access-filter img,
fu@3619	478	.entry .restrictions img {
fu@3619	479	display: inline;
fu@3619	480	padding-left: .5em;
fu@3619	481	}
fu@3619	482
fu@3619	483	.entry .datetime {
fu@3619	484	float: right;
fu@3619	485	display: inline-block;
fu@3619	486	font-size: 1.1em;
fu@3619	487	font-family: $*font_entry_title;
fu@3619	488	text-transform: none;
fu@3619	489	}
fu@3619	490
fu@3619	491	.datetime a {
fu@3619	492	color: $*color_entry_title;
fu@3619	493	}
fu@3619	494
fu@3619	495	.datetime a:hover {
fu@3619	496	color: $*color_entry_link_hover;
fu@3619	497	}
fu@3619	498
fu@3619	499	.entry .time:before {
fu@3619	500	content: "\| ";
fu@3619	501	}
fu@3619	502
fu@3619	503	.entry .contents {
fu@3619	504	margin-top: .5em;
fu@3619	505	padding: 0;
fu@3619	506	line-height: 1.45em;
fu@3619	507	}
fu@3619	508
fu@3619	509	.has-userpic .entry .userpic {
fu@3619	510	margin-top: 1em;
fu@3619	511	text-align: center;
fu@3619	512	}
fu@3619	513
fu@3650	514	.contents .userpic img {
fu@3619	515	background: $*color_entry_text;
fu@3619	516	border: 1px solid $*color_entry_text;
fu@3619	517	padding: 5px;
fu@3619	518	}
fu@3619	519
fu@3619	520	.entry .poster {
fu@3619	521	color: $*color_page_usernames;
fu@3619	522	display: block;
fu@3619	523	padding-bottom: 2em;
fu@3619	524	}
fu@3619	525
fu@3619	526	.entry-content {
fu@3619	527	margin-top: -1em;
fu@3619	528	padding: 0 0 2em;
fu@3619	529	}
fu@3619	530
fu@3619	531	.entry-content ul,
fu@3619	532	.entry-content ol {
fu@3619	533	margin: 1em 1em 1em 3em;
fu@3619	534	}
fu@3619	535
fu@3619	536	.metadata {
fu@3619	537	line-height: 1.2em;
fu@3619	538	padding: 0 0 1em;
fu@3619	539	}
fu@3619	540
fu@3619	541	.metadata-label {
fu@3619	542	font-weight: normal;
fu@3619	543	text-transform: uppercase;
fu@3619	544	}
fu@3619	545
fu@4114	546	.metadata ul,
fu@3619	547	.metadata ul li {
fu@3619	548	margin: 0;
fu@3619	549	padding: 0;
fu@3619	550	}
fu@3619	551
fu@3619	552	.metadata-item-xpost a {
fu@3619	553	padding-right: .5em;
fu@3619	554	}
fu@3619	555
fu@3619	556	.entry .footer {
fu@3619	557	clear: left;
fu@3619	558	}
fu@3619	559
fu@4114	560	.footer ul {
fu@4114	561	margin: 0;
fu@4114	562	}
fu@4114	563
fu@3619	564	.tag {
fu@3619	565	font-family: $*font_entry_title;
fu@3619	566	line-height: 1.2em;
fu@3619	567	padding: 0 0 .7em;
fu@3619	568	text-transform: lowercase;
fu@3619	569	}
fu@3619	570
fu@3619	571	.tag-text {
fu@3619	572	text-transform: uppercase;
fu@3619	573	}
fu@3619	574
fu@3619	575	.entry-management-links {
fu@3619	576	float: left;
fu@3619	577	padding: 1em 0 1em .5em;
fu@3619	578	}
fu@3619	579
fu@3619	580	.entry-interaction-links {
fu@3619	581	background: $*color_entry_interaction_links_background;
fu@3619	582	padding: 1em .5em 1em 0;
fu@3619	583	text-align: right;
fu@3619	584	}
fu@3619	585
fu@3619	586	.entry-interaction-links li,
fu@3619	587	.entry-management-links li {
fu@3619	588	font-family: $*font_entry_title;
fu@3619	589	text-transform: lowercase;
fu@3619	590	padding: .5em !important;
fu@3619	591	}
fu@3619	592
fu@3619	593	.entry-management-links li a {
fu@3619	594	color: $*color_entry_interaction_links;
fu@3619	595	}
fu@3619	596
fu@3619	597	.entry-interaction-links li a:visited,
fu@3619	598	.entry-management-links li a:visited {
fu@3619	599	color: $*color_entry_interaction_links_visited;
fu@3619	600	}
fu@3619	601
fu@3619	602	.entry-interaction-links li a:hover,
fu@3619	603	.entry-management-links li a:hover {
fu@3619	604	color: $*color_entry_interaction_links_hover;
fu@3619	605	}
fu@3619	606
fu@3619	607	.entry-interaction-links li a:active,
fu@3619	608	.entry-management-links li a:active {
fu@3619	609	color: $*color_entry_interaction_links_active;
fu@3619	610	}
fu@3619	611
fu@3619	612	/* Comments
fu@3619	613	***************************************************************************/
fu@3619	614
fu@3619	615	#qrform {
fu@3619	616	margin-top: 1em !important;
fu@3619	617	}
fu@3619	618
fu@3619	619	.comment-pages {
fu@3619	620	padding-bottom: 1em;
fu@3619	621	text-align: center;
fu@3619	622	}
fu@3619	623
fu@3619	624	.comment-pages.bottompages,
fu@3619	625	.comment-pages.bottompages {
fu@3619	626	padding-top: 1em;
fu@3619	627	}
fu@3619	628
fu@3619	629	#comments {
fu@3619	630	margin-top: -1em;
fu@3619	631	}
fu@3619	632
fu@3619	633	.comment-content ul,
fu@3619	634	.comment-content ol {
fu@3619	635	margin: 1em 1em 1em 3em;
fu@3619	636	}
fu@3619	637
fu@3619	638	.comment-wrapper {
fu@3619	639	border-top: 1px solid $*color_entry_border;
fu@3619	640	margin: .5em 0 0;
fu@3619	641	}
fu@3619	642
fu@3619	643	.partial {
fu@3619	644	padding: .3em 0 !important;
fu@3619	645	}
fu@3619	646
fu@3619	647	.partial .comment {
fu@3619	648	display: inline !important;
fu@3619	649	padding: 1em 0;
fu@3619	650	}
fu@3619	651
fu@3619	652	.partial .comment-title {
fu@3619	653	display: inline !important;
fu@3619	654	}
fu@3619	655
fu@3619	656	.comment-title h4 {
fu@3619	657	display: inline !important;
fu@3619	658	padding-right: .5em;
fu@3619	659	}
fu@3619	660
fu@3619	661	.comment .comment-title a:hover {
fu@3619	662	color: $*color_page_link_hover;
fu@3619	663	}
fu@3619	664
fu@3619	665	.comment .header .datetime {
fu@3619	666	padding: 0 0 .5em;
fu@3619	667	text-transform: uppercase;
fu@3619	668	}
fu@3619	669
fu@3619	670	.has-userpic .comment .userpic {
fu@3619	671	text-align: center;
fu@3619	672	}
fu@3619	673
fu@3619	674	.comment .contents {
fu@3619	675	clear: both;
fu@3619	676	line-height: 1.45em;
fu@3619	677	padding: .5em 0;
fu@3619	678	}
fu@3619	679
fu@3619	680	.comment .poster {
fu@3619	681	margin: 0;
fu@3619	682	}
fu@3619	683
fu@3619	684	.comment-poster .anonymous {
fu@3619	685	color: $*color_page_link !important;
fu@3619	686	font-weight: bold;
fu@3619	687	}
fu@3619	688
fu@3619	689	.comment .poster-ip {
fu@3619	690	color: $*color_page_link;
fu@3619	691	}
fu@3619	692
fu@3619	693	.comment-content {
fu@3619	694	padding: .8em 0 .5em;
fu@3619	695	}
fu@3619	696
fu@3619	697	.comment .footer {
fu@3619	698	clear: both;
fu@3619	699	padding: 1em .5em 0;
fu@3619	700	}
fu@3619	701
fu@3619	702	.comment .multiform-checkbox {
fu@3619	703	font-family: $*font_comment_title;
fu@3619	704	float: right;
fu@3619	705	margin-top: -1px; /* line up the checkbox */
fu@3619	706	padding-left: .5em;
fu@3619	707	text-transform: lowercase;
fu@3619	708	}
fu@3619	709
fu@3619	710	.comment-interaction-links {
fu@3619	711	padding-bottom: 1em;
fu@3619	712	text-align: right;
fu@3619	713	}
fu@3619	714
fu@3619	715	.comment-management-links {
fu@3619	716	float: right;
fu@3619	717	}
fu@3619	718
fu@3619	719	.comment-interaction-links li,
fu@3619	720	.comment-management-links li {
fu@3619	721	border-right: 1px solid $*color_comment_interaction_links_border;
fu@3619	722	font-family: $*font_comment_title;
fu@3619	723	padding: 0 .5em;
fu@3619	724	text-transform: lowercase;
fu@3619	725	}
fu@3619	726
fu@3619	727	.comment-interaction-links a,
fu@3619	728	.comment-management-links a {
fu@3619	729	color: $*color_comment_interaction_links;
fu@3619	730	}
fu@3619	731
fu@3619	732	.comment-interaction-links a:hover,
fu@3619	733	.comment-management-links a:hover {
fu@3619	734	color: $*color_page_link_hover;
fu@3619	735	}
fu@3619	736
fu@3619	737	.edittime {
fu@3619	738	color: $*color_page_link;
fu@3619	739	padding-top: 1em;
fu@3619	740	}
fu@3619	741
fu@3619	742	.bottomcomment {
fu@3619	743	padding: 2.2em 0 .5em;
fu@3619	744	text-align: center;
fu@3619	745	}
fu@3619	746
fu@3619	747	.bottomcomment .entry-interaction-links{
fu@3619	748	margin-bottom: 1.5em;
fu@3619	749	}
fu@3619	750
fu@3619	751	/* Archive Pages
fu@3619	752	***************************************************************************/
fu@3619	753
fu@3619	754	.page-archive .navigation {
fu@3619	755	text-align: center;
fu@3619	756	}
fu@3619	757
fu@3619	758	.page-archive .bottomnav {
fu@3619	759	padding-top: 1em;
fu@3619	760	}
fu@3619	761
fu@3619	762	#archive-year {
fu@3619	763	padding: 2.2em 4em 0;
fu@3619	764	}
fu@3619	765
fu@3619	766	.month-wrapper {
fu@3619	767	margin: 1.5em 0;
fu@3619	768	}
fu@3619	769
fu@3619	770	.month-wrapper .header {
fu@3619	771	padding: 0 0 .5em 2em;
fu@3619	772	}
fu@3619	773
fu@3619	774	.month-wrapper .contents caption {
fu@3619	775	display: none;
fu@3619	776	}
fu@3619	777
fu@3619	778	table.month {
fu@3619	779	text-align: center;
fu@3619	780	width: 90%;
fu@3619	781	}
fu@3619	782
fu@3619	783	table.month th {
fu@3619	784	border: 1px solid $*color_calendar_border;
fu@3619	785	border-left: none;
fu@3619	786	font-weight: normal;
fu@3619	787	height: 4em;
fu@3619	788	padding: .5em;
fu@3619	789	}
fu@3619	790
fu@3619	791	table.month td {
fu@3619	792	border-bottom: 1px solid $*color_calendar_border;
fu@3619	793	border-right: 1px solid $*color_calendar_border;
fu@3619	794	height: 4em;
fu@3619	795	width: 4em;
fu@3619	796	}
fu@3619	797
fu@3619	798	table.month td:first-child,
fu@3619	799	table.month th:first-child {
fu@3619	800	border-left: 1px solid $*color_calendar_border;
fu@3619	801	}
fu@3619	802
fu@3619	803	.month-wrapper .day-has-entries {
fu@3619	804	background: $*color_calendar_background;
fu@3651	805	color: $*color_calendar_text;
fu@3619	806	}
fu@3619	807
fu@3619	808	.month-wrapper .day-has-entries a {
fu@3619	809	color: $*color_calendar_link;
fu@3619	810	}
fu@3619	811
fu@3619	812	.month-wrapper .day-has-entries:hover {
fu@3619	813	background: $*color_calendar_background_hover;
fu@3651	814	color: $*color_calendar_text_hover;
fu@3619	815	}
fu@3619	816
fu@3619	817	.month-wrapper .day-has-entries a:visited {
fu@3619	818	color: $*color_calendar_link_visited;
fu@3619	819	}
fu@3619	820
fu@3651	821	.month-wrapper .day-has-entries:hover p a {
fu@3619	822	color: $*color_calendar_link_hover;
fu@3619	823	}
fu@3619	824
fu@3619	825	.month-wrapper .day-has-entries a:active {
fu@3619	826	color: $*color_calendar_link_active;
fu@3619	827	}
fu@3619	828
fu@3619	829	.month-wrapper .footer {
fu@3619	830	padding-right: 2.5em;
fu@3619	831	padding-top: 1em;
fu@3619	832	text-align: right;
fu@3619	833	}
fu@3619	834
fu@3619	835	#archive-month {
fu@3619	836	padding-top: 2.2em;
fu@3619	837	}
fu@3619	838
fu@3619	839	#archive-month .navigation {
fu@3619	840	text-align: center;
fu@3619	841	}
fu@3619	842
fu@3619	843	#archive-month .topnav {
fu@3619	844	padding-top: .8em;
fu@3619	845	}
fu@3619	846
fu@3619	847	#archive-month .bottomnav {
fu@3619	848	margin-top: .5em;
fu@3619	849	}
fu@3619	850
fu@3619	851	#archive-month .topnav {
fu@3619	852	border-top: 1px solid $*color_entry_border;
fu@3619	853	}
fu@3619	854
fu@3619	855	.navigation .month-back,
fu@3619	856	.navigation .month-forward {
fu@3619	857	text-align: center;
fu@3619	858	}
fu@3619	859
fu@3619	860	#archive-month .month {
fu@3619	861	margin-top: .7em;
fu@3619	862	padding: 1em 2em 0;
fu@3619	863	}
fu@3619	864
fu@3619	865	.month h3.entry-title {
fu@3619	866	$entry_title_font
fu@3619	867	}
fu@3619	868
fu@3619	869	dd.month {
fu@3619	870	display: inline;
fu@3619	871	}
fu@3619	872
fu@4114	873	.month dl, .month dt, .month dd {
fu@4114	874	margin: 0;
fu@4114	875	padding: 0;
fu@4114	876	}
fu@4114	877
fu@3619	878	.month .datetime,
fu@3619	879	.month .access-filter,
fu@3619	880	.month .entry-title {
fu@3619	881	padding-right: 5px;
fu@3619	882	}
fu@3619	883
fu@3619	884	#archive-day .day {
fu@3619	885	border-top: 1px solid $*color_entry_border;
fu@3619	886	margin-top: 1em;
fu@3619	887	}
fu@3619	888
fu@3619	889	h3.day-date {
fu@3619	890	font-family: $*font_entry_title;
fu@3619	891	padding-top: 1em;
fu@3619	892	}
fu@3619	893
fu@3619	894	/* Tags Page
fu@3619	895	***************************************************************************/
fu@3619	896
fu@3619	897	.tags-container {
fu@3619	898	border-top: 1px solid $*color_entry_title;
fu@3619	899	padding: 0 1em;
fu@3619	900	}
fu@3619	901
fu@3619	902	.tags-container h2 {
fu@3619	903	font-family: $*font_entry_title;
fu@3619	904	padding: .5em 0 1em;
fu@3619	905	}
fu@3619	906
fu@3619	907	.tags-container .ljtaglist {
fu@3619	908	line-height: 1.8em;
fu@3619	909	}
fu@3619	910
fu@3619	911	.tags-container ul.ljtaglist {
fu@3619	912	list-style-type: none;
fu@3619	913	}
fu@3619	914
fu@3619	915	.tags-container .manage-tags-link {
fu@3619	916	margin-bottom: 1em;
fu@3619	917	}
fu@3619	918
fu@3619	919	/* Icons Page
fu@3619	920	***************************************************************************/
fu@3619	921
fu@3619	922	.icons-container {
fu@3619	923	border-top: 1px solid $*color_entry_title;
fu@3619	924	padding: 0 1em;
fu@3619	925	}
fu@3619	926
fu@3619	927	.icons-container h2 {
fu@3619	928	font-family: $*font_entry_title;
fu@3619	929	padding: .5em 0 1em;
fu@3619	930	}
fu@3619	931
fu@4213	932	.sorting-options ul {
fu@4213	933	padding-left: 0;
fu@4213	934	}
fu@4213	935
fu@4213	936	.page-icons .icon {
fu@3619	937	margin: 1.5em 0;
fu@3619	938	}
fu@3619	939
fu@4213	940	.icon-image {
fu@3619	941	float: left;
fu@3619	942	clear: left;
fu@4213	943	margin-bottom: .25em;
fu@4213	944	min-width: 100px;
fu@3619	945	padding-right: 1em;
fu@3619	946	}
fu@3619	947
fu@4213	948	.icon-info {
fu@3619	949	min-height: 100px;
fu@3619	950	}
fu@3619	951
fu@4213	952	.icon-info span {
fu@4213	953	font-weight: bold;
fu@4213	954	}
fu@4213	955
fu@4213	956	.icon-info .default {
fu@4213	957	text-decoration: underline;
fu@4213	958	}
fu@4213	959
fu@4213	960	.icon-info .keywords ul {
fu@3903	961	margin-left: 0;
fu@3903	962	}
fu@3903	963
fu@4213	964	.icon-info .keywords ul li {
fu@4240	965	padding: 0 .25em 0 0;
fu@3903	966	}
fu@3903	967
fu@3619	968	/* Modules
fu@3619	969	***************************************************************************/
fu@3619	970
fu@3619	971	.module {
fu@3619	972	border-bottom: none;
fu@3619	973	border-left: none;
fu@3619	974	border-right: none;
fu@3619	975	line-height: 1.1em;
fu@3619	976	margin-bottom: 2.5em;
fu@3619	977	}
fu@3619	978
fu@3619	979	.one-column #secondary .module,
fu@3619	980	.one-column #tertiary .module,
fu@3619	981	.two-columns #tertiary .module {
fu@3619	982	float: left;
fu@3619	983	margin-right: 2em;
fu@3619	984	}
fu@3619	985
fu@3683	986	.one-column-split #primary,
fu@3683	987	.one-column #footer,
fu@3683	988	.two-columns #footer {
fu@3683	989	clear: both;
fu@3683	990	}
fu@3683	991
fu@3619	992	.module h2 {
fu@3619	993	padding-top: .8em;
fu@3619	994	text-transform: lowercase;
fu@3619	995	}
fu@3619	996
fu@3619	997	.module h2 a {
fu@3619	998	color: $*color_module_title;
fu@3619	999	}
fu@3619	1000
fu@3619	1001	.module-content {
fu@3619	1002	padding-top: .8em
fu@3619	1003	}
fu@3619	1004
fu@3619	1005	.module-content ul {
fu@3619	1006	list-style-type: none;
fu@3619	1007	padding-left: 0;
fu@3619	1008	}
fu@3619	1009
fu@3619	1010	.module-content li {
fu@3619	1011	padding: .3em 0;
fu@3619	1012	}
fu@3619	1013
fu@3619	1014	#header .module {
fu@3619	1015	border: none;
fu@3619	1016	}
fu@3619	1017
fu@3619	1018	#header .module-navlinks ul {
fu@3619	1019	margin: -.8em 0 1.8em;
fu@3619	1020	}
fu@3619	1021
fu@3619	1022	#header .module-navlinks {
fu@3619	1023	margin-bottom: 0;
fu@3619	1024	}
fu@3619	1025
fu@3619	1026	#header .module-navlinks li {
fu@3619	1027	$module_title_font
fu@3619	1028	display: inline;
fu@3619	1029	padding: 0 1em 0 0 !important;
fu@3619	1030	}
fu@3619	1031
fu@3619	1032	.module-userprofile .userpic img {
fu@3619	1033	background: $*color_module_title;
fu@3619	1034	border: 1px solid $*color_module_title;
fu@3619	1035	padding: 5px;
fu@3619	1036	}
fu@3619	1037
fu@3619	1038	.module-userprofile .journal-website-name {
fu@3619	1039	padding-top: .8em;
fu@3619	1040	}
fu@3619	1041
fu@3619	1042	ul.userlite-interaction-links {
fu@3619	1043	list-style: none;
fu@3619	1044	}
fu@3619	1045
fu@3619	1046	ul.userlite-interaction-links li {
fu@3619	1047	display: block;
fu@3619	1048	}
fu@3619	1049
fu@3619	1050	.module-calendar .module-content {
fu@3619	1051	padding-top: 1em;
fu@3619	1052	}
fu@3619	1053
fu@3619	1054	.module-calendar table {
fu@3619	1055	text-align: center;
fu@3619	1056	width: 100%;
fu@3619	1057	}
fu@3619	1058
fu@3619	1059	.module-calendar th,
fu@3619	1060	.module-calendar td {
fu@3619	1061	border: 1px solid $*color_calendar_background;
fu@3619	1062	height: 2em;
fu@3619	1063	line-height: 2em;
fu@3619	1064	}
fu@3619	1065
fu@3619	1066	.module-calendar td a {
fu@3619	1067	background: $*color_calendar_background;
fu@3619	1068	color: $*color_calendar_link;
fu@3619	1069	display: block;
fu@3619	1070	text-align: center;
fu@3619	1071	}
fu@3619	1072
fu@3619	1073	.module-calendar td a:visited {
fu@3619	1074	color: $*color_calendar_link_visited;
fu@3619	1075	}
fu@3619	1076
fu@3619	1077	.module-calendar td a:hover {
fu@3619	1078	background: $*color_calendar_background_hover;
fu@3619	1079	color: $*color_calendar_link_hover;
fu@3619	1080	}
fu@3619	1081
fu@3619	1082	.module-calendar td a:active {
fu@3619	1083	color: $*color_calendar_link_active;
fu@3619	1084	}
fu@3619	1085
fu@3619	1086	.module-tags_multilevel li {
fu@3619	1087	list-style-type: none;
fu@3619	1088	margin-left: 0;
fu@3619	1089	padding-left: 0;
fu@3619	1090	}
fu@3619	1091
fu@3619	1092	.module-tags_multilevel li ul li {
fu@3619	1093	margin-left: -.5em;
fu@3619	1094	padding-left: 2em;
fu@3619	1095	}
fu@3619	1096
fu@3619	1097	.module-tags_cloud .module-list {
fu@3619	1098	line-height: 1.8em;
fu@3619	1099	}
fu@3619	1100
fu@3619	1101	.module-tags_cloud .module-list a {
fu@3619	1102	text-decoration: underline;
fu@3619	1103	}
fu@3619	1104
fu@3619	1105	.manage-tags-link, .manage-link {
fu@3619	1106	font-family: $*font_module_heading;
fu@3619	1107	padding-top: .8em;
fu@3619	1108	text-transform: lowercase;
fu@3619	1109	}
fu@3619	1110
fu@3619	1111	.module-powered, .module-time {
fu@3619	1112	padding-top: .8em;
fu@3619	1113	border-top: 1px solid $*color_module_title;
fu@3619	1114	}
fu@3619	1115
fu@3619	1116	.module-powered a,
fu@3651	1117	.manage-tags-link a,
fu@3651	1118	.manage-link a {
fu@3619	1119	color: $*color_module_accent;
fu@3619	1120	}
fu@3619	1121
fu@3651	1122	.module-powered a:visited,
fu@3651	1123	.manage-tags-link a:visited,
fu@3651	1124	.manage-link a:visited {
fu@3651	1125	color: $*color_module_link_visited;
fu@3651	1126	}
fu@3651	1127
fu@3651	1128	.module-powered a:hover,
fu@3651	1129	.manage-tags-link a:hover,
fu@3651	1130	.manage-link a:hover {
fu@3651	1131	color: $*color_module_link_hover;
fu@3651	1132	}
fu@3651	1133
fu@3651	1134	.module-powered a:active,
fu@3651	1135	.manage-tags-link a:active,
fu@3651	1136	.manage-link a:active {
fu@3651	1137	color: $*color_module_link_active;
fu@3651	1138	}
fu@3651	1139
fu@3619	1140	.module-search .search-box {
fu@4114	1141	margin-right: 2px;
fu@4114	1142	padding: 1px;
fu@3619	1143	}
fu@3619	1144
fu@3619	1145	/* Footer
fu@3619	1146	***************************************************************************/
fu@3619	1147
fu@3619	1148	#footer {
fu@3619	1149	border-top: 2px solid $*color_footer_border;
fu@3619	1150	margin-top: 3em;
fu@3619	1151	padding: 0;
fu@3619	1152	text-transform: lowercase;
fu@3619	1153	}
fu@3619	1154
fu@3619	1155	#footer .inner {
fu@3619	1156	padding: 2em 0;
fu@3619	1157	}
fu@3619	1158
fu@3619	1159	$userpic_css
fu@3619	1160
fu@3619	1161	""";
fu@3619	1162	}

author	fu
	Fri Jan 27 17:59:59 2012 +0800
changeset 4240	5bab31c9f015
parent 4213	9bf2ee057539
child 4297	cbe14d4d2be3
permissions	-rw-r--r--