Moving skins to a separate acf.

git-svn-id: svn://svn.alpinelinux.org/acf/skins/trunk@1140 ab2d0c66-481e-0410-8bed-d214d4d58bed

1 files changed, 423 insertions, 0 deletions

diff --git a/clouds/clouds.css b/clouds/clouds.css
new file mode 100755
index 0000000..870423f
--- /dev/null
+++ b/clouds/clouds.css
@@ -0,0 +1,423 @@
+/* .css - Alpine ACF */
+
+/*----------------------------------------------------------------------------------
+ * GENERAL
+ *----------------------------------------------------------------------------------
+ */
+
+.hide {
+	display:			none;
+}
+
+a {
+	text-decoration:		none;
+	color:				#072966;
+}
+a:visited {
+	color:				#072966;
+}
+a:hover {
+	text-decoration:		underline;
+	color:				red;
+}
+input {
+	border:				1px solid #ccc;
+}
+hr {
+	background-color:			#ffffff;
+	height: 				3px;
+}
+.error {
+	font-weight: 			bold;
+	font-style:			italic;
+	color: 				#f33;
+}
+input.error,select.error,textarea.error {
+	font-weight: 			normal;
+	font-style:			normal;
+}
+
+.mute {
+	color: 				#777;
+}
+pre {
+	font-family:			monospace;
+	font-size:			10pt;
+	padding:			5px;
+}
+.header {
+	background-color:			#ddd;
+	color:					black;
+	padding:				5px;
+	text-align:				left;
+	font-weight: 				bold;
+}
+/*----------------------------------------------------------------------------------
+ * BODY & PAGE
+ *----------------------------------------------------------------------------------
+ */
+body {
+	margin: 			0px;
+	padding: 			0px;
+	font-family: 			Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Verdana, "Trebuchet MS", SunSans-Regular;
+	font-size:			12pt;
+	background:	#eee;
+}
+#page { 
+	left:				0px;
+	margin:				20px 5% 20px 5%;
+	background:			white;
+	//height:				100%;
+	border: 				1px solid black;
+}
+
+/*----------------------------------------------------------------------------------
+ * PAGE > HEADER
+ *----------------------------------------------------------------------------------
+ */
+#header {
+	width: 				100%;
+	height: 			75px;
+	background-image: 		url("/static/alpine_inv.jpg");
+	background-repeat: 		repeat-x;
+/*	background: 	#777;	*/
+	color:			white;
+	border-bottom: 			3px solid black; 
+}
+
+#header a {
+	color:			white;
+	font-weight:		bold;
+}
+
+#header p {
+/* float:	left; */
+	position:			absolute;
+	font-size:		14px;
+	margin-top: 		0px;
+	left:			6%;
+	right:			6%;
+	color:			white;
+	text-align:		right;
+	top:			25px;
+}
+#logo p {
+	text-align:		left;
+	color:			white;
+}
+
+/*----------------------------------------------------------------------------------
+ * PAGE > HEADER > LOGO
+ *----------------------------------------------------------------------------------
+ */
+#logo h1 {
+	position:				absolute;
+	text-align:			center;
+	left:				0px;
+	right:				0px;
+	top:				20px;
+	width:				100%;
+	font-size:			40px; 
+}
+#logo p {
+/*	position:			absolute;
+	top:				55px; 
+	left:				10px;*/
+	float:				left;
+	top:				25px;
+	font-size:			14px;
+	font-weight:			bold;
+}
+
+/*----------------------------------------------------------------------------------
+ * PAGE > MAIN
+ *----------------------------------------------------------------------------------
+ */
+#main {
+	margin-top: 		20px;
+}
+
+/*----------------------------------------------------------------------------------
+ * PAGE > MAIN > NAV
+ *----------------------------------------------------------------------------------
+ */
+#nav {
+	float:				left;
+	width: 				180px;
+	margin-left:			5px;
+/*	top: 				82px;
+	left: 				8px;
+	margin:				0px;
+	padding:			0px;
+	display:			block;
+	background:			white;
+	background-repeat: 		repeat-y;
+	background-position: 		right; */
+}
+#nav ul {
+	list-style-type: 		none;
+}
+#nav ul li {
+/*	color: 			white;
+	font-size: 		16px;
+	font-weight: 		bold;
+	white-space: 		nowrap;
+	overflow: 		hidden;
+	background:		#6688AA;
+	border-top: 		1px solid #7799BB; */
+	padding-left:		5px; 
+/*	padding-top:		5px;*/
+	background: 		silver;
+	font-weight:		bold;
+	padding-top:		5px
+
+}
+#nav ul li ul {
+/*	margin-top:	5px; */
+	background: 		white;
+	margin-top:		5px;
+}
+#nav ul li ul li {
+	margin-left:		-5px;
+	padding:		2px;
+	padding-left:		15px;
+/*
+	padding-bottom: 	0px;
+	font-weight: 		normal;
+	font-size:		10pt;
+	border-bottom: 		1px solid #cacaca;
+	border-top: 		1px solid #ccc;
+	border-left: 		1px solid #ddd;*/
+	white-space: 		nowrap;
+	overflow: 		hidden;
+	background: 		white;
+/*	height: 		21px;
+	margin:			0px;
+	padding:		0px; */
+}
+#nav ul li ul li a {
+/*	clear:			right; */
+	display:		list-item;
+	height:			20px;
+	font-weight:		normal;
+
+/*	padding-left:		5px;
+	padding-top:		3px;
+	padding-bottom:		3px; */
+}
+#nav ul li ul li a:hover {
+}
+#nav ul li ul li.selected a {
+	font-weight:		bold;
+	text-decoration:	underline;
+}
+/*----------------------------------------------------------------------------------
+ * PAGE > MAIN > POSTNAV
+ *----------------------------------------------------------------------------------
+ */
+#postnav h2 {
+	display: none;
+}
+#postnav p {
+	display: none;
+}
+/*----------------------------------------------------------------------------------
+ * PAGE > MAIN > SUBNAV
+ *----------------------------------------------------------------------------------
+ */
+#subnav {
+	position:			absolute;
+	top:				71px;
+	right:				5%; 
+ 	padding-top: 			2px;
+	margin-bottom:			10px;
+/*	background:	blue; */
+	height:		14px;
+
+/*	border: 			2px solid blue; */
+}
+#subnav a {
+/*	height:				20px; */
+/*	margin: 			0px 0px 5px 0px;
+	padding: 			3px 5px 2px 5px; */
+	float:	left;
+	padding:			5px;
+	margin-right:			10px;
+	margin-top:			0px;
+	font-size:			12px;
+/*	background-image: 		url(menu_item.png); */
+	border: 			1px solid #7799BB;
+	border-bottom: 			none;
+	background:			#ccc;
+	height:		100%;
+}
+
+#subnav a.selected {
+	border: 			2px solid #7799BB;
+	border-bottom: 			none;
+	font-weight:			bold;
+	background:			white;
+	text-decoration:		underline;
+}
+#subnav .tailer {
+	display:	none;
+	position:	absolute;
+	background:	blue;
+	top:		25px;
+	left:		0;
+	height:		30px;
+	width:		100%;
+}
+
+/*----------------------------------------------------------------------------------
+ * PAGE > MAIN > CONTENT
+ *----------------------------------------------------------------------------------
+ */
+#content {
+	padding:			5px;
+	padding-top:			0px;
+	margin-left:	200px;
+	margin-right:		10px;
+
+/*	margin-left:			200px; */
+}
+#content h1,h2,h3,h4,h5 { 
+	margin-left: 			0px;
+	text-align:			left;
+	text-transform:			uppercase; 
+	color:				#55d;
+	font-size: 			10pt;
+	font-family:			verdana;
+	font-weight:			bold;
+	clear:				right;
+	width:				auto;
+	margin-right:			10px;
+	border-bottom:			2px solid #ddd;
+	margin-top:			5px;
+
+
+}
+#content h1 { 
+	border:				1px solid #777;
+	border-left:			none;
+	border-top:			none;
+	font-size: 			12pt;
+	background:			#ccc;
+	padding:			5px;
+	color:				black;
+	margin-right:			10px;
+}
+
+#content h2 { 
+	padding-left:			10px;
+}
+#content h3 { 
+	padding-left:			20px;
+	text-transform:			capitalize; 
+}
+/*
+
+#content .descr {
+	clear:	both;
+}
+
+#content .value {
+	display: inline;
+	padding-left: 200px;
+}
+*/
+#content dl {
+	border:			1px dashed #ddd;
+	margin:			0px;
+	padding:			0px;
+	margin-bottom:		10px;
+	margin-top:		2px;
+	width:			98%;
+	display:			block;
+	clear:			right;
+}
+#content dt {
+	width: 			220px;
+	font-size: 		12px;
+	text-align:		left;
+	font-weight:		bold;
+	margin-top:		1px;
+	margin-left: 		0px;
+	padding-left:		5px;
+	padding-top:		5px;
+	padding-bottom:		5px;
+}
+#content dd {
+	margin-top:		-17px;
+	font-size: 		12px;
+	margin-left: 		230px;
+	padding-bottom:		5px;
+}
+#content .submit {
+	width: 			100px;
+	border-right:		1px solid #cacaca;
+	border-bottom:		1px solid #cacaca;
+	background:		#eee;
+}
+#content textarea {
+	border-right: 		1px solid #cacaca;
+	border-bottom: 		1px solid #cacaca;
+}
+#content table input.text,table select,table textarea,table input.password, textarea {
+	width:			97%;
+}
+
+#content dd input.text ,dd select,dd textarea,dd input.password {
+	width:			97%;
+}
+#content p,table,hr {
+	width:			97%;
+}
+#content p {
+	border-bottom:		none;
+	margin-bottom:		5px;
+/*	margin:			7px;
+	margin-left:		0px;
+	margin-right:		0px; */
+	padding:		0px;
+	padding-right:		15px;
+
+}
+
+#content p.descr {
+/* margin-left:		20px; */
+	display: inline;
+	width:	auto;
+}
+#content textarea {
+	height:			300px;
+}
+#content dd textarea {
+	height:			100px;
+}
+
+/*----------------------------------------------------------------------------------
+ * PAGE > FOOTER
+ *----------------------------------------------------------------------------------
+ */
+
+#footer {
+/* float: right; */
+	margin: 			10px;
+	margin-top:			60px;
+	padding:			5px;
+	margin-left:			200px;
+	margin-right:			20px;
+	clear: both;
+	text-align:		center; 
+	border-top:		1px solid #d6d6d6;
+	font-size:		10px;
+	color: 			#aaa;
+
+/*	position:			relative;
+	clear: 			both;
+	width: 			100%;
+	padding:			5px 0px 5px 0px;
+	margin:			15px 0px 0px 10px; */
+}
+