first commit

modules/squaremeter_bckp/views/css/exportimport.css

@@ -0,0 +1,148 @@
+/* Operations ************/
+.align_right {
+	text-align: right;
+}
+.import {
+	display: inline-block;
+	background: url('../img/import.png') no-repeat left;
+	background-size: auto 100%;
+	line-height: 20px;
+	padding-left: 25px;
+	color: #666666;
+	font-size: 14px;
+	font-weight: bold;
+	text-decoration: none;
+	margin-right: 20px;
+	cursor: pointer;
+}
+.export {
+	display: inline-block;
+	background: url('../img/export.png') no-repeat left;
+	background-size: auto 100%;
+	line-height: 20px;
+	padding-left: 25px;
+	color: #666666;
+	font-size: 14px;
+	font-weight: bold;
+	text-decoration: none;
+}
+.import:hover, .export:hover {
+	text-decoration: underline;
+	color: #333333;
+}
+.field_container {
+	padding: 10px;
+	margin: 0 0 10px 0;
+	border: 1px solid #cccccc;
+	border-radius: 10px;
+}
+.field_container legend {
+	padding: 0 5px 0 5px;
+	font-size: 14px;
+	font-weight: bold;
+}
+/* popup --------------------------*/
+#popup_upload_cat {
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	background: rgba(0, 0 ,0, 0.7);
+	z-index: 99;
+	text-align: center;
+	display: none;
+	overflow: auto;
+}
+#popup_upload {
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	background: rgba(0, 0 ,0, 0.7);
+	z-index: 99;
+	text-align: center;
+	display: none;
+	overflow: auto;
+}
+.form_upload {
+	width: 300px;
+	height: 160px;
+	border: 1px solid #999999;
+	border-radius: 10px;
+	background: #ffffff;
+	color: #666666;
+	margin: auto;
+	margin-top: 160px;
+	padding: 10px;
+	text-align: left;
+	position: relative;
+}
+.form_upload h2 {
+	border-bottom: 1px solid #999999;
+	padding: 0 0 5px 0;
+	margin: 0 0 20px 0;
+	font-size: revert;
+}
+.file_input {
+	width: 97%;
+	background: #eaeaea;
+	border: 1px solid #999999;
+	border-radius: 5px;
+	color: #333333;
+	padding: 1%;
+	margin: 0 0 20px 0;
+}
+#upload_btn, #upload_btn_cat {
+	background: #cccccc;
+	color: #333333;
+	border: 1px solid #999999;
+	border-radius: 10px;
+	float: right;
+	line-height: 20px;
+	font-size: 14px;
+	font-weight: bold;
+	font-family: arial;
+	display: block;
+	padding: 5px;
+	cursor: pointer;
+}
+#upload_btn:hover, #upload_btn_cat:hover {
+	background: #eaeaea;
+}
+#help_btn, #help_btn_cat {
+	background: #F90;
+	color: #333333;
+	border: 1px solid #999999;
+	border-radius: 10px;
+	float: left;
+	line-height: 20px;
+	font-size: 14px;
+	font-weight: bold;
+	font-family: arial;
+	display: block;
+	padding: 5px;
+	cursor: pointer;
+}
+#help_btn:hover, #help_btn_cat:hover {
+	background: #eaeaea;
+}
+.close {
+    position: absolute;
+    display: block;
+    right: 10px;
+    cursor: pointer;
+    font-size: 20px;
+    line-height: 16px;
+    width: 18px;
+    height: 21px;
+    border: 1px solid #cccccc;
+    border-radius: 5px;
+    background: #F0F0F0;
+    text-align: center;
+    font-weight: bold;
+}
+.close:hover {
+    background: #cccccc;
+}