~azzar1/unity/add-show-desktop-key : contents of www/media/browser/listing.css at revision 1080.1.2

~azzar1/unity/add-show-desktop-key : (revision 1080.1.2)

/* IVLE - Informatics Virtual Learning Environment
 * Copyright (C) 2007-2008 The University of Melbourne
 * Style Sheet for File Browser and Editor
 * (File Listing view)
 * This file is redistributable under the terms of the GNU General Public
 * License version 2 or later.
 */

/* OVERALL LAYOUT */
/* Note: Top-level things are layed out with position: absolute in order to
 * make sure they fill up the whole canvas. */

#middle {
    /* Fill containing box, but reserve space for status bar */
    position: absolute;
    top: 0;
    /* bottom == #statusbar_outer.height + #statusbar_outer.padding * 2 */
    bottom: 1.4em;
    left: 0;
    right: 0;
}

/* FILE LISTINGS TABLE */

#filetable {
    /* Position to fill its containing box, except the right 200px, for
     * sidepanel. */
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 200px;
    border-collapse: collapse;
    border-right: 1px solid #888;
    padding: 0;
    /* Present a vertical scroll bar in case there are too many files.
     * This ensures the overall page will never scroll (which causes huge
     * problems for everything being absolutely positioned). */
    overflow: scroll;
    /* Some browsers support overflow-x and overflow-y. In this case, use
     * overflow-x: auto to disable the horizontal scroll bar.
     * (If unsupported this will simply fall back to a harmless but annoying
     * horizontal scroll bar).
     */
    overflow-x: auto;
}

th {
    text-align: left;
}

td.thincol {
    width: 18px;
}

#filetablediv {
    overflow: auto;
}

/* Individual column sizes */
/* All columns have fixed widths except filename, which expands to fit. */

.col-check {
    width: 20px;
}
.col-icons {
    width: 50px;
}
.col-filename {
    width: auto;
}
.col-size {
    width: 100px;
}
.col-date {
    width: 150px;
}

/* Table borders and rows */

tr.rowhead {
    background-color: #336;
    color: white;
}
tr.rowhead a:link, tr.rowhead a:visited {
    color: #aaf;
}
/* Unselected (grey shades)
 * Note alternating rows are different shades
 */
tr.row1 {
    background-color: #ccc;
    cursor: pointer;
}
tr.row2 {
    background-color: #bbb;
    cursor: pointer;
}
/* And if they are selected (blue shades) */
tr.row1sel {
    background-color: #88e;
    cursor: pointer;
}
tr.row2sel {
    background-color: #77d;
    cursor: pointer;
}

#filetable table {
    border-collapse: collapse;
}

#filetable td, #filetable th {
    border: 1px solid #888;
}

/* Borders between icons and filename are turned off. */

#filetable td.col-icons, #filetable th.col-date, #filetable td.col-date {
    border-right: 0 none;
}
#filetable td.col-filename {
    border-left: 0 none;
}

/* SIDE PANEL */

#sidepanel_outer {
    /* Position this full canvas height, page right */
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 200px;
    border-left: 1px solid #888;
    border-top: 1px solid #888;
    background-color: #ccc;
    font-size: 0.8em;
    text-align: center;
    /* Cut off the bottom if it doesn't fit on the page for some reason.
     * This ensures the overall page will never scroll (which causes huge
     * problems for everything being absolutely positioned). */
    overflow: hidden;
}
#sidepanel {
    padding: 8px;
}

#sidepanel p, #sidepanel h2, #sidepanel h3 {
    margin: 0;
    padding: 0;
}

#sidepanel h3 {
    margin-top: 1em;
}

#sidepanel a {
    font-weight: bold;
}

/* Input boxes in the upload panel need a bit more space */
#uploadpanel p {
    margin: 0.5em 0;
}

/* STATUS BAR */

#statusbar_outer {
    /* Get this to the bottom of the screen */
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #aaa;
    border-top: 1px solid #888;
    padding: 0.2em;
    height: 1em;        /* Mandate an exact height */
}
/* Nested div so the font size doesn't affect our outer calculations */
#statusbar {
    font-size: 0.8em;
}

/* SPECIAL TOP-LEVEL DIRECTORY */

#specialhome {
    background-color: #ddd;
    border-bottom: 1px solid black;
}
#specialhome h2 {
    background-color: #aaa;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    color: black;
    padding: 0.3em;
    margin: 0;
}
#specialhome h3 {
    padding: 0.3em 0.5em;
    margin: 0;
}
#specialhome ul {
    margin: 0.5em 0 1.0em 0;
}

/* Top Level Directory Icons */
li.listing-dir {
    list-style-image: url(../images/mime/dir.png);
}

li.listing-loading {
    list-style-image: url(../images/interface/loading.gif);
}

span.status {
    color: gray;
}

383 by mattgiuca Split media/browser/browser.css into 3 files (listing.css and editor.css).	1	/* IVLE - Informatics Virtual Learning Environment
	2	* Copyright (C) 2007-2008 The University of Melbourne
	3	* Style Sheet for File Browser and Editor
	4	* (File Listing view)
	5	* This file is redistributable under the terms of the GNU General Public
	6	* License version 2 or later.
	7	*/
	8
	9	/* OVERALL LAYOUT */
	10	/* Note: Top-level things are layed out with position: absolute in order to
	11	* make sure they fill up the whole canvas. */
	12
	13	#middle {
	14	/* Fill containing box, but reserve space for status bar */
	15	position: absolute;
	16	top: 0;
	17	/* bottom == #statusbar_outer.height + #statusbar_outer.padding * 2 */
	18	bottom: 1.4em;
	19	left: 0;
	20	right: 0;
	21	}
	22
	23	/* FILE LISTINGS TABLE */
	24
	25	#filetable {
608 by mattgiuca browser/listing: REMOVED the generation of all action links to the right	26	/* Position to fill its containing box, except the right 200px, for
383 by mattgiuca Split media/browser/browser.css into 3 files (listing.css and editor.css).	27	* sidepanel. */
	28	position: absolute;
	29	left: 0;
	30	top: 0;
	31	bottom: 0;
608 by mattgiuca browser/listing: REMOVED the generation of all action links to the right	32	right: 200px;
383 by mattgiuca Split media/browser/browser.css into 3 files (listing.css and editor.css).	33	border-collapse: collapse;
	34	border-right: 1px solid #888;
	35	padding: 0;
	36	/* Present a vertical scroll bar in case there are too many files.
	37	* This ensures the overall page will never scroll (which causes huge
	38	* problems for everything being absolutely positioned). */
	39	overflow: scroll;
	40	/* Some browsers support overflow-x and overflow-y. In this case, use
	41	* overflow-x: auto to disable the horizontal scroll bar.
	42	* (If unsupported this will simply fall back to a harmless but annoying
	43	* horizontal scroll bar).
	44	*/
	45	overflow-x: auto;
	46	}
	47
	48	th {
	49	text-align: left;
	50	}
	51
	52	td.thincol {
	53	width: 18px;
	54	}
	55
	56	#filetablediv {
	57	overflow: auto;
	58	}
	59
	60	/* Individual column sizes */
	61	/* All columns have fixed widths except filename, which expands to fit. */
	62
	63	.col-check {
	64	width: 20px;
	65	}
	66	.col-icons {
	67	width: 50px;
	68	}
	69	.col-filename {
	70	width: auto;
	71	}
	72	.col-size {
	73	width: 100px;
	74	}
	75	.col-date {
	76	width: 150px;
	77	}
	78
	79	/* Table borders and rows */
	80
	81	tr.rowhead {
	82	background-color: #336;
	83	color: white;
	84	}
	85	tr.rowhead a:link, tr.rowhead a:visited {
	86	color: #aaf;
	87	}
	88	/* Unselected (grey shades)
	89	* Note alternating rows are different shades
	90	*/
	91	tr.row1 {
	92	background-color: #ccc;
	93	cursor: pointer;
	94	}
	95	tr.row2 {
	96	background-color: #bbb;
97	cursor: pointer;
98	}
99	/* And if they are selected (blue shades) */
100	tr.row1sel {
101	background-color: #88e;
102	cursor: pointer;
103	}
104	tr.row2sel {
105	background-color: #77d;
106	cursor: pointer;
107	}
108
109	#filetable table {
110	border-collapse: collapse;
111	}
112
113	#filetable td, #filetable th {
114	border: 1px solid #888;
115	}
116
117	/* Borders between icons and filename are turned off. */
118
119	#filetable td.col-icons, #filetable th.col-date, #filetable td.col-date {
120	border-right: 0 none;
121	}
122	#filetable td.col-filename {
123	border-left: 0 none;
124	}
125
126	/* SIDE PANEL */
127
128	#sidepanel_outer {
129	/* Position this full canvas height, page right */
130	position: absolute;
131	top: 0;
132	bottom: 0;
133	right: 0;
608 by mattgiuca browser/listing: REMOVED the generation of all action links to the right	134	width: 200px;
383 by mattgiuca Split media/browser/browser.css into 3 files (listing.css and editor.css).	135	border-left: 1px solid #888;
	136	border-top: 1px solid #888;
	137	background-color: #ccc;
	138	font-size: 0.8em;
	139	text-align: center;
	140	/* Cut off the bottom if it doesn't fit on the page for some reason.
	141	* This ensures the overall page will never scroll (which causes huge
	142	* problems for everything being absolutely positioned). */
	143	overflow: hidden;
	144	}
	145	#sidepanel {
	146	padding: 8px;
	147	}
	148
	149	#sidepanel p, #sidepanel h2, #sidepanel h3 {
	150	margin: 0;
	151	padding: 0;
	152	}
	153
	154	#sidepanel h3 {
	155	margin-top: 1em;
	156	}
	157
	158	#sidepanel a {
	159	font-weight: bold;
	160	}
	161
387 by mattgiuca Implemented file uploads.	162	/* Input boxes in the upload panel need a bit more space */
	163	#uploadpanel p {
	164	margin: 0.5em 0;
	165	}
	166
383 by mattgiuca Split media/browser/browser.css into 3 files (listing.css and editor.css).	167	/* STATUS BAR */
	168
	169	#statusbar_outer {
	170	/* Get this to the bottom of the screen */
	171	position: absolute;
	172	left: 0;
	173	right: 0;
	174	bottom: 0;
	175	background-color: #aaa;
	176	border-top: 1px solid #888;
	177	padding: 0.2em;
	178	height: 1em; /* Mandate an exact height */
	179	}
	180	/* Nested div so the font size doesn't affect our outer calculations */
	181	#statusbar {
	182	font-size: 0.8em;
	183	}
	184
955 by mattgiuca browser: Restyled "special home" page. Now much more in-line with the existing	185	/* SPECIAL TOP-LEVEL DIRECTORY */
	186
	187	#specialhome {
	188	background-color: #ddd;
980 by dcoles Files: "Junk" is now only shown when other (non-subject/stuff) files are in the	189	border-bottom: 1px solid black;
955 by mattgiuca browser: Restyled "special home" page. Now much more in-line with the existing	190	}
	191	#specialhome h2 {
	192	background-color: #aaa;
	193	border-top: 1px solid black;
	194	border-bottom: 1px solid black;
	195	color: black;
	196	padding: 0.3em;
	197	margin: 0;
	198	}
	199	#specialhome h3 {
	200	padding: 0.3em 0.5em;
	201	margin: 0;
	202	}
	203	#specialhome ul {
	204	margin: 0.5em 0 1.0em 0;
	205	}
	206
	207	/* Top Level Directory Icons */
944 by dcoles Special Home Directory: Work to create a special home directory that shows the	208	li.listing-dir {
	209	list-style-image: url(../images/mime/dir.png);
	210	}
	211
	212	li.listing-loading {
	213	list-style-image: url(../images/interface/loading.gif);
	214	}
	215
	216	span.status {
	217	color: gray;
	218	}