summaryrefslogtreecommitdiffstats
path: root/manas/public/css/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'manas/public/css/style.css')
-rw-r--r--manas/public/css/style.css755
1 files changed, 632 insertions, 123 deletions
diff --git a/manas/public/css/style.css b/manas/public/css/style.css
index 4da3dd8..b138468 100644
--- a/manas/public/css/style.css
+++ b/manas/public/css/style.css
@@ -1,206 +1,715 @@
-/*
- * Quick mash-up of CSS for the TG quick start page.
- */
-
-html, body {
- color: black;
- background-color: #ddd;
- font: x-small "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
- font-size: 83%;
+*
+{
margin: 0;
padding: 0;
}
-td, th {padding:3px;border:none;}
-tr th {text-align:left;background-color:#f0f0f0;color:#333;}
-tr.odd td {background-color:#edf3fe;}
-tr.even td {background-color:#fff;}
+html, body
+{
+ height: 100%;
+}
+body
+{
+ color: #666666;
+ font-size: 76%;
+ font-family: liberation,veranda,sans-serif;
+ background: #FFFFFF url(/images/border-left.png) 0 0 repeat-y;
+}
-a.link, a, a.active {
- color: #369;
+a img
+{
+ border: none;
}
-.white {
- color: white;
+.wrapper
+{
+ margin-left: 18px;
+ min-height: 100%;
+ background: #FFFFFF url(/images/border-right.png) 100% 0 repeat-y;
+ padding-right: 18px;
+ overflow: hidden;
}
-h1,h2,h3,h4,h5,h6 {
- font-family: "Century Schoolbook L", Georgia, serif;
+.head
+{
font-weight: bold;
+ font-size: 175%;
+ border-top: 10px solid #337ACC;
+ padding: 1ex 2ex 17px;
+ background: #FFFFFF url(/images/line.png) 0 100% repeat-x;
}
-
-#main_content {
- color: black;
- font-size: 127%;
- background-color: white;
- width: 757px;
- margin: 0 auto 1em auto;
- border: 1px solid #aaa;
- border-top: 0px solid #aaa;
- padding: 10px;
- clear: both;
+.head h1 a
+{
+ display: block;
+ text-indent: -9999px;
+ background: url(/images/fedora-logo.png) 20px 50% no-repeat;
+ height: 73px;
+ width: 138px;
+ overflow: hidden;
}
+#sidebar
+{
+ float: left;
+ width: 230px;
+ margin: 2ex 0;
+ background: #FFFFFF;
+ padding-bottom: 100px;
+}
-.sidebar {
- border: 1px solid #cce;
- background-color: #ffffab;
- margin: 0.5em;
- margin-left: 1.5em;
- padding: 1em;
- float: right;
+#banner img
+{
+ display: block;
width: 200px;
- font-size: 88%;
- background-color:#fffe1;
- background-repeat:repeat-x;
+ margin: 0 3ex;
+}
+
+#get
+{
+ text-align: center;
+ margin: 1ex 0.5ex;
+ font-weight: bold;
}
-.sidebar h2 {
- margin-top: 0;
- color: black;
+#get ul
+{
+ font-weight: normal;
+ list-style: none;
+ display: inline;
+ font-size: 1.7ex;
}
-.sidebar ul {
- margin-left: 1.5em;
- padding-left: 0;
+#get li
+{
+ display: inline;
+ border-left: 1px solid #CCCCCC;
+ margin-left: -1px;
+ padding: 0 1ex;
}
+#get li.first
+{
+ border-left: none;
+}
+
+#get a
+{
+ color: #00356B;
+}
+#nav
+{
+ margin: 0 1.5ex;
+ padding: 0 1.5ex;
+}
+
+#nav h2
+{
+ border-bottom: 1px dotted #AAAAAA;
+ color: #444444;
+ font-size: 1.725ex;
+ margin: 2ex 0 1ex;
+ text-transform: uppercase;
+ font-weight: normal;
+}
-#sb_top {
- clear: right;
+#nav ul
+{
+ list-style: url(/images/arrow.png);
+ margin-left: 15px;
}
-#sb_bottom {
- clear: right;
+#nav li
+{
+ margin: 0.25ex 1ex;
+ color: #777777;
+ font-size: 1.4ex;
}
-#getting_started {
- margin-left: 20px;
+#nav a
+{
+ font-weight: bold;
+ margin-right: 0.75ex;
+ color: #729FCF;
+ font-size: 2.4ex;
+ display: block;
}
-#getting_started_steps a {
+.home #nav-home a, .get #nav-get a, .join #nav-join a
+{
+ color: #777777;
text-decoration: none;
}
-#getting_started_steps a:hover {
- text-decoration: underline;
+.content
+{
+ margin-left: 10px;
+ margin-right: 10px;
+ margin-bottom: 100px;
+ color: #666666;
+ background: #FFFFFF;
+ display: inline-block;
}
-#getting_started_steps li {
- font-size: 80%;
- margin-bottom: 0.5em;
+/* Blame IE6 and the guillotine bug for this one */
+.content { display: block; }
+
+.content h2
+{
+ font-size: 3.25ex;
}
-#getting_started_steps h2 {
- font-size: 120%;
+.content h2 div {
+ font-size: 1ex;
+ font-weight: normal;
+}
+
+.content h3
+{
+ color: #337acc;
+ margin: 1.5ex 0 0.5ex;
+ font-size: 2.5ex;
+}
+
+.content table
+{
+ border-collapse: collapse;
+}
+
+.content p
+{
+ margin: 1ex 5ex 1ex 0;
+}
+
+.content ul
+{
+ list-style: square;
+ margin: 0 3ex 2ex;
+}
+
+.content img
+{
+ margin: 2ex 0;
+}
+
+.content a
+{
+ color: #337ACC;
}
-#getting_started_steps p {
- font: 100% "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
+.download
+{
+ list-style-image: url(/images/arrow.png);
+ list-style-position: outside;
+ margin: 1.6ex 3ex;
}
-#getting_started_steps,.alogo,.headtext {
- font-family: "Century Schoolbook L", Georgia, serif;
+.download li
+{
+ color: #777777;
+ font-size: 1.8ex;
+ background: #EFEFEF;
+ padding: 1ex;
+ border-bottom: 1px dotted #AAAAAA;
+}
+
+.download a
+{
font-weight: bold;
}
+#footer
+{
+ position: relative;
+ font: normal 1.5ex/1.5 sans-serif;
+ text-align: center;
+ background: #FFFFFF url(/images/line-bottom.png) 0 0 repeat-x;
+ margin: -90px 10pt 0;
+ border-bottom: 10px solid #337ACC;
+ height: 80px;
+ color: #AAAAAA;
+}
+
+#bottom
+{
+ margin-left: 18px;
+ margin-right: 18px;
+}
+
+#footer ul
+{
+ list-style: none;
+}
+
+#footer li
+{
+ display: inline;
+ border-left: 1px solid #AAAAAA;
+ padding: 0 0.75ex;
+ margin-left: -1px;
+}
+
+#footer li.first
+{
+ border-left: none;
+}
-#header {
- height: 125px;
- width: 777px;
- background: blue URL('../images/strype.png') repeat-x;
- border-left: 1px solid #aaa;
- border-right: 1px solid #aaa;
- margin: 0 auto 0 auto;
- color: white;
+#footer a
+{
+ color: #223344;
}
-.alogo {
- font-size: 36px;
- padding-left: 5px;
- padding-top: 5px;
- padding-right: 20px;
+#footer a:hover
+{
+ color: #112233;
+}
+
+#footer p
+{
+ margin: 0 1.5ex;
+}
+
+#footer .copy
+{
+ padding-top: 3ex;
+}
+
+#footer .disclaimer
+{
+}
+
+#screenshot-banner a {
+ font-size: 1.6ex;
+ text-align: left;
+}
+
+#screenshot-banner ul
+{
+ list-style: none;
+}
+
+#screenshot-banner li
+{
+ display: inline;
+ margin-right: 2ex;
+}
+
+#screenshot-banner img
+{
+ vertical-align: bottom;
+ border: 0;
+}
+
+input, textarea, select
+{
+ border: #d0d9e3 1px solid;
+ margin: auto;
+}
+
+select
+
+input
+{
+ background: transparent url(/images/text_entry_drop_shadow.png);
+}
+
+input, textarea, select
+{
+ padding: 3px 5px 3px 5px;
+}
+
+#content #sponsors
+{
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ overflow: auto;
+}
+
+#content #sponsors li
+{
+ text-align: center;
float: left;
+ width: 150px;
+ margin: 0 1ex;
}
-.headtext {
- color: white;
- font: x-small "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
- font-size: 44px;
- padding-left: 20px;
- padding-top: 20px;
- padding-right: 20px;
- margin-bottom: 0px;
-}
-
-.currentpage {
- color: white;
- font: x-small "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
- font-size: 18px;
- padding-top: 20px;
- padding-right: 20px;
- margin-bottom: 0px;
+#content #sponsors li img
+{
+ display: block;
+}
+
+#content ul.downloadbox
+{
+ overflow: hidden;
+ list-style: none;
+ margin: 0 2ex;
+ padding: 6ex 2ex 4ex 180px;
+ border-radius: 1.5ex;
+ -webkit-border-radius: 1.5ex;
+ -moz-border-radius: 1.5ex;
+ background: #C0DBDD 30px 50% no-repeat;
+ font-size: 1.7ex;
+ display: inline-block;
+}
+
+.downloadbox li
+{
+ width: 32ex;
float: left;
+ padding: 0 0 2ex;
}
-#footer {
- border: 0px solid #aaa;
- color: #888;
- background-color: white;
- padding: 10px;
- font-size: 90%;
- text-align: center;
- width: 600px;
- margin-left: 40px;
+.downloadbox li li
+{
+ width: auto;
+ float: none;
+ padding: 0;
+}
+
+
+#content pre.command
+{
+ font-size: 2.25ex;
+ border: solid #DDDDDD;
+ border-width: 1px 1px 1px 5px;
+ background: #F2F5F6;
+ padding: 0.5ex 2ex;
+}
+
+
+#content p.note
+{
+ padding: 1ex 2ex;
+ font-size: 1.75ex;
+ border: 1px solid #DDDDDD;
+ background: #F2F5F6;
+}
+
+#content ul#resources
+{
+ list-style: none;
+}
+
+#content ul#resources a
+{
+ padding-left: 20px;
+ background: url(/images/arrow.png) 0 50% no-repeat;
+}
+
+#content ul#resources li
+{
+ padding-left: 70px;
+ margin-bottom: 3.5ex;
+}
+
+ul#resources li.resource-docs
+{
+ background: url(/images/icon-docs.png) 0 50% no-repeat;
+}
+
+ul#resources li.resource-communicate
+{
+ background: url(/images/icon-communicate.png) 0 50% no-repeat;
+}
+
+ul#resources li.resource-download
+{
+ background: url(/images/icon-download.png) 0 50% no-repeat;
+}
+
+
+#tabfloat {
+ right:25px;
+ position:absolute;
+ top:77px;
+ width:100%;
+ z-index: 2;
+}
+
+#top_ticker {
+ padding: 5px;
+}
+
+ul#primary-links {
+ list-style-type:none;
+ margin:0px;
+ padding:0px 0px 0px 255px;
+}
+
+ul#primary-links li {
+ background:transparent url(/images/header-tab1.png) no-repeat scroll 0%;
+ float:right;
+ list-style-type:none;
+ margin:0px 0px;
+ padding:0px;
+}
+
+ul#primary-links li a {
+ background:transparent url(/images/header-tab2.png) no-repeat scroll 100% 0px;
+ color: #666666;
+ display:block;
+ font-weight:bold;
+ font-size:larger;
+ height:33px;
+ list-style-type:none;
+ margin:0px;
+ padding:4px 20px 0px;
+ text-decoration:none;
+ white-space:nowrap;
+}
+
+ul#primary-links li:hover {
+background-image:url(/images/header-tab1.png);
+background-position:0% -24px;
+}
+ul#primary-links li:hover a {
+background-image:url(/images/header-tab2.png);
+background-position:100% -24px;
+}
+
+/*********** My Fedora Widget stuff *************/
+
+.col {
+ margin: 5px
+ padding: 0 0 2ex;
+}
+
+.downloadbox li li
+{
+ width: auto;
+ float: none;
+ padding: 0;
+}
+
+
+.content pre.command
+{
+ font-size: 2.25ex;
+ border: solid #DDDDDD;
+ border-width: 1px 1px 1px 5px;
+ background: #F2F5F6;
+ padding: 0.5ex 2ex;
+}
+
+
+.content p.note
+{
+ padding: 1ex 2ex;
+ font-size: 1.75ex;
+ border: 1px solid #DDDDDD;
+ background: #F2F5F6;
+}
+
+.content ul#resources
+{
+ list-style: none;
}
-.flogo {
+.content ul#resources a
+{
padding-left: 20px;
- padding-top: 0px;
- padding-right: 20px;
- margin-bottom: 0px;
+ background: url(/images/arrow.png) 0 50% no-repeat;
+}
+
+.content ul#resources li
+{
+ padding-left: 70px;
+ margin-bottom: 3.5ex;
+}
+
+ul#resources li.resource-docs
+{
+ background: url(/images/icon-docs.png) 0 50% no-repeat;
+}
+
+ul#resources li.resource-communicate
+{
+ background: url(/images/icon-communicate.png) 0 50% no-repeat;
+}
+
+ul#resources li.resource-download
+{
+ background: url(/images/icon-download.png) 0 50% no-repeat;
+}
+
+
+#tabfloat {
+ right:25px;
+ position:absolute;
+ top:77px;
+ width:100%;
+ z-index:2;
+}
+
+ul#primary-links {
+ list-style-type:none;
+ margin:0px;
+ padding:0px 0px 0px 255px;
+}
+
+ul#primary-links li {
+ background:transparent url(/images/header-tab1.png) no-repeat scroll 0%;
+ float:right;
+ list-style-type:none;
+ margin:0px 0px;
+ padding:0px;
+}
+
+ul#primary-links li a {
+ background:transparent url(/images/header-tab2.png) no-repeat scroll 100% 0px;
+ color: #666666;
+ display:block;
+ font-weight:bold;
+ font-size:larger;
+ height:33px;
+ list-style-type:none;
+ margin:0px;
+ padding:4px 20px 0px;
+ text-decoration:none;
+ white-space:nowrap;
+}
+
+ul#primary-links li:hover {
+background-image:url(/images/header-tab1.png);
+background-position:0% -24px;
+}
+ul#primary-links li:hover a {
+background-image:url(/images/header-tab2.png);
+background-position:100% -24px;
+}
+
+.mainsearch
+ {
+ top: 18px;
+ right: 28px;
+ z-index:2;
+ width: 300;
+ z-index:2;
+ position:absolute;
+}
+
+/*********** My Fedora Widget stuff *************/
+
+.col-group {
+ overflow: hidden;
+}
+
+.col {
float: left;
+ margin: 5px;
+ padding: 0 0 2ex;
+ padding-bottom: 32767px;
+ margin-bottom: -32767px;
+ /*display: table-column; */
}
-.foottext{
+.col ul {
+ font-weight: normal;
+ list-style: none;
+ font-size: 1.7ex;
}
-.code {
- font-family: monospace;
- font-size: 127%;
+.widget-list {
+ list-style: none;
}
-span.code {
+#col1 {
+ width: 200px;
+ height: 100%;
+}
+
+#col2 {
+}
+
+#col3 {
+ float: right;
+ width: 200px;
+
+}
+
+.widget-list {
+ /*display: table-cell;*/
+}
+
+#col1 .widget {
+ border-width: 1px 1px 1px 1px;
+ border-spacing: 2px;
+ border-style: outset outset outset outset;
+ border-color: gray gray gray gray;
+ border-collapse: separate;
+ background-color: white;
+}
+
+#col3 .widget {
+ border-width: 1px 1px 1px 1px;
+ border-spacing: 2px;
+ border-style: outset outset outset outset;
+ border-color: gray gray gray gray;
+ border-collapse: separate;
+ background-color: white;
+}
+
+.widget h2 {
+ border-width: 1px 1px 1px 1px;
font-weight: bold;
- background: #eee;
+ text-align: center;
+}
+
+#col2 .widget h2 {
+ text-align: left;
+}
+
+.usernav {
+ margin-bottom: 10px;
+ text-align: right;
+}
+
+.centered {
+ margin-left: auto;
+ margin-right: auto;
+ width: 45em;
+}
+
+.largesearch {
+ width: 30em;
+}
+
+/*************** UI Elements ********************/
+.menu {
+ display: none;
+ position: absolute;
+ z-index: 2;
+ background-color: white;
+}
+
+.message_row {
+ display: none;
}
#status_block {
margin: 0 auto 0.5em auto;
- padding: 5px 15px 15px 55px;
- background: #eef URL('../images/ok.png') left center no-repeat;
- border: 1px solid #cce;
- width: 680px;
+ padding: 15px 10px 15px 55px;
+ background: #cec url('/images/ok.png') left center no-repeat;
+ border: 1px solid #9c9;
+ width: 450px;
font-size: 120%;
font-weight: bolder;
+ text-align: center;
}
.notice {
margin: 0.5em auto 0.5em auto;
padding: 15px 10px 15px 55px;
- width: 680px;
- background: #eef URL('../images/info.png') left center no-repeat;
+ width: 450px;
+ background: #eef url('/images/info.png') left center no-repeat;
border: 1px solid #cce;
}
.fielderror {
color: red;
font-weight: bold;
-}
-
-div.clearingdiv {
- clear:both;
+ font-size: 120%;
}
generated by cgit (git 2.34.1) at 2024-05-05 10:45:05 +0000