Skip to content

Max Mecklin / Moya

Go to a project
Commit 346330c9 by Petri Jarvisalo
Options

new template path

1 parent 956dcf3a
Expand all
Inline Side-by-side
Showing with 2318 additions and 14 deletions
code/MoyaWeb/WebContent/resources/templates/adduser/css/general.css 0 → 100644
/* General css, use for non-layout purposes for general elements */
/* userlistview popup */
.userdata_popup {
position: absolute;
border: 1px solid black;
background: white;
border-radius: 3px;
display: none;
width: 300px;
height: 150px;
}
/* general class for hoverable usage */
.hoverable {
}
.hidden {
display: none;
}
#webcamcontainer {
}
#shopItems {
}
.ui-panel-title {
text-overflow: clip;
}
.shopItem {
float: left;
width: 72px;
height: 72px;
background: #40BDE8;
border: 1px solid black;
margin: 2px;
}
.userbackbutton {
border: 1px solid black;
margin: 2px;
}
a.userbackbutton div {
position: absolute;
width: 10em;
padding: 1.2em 0;
text-align: center;
background: rgb(135,224,253); /* Old browsers */
background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,224,253,1)), color-stop(40%,rgba(83,203,241,1)), color-stop(100%,rgba(5,171,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
border: 1px solid black;
}
.touchItem {
float: none;
display: inline-block;
position: relative;
background: #40BDE8;
width: 128px;
height: 128px;
border: 1px solid black;
margin: 2px;
background: rgb(135,224,253); /* Old browsers */
background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,224,253,1)), color-stop(40%,rgba(83,203,241,1)), color-stop(100%,rgba(5,171,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
}
a.shopItem {
color: black !important;
}
a.touchItem, a.userbackbutton {
color: white !important;
font-weight: bold;
}
a.touchItem div {
position: absolute;
height: 128px;
width: 128px;
text-align: center;
/* Firefox */
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
-moz-box-align: center;
/* Safari and Chrome */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
/* W3C */
display: box;
box-orient: horizontal;
box-pack: center;
box-align: center;
clip: rect(0, 128px, 128px, 0);
}
a.shopItem div {
position: absolute;
height: 72px;
width: 72px;
text-align: center;
/* Firefox */
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
-moz-box-align: center;
/* Safari and Chrome */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
/* W3C */
display: box;
box-orient: horizontal;
box-pack: center;
box-align: center;
clip: rect(0, 72px, 72px, 0);
}
a.shopItem:hover,a.touchItem:hover, a.userbackbutton:hover {
background: blue;
}
a.shopItem:active,a.touchItem:active, a.userbackbutton:hover {
background: red;
}
.top {
vertical-align: top;
}
.boxcenter {
text-align: center;
/* Firefox */
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
-moz-box-align: center;
/* Safari and Chrome */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
/* W3C */
display: box;
box-orient: horizontal;
box-pack: center;
box-align: center;
}
\ No newline at end of file
code/MoyaWeb/WebContent/resources/templates/adduser/css/style.css 0 → 100644
* {
padding: 0;
margin: 0;
}
body {
margin: 0em;
font-size: 62.5%;
background-color: #fff;
font-family: verdana, arial, sans-serif;
padding: 1em;
} /*Font-size: 1.0em = 10px when browser default size is 16px*/
#main {
clear: both;
}
.container.top,.container.bottom {
clear: both;
text-align: center;
}
.container.top a,.container.bottom a {
font-size: 90%;
color: #aaa;
text-decoration: none;
}
.container.bottom {
clear: both;
}
#content {
width: 800px;
margin: 0 auto;
}
code/MoyaWeb/WebContent/resources/templates/adduser/template.xhtml
......@@ -19,9 +19,9 @@
<meta http-equiv="Content-Language" content="fi" />
<link rel="stylesheet" type="text/css"
href="#{request.contextPath}/resources/style/adduser/css/style.css" />
href="#{request.contextPath}/resources/templates/adduser/css/style.css" />
<link rel="stylesheet" type="text/css"
href="#{request.contextPath}/resources/style/adduser/css/general.css" />
href="#{request.contextPath}/resources/templates/adduser/css/general.css" />
<ui:insert name="headerdata" />
</h:head>
......
code/MoyaWeb/WebContent/resources/templates/blipview/css/general.css 0 → 100644
/* General css, use for non-layout purposes for general elements */
/* userlistview popup */
.userdata_popup {
position: absolute;
border: 1px solid black;
background: white;
border-radius: 3px;
display: none;
width: 300px;
height: 150px;
}
/* general class for hoverable usage */
.hoverable {
}
.hidden {
display: none;
}
#webcamcontainer {
}
#shopItems {
}
.ui-panel-title {
text-overflow: clip;
}
.shopItem, .touchItem {
float: left;
width: 72px;
height: 72px;
background: #40BDE8;
border: 1px solid black;
margin: 2px;
}
a.shopItem, a.touchItem {
color: black !important;
}
a.shopItem div, a.touchItem div {
position: absolute;
height: 72px;
width: 72px;
text-align: center;
/* Firefox */
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
-moz-box-align: center;
/* Safari and Chrome */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
/* W3C */
display: box;
box-orient: horizontal;
box-pack: center;
box-align: center;
clip: rect(0, 72px, 72px, 0);
}
}
a.shopItem:hover, a.touchItem:hover {
background: rgba(255,255,255,0.4);
}
a.shopItem:active, a.touchItem:active {
background: red;
}
\ No newline at end of file
code/MoyaWeb/WebContent/resources/templates/blipview/css/style.css 0 → 100644
* {padding:0; margin:0;}
body {
margin: 0em; font-size:62.5%; background-color: #fff; font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
#page-container {
width: 900px;
margin: 0 auto;
border: 1px solid #bbb;
margin-top: 10px;
background: white;
border-radius: 12px;
background:rgb(255,255,255) url("../img/bg_main_nav.jpg");
}
#page-header {height:80px; background:rgb(240,240,240) url("../img/bg_head_top.jpg"); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; border-radius: 12px 12px 0 0; }
#login {
margin-top: 10px;
margin-right: 10px;
float: right;
text-align: right;
}
#login a, #login a:visited {
text-decoration: none;
color: black;
font-weight: bold;
}
#login a:hover {
color: red;
}
#top-menu {position:relative; z-index:0; top: 2em;}
#top-menu ul { float:left; width: 100%; padding-left: 25px; border:1px solid rgba(200,200,200,0); background:rgba(200,200,200,0); border-radius: 16px 16px 0 0; }
#top-menu li {display:inline; list-style:none; }
#top-menu li a {display:block; line-height: 1.7em; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125); text-decoration:none; font-size:120%; background-color:rgba(100,100,100,0.1); color: rgba(0,0,0,0.3); border-radius: 12px 12px 0 0; border: 1px solid rgba(0,0,0,0.1); border-bottom: none;}
#top-menu a:hover {text-decoration:none; color:rgb(50,50,50);}
#top-menu li .active {font-weight: bold; background-color:rgba(250,250,250,0.4); color: rgba(0,0,0,1); border-radius: 12px 12px 0 0; border: 1px solid black; border-bottom: none }
#pageheader {
background: red;
}
#main {
clear: both;
}
#main-nav {float:left; width: 100%; border-top:1px solid #bbb; border-bottom:1px solid #bbb; background:rgb(220,220,220) url("../img/bg_head_bottom_nav.jpg") repeat-x; color:rgb(75,75,75); font-size:130%;}
#main-nav ul {list-style-type:none;}
#main-nav ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; }
#main-nav ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
#main-nav ul li ul {display:none; border:none;}
#main-nav ul li .active { font-weight: bold; background-color:rgba(0,150,250,0.35); color: rgba(255,255,250,0.8); }
#main-nav ul li:hover a { background-color:rgba(0,150,250,0.1); text-decoration:none; } /*Color main cells hovering mode*/
#main-nav ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
#main-nav ul li:hover ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
#main-nav ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/
.container.top, .container.bottom {
clear: both;
text-align: center;
margin-bottom: 2em;
margin-top: 1em;
padding-left: 2em;
}
.container.top a, .container.bottom a {
font-size: 90%;
color: #aaa;
text-decoration: none;
}
#right {display:inline /*Fix IE floating margin bug*/; float:right; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#right {width: 400px; float-left: 1px solid black; }
#left {display:inline; /*Fix IE floating margin bug*/; float:left; width:660px; margin: 0 20px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#left h1 {
margin-bottom: 1em;
}
#left a {
text-decoration: none;
color: blue;
}
#left:a visited {
color: blue;
}
#left h1, #left h2, #left p {
margin-bottom: 1.5em;
}
.container.bottom {
clear: both;
}
table {
border: none;
border-spacing: 0;
width: 100%;
text-align: left;
margin-bottom: 1.5em;
}
table thead th {
border: none;
font-size: 120%;
}
table thead th {
border-bottom: 1px solid black;
padding: 5px;
padding-left: 1em;
}
table tbody td {
border: none;
padding: 5px;
padding-left: 1em;
vertical-align: top;
}
label {
}
.expired {
color: #c0c0c0;
}
code/MoyaWeb/WebContent/resources/templates/blipview/template.xhtml
......@@ -19,9 +19,9 @@
<meta http-equiv="Content-Language" content="fi" />
<link rel="stylesheet" type="text/css"
href="#{request.contextPath}/resources/style/blipview/css/style.css" />
href="#{request.contextPath}/resources/templates/blipview/css/style.css" />
<link rel="stylesheet" type="text/css"
href="#{request.contextPath}/resources/style/blipview/css/general.css" />
href="#{request.contextPath}/resources/templates/blipview/css/general.css" />
<ui:insert name="headerdata" />
</h:head>
......
code/MoyaWeb/WebContent/resources/templates/insomnia1/css/tabnav.css 0 → 100644
/* begin css tabs */
ul#usertabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #7DAC0C; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 4px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
ul#usertabnav li { /* do not change */
display: inline;
}
div#edit li.edit,
div#chpass li.chpass,
div#accountevents li.accountevents,
div#groups li.groups,
div#token li.token,
div#picture li.picture
{ /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}
div#edit li.edit a,
div#chpass li.chpass a,
div#accountevents li.accountevents a,
div#groups li.groups a,
div#token li.token a,
div#picture li.picture a{ /* settings for selected tab link */
background-color: #FFF; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}
ul#usertabnav li a { /* settings for all tab links */
padding: 4px 5px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #7DAC0C; /* set border COLOR as desired; usually matches border color specified in #usertabnav */
background-color: #37bce6; /* set unselected tab background color as desired */
color: #0f3541; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
border-top-right-radius: 7px;
border-top-left-radius: 7px;
}
ul#usertabnav a:hover { /* settings for hover effect */
background: #b8f7ff; /* set desired hover color */
}
/* end css tabs */
\ No newline at end of file
code/MoyaWeb/WebContent/resources/templates/insomnia1/style.css 0 → 100644
.linka a:link {
color: #133E51;
text-decoration: none;
}
.linka a:active {
color: #133E51;
text-decoration: none;
}
.linka a:visited {
color: #133E51;
text-decoration: none;
}
.linka a:hover {
color: #133E51;
text-decoration: underline;
}
.link a:link {
color: #FFF;
text-decoration: none;
}
.link a:active {
color: #FFF;
text-decoration: none;
}
.link a:visited {
color: #FFF;
text-decoration: none;
}
.link a:hover {
color: #FFF;
text-decoration: underline;
}
.placeSelectInfotable tr td {
padding-left: 20px;
}
.rightalign {
text-align: right;
}
.placeSelectInfotable tr {
vertical-align: top;
}
h3 {
font-size: 18px;
color: #01202e;
font-family: trebuchet ms, lucida grande, helvetica, arial;
}
body {
background-color: #133e51;
margin: 0 auto 0 auto;
font-family: helvetica, arial;
font-size: 10pt;
}
#wrapper {
margin: 0 auto 0 auto;
width: 900px;
height: auto;
}
#navigation {
width: 900px;
height: 80px;
}
#mainmenu {
margin-left: 10px;
}
#content {
width: 100%;
background-image: url('img/top.gif');
background-repeat: no-repeat;
background-color: #FFF;
padding-top: 10px 20px;
}
#headerbox {
height: 33px;
text-align: right;
margin: 15px 30px 5px 30px;
color: #FFFFFF;
width: 425px;
}
#headerbox a {
color: #FFFFFF;
}
#headerbox input {
margin: 0; padding 0;
border-style: solid;
border-width: 1px;
}
#sidebar {
float: right;
border: 1px solid #023952;
background: #62a5c3;
margin: 10px 15px;
padding: 0 1em 0 0;
}
#sidebar a:link {
color: #023952;
text-decoration: none;
}
#sidebar a:active {
color: #023952;
text-decoration: none;
}
#sidebar a:visited {
color: #023952;
text-decoration: none;
}
#sidebar a:hover {
color: #023952;
text-decoration: underline;
}
.linka {
background-image: url('img/linka2.gif');
width: 117px;
height: 27px;
color: #133E51;
float: left;
vertical-align: bottom;
line-height: 30px;
text-align: center;
font-weight: bold;
margin-right: 3px;
}
.link {
background-image: url('img/link2.gif');
width: 117px;
height: 27px;
color: #FFF;
float: left;
vertical-align: bottom;
line-height: 30px;
text-align: center;
font-weight: bold;
margin-right: 3px;
}
#head {
padding-top: 5px;
margin-right: 10px;
float: left;
}
#cwrap {
padding: 10px;
min-height: 100px;
}
#footer {
background-image: url('img/bottom.gif');
height: 21px;
text-align: center;
}
.imgcenter {
display: block;
margin-left: auto;
margin-right: auto;
}
h1 {
font-size: 20px;
}
#sidebar ul {
padding-left: 10px;
list-style-type: none;
}
#sidebar ul li ul {
list-style-type: circle;
padding-left: 15px;
}
#sidebar .sidebartitle {
font-weight: bold;
}
.placegroupPadding {
padding-right: 50px;
}
#pollresultsubform tr td {
text-align: top; margin-bottom : 10px;
border-style: solid;
border-color: #000;
border-width: 0 0 1px 0;
margin-bottom: 10px;
}
#pollresultstable {
border-style: solid;
border-color: #000;
border-width: 1px;
}
#pollresultstable tr td
{
vertical-align:top;
}
.expired {
color: #c0c0c0;
}
code/MoyaWeb/WebContent/resources/templates/insomnia1/template.xhtml
......@@ -14,7 +14,7 @@
value="#{i18n[util.concat(thispage,'.header') ] }"
/>
</title>
<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/style/insomnia1/style.css" />
<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/insomnia1/style.css" />
<ui:insert name="headerdata" />
</h:head>
<h:body >
......
code/MoyaWeb/WebContent/resources/templates/insomnia2/css/actionlog.css 0 → 100644
@CHARSET "utf-8";
#actionlog_create .row {
display: block;
clear: both;
}
#actionlog_create div, #actionlog_create h3 {
display: block;
float: left;
}
#actionlog_create h3 {
margin-bottom: 2px;
}
#actionlog_create .header {
font-weight: bold;
}
#actionlog_create .actionlog_create_role {
width: 100px;
}
#actionlog_create .actionlog_create_role select {
width: 100%;
margin: 0;
padding: 0;
border: 1px solid #aaa;
}
#actionlog_create .actionlog_create_message {
margin-left: 10px;
width: 420px;
}
#actionlog_create .actionlog_create_message input {
width: 100%;
margin: 0;
border: 1px solid #aaa;
}
#actionlog_create .actionlog_create_istask {
margin-left: 10px;
width: 60px;
}
#actionlog_create .actionlog_create_istask input {
display: block;
margin-left: auto;
margin-right: auto;
}
#actionlog_create input.sendbutton {
border: 1px solid #aaa;
margin-left: 10px;
}
#actionlog {
}
#actionlog table {
width: 100%;
border-collapse:collapse;
}
#actionlog tr {
}
#actionlog td {
}
#actionlog tr.roweven {
background-color: #aeaeae;
}
#actionlog tr.rowodd {
background-color: #9a9a9a;
}
.taskHeader {
color: #7DAC0C;
font-size: 120%;
font-weight: bold;
}
.sendbutton2 {
border: 1px solid #aaa;
margin-left: 10px;
}
\ No newline at end of file
code/MoyaWeb/WebContent/resources/templates/insomnia2/css/general.css 0 → 100644
/* General css, use for non-layout purposes for general elements */
/* userlistview popup */
.userdata_popup {
position: absolute;
border: 1px solid black;
background: white;
border-radius: 3px;
display: none;
width: 300px;
height: 150px;
}
/* general class for hoverable usage */
.hoverable {
}
.hidden {
display: none;
}
#webcamcontainer {
}
#shopItems {
}
.ui-panel-title {
text-overflow: clip;
}
.shopItem {
float: left;
width: 72px;
height: 72px;
background: burlywood;
border: 1px solid black;
margin: 2px;
}
a.shopItem {
color: black !important;
}
a.shopItem div {
position: absolute;
height: 72px;
width: 72px;
text-align: center;
/* Firefox */
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
-moz-box-align: center;
/* Safari and Chrome */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
/* W3C */
display: box;
box-orient: horizontal;
box-pack: center;
box-align: center;
clip: rect(0, 72px, 72px, 0);
}
}
a.shopItem:hover {
background: darkgoldenrod;
}
a.shopItem:active {
background: red;
}
\ No newline at end of file
code/MoyaWeb/WebContent/resources/templates/insomnia2/css/tabnav.css 0 → 100644
/* begin css tabs */
ul#usertabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #7DAC0C; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 4px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
ul#usertabnav li { /* do not change */
display: inline;
}
div#edit li.edit,
div#chpass li.chpass,
div#accountevents li.accountevents,
div#groups li.groups,
div#foodwave li.foodwave,
div#token li.token,
div#picture li.picture
{ /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}
div#edit li.edit a,
div#chpass li.chpass a,
div#accountevents li.accountevents a,
div#groups li.groups a,
div#foodwave li.foodwave a,
div#token li.token a,
div#picture li.picture a{ /* settings for selected tab link */
background-color: #FFF; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}
ul#usertabnav li a { /* settings for all tab links */
padding: 4px 5px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #7DAC0C; /* set border COLOR as desired; usually matches border color specified in #usertabnav */
background-color: #37bce6; /* set unselected tab background color as desired */
color: #0f3541; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
border-top-right-radius: 7px;
border-top-left-radius: 7px;
}
ul#usertabnav a:hover { /* settings for hover effect */
background: #b8f7ff; /* set desired hover color */
}
/* end css tabs */
\ No newline at end of file
code/MoyaWeb/WebContent/resources/templates/insomnia2/css/tyyli.css 0 → 100644
body,html {
width: 100%;
height: 100%;
color: #343434;
font-family: trebuchet ms;
background: url('../img/tausta.png') repeat-x #fff;
margin: 0px;
}
#header {
width: 970px;
height: 52px;
margin: 0 auto;
}
td span span div.rating-cancel {
display: none;
}
#voteform div.rating-cancel {
display: none;
}
#logo {
width: 255px;
height: 52px;
float: left;
}
#logo h1 {
margin: 5px;
color: white:
}
#logo a {
text-decoration: none;
color: white;
}
#login {
width: 388px;
height: 23px;
float: right;
margin-top: 10px;
color: #fff;
font-size: 14px;
text-align: right;
}
#login a {
color: white;
}
.form {
background: url('../img/input.png') no-repeat;
width: 130px;
height: 23px;
color: #fff;
border: 0px;
padding: 0 0 0 10px;
}
#header #login .ui-state-default
{
/*color: #4f4f4f;*/
}
#header #login input
{
-webkit-box-shadow: none;
}
#header #login button
{
border-radius: 14px;
-webkit-border-radius: 14px;
}
#header #login span
{
padding: .4em .5em;
line-height: 1;
font-size: 12px;
}
.button {
/* background: url('../img/button.png') no-repeat;
width: 100px;
text-align: center;
border: 0px;
height: 23px;
color: #fff;
padding: 0px;*/
}
.button:hover {
/*background: url('../img/button2.png') no-repeat;
cursor: pointer;
*/
}
#wrapper {
width: 970px;
margin: 0 auto;
}
#navigation {
margin: 15px 0px;
height: 33px;
width: 100%;
}
#navigation ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#navigation ul li {
float: left;
margin-right: 10px;
}
#navigation ul li a {
display: block;
height: 33px;
padding: 0px 10px;
line-height: 33px;
text-decoration: none;
font-weight: bold;
color: #0073bc;
}
#navigation ul li a:hover,#navigation ul li .active {
background: #fff;
border-radius: 5px;
border: 1px solid #c0c0c0;
color: #7dac0c !important;
}
a {
color: #0037bc;
}
a:hover {
color: #7dac0c;
}
.container {
width: 100%;
background: url(../img/container.png) repeat-y;
font-size: 13px;
}
.container #left {
padding: 10px 20px;
}
#left {
width: 700px;
}
#left h1 {
color: #7dac0c;
font-size: 24px;
padding-top: 0px;
margin-top: 0px;
}
#left h2 {
color: #7dac0c;
font-size: 18px;
}
#left h3 {
color: #7dac0c;
font-size: 16px;
}
#right {
float: right;
border-left: 1px dotted #c0c0c0;
padding: 10px 20px;
width: 200px;
}
#right h1,#right h1 a {
color: #7dac0c;
font-size: 18px;
padding-top: 0px;
margin-top: 0px;
text-decoration: none;
}
.container.top {
width: 100%;
background: url(../img/container-top.png) no-repeat;
height: 15px;
padding-left: 1em;
}
.container.bottom {
width: 100%;
background: url(../img/container-bottom.png) no-repeat;
height: 16px;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#topmenu {
font-size: 0.8em;
float: right;
list-style-type: none;
margin: 5px 15px 0 0;
padding: 0px;
}
#topmenu a {
color: #fff;
text-decoration: none;
display: block;
}
#topmenu li {
margin: 0 7px;
color: #fff;
float: left;
}
td ul {
margin: 0;
}
.topalign {
vertical-align: top;
}
.numalign {
text-align: right;
}
.editorlink {
font-size: 9px;
float: left;
margin: 4px;
}
#right ul {
color: #7dac0c;
list-style-type: square;
list-style-position: inside;
}
#right ul li {
border-bottom: 1px solid white;
}
#right ul li a {
color: #0073bc;
text-decoration: none;
}
#right ul li a:hover {
color: #7dac0c;
text-decoration: none;
}
table {
border-collapse: collapse;
}
table.border td,table.border th {
padding: 1px 4px;
}
.nowrap {
white-space: nowrap;
}
.shopProductbuttons
{
width: 320px;
vertical-align: top;
}
button.ui-button span
{
line-height: 1;
padding: .4em .5em;
}
.expired {
color: #c0c0c0;
}
.paid {
color: #006600;
}
code/MoyaWeb/WebContent/resources/templates/insomnia2/template.xhtml
......@@ -11,9 +11,9 @@
<meta name="author" content="Niko Juusela, csharp" />
<meta http-equiv="Content-Language" content="fi" />
<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/style/insomnia2/css/tyyli.css" />
<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/insomnia2/css/tyyli.css" />
<!-- general style for nonlayout elements -->
<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/style/insomnia2/css/general.css" />
<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/insomnia2/css/general.css" />
<ui:insert name="headerdata" />
<h:outputScript name="prime_calendar.js" library="script" />
</h:head>
......
code/MoyaWeb/WebContent/resources/templates/originalToneTemplate.xhtml
......@@ -17,13 +17,13 @@
<link
rel="stylesheet"
type="text/css"
href="#{request.contextPath}/resources/style/style.css" />
href="#{request.contextPath}/resources/templates/style.css" />
<!-- **** colour scheme stylesheet **** -->
<link
rel="stylesheet"
type="text/css"
href="#{request.contextPath}/resources/style/green.css" />
href="#{request.contextPath}/resources/templates/green.css" />
</h:head>
<h:body>
<div id="main">
......
code/MoyaWeb/WebContent/resources/templates/rating.css 0 → 100644
td span span div.rating-cancel {
display: none;
}
div.rating-cancel {
display: none;
}
\ No newline at end of file
code/MoyaWeb/WebContent/resources/templates/skynett17/css/general.css 0 → 100644
/* General css, use for non-layout purposes for general elements */
/* userlistview popup */
.userdata_popup {
position: absolute;
border: 1px solid black;
background: white;
border-radius: 3px;
display: none;
width: 300px;
height: 150px;
}
/* general class for hoverable usage */
.hoverable {
}
.hidden {
display: none;
}
#webcamcontainer {
}
#shopItems {
}
.ui-panel-title {
text-overflow: clip;
}
.shopItem, .touchItem {
float: left;
width: 72px;
height: 72px;
background: #40BDE8;
border: 1px solid black;
margin: 2px;
}
a.shopItem, a.touchItem {
color: black !important;
}
a.shopItem div, a.touchItem div {
position: absolute;
height: 72px;
width: 72px;
text-align: center;
/* Firefox */
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
-moz-box-align: center;
/* Safari and Chrome */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
/* W3C */
display: box;
box-orient: horizontal;
box-pack: center;
box-align: center;
clip: rect(0, 72px, 72px, 0);
}
}
a.shopItem:hover, a.touchItem:hover {
background: rgba(255,255,255,0.4);
}
a.shopItem:active, a.touchItem:active {
background: red;
}
\ No newline at end of file
code/MoyaWeb/WebContent/resources/templates/skynett17/css/style.css 0 → 100644
*
{
padding: 0em;
margin: 0em;
font-smooth: always;
}
body
{
background: url("../img/tausta.jpg");
background-attachment: fixed;
background-size: cover;
background-repeat: none;
background-position: center, center;
padding: 35px 0px 35px 0px;
}
body,input
{
font-size: 10pt;
font-family: "Calibri";
color: #333333;
}
p
{
line-height: 1.5em;
margin-bottom: 1.0em;
text-align: justify;
}
a
{
color: #B96D00;
text-decoration: underline;
}
a:hover
{
text-decoration: none;
}
h3 span
{
font-weight: normal;
}
h3,h4
{
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-position: right;
}
h3
{
font-size: 1.7em;
padding-right: 34px;
}
h4
{
font-size: 1.2em;
padding-right: 28px;
}
.contentarea
{
padding: 1.5em;
padding-top: 1.3em;
}
img
{
display:block;
margin: 0 auto;
}
img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}
img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}
.divider1
{
position: relative;
height: 14px;
margin: 2.0em 0em 1.5em 0em;
clear: both;
}
.divider2
{
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;
}
.post .details
{
position: relative;
top: -1.5em;
font-size: 0.8em;
color: #787878;
}
.post ul.controls
{
clear: both;
}
.post ul.controls li
{
display: inline;
font-size: 0.8em;
}
.post ul.controls li a
{
background-repeat: no-repeat;
background-position: left;
padding: 0em 1.0em 0em 20px;
}
.post ul.controls li a.printerfriendly
{
background-image: url('images/icon-printerfriendly.gif');
}
.post ul.controls li a.comments
{
background-image: url('images/icon-comments.gif');
}
.post ul.controls li a.more
{
background-image: url('images/icon-more.gif');
}
.box h1 {
font-size: 16pt;
color: white;
background: url('../img/boxbg.jpg') repeat-x;
display: block;
height: 46px;
padding-top: 4px;
padding-left: 10px;
text-align: left;
margin: 0;
border-radius: 5px;
}
.box
{
border-radius: 5px;
position: relative;
background: #fff;
}
ul.linklist
{
list-style: none;
}
ul.linklist li
{
line-height: 2.0em;
}
#container
{
z-index: 2;
position: relative;
width: 960px;
background-color: #DCE8E9;
margin: 0 auto;
border: 2px solid white;
}
#menu
{
}
#content
{
padding: 0em 2.0em 0em 2.0em;
}
#primarycontent
{
margin: 1.5em 310px 0em 0em;
}
#secondarycontent
{
margin-top: 1.5em;
float: right;
width: 290px;
}
#footer
{
position: relative;
height: 2.0em;
clear: both;
padding-top: 5.0em;
font-size: 0.8em;
}
#footer .left
{
position: absolute;
left: 2.0em;
bottom: 1.2em;
}
#footer .right
{
position: absolute;
right: 2.0em;
bottom: 1.2em;
}
img.kuva {
float: right;
}
a.tyhja
{
color: black;
text-decoration: none;
}
.ui-menu, .ui-menu .ui-menu-child {
background: #03080C;
}
.ui-menu a {
color: #eee !important;
}
.nameMenuItem
{
float: right;
}
table {
border: none;
border-spacing: 0;
width: 100%;
text-align: left;
margin-bottom: 1.5em;
}
table thead th {
border: none;
font-size: 120%;
}
table thead th {
border-bottom: 1px solid black;
padding: 5px;
padding-left: 1em;
}
table tbody td {
border: none;
padding: 5px;
padding-left: 1em;
vertical-align: top;
}
.expired {
color: #c0c0c0;
}
\ No newline at end of file
code/MoyaWeb/WebContent/resources/templates/skynett17/css/tabnav.css 0 → 100644
#edit { float: left; width:100%; border-bottom: 1px solid black; }
ul#usertabnav { float:left; width: 100%; border:1px solid rgba(200,200,200,0); background:rgba(200,200,200,0); border-radius: 16px 16px 0 0; }
ul#usertabnav li {display:inline; list-style:none; }
ul#usertabnav li a {display:block; line-height: 1.7em; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125); text-decoration:none; font-size:120%; background-color:rgba(100,100,100,0.3); color: rgba(0,0,0,1); border-radius: 12px 12px 0 0; border: 1px solid rgba(0,0,0,0.1); border-bottom: none;}
ul#usertabnava:hover {text-decoration:none; color:rgb(50,50,50);}
ul#usertabnav li .active {font-weight: bold; background-color:rgba(250,250,250,0.4); color: rgba(0,0,0,1); border-radius: 12px 12px 0 0; border: 1px solid black; border-bottom: none }
#edit {
clear: both;
}
\ No newline at end of file
code/MoyaWeb/WebContent/resources/templates/skynett17/template.xhtml
......@@ -11,8 +11,8 @@
<meta name="author" content="CodeCrew ry" />
<meta http-equiv="Content-Language" content="fi" />
<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/style/skynett17/css/style.css" />
<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/style/skynett17/css/general.css" />
<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/skynett17/css/style.css" />
<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/skynett17/css/general.css" />
<ui:insert name="headerdata" />
</h:head>
......
code/MoyaWeb/WebContent/resources/templates/stream1/template.xhtml
......@@ -10,7 +10,7 @@
</f:metadata>
<ui:insert name="metadata" />
<h:head>
<link href="#{request.contextPath}/resources/style/stream10/intra_style.css" rel="stylesheet" type="text/css" />
<link href="#{request.contextPath}/resources/templates/stream10/intra_style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="CACHE-CONTROL" content="NO-CACHE" />
<meta http-equiv="PRAGMA" content="NO-CACHE" />
<meta http-equiv="expires" content="0" />
......
code/MoyaWeb/WebContent/resources/templates/stream10/css/tabnav.css 0 → 100644
/* begin css tabs */
ul#usertabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #7DAC0C; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 4px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
ul#usertabnav li { /* do not change */
display: inline;
}
div#edit li.edit,
div#chpass li.chpass,
div#accountevents li.accountevents,
div#groups li.groups,
div#token li.token,
div#picture li.picture
{ /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}
div#edit li.edit a,
div#chpass li.chpass a,
div#accountevents li.accountevents a,
div#groups li.groups a,
div#token li.token a,
div#picture li.picture a{ /* settings for selected tab link */
background-color: #FFF; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}
ul#usertabnav li a { /* settings for all tab links */
padding: 4px 5px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #7DAC0C; /* set border COLOR as desired; usually matches border color specified in #usertabnav */
background-color: #37bce6; /* set unselected tab background color as desired */
color: #0f3541; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
border-top-right-radius: 7px;
border-top-left-radius: 7px;
}
ul#usertabnav a:hover { /* settings for hover effect */
background: #b8f7ff; /* set desired hover color */
}
/* end css tabs */
\ No newline at end of file
code/MoyaWeb/WebContent/resources/templates/stream10/intra_style.css 0 → 100644
body {
background-color: #C8C8C8;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px;
margin: 0px;
text-align: center;
background-image: url('intraback.png');
background-repeat: repeat-x;
}
.even {
background-color: #353540;
}
.odd {
background-color: #555560;
}
img {
border: 0px;
}
p {
margin: 2px 0px 7px 0px;
}
#content a {
text-decoration: none;
color: #aaaaaa;
border: 0px;
}
#content a:hover {
color: #ffffff;
background-color: #E45F00;
}
#container {
margin-left: auto;
margin-right: auto;
width: 1000px;
text-align: left;
}
#page {
width: 1000px;
padding: 20px;
padding-bottom: 0px;
}
#nav {
height: 32px;
text-align: center;
padding-left: 120px;
}
#navitem {
color: none;
float: left;
margin: 7px 0px 0px 20px;
padding: 2px 10px 2px 10px;
background-color: #888888;
letter-spacing: 1px;
}
#leftnav h1 {
margin: 0;
padding: 2px 6px;
background-color: #666666;
border-width: 0 0 1px 0;
color: #ffffff;
font-size: 1.1em;
}
#leftnav a {
color: #ffffff;
text-decoration: none;
}
#leftnav a:hover {
text-decoration: underline;
}
#leftnav hr {
margin: 0;
padding: 0;
height: 6px;
background-color: none;
border-width: 0;
}
#leftnav ul,#leftnav ul ul {
padding: 0;
margin: 0;
}
#leftnav li li {
color: #ffffff;
float: left;
padding: 4px 0px 4px 10px;
background-color: #444444;
width: 190px;
margin-bottom: 1px;
list-style-type: none;
}
#leftnav li {
color: #ffffff;
padding: 4px 0px 4px 10px;
background-color: #444444;
width: 190px;
margin-top: 0px;
margin-bottom: 1px;
list-style-type: none;
}
#topheader {
width: 100%;
height: 77px;
background-color: #3e3e3e;
padding: 0px;
margin: 0px;
}
h1,h2,h3,h4 {
background-color: #222222;
border-width: 0 0 2px 0;
border-style: solid;
border-color: #FF7200;
padding: 2px 2px 2px 10px;
margin: 0 -20px 15px;
}
#lighttext {
color: #bbbbbb;
}
#content {
width: 742px;
float: left;
height: auto !important;
height: 1000px;
background-color: #303035;
color: #ffffff;
padding: 0 20px 20px;
}
#content p {
border: 0px;
border-style: solid;
border-color: #c0c0c0;
padding: 5px;
background-color: #303035;
margin-top: 5px;
margin-bottom: 0px;
padding-left: 20px;
padding-right: 20px;
}
#copyright {
background-repeat: repeat-x;
text-align: right;
color: #666666;
clear: left;
height: 27px;
padding-top: 5px;
padding-right: 10px;
font-size: 11px;
}
#leftnav {
float: left;
width: 200px;
margin-left: 5px;
margin-right: 5px;
background-color: none;
}
input {
background: #6f6f6f;
border-style: solid;
border: 1px inset #222222;
color: #ffffff;
}
input.btn {
background: #6f6f6f;
border-style: solid;
border: 1px outset #222222;
color: #ffffff;
}
textarea {
background: #6f6f6f;
border-style: solid;
border: 1px inset #222222;
color: #ffffff;
}
#introform {
color: #ffffff;
float: left;
background-color: #44444a;
width: 180px;
margin-bottom: 3px;
}
#date {
color: #999999;
}
table.packetTable {
border-style: solid;
border-width: 0px 0 1px 1px;
border-color: black;
border-spacing: 0px;
margin: 1em 0 1em 0;
}
table.packetTable tr td {
border-style: solid;
border-width: 1px 1px 0 0;
padding: 1px 5px 1px 5px;
border-color: black;
border-spacing: 0px;
}
table.bordertable td,table.bordertable th {
border-style: solid;
border-width: 1px;
border-color: #ffffff;
padding: 1px 3px;
}
table.bordertable {
border-collapse: collapse;
}
.expired {
color: #c0c0c0;
}
\ No newline at end of file
code/MoyaWeb/WebContent/resources/templates/stream10/login_style.css 0 → 100644
body
{
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: none;
padding: 0px;
margin: 0px;
}
a
{
color: #ffffff;
}
#loginBox
{
position: absolute;
top: 50%;
width: 300px;
height: 260px;
margin-top: -130px;
left: 50%;
margin-left: -150px;
background-color: #444444;
background-image: url('login_background.png');
text-align: left;
color: #ffffff;
}
#loginContent
{
padding-top: 80px;
padding-left: 30px;
color: #ffffff;
}
label
{
font-size: 14px;
color: #ffffff;
display: block;
width: 70px;
}
input
{
background: #eeeeee;
color: #000000;
border-style: solid;
border: 1px inset #222222;
}
code/MoyaWeb/WebContent/resources/templates/tabnav.css 0 → 100644
/* begin css tabs */
ul#usertabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #7DAC0C; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 4px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
ul#usertabnav li { /* do not change */
display: inline;
}
div#edit li.edit,
div#chpass li.chpass,
div#accountevents li.accountevents,
div#groups li.groups,
div#token li.token,
div#picture li.picture
{ /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}
div#edit li.edit a,
div#chpass li.chpass a,
div#accountevents li.accountevents a,
div#groups li.groups a,
div#token li.token a,
div#picture li.picture a{ /* settings for selected tab link */
background-color: #FFF; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}
ul#usertabnav li a { /* settings for all tab links */
padding: 4px 5px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #7DAC0C; /* set border COLOR as desired; usually matches border color specified in #usertabnav */
background-color: #37bce6; /* set unselected tab background color as desired */
color: #0f3541; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
border-top-right-radius: 7px;
border-top-left-radius: 7px;
}
ul#usertabnav a:hover { /* settings for hover effect */
background: #b8f7ff; /* set desired hover color */
}
/* end css tabs */
\ No newline at end of file
code/MoyaWeb/WebContent/resources/templates/template1/css/general.css 0 → 100644
/* General css, use for non-layout purposes for general elements */
/* userlistview popup */
.userdata_popup {
position: absolute;
border: 1px solid black;
background: white;
border-radius: 3px;
display: none;
width: 300px;
height: 150px;
}
/* general class for hoverable usage */
.hoverable {
}
.hidden {
display: none;
}
#webcamcontainer {
}
#shopItems {
}
.ui-panel-title {
text-overflow: clip;
}
.shopItem {
float: left;
width: 72px;
height: 72px;
background: burlywood;
border: 1px solid black;
margin: 2px;
}
a.shopItem {
color: black !important;
}
a.shopItem div {
position: absolute;
height: 72px;
width: 72px;
text-align: center;
/* Firefox */
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
-moz-box-align: center;
/* Safari and Chrome */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
/* W3C */
display: box;
box-orient: horizontal;
box-pack: center;
box-align: center;
clip: rect(0, 72px, 72px, 0);
}
}
a.shopItem:hover {
background: darkgoldenrod;
}
a.shopItem:active {
background: red;
}
\ No newline at end of file
code/MoyaWeb/WebContent/resources/templates/template1/css/style.css 0 → 100644
* {padding:0; margin:0;}
body {font-size:62.5%; background-color: #fff; font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
#page-container {
width: 900px;
margin: 0 auto;
border: 1px solid #bbb;
margin-top: 10px;
background: white;
border-radius: 12px;
background:rgb(255,255,255) url("../img/bg_main_nav.jpg");
}
#page-header {height:80px; background:rgb(240,240,240) url("../img/bg_head_top.jpg"); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; border-radius: 12px 12px 0 0; }
#login {
margin-top: 10px;
margin-right: 10px;
float: right;
text-align: right;
}
#login a, #login a:visited {
text-decoration: none;
color: black;
font-weight: bold;
}
#login a:hover {
color: red;
}
#top-menu {position:relative; z-index:0; top: 2em;}
#top-menu ul { float:left; width: 100%; padding-left: 25px; border:1px solid rgba(200,200,200,0); background:rgba(200,200,200,0); border-radius: 16px 16px 0 0; }
#top-menu li {display:inline; list-style:none; }
#top-menu li a {display:block; line-height: 1.7em; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125); text-decoration:none; font-size:120%; background-color:rgba(100,100,100,0.1); color: rgba(0,0,0,0.3); border-radius: 12px 12px 0 0; border: 1px solid rgba(0,0,0,0.1); border-bottom: none;}
#top-menu a:hover {text-decoration:none; color:rgb(50,50,50);}
#top-menu li .active {font-weight: bold; background-color:rgba(250,250,250,0.4); color: rgba(0,0,0,1); border-radius: 12px 12px 0 0; border: 1px solid black; border-bottom: none }
#pageheader {
background: red;
}
#main {
clear: both;
}
#main-nav {float:left; width: 100%; border-top:1px solid #bbb; border-bottom:1px solid #bbb; background:rgb(220,220,220) url("../img/bg_head_bottom_nav.jpg") repeat-x; color:rgb(75,75,75); font-size:130%;}
#main-nav ul {list-style-type:none;}
#main-nav ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; }
#main-nav ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
#main-nav ul li ul {display:none; border:none;}
#main-nav ul li .active { font-weight: bold; background-color:rgba(0,150,250,0.35); color: rgba(255,255,250,0.8); }
#main-nav ul li:hover a { background-color:rgba(0,150,250,0.1); text-decoration:none; } /*Color main cells hovering mode*/
#main-nav ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
#main-nav ul li:hover ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
#main-nav ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/
.container.top, .container.bottom {
clear: both;
text-align: center;
}
.container.top a, .container.bottom a {
font-size: 90%;
color: #aaa;
text-decoration: none;
}
#right {display:inline /*Fix IE floating margin bug*/; float:right; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#right {width: 200px;}
#right ul {list-style:none; margin:0em 0 0em 0px;}
#right ul li {margin:0px 0 0.2em 0px; padding:0px 0px 0 0px; line-height:1.2em; font-size:110%;}
#right a { color: black}
#right li a, #right li a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding-left: 5px; border:none; font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:120%; }
#right li a:hover {background-color:rgba(0,130,250,0.1); text-decoration:none; }
#right h1 {clear:both; padding:4px 20px 3px 10px; background:rgba(0,130,250,0.5); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:160%;}
#right h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
#right h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
#right li .active { background:rgba(0,130,250,0.1); padding-left: 20px; }
#right li a.active { font-weight: bold; }
#left {display:inline; /*Fix IE floating margin bug*/; float:left; width:660px; margin: 0 20px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#left h1 {
margin-bottom: 1em;
}
#left a {
text-decoration: none;
color: blue;
}
#left:a visited {
color: blue;
}
#left h1, #left h2, #left p {
margin-bottom: 1.5em;
}
.container.bottom {
clear: both;
}
table {
border: none;
border-spacing: 0;
width: 100%;
text-align: left;
margin-bottom: 1.5em;
}
table thead th {
border: none;
font-size: 120%;
}
table thead th {
border-bottom: 1px solid black;
padding: 5px;
padding-left: 1em;
}
table tbody td {
border: none;
padding: 5px;
padding-left: 1em;
vertical-align: top;
}
label {
}
.expired {
color: #c0c0c0;
}
/* input {
border: 1px solid #ccc;
padding: 3px 6px;
border-radius: 6px;
background:rgba(0,130,250,0.1);
margin-right: 1em;
}
input:focus{
border: 1px solid black;
background:rgba(0,130,250,0.2);
}
input[type=submit] {
padding: 4px 16px;
border-radius: 8px;
border: 1px solid black;
background: skyblue;
}
input[type=submit]:hover {
padding: 4px 16px;
border-radius: 8px;
border: 1px solid black;
background: lightblue;
}
*/
code/MoyaWeb/WebContent/resources/templates/template1/css/tabnav.css 0 → 100644
#edit { float: left; width:100%; border-bottom: 1px solid black; }
ul#usertabnav { float:left; width: 100%; border:1px solid rgba(200,200,200,0); background:rgba(200,200,200,0); border-radius: 16px 16px 0 0; }
ul#usertabnav li {display:inline; list-style:none; }
ul#usertabnav li a {display:block; line-height: 1.7em; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125); text-decoration:none; font-size:120%; background-color:rgba(100,100,100,0.3); color: rgba(0,0,0,1); border-radius: 12px 12px 0 0; border: 1px solid rgba(0,0,0,0.1); border-bottom: none;}
ul#usertabnava:hover {text-decoration:none; color:rgb(50,50,50);}
ul#usertabnav li .active {font-weight: bold; background-color:rgba(250,250,250,0.4); color: rgba(0,0,0,1); border-radius: 12px 12px 0 0; border: 1px solid black; border-bottom: none }
#edit {
clear: both;
}
\ No newline at end of file
code/MoyaWeb/WebContent/resources/templates/template1/template.xhtml
......@@ -19,9 +19,9 @@
<meta http-equiv="Content-Language" content="fi" />
<link rel="stylesheet" type="text/css"
href="#{request.contextPath}/resources/style/template1/css/style.css" />
href="#{request.contextPath}/resources/templates/template1/css/style.css" />
<link rel="stylesheet" type="text/css"
href="#{request.contextPath}/resources/style/template1/css/general.css" />
href="#{request.contextPath}/resources/templates/template1/css/general.css" />
<ui:insert name="headerdata" />
</h:head>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!