iniziato update dichiarazioni
This commit is contained in:
Samuele E. Locatelli
+44
-182
@@ -1,197 +1,59 @@
|
||||
/* First breakpoint is 460px. 3 column layout. Tiles 150x150 pixels at the breakpoint. */
|
||||
@media all and (min-width: 460px) {
|
||||
.elDich .ui-content {
|
||||
padding: 9px;
|
||||
}
|
||||
.elDich .ui-listview .ui-li.ui-btn {
|
||||
float: left;
|
||||
width: 30.9333%;
|
||||
/* 33.3333% incl. 2 x 1.2% margin */
|
||||
height: 132px;
|
||||
margin: 9px 1.2%;
|
||||
border-width: 0;
|
||||
/* The 1px border would break the layout so we set it on .ui-btn-inner instead. */
|
||||
}
|
||||
/* If you don't want a border at all, just set "border: none;" here to negate the semi white top border */
|
||||
.elDich .ui-listview .ui-li.ui-btn-inner {
|
||||
border: inherit;
|
||||
border-width: 1px;
|
||||
margin: -1px;
|
||||
}
|
||||
.elDich .ui-listview .ui-btn-inner,
|
||||
.elDich .ui-listview .ui-btn-text,
|
||||
.elDich .ui-listview .ui-link-inherit,
|
||||
.elDich .ui-listview .ui-li-thumb {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
.elDich .ui-listview .ui-link-inherit {
|
||||
padding: 0 !important;
|
||||
position: relative;
|
||||
}
|
||||
/* Inherit the border-radius from the UL that has class .ui-corner-all in case of an inset listview. */
|
||||
.elDich .ui-listview .ui-li,
|
||||
.elDich .ui-listview .ui-btn-text,
|
||||
.elDich .ui-listview .ui-link-inherit,
|
||||
.elDich .ui-listview .ui-li-thumb {
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
.elDich .ui-listview .ui-li-thumb {
|
||||
height: auto;
|
||||
/* To keep aspect ratio. */
|
||||
max-width: 100%;
|
||||
max-height: none;
|
||||
margin: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
/* Hide the icon */
|
||||
.elDich .ui-listview .ui-icon {
|
||||
display: none;
|
||||
}
|
||||
/* Make text wrap. */
|
||||
.elDich .ui-listview .ui-li-heading,
|
||||
.elDich .ui-listview .ui-li-desc {
|
||||
/* Gestione blocchi dichiarazione fermate */
|
||||
.labelBottom {
|
||||
background: #111;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
padding: 0 0.4em;
|
||||
min-height: 30%;
|
||||
width: 100%;
|
||||
-webkit-border-bottom-left-radius: inherit;
|
||||
border-bottom-left-radius: inherit;
|
||||
-webkit-border-bottom-right-radius: inherit;
|
||||
border-bottom-right-radius: inherit;
|
||||
line-height: 1em;
|
||||
}
|
||||
/* First breakpoint is 460px. 3 column layout. Tiles 150x150 pixels at the breakpoint. */
|
||||
@media all and (max-width: 600px) {
|
||||
.dichBlock {
|
||||
font-family: 'Open Sans Condensed', sans-serif;
|
||||
white-space: normal;
|
||||
overflow: visible;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
/* Text position */
|
||||
.elDich .ui-listview .ui-li-heading {
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
bottom: 40%;
|
||||
}
|
||||
.elDich .ui-listview .ui-li-desc {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
margin: 0;
|
||||
padding: 0 20px;
|
||||
min-height: 40%;
|
||||
bottom: 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
/* Semi transparent background and different position if there is a thumb */
|
||||
.ui-li-dich {
|
||||
background: #111;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
-webkit-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
/*
|
||||
.ui-listview .ui-li-has-thumb .ui-li-heading
|
||||
{
|
||||
padding: 10px;
|
||||
bottom: 20%;
|
||||
}
|
||||
*/
|
||||
.ui-li-dich {
|
||||
padding: 0 10px;
|
||||
min-height: 20%;
|
||||
-webkit-border-bottom-left-radius: inherit;
|
||||
border-bottom-left-radius: inherit;
|
||||
-webkit-border-bottom-right-radius: inherit;
|
||||
border-bottom-right-radius: inherit;
|
||||
}
|
||||
/* ui-li-aside has class .ui-li-desc as well so we have to override some things. */
|
||||
.elDich .ui-listview .ui-li-desc.ui-li-aside {
|
||||
padding: 2px 10px;
|
||||
width: auto;
|
||||
min-height: 0;
|
||||
top: 0;
|
||||
left: auto;
|
||||
bottom: auto;
|
||||
/* Custom styling. */
|
||||
color: #c0c0c0;
|
||||
background: #990099;
|
||||
background: rgba(153, 0, 153, 0.85);
|
||||
-webkit-border-top-right-radius: inherit;
|
||||
border-top-right-radius: inherit;
|
||||
-webkit-border-bottom-left-radius: inherit;
|
||||
border-bottom-left-radius: inherit;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
/* If you want to add shadow, don't kill the focus style. */
|
||||
.elDich .ui-listview .ui-btn:not(.ui-focus) {
|
||||
-moz-box-shadow: 0px 0px 9px #111;
|
||||
-webkit-box-shadow: 0px 0px 9px #111;
|
||||
box-shadow: 0px 0px 9px #111;
|
||||
}
|
||||
/* Images mask the hover bg color so we give desktop users feedback by applying the focus style on hover as well. */
|
||||
.elDich .ui-listview .ui-btn:hover {
|
||||
-moz-box-shadow: 0px 0px 12px #387bbe;
|
||||
-webkit-box-shadow: 0px 0px 12px #387bbe;
|
||||
box-shadow: 0px 0px 12px #387bbe;
|
||||
}
|
||||
/* Animate focus and hover style, and resizing. */
|
||||
.elDich .ui-listview .ui-btn {
|
||||
-webkit-transition: all 500ms ease;
|
||||
-moz-transition: all 500ms ease;
|
||||
-o-transition: all 500ms ease;
|
||||
-ms-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
color: #FFF;
|
||||
background-image: linear-gradient(#111, #000);
|
||||
box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
|
||||
width: 7em;
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
/* Second breakpoint. 4 column layout. Tiles will be 150x150 pixels again at the breakpoint. */
|
||||
@media all and (min-width: 600px) {
|
||||
.elDich .ui-content {
|
||||
padding: 10px;
|
||||
}
|
||||
/* Set a max-width for the last breakpoint to prevent too much stretching on large screens.
|
||||
By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
|
||||
.elDich .ui-listview {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
/* Because of the 1000px max-width the width will always be 230px (and margin left/right 10px),
|
||||
but we stick to percentage values for demo purposes. */
|
||||
.elDich .ui-listview .ui-li.ui-btn {
|
||||
width: 23%;
|
||||
height: 148px;
|
||||
margin: 10px 1%;
|
||||
.dichBlock {
|
||||
font-family: 'Open Sans Condensed', sans-serif;
|
||||
color: #FFF;
|
||||
background-image: linear-gradient(#111, #000);
|
||||
box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
|
||||
width: 8em;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
}
|
||||
/* Second breakpoint. 5 column layout. Tiles will be 156x156 pixels again at the breakpoint. */
|
||||
@media all and (min-width: 800px) {
|
||||
.elDich .ui-content {
|
||||
padding: 10px;
|
||||
}
|
||||
/* Set a max-width for the last breakpoint to prevent too much stretching on large screens.
|
||||
By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
|
||||
.elDich .ui-listview {
|
||||
max-width: 1000px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
/* Because of the 1000px max-width the width will always be 230px (and margin left/right 10px),
|
||||
but we stick to percentage values for demo purposes. */
|
||||
.elDich .ui-listview .ui-li.ui-btn {
|
||||
width: 18%;
|
||||
height: 156px;
|
||||
margin: 10px 1%;
|
||||
.dichBlock {
|
||||
font-family: 'Open Sans Condensed', sans-serif;
|
||||
color: #FFF;
|
||||
background-image: linear-gradient(#111, #000);
|
||||
box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
|
||||
width: 8em;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
/* Second breakpoint. 6 column layout. Tiles will be 156x156 pixels again at the breakpoint. */
|
||||
@media all and (min-width: 1100px) {
|
||||
.elDich .ui-content {
|
||||
padding: 10px;
|
||||
}
|
||||
/* Set a max-width for the last breakpoint to prevent too much stretching on large screens.
|
||||
By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
|
||||
.elDich .ui-listview {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
/* Because of the 1000px max-width the width will always be 230px (and margin left/right 10px),
|
||||
but we stick to percentage values for demo purposes. */
|
||||
.elDich .ui-listview .ui-li.ui-btn {
|
||||
width: 14.5%;
|
||||
height: 160px;
|
||||
margin: 10px 1%;
|
||||
.dichBlock {
|
||||
font-family: 'Open Sans Condensed', sans-serif;
|
||||
color: #FFF;
|
||||
background-image: linear-gradient(#111, #000);
|
||||
box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
|
||||
width: 9em;
|
||||
font-size: 1.6em;
|
||||
}
|
||||
}
|
||||
+59
-215
@@ -1,217 +1,61 @@
|
||||
/* First breakpoint is 460px. 3 column layout. Tiles 150x150 pixels at the breakpoint. */
|
||||
@media all and (min-width: 460px)
|
||||
{
|
||||
.elDich .ui-content
|
||||
{
|
||||
padding: 9px;
|
||||
}
|
||||
.elDich .ui-listview .ui-li.ui-btn
|
||||
{
|
||||
float: left;
|
||||
width: 30.9333%; /* 33.3333% incl. 2 x 1.2% margin */
|
||||
height: 132px;
|
||||
margin: 9px 1.2%;
|
||||
border-width: 0; /* The 1px border would break the layout so we set it on .ui-btn-inner instead. */
|
||||
}
|
||||
/* If you don't want a border at all, just set "border: none;" here to negate the semi white top border */
|
||||
.elDich .ui-listview .ui-li.ui-btn-inner
|
||||
{
|
||||
border: inherit;
|
||||
border-width: 1px;
|
||||
margin: -1px;
|
||||
}
|
||||
.elDich .ui-listview .ui-btn-inner, .elDich .ui-listview .ui-btn-text, .elDich .ui-listview .ui-link-inherit, .elDich .ui-listview .ui-li-thumb
|
||||
{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
.elDich .ui-listview .ui-link-inherit
|
||||
{
|
||||
padding: 0 !important;
|
||||
position: relative;
|
||||
}
|
||||
/* Inherit the border-radius from the UL that has class .ui-corner-all in case of an inset listview. */
|
||||
.elDich .ui-listview .ui-li, .elDich .ui-listview .ui-btn-text, .elDich .ui-listview .ui-link-inherit, .elDich .ui-listview .ui-li-thumb
|
||||
{
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
.elDich .ui-listview .ui-li-thumb
|
||||
{
|
||||
height: auto; /* To keep aspect ratio. */
|
||||
max-width: 100%;
|
||||
max-height: none;
|
||||
margin: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
/* Hide the icon */
|
||||
.elDich .ui-listview .ui-icon
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
/* Make text wrap. */
|
||||
.elDich .ui-listview .ui-li-heading, .elDich .ui-listview .ui-li-desc
|
||||
{
|
||||
font-family: 'Open Sans Condensed' , sans-serif;
|
||||
white-space: normal;
|
||||
overflow: visible;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
/* Text position */
|
||||
.elDich .ui-listview .ui-li-heading
|
||||
{
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
bottom: 40%;
|
||||
}
|
||||
.elDich .ui-listview .ui-li-desc
|
||||
{
|
||||
font-family: 'Open Sans' , sans-serif;
|
||||
margin: 0;
|
||||
padding: 0 20px;
|
||||
min-height: 40%;
|
||||
bottom: 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
/* Semi transparent background and different position if there is a thumb */
|
||||
.ui-li-dich
|
||||
{
|
||||
background: #111;
|
||||
background: rgba(0,0,0,.8);
|
||||
-webkit-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
/*
|
||||
.ui-listview .ui-li-has-thumb .ui-li-heading
|
||||
{
|
||||
padding: 10px;
|
||||
bottom: 20%;
|
||||
}
|
||||
*/
|
||||
.ui-li-dich
|
||||
{
|
||||
padding: 0 10px;
|
||||
min-height: 20%;
|
||||
-webkit-border-bottom-left-radius: inherit;
|
||||
border-bottom-left-radius: inherit;
|
||||
-webkit-border-bottom-right-radius: inherit;
|
||||
border-bottom-right-radius: inherit;
|
||||
}
|
||||
/* ui-li-aside has class .ui-li-desc as well so we have to override some things. */
|
||||
.elDich .ui-listview .ui-li-desc.ui-li-aside
|
||||
{
|
||||
padding: 2px 10px;
|
||||
width: auto;
|
||||
min-height: 0;
|
||||
top: 0;
|
||||
left: auto;
|
||||
bottom: auto; /* Custom styling. */
|
||||
color: #c0c0c0;
|
||||
background: #990099;
|
||||
background: rgba(153,0,153,.85);
|
||||
-webkit-border-top-right-radius: inherit;
|
||||
border-top-right-radius: inherit;
|
||||
-webkit-border-bottom-left-radius: inherit;
|
||||
border-bottom-left-radius: inherit;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
/* If you want to add shadow, don't kill the focus style. */
|
||||
.elDich .ui-listview .ui-btn:not(.ui-focus)
|
||||
{
|
||||
-moz-box-shadow: 0px 0px 9px #111;
|
||||
-webkit-box-shadow: 0px 0px 9px #111;
|
||||
box-shadow: 0px 0px 9px #111;
|
||||
}
|
||||
/* Images mask the hover bg color so we give desktop users feedback by applying the focus style on hover as well. */
|
||||
.elDich .ui-listview .ui-btn:hover
|
||||
{
|
||||
-moz-box-shadow: 0px 0px 12px #387bbe;
|
||||
-webkit-box-shadow: 0px 0px 12px #387bbe;
|
||||
box-shadow: 0px 0px 12px #387bbe;
|
||||
}
|
||||
/* Animate focus and hover style, and resizing. */
|
||||
.elDich .ui-listview .ui-btn
|
||||
{
|
||||
-webkit-transition: all 500ms ease;
|
||||
-moz-transition: all 500ms ease;
|
||||
-o-transition: all 500ms ease;
|
||||
-ms-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
}
|
||||
/* Second breakpoint. 4 column layout. Tiles will be 150x150 pixels again at the breakpoint. */
|
||||
@media all and (min-width: 600px)
|
||||
{
|
||||
.elDich .ui-content
|
||||
{
|
||||
padding: 10px;
|
||||
}
|
||||
/* Set a max-width for the last breakpoint to prevent too much stretching on large screens.
|
||||
By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
|
||||
.elDich .ui-listview
|
||||
{
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
/* Because of the 1000px max-width the width will always be 230px (and margin left/right 10px),
|
||||
but we stick to percentage values for demo purposes. */
|
||||
.elDich .ui-listview .ui-li.ui-btn
|
||||
{
|
||||
width: 23%;
|
||||
height: 148px;
|
||||
margin: 10px 1%;
|
||||
}
|
||||
}
|
||||
/* Second breakpoint. 5 column layout. Tiles will be 156x156 pixels again at the breakpoint. */
|
||||
@media all and (min-width: 800px)
|
||||
{
|
||||
.elDich .ui-content
|
||||
{
|
||||
padding: 10px;
|
||||
}
|
||||
/* Set a max-width for the last breakpoint to prevent too much stretching on large screens.
|
||||
By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
|
||||
.elDich .ui-listview
|
||||
{
|
||||
max-width: 1000px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
/* Because of the 1000px max-width the width will always be 230px (and margin left/right 10px),
|
||||
but we stick to percentage values for demo purposes. */
|
||||
.elDich .ui-listview .ui-li.ui-btn
|
||||
{
|
||||
width: 18%;
|
||||
height: 156px;
|
||||
margin: 10px 1%;
|
||||
}
|
||||
}
|
||||
/* Second breakpoint. 6 column layout. Tiles will be 156x156 pixels again at the breakpoint. */
|
||||
@media all and (min-width: 1100px)
|
||||
{
|
||||
.elDich .ui-content
|
||||
{
|
||||
padding: 10px;
|
||||
}
|
||||
/* Set a max-width for the last breakpoint to prevent too much stretching on large screens.
|
||||
By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
|
||||
.elDich .ui-listview
|
||||
{
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
/* Because of the 1000px max-width the width will always be 230px (and margin left/right 10px),
|
||||
but we stick to percentage values for demo purposes. */
|
||||
.elDich .ui-listview .ui-li.ui-btn
|
||||
{
|
||||
width: 14.5%;
|
||||
height: 160px;
|
||||
margin: 10px 1%;
|
||||
}
|
||||
/* Gestione blocchi dichiarazione fermate */
|
||||
|
||||
.labelBottom {
|
||||
background: #111;
|
||||
background: rgba(0,0,0,.8);
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
padding: 0 0.4em;
|
||||
min-height: 30%;
|
||||
width: 100%;
|
||||
-webkit-border-bottom-left-radius: inherit;
|
||||
border-bottom-left-radius: inherit;
|
||||
-webkit-border-bottom-right-radius: inherit;
|
||||
border-bottom-right-radius: inherit;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
/* First breakpoint is 460px. 3 column layout. Tiles 150x150 pixels at the breakpoint. */
|
||||
@media all and (max-width: 600px) {
|
||||
.dichBlock {
|
||||
font-family: 'Open Sans Condensed', sans-serif;
|
||||
color: #FFF;
|
||||
background-image: linear-gradient(#111, #000);
|
||||
box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
|
||||
width: 7em;
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
/* Second breakpoint. 4 column layout. Tiles will be 150x150 pixels again at the breakpoint. */
|
||||
@media all and (min-width: 600px) {
|
||||
.dichBlock {
|
||||
font-family: 'Open Sans Condensed', sans-serif;
|
||||
color: #FFF;
|
||||
background-image: linear-gradient(#111, #000);
|
||||
box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
|
||||
width: 8em;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
}
|
||||
/* Second breakpoint. 5 column layout. Tiles will be 156x156 pixels again at the breakpoint. */
|
||||
@media all and (min-width: 800px) {
|
||||
.dichBlock {
|
||||
font-family: 'Open Sans Condensed', sans-serif;
|
||||
color: #FFF;
|
||||
background-image: linear-gradient(#111, #000);
|
||||
box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
|
||||
width: 8em;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
/* Second breakpoint. 6 column layout. Tiles will be 156x156 pixels again at the breakpoint. */
|
||||
@media all and (min-width: 1100px) {
|
||||
.dichBlock {
|
||||
font-family: 'Open Sans Condensed', sans-serif;
|
||||
color: #FFF;
|
||||
background-image: linear-gradient(#111, #000);
|
||||
box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
|
||||
width: 9em;
|
||||
font-size: 1.6em;
|
||||
}
|
||||
}
|
||||
|
||||
Vendored
+1
-1
@@ -1 +1 @@
|
||||
@media all and (min-width:460px){.elDich .ui-content{padding:9px;}.elDich .ui-listview .ui-li.ui-btn{float:left;width:30.9333%;height:132px;margin:9px 1.2%;border-width:0;}.elDich .ui-listview .ui-li.ui-btn-inner{border:inherit;border-width:1px;margin:-1px;}.elDich .ui-listview .ui-btn-inner,.elDich .ui-listview .ui-btn-text,.elDich .ui-listview .ui-link-inherit,.elDich .ui-listview .ui-li-thumb{width:100%;height:100%;display:block;overflow:hidden;}.elDich .ui-listview .ui-link-inherit{padding:0 !important;position:relative;}.elDich .ui-listview .ui-li,.elDich .ui-listview .ui-btn-text,.elDich .ui-listview .ui-link-inherit,.elDich .ui-listview .ui-li-thumb{-webkit-border-radius:inherit;border-radius:inherit;}.elDich .ui-listview .ui-li-thumb{height:auto;max-width:100%;max-height:none;margin:0;left:0;z-index:-1;}.elDich .ui-listview .ui-icon{display:none;}.elDich .ui-listview .ui-li-heading,.elDich .ui-listview .ui-li-desc{font-family:'Open Sans Condensed',sans-serif;white-space:normal;overflow:visible;position:absolute;left:0;right:0;}.elDich .ui-listview .ui-li-heading{margin:0;padding:20px;bottom:40%;}.elDich .ui-listview .ui-li-desc{font-family:'Open Sans',sans-serif;margin:0;padding:0 20px;min-height:40%;bottom:0;line-height:1.5;}.ui-li-dich{background:#111;background:rgba(0,0,0,.8);-webkit-background-clip:padding;background-clip:padding-box;}.ui-li-dich{padding:0 10px;min-height:20%;-webkit-border-bottom-left-radius:inherit;border-bottom-left-radius:inherit;-webkit-border-bottom-right-radius:inherit;border-bottom-right-radius:inherit;}.elDich .ui-listview .ui-li-desc.ui-li-aside{padding:2px 10px;width:auto;min-height:0;top:0;left:auto;bottom:auto;color:#c0c0c0;background:#909;background:rgba(153,0,153,.85);-webkit-border-top-right-radius:inherit;border-top-right-radius:inherit;-webkit-border-bottom-left-radius:inherit;border-bottom-left-radius:inherit;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;}.elDich .ui-listview .ui-btn:not(.ui-focus){-moz-box-shadow:0 0 9px #111;-webkit-box-shadow:0 0 9px #111;box-shadow:0 0 9px #111;}.elDich .ui-listview .ui-btn:hover{-moz-box-shadow:0 0 12px #387bbe;-webkit-box-shadow:0 0 12px #387bbe;box-shadow:0 0 12px #387bbe;}.elDich .ui-listview .ui-btn{-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;-ms-transition:all 500ms ease;transition:all 500ms ease;}}@media all and (min-width:600px){.elDich .ui-content{padding:10px;}.elDich .ui-listview{max-width:800px;margin:0 auto;}.elDich .ui-listview .ui-li.ui-btn{width:23%;height:148px;margin:10px 1%;}}@media all and (min-width:800px){.elDich .ui-content{padding:10px;}.elDich .ui-listview{max-width:1000px;margin:0 auto;}.elDich .ui-listview .ui-li.ui-btn{width:18%;height:156px;margin:10px 1%;}}@media all and (min-width:1100px){.elDich .ui-content{padding:10px;}.elDich .ui-listview{max-width:1200px;margin:0 auto;}.elDich .ui-listview .ui-li.ui-btn{width:14.5%;height:160px;margin:10px 1%;}}
|
||||
.labelBottom{background:#111;background:rgba(0,0,0,.8);-webkit-background-clip:padding-box;background-clip:padding-box;padding:0 .4em;min-height:30%;width:100%;-webkit-border-bottom-left-radius:inherit;border-bottom-left-radius:inherit;-webkit-border-bottom-right-radius:inherit;border-bottom-right-radius:inherit;line-height:1em;}@media all and (max-width:600px){.dichBlock{font-family:'Open Sans Condensed',sans-serif;color:#fff;background-image:linear-gradient(#111,#000);box-shadow:5px 5px 10px 0 rgba(150,150,150,.2),10px 10px 10px 0 rgba(200,200,200,.39);width:7em;font-size:1em;}}@media all and (min-width:600px){.dichBlock{font-family:'Open Sans Condensed',sans-serif;color:#fff;background-image:linear-gradient(#111,#000);box-shadow:5px 5px 10px 0 rgba(150,150,150,.2),10px 10px 10px 0 rgba(200,200,200,.39);width:8em;font-size:1.25em;}}@media all and (min-width:800px){.dichBlock{font-family:'Open Sans Condensed',sans-serif;color:#fff;background-image:linear-gradient(#111,#000);box-shadow:5px 5px 10px 0 rgba(150,150,150,.2),10px 10px 10px 0 rgba(200,200,200,.39);width:8em;font-size:1.5em;}}@media all and (min-width:1100px){.dichBlock{font-family:'Open Sans Condensed',sans-serif;color:#fff;background-image:linear-gradient(#111,#000);box-shadow:5px 5px 10px 0 rgba(150,150,150,.2),10px 10px 10px 0 rgba(200,200,200,.39);width:9em;font-size:1.6em;}}
|
||||
@@ -1,17 +1,24 @@
|
||||
<%@ Page Title="" Language="C#" MasterPageFile="~/WebMasterPages/jQueryMobile.Master" AutoEventWireup="true" CodeBehind="Dichiarazione.aspx.cs"
|
||||
Inherits="MoonProTablet.Dichiarazione" %>
|
||||
<%@ Page Title="" Language="C#" MasterPageFile="~/WebMasterPages/Bootstrap.Master" AutoEventWireup="true" CodeBehind="Dichiarazione.aspx.cs"
|
||||
Inherits="MoonProTablet.Dichiarazione" %>
|
||||
|
||||
<%@ Register Src="WebUserControls/mod_dettMacchina.ascx" TagName="mod_dettMacchina" TagPrefix="uc1" %>
|
||||
<%@ Register Src="WebUserControls/mod_dichiarazione.ascx" TagName="mod_dichiarazione" TagPrefix="uc2" %>
|
||||
<%@ Register src="WebUserControls/mod_insComm.ascx" tagname="mod_insComm" tagprefix="uc3" %>
|
||||
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
|
||||
</asp:Content>
|
||||
<%@ Register Src="WebUserControls/mod_insComm.ascx" TagName="mod_insComm" TagPrefix="uc3" %>
|
||||
|
||||
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
|
||||
<div class="clearDiv" data-role="content">
|
||||
<div class="container-fluid my-3 mx-4" role="main">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6 col-md-4 col-lg-3">
|
||||
<uc1:mod_dettMacchina ID="mod_dettMacchina1" runat="server" />
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-md-8 col-lg-9">
|
||||
<uc3:mod_insComm ID="mod_insComm1" runat="server" showSalva="false" labelAddCommento="Dich Retroattiva" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearDiv" data-role="content" data-theme="a">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<uc2:mod_dichiarazione ID="mod_dichiarazione1" runat="server" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</asp:Content>
|
||||
|
||||
@@ -1,22 +1,32 @@
|
||||
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="mod_dichiarazione.ascx.cs" Inherits="MoonProTablet.WebUserControls.mod_dichiarazione" %>
|
||||
<div class="ui-grid-solo">
|
||||
<asp:Label runat="server" ID="lblOut" ForeColor="Red" />
|
||||
|
||||
<div class="d-flex p-2 bg-dark">
|
||||
<asp:Label runat="server" ID="lblOut" ForeColor="Red" />
|
||||
</div>
|
||||
<div class="elDich">
|
||||
<ul data-role="listview" data-inset="true">
|
||||
<asp:Repeater ID="repLI" runat="server" DataSourceID="ods">
|
||||
<ItemTemplate>
|
||||
<li>
|
||||
<asp:LinkButton ID="hlEvento" runat="server" OnClick="hlEvento_Click" CommandArgument='<%# Eval("value") %>'>
|
||||
<img src='<%# ImgUrl(Eval("value")) %>' alt='<%# Eval("label") %>'>
|
||||
<p class="ui-li-dich" style="font-size: 12pt;">
|
||||
<asp:Label runat="server" ID="lblTitle" Text='<%# Eval("label") %>' />
|
||||
</p>
|
||||
</asp:LinkButton>
|
||||
</li>
|
||||
</ItemTemplate>
|
||||
</asp:Repeater>
|
||||
<asp:ObjectDataSource ID="ods" runat="server" OldValuesParameterFormatString="original_{0}" SelectMethod="GetData" TypeName="MapoDb.DS_UtilityTableAdapters.v_selEventiBCodeTableAdapter">
|
||||
</asp:ObjectDataSource>
|
||||
</ul>
|
||||
<div class="d-flex flex-wrap">
|
||||
<asp:Repeater ID="repLI" runat="server" DataSourceID="ods">
|
||||
<ItemTemplate>
|
||||
<div class="m-1 p-0">
|
||||
<asp:LinkButton ID="hlEvento" runat="server" OnClick="hlEvento_Click" CommandArgument='<%# Eval("value") %>'>
|
||||
<div class="card text-white dichBlock rCAll">
|
||||
<img class="card-img bg-dark rCAll" src='<%# ImgUrl(Eval("value")) %>' alt='<%# Eval("label") %>'>
|
||||
<div class="card-img-overlay p-0 d-flex flex-row-reverse align-items-end rCBot">
|
||||
<div class="labelBottom text-center px-2 text-uppercase">
|
||||
<asp:Label runat="server" ID="lblBadge" Text='<%# Eval("label") %>' />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</asp:LinkButton>
|
||||
</div>
|
||||
<%--<div class="m-1 p-1 bg-black mapBlock rCAll">
|
||||
<asp:LinkButton ID="hlEvento" runat="server" OnClick="hlEvento_Click" CommandArgument='<%# Eval("value") %>'>
|
||||
<img src='<%# ImgUrl(Eval("value")) %>' alt='<%# Eval("label") %>'>
|
||||
<p class="ui-li-dich" style="font-size: 12pt;">
|
||||
<asp:Label runat="server" ID="lblTitle" Text='<%# Eval("label") %>' />
|
||||
</p>
|
||||
</asp:LinkButton>
|
||||
</div>--%>
|
||||
</ItemTemplate>
|
||||
</asp:Repeater>
|
||||
<asp:ObjectDataSource ID="ods" runat="server" OldValuesParameterFormatString="original_{0}" SelectMethod="GetData" TypeName="MapoDb.DS_UtilityTableAdapters.v_selEventiBCodeTableAdapter"></asp:ObjectDataSource>
|
||||
</div>
|
||||
|
||||
+17
-18
@@ -1,42 +1,41 @@
|
||||
//------------------------------------------------------------------------------
|
||||
// <auto-generated>
|
||||
// This code was generated by a tool.
|
||||
// <generato automaticamente>
|
||||
// Codice generato da uno strumento.
|
||||
//
|
||||
// Changes to this file may cause incorrect behavior and will be lost if
|
||||
// the code is regenerated.
|
||||
// </auto-generated>
|
||||
// Le modifiche a questo file possono causare un comportamento non corretto e verranno perse se
|
||||
// il codice viene rigenerato.
|
||||
// </generato automaticamente>
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
namespace MoonProTablet.WebUserControls
|
||||
{
|
||||
|
||||
|
||||
namespace MoonProTablet.WebUserControls {
|
||||
|
||||
|
||||
public partial class mod_dichiarazione {
|
||||
|
||||
/// <summary>
|
||||
/// lblOut control.
|
||||
/// Controllo lblOut.
|
||||
/// </summary>
|
||||
/// <remarks>
|
||||
/// Auto-generated field.
|
||||
/// To modify move field declaration from designer file to code-behind file.
|
||||
/// Campo generato automaticamente.
|
||||
/// Per la modifica, spostare la dichiarazione di campo dal file di progettazione al file code-behind.
|
||||
/// </remarks>
|
||||
protected global::System.Web.UI.WebControls.Label lblOut;
|
||||
|
||||
/// <summary>
|
||||
/// repLI control.
|
||||
/// Controllo repLI.
|
||||
/// </summary>
|
||||
/// <remarks>
|
||||
/// Auto-generated field.
|
||||
/// To modify move field declaration from designer file to code-behind file.
|
||||
/// Campo generato automaticamente.
|
||||
/// Per la modifica, spostare la dichiarazione di campo dal file di progettazione al file code-behind.
|
||||
/// </remarks>
|
||||
protected global::System.Web.UI.WebControls.Repeater repLI;
|
||||
|
||||
/// <summary>
|
||||
/// ods control.
|
||||
/// Controllo ods.
|
||||
/// </summary>
|
||||
/// <remarks>
|
||||
/// Auto-generated field.
|
||||
/// To modify move field declaration from designer file to code-behind file.
|
||||
/// Campo generato automaticamente.
|
||||
/// Per la modifica, spostare la dichiarazione di campo dal file di progettazione al file code-behind.
|
||||
/// </remarks>
|
||||
protected global::System.Web.UI.WebControls.ObjectDataSource ods;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user