Issue
Code backup
This commit is contained in:
@@ -0,0 +1,57 @@
|
||||
<html>
|
||||
<style>
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.left {
|
||||
background-color: green;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
transition: width 1s;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.left.active {
|
||||
right: 50%;
|
||||
}
|
||||
|
||||
.right {
|
||||
background-color: red;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
transition: left 1s;
|
||||
}
|
||||
|
||||
.right.active {
|
||||
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
</style>
|
||||
<body>
|
||||
|
||||
<div class="left">Left</div>
|
||||
|
||||
<div class="right">Right</div>
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
|
||||
<script>
|
||||
$('.right').on('click', function() {
|
||||
$('.left').toggleClass('active');
|
||||
$('.right').toggleClass('active');
|
||||
});
|
||||
$('.left').on('click', function() {
|
||||
$('.right').toggleClass('active');
|
||||
$('.left').toggleClass('active');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
|
||||
<html xmlns='http://www.w3.org/1999/xhtml'>
|
||||
<head>
|
||||
<meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
|
||||
<title>Service Operation Signatures Notify Mail</title>
|
||||
</head>
|
||||
<body style="width: 600px;">
|
||||
|
||||
<table style="width: 100%;">
|
||||
|
||||
<caption>
|
||||
Viene richiesta la firma delle seguenti settimane <br>
|
||||
Signature are requaired for following week
|
||||
</caption>
|
||||
<tr style="height: 50px;">
|
||||
<td>Week<br>01/01/2024 - 08/01/2024</td>
|
||||
<td><a href="https://portal.pal.it" style="background-color:yellow; border-radius: 8px;" onclick="">Firma</a></td>
|
||||
</tr>
|
||||
<tr style="height: 50px;">
|
||||
<td>Week<br>09/01/2024 - 16/01/2024</td>
|
||||
<td><a href="https://portal.pal.it" style="background-color:yellow; border-radius: 8px;" onclick="">Firma</a></td>
|
||||
</tr>
|
||||
<tr style="height: 50px;">
|
||||
<td>Week<br>17/01/2024 - 24/01/2024</td>
|
||||
<td><a href="https://portal.pal.it" style="background-color:yellow; border-radius: 8px;" onclick="">Firma</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<footer>
|
||||
<p style="text-justify: inter-word; font-size: 12px;">This document is intended only for the named adressee. If you receive this message by mistake you are requested to destroy it and contact us at PAL's e-mail address '<a href="mailto:info@pal.it" style="color: blue;">info@pal.it</a>'. PAL S.r.l. considers this document privileged, confidential and of great economical value. Any dissemination, copy, re-transmission, divulgation to third party or to competitors all over the world or other use of it in full or partially is prohibited without prior consent of PAL Directors. This e-mail comes from a non-personal e-mail box and, consequently, the content of the same as well as that of the e-mails addressed to it may be brought to the attention of other users of the sender's organization. The e-mail box usage is governed by current privacy legislation.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,171 @@
|
||||
|
||||
|
||||
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
|
||||
<html xmlns='http://www.w3.org/1999/xhtml'>
|
||||
<head>
|
||||
<meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
|
||||
<title>Mail</title>
|
||||
<style type='text/css'>
|
||||
|
||||
#main-element{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: column;
|
||||
|
||||
background-color: #363640;
|
||||
border: rgba(100, 149, 237, 0.3) solid 10px;
|
||||
border-radius: 2rem;
|
||||
height: 90%;
|
||||
margin: 20px;
|
||||
|
||||
column-gap: 2rem;
|
||||
|
||||
color: white;
|
||||
}
|
||||
|
||||
#header-elemet{
|
||||
background-color: #2f2f37;
|
||||
height: auto;
|
||||
width: 90%;
|
||||
border-radius: 1.5rem;
|
||||
|
||||
margin-top: 20px;
|
||||
border: rgba(100, 149, 237, 0.3) solid 5px;
|
||||
|
||||
display: flex;
|
||||
column-gap: 2rem;
|
||||
}
|
||||
|
||||
#header-logo {
|
||||
background-color: gray;
|
||||
aspect-ratio: calc(5/2);
|
||||
height: 120px;
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
#header-elemet h2 {
|
||||
font-size: 29px;
|
||||
font-family: 'Times New Roman', Times, serif;
|
||||
}
|
||||
|
||||
#body-element {
|
||||
display: flex;
|
||||
align-items: left;
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: column;
|
||||
gap: 2rem;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.row-week {
|
||||
background-color: #2f2f37;
|
||||
height: auto;
|
||||
width: 90%;
|
||||
border-radius: 1.5rem;
|
||||
|
||||
margin-top: 20px;
|
||||
border: rgba(100, 149, 237, 0.3) solid 5px;
|
||||
|
||||
display: flex;
|
||||
column-gap: 2rem;
|
||||
}
|
||||
|
||||
.row-week h2{
|
||||
padding-left: 2%;
|
||||
}
|
||||
|
||||
.row-week h3{
|
||||
display: grid;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.row-week div{
|
||||
display: grid;
|
||||
align-content: center;
|
||||
margin: 2%;
|
||||
width: 100%;
|
||||
font-size: large;
|
||||
}
|
||||
#footer-element{
|
||||
height: 100%;
|
||||
display: grid;
|
||||
align-content: end;
|
||||
width: 95%;
|
||||
padding-left: 1%;
|
||||
padding-right: 1%;
|
||||
}
|
||||
#footer-element h5{
|
||||
background-color: #2f2f37;
|
||||
|
||||
border-radius: 1.5rem;
|
||||
border: rgba(100, 149, 237, 0.3) solid 5px;
|
||||
padding: 1%;
|
||||
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div style="width: 650px; background-color: purple; height: 800px;">
|
||||
<div style="display: inline-flex;">
|
||||
<a style="width: 200px; background-color: grey;">
|
||||
LogoPAL
|
||||
</a>
|
||||
<div style="width: 450px; background-color: green;">
|
||||
Viene richiesta la firma delle seguenti settimane <br>
|
||||
Signature are requaired for following week
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div id="main-element">
|
||||
<div id="header-elemet">
|
||||
<div id="header-logo">
|
||||
</div>
|
||||
<div id="header-title">
|
||||
<h2>Firma Settimana<br>Signature Week</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="body-element"> <!-- onclick='window.open("www.google.com",_"newtab")'> -->
|
||||
<div class="row-week">
|
||||
<h2>Settimana<br>Week</h2>
|
||||
<h3>01/01/2024 08/01/2024</h3>
|
||||
<div>
|
||||
Clicca qui per firmare la settima indicata
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="body-element"> <!-- onclick='window.open("www.google.com",_"newtab")'> -->
|
||||
<div class="row-week">
|
||||
<h2>Settimana<br>Week</h2>
|
||||
<h3>09/01/2024 16/01/2024</h3>
|
||||
<div>
|
||||
Clicca qui per firmare la settima indicata
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="body-element"> <!-- onclick='window.open("www.google.com",_"newtab")'> -->
|
||||
<div class="row-week">
|
||||
<h2>Settimana<br>Week</h2>
|
||||
<h3>17/01/2024 24/01/2024</h3>
|
||||
<div>
|
||||
Clicca qui per firmare la settima indicata
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer-element">
|
||||
<h5>This document is intended only for the named adressee. If you receive this message by mistake you are requested to destroy it and contact us at PAL's e-mail address 'info@pal.it'. PAL S.r.l. considers this document privileged, confidential and of great economical value. Any dissemination, copy, re-transmission, divulgation to third party or to competitors all over the world or other use of it in full or partially is prohibited without prior consent of PAL Directors. This e-mail comes from a non-personal e-mail box and, consequently, the content of the same as well as that of the e-mails addressed to it may be brought to the attention of other users of the sender's organization. The e-mail box usage is governed by current privacy legislation.</h2>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
@@ -0,0 +1,32 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<WebPart xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://schemas.microsoft.com/WebPart/v2">
|
||||
<Title>Commesse 2022</Title>
|
||||
<FrameType>None</FrameType>
|
||||
<Description>Consente di visualizzare testo formattato, tabelle e immagini.</Description>
|
||||
<IsIncluded>true</IsIncluded>
|
||||
<ZoneID>Body</ZoneID>
|
||||
<PartOrder>0</PartOrder>
|
||||
<FrameState>Normal</FrameState>
|
||||
<Height />
|
||||
<Width />
|
||||
<AllowRemove>true</AllowRemove>
|
||||
<AllowZoneChange>true</AllowZoneChange>
|
||||
<AllowMinimize>true</AllowMinimize>
|
||||
<AllowConnect>true</AllowConnect>
|
||||
<AllowEdit>true</AllowEdit>
|
||||
<AllowHide>true</AllowHide>
|
||||
<IsVisible>true</IsVisible>
|
||||
<DetailLink />
|
||||
<HelpLink />
|
||||
<HelpMode>Modeless</HelpMode>
|
||||
<Dir>Default</Dir>
|
||||
<PartImageSmall />
|
||||
<MissingAssembly>Impossibile importare questa web part.</MissingAssembly>
|
||||
<PartImageLarge />
|
||||
<IsIncludedFilter />
|
||||
<Assembly>Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c</Assembly>
|
||||
<TypeName>Microsoft.SharePoint.WebPartPages.ContentEditorWebPart</TypeName>
|
||||
<ContentLink xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor" />
|
||||
<Content xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor"><![CDATA[<div><h1 style="font-weight: bold; fot-size: 18pt; clear: both;">Commesse 2022</h1></div><div><p><a style="color: green" href="https://italsortbuttrio.sharepoint.com/sites/Commesse2022/Lists/Lista%20Commesse%202022/Lista%20Commesse%202022.aspx?viewid=1de90547-a259-4b57-9727-d2b5cf49395f">Progetti Macchiana</a><br>Solo i progetti di vendita Macchine/Impianti</p></div><div><p><a style="color: green" href="https://italsortbuttrio.sharepoint.com/sites/Commesse2022/Lists/Lista%20Commesse%202022/Lista%20Commesse%202022.aspx?viewid=9d6ec0c8-bd56-4659-9d5d-e005310f0a90">Progetti Ricambi</a><br>Altri Progetti</p></div><div><p><a style="color: green" href="https://italsortbuttrio.sharepoint.com/sites/Commesse2022/Lists/Lista%20Commesse%202022/Lista%20Commesse%202022.aspx?viewid=6128400b-0d89-4864-bb18-adb3c3d5d7f4">Altri Progetti</a><br>Tutti gli altri progetti che non siano di vendita Macchine/Impianti o Ricambi</p></div>]]></Content>
|
||||
<PartStorage xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor" />
|
||||
</WebPart>
|
||||
@@ -0,0 +1,32 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<WebPart xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://schemas.microsoft.com/WebPart/v2">
|
||||
<Title>Commesse 2025</Title>
|
||||
<FrameType>None</FrameType>
|
||||
<Description>Consente di visualizzare testo formattato, tabelle e immagini.</Description>
|
||||
<IsIncluded>true</IsIncluded>
|
||||
<ZoneID>Body</ZoneID>
|
||||
<PartOrder>0</PartOrder>
|
||||
<FrameState>Normal</FrameState>
|
||||
<Height />
|
||||
<Width />
|
||||
<AllowRemove>true</AllowRemove>
|
||||
<AllowZoneChange>true</AllowZoneChange>
|
||||
<AllowMinimize>true</AllowMinimize>
|
||||
<AllowConnect>true</AllowConnect>
|
||||
<AllowEdit>true</AllowEdit>
|
||||
<AllowHide>true</AllowHide>
|
||||
<IsVisible>true</IsVisible>
|
||||
<DetailLink />
|
||||
<HelpLink />
|
||||
<HelpMode>Modeless</HelpMode>
|
||||
<Dir>Default</Dir>
|
||||
<PartImageSmall />
|
||||
<MissingAssembly>Impossibile importare questa web part.</MissingAssembly>
|
||||
<PartImageLarge />
|
||||
<IsIncludedFilter />
|
||||
<Assembly>Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c</Assembly>
|
||||
<TypeName>Microsoft.SharePoint.WebPartPages.ContentEditorWebPart</TypeName>
|
||||
<ContentLink xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor" />
|
||||
<Content xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor"><![CDATA[<div><h1 style="font-weight: bold; font-size: 18pt; clear: both;">Commesse 2025</h1></div><div><p><a style="color: green" href="https://italsortbuttrio.sharepoint.com/sites/Commesse2025/Lists/Lista%20Commesse%202025/Lista%20Commesse%202025.aspx?viewid=1d74b658-234f-44ce-b0aa-2dca4d11aa7c">Progetti Macchina</a><br>Solo i progetti di vendita Macchine/Impianti</p></div><div><p><a style="color: green" href="https://italsortbuttrio.sharepoint.com/sites/Commesse2025/Lists/Lista%20Commesse%202025/Lista%20Commesse%202025.aspx?viewid=713da9a6-915f-48d1-b529-2d9be63ff25f">Progetti Ricambi</a><br>Solo i progetti di vendita Ricambi</p></div><div><p><a style="color: green" href="https://italsortbuttrio.sharepoint.com/sites/Commesse2025/Lists/Lista%20Commesse%202025/Lista%20Commesse%202025.aspx?viewid=61322a13-dadb-40d2-877d-305c14121ff4">Altri Progetti</a><br>Tutti gli altri progetti che non siano di vendita Macchine/Impianti o Ricambi</p></div>]]></Content>
|
||||
<PartStorage xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor" />
|
||||
</WebPart>
|
||||
@@ -0,0 +1,32 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<WebPart xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://schemas.microsoft.com/WebPart/v2">
|
||||
<Title>Commesse</Title>
|
||||
<FrameType>None</FrameType>
|
||||
<Description>Consente di visualizzare testo formattato, tabelle e immagini.</Description>
|
||||
<IsIncluded>true</IsIncluded>
|
||||
<ZoneID>Header</ZoneID>
|
||||
<PartOrder>0</PartOrder>
|
||||
<FrameState>Normal</FrameState>
|
||||
<Height />
|
||||
<Width />
|
||||
<AllowRemove>true</AllowRemove>
|
||||
<AllowZoneChange>true</AllowZoneChange>
|
||||
<AllowMinimize>true</AllowMinimize>
|
||||
<AllowConnect>true</AllowConnect>
|
||||
<AllowEdit>true</AllowEdit>
|
||||
<AllowHide>true</AllowHide>
|
||||
<IsVisible>true</IsVisible>
|
||||
<DetailLink />
|
||||
<HelpLink />
|
||||
<HelpMode>Modeless</HelpMode>
|
||||
<Dir>Default</Dir>
|
||||
<PartImageSmall />
|
||||
<MissingAssembly>Impossibile importare questa web part.</MissingAssembly>
|
||||
<PartImageLarge />
|
||||
<IsIncludedFilter />
|
||||
<Assembly>Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c</Assembly>
|
||||
<TypeName>Microsoft.SharePoint.WebPartPages.ContentEditorWebPart</TypeName>
|
||||
<ContentLink xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor" />
|
||||
<Content xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor"><![CDATA[<div><h1 style="font-weight: bold; font-size: 24pt; clear: both;">Benvenuto/a nel sito delle commesse</h1></div><div><p>Da questo portale è possibile entrare nei siti annuali dei progetti.<br>Ogni sito annuale riporta tutti i progetti di quell'anno e fa da punto d'ingresso per l'archiviazione dei documenti relativi ai progetti.</p></div>]]></Content>
|
||||
<PartStorage xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor" />
|
||||
</WebPart>
|
||||
@@ -0,0 +1,37 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<WebPart xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://schemas.microsoft.com/WebPart/v2">
|
||||
<Title>Non Conformità</Title>
|
||||
<FrameType>None</FrameType>
|
||||
<Description>Consente di visualizzare testo formattato, tabelle e immagini.</Description>
|
||||
<IsIncluded>true</IsIncluded>
|
||||
<ZoneID>FullPage</ZoneID>
|
||||
<PartOrder>0</PartOrder>
|
||||
<FrameState>Normal</FrameState>
|
||||
<Height />
|
||||
<Width />
|
||||
<AllowRemove>true</AllowRemove>
|
||||
<AllowZoneChange>true</AllowZoneChange>
|
||||
<AllowMinimize>true</AllowMinimize>
|
||||
<AllowConnect>true</AllowConnect>
|
||||
<AllowEdit>true</AllowEdit>
|
||||
<AllowHide>true</AllowHide>
|
||||
<IsVisible>true</IsVisible>
|
||||
<DetailLink />
|
||||
<HelpLink />
|
||||
<HelpMode>Modeless</HelpMode>
|
||||
<Dir>Default</Dir>
|
||||
<PartImageSmall />
|
||||
<MissingAssembly>Impossibile importare questa web part.</MissingAssembly>
|
||||
<PartImageLarge />
|
||||
<IsIncludedFilter />
|
||||
<Assembly>Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c</Assembly>
|
||||
<TypeName>Microsoft.SharePoint.WebPartPages.ContentEditorWebPart</TypeName>
|
||||
<ContentLink xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor" />
|
||||
<Content xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor"><![CDATA[<div>
|
||||
<h1 style="font-weight: bold; font-size: 24pt; clear: both;">Benvenuto/a nel sito delle Non Conformità<br/></h1>
|
||||
</div>
|
||||
<div>
|
||||
<p> Da questo portale è possibile entrare nel contenitore annuale delle non conformità.<br/> Il contenitore annuale delle non conformità raccoglie tutte le non conformità dell'anno.<br/> Ogni contenitore è suddiviso poi al suo interno per la revisione della non conformità stessa.<br/></p>
|
||||
</div>]]></Content>
|
||||
<PartStorage xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor" />
|
||||
</WebPart>
|
||||
@@ -0,0 +1,32 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<WebPart xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://schemas.microsoft.com/WebPart/v2">
|
||||
<Title>Offerte</Title>
|
||||
<FrameType>None</FrameType>
|
||||
<Description>Consente di visualizzare testo formattato, tabelle e immagini.</Description>
|
||||
<IsIncluded>true</IsIncluded>
|
||||
<ZoneID>Body</ZoneID>
|
||||
<PartOrder>0</PartOrder>
|
||||
<FrameState>Normal</FrameState>
|
||||
<Height />
|
||||
<Width />
|
||||
<AllowRemove>true</AllowRemove>
|
||||
<AllowZoneChange>true</AllowZoneChange>
|
||||
<AllowMinimize>true</AllowMinimize>
|
||||
<AllowConnect>true</AllowConnect>
|
||||
<AllowEdit>true</AllowEdit>
|
||||
<AllowHide>true</AllowHide>
|
||||
<IsVisible>true</IsVisible>
|
||||
<DetailLink />
|
||||
<HelpLink />
|
||||
<HelpMode>Modeless</HelpMode>
|
||||
<Dir>Default</Dir>
|
||||
<PartImageSmall />
|
||||
<MissingAssembly>Impossibile importare questa web part.</MissingAssembly>
|
||||
<PartImageLarge />
|
||||
<IsIncludedFilter />
|
||||
<Assembly>Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c</Assembly>
|
||||
<TypeName>Microsoft.SharePoint.WebPartPages.ContentEditorWebPart</TypeName>
|
||||
<ContentLink xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor" />
|
||||
<Content xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor"><![CDATA[<div><h1 style="font-weight: bold; font-size: 24pt; clear: both;">Benvenuto/a nel sito delle Offerte</h1></div><div><p>Da questo portale è possibile entrare nel contenitore annuale delle offerte.<br>Il contenitore annuale delle offerte raccoglie tutte le offerte dell'anno.<br>Ogni contenitore è suddiviso poi al suo interno per la revisione dell'offerta stessa.</p></div>]]></Content>
|
||||
<PartStorage xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor" />
|
||||
</WebPart>
|
||||
@@ -0,0 +1,50 @@
|
||||
#Html wp
|
||||
|
||||
<div>
|
||||
<h1 style="font-weight: bold; font-size: 18pt; clear: both;">Commesse 2022</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p><a style="color: green" href="http://www.w3c.org/">Progetti Macchiana</a><br>Solo i progetti di vendita Macchine/Impianti</p>
|
||||
</div>
|
||||
<div>
|
||||
<p><a style="color: green" href="http://www.w3c.org/">Progetti Ricambi</a><br>Solo i progetti di vendita Ricambi</p>
|
||||
</div>
|
||||
<div>
|
||||
<p><a style="color: green" href="http://www.w3c.org/">Altri Progetti</a><br>Tutti gli altri progetti che non siano di vendita Macchine/Impianti o Ricambi</p>
|
||||
</div>
|
||||
|
||||
#strign x xmlSchema wp
|
||||
"<div><h1 style="font-weight: bold; font-size: 18pt; clear: both;">Commesse 2022</h1></div>" +
|
||||
"<div><p><a style="color: green" href="http://www.w3c.org/">Progetti Macchiana</a><br>Solo i progetti di vendita Macchine/Impianti</p></div>" +
|
||||
"<div><p><a style="color: green" href="http://www.w3c.org/">Progetti Ricambi</a><br>Solo i progetti di vendita Ricambi</p></div>" +
|
||||
"<div><p><a style="color: green" href="http://www.w3c.org/">Altri Progetti</a><br>Tutti gli altri progetti che non siano di vendita Macchine/Impianti o Ricambi</p></div>"
|
||||
|
||||
#Intestazione Offerte
|
||||
|
||||
<div>
|
||||
<h1 style="font-weight: bold; font-size: 24pt; clear: both;">Benvenuto/a nel sito delle Offerte</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Da questo portale è possibile entrare nel contenitore annuale delle offerte.<br>
|
||||
Il contenitore annuale delle offerte raccoglie tutte le offerte dell'anno.<br>
|
||||
Ogni contenitore è suddiviso poi al suo interno per la revisione dell'offerta stessa.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div><h1 style="font-weight: bold; font-size: 24pt; clear: both;">Benvenuto/a nel sito delle Offerte</h1></div><div><p>Da questo portale è possibile entrare nel contenitore annuale delle offerte.<br>Il contenitore annuale delle offerte raccoglie tutte le offerte dell'anno.<br>Ogni contenitore è suddiviso poi al suo interno per la revisione dell'offerta stessa.</p></div>
|
||||
|
||||
|
||||
#Intestazione Commesse
|
||||
|
||||
<div>
|
||||
<h1 style="font-weight: bold; font-size: 24pt; clear: both;">Benvenuto/a nel sito delle commesse</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Da questo portale è possibile entrare nei siti annuali dei progetti.<br>
|
||||
Ogni sito annuale riporta tutti i progetti di quell'anno e fa da punto d'ingresso per l'archiviazione dei documenti relativi ai progetti.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div><h1 style="font-weight: bold; font-size: 24pt; clear: both;">Benvenuto/a nel sito delle commesse</h1></div><div><p>Da questo portale è possibile entrare nei siti annuali dei progetti.<br>Ogni sito annuale riporta tutti i progetti di quell'anno e fa da punto d'ingresso per l'archiviazione dei documenti relativi ai progetti.</p></div>
|
||||
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset='utf-8'>
|
||||
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
||||
<title>Page Title</title>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
||||
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
|
||||
<script src='main.js'></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<p class="title">Hello World!</p>
|
||||
<p class="corpe">Powered by Html & CSS</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,33 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
background: linear-gradient(315deg, #d12b2b, #5684b4);
|
||||
background-attachment: fixed;
|
||||
font-family: "Poppins", sans-serif;
|
||||
height: 100%;
|
||||
display: grid;
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
div#container {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.title {
|
||||
color: #fff;
|
||||
font-size: 56px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.corpe {
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<image src="data:image;base64,/B/0wDgwAAIlQTkcNChoKAAAADUlIRFIAAAEsAAAAlggGAAAAZFu10gAAAAFzUkdCAK7OHOkAAAvISURBVHhe7Z1dkt00EEYVJlTxyI6AtfDIIoA98M5WYF2BQETGheOR7ZbUn6yfM1WpgorUah21TmRd5+Zd4AcCEIDAIATeDZInaUIAAhAICIsigAAEhiGAsIZZKhIdlMA/u7zZb5WLCMBKgHSHwAWBvaxis48hhBeIlRNAWOXs6AmBKwJ/hxC+OjRAWJU1g7AqAdIdAicEjqerrRl7rqJkgFcBj64QyJRVbM6eqygb4FXAoysEEgTOTlacsBzKBWE5QCQEBHYEUhft+7ss9lxFuQCvAh5dIXAgcJRV3F/Hy3f2XEXZAK8CHl0hcHGy2u6rUhIDXCEBhFUIjm4Q2BFIvcKw7S2E5VgqCMsRJqGWJXAlJYTlWBYIyxEmoZYkcCek/e/z4mhliSCsSoB0X5pA6hWG457i7xI6lgjCcoRJqOUI5Jyutkv45SB5ThhhedIk1koE7mQVWVjarMSseq4IqxohARYkYHkURFiCwkBYAqiEnJ6A9eTE/ZVzKSAsZ6CEm56AVVa84S4oBYQlgErIaQnkfCGfVWzTwlJMDGEpqBJzRgJXb7On5ouwBFWAsARQCTklgVwB8cKooAwQlgAqIacjkPMouE2eC3dBGSAsAVRCTkUg91EwTp4Ld1EJICwRWMJOQyD3UTBOvKTPNMCUE0FYSrrEHp1AqXhK+43OS54/wpIjZoBBCZQ8Cqbur/iGBscCQFiOMCcJ9f3rPH4OIfz56b9/mWReudOoOSVx4Z5L29geYRlBTdpsL6c4xe3/99P945O4fph0/mfT8pJVjM8ecyweYDrC7DyURU6pKfy64CkLYXVazAir04WpTCvKKf767jVO6uR0NkQ8UcWf+DgY/3v7/8qUhuleI6s4ydr+w4B6IlGE9QR13zF/CyH8GEKI//bdy+sv6wiry+nIyfq1MVd8ub+yVl9BO4RVAK2jLlFWPxnz2eQUH/Hiz2onJwum2tMRL4xaKFe0QVgV8DroahVW/Gg9/sQTGD9pArWy4nGwQWUhrAaQxUPE+6nfQwjfhhC+CSG8f/11NizyQljiktSFR1g6tk9H/nAjru1EEO++Vv/xOF0dT1jsLUFVAVUAtcOQqbe2j2muWgsl38SQWmIv6XVYPv2ktGqR9rMC7TOJj4RX675aTXiJxitO+4oYaMTVinOgpZGnirh835lCWPKS5a8NNEDc/RCpd4/2Sc/6h1rNX26+eyScldnjxQzYx5egmwTuxBUTnalePE9EnrG6KYgeE5mpAHvkO2JOK4jLWzDe8UasmyY5I6wmmIccZGZxeQuGf3CiUYkjrEagBx/mTl4j1ZG3rOLS8vcHGxX4SIXWCAnDXBAYXVzeF+1HWc12z9fdZkBY3S3JEAmNKi716QphicsXYYkBTx5+JHEpZHU8YfH97eKCR1hiwIuEH0FcCmEpYi5SMmXTRFhl3OiVJtCruFRiUcWlvk4IICxKQ0GgN3GpxMKng4rquYiJsBoDX2y4HsTVQlZctjcqbITVCPTiwzwlrtS4XjWvEuHipXI9fa/FAzIELARai0slFVVcC8Ol2yCspZf/scm3EpfqjglhPVQ6COsh8Az7HwGluFRSUcWlJAwEEJYBEk3kBBTiUolFFVcOeYYBENYMqzjPHLzEpZKKKu48KyieCcISAyZ8EYFacanEoopbBGnFTghrxVUfZ85X4jqrXZVUVHHHWY0OMkVYHSwCKdwSyBGXQiyKmLeTpsFbAgiLqhiJwJ24VGJRxR2JfRe5IqwuloEkMgjc3W/tQ3nUN7LKWBx1U48FVedIfAikCFjE5VHfCKuj+vNY0I6mQyoLElCKC1l1VlAIq7MFIZ1iAt7iSsVjvxQvj09HFsCHI1GeJWCRVc7dFrJ6dj1PR0dYnS4MaWUROHt0uxPZsf5T/6pOTIR9krUcusYshI4tkdsQsNwzWcSFrNqsV9UoCKsKH507IGAR1pbmnbiO02F/dLDAOc/ynaVLOhD4gkCOrPYd78TFP9fVaaHxJ0inC0NaJgKlwrKeuP4KIXxtyoRGTQggrCaYGUREYC+snFo+u6+6SjMnvmi6hGURqIFRCZSers4eB+NeuHtU3Fixbx6qGsA/BJ5hqwmUCCslpNR9FeKqXh5NAISl4UpUPYFcYVlldcwceenX0jwCwjKjomFnBKz3V17vV30IIbw3Mlh5X0Xe8eerBKvqT19XBmusPZp1SMB6uvKSVempK45vlVyHmN+ktMko/sZLCOFKTlfzKfZOcccR6JLjtAQswip9BMyFZn1krD5d5Cbm1L7kE1XL0EXuKepkyYY2EBASuHocPNtgamHEd7biqcP6M8Les8rYOud9u6L1GAFaCQz6zEvgKKRYw3ePJq3rPHejt87vrjpKTlVRQNuj4ll8y8n4MrfeQN2B5PchMJoMcvMtOnlUlsWd8O/CW3NGWHck+f1pCORuKusmagmo5OSiOFSUsDyenkrkU9Lni/VRwGhZAIw1H4GSTb1R6FFSVyuUe/qKsUrmWMP0zBHHmJa8ENZ8+3X5GeVuYstGGQFq7rxbzOnuQJMjoJy2p3O7S6gFFMaAwJ5AzsadtX5rTkS51bRdlh9f9LSwzTllIazclaH9MARicac+ddoX/SwnK8uieAns7JO8GplY+lraWDjwXdUmSjTqhYD1r+P0kq86j6t3zrax794NO8ok9w8CyykLYakrgfjdEUi9f9VdkoMlVCurbbpXQnKTVRzM8pw62BqQ7qQEEJbvwqbuCkt9cHXKQli+60a0QQi4Fv4gc1al6Smrq1OW+5qVGlUFkrgQOCPgXvyLolbIKqK0fDBQ7ZvqAIsuOtNuT2DVTwg9SatkdXbK2ufu4hqXIJ5EiQWBEwIIq640Uicgxf5PSTH3k8fTmSoSrsNKbwikCfBKQ11ltHyklo2FsOqKgN7tCCCsctZery/kZLD9Beu798ByYvJaQxYtGj9JAGGV0VffW5VlVdiLE1YhOLo1JcA7WGW4p5JVRICwygqBXm0JIKx83tPJCmHlFwE9niGAsPK4TykrhJVXBLR+jgDCsrOfVlYIy14EtHyWAMKy8W/1rpUtG0Er7rAEUAnpTgBh3SOdXlacsO6LgBb9EOC1hvO1WEJWCKufzUgm9wQQ1jmjJ14MvV8xQQseCQVQCSkhgLDSWJeRFScsyb4iqIgAwnoLdupPBFN1xAlLtLsI606Ab2v4EulysuKE5b6nCCgkgLD+h7ukrBCWcHcR2p0AwvqMdFlZISz3PUVAIQGEtbisEJZwdxHanYDsS+HcM9UEXPpktSHl0l1TXET1J7Dy2+7I6rWeEJb/xiKihsCqwkJWu3pCWJrNRVQNgdXexUJWhzpCWJqNRVQNgZUu3pFVooYQlmZjEVVDYJWLd2R1Uj8IS7OxiKohsMI9FrK6qB2EpdlYRNURmPkeC1nd1A3C0m0sImsIzHqPhawM9YKwDJBo0hWB2e6xUl++F4GzN7l072rjkUwZgZnusZBVZg1g8UxgNO+CwAyPhalHQE5W3GF1scFIwpfA6I+FKVl9DCG8+GKaLxonrPnWdJUZjXjK4hGwsjoRViVAuj9GYLRTFo+ADqWCsBwgEuIxAiOcss5OVdxXFZQNwiqARpduCPR8yroSFfdVhSWEsArB0a0bAj2ess4e/zhVVZYNwqoESPfHCfR0yroSFacqh1JBWA4QCfE4gadPWTz+NSoBhNUINMNICTx1ykJU0mV9GxxhNQbOcDICLaWFqGTLeB0YYT0EnmHdCbT4toMrUXGh7r6knLAaIGWIBwmopIWoHlzU/dCcsDpZCNJwI+D5SsGdqPjkz23ZbIEQlo0TrcYicCWtbSZnsrmTVOyPqB6qB4T1EHiGlROwSCs3CUSVS8y5PcJyBkq4LgnUygtRdbKsCKuThSCNZgSs8kJSzZbEPhDCsrOi5XwE4n3V9sOX5w2wvghrgEUiRQhA4DMBhEUlQAACwxBAWMMsFYlCAAIIixqAAASGIYCwhlkqEoUABBAWNQABCAxDAGENs1QkCgEIICxqAAIQGIbAv+uir6ZpxtSgAAAAAElFTkSuQmCC/w=="/>
|
||||
@@ -0,0 +1,38 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="1000px" height="1000px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#007BC0" d="M904,708.44c0,13.75-9.855,30.627-21.762,37.505L522.177,953.9c-11.906,6.878-31.418,6.878-43.324,0
|
||||
L118.749,745.945C106.843,739.067,97,722.19,97,708.44V292.513c0-13.75,9.829-30.627,21.735-37.505L478.78,47.055
|
||||
c11.906-6.878,31.411-6.878,43.317,0l360.129,207.954C894.133,261.887,904,278.764,904,292.514V708.44z"/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="741.4775" y1="156.3135" x2="259.5034" y2="844.6437">
|
||||
<stop offset="0" style="stop-color:#FFFFFF;stop-opacity:0"/>
|
||||
<stop offset="0.4803" style="stop-color:#8B87B0;stop-opacity:0.4803"/>
|
||||
<stop offset="0.8379" style="stop-color:#3A3479;stop-opacity:0.8379"/>
|
||||
<stop offset="1" style="stop-color:#1B1464"/>
|
||||
</linearGradient>
|
||||
<path fill="url(#SVGID_1_)" d="M904,708.44c0,13.75-9.855,30.627-21.762,37.505L522.177,953.9c-11.906,6.878-31.418,6.878-43.324,0
|
||||
L118.749,745.945C106.843,739.067,97,722.19,97,708.44V292.513c0-13.75,9.829-30.627,21.735-37.505L478.78,47.055
|
||||
c11.906-6.878,31.411-6.878,43.317,0l360.129,207.954C894.133,261.887,904,278.764,904,292.514V708.44z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path fill="#D9D9D9" d="M631.316,559.534c52.354-36.205,86.725-96.645,86.725-164.972c0-0.776-0.021-1.547-0.029-2.32
|
||||
L529.783,500.915L631.316,559.534z"/>
|
||||
<path fill="#D9D9D9" d="M614.188,336.293L614,336.617v102.231l104.516-60.343C713.001,309.243,671,249.786,614,218.24v117.946
|
||||
L614.188,336.293z"/>
|
||||
<path fill="#D9D9D9" d="M403.843,229.589c-52.35,36.205-86.721,96.645-86.721,164.973c0,0.774,0.021,1.547,0.031,2.322
|
||||
l188.226-108.674L403.843,229.589z"/>
|
||||
<path fill="#D9D9D9" d="M600,212.154c-24-11.584-53.133-18.051-82.758-18.051c-37.299,0-72.411,10.249-102.352,28.067L600,329.141
|
||||
V212.154z"/>
|
||||
<path fill="#D9D9D9" d="M619.926,566.954L429,456.628v117.565c27,13.32,56.913,20.83,88.826,20.83
|
||||
C555.121,595.023,589.99,584.769,619.926,566.954z"/>
|
||||
<circle fill="#D9D9D9" cx="516.7" cy="394.123" r="64.499"/>
|
||||
<path fill="#D9D9D9" d="M416.604,377.75c0.002-13.131-9.301-18.625-20.672-12.059l-57.352,33.051
|
||||
c-11.373,6.566-20.678,22.734-20.681,35.866L317.883,527h-0.012l-0.038,217.379c-0.003,13.131,9.3,18.462,20.672,11.895
|
||||
l57.353-33.132c11.371-6.565,20.678-22.45,20.68-35.579L416.554,596h0.012L416.604,377.75z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
@@ -0,0 +1,225 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset='utf-8'>
|
||||
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
||||
<title>Test Page</title>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
||||
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
|
||||
<script src='main.js'></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="heading">
|
||||
<p>HUB</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="title">Blocco 1</p>
|
||||
<i class="fas fa-audio-description"></i>
|
||||
<hr>
|
||||
<div class="section">
|
||||
<div class="wrapper">
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="wrapper">
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="title">Blocco 2</p>
|
||||
<hr>
|
||||
<div class="section">
|
||||
<div class="wrapper">
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="wrapper">
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="title">Blocco 3</p>
|
||||
<hr>
|
||||
<div class="section">
|
||||
<div class="wrapper">
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="wrapper">
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="title">Blocco 4</p>
|
||||
<hr>
|
||||
<div class="section">
|
||||
<div class="wrapper">
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="wrapper">
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
<div onclick="location.href='LINK';" class="icon builck">
|
||||
<div class="tooltip">Builck</div>
|
||||
<span><p class="ob-icon"></p></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="piedipagina">
|
||||
<p>Sono un semplice pie</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,141 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
|
||||
|
||||
@font-face {
|
||||
font-family: myFirstFont;
|
||||
src: url(icomoon.woff);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
*:focus,
|
||||
*:active {
|
||||
outline: none !important;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
html {
|
||||
background: black;
|
||||
background-attachment: fixed;
|
||||
|
||||
/* background-image: url("./Portal.svg"); */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto;
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
body {
|
||||
display: grid;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
font-family: "Poppins", sans-serif;
|
||||
place-items: center;
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.wrapper .icon {
|
||||
position: relative;
|
||||
background-color: #ffffff;
|
||||
border-radius: 15px;
|
||||
padding: 15px;
|
||||
margin: 10px;
|
||||
width: 100px;
|
||||
height: 50px;
|
||||
font-size: 18px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
|
||||
cursor: pointer;
|
||||
transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||
}
|
||||
|
||||
.wrapper .tooltip {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
font-size: 14px;
|
||||
background-color: #ffffff;
|
||||
color: #ffffff;
|
||||
padding: 5px 8px;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||
}
|
||||
|
||||
.wrapper .tooltip::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 8px;
|
||||
width: 8px;
|
||||
background-color: #ffffff;
|
||||
bottom: -3px;
|
||||
left: 50%;
|
||||
transform: translate(-50%) rotate(45deg);
|
||||
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||
}
|
||||
|
||||
.wrapper .icon:hover .tooltip {
|
||||
top: -45px;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.wrapper .icon:hover span,
|
||||
.wrapper .icon:hover .tooltip {
|
||||
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.wrapper .builck:hover,
|
||||
.wrapper .builck:hover .tooltip,
|
||||
.wrapper .builck:hover .tooltip::before {
|
||||
background-color: #EFB729;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.ob-icon {
|
||||
font-family: myFirstFont;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.title {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.section {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.piedipagina {
|
||||
display: grid;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 25px;
|
||||
top: auto;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: black;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.heading {
|
||||
width: 100%;
|
||||
height: 180px;
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
# HTML5 Canvas Matrix Effect
|
||||
|
||||
A Pen created on CodePen.io. Original URL: [https://codepen.io/riazxrazor/pen/Gjomdp](https://codepen.io/riazxrazor/pen/Gjomdp).
|
||||
|
||||
Matrix fallning code rain made with HTML5 canvas ofcourse JS.
|
||||
just for FUN :D
|
||||
@@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CodePen - HTML5 Canvas Matrix Effect</title>
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<!-- partial:index.partial.html -->
|
||||
<html>
|
||||
<head>
|
||||
<title>HTML5 Canvas Matrix Effect</title>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<canvas id="canvas">Canvas is not supported in your browser.</canvas>
|
||||
<canvas id="canvas2">Canvas is not supported in your browser.</canvas>
|
||||
</body>
|
||||
</html>
|
||||
<!-- partial -->
|
||||
<script src="./script.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,78 @@
|
||||
var canvas = document.getElementById( 'canvas' ),
|
||||
ctx = canvas.getContext( '2d' ),
|
||||
canvas2 = document.getElementById( 'canvas2' ),
|
||||
ctx2 = canvas2.getContext( '2d' ),
|
||||
// full screen dimensions
|
||||
cw = window.innerWidth,
|
||||
ch = window.innerHeight,
|
||||
charArr = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z'],
|
||||
maxCharCount = 100,
|
||||
fallingCharArr = [],
|
||||
fontSize = 10,
|
||||
maxColums = cw/(fontSize);
|
||||
canvas.width = canvas2.width = cw;
|
||||
canvas.height = canvas2.height = ch;
|
||||
|
||||
|
||||
function randomInt( min, max ) {
|
||||
return Math.floor(Math.random() * ( max - min ) + min);
|
||||
}
|
||||
|
||||
function randomFloat( min, max ) {
|
||||
return Math.random() * ( max - min ) + min;
|
||||
}
|
||||
|
||||
function Point(x,y)
|
||||
{
|
||||
this.x = x;
|
||||
this.y = y;
|
||||
}
|
||||
|
||||
Point.prototype.draw = function(ctx){
|
||||
|
||||
this.value = charArr[randomInt(0,charArr.length-1)].toUpperCase();
|
||||
this.speed = randomFloat(1,5);
|
||||
|
||||
|
||||
ctx2.fillStyle = "rgba(255,255,255,0.8)";
|
||||
ctx2.font = fontSize+"px san-serif";
|
||||
ctx2.fillText(this.value,this.x,this.y);
|
||||
|
||||
ctx.fillStyle = "#0F0";
|
||||
ctx.font = fontSize+"px san-serif";
|
||||
ctx.fillText(this.value,this.x,this.y);
|
||||
|
||||
|
||||
|
||||
this.y += this.speed;
|
||||
if(this.y > ch)
|
||||
{
|
||||
this.y = randomFloat(-100,0);
|
||||
this.speed = randomFloat(2,5);
|
||||
}
|
||||
}
|
||||
|
||||
for(var i = 0; i < maxColums ; i++) {
|
||||
fallingCharArr.push(new Point(i*fontSize,randomFloat(-500,0)));
|
||||
}
|
||||
|
||||
|
||||
var update = function()
|
||||
{
|
||||
|
||||
ctx.fillStyle = "rgba(0,0,0,0.05)";
|
||||
ctx.fillRect(0,0,cw,ch);
|
||||
|
||||
ctx2.clearRect(0,0,cw,ch);
|
||||
|
||||
var i = fallingCharArr.length;
|
||||
|
||||
while (i--) {
|
||||
fallingCharArr[i].draw(ctx);
|
||||
var v = fallingCharArr[i];
|
||||
}
|
||||
|
||||
requestAnimationFrame(update);
|
||||
}
|
||||
|
||||
update();
|
||||
@@ -0,0 +1,10 @@
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
canvas {
|
||||
display: block;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
Copyright (c) 2021 by Riaz Laskar (https://codepen.io/riazxrazor/pen/Gjomdp)
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
||||
@@ -0,0 +1,11 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>HTML5 Canvas Matrix Effect</title>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<canvas id="canvas">Canvas is not supported in your browser.</canvas>
|
||||
<canvas id="canvas2">Canvas is not supported in your browser.</canvas>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,78 @@
|
||||
var canvas = document.getElementById( 'canvas' ),
|
||||
ctx = canvas.getContext( '2d' ),
|
||||
canvas2 = document.getElementById( 'canvas2' ),
|
||||
ctx2 = canvas2.getContext( '2d' ),
|
||||
// full screen dimensions
|
||||
cw = window.innerWidth,
|
||||
ch = window.innerHeight,
|
||||
charArr = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z'],
|
||||
maxCharCount = 100,
|
||||
fallingCharArr = [],
|
||||
fontSize = 10,
|
||||
maxColums = cw/(fontSize);
|
||||
canvas.width = canvas2.width = cw;
|
||||
canvas.height = canvas2.height = ch;
|
||||
|
||||
|
||||
function randomInt( min, max ) {
|
||||
return Math.floor(Math.random() * ( max - min ) + min);
|
||||
}
|
||||
|
||||
function randomFloat( min, max ) {
|
||||
return Math.random() * ( max - min ) + min;
|
||||
}
|
||||
|
||||
function Point(x,y)
|
||||
{
|
||||
this.x = x;
|
||||
this.y = y;
|
||||
}
|
||||
|
||||
Point.prototype.draw = function(ctx){
|
||||
|
||||
this.value = charArr[randomInt(0,charArr.length-1)].toUpperCase();
|
||||
this.speed = randomFloat(1,5);
|
||||
|
||||
|
||||
ctx2.fillStyle = "rgba(255,255,255,0.8)";
|
||||
ctx2.font = fontSize+"px san-serif";
|
||||
ctx2.fillText(this.value,this.x,this.y);
|
||||
|
||||
ctx.fillStyle = "#0F0";
|
||||
ctx.font = fontSize+"px san-serif";
|
||||
ctx.fillText(this.value,this.x,this.y);
|
||||
|
||||
|
||||
|
||||
this.y += this.speed;
|
||||
if(this.y > ch)
|
||||
{
|
||||
this.y = randomFloat(-100,0);
|
||||
this.speed = randomFloat(2,5);
|
||||
}
|
||||
}
|
||||
|
||||
for(var i = 0; i < maxColums ; i++) {
|
||||
fallingCharArr.push(new Point(i*fontSize,randomFloat(-500,0)));
|
||||
}
|
||||
|
||||
|
||||
var update = function()
|
||||
{
|
||||
|
||||
ctx.fillStyle = "rgba(0,0,0,0.05)";
|
||||
ctx.fillRect(0,0,cw,ch);
|
||||
|
||||
ctx2.clearRect(0,0,cw,ch);
|
||||
|
||||
var i = fallingCharArr.length;
|
||||
|
||||
while (i--) {
|
||||
fallingCharArr[i].draw(ctx);
|
||||
var v = fallingCharArr[i];
|
||||
}
|
||||
|
||||
requestAnimationFrame(update);
|
||||
}
|
||||
|
||||
update();
|
||||
@@ -0,0 +1,11 @@
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
canvas {
|
||||
display: block;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Login</title>
|
||||
<link rel="stylesheet" href="login-page.css">
|
||||
<script defer src="login-page.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<main id="main-holder">
|
||||
<h1 id="login-header">Login</h1>
|
||||
|
||||
<div id="login-error-msg-holder">
|
||||
<p id="login-error-msg">Invalid username <span id="error-msg-second-line">and/or password</span></p>
|
||||
</div>
|
||||
|
||||
<form id="login-form">
|
||||
<input type="text" name="username" id="username-field" class="login-form-field" placeholder="Username">
|
||||
<input type="password" name="password" id="password-field" class="login-form-field" placeholder="Password">
|
||||
<input type="submit" value="Login" id="login-form-submit">
|
||||
</form>
|
||||
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,81 @@
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
display: grid;
|
||||
justify-items: center;
|
||||
align-items: center;
|
||||
background-color: #3a3a3a;
|
||||
}
|
||||
|
||||
#main-holder {
|
||||
width: 50%;
|
||||
height: 70%;
|
||||
display: grid;
|
||||
justify-items: center;
|
||||
align-items: center;
|
||||
background-color: white;
|
||||
border-radius: 7px;
|
||||
box-shadow: 0px 0px 5px 2px black;
|
||||
}
|
||||
|
||||
#login-error-msg-holder {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: grid;
|
||||
justify-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#login-error-msg {
|
||||
width: 23%;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
color: #8a0000;
|
||||
border: 1px solid #8a0000;
|
||||
background-color: #e58f8f;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#error-msg-second-line {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#login-form {
|
||||
align-self: flex-start;
|
||||
display: grid;
|
||||
justify-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.login-form-field::placeholder {
|
||||
color: #3a3a3a;
|
||||
}
|
||||
|
||||
.login-form-field {
|
||||
border: none;
|
||||
border-bottom: 1px solid #3a3a3a;
|
||||
margin-bottom: 10px;
|
||||
border-radius: 3px;
|
||||
outline: none;
|
||||
padding: 0px 0px 5px 5px;
|
||||
}
|
||||
|
||||
#login-form-submit {
|
||||
width: 100%;
|
||||
padding: 7px;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
background-color: #3a3a3a;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
const loginForm = document.getElementById("login-form");
|
||||
const loginButton = document.getElementById("login-form-submit");
|
||||
const loginErrorMsg = document.getElementById("login-error-msg");
|
||||
|
||||
loginButton.addEventListener("click", (e) => {
|
||||
e.preventDefault();
|
||||
const username = loginForm.username.value;
|
||||
const password = loginForm.password.value;
|
||||
|
||||
if (username === "user" && password === "web_dev") {
|
||||
alert("You have successfully logged in.");
|
||||
location.reload();
|
||||
} else {
|
||||
loginErrorMsg.style.opacity = 1;
|
||||
}
|
||||
})
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 392 KiB |
@@ -0,0 +1,79 @@
|
||||
<style>
|
||||
#tbl-clause{
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
|
||||
<table id="tbl-clause" style="width: 1000px">
|
||||
<caption><h2>Inserire secondo le direttive sotto riportate</h2></caption>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="width: 175px;">
|
||||
<p>Ufficio Commerciale</p>
|
||||
</td>
|
||||
<td style="width: 300px;">
|
||||
<div style="margin: 10px;">
|
||||
<p>APPLICARE A
|
||||
<br>- Offerte</p>
|
||||
|
||||
<p>MODALITA'
|
||||
<br>- Ad ogni pié di pagina
|
||||
<br>- In carattere compresso</p>
|
||||
</div>
|
||||
</td>
|
||||
<td style="width: auto;"></td>
|
||||
<td style="width: 450px;"></td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td>
|
||||
<p>Ufficio Tecnico</p>
|
||||
</td>
|
||||
<td>
|
||||
<div style="margin: 10px;">
|
||||
<p>APPLICARE A
|
||||
<br>- Cartigli dwg
|
||||
<br>- Qualsiasi altra tabella emessa
|
||||
<br>- Manuali di istruzione *</p>
|
||||
<p>MODALITA'
|
||||
<br>- Ad ogni pié di pagina
|
||||
<br>- In carattere compresso</p>
|
||||
</div>
|
||||
</td>
|
||||
<td></td>
|
||||
<td >
|
||||
<div style="margin: 10px;" style="height: 100%;">
|
||||
<div style="width: 25%; float: left;">w</div>
|
||||
<div style="width: 75%; float: right;">w</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>
|
||||
<p style="margin: 10px;">* Nei manuali di istruzione inserire in ogni pagina anche il testo a lato</p>
|
||||
</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<div style="margin: 10px;">
|
||||
<div style="width: 50%; float: left;">©-PAL-It-[anno di emissione]</div>
|
||||
<div style="width: 50%; float: right;">(Es. ©-PAL-It-2006)</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<p>Ufficio Acquisti</p>
|
||||
</td>
|
||||
<td>
|
||||
<div style="margin: 10px;">
|
||||
<p>APPLICARE A
|
||||
<br>- Ordini a fornitori</p>
|
||||
<p>MODALITA'
|
||||
<br>- Testo in cappello ad ordini a fornitori</p>
|
||||
</div>
|
||||
</td>
|
||||
<td></td>
|
||||
<td>3</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -0,0 +1,92 @@
|
||||
<style>
|
||||
/* table, tr, td {
|
||||
border: 1px solid black;
|
||||
} */
|
||||
|
||||
.leftItem{
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.leftSectionShortcut{
|
||||
background-color: aqua;
|
||||
border-radius: 5px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.warning-ral{
|
||||
background-color: #fdf8e3;
|
||||
border: 1px solid #8d6c3d;
|
||||
border-radius: 10px;
|
||||
color: #8d6c3d;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<div style="width: 800px; height: 725.2px; min-height: auto;">
|
||||
<div class="warning-ral" style="margin: 10px;">
|
||||
<table>
|
||||
<tr>
|
||||
<td style="width: 100px;"><img style="width: 100px; height: auto;"src=".\_img\RALimg.png"/></td>
|
||||
<td>
|
||||
<div style="margin: 12px;text-align: justify;">
|
||||
<font face="Arial, Helvetica, sans-serif">
|
||||
<b>Attenzione:</b> La seguente cartella colore è una
|
||||
rappresentazione approssimata dei colori RAL. A causa delle
|
||||
differenze nella rappresentazione a video o in stampa non è
|
||||
possibile garantire una perfetta resa dei colori. Vi preghiamo
|
||||
di fare riferimento a una cartella colore RAL originale per un
|
||||
riferimento colore esatto.
|
||||
</font>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<div>
|
||||
<table id="tab" style="width: 100%; height: 100%;">
|
||||
<tr style="height: 100%;">
|
||||
<td style="width: 25%;">
|
||||
<div style="overflow:hidden;">
|
||||
<p class="leftItem">00 - Pippo</p>
|
||||
<p class="leftItem">00 - Pippo</p>
|
||||
<p class="leftItem">00 - Pippo</p>
|
||||
<p class="leftItem">00 - Pippo</p>
|
||||
<p class="leftItem">00 - Pippo</p>
|
||||
<p class="leftItem">00 - Pippo</p>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div>
|
||||
<p>Pluto</p>
|
||||
<p>Pluto</p>
|
||||
<p>Pluto</p>
|
||||
<p>Pluto</p>
|
||||
<p>Pluto</p>
|
||||
<p>Pluto</p>
|
||||
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
var b= $(window).height();
|
||||
$("#tab").css("height",b);
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1 @@
|
||||
<div style='height: 35px; width: 135px; background-color: #fff00f;'></div>
|
||||
@@ -0,0 +1,25 @@
|
||||
<table style="border: 1px solid black; height: 600px; width: 600px;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
some
|
||||
</td>
|
||||
<td>
|
||||
some
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
some
|
||||
</td>
|
||||
<td>
|
||||
some
|
||||
</td>
|
||||
</tr>
|
||||
<tr aria-colspan="2" style="background-color: blue;">
|
||||
<th>
|
||||
|
||||
</th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Vertical Division Test</title>
|
||||
<style>
|
||||
body, html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
iframe {
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<a href="tel:704">Call us</a>
|
||||
<h1>Vertical Division</h1>
|
||||
<p>This is a test page to check the vertical division of the screen.</p>
|
||||
<p>Below is an iframe that takes up the full width and height of the screen.</p>
|
||||
<iframe src="https://localhost:44378/General/AddressBook?IsWpf=1" title="description" style="width:300px; height: 550px;border: 15px solid black; background-color: yellow;"></iframe>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title> Vertical Division<title>
|
||||
</head>
|
||||
<body>
|
||||
<div style="background-color: blue; width: 100%; height: 650px;">
|
||||
|
||||
<div style="background-color: red; width: 50%; height: 550px; float:left;">
|
||||
This is the first division to have a vertical alignment.
|
||||
</div>
|
||||
|
||||
<div style="background-color: yellow; width:50%; height: 550px; float:left;">
|
||||
This is the second division to have a vertical alignment.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,71 @@
|
||||
<!-- <div class="main-border-div">
|
||||
<div class="row" style="text-wrap: balance;">
|
||||
<p style="color:dodgerblue">
|
||||
- 8459316
|
||||
- BCC55555
|
||||
- Supercoso
|
||||
</p>
|
||||
</div>
|
||||
<p>Problema: Se ga spaca</p>
|
||||
<p>Soluzione: Xe tutto un cagasso asso asso asso asso asso asso asso asso</p>
|
||||
<p>Tempo Impiegato: 00:00:50 </p>
|
||||
</div> -->
|
||||
<style>
|
||||
table tr td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div style="width: 345px;">
|
||||
<table>
|
||||
<tr >
|
||||
<td colspan="2">
|
||||
<div>
|
||||
<b>
|
||||
<p>984489984948 - 84489489498 - 48648486 - Supercoso</p>
|
||||
</b>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<b>
|
||||
<p>Problema / Attività:</p>
|
||||
</b>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac enim id enim convallis dignissim. Aenean ultricies venenatis felis, eget posuere mi elementum et. Integer efficitur nulla quis mauris volutpat tristique. Vivamus ut consequat lorem. Duis vestibulum venenatis aliquam. Phasellus ut consectetur velit, vel lacinia magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc nec ipsum nulla.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<b>
|
||||
<p>Soluzione:</p>
|
||||
</b>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac enim id enim convallis dignissim. Aenean ultricies venenatis felis, eget posuere mi elementum et. Integer efficitur nulla quis mauris volutpat tristique. Vivamus ut consequat lorem. Duis vestibulum venenatis aliquam. Phasellus ut consectetur velit, vel lacinia magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc nec ipsum nulla.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td>
|
||||
<b>
|
||||
<p>Risolto / Conclusa: <i>✔️</i></p>
|
||||
</b>
|
||||
</td>
|
||||
<td>
|
||||
<p>🌧️</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<p>00:45:00 🕛</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,50 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<!--
|
||||
Click to call button implementation.
|
||||
You can use it as-is on your website or modify it after your needs.
|
||||
Replace the parameters below in upper-case with your settings and/or use any other parameters!
|
||||
|
||||
For more customization, check the js/click2call/click2call.js and the css/click2call/click2call.css files.
|
||||
See the "Click to call" section in the documentation for more details.
|
||||
|
||||
You can also start click2call (or any other html files) from a link/URL. Example:
|
||||
http://www.yourwebsite.com/webphonedir/click2call.html?wp_serveraddress=YOURSIPDOMAIN&wp_username=USERNAME&wp_password=PASSWORD&wp_md5=MD5AUTH&wp_callto=CALLEDNUMBER
|
||||
-->
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<!--<meta http-equiv="Cache-Control" content="max-age=36000" />-->
|
||||
<title>Click to call</title>
|
||||
|
||||
<link rel="stylesheet" href="css/click2call/click2call.css" />
|
||||
<script src="webphone_api.js?jscodeversion=523"></script>
|
||||
<script src="js/click2call/click2call.js?jscodeversion=523"></script>
|
||||
<script>
|
||||
/**Set Configuration parameters*/
|
||||
webphone_api.parameters['autostart'] = 0; // start the webphone only when button is clicked
|
||||
webphone_api.onAppStateChange(function (state)
|
||||
{
|
||||
if (state === 'loaded')
|
||||
{
|
||||
webphone_api.setparameter('serveraddress', 'YOURSIPDOMAIN.COM', false); // yoursipdomain.com your VoIP server IP address or domain name
|
||||
webphone_api.setparameter('username', 'USERNAME', false); // SIP account username
|
||||
webphone_api.setparameter('password', 'PASSWORD',false); // SIP account password (see the "Parameters encryption" in the documentation)
|
||||
webphone_api.setparameter('callto', 'DESTINATION',false); // destination number to call
|
||||
webphone_api.setparameter('autoaction', '0', false); // 0=nothing (default), 1=call, 2=chat, 3=video call
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body style="margin: 0; font-family: Segoe UI, Verdana ; font-size: 16px; color:#2e3d47; line-height: 155%;">
|
||||
<div style="font-family: Segoe UI, Verdana ; font-size: 20px; color:#4eaaec; text-align:center">Click to call</div><br><br>
|
||||
|
||||
<span id="demo_text">This is a click to call implementation of the webphone. You can easily modify this after your needs or create your custom click 2 call solution. <br />See the "Click to call" section in the documentation for more details. <br /></span><br />
|
||||
|
||||
<div id="c2k_container_0" title="" style="text-align: center;">
|
||||
<!--rewrite the CALLTO and uncomment the following line to enable support for ancient browsers-->
|
||||
<!--<a href="tel://CALLTO" id="c2k_alternative_url">CALLTO</a>-->
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,30 @@
|
||||
.cl_c2k_btn { background: #43b61b; border: 1px solid #cccccc; margin: 0; padding: 0; cursor: pointer; }
|
||||
.cl_c2k_btn:hover { filter: Alpha(Opacity=85); opacity: .85; }
|
||||
.cl_c2k_btn .cl_c2k_status { font-size: 10px; float: right; margin-right: 3px; white-space: nowrap; overflow-x: hidden; display: inline-block; }
|
||||
.cl_c2k_btn .cl_c2k_label { font-size: 16px; white-space: nowrap; overflow-x: hidden; color: #ffffff; display: inline-block; }
|
||||
|
||||
|
||||
#demo_text LABEL { display: inline-block; width: 110px; }
|
||||
#demo_text INPUT { display: inline-block; width: 150px; margin-top: .3em; }
|
||||
.cl_optionsmenu_popup { margin: 0; padding: 0; display: block; }
|
||||
.cl_optionsmenu_list { margin: 0; padding: 0; display: block; background: #ccc; border: 1px solid #ccc; border-radius: .3em; float: left; }
|
||||
.cl_optionsmenu_list li { margin: 0; padding: 0; width: 100%; display: inline-block; float: left; clear: both; margin-top: 1px; background: #dfdfdf; cursor: pointer; color: #393939; }
|
||||
.cl_optionsmenu_list li span { margin: 0; padding: .5em; width: 100%; display: inline-block; float: left; clear: both; font-size: .9em; }
|
||||
.cl_optionsmenu_list li:hover { background: #efefef; }
|
||||
.cl_chat_box_container { margin: 0; padding: 0; }
|
||||
.cl_chat_box { text-align: left; background: #dfdfdf; border: 1px solid #ccc; border-radius: .3em; width: 275px; }
|
||||
.cl_chat_box .cl_chat_w_title { font-size: 1em; display: inline-block; margin: .5em; }
|
||||
.cl_chat_status { font-size: .8em; display: inline-block; float: right; margin-right: .5em; }
|
||||
.cl_btn_chat_collapse { float: right; margin: .5em; border: 0; cursor: pointer; }
|
||||
.cl_btn_chat_collapse:hover { filter: Alpha(Opacity=85); opacity: .85; }
|
||||
#chat_destination_container { margin-bottom: .5em; }
|
||||
#msg_list {
|
||||
margin: 0em 0em .3em .5em; background: #ffffff; overflow-y: auto; overflow-x: hidden; width: 257px; height: 220px; text-align: left;
|
||||
border: 1px solid #ccc; border-radius: .3em;
|
||||
}
|
||||
#msg_list B { margin-left: .2em; font-size: .8em; }
|
||||
#msg_list P { margin-left: .6em; margin-top: 0; margin-bottom: .2em; font-size: .8em; }
|
||||
#msg_list .date { margin-top: 0; margin-bottom: .2em; margin-right: .2em; font-weight: bold; font-size: .6em; text-align: right;}
|
||||
#msg_spacer { font-size: 0.1em; margin: 0; padding: 0; }
|
||||
#send_container { margin-left: .5em; margin-bottom: .5em; }
|
||||
#message { width: 200px; }
|
||||
@@ -0,0 +1 @@
|
||||
This folder contains CSS files for the webphone skins (loaded only if you use the softphone, click2call or techdemo html)
|
||||
@@ -0,0 +1,70 @@
|
||||
* {
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
|
||||
}
|
||||
|
||||
body {
|
||||
-webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
|
||||
-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
|
||||
-webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
|
||||
background-color:transparent;
|
||||
/* background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
|
||||
background-image:-webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
|
||||
background-image:-ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
|
||||
background-image:-webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
left bottom,
|
||||
color-stop(0, #A7A7A7),
|
||||
color-stop(0.51, #E4E4E4)
|
||||
);
|
||||
background-attachment:fixed;*/
|
||||
font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
|
||||
font-size:12px;
|
||||
height:100%;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
/*text-transform:uppercase;*/
|
||||
width:100%;
|
||||
}
|
||||
|
||||
/* Portrait layout (default) */
|
||||
.app {
|
||||
/*background:url(../images/logo.png) no-repeat center top;*/ /* 170px x 200px */
|
||||
position:absolute; /* position in the center of the screen */
|
||||
left:0;
|
||||
top:0;
|
||||
height:100%; /* text area height */
|
||||
width:100%; /* text area width */
|
||||
text-align:center;
|
||||
padding:180px 0px 0px 0px; /* image height is 200px (bottom 20px are overlapped with text) */
|
||||
margin:-115px 0px 0px -112px; /* offset vertical: half of image height and text area height */
|
||||
/* offset horizontal: half of text area width */
|
||||
}
|
||||
|
||||
/* Landscape layout (with min-width) */
|
||||
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
|
||||
.app {
|
||||
background-position:left center;
|
||||
padding:75px 0px 75px 170px; /* padding-top + padding-bottom + text area = image height */
|
||||
margin:-90px 0px 0px -198px; /* offset vertical: half of image height */
|
||||
/* offset horizontal: half of image width and text area width */
|
||||
}
|
||||
}
|
||||
|
||||
h1 { font-size:24px; font-weight:normal; margin:0px; overflow:visible; padding:0px; text-align:center; }
|
||||
.event { border-radius:4px; -webkit-border-radius:4px; color:#FFFFFF; font-size:12px; margin:0px 30px; padding:2px 0px; }
|
||||
.event.listening { background-color:#333333; display:block; }
|
||||
.event.received { background-color:#4B946A; display:none; }
|
||||
.blink { animation:fade 3000ms infinite; -webkit-animation:fade 3000ms infinite; }
|
||||
|
||||
@keyframes fade {
|
||||
from { opacity: 1.0; }
|
||||
50% { opacity: 0.4; }
|
||||
to { opacity: 1.0; }
|
||||
}
|
||||
|
||||
@-webkit-keyframes fade {
|
||||
from { opacity: 1.0; }
|
||||
50% { opacity: 0.4; }
|
||||
to { opacity: 1.0; }
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,859 @@
|
||||
/* Put your custom CSS here */
|
||||
|
||||
.ui-body-c, .ui-overlay-c { /*background:#ff0000;*/ }
|
||||
.ui-content { padding:0; }
|
||||
|
||||
body{
|
||||
|
||||
}
|
||||
|
||||
#phone_app_main_container{
|
||||
background-color: #1d1d1d !important;
|
||||
width:100%; /* text area width */
|
||||
height:100%;
|
||||
text-align:center;
|
||||
padding:0px; /* image height is 200px (bottom 20px are overlapped with text) */
|
||||
margin:0px;
|
||||
|
||||
/* position in the center of the screen */
|
||||
/* position:absolute;
|
||||
left:0;
|
||||
top:0;*/
|
||||
float: left;
|
||||
}
|
||||
|
||||
#phone_app_main_container ::-webkit-scrollbar { background: #1d1d1d; }
|
||||
#phone_app_main_container ::-webkit-scrollbar-thumb { background: #3c3c3c; /*-webkit-border-radius: 1ex; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);*/ }
|
||||
#phone_app_main_container ::-webkit-scrollbar-corner { background: #000; }
|
||||
|
||||
#js_not_enabled_settings, #js_not_enabled_dialpad, #js_not_enabled{
|
||||
float: left; clear: both; width: 100%; height: 100%; background: #1d1d1d; color: #f00; text-transform: none;
|
||||
}
|
||||
|
||||
#loading_bg_txt { font-size: 1.2em; width: 100%; text-align: center; margin-top: 3em; text-transform: none; color: #989898; }
|
||||
|
||||
.ui-page { -webkit-backface-visibility: hidden; }
|
||||
|
||||
.ui-input-text
|
||||
{
|
||||
width: 100% !important;
|
||||
/*padding: 0.4em 0!important; */
|
||||
}
|
||||
|
||||
.page_title{
|
||||
text-align:center; margin:0px; padding:0px; font-size: 1em; font-weight: bold; color:#31b6e7; text-decoration:none; text-shadow:0 0 0;
|
||||
}/*
|
||||
.brandname {
|
||||
text-align:center; margin:0px; padding:0px; font-size: .9em; font-weight: bold; text-decoration:none; text-shadow:0 0 0;
|
||||
}
|
||||
.brandname_left { color:#ffffff; }
|
||||
.brandname_right { color:#31b6e7; }
|
||||
*/
|
||||
.status_container {
|
||||
margin:0; padding:0em 0em .1em 0em; width:100%; text-decoration:none; /*text-shadow:0 0 0;*/ font-size: .8em; font-weight: normal;
|
||||
}
|
||||
.status { float:left; margin-left: .15em; width:60%; text-align:left; white-space:nowrap; overflow:hidden;
|
||||
height: 1.2em; max-height: 1.2em; /*force single line even if <br>*/
|
||||
}
|
||||
.curr_user { float:right; margin-right: .15em; text-align:right; white-space:nowrap; overflow:hidden; }
|
||||
.img_encrypt { margin-left: .15em; padding: 0; float: left; border: 0; display: none; }
|
||||
|
||||
#calledcaller { float:left; margin-left: .15em; width:60%; text-align:left; white-space:nowrap; overflow:hidden; }
|
||||
#call_duration { float:right; margin-right: .15em; width:37%; text-align:right; white-space:nowrap; overflow:hidden; }
|
||||
#status_call { float:left; clear:both; width:100%; text-align:center; white-space:nowrap; overflow:hidden; }
|
||||
|
||||
.dialog_content { font-size:1.2em; }
|
||||
|
||||
.all_app_pages{
|
||||
text-transform: none; /* background:#000000;*/ overflow: hidden;
|
||||
}
|
||||
|
||||
.modalWindow{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
z-index: 1500;
|
||||
background: #181818;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.ui-loader{
|
||||
z-index: 1501;
|
||||
}
|
||||
|
||||
#settings_additional_header{
|
||||
margin:0px; padding:0px;
|
||||
}
|
||||
LI#settings_footer { padding: 0; }
|
||||
LI#settings_footer BUTTON { float: left; width: 100%; margin-bottom: 0; }
|
||||
/*LI#settings_footer BUTTON { float: left; width: 50%; margin-bottom: 0; }*/
|
||||
|
||||
LI#qrcode_layout { padding: 0; text-align: center; }
|
||||
LI#qrcode_layout BUTTON { width: 60%; margin-bottom: 1em; margin-top: 1em; margin-left: 20%; }
|
||||
|
||||
LI#newuser_container { padding: 0; }
|
||||
.settings_links { display: inline-block; margin-top: 2em; padding: 0; font-size: .9em; text-shadow:0 0 0; font-weight: normal !important; }
|
||||
|
||||
.header_text { background: #001a22; color: #ffffff; font-weight: normal; font-size: .8em; text-decoration:none; text-shadow:0 0 0; }
|
||||
.footer_text { background: #001a22; color: #ffffff; font-weight: normal; font-size: .8em; text-decoration:none; text-shadow:0 0 0; }
|
||||
|
||||
.advert_container { margin: 0; padding: 0; overflow: hidden; width: 100%; height: 40px; display: none; }
|
||||
.advert_container .advert_frame { margin: 0; padding: 0; border: 0; overflow: hidden; width: 100%; height: 40px; }
|
||||
|
||||
.additional_header_left{
|
||||
text-align:left; margin: 0; padding: 0; float:left; width: 40%;
|
||||
}
|
||||
|
||||
.additional_header_middle{
|
||||
text-align:center; margin: 0; padding: 0; float:left; width: 26%; line-height: 2.1em;
|
||||
color: #31b6e7; font-size: .9em; white-space:nowrap; overflow:hidden;
|
||||
/*display: none;*/
|
||||
}
|
||||
|
||||
.additional_header_right{
|
||||
text-align: right; margin: 0; padding: 0; float:right; width: 34%;
|
||||
}
|
||||
|
||||
#page_message .additional_header_left, #page_settings .additional_header_left { width: 20%; }
|
||||
#page_message .additional_header_middle, #page_settings .additional_header_middle { width: 60%; }
|
||||
#page_message .additional_header_right, #page_settings .additional_header_right { width: 20%; }
|
||||
|
||||
/*
|
||||
.additional_header_left .homepage_link,
|
||||
.additional_header_left .homepage_link:hover
|
||||
.additional_header_left .homepage_link:visited{
|
||||
line-height: 1.9em;
|
||||
text-decoration:none; text-shadow:0 0 0;
|
||||
}
|
||||
.additional_header_left IMG{
|
||||
border:0; vertical-align:middle;
|
||||
}*/
|
||||
.additional_header_left SPAN{
|
||||
line-height: 1.5em; color: #31b6e7; display: inline-block; overflow-x: hidden; margin-left: .3em; margin-bottom: 0; padding-bottom: 0; padding-top: .3em;
|
||||
text-decoration:none; text-shadow:0 0 0; font-weight: normal; font-size: .9em;
|
||||
}
|
||||
|
||||
.additional_header_left .btn_header_back, .additional_header_left .btn_header_back .ui-btn {
|
||||
margin: 0em; background: transparent !important; font-weight: normal !important; border: none;
|
||||
padding-top: .6em;
|
||||
padding-bottom: .4em;
|
||||
padding-left: .5em;
|
||||
padding-right: .5em;
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.additional_header_left .btn_header_back SPAN {
|
||||
color: #ffffff; line-height: 1.3em;
|
||||
}
|
||||
|
||||
.additional_header_left .btn_header_back B{
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.additional_header_left .btn_header_back:hover{
|
||||
font-style: italic;
|
||||
/*text-decoration: underline !important;*/
|
||||
}
|
||||
|
||||
.additional_header_left .btn_header_back SPAN{
|
||||
margin: 0; font-size: 1.7em; font-family: monospace, sans-serif;
|
||||
}
|
||||
|
||||
.additional_header_left .page_title_small{
|
||||
font-size: .9em; color: #31b6e7;
|
||||
}
|
||||
|
||||
.additional_header_left DIV { float: left; }
|
||||
.additional_header_left DIV IMG { } /* for presence*/
|
||||
|
||||
.additional_header_left .adhead_custom_brand { display: inline-block; float: none; position: relative; top: -0.9em; color: #ff9900; }
|
||||
|
||||
#msg_title IMG { display: inline-block; margin-top: .2em; float: left; padding: 0; border: 0; } /* for presence*/
|
||||
|
||||
.all_app_pages .notification{
|
||||
margin: 0; padding: 0; width: 40%; height: 2.3em; float: left; line-height: 1.2em; overflow: hidden;
|
||||
text-align: center; font-size: .8em; font-weight: normal; color: #ff0000; cursor: pointer;
|
||||
/*display: none;*/
|
||||
}
|
||||
|
||||
.all_app_pages .notification:hover{
|
||||
cursor: pointer; background: #62d8ff; filter: Alpha(Opacity=7); opacity: .7;
|
||||
}
|
||||
|
||||
.btn_toolbar_menu{
|
||||
padding: 0px; margin: 0px;
|
||||
}
|
||||
|
||||
.options_menu{ min-width:15em; position:relative; top: .6em; }
|
||||
|
||||
.ui-popup-screen { top: -1px; } /* fix: scroll bar appearing when popups are oppened; even Menu*/
|
||||
|
||||
.additional_header_right IMG{
|
||||
border:0px; vertical-align:middle;
|
||||
}
|
||||
|
||||
.navigation_bar UL LI { display: block; } /*fix for IE 10 line-height */
|
||||
.navigation_bar .ui-btn { padding-top: .2em; padding-bottom: .2em; }
|
||||
|
||||
.separator_color_bg{
|
||||
margin:0; padding:0; border:0; width:100%; height:.1em; clear:both; background:#000;
|
||||
}
|
||||
|
||||
.separator_line_thick{
|
||||
margin:0; padding:0; border:0; width:100%; height: .1em; clear:both;
|
||||
}
|
||||
|
||||
.extra_header{
|
||||
margin:0; padding:0; border:0; width:100%; clear:both;
|
||||
}
|
||||
|
||||
.separator_line_chooseengine{
|
||||
margin:0; padding:0; border:0; width:100%; height: .1em; clear:both; background: #dddddd;
|
||||
}
|
||||
|
||||
#choose_engine .serator_span { font-size: 14px; }
|
||||
#choose_engine SPAN { /*line-height: 4em;*/ padding: 1.5em; background: #eeeeee; display: inline-block; width: 100%; vertical-align: middle; text-indent: -.9em !important; }
|
||||
#choose_engine_container { font-size: 1.2em; }
|
||||
#choose_engine_container #checkbox_ignore_container LABEL { font-weight: normal; font-size: .7em; }
|
||||
|
||||
/*custom login page*/
|
||||
|
||||
#page_settings_content #loginpage_container{
|
||||
margin: 0em 2em 0em 2em; padding: 0; border: 0; display: inline-block;
|
||||
}
|
||||
|
||||
/*!!!! doesn't work in IE*/
|
||||
#page_settings_content #loginpage_container #loginpage{
|
||||
/*position: absolute;
|
||||
top: 35%;
|
||||
left: 0%;
|
||||
height: 30%;
|
||||
width: 100%;
|
||||
margin: -50% 0% 0% 0%;*/
|
||||
}
|
||||
|
||||
#page_settings_content #loginpage_container .ui-input-text{
|
||||
margin-top: .8em; display: inline-block;
|
||||
}
|
||||
#page_settings_content #loginpage_container #lp_btn_login{
|
||||
margin-top: 1.5em; font-weight: normal;
|
||||
}
|
||||
#page_settings_content #loginpage_container #lp_btn_custom{
|
||||
margin-top: 1.5em; font-weight: normal;
|
||||
}
|
||||
#page_settings_content #loginpage_container A{
|
||||
display: inline-block; margin-top: 1.5em; text-shadow:0 0 0; font-weight: normal; font-size: .9em;
|
||||
}
|
||||
#loginpage_container #logologinpage{
|
||||
text-decoration:none; text-shadow:0 0 0; color: #ffffff; font-size: 1.8em;
|
||||
}
|
||||
|
||||
|
||||
#phone_number_container { margin:0; padding:0; border:0; background: url(../../images/texture_bg_dial.png) repeat #001a22; }
|
||||
#phone_number_container .ui-input-text, #phone_number_container .ui-input-text:focus{
|
||||
display:inline; border: none; box-shadow: none; text-decoration:none; text-shadow:0 0 0; text-align:left; font-size: 1.3em;
|
||||
background: transparent; /*background: #ccc; filter: Alpha(Opacity=9); opacity: .9;*/
|
||||
}
|
||||
|
||||
#phone_number_container #phone_number { margin-left: 12%; } /* align number to middle*/
|
||||
/*
|
||||
#phone_number_container ::-webkit-input-placeholder { color: #bbb; font-size: .8em; font-style: italic; }
|
||||
#phone_number_container :-moz-placeholder { color: #bbb; font-size: .8em; font-style: italic; }
|
||||
#phone_number_container ::-moz-placeholder { color: #bbb; font-size: .8em; font-style: italic; }
|
||||
#phone_number_container :-ms-input-placeholder { color: #bbb; font-size: .8em; font-style: italic; margin-top: .7em; margin-bottom: .7em; }
|
||||
*/
|
||||
#phone_number_container ::placeholder { color: #bbb; font-size: .8em; font-style: italic; margin-top: .7em; margin-bottom: .7em; }
|
||||
|
||||
#phone_number_container .ui-block-a { width: 80%; }
|
||||
#phone_number_container .ui-block-b { width: 20%; height: 100%; }
|
||||
|
||||
#phone_number_container .ui-btn { margin:0; height: 100%; }
|
||||
/*#phone_number_container .ui-btn-inner { margin:0; vertical-align: middle; }*/
|
||||
#phone_number_container #disprate_container { clear: both; font-size: .8em; }
|
||||
|
||||
/*#phone_number_div { margin:0; padding:0; width:80%; float:left; }
|
||||
#btn_backspace_div { margin:0; padding:0; width:20%; float:left; height: 100%; }*/
|
||||
#btn_backspace { border-bottom: none; background: none; }
|
||||
#btn_backspace IMG { padding-top: 1.3em; padding-bottom: 1.2em; }
|
||||
|
||||
#page_dialpad{ margin:0; padding:0; border:0; }
|
||||
#dialpad_header{ margin:0; padding:0; border:0; }
|
||||
#dialpad_footer, #settings_footer, #aec_footer, #acc_footer{ margin:0; padding:0; border:0; }
|
||||
|
||||
#page_dialpad_content{ margin:0; padding:0; border:0; }
|
||||
|
||||
#dialpad_btn_grid, #dialpad_call_grid, #numpad_btn_grid { background: url(../../images/texture_bg_dial.png) repeat #001a22; }
|
||||
#page_dialpad_content #phone_number_container .ui-btn, #dialpad_btn_grid .ui-btn, #dialpad_footer .ui-btn {
|
||||
padding:0; margin:0; border-width: .1em; background: transparent; border:0; /*border:1px solid #f00;*/
|
||||
}
|
||||
#page_dialpad_content #phone_number_container .ui-btn:hover, #dialpad_btn_grid .ui-btn:hover, #dialpad_footer .ui-btn:hover {
|
||||
/*padding:0; margin:0; border-width: .1em; background: #62d8ff; filter: Alpha(Opacity=7); opacity: .7; border:0; text-shadow:0 0 0;
|
||||
padding:0; margin:0; border-width: .1em; background: #ffffff; filter: Alpha(Opacity=1); opacity: .1; border:0; text-shadow:0 0 0;
|
||||
*/
|
||||
padding:0; margin:0; border-width: .1em; background: #001a22; filter: Alpha(Opacity=5); opacity: .5; border:0; text-shadow:0 0 0;
|
||||
}
|
||||
/*#page_addeditcontact_content { background: #f00; }*/
|
||||
#dialpad_footer, #dialpad_call_grid { /* workaround for footer dissapearing and moving*/
|
||||
/*position: fixed;*/
|
||||
z-index: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
|
||||
/*
|
||||
float: left;
|
||||
display: block;
|
||||
position: relative;
|
||||
background: #f00;
|
||||
top: 10px;
|
||||
*/
|
||||
}
|
||||
/* workaround for footer dissapearing and moving
|
||||
#page_addeditcontact_content { position: relative; background: #f00; }
|
||||
#aec_footer {
|
||||
z-index: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
}*/
|
||||
#dialpad_footer #dialpad_call_grid #btn_call .ui-btn:hover {
|
||||
background: #54a337;
|
||||
}
|
||||
/*choose engine row*/
|
||||
#page_settings_content #settings_engine { float: left; margin: 0; padding: 0; display: block; width: 100%; background: #f6f6f6; }
|
||||
#page_settings_content #settings_copyright { display: block; width: 100%; float: left; margin-bottom: .1em; padding: 0; text-shadow: 0 0 0; text-align: right; }
|
||||
#page_settings_content #settings_copyright A { font-weight: normal; font-size: .7em; display: inline-block; margin-right: .4em; text-decoration: none; }
|
||||
|
||||
#dialpad_header .btn_engine { margin: 0; float: left; padding: 0; }
|
||||
#page_settings_content .btn_engine { margin: 0; float: left; padding: 0; }
|
||||
|
||||
#dialpad_header .btn_engine:hover { margin: 0; filter: Alpha(Opacity=5); opacity: .5; }
|
||||
#page_settings_content .btn_engine:hover { margin: 0; filter: Alpha(Opacity=5); opacity: .5; }
|
||||
|
||||
#dialpad_header .engine_title { font-size: 1.1em; }
|
||||
#page_settings_content .engine_title { font-size: .9em; }
|
||||
|
||||
#dialpad_header .engine_msg { font-size: .8em; }
|
||||
#page_settings_content .engine_msg { font-size: .6em; }
|
||||
|
||||
#btn_dialpad_engine_close { float: left; margin: 0; display: inline-block; border: 0; }
|
||||
#btn_settings_engine_close { float: left; margin: 0; display: inline-block; border: 0; }
|
||||
|
||||
#dialpad_header .btn_engine, #settings_engine .btn_engine { width: 85%; }
|
||||
#btn_dialpad_engine_close { width: 14%; height: 2.2em; }
|
||||
#btn_settings_engine_close { width: 14%; height: 2.65em; }
|
||||
|
||||
|
||||
|
||||
|
||||
#dialpad_btn_grid .ui-btn SPAN, #numpad_btn_grid .ui-btn SPAN {
|
||||
margin: 0; padding: 0; font-size: 2.4em; font-weight: normal; color: #31b6e7;
|
||||
}
|
||||
#dialpad_btn_grid .ui-btn .number, #numpad_btn_grid .ui-btn .number {
|
||||
margin: 0; padding: 0; font-size: 2.4em; font-weight: lighter;
|
||||
}
|
||||
#dialpad_btn_grid .ui-btn .smalltext, #numpad_btn_grid .ui-btn .smalltext {
|
||||
margin: 0em 0em 0em .3em; padding: 0; font-size: .7em; font-weight: bold; color: #aaa;
|
||||
}
|
||||
|
||||
#dialpad_list .ui-link-inherit { padding:.2em .5em .2em 0em; }
|
||||
#dialpad_list .ch_anchor { padding-top: .3em; padding-bottom: .3em; }
|
||||
#dialpad_list .ch_anchor:hover { padding-top: .3em; padding-bottom: .3em; }
|
||||
#page_dialpad_content .ch_type { margin:.5em .8em 0em 0em; padding:0; float:left; }
|
||||
#page_dialpad_content .ch_data { margin:0; padding:0; float:left; /*background: #f00;*/ }
|
||||
#page_dialpad_content .ch_numberonly { margin:.7em 0em .7em 0em; padding: 0; float: left; font-size: .9em; font-weight:normal; color:#31b6e7; }
|
||||
#page_dialpad_content .ch_data .ch_name { font-size: .9em; font-weight:normal; color:#31b6e7; }
|
||||
#page_dialpad_content .ch_data .ch_number { font-size: .8em; font-weight:normal; margin-top: .3em; }
|
||||
#page_dialpad_content .ch_data .ch_duration { font-size:.7em; font-weight:normal; }
|
||||
#page_dialpad_content .ch_date { margin:1em 0em 0em 0em; padding:0; float:right; font-size:.7em; font-weight:normal; }
|
||||
#page_dialpad_content .ch_presence { margin:.7em 0em 0em .8em; padding:0; float:right; font-size:.7em; font-weight:normal; }
|
||||
|
||||
#page_dialpad_content .ch_ctname { margin:.7em 0em .7em 0em; padding: 0; float: left; font-size: .9em; font-weight:normal; color:#31b6e7; }
|
||||
#page_dialpad_content .ch_ctnumber { margin:1em 0em .7em 1.5em; padding: 0; float: left; font-size: .8em; font-weight:normal; }
|
||||
|
||||
#numpad { margin:0; padding:0; display:none; }
|
||||
#numpad_number_container { margin:0; padding:0; border:0; width:100%; background: url(../../images/texture_bg_dial.png) repeat #000000; }
|
||||
|
||||
#numpad_number_container SPAN{
|
||||
border: 0; text-decoration:none; text-shadow:0 0 0; text-align:center; font-size: 1.3em;
|
||||
}
|
||||
|
||||
|
||||
.noshadow {
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* removes the blue halo glow from jQuery Mobile input elements that receive focus */
|
||||
.ui-focus {
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/*#dialpad_btn_grid .ui-btn-inner { white-space: normal; }*/
|
||||
|
||||
/*#dialpad_btn_grid .ui-btn-inner{ font-weight:normal; padding:0; }*/
|
||||
|
||||
#dialpad_call_grid .ui-btn{ padding:0; margin: 0; border-width: .1em; }/*margin: .5em 0 0 0;*/
|
||||
#dialpad_call_grid .ui-block-a{ width:20%; }
|
||||
#dialpad_call_grid .ui-block-b{ width:60%; }
|
||||
#dialpad_call_grid .ui-block-c{ width:20%; }
|
||||
#dialpad_call_grid .ui-btn-inner{ font-size: 2.2em; font-weight:normal; padding:0; }
|
||||
#dialpad_call_grid IMG { border:0; vertical-align:middle; }
|
||||
|
||||
#dialpad_call_grid .ui-block-a IMG { padding-top: .8em; padding-bottom: .8em; }
|
||||
#dialpad_call_grid .ui-block-b IMG { padding-top: .2em; padding-bottom: .2em; }
|
||||
#dialpad_call_grid .ui-block-c IMG { padding-top: .8em; padding-bottom: .8em; }
|
||||
|
||||
/*#dialpad_btn_grid TR{ height:76px; }*/
|
||||
|
||||
#page_contactdetails_content{ text-shadow: 0 0 0; }
|
||||
/*#contact_name{ color:#ffffff; margin:0; padding:0 0 0 1em; text-align:left; height:3em; line-height:3em; font-size:1.3em; background: url(../../images/texture_bg_dial.png) repeat #001a22; }*/
|
||||
#contact_name{ color:#ffffff; margin:0; padding:0em 0em 0em 1em; float: left; width: 100%; text-align:left; font-size:1.3em; background: url(../../images/texture_bg_dial.png) repeat #001a22; }
|
||||
#contact_name P { display: inline-block; width: 66%; float: left; }
|
||||
#contact_favorite { float: left; margin-left: .1em; margin-top: .8em; }
|
||||
#contact_favorite IMG { border: none; cursor: pointer; }
|
||||
#contact_blocked { float: left; margin-top: 1.1em; margin-left: .5em; width: 10%; }
|
||||
#contact_blocked_img { border: none; display: none; }
|
||||
|
||||
#page_contactdetails_content .cd_container{ margin:0; padding:0; width:100%; float:left; clear:both; border-bottom: .1em solid #004357; }
|
||||
#page_contactdetails_content .cd_call{ width:100%; margin:.4em 0em .4em 0em; padding:0; float:left; }
|
||||
#page_contactdetails_content .cd_data { margin:0em 0em 0em 1em; padding:0; float:left; }
|
||||
#page_contactdetails_content .cd_type{ text-align:left; font-size:1.1em; color: #ffffff; }
|
||||
#page_contactdetails_content .cd_number{ text-align:left; font-size:1.2em; color:#31b6e7; }
|
||||
#page_contactdetails_content .cd_icon { margin:0 .4em 0 0; padding:0; float:right; height:4em; line-height:4em; }
|
||||
#page_contactdetails_content .cd_icon IMG { vertical-align:middle; }
|
||||
|
||||
/*#page_contactdetails_content .cd_msg { width:20%; margin:.4em 0em .4em 0em; padding:0; float:left; }
|
||||
#page_contactdetails_content .cd_msg_icon { margin:0; padding:0; width:100%; float:right; height:4em; line-height:4em; }
|
||||
#page_contactdetails_content .cd_msg_icon IMG { vertical-align:middle; }
|
||||
*/
|
||||
#page_contactdetails_content .cd_call:hover,
|
||||
#page_contactdetails_content .cd_msg:hover { cursor:pointer; background:#62d8ff; filter: Alpha(Opacity=7); opacity: .7; }
|
||||
#page_contactdetails_content .cd_button { text-align:center; font-size:1.2em; color:#ffffff; }
|
||||
|
||||
|
||||
#callhistorylist_list .ui-link-inherit { padding:.2em .5em .2em 0em; }
|
||||
#callhistorylist_list .ch_anchor { padding-top: .3em; padding-bottom: .3em; }
|
||||
#page_callhistorylist_content .ch_type { margin:.5em .8em 0em .8em; padding:0; float:left; }
|
||||
#page_callhistorylist_content .ch_data { margin:0; padding:0; float:left; /*background: #f00;*/ }
|
||||
#page_callhistorylist_content .ch_data .ch_name { font-size: .9em; font-weight:normal; color:#31b6e7; }
|
||||
#page_callhistorylist_content .ch_data .ch_number { font-size: .8em; font-weight:normal; }
|
||||
#page_callhistorylist_content .ch_data .ch_duration { font-size:.7em; font-weight:normal; }
|
||||
#page_callhistorylist_content .ch_date { margin:3em 0em 0em 0em; padding:0; float:right; font-size:.7em; font-weight:normal; }
|
||||
|
||||
|
||||
#page_callhistorydetails_content{ text-shadow:none; }
|
||||
#ch_contact_name{ color:#ffffff; margin:0; padding:0 0 0 1em; text-align:left; height:3em; line-height:3em; font-size:1.3em; background: url(../../images/texture_bg_dial.png) repeat #001a22; }
|
||||
|
||||
#page_callhistorydetails_content .ch_container{ margin:0; padding:0; width:100%; float:left; clear:both; border-bottom: .1em solid #004357; }
|
||||
#page_callhistorydetails_content .ch_call{ width:100%; margin:.4em 0em .4em 0em; padding:0; float:left; }
|
||||
#page_callhistorydetails_content .ch_data { margin:0em 0em 0em 1em; padding:0; float:left; }
|
||||
#page_callhistorydetails_content .ch_type{ text-align:left; font-size:1.2em; color: #ffffff; }
|
||||
#page_callhistorydetails_content .ch_number{ text-align:left; font-size:1.1em; color:#31b6e7; }
|
||||
#page_callhistorydetails_content .ch_icon { margin:0 .4em 0 0; padding:0; float:right; height:4em; line-height:4em; }
|
||||
#page_callhistorydetails_content .ch_icon IMG { vertical-align:middle; }
|
||||
|
||||
/*#page_callhistorydetails_content .ch_msg { width:20%; margin:.4em 0em .4em 0em; padding:0; float:left; }
|
||||
#page_callhistorydetails_content .ch_msg_icon { margin:0; padding:0; width:100%; float:right; height:4em; line-height:4em; }
|
||||
#page_callhistorydetails_content .ch_msg_icon IMG { vertical-align:middle; }
|
||||
*/
|
||||
#page_callhistorydetails_content .ch_call:hover,
|
||||
#page_callhistorydetails_content .ch_msg:hover { cursor:pointer; background:#62d8ff; filter: Alpha(Opacity=7); opacity: .7; }
|
||||
|
||||
|
||||
#page_call_content { margin:0; padding:0; width:100%; }
|
||||
#page_call_content #contact_image { margin:0; padding:0; width:100%; float: left; } /*height:150px; line-height:150px;*/
|
||||
#page_call_content #contact_image #contact_image_img { border:0; vertical-align:middle; }
|
||||
#page_call_content #page_call_peer_details, #page_call_content #page_call_additional_info, #page_call_content #display_notmain_account {
|
||||
font-size: .9em; text-align: center; margin-left: 2em; margin-right: 2em; text-decoration:none; text-shadow:0 0 0;
|
||||
}
|
||||
|
||||
#page_call_content #callfunctions_layout { margin:0; padding:0; border:0; width:100%; float:left; background: url(../../images/texture_bg_dial.png) repeat #001a22; }
|
||||
#page_call_content .callfunc_btn_container { float:left; /*width:16.3%;*/ }
|
||||
#page_call_content .ui-btn { padding:0; margin:0; }
|
||||
#page_call_content .ui-btn-inner { padding:0; margin:0; border:0; }
|
||||
#page_call_content #btn_audiodevice, #page_call_content #btn_audiodevice .ui-btn { margin: 0; padding: .5em; font-weight: normal; display: inline-block; }
|
||||
|
||||
#page_call_content #volumecontrols { margin: 0; padding: 0; float: left; width: 100%; }
|
||||
#page_call_content #volumecontrols .volume_labels { margin: 0; padding: 0; float: left; width: 27%; text-align: right; height: 3em; line-height: 3em; font-size: .9em; }
|
||||
#page_call_content #volumecontrols .volume_sliders { margin: 0 0 0 .3em; padding: 0; float: left; width: 70%; }
|
||||
#page_call_content #volumecontrols .volume_sliders INPUT,
|
||||
#volumecontrols .volume_sliders .ui-btn:focus { box-shadow: none; text-decoration:none; text-shadow:0 0 0; }
|
||||
#volumecontrols .volume_sliders .ui-bar-inherit { background: #787878; }
|
||||
#volumecontrols .volume_sliders .ui-slider-handle { margin-top: -0.7em; }
|
||||
|
||||
#callfunctions_layout .ui-btn-inner IMG { padding:.8em 0em .8em 0em; margin:0; border:0; }
|
||||
#callfunctions_layout .callfunc_spacer { margin:0; padding:0; width: .1em; height: 3em; float:left; }
|
||||
#callfunctions_layout .callfunc_status { height:.5em; width:100%; display: block; }
|
||||
#callfunctions_layout .callfunc_status_on { background:#62d8ff; filter: Alpha(Opacity=70); opacity: .7; }
|
||||
/*
|
||||
#dialpad_btn_grid .ui-btn{ padding:0; margin:0; border:0; }
|
||||
#dialpad_btn_grid .ui-btn-inner{ font-size: 2.5em; font-weight:normal; padding:0; }
|
||||
*/
|
||||
#page_call_content .callfunc_btn IMG { border:0; }
|
||||
#callfunctions_layout .ui-btn { background: transparent; }
|
||||
#callfunctions_layout .ui-btn:hover { background:#62d8ff; filter: Alpha(Opacity=70); opacity: .7; }
|
||||
|
||||
#page_call_content #btn_hangup { background: url(../../images/texture_bg_endcall.png) repeat #ff0000; border: 0; }
|
||||
#page_call_content #btn_hangup:hover { background:#ff0000; filter: Alpha(Opacity=70); opacity: .7; }
|
||||
|
||||
#page_call_content #mlcontainer { margin: 0; padding: 0; text-align: center; width: 100%; float: left; /*background: #f00;*/ }
|
||||
#mlcontainer .line_btn, #mlcontainer .ui-btn { margin:0em .2em 0em 0em; padding:0; width: 5em; display: inline-block; font-size: .7em; border: 0; }
|
||||
#mlcontainer .line_status { height:.4em; width:100%; display: block; }
|
||||
#mlcontainer .line_status_on { background:#62d8ff; filter: Alpha(Opacity=70); opacity: .7; }
|
||||
#mlcontainer .ui-btn .line_text { padding:.4em 0em .4em 0em; margin:0; display: inline-block; font-weight: normal; }
|
||||
|
||||
|
||||
#acceptreject_layout .ui-btn{ padding:0; margin: 0; border:0; }/*margin: .5em 0 0 0;*/
|
||||
#acceptreject_layout .ui-block-a{ width:50%; }
|
||||
/*#acceptreject_layout .ui-block-b{ width:20%; }*/
|
||||
#acceptreject_layout .ui-block-c{ width:50%; }
|
||||
|
||||
#page_call_content #hangup_layout { display:none; }
|
||||
#page_call_content #callfunctions_layout { display:none; }
|
||||
#page_call_content #acceptreject_layout { display:none; }
|
||||
#page_call_content #mline_layout { display:none; }
|
||||
|
||||
#acceptreject_layout .ui-block-a BUTTON { background: url(../../images/texture_bg_accept.png) repeat #000000; }
|
||||
#acceptreject_layout .ui-block-a BUTTON:hover { background:#0d0; filter: Alpha(Opacity=70); opacity: .7; }
|
||||
|
||||
/*#acceptreject_layout .ui-block-b .ui-btn-up-a { background: url(../../images/texture_bg_grey.png) repeat #000000; }*/
|
||||
|
||||
#acceptreject_layout .ui-block-c BUTTON { background: url(../../images/texture_bg_endcall.png) repeat #ff0000; }
|
||||
#acceptreject_layout .ui-block-c BUTTON:hover { background:#f00; filter: Alpha(Opacity=70); opacity: .7; }
|
||||
|
||||
/*multiline incoming calls*/
|
||||
#mline_layout .ui-btn{ padding:0; margin: 0; border:0; }/*margin: .5em 0 0 0;*/
|
||||
#mline_layout .ui-block-a{ width:42%; }
|
||||
#mline_layout .ui-block-b{ width:42%; }
|
||||
#mline_layout .ui-block-c{ width:16%; }
|
||||
|
||||
#mline_layout .ui-block-a BUTTON { background: url(../../images/texture_bg_accept.png) repeat #000000; }
|
||||
#mline_layout .ui-block-a BUTTON:hover { background:#0d0; filter: Alpha(Opacity=70); opacity: .7; }
|
||||
|
||||
#mline_layout .ui-block-b BUTTON { background: url(../../images/texture_bg_endcall.png) repeat #ff0000; }
|
||||
#mline_layout .ui-block-b BUTTON:hover { background:#f00; filter: Alpha(Opacity=70); opacity: .7; }
|
||||
|
||||
#mline_layout .ui-block-c BUTTON { background: url(../../images/texture_bg_dial.png) repeat #001a22; }
|
||||
#mline_layout .ui-block-c BUTTON:hover { background:#001a22; filter: Alpha(Opacity=50); opacity: .5; }
|
||||
|
||||
|
||||
#numpad_btn_grid .ui-btn{ padding:0; margin:0; border-width: .1em; }
|
||||
#numpad_btn_grid .ui-btn SPAN { font-size: 2.4em; font-weight: normal; }
|
||||
|
||||
DIV.clear_float{ width:100%; clear:both; }
|
||||
|
||||
UL#contactslist_list { width:100%; padding:0px; margin:0px; font-weight: normal; overflow-y: auto; }
|
||||
UL#contactslist_list LI A { font-weight: normal; font-size: .9em; padding-top: 1em; padding-bottom: 1em;}
|
||||
UL#callhistorylist_list { width:100%; padding:0px; margin:0px; overflow-y: auto; }
|
||||
UL#settings_list { width:100%; padding:0px; margin:0px; overflow-y: auto; }
|
||||
UL#dialpad_list { width:100%; padding:0px; margin:0px; overflow-y: auto; }
|
||||
UL#filters_list { width:100%; padding:0px; margin:0px; overflow-y: auto; }
|
||||
|
||||
UL#settings_list LI A { line-height: 1; padding: .6em 0em .6em .8em; font-weight: normal; }
|
||||
|
||||
UL#settings_list .sett_text { width: 85%; float: left; margin: 0; padding: 0; }
|
||||
UL#settings_list .sett_image { float: left; width: 15%; margin: 0; padding: 0; }
|
||||
UL#settings_list .sett_image IMG { float: right; margin-right: .6em; margin-top: .4em; border: 0; }
|
||||
|
||||
UL#settings_list .sett_display_name { color:#31b6e7; font-size: .9em; }
|
||||
UL#settings_list .sett_comment { font-size: .7em; white-space: pre-wrap; }
|
||||
|
||||
/*UL#contactslist_list .ui-filterable,
|
||||
//UL#contactslist_list .ui-filterable .ui-input-search { margin: 0px; padding: 0px; background: #ff0000; }*/
|
||||
|
||||
.ui-header H1.adialog_title { color:#31b6e7; font-size: .9em; width: 80%; margin-left: 0; }
|
||||
.adialog_content { margin: .8em; }
|
||||
.adialog_content_select { margin: 0; }
|
||||
.adialog_content SPAN { font-size: .8em; }
|
||||
.adialog_2button { width: 49%; margin: 0em 0em .1em 0em; padding-left: 0; padding-right: 0; }
|
||||
.adialog_3button { width: 32%; margin: 0em 0em .1em 0em; padding-left: 0; padding-right: 0; }
|
||||
|
||||
.adialog_btn_nexttoinput .ui-input-text { width: 73% !important; float: left; margin-right: .5em; }
|
||||
.adialog_btn_nexttoinput .setting_item_input_class { width: 23% !important; }
|
||||
#setting_item_srvaddrpart { float:left; margin-top: 1.1em; margin-right: 1em; text-align: left; font-size: 1em; font-weight: bold; }
|
||||
.adialog_btn_nexttoinput .btn_nexttoinput { width: 20%; /*padding-top: .3em; padding-bottom: .2em;*/ padding: 0; }
|
||||
|
||||
.adialog_alert { padding: 1em; text-align: left; }
|
||||
.messagePopup .ui-content { overflow-y: auto; overflow-x: hidden; /*max-height: 300px !important; */}
|
||||
.messagePopup, .messagePopup .ui-content { background: #ffffff !important; }
|
||||
#choose_engine { background-color: #1d1d1d !important; } /* popup*/
|
||||
|
||||
#page_addeditcontact_content { text-shadow:0 0 0; }
|
||||
#page_addeditcontact_content .aec_label { color:#31b6e7; text-align: left; margin-left: .4em; margin-top: .4em; }
|
||||
#page_addeditcontact_content #aec_name_section { padding-left: .6em; padding-right: .6em; }
|
||||
#page_addeditcontact_content #aec_add_section { margin-top: .4em; }
|
||||
#aec_add_section .aec_label { width: 85%; display: inline-block; }
|
||||
#aec_add_section #aec_add { width: 10%; display: inline-block; text-align: center; margin: 0; }
|
||||
#aec_add_section #aec_add .ui-btn { margin: 0; }
|
||||
#page_addeditcontact_content .aec_numbers { text-align: left; padding-left: .6em; }
|
||||
.aec_numbers .aec_phonetype { width: 28%; margin: 0; font-weight: normal; display: inline-block; }
|
||||
.aec_numbers .ui-input-text { width: 55% !important; display: inline-block; font-size: 1.1em; margin-left: .2em; }
|
||||
.aec_numbers INPUT { display: inline-block; } /*needed for proper display in Firefox*/
|
||||
.aec_numbers .minus_btn { display: inline-block; text-align: center; width: 12%; margin: 0; }
|
||||
.aec_numbers .minus_btn .ui-btn { margin: 0; }
|
||||
#page_addeditcontact #aec_footer { margin: 0; padding: 0; }
|
||||
#page_addeditcontact #aec_footer .ui-btn { width: 49%; margin: 0; font-size: 1em; }
|
||||
|
||||
#page_addeditcontact_content #aec_add_deatils { margin-bottom: .7em; }
|
||||
#aec_add_deatils #aec_label_details { width: 81%; display: inline-block; color:#31b6e7; text-align: left; margin-left: .4em; }
|
||||
#aec_add_deatils #aec_add_detailsbtn { width: 10%; display: inline-block; text-align: center; margin: 0; }
|
||||
#aec_add_deatils #aec_add_detailsbtn .ui-btn { margin: 0; }
|
||||
#page_addeditcontact_content #aec_details_separator { margin: 1em .5em 1em .5em; width: auto; }
|
||||
#page_addeditcontact_content .aec_details { text-align: left; padding-left: .6em; }
|
||||
.aec_details LABEL { width: 27%; margin: 0; font-weight: normal; display: inline-block; color:#31b6e7; }
|
||||
.aec_details .ui-input-text { width: 67% !important; display: inline-block; font-size: 1.1em; margin-left: .2em; }
|
||||
.aec_details INPUT { display: inline-block; } /*needed for proper display in Firefox*/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#page_accounts_content { text-shadow:0 0 0; }
|
||||
#page_accounts_content #acc_add{ color:#ffffff; margin:0; padding:0em 0em 0em 1em; float: left; width: 100%; text-align:left; font-size:1.3em; background: url(../../images/texture_bg_dial.png) repeat #001a22; }
|
||||
#page_accounts_content #acc_add P { display: inline-block; width: 80%; float: left; font-size: .9em; }
|
||||
#page_accounts_content #acc_add_right { float: left; margin-left: .1em; margin-top: .4em; }
|
||||
#page_accounts_content #acc_add_right button { cursor: pointer; }
|
||||
#page_accounts_content #text_instructions { color: #ffffff; font-size: .85em; margin-left: .3em; margin-right: .3em; margin-bottom: .3em; text-align: left; font-weight: normal; }
|
||||
|
||||
|
||||
#page_accounts_content #acc_list { }
|
||||
#page_accounts_content .acc_item { }
|
||||
.acc_item .acc_control { display: inline-block; float: left; width: 27%; margin: 0; padding: 0; }
|
||||
.acc_item .acc_control .acc_checkbox { margin-top: 1em; margin-left: .8em; margin-bottom: 1.3em; }
|
||||
.acc_item .acc_control .acc_radio { margin-top: 1em; margin-left: 1.5em; }
|
||||
.acc_item .acc_control .ui-checkbox input, .acc_item .acc_control .ui-radio input { position: relative; display: block; float: left; padding: 0; }
|
||||
.acc_item .acc_username { width: 60%; display: inline-block; float: left; color:#31b6e7; text-align: left; margin-left: 0em; margin-top: 1.6em; }
|
||||
.acc_item .acc_remove { width: 12%; display: inline-block; float: left; text-align: center; margin-top: 1.1em; }
|
||||
.acc_item .acc_remove .ui-btn { margin: 0; }
|
||||
|
||||
#page_accounts_content #aec_details_separator { margin: 1em .5em 1em .5em; width: auto; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#page_messagelist_content #btn_newmessage { color: #31b6e7; margin-left: .1em; width: 99%; margin-top: 0px; margin-bottom: 0px; }
|
||||
#page_messagelist_content #messagelist_list { margin: 0px; padding: 0px; overflow-y: auto; }
|
||||
#page_messagelist_content .msg_anchor { padding: .9em; }
|
||||
#page_messagelist_content .msg_name { float: left; font-weight: normal; font-size: .9em; color: #31b6e7; }
|
||||
#page_messagelist_content .new_msg_count { float: left; margin-left: .3em; font-weight: normal; font-size: .8em; color: #f00; }
|
||||
#page_messagelist_content .msg_type { float: right; font-weight: normal; font-size: .8em; }
|
||||
#messagelist_list .ui-li-count { color: #ff0000; right: auto; margin-left: .5em; }
|
||||
|
||||
#page_message_content #msgpick_container { margin: 0; padding: 0; }
|
||||
#msgpick_container .ui-input-text { width: 79% !important; float: left; margin-right: .3em; margin-top: 0px; margin-left: .1em; }
|
||||
#msgpick_container #btn_msgpick { width: 17%; /*padding-top: .3em; padding-bottom: .2em;*/ padding: 0; margin: 0; }
|
||||
#page_message_content #msg_list {
|
||||
background: #ffffff; overflow-y: auto; overflow-x: hidden; width: 100%; text-align: left;
|
||||
}
|
||||
|
||||
#page_message_content #msg_list B { margin-left: .2em; font-size: .9em; }
|
||||
#page_message_content #msg_list P { margin-left: .6em; margin-top: 0; margin-bottom: .2em; font-size: .9em; }
|
||||
#page_message_content #msg_list .date { margin-top: 0; margin-bottom: .2em; margin-right: .2em; font-weight: bold; font-size: .7em; text-align: right;}
|
||||
#page_message_content #msg_list .sent_status {
|
||||
margin-top: 0; margin-bottom: .2em; margin-right: .4em; text-align: right; float: right;
|
||||
}
|
||||
#page_message_content #msg_spacer { font-size: 0.1em; margin: 0; padding: 0; }
|
||||
#page_message_content #msg_textarea_container { margin: 0; padding: 0; float: left; width: 100%; background: #ffffff; }
|
||||
|
||||
#msg_textarea_container #msg_textarea_left { float: left; margin: 0; padding: 0; width: 79%; }
|
||||
#msg_textarea_container #msg_textarea_right { float: right; margin: 0; width: 19%; height: 5.4em; position: relative; }
|
||||
|
||||
#msg_textarea_container .ui-input-text { margin: 0; }
|
||||
/*#msg_textarea_container #msg_textarea {
|
||||
margin: 0; height: 5em !important; max-height: 5em !important; border: none; resize: none; overflow-x: hidden; overflow-y: auto; font-size: .9em;
|
||||
}*/
|
||||
#msg_textarea_container #msg_textarea { /*used for DIV contenteditable, not textarea*/
|
||||
margin: 0; height: 5.4em !important; max-height: 5.4em !important; border: none; resize: none; overflow-x: hidden; overflow-y: auto; font-size: 1em;
|
||||
text-align: left;
|
||||
}
|
||||
#msg_textarea_container #btn_msgsend { margin: 0; padding: 0; position: absolute; bottom: .2em; right: .2em; }
|
||||
#msg_textarea_container #msg_charcount { font-size: .7em; font-weight: bold; position: absolute; right: .2em; top: 1em; }
|
||||
|
||||
#msg_textarea_container #msg_charcount { display: none; }
|
||||
#msg_textarea_container #msg_btn_sendfile { width: 2em; height: 2.4em; padding: .2em 0em .2em 0em; position: absolute; right: .2em; top: -.5em; }
|
||||
|
||||
#msg_textarea_container #msg_btn_smiley { width: 2.2em; padding: .5em 0em .2em .1em; position: absolute; right: 2.5em; top: -0.4em; background: transparent; border: 0; }
|
||||
#msg_textarea_container #msg_btn_smiley:hover { border: 1px solid transparent; }
|
||||
#msg_textarea_container #msg_btn_smiley #msg_btn_smiley_img { border: none; margin: 0; padding: 0; }
|
||||
#msg_textarea_container #smiley_container { border: none; margin: 0; padding: 0; z-index: 10000; position: absolute; right: .15em; bottom: 2.8em;
|
||||
width: 11em; background: #fff; border: .1em solid #e8e8e8; -webkit-border-radius: .15em; border-radius: .15em; }
|
||||
#msg_textarea_container #smiley_title_container { margin: 0em 0em .8em 0em; padding: .1em 0em .15em 0em; width: 100%; display: block; float: left; background: #efefef; }
|
||||
#msg_textarea_container #smiley_title_container #smiley_hint { margin: .1em 0em 0em .2em; padding: 0; font-size: .8em; display: inline-block; float: left; }
|
||||
#msg_textarea_container #smiley_title_container #msg_btn_smiley_close { margin: 0; padding: 0; width: 1.4em; font-size: .8em; color: #000; float: right; }
|
||||
#msg_textarea_container #smiley_title_container #msg_btn_smiley_close:hover { text-decoration: underline; }
|
||||
#msg_textarea_container .btn_emoti_icon { margin: 0; padding: 0; width: 30px; height: 30px; display: inline-block; background: transparent; border: none;
|
||||
-webkit-box-shadow: none !important; box-shadow: none !important; }
|
||||
#msg_textarea_container .btn_emoti_icon:hover { background: #e1e1e1; }
|
||||
#msg_textarea_container .btn_emoti_icon IMG { border: none; }
|
||||
#msg_textarea_container #msg_gradient { font-size: .1em;
|
||||
background: #31b6e7 /*{a-body-background-color}*/;
|
||||
border: none /*{a-body-border}*/;
|
||||
color: #fff /*{a-body-color}*/;
|
||||
text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
|
||||
/* Copied from 1.3 custom theme: */
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from( #31b6e7 ), to( #ffffff )); /* Saf4+, Chrome */
|
||||
background-image: -webkit-linear-gradient( #31b6e7, #ffffff ); /* Chrome 10+, Saf5.1+ */
|
||||
background-image: -moz-linear-gradient( #31b6e7, #ffffff ); /* FF3.6 */
|
||||
background-image: -ms-linear-gradient( #31b6e7, #ffffff ); /* IE10 */
|
||||
background-image: -o-linear-gradient( #31b6e7, #ffffff ); /* Opera 11.10+ */
|
||||
background-image: linear-gradient( #31b6e7, #ffffff );
|
||||
}
|
||||
|
||||
#page_logview_content { text-decoration:none; text-shadow:0 0 0; }
|
||||
#sendtosupport_container { margin: 0; padding: 0; width: 100%; float: left; }
|
||||
#sendtosupport_container #btn_loghelp, #btn_loghelp .ui-btn { width: 3em; display: inline-block; float: left; margin: 0 0 .1em .1em; padding: 0; }
|
||||
#sendtosupport_container #support_selectall { float: left; margin-left: 1em; margin-top: .7em; margin-bottom: .5em; font-size: .9em; }
|
||||
#sendtosupport_container #sendtosupport { float: right; margin-right: 1em; margin-top: .7em; margin-bottom: .5em; font-size: .9em; }
|
||||
#sendtosupport_container #btn_sendlog {
|
||||
display: inline-block; float: right; margin-right: .5em; margin-top: .3em; margin-bottom: .4em; font-size: .9em; padding: .5em;
|
||||
font-weight: bold; color: #ffffff; border: 0px; -webkit-border-radius: .15em; border-radius: .15em; background: #31b6e7; cursor: pointer;
|
||||
}
|
||||
#sendtosupport_container #btn_sendlog:hover { filter: Alpha(Opacity=7); opacity: .7; }
|
||||
|
||||
#lview_disable { float: left; margin: 0; padding: 0; }
|
||||
#lview_disable .ui-checkbox { margin: .3em 0em 0em .4em; }
|
||||
#lview_disable LABEL { display: inline-block; -webkit-border-radius: .2em; border-radius: .2em; }
|
||||
|
||||
#log_text{
|
||||
text-align: left; /*white-space: nowrap;*/ font-size: .8em; margin-left: .2em; margin-right: .2em; padding: 0px;
|
||||
border: none; resize: none; display: inline-block; float: left; /*overflow-x: auto; overflow-y: auto;*/
|
||||
}
|
||||
|
||||
#page_newuser_content FORM { margin-left: .5em; margin-right: .5em; padding: 0; text-align: left; }
|
||||
#page_newuser_content SPAN { text-decoration:none; text-shadow:0 0 0; color: #31b6e7; text-align: left; font-size: .9em; }
|
||||
#page_newuser_content .ui-input-text { margin: 0 0 .6em 0; padding: 0; }
|
||||
|
||||
#page_newuser #newuser_footer { margin: 0; padding: 0; }
|
||||
#page_newuser #newuser_footer .ui-btn { width: 49%; margin: 0; font-size: 1em; }
|
||||
|
||||
#page_smscodeverify_content #sms_instructions { color: #ffffff; font-size: .85em; margin-left: .3em; margin-right: .3em; margin-top: .6em; text-align: center; font-weight: normal; }
|
||||
#page_smscodeverify_content .ui-input-text { margin: 2em 2% 0 2%; padding: 0; width: 96% !important; }
|
||||
#page_smscodeverify_content #sms_code_field { text-align: center; }
|
||||
|
||||
#page_smscodeverify #smscodeverify_footer { margin: 0; padding: 0; }
|
||||
#page_smscodeverify #smscodeverify_footer .ui-btn { width: 49%; margin: 0; font-size: 1em; }
|
||||
|
||||
#btn_buynow, #btn_buynow .ui-btn {
|
||||
background: #ce5353; color: #fefefe; font-size: .8em; font-weight: normal; width: auto; -webkit-border-radius: .7em; border-radius: .7em;
|
||||
}
|
||||
#btn_buynow:hover, #btn_buynow .ui-btn:hover { background: #ba4b4b; }
|
||||
.about_item { width: 100%; margin-top: 1em; }
|
||||
.about_item2 { width: 100%; margin-top: 2em; }
|
||||
|
||||
.notification_panel { padding: 0; margin: 0; background: rgba(63,65,63,0.6); }
|
||||
.not_panel_title { width: 100%; margin: 0; padding: 0; text-align: center; line-height: 2em; background: #575957; border-bottom: .5em solid #575957; color: #fff; }
|
||||
.notification_list, .notification_panel .ui-panel-inner { display: inline-block; margin: 0px; padding:0px; width:100%; overflow-y: auto; }
|
||||
.notification_list { display: inline-block; margin: 0 !important; }
|
||||
.notification_list LI, .notification_list LI A { filter: Alpha(Opacity=9.9); opacity: .99; }
|
||||
.not_header_btn { margin: 0em 1.5em 0em 0em; }
|
||||
.not_btn_counter {
|
||||
display: inline-block; margin-right: 4.3em; margin-top: -4.5em; background: #f00; z-index: 1000; color: #ffffff;
|
||||
border: 0; -webkit-border-radius: .8em; border-radius: .8em; font-size: .6em;
|
||||
}
|
||||
#dialpad_message_counter{
|
||||
display: inline-block; margin-right: 0; margin-top: -2.3em; background: #f00; z-index: 1000; color: #ffffff;
|
||||
border: 0; -webkit-border-radius: .8em; border-radius: .8em; font-size: .6em;
|
||||
}
|
||||
#dialpad_voicemail_counter{
|
||||
display: inline-block; position: initial; margin-left: 5.2em; margin-top: -5em; background: #f00; z-index: 1000; color: #ffffff;
|
||||
border: 0; -webkit-border-radius: .8em; border-radius: .8em; font-size: .6em; float: left;
|
||||
}
|
||||
#page_messagelist .not_btn_counter { margin-top: -1.5em; } /*margins are different for page messagelist*/
|
||||
|
||||
.not_close_btn { position: absolute; bottom: .1em; left: 14.8em; }
|
||||
|
||||
.notification_list .nt_title { font-size: .9em; font-weight:normal; color:#31b6e7; }
|
||||
.notification_list .nt_desc { font-size: .8em; font-weight:normal; margin-top: .3em; margin-bottom: .6em; white-space: pre-wrap; }
|
||||
.notification_list .nt_date { margin: 0; padding:0; float:right; font-size:.65em; font-weight:normal; position: absolute; bottom: 0.5em; right: 1.7em; }
|
||||
.notification_list .nt_menu { padding: 0em 1.5em 0em 1.5em !important; }
|
||||
|
||||
#page_filetransfer_content { padding-left: .3em; padding-top: 0em; }
|
||||
#page_filetransfer_content FORM { padding-right: .3em; }
|
||||
#page_filetransfer_content #filetransf_container { margin: 0; padding: 0; }
|
||||
#filetransf_container .ui-input-text { width: 76% !important; float: left; margin-right: .3em; margin-top: 0px; margin-left: .5em; }
|
||||
#filetransf_container #btn_filetransfpick { width: 17%; /*padding-top: .3em; padding-bottom: .2em;*/ padding: 0; margin: 0; }
|
||||
#page_filetransfer_content FORM .ui-btn { display: inline-block; width: 30%; margin-top: 1.5em; }
|
||||
#page_filetransfer_content #ftranf_iframe_container { width: 100%; }
|
||||
#page_filetransfer_content #ftranf_status { color:#31b6e7; text-decoration:none; text-shadow:0 0 0; font-weight: normal; font-size: .9em; }
|
||||
|
||||
#page_startpage #startpage_footer { margin: 0; padding: 0; text-align: right; padding-right: .4em; }
|
||||
#page_startpage #startpage_footer .ui-btn { width: auto; margin: 0; font-size: .9em; padding: .65em; margin-top: .2em; }
|
||||
|
||||
#page_filters_content { text-shadow:0 0 0; }
|
||||
#page_filters_content .filters_label { color:#31b6e7; text-align: left; margin-left: .4em; margin-top: .4em; }
|
||||
#page_filters_content #filters_add_section { margin-top: .5em; margin-bottom: .5em; }
|
||||
#filters_add_section .filters_label { width: 85%; display: inline-block; }
|
||||
#filters_add_section #filters_add { width: 10%; display: inline-block; text-align: center; margin: 0; }
|
||||
#filters_add_section #filters_add .ui-btn { margin: 0; }
|
||||
|
||||
#page_filters_content .r_what { width:100%; float: left; font-size: .9em; font-weight:normal; }
|
||||
#page_filters_content .r_with { width:100%; float: left; font-size: .9em; font-weight:normal; }
|
||||
#page_filters_content .r_minlen { width:50%; float: left; font-size: .9em; font-weight:normal; margin-top: .8em; }
|
||||
#page_filters_content .r_maxlen { width:50%; float: left; font-size: .9em; font-weight:normal; margin-top: .8em; }
|
||||
.r_what SPAN, .r_with SPAN, .r_minlen SPAN, .r_maxlen SPAN { color:#31b6e7; font-size: 1.05em; }
|
||||
.filter_left_container { text-align: left; width: 70%; float: left; margin: 0; padding-left: .5em; line-height: 2.4em; }
|
||||
.filter_right_container { text-align: left; width: 25%; float: left; margin: 0; }
|
||||
|
||||
.audio_left_container { text-align: left; width: 35%; float: left; margin: .5em 0em .5em 0em; padding-left: .5em; }
|
||||
.audio_right_container { text-align: left; width: 60%; float: left; margin: .5em 0em .5em 0em; }
|
||||
|
||||
#audio_mic_label, #audio_rec_label { font-size: .9em; display: inline-block; margin-top: 2.3em; }
|
||||
#audio_ring_label { font-size: .9em; display: inline-block; margin-top: 1.3em; }
|
||||
.audio_devider { float: left; clear: both; background: #cecece; width: 100%; height: .1em; }
|
||||
|
||||
#webcallme_textarea
|
||||
{
|
||||
width: 100%; margin: 0; height: 12em !important; max-height: 12em !important; border: none; resize: none; overflow-x: hidden; overflow-y: auto; font-size: .9em;
|
||||
}
|
||||
|
||||
/* disable text selection on whole page*/
|
||||
* {
|
||||
-ms-user-select: none; /* IE 10+ */
|
||||
-moz-user-select: -moz-none;
|
||||
-khtml-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* enable test selction in logview window an text input elements*/
|
||||
#msg_list p, #log_text, .ui-input-text, INPUT {
|
||||
-ms-user-select: auto;
|
||||
-moz-user-select: text !important;
|
||||
-khtml-user-select: auto;
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
|
||||
.ui-flipswitch .ui-btn.ui-flipswitch-on {
|
||||
text-indent: -9.6em;
|
||||
}
|
||||
.ui-flipswitch .ui-flipswitch-off {
|
||||
text-indent: 1em;
|
||||
}
|
||||
|
||||
.ui-flipswitch {
|
||||
width: 12.875em; margin: .5em 0em 0em 0em; padding: 0;
|
||||
}
|
||||
.ui-flipswitch.ui-flipswitch-active {
|
||||
padding-left: 11em;
|
||||
width: 1.875em;
|
||||
}
|
||||
@media (min-width: 28em) {
|
||||
/* Repeated from rule .ui-flipswitch above*/
|
||||
.ui-field-contain > label + .ui-flipswitch {
|
||||
width: 1.875em;
|
||||
}
|
||||
}
|
||||
|
||||
#page_extra1_content, #page_extra2_content, #page_extra3_content, #page_extra4_content, #page_extra5_content {
|
||||
text-decoration:none; text-shadow:0 0 0; color: #eee; }
|
||||
|
||||
/* VIDEO ELEMENTS STYLE is defined in css/video.css */
|
||||
@@ -0,0 +1,27 @@
|
||||
.pico-content {
|
||||
margin: 0; padding: 0; background: #ffffff; color: #212121; font-family: sans-serif;
|
||||
border: .15em solid #d8d8d8; -webkit-border-radius: .4em; border-radius: .4em;
|
||||
}
|
||||
.pmodal_header {
|
||||
height: 2.2em; line-height: 2.2em; margin: 0; background: #e8e8e8; text-align: center;
|
||||
color: #212121; font-weight: bold;
|
||||
}
|
||||
.pmodal_content {
|
||||
font-size: .8em;
|
||||
}
|
||||
.pmodal_footer {
|
||||
height: 2.2em; margin: 0; background: #e8e8e8; text-align: center; color: #ffffff; font-weight: bold;
|
||||
}
|
||||
.pmodal_footer BUTTON {
|
||||
width: 50%; height: 2.28em; margin-top: .1em; font-size: .9em; color: #212121; font-weight: bold;
|
||||
background: #cecece; border: .1em solid #b8b8b8; border-radius: .2em; cursor: pointer;
|
||||
}
|
||||
|
||||
.pmodal_footer_3btn {
|
||||
height: 2.2em; margin: 0; background: #e8e8e8; text-align: center; color: #ffffff; font-weight: bold;
|
||||
}
|
||||
|
||||
.pmodal_footer_3btn BUTTON {
|
||||
width: 31%; height: 2.28em; margin: .1em; font-size: .9em; color: #212121; font-weight: bold;
|
||||
background: #cecece; border: .1em solid #b8b8b8; border-radius: .2em; cursor: pointer; padding-right: .8em;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 219 B |
Binary file not shown.
|
After Width: | Height: | Size: 227 B |
Binary file not shown.
|
After Width: | Height: | Size: 244 B |
Binary file not shown.
|
After Width: | Height: | Size: 243 B |
Binary file not shown.
|
After Width: | Height: | Size: 146 B |
Binary file not shown.
|
After Width: | Height: | Size: 167 B |
Binary file not shown.
|
After Width: | Height: | Size: 173 B |
Binary file not shown.
|
After Width: | Height: | Size: 159 B |
Binary file not shown.
|
After Width: | Height: | Size: 171 B |
Binary file not shown.
|
After Width: | Height: | Size: 149 B |
Binary file not shown.
|
After Width: | Height: | Size: 149 B |
Binary file not shown.
|
After Width: | Height: | Size: 156 B |
Binary file not shown.
|
After Width: | Height: | Size: 147 B |
Binary file not shown.
|
After Width: | Height: | Size: 152 B |
Binary file not shown.
|
After Width: | Height: | Size: 147 B |
Binary file not shown.
|
After Width: | Height: | Size: 163 B |
Binary file not shown.
|
After Width: | Height: | Size: 169 B |
Binary file not shown.
|
After Width: | Height: | Size: 163 B |
Binary file not shown.
|
After Width: | Height: | Size: 165 B |
Binary file not shown.
|
After Width: | Height: | Size: 151 B |
Binary file not shown.
|
After Width: | Height: | Size: 307 B |
Binary file not shown.
|
After Width: | Height: | Size: 314 B |
Binary file not shown.
|
After Width: | Height: | Size: 233 B |
Binary file not shown.
|
After Width: | Height: | Size: 240 B |
Binary file not shown.
|
After Width: | Height: | Size: 132 B |
Binary file not shown.
|
After Width: | Height: | Size: 135 B |
Binary file not shown.
|
After Width: | Height: | Size: 147 B |
Binary file not shown.
|
After Width: | Height: | Size: 152 B |
Binary file not shown.
|
After Width: | Height: | Size: 146 B |
Binary file not shown.
|
After Width: | Height: | Size: 143 B |
Binary file not shown.
|
After Width: | Height: | Size: 250 B |
Binary file not shown.
|
After Width: | Height: | Size: 251 B |
Binary file not shown.
|
After Width: | Height: | Size: 207 B |
Binary file not shown.
|
After Width: | Height: | Size: 213 B |
Binary file not shown.
|
After Width: | Height: | Size: 174 B |
Binary file not shown.
|
After Width: | Height: | Size: 177 B |
Binary file not shown.
|
After Width: | Height: | Size: 184 B |
Binary file not shown.
|
After Width: | Height: | Size: 194 B |
Binary file not shown.
|
After Width: | Height: | Size: 196 B |
Binary file not shown.
|
After Width: | Height: | Size: 204 B |
Binary file not shown.
|
After Width: | Height: | Size: 169 B |
Binary file not shown.
|
After Width: | Height: | Size: 172 B |
Binary file not shown.
|
After Width: | Height: | Size: 310 B |
Binary file not shown.
|
After Width: | Height: | Size: 316 B |
Binary file not shown.
|
After Width: | Height: | Size: 212 B |
Binary file not shown.
|
After Width: | Height: | Size: 210 B |
Binary file not shown.
|
After Width: | Height: | Size: 165 B |
Binary file not shown.
|
After Width: | Height: | Size: 160 B |
Binary file not shown.
|
After Width: | Height: | Size: 171 B |
Binary file not shown.
|
After Width: | Height: | Size: 185 B |
Binary file not shown.
|
After Width: | Height: | Size: 163 B |
Binary file not shown.
|
After Width: | Height: | Size: 170 B |
Binary file not shown.
|
After Width: | Height: | Size: 249 B |
Binary file not shown.
|
After Width: | Height: | Size: 253 B |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user