<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<center>
<table id="bodyTable" width="100%" height="100%" cellspacing="0"
cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td id="bodyCell" valign="top" align="center">
<!-- BEGIN TEMPLATE // -->
<table id="templateContainer" cellspacing="0"
cellpadding="0" border="0">
<!--
<tr> <td align="center" valign="top"> <!-- BEGIN PREHEADER // -> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templatePreheader">
<tr> <td valign="top" class="preheaderContent" style="padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:20px;" mc:edit="preheader_content00"> Diesen Monat ganz neu und frisch aus der digitalen Druckerpresse: Der Digitale Lehre @ UOS Newsletter! </td>
<!-- *|IFNOT:ARCHIVE_PAGE|* -> <td valign="top" width="180" class="preheaderContent" style="padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:0;" mc:edit="preheader_content01"> Wird die E-Mail nicht correct angezeigt?<br /><a href="*|ARCHIVE|*" target="_blank">Hier klicken für die Browseransicht!</a>. </td>S
<!-- *|END:IF|* -> </tr> </table> <!-- // END PREHEADER ->
</td> </tr> -->
<tbody>
<tr>
<td valign="top" align="center">
<!-- BEGIN HEADER // -->
<table id="templateHeader" width="100%"
cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="headerContent" valign="top"> <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/"> <img
src="https://digitale-lehre.virtuos.uni-osnabrueck.de/newsletter/21-06/files/Logo_Digitale%20Lehre.svg"
style="max-width:200px;margin-top:
5px;" id="headerImage"
mc:label="header_image"
mc:edit="header_image"
mc:allowdesigner="" mc:allowtext=""> <img
src="https://digitale-lehre.virtuos.uni-osnabrueck.de/newsletter/21-06/files/Uni%20Logo%20transparent.svg"
style="max-width:300px;float: right;"
id="headerImage"
mc:label="header_image"
mc:edit="header_image"
mc:allowdesigner="" mc:allowtext=""> </a></td>
<td class="headerContent"
style="background-color: #91042C"
valign="top"> <br>
</td>
</tr>
</tbody>
</table>
<!-- // END HEADER --> </td>
</tr>
<tr>
<td valign="top" align="center">
<!-- BEGIN BODY // --> <br>
<table id="templateBody" width="100%"
cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="bodyContent"
mc:edit="body_content" valign="top">
<h1>Digitale Prüfungen</h1>
<h3>Vips und ePrüfungen in Präsenz</h3>
<p style="font-size: 0.7rem;font-style:
italic;text-align: center;"> <img
style="display: block;margin-left:
auto;margin-right: auto;height: 400px;
margin-top: 3em;" class="columnImage"
src="https://digitale-lehre.virtuos.uni-osnabrueck.de/newsletter/21-12/files/tim-gouw-1K9T5YiZ2WU-unsplash.jpg"
alt="BBB-Startfolie"> Photo by <a
target="_blank"
href="https://unsplash.com/@punttim?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Tim
Gouw</a> on <a target="_blank"
href="https://unsplash.com/s/photos/exam-door?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
</p>
Diesen Newsletter widmen wir fast
ausschließlich dem Thema Prüfungen. Zwar
macht das Semester bald rund um
Weihnachten und den Jahreswechsel eine
kurze Pause, danach geht es aber direkt
auf die Prüfungen zu. Die aktuelle
Infektionslage lässt dabei eine sichere
Planung nicht zu ggf. müssen Pläne
bezüglich Prüfungen geändert werden oder
zumindest ein Plan B entworfen werden,
falls Prüfungen nicht komplett in Präsenz
durchgeführt werden können.<br>
Aus diesem Grund starten wir mit diesem
Newsletter unsere <b>dreiteilige
Vips-Reihe</b>, in der wir Sie in drei
Phasen durch die Prüfungen begleiten
möchten. Heute widmen wir uns der <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?p=3248"
target="_blank">Prüfungsvorbereitung in
Vips</a>. Im Januar liegt der
Schwerpunkt auf der Durchführung der
Prüfungen und im Februar folgt der letzte
Teil der Reihe, der sich mit dem Bewerten
und Nachbereiten einer Prüfung
beschäftigt. <br>
Prüfungen in Vips lassen sich nicht nur im
virtuellen Raum durchführen. Im
Rechenzentrum der Universität stehen Ihnen
Räume zur Verfügung, in denen Sie <b>digitale
Prüfungen in Präsenz</b> durchführen
können. Auch dazu haben wir Ihnen in
diesem Newsletter alle nötigen
Informationen verlinkt. <br>
Falls Sie über diese Informationen hinaus
Unterstützung und Beratung benötigen,
wenden Sie sich gerne an den virtUOS
Support, per E-Mail an <a
href="mailto:virtuos@uos.de"
class="moz-txt-link-freetext">virtuos@uos.de</a>
oder per Telefon unter +49 541 969 6666. <br>
<br>
<b><font color="#91042C">Das virtUOS Team
wünscht Ihnen an dieser Stelle trotz
der ganzen Umstände entspannte
Feiertage und dass Sie gut ins neue
Jahr kommen!</font></b> </td>
</tr>
</tbody>
</table>
<!-- // END BODY --> </td>
</tr>
<tr>
<td valign="top" align="center">
<table id="templadeBody" width="100%"
cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="bodyContent"
mc:edit="body_content" valign="top">
<h2> Aktuelle Termine: </h2>
<em>13. Dezember 2021 10:15 Uhr</em> <br>
<a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?event=lehrkolleg-kolloquium-6"
target="_blank"> LehrKolleg-Kolloquium -
Vorstellung der Projekte Modul_OS und
Angewandte Physik</a><br>
<br>
<em> 15. Dezember 2021 09:00 Uhr </em> <br>
<a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?event=offene-sprechstunde-9"
target="_blank"> Offene Sprechstunde </a>
<br>
<br>
<a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?post_type=event"
target="_blank">Weitere Termine...</a> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top" align="center">
<!-- BEGIN COLUMNS // -->
<table id="templateColumns" width="100%"
cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr mc:repeatable="">
<td class="templateColumnContainer"
style="padding-top:20px;" valign="top"
align="center">
<table width="100%" cellspacing="0"
cellpadding="20" border="0">
<tbody>
<tr>
<td class="leftColumnContent"
style="height: 200px;"> <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?p=3248"
target="_blank"><img
src="https://digitale-lehre.virtuos.uni-osnabrueck.de/wp-content/uploads/2021/12/vips-vorbereiten.png"
style="max-width:300px;
max-height: 200px;"
class="columnImage"
mc:label="left_column_image"
mc:edit="left_column_image"></a>
</td>
</tr>
<tr>
<td class="leftColumnContent"
mc:edit="left_column_content"
valign="top"> <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?p=3248"
target="_blank">
<h2><strong>Prüfungen mit Vips –
Vorbereiten (Teil 1/3)</strong></h2>
</a> Um digitale Prüfungen
durchführen zu können, bietet
Stud.IP Ihnen das Werkzeug Vips
an. Vips ermöglicht Ihnen
innerhalb von Stud.IP Prüfungen
mit einer Vielzahl von
Aufgabentypen anzulegen und zu
verwalten. In unserer dreiteiligen
Vips Reihe stellen wir Ihnen Vips
näher vor, angepasst an die
Prüfungsphasen Vorbereiten,
Durchführen und Nachbereiten. <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?p=3248"
target="_blank">Hier lesen Sie
Teil 1 der Vips-Reihe.</a> </td>
</tr>
</tbody>
</table>
</td>
<td class="templateColumnContainer"
style="padding-top:20px;" valign="top"
align="center">
<table width="100%" cellspacing="0"
cellpadding="0" border="0">
<tbody>
<tr>
<td class="rightColumnContent"
style="height: 200px;"> <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/eintrag/e-pruefungsraeume-digitale-pruefungen-in-praesenz/"
target="_blank"><img
src="https://digitale-lehre.virtuos.uni-osnabrueck.de/wp-content/uploads/2021/06/DSCF6778-bearbeitet-klein.jpg"
style="max-width:300px;
max-height: 200px;"
class="columnImage"
mc:label="right_column_image"
mc:edit="right_column_image"></a>
</td>
</tr>
<tr>
<td class="rightColumnContent"
mc:edit="right_column_content"
valign="top"> <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/eintrag/e-pruefungsraeume-digitale-pruefungen-in-praesenz/"
target="_blank">
<h2><strong>E-Prüfungsräume –
Digitale Prüfungen in
Präsenz</strong></h2>
</a>Sie haben neben Prüfungen in
Präsenz und rein digitalen
Prüfungen auch die Möglichkeit,
Ihre Prüfungen in einem unserer
E-Prüfungsräume durchzuführen.
Bitte beachten Sie auch die
aktuell geltenden
Hygienebestimmungen. Alle
Informationen dazu finden Sie auf
unserer <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/eintrag/e-pruefungsraeume-digitale-pruefungen-in-praesenz/"
target="_blank">Informationsseite
zu E-Prüfungsräumen</a>. </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- // END COLUMNS --> </td>
</tr>
<tr>
<td valign="top" align="center">
<!-- BEGIN BODY // -->
<table id="templateBody" width="100%"
cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="bodyContent"
mc:edit="body_content" valign="top">
<h2>Technikempfehlungen für die
Hybridlehre</h2>
<h4>Handreichung zur Techniknutzung in
Hybridlehre veröffentlicht</h4>
Die hybride Lehre, bei der ein Teil der
Studierenden im Raum vor Ort und ein
anderer Teil per BigBlueButton teilnimmt,
birgt besondere technische
Herausforderungen. Damit Sie für diese
Szenarien möglichst gut gewappnet sind,
haben wir eine kurze Empfehlungsliste für
Sie erstellt. Dort finden Sie Hinweise zu
der Art von Geräten, mit denen in der
Vergangenheit gute Erfahrungen in der
Lehre gemacht wurden und auch einige
konkrete Produkte, die besonders häufig
eingesetzt werden. Alle Hinweise und
Empfehlungen erhalten Sie auf unserem <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/2021/12/10/die-durchfuehrung-von-hybriden-lehrveranstaltungen-mit-preiswerter-technik/"
target="_blank">Informationsportal</a>.</td>
</tr>
</tbody>
</table>
<!-- // END BODY --> </td>
</tr>
<tr>
<td valign="top" align="center">
<!-- BEGIN BODY // -->
<table id="templateBody" width="100%"
cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="bodyContent"
mc:edit="body_content" valign="top">
<h2>Teaching Analysis Poll</h2>
<h4>Ein zusätzliches Evaluationsangebot
des virtUOS</h4>
Das Semesterende kommt so langsam näher.
Wenn Sie gerne einmal ein zusätzliches
Evaluationsverfahren in einer Ihrer
Veranstaltungen testen möchten, bietet das
virtUOS Ihnen den Teaching Analysis Poll
(TAP) an. Der TAP ist ein systematisches
und standardisiertes Verfahren zur
Evaluierung von Lehrveranstaltungen. Ein*e
Mitarbeitende*r des virtUOS kommt zu Ihnen
in eine Veranstaltungssitzung und befragt
in Ihrer Abwesenheit die Teilnehmenden.
Sie erhalten im Anschluss eine Rückmeldung
von uns und eine Zusammenfassung der
gegebenen Antworten. Die Durchführung
eines TAP ist auch in
Online-Veranstaltungen möglich. Weitere
Informationen erhalten Sie auf der <a
href="https://www.virtuos.uni-osnabrueck.de/hochschuldidaktik/teaching_analysis_poll.html"
target="_blank">virtUOS Webseite</a>.</td>
</tr>
</tbody>
</table>
<!-- // END BODY --> </td>
</tr>
<tr>
<td valign="top" align="center">
<!-- BEGIN FOOTER // -->
<table id="templateFooter" width="100%"
cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="footerContent"
mc:edit="footer_content00" valign="top">
<!--<a href="*|TWITTER:PROFILEURL|*">Follow on Twitter</a> <a href="*|FACEBOOK:PROFILEURL|*">Friend on Facebook</a> <a href="*|FORWARD|*">Forward to Friend</a> -->
<br>
</td>
</tr>
<tr>
<td class="footerContent"
style="padding-top:0;"
mc:edit="footer_content01" valign="top"> <em>Veröffentlicht
unter einer <a
href="https://creativecommons.org/licenses/by-sa/4.0/legalcode.de">
Creative Commons By Share-Alike 4.0
Lizenz</a></em> <br>
Basierend auf den Vorlagen <a
href="https://github.com/mailchimp/email-blueprints">„E-Mail
Blueprints“</a> von Mailchimp unter
einer <a
href="http://creativecommons.org/licenses/by-sa/3.0/">Creative
Commons By Share-Alike 3.0 Lizenz</a> <br>
<br>
<strong>Kontakt:</strong> <br>
<a href="mailto:virtuos@uos.de">virtuos@uni-osnabrueck.de</a>
</td>
</tr>
<tr>
<td class="footerContent"
style="padding-top:0;"
mc:edit="footer_content02" valign="top"> <a
href="https://list.serv.uni-osnabrueck.de/mailman/listinfo/e-learning"
target="_blank">Newsletter abbestellen</a> <a
href="https://list.serv.uni-osnabrueck.de/mailman/listinfo/e-learning"
target="_blank">Newsletter Abonnement
ändern</a> </td>
</tr>
</tbody>
</table>
<!-- // END FOOTER --> </td>
</tr>
</tbody>
</table>
<!-- // END TEMPLATE --> </td>
</tr>
</tbody>
</table>
</center>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>Digitale Lehre @ UOS - Dezember 2021</title>
<style type="text/css">
/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
/* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
body{margin:0; padding:0;}
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
table{border-collapse:collapse !important;}
body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
/* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */
/* ========== Page Styles ========== */
#bodyCell{padding:20px;}
#templateContainer{width:600px;}
/**
* @tab Page
* @section background style
* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
* @theme page
*/
body, #bodyTable{
/*@editable*/ background-color:#DEE0E2;
width: 600px;
}
/**
* @tab Page
* @section background style
* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
* @theme page
*/
#bodyCell{
/*@editable*/ border-top:4px solid #BBBBBB;
}
/**
* @tab Page
* @section email border
* @tip Set the border for your email.
*/
#templateContainer{
/*@editable*/ border:1px solid #BBBBBB;
}
/**
* @tab Page
* @section heading 1
* @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
* @style heading 1
*/
h1{
/*@editable*/ color:#202020 !important;
display:block;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:26px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:center;
}
/**
* @tab Page
* @section heading 2
* @tip Set the styling for all second-level headings in your emails.
* @style heading 2
*/
h2{
/*@editable*/ color:#404040 !important;
display:block;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:20px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 3
* @tip Set the styling for all third-level headings in your emails.
* @style heading 3
*/
h3{
/*@editable*/ color:#606060 !important;
display:block;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:16px;
/*@editable*/ font-style:italic;
/*@editable*/ font-weight:normal;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:center;
}
/**
* @tab Page
* @section heading 4
* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
* @style heading 4
*/
h4{
/*@editable*/ color:#808080 !important;
display:block;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:14px;
/*@editable*/ font-style:italic;
/*@editable*/ font-weight:normal;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/* ========== Header Styles ========== */
/**
* @tab Header
* @section preheader style
* @tip Set the background color and bottom border for your email's preheader area.
* @theme header
*/
#templatePreheader{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-bottom:1px solid #CCCCCC;
}
/**
* @tab Header
* @section preheader text
* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
*/
.preheaderContent{
/*@editable*/ color:#808080;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:10px;
/*@editable*/ line-height:125%;
/*@editable*/ text-align:left;
}
/**
* @tab Header
* @section preheader link
* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
*/
.preheaderContent a:link, .preheaderContent a:visited, /* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#606060;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/**
* @tab Header
* @section header style
* @tip Set the background color and borders for your email's header area.
* @theme header
*/
#templateHeader{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-top:1px solid #FFFFFF;
/*@editable*/ border-bottom:1px solid #CCCCCC;
}
/**
* @tab Header
* @section header text
* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
*/
.headerContent{
/*@editable*/ color:#505050;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:20px;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ padding-top:20px;
/*@editable*/ padding-right:0px;
/*@editable*/ padding-bottom:0px;
/*@editable*/ padding-left:0px;
/*@editable*/ text-align:left;
/*@editable*/ vertical-align:middle;
background-color: #91042C;
border-bottom: #FBBA00 solid 5px;
}
/**
* @tab Header
* @section header link
* @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
*/
.headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#91042C;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
#headerImage{
height:auto;
margin-top: -25px;
max-width:600px;
margin-left: 25px;
}
/* ========== Body Styles ========== */
/**
* @tab Body
* @section body style
* @tip Set the background color and borders for your email's body area.
*/
#templateBody{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-top:1px solid #FFFFFF;
/*@editable*/ border-bottom:1px solid #CCCCCC;
}
/**
* @tab Body
* @section body text
* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
* @theme main
*/
.bodyContent{
/*@editable*/ color:#505050;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:16px;
/*@editable*/ line-height:150%;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
/*@editable*/ text-align:left;
}
/**
* @tab Body
* @section body link
* @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
*/
.bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#91042C;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
.bodyContent img{
display:inline;
height:auto;
max-width:600px;
}
/* ========== Column Styles ========== */
.templateColumnContainer{width:260px;}
/**
* @tab Columns
* @section column style
* @tip Set the background color and borders for your email's column area.
*/
#templateColumns{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-top:1px solid #FFFFFF;
/*@editable*/ border-bottom:1px solid #CCCCCC;
}
/**
* @tab Columns
* @section left column text
* @tip Set the styling for your email's left column content text. Choose a size and color that is easy to read.
*/
.leftColumnContent{
/*@editable*/ color:#505050;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:14px;
/*@editable*/ line-height:150%;
padding-top:0;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
/*@editable*/ text-align:left;
}
/**
* @tab Columns
* @section left column link
* @tip Set the styling for your email's left column content links. Choose a color that helps them stand out from your text.
*/
.leftColumnContent a:link, .leftColumnContent a:visited, /* Yahoo! Mail Override */ .leftColumnContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#91042C;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/**
* @tab Columns
* @section right column text
* @tip Set the styling for your email's right column content text. Choose a size and color that is easy to read.
*/
.rightColumnContent{
/*@editable*/ color:#505050;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:14px;
/*@editable*/ line-height:150%;
padding-top:0;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
/*@editable*/ text-align:left;
}
/**
* @tab Columns
* @section right column link
* @tip Set the styling for your email's right column content links. Choose a color that helps them stand out from your text.
*/
.rightColumnContent a:link, .rightColumnContent a:visited, /* Yahoo! Mail Override */ .rightColumnContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#91042C;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
.leftColumnContent img, .rightColumnContent img{
display:inline;
height:auto;
max-width:260px;
}
/* ========== Footer Styles ========== */
/**
* @tab Footer
* @section footer style
* @tip Set the background color and borders for your email's footer area.
* @theme footer
*/
#templateFooter{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-top:1px solid #FFFFFF;
}
/**
* @tab Footer
* @section footer text
* @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
* @theme footer
*/
.footerContent{
/*@editable*/ color:#808080;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:10px;
/*@editable*/ line-height:150%;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
/*@editable*/ text-align:left;
}
/**
* @tab Footer
* @section footer link
* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
*/
.footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{
/*@editable*/ color:#606060;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/* /\/\/\/\/\/\/\/\/ TABLET STYLES /\/\/\/\/\/\/\/\/ */
@media only screen and (max-width:700px ){
/* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
/* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
#bodyCell{padding:10px !important;}
/* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
/* ======== Page Styles ======== */
/**
* @tab Mobile Styles
* @section template width
* @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.
*/
#templateContainer{
max-width:1200px !important;
/*@editable*/ width:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 1
* @tip Make the first-level headings larger in size for better readability on small screens.
*/
h1{
/*@editable*/ font-size:24px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 2
* @tip Make the second-level headings larger in size for better readability on small screens.
*/
h2{
/*@editable*/ font-size:20px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 3
* @tip Make the third-level headings larger in size for better readability on small screens.
*/
h3{
/*@editable*/ font-size:18px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 4
* @tip Make the fourth-level headings larger in size for better readability on small screens.
*/
h4{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:100% !important;
}
/* ======== Header Styles ======== */
#templatePreheader{display:none !important;} /* Hide the template preheader to save space */
/**
* @tab Mobile Styles
* @section header image
* @tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
#headerImage{
height:auto !important;
width: 250px;
margin-top: 0px;
/*@editable*/ max-width:600px !important;
/*@editable*/ margin-left: 15px !important;
}
/**
* @tab Mobile Styles
* @section header text
* @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.headerContent{
/*@editable*/ font-size:20px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Body Styles ======== */
/**
* @tab Mobile Styles
* @section body text
* @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.bodyContent{
/*@editable*/ font-size:18px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Column Styles ======== */
.templateColumnContainer{display:block !important; width:100% !important;}
/**
* @tab Mobile Styles
* @section column image
* @tip Make the column image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
.columnImage{
height:auto !important;
/*@editable*/ max-width:480px !important;
}
/**
* @tab Mobile Styles
* @section left column text
* @tip Make the left column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.leftColumnContent{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:125% !important;
}
/**
* @tab Mobile Styles
* @section right column text
* @tip Make the right column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.rightColumnContent{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Footer Styles ======== */
/**
* @tab Mobile Styles
* @section footer text
* @tip Make the body content text larger in size for better readability on small screens.
*/
.footerContent{
/*@editable*/ font-size:14px !important;
/*@editable*/ line-height:115% !important;
}
.footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */
}
/* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
@media only screen and (max-width: 550px){
/* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
/* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
#bodyCell{padding:10px !important;}
/* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
/* ======== Page Styles ======== */
/**
* @tab Mobile Styles
* @section template width
* @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.
*/
#templateContainer{
max-width:500px !important;
/*@editable*/ width:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 1
* @tip Make the first-level headings larger in size for better readability on small screens.
*/
h1{
/*@editable*/ font-size:24px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 2
* @tip Make the second-level headings larger in size for better readability on small screens.
*/
h2{
/*@editable*/ font-size:20px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 3
* @tip Make the third-level headings larger in size for better readability on small screens.
*/
h3{
/*@editable*/ font-size:18px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 4
* @tip Make the fourth-level headings larger in size for better readability on small screens.
*/
h4{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:100% !important;
}
/* ======== Header Styles ======== */
#templatePreheader{display:none !important;} /* Hide the template preheader to save space */
/**
* @tab Mobile Styles
* @section header image
* @tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
#headerImage{
height:auto !important;
margin-top: 0px;
/*@editable*/ max-width:200px !important;
/*@editable*/ margin-left: 15px !important;
}
/**
* @tab Mobile Styles
* @section header text
* @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.headerContent{
/*@editable*/ font-size:20px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Body Styles ======== */
/**
* @tab Mobile Styles
* @section body text
* @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.bodyContent{
/*@editable*/ font-size:18px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Column Styles ======== */
.templateColumnContainer{display:block !important; width:100% !important;}
/**
* @tab Mobile Styles
* @section column image
* @tip Make the column image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
.columnImage{
height:auto !important;
/*@editable*/ max-width:480px !important;
width: 72.5%;
margin-right: auto;
}
/**
* @tab Mobile Styles
* @section left column text
* @tip Make the left column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.leftColumnContent{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:125% !important;
}
/**
* @tab Mobile Styles
* @section right column text
* @tip Make the right column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.rightColumnContent{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Footer Styles ======== */
/**
* @tab Mobile Styles
* @section footer text
* @tip Make the body content text larger in size for better readability on small screens.
*/
.footerContent{
/*@editable*/ font-size:14px !important;
/*@editable*/ line-height:115% !important;
}
.footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */
}
</style>
</body>
</html>