396 lines
		
	
	
		
			9.1 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			396 lines
		
	
	
		
			9.1 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
| /* Styles for the main list of attachments in the administrative back end */
 | |
| 
 | |
| body.component {
 | |
| 	padding-top: 0;
 | |
| 	margin-right: 10px;
 | |
| }
 | |
| 
 | |
| form.attachmentsBackend * {
 | |
| 	float: none;
 | |
| }
 | |
| 
 | |
| form.attachmentsBackend,
 | |
| form#adminForm 
 | |
| {
 | |
| 	font-size: 1.2em;
 | |
| }
 | |
| 
 | |
| form.attachmentsBackend th,
 | |
| form#adminForm th
 | |
| {
 | |
| 	font-size: 1em;
 | |
| }
 | |
| 
 | |
| div#element-box div.m form#adminForm table#attachmentsList tr td a {
 | |
| 	font-size: 85%;
 | |
| }
 | |
| 
 | |
| 
 | |
| form#adminForm div.attachments_filter label.filter-search-lbl {
 | |
| 	display: inline;
 | |
| 	font-size: 100%;
 | |
| }
 | |
| 
 | |
| form#adminForm div.attachments_filter { 
 | |
| 	padding: 0 0 2px 6px;
 | |
| 	margin: 0 0 6px 0;
 | |
| }
 | |
| 
 | |
| form#adminForm button#reset_order {
 | |
| 	margin: 0 0 0 3em;
 | |
| }
 | |
| 
 | |
| form#adminForm div.attachments_filter table,
 | |
| form#adminForm div.attachments_filter tbody,
 | |
| form#adminForm div.attachments_filter tr,
 | |
| form#adminForm div.attachments_filter td { 
 | |
| 	padding: 0;
 | |
| 	margin: 0;
 | |
| }
 | |
| 
 | |
| form#adminForm div.attachments_filter td { 
 | |
| 	vertical-align: middle;
 | |
| }
 | |
| 
 | |
| form#adminForm div.attachments_filter td select,
 | |
| form#adminForm div.attachments_filter td option,
 | |
| form#adminForm div.attachments_filter td input { 
 | |
| 	vertical-align: middle;
 | |
| 	padding: 0;
 | |
| 	margin: 0;
 | |
| }
 | |
| 
 | |
| form#adminForm div.attachments_filter td select { 
 | |
|         height: 1.6em;
 | |
| }
 | |
| 
 | |
| form#adminForm input[type=checkbox] {
 | |
| 	vertical-align: middle;
 | |
| }
 | |
| 
 | |
| table.adminlist th { 
 | |
| 	text-align: left;
 | |
| 	border-bottom: 0; 
 | |
| 	/* padding: 4px 0 4px 8px; */
 | |
| }
 | |
| table.adminlist th.at_checked { 
 | |
|     padding: 0;
 | |
|     text-align: center; 
 | |
|     width: 20px; 
 | |
| }
 | |
| table.adminlist th.at_published	   { text-align: center; }
 | |
| table.adminlist th.at_filename	   { text-align: left; }
 | |
| table.adminlist th.at_description  { text-align: left; }
 | |
| table.adminlist th.at_access	   { text-align: center; }
 | |
| table.adminlist th.at_user_field   { text-align: left; }
 | |
| table.adminlist th.at_file_type	   { text-align: center; }
 | |
| table.adminlist th.at_file_size	   { text-align: center; }
 | |
| table.adminlist th.at_creator_name { text-align: left; }
 | |
| table.adminlist th.at_created_date { text-align: left; }
 | |
| table.adminlist th.at_mod_date	   { text-align: left; }
 | |
| table.adminlist th.at_downloads	   { text-align: center; }
 | |
| 
 | |
| table.adminlist td { 
 | |
| 	text-align: left;
 | |
| 	border-bottom: 0; 
 | |
| }
 | |
| 
 | |
| table.adminlist img.link_overlay {
 | |
| 	margin-left: -16px;
 | |
| }
 | |
| 
 | |
| table.adminlist td.at_filename { 
 | |
| 	text-align: left; 
 | |
| 	padding: 4px 0 4px 8px;
 | |
| }
 | |
| 
 | |
| table.adminlist td.at_filename { 
 | |
| 	font-size: 120%; 
 | |
| }
 | |
| 
 | |
| div.container-fluid table.adminlist td.at_filename { 
 | |
| 	font-size: 100%;
 | |
| }
 | |
| 
 | |
| 
 | |
| table.adminlist td.at_filename a img { 
 | |
| 	vertical-align: top; 
 | |
| }
 | |
| 
 | |
| table.adminlist td.at_checked { 
 | |
|     text-align: center; 
 | |
|     width: 20px; 
 | |
|     padding: 0;
 | |
| }
 | |
| 
 | |
| table.adminlist td.at_published	   { text-align: center; padding: 4px 0 4px 8px;}
 | |
| table.adminlist td.at_description  { text-align: left;   padding: 4px 0 4px 8px;}
 | |
| table.adminlist td.at_access	   { text-align: center; padding: 4px 0 4px 8px;}
 | |
| table.adminlist td.at_user_field   { text-align: left;   padding: 4px 0 4px 8px;}
 | |
| table.adminlist td.at_file_type	   { text-align: center; padding: 4px 0 4px 8px;}
 | |
| table.adminlist td.at_file_size	   { text-align: center; padding: 4px 0 4px 8px;}
 | |
| table.adminlist td.at_creator_name { text-align: left;   padding: 4px 0 4px 8px;}
 | |
| table.adminlist td.at_created_date { text-align: left;   padding: 4px 0 4px 8px;}
 | |
| table.adminlist td.at_mod_date	   { text-align: left;   padding: 4px 0 4px 8px;}
 | |
| table.adminlist td.at_downloads	   { text-align: center; padding: 4px 0 4px 8px;}
 | |
| 
 | |
| table.adminlist td.at_parentsep {
 | |
| 	height: 0.8em;
 | |
| 	background-color: #DDD;
 | |
| 	border-top: 1px solid #999;
 | |
| 	border-bottom: 1px solid #BBB;
 | |
| 	font-weight: bold;
 | |
| }
 | |
| 
 | |
| table.adminlist tr.row1 {
 | |
|     background-color: #F0F0F0;
 | |
| }
 | |
| 
 | |
| table.adminlist span.error {
 | |
| 	color: #FF0000;
 | |
| 	font-style: italic;
 | |
| 	font-size: 110%;
 | |
| }
 | |
| 
 | |
| 
 | |
| table.adminlist td.showlinks a { 
 | |
| 	font-size: 110%;
 | |
| 	font-weight: bold;
 | |
| 	text-align: center; 
 | |
| }
 | |
| 
 | |
| 
 | |
| 
 | |
| /* For the link to download a file */
 | |
| 
 | |
| table.adminlist a.downloadAttach  {
 | |
| 	margin-left: 0px;
 | |
| 	font-size: 80%;
 | |
| 	color : #F00; 
 | |
| 	text-decoration: none; 
 | |
| }
 | |
| table.adminlist a.downloadAttach:link	 { color : #F00; text-decoration: none; }
 | |
| table.adminlist a.downloadAttach:visited { color : #F00; text-decoration: none; }
 | |
| table.adminlist a.downloadAttach:hover	 { color : #F00; text-decoration: underline; }
 | |
| table.adminlist a.downloadAttach:active	 { color : #F00; text-decoration: none; }
 | |
| 
 | |
| 
 | |
| 
 | |
| /* For the link to add another attachment to an parent */
 | |
| 
 | |
| table.adminlist a.addAttach	  { 
 | |
| 	font-weight: normal;
 | |
| 	color: #F00;
 | |
| 	text-decoration: none;
 | |
| }
 | |
| table.adminlist a.addAttach:link	{ color : #F00; text-decoration: none; }
 | |
| table.adminlist a.addAttach:visited { color : #F00; text-decoration: none; } 
 | |
| table.adminlist a.addAttach:hover	{ color : #F00; text-decoration: underline; }
 | |
| table.adminlist a.addAttach:active	{ color : #F00; text-decoration: none; } 
 | |
| 
 | |
| table.adminlist a.addAttach img {
 | |
| 	vertical-align: text-bottom;
 | |
| }
 | |
| 
 | |
| 
 | |
| /* Styles for attachments admin */
 | |
| div.attachmentsAdmin {
 | |
| 	margin-left: 20px;
 | |
| 	margin-top: 20px;
 | |
| }
 | |
| 
 | |
| div.attachmentsAdmin h1 {
 | |
| 	line-height: normal;
 | |
| 	font-size: 200%;
 | |
| 	font-weight: bold;
 | |
| 	color: #000088;
 | |
| }
 | |
| 
 | |
| div.attachmentsAdmin h2 {
 | |
| 	line-height: normal;
 | |
| 	font-size: 150%;
 | |
| 	font-weight: bold;
 | |
| }
 | |
| 
 | |
| div.attachmentsAdmin li a	  { padding: 2px; }
 | |
| div.attachmentsAdmin li a:link	  { color: #0000FF; text-decoration: none; }
 | |
| div.attachmentsAdmin li a:hover	  { 
 | |
| 	color: #0000FF; text-decoration: none; 
 | |
| 	background-color: #DDDDDD;
 | |
| 	}
 | |
| div.attachmentsAdmin li a:visited { color: #0000FF; text-decoration: none; }
 | |
| div.attachmentsAdmin li a:active  { color: #0000FF; text-decoration: none; }
 | |
| 
 | |
| div#componentVersion {
 | |
| 	font-style: italic;
 | |
| 	font-size: 1em;
 | |
| 	float: right;
 | |
| }
 | |
| 
 | |
| ##F00border {
 | |
| 	border: 1px solid #F00;
 | |
| }
 | |
| 
 | |
| /* For the link to change the article */
 | |
| 
 | |
| td#key_article {
 | |
| 	padding-top: 8px;
 | |
| 	padding-bottom: 8px;
 | |
| }
 | |
| 
 | |
| a.changeButton	{
 | |
| 	padding: 1px 4px 1px 4px;
 | |
| 	margin-left: 12px;
 | |
| 	font-size: 95%;
 | |
| 	color : #333333;
 | |
| 	text-decoration: none;
 | |
| 	background-color: #CCCCCC;
 | |
| 	border: 1px solid #888888;
 | |
| }
 | |
| a.changeButton:link	   { color : #333333; text-decoration: none; }
 | |
| a.changeButton:visited { color : #333333; text-decoration: none; }
 | |
| a.changeButton:hover   { color : #333333; text-decoration: none; background-color: #DDDDDD; }
 | |
| a.changeButton:active  { color : #333333; text-decoration: none; }
 | |
| 
 | |
| a.modal-button {
 | |
| 	padding-top: 1px;
 | |
| 	padding-top: 1px;
 | |
| 	padding-left: 4px;
 | |
| 	padding-right: 4px;
 | |
| 	color: #333333;
 | |
| 	background-color: #CCCCCC;
 | |
| 	border: 1px solid #888888;
 | |
| 	font-weight: bold;
 | |
| }
 | |
| 
 | |
| a.modal-button:link    { color: #333333; text-decoration: none; }
 | |
| a.modal-button:hover   { color: #333333; text-decoration: none; background-color: #DDDDDD; }
 | |
| a.modal-button:visited { color: #333333; text-decoration: none; }
 | |
| a.modal-button:active  { color: #333333; text-decoration: none; }
 | |
| 
 | |
| 
 | |
| input#upload, input#upload_warning {
 | |
| 	margin-top: 4px;
 | |
| }
 | |
| 
 | |
| div#attachmentsPotentialParents {
 | |
| 	margin: 2em 0 0 0;
 | |
| 	font-size: 1.2em;
 | |
| }
 | |
| 
 | |
| div.attachmentsList {
 | |
|         margin-top: 0;
 | |
| 	font-size: 1.1em;
 | |
| }
 | |
| 
 | |
| 
 | |
| .form-horizontal .control-group .controls {
 | |
|     margin-left: 300px;
 | |
| }
 | |
| 
 | |
| .form-horizontal .control-group .control-label {
 | |
|     width: 285px;
 | |
|     padding-left: 4px;
 | |
|     background-color: #F9F9F9;
 | |
| }
 | |
| 
 | |
| .form-horizontal .control-group .radio.btn-group {
 | |
|     padding-top: 0;
 | |
| }
 | |
| 
 | |
| 
 | |
| /* For warning dialog */
 | |
| 
 | |
| div.attachmentsWarning {
 | |
|     padding: 10px;
 | |
|     margin: 20px;
 | |
| }
 | |
| 
 | |
| div.attachmentsWarning h1 {
 | |
|     line-height: normal;
 | |
|     font-size: 250%;
 | |
|     font-weight: bold;
 | |
|     text-align: center;
 | |
|     color: #F00;
 | |
|     border-bottom: 1px solid #DDD;
 | |
| }
 | |
| 
 | |
| div.attachmentsWarning h2 {
 | |
|     line-height: normal;
 | |
|     font-size: 175%;
 | |
|     font-weight: bold;
 | |
|     text-align: center;
 | |
|     margin: 1em 0 1em 0;
 | |
| }
 | |
| 
 | |
| *
 | |
| div.attachmentsWarning input[type="button"], 
 | |
| div.attachmentsWarning input[type="submit"]
 | |
| {
 | |
| 	font-size: 1.3em;
 | |
| 	font-weight: bold;
 | |
| 	border: 1px solid #666; 
 | |
| 	background-color: #DDD;
 | |
| }
 | |
| 
 | |
| 
 | |
| div.attachmentsWarning span.left {
 | |
|     width: 8em;
 | |
|     float: left;
 | |
| }
 | |
| 
 | |
| div.attachmentsWarning span.right {
 | |
|     width: 8em;
 | |
|     float: right;
 | |
| }
 | |
| 
 | |
| /* For utils command list */
 | |
| 
 | |
| div#modal-adminUtils {
 | |
| 	width: 700px;
 | |
| }
 | |
| 
 | |
| div#modal-adminUtils div.modal-header {
 | |
| 	/* Copied from 3.0 .subheader */
 | |
| 	background: -moz-linear-gradient(center top , #FFFFFF 0%, #EDEDED 100%) repeat scroll 0 0 transparent;
 | |
| 	border-bottom: 1px solid #D3D3D3;
 | |
| 	color: #0C192E;
 | |
| 	margin-bottom: 10px;
 | |
| 	text-shadow: 0 1px 0 #FFFFFF;
 | |
| }
 | |
| 
 | |
| div#utilsList {
 | |
| 	margin-left: 0;
 | |
| }
 | |
| 
 | |
| div#utilsList h1 {
 | |
| 	font-size: 150%;
 | |
| }
 | |
| 
 | |
| div#utilsList h2 {
 | |
| 	font-size: 125%;
 | |
| }
 | |
| 
 | |
| 
 | |
| /* For icons */
 | |
| 
 | |
| .icon-48-attachments  { background-image: url(../images/attachments_logo48.png); }
 | |
| 
 | |
| .icon-32-adminUtils   { background-image: url(../images/attachments_utils32.png); }
 | |
| 
 | |
| .icon-16-attachments  { background-image: url(../images/attachments.png); }
 | |
| 
 | |
| /* for Joomla 3.x */
 | |
| div.container-fluid form#adminForm 
 | |
| {
 | |
| 	font-size: 1em;
 | |
| }
 | |
| 
 | |
| /* for Joomla 3 page logo */
 | |
| body.com_attachments h1.page-title
 | |
| {
 | |
| 	padding-left: 40px;
 | |
| 	background-image: url(../images/attachments_logo32.png);
 | |
| 	background-repeat:no-repeat;
 | |
| }
 |