<!DOCTYPE html>
<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>Neuigkeiten</h1>
<h3>KI-Handlungsempfehlungen,
Stud.IP-Update 5.5 sowie Podcasting</h3>
<p
style="font-size: 0.7rem;font-style: italic;text-align: center;"> <img
style="display: block;margin-left: auto;margin-right: auto; margin-top: 3em;"
class="columnImage"
src="https://digitale-lehre.uni-osnabrueck.de/newsletter/24-08/Newsletterbild-08.2024.png"
alt="Screenshot der KI-Handlungsempfehlungen sowie eingeblendetes Update-Symbol 5.5"><br>
</p>
<p></p>
Liebe Lehrende,<br>
<br>
den August-Newsletter möchten wir Sie
zunächst auf das anstehende Stud.IP Update
auf Version 5.5 hinweisen. Detaillierte
Informationen finden Sie weiter unten.
Doch nicht nur in Stud.IP gibt es
Neuigkeiten, auch beim Thema KI hat sich
an der Universität Osnabrück im letzten
Monat viel getan. Erst vor kurzem wurden
die Handlungsempfehlungen zum Umgang mit
KI-basierten Anwendungen veröffentlicht.
Die Empfehlungen bieten eine erste
Orientierung und sind in deutscher sowie
in englischer Sprache verfügbar. Sie
adressieren allgemeine Potentiale und
Risiken der Verwendung KI-basierter
Anwendungen und beinhalten
praxisorientierte Informationen, darüber
hinaus weisen sie auf konkrete
Informations- und Unterstützungsangebote
hin und enthalten modifizierbare Vorlagen.
Weitere Informationen und natürlich Zugang
zu den Empfehlungen selbst finden Sie <a
href="https://digitale-lehre.uni-osnabrueck.de/2024/08/26/handlungsempfehlungen-erschienen-tipps-zur-nutzung-von-ki-anwendungen-in-studium-und-lehre/">auf
unserem Portal.</a> <br>
<br>
Beachten Sie auch die kommenden
Veranstaltungen zu unseren Angeboten rund
um das Thema KI in der Hochschullehre: wie
schon morgen, am 27. August, ein Hands on
Workshop zu kiwi und ChatGPT. Weitere
Informationen direkt in diesem Newsletter.
<br>
<br>
</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>Morgen: Di, 27. August 2024,
12:30-13:30 Uhr </em> <br>
<a
href="https://digitale-lehre.uni-osnabrueck.de/?event=hands-on-kiwi-den-chatgpt-zugang-der-uni-effektiv-nutzen"
target="_blank"> Hands on: kiwi – den
ChatGPT-Zugang der Uni effektiv nutzen
(Anmeldung erforderlich); mit Johanna
Fricke und Nadine Kunz</a> <br>
<br>
<em>Do, 29. August 2024, 12:30-13:00 Uhr </em>
<br>
<a
href="https://digitale-lehre.uni-osnabrueck.de/?event=infoveranstaltung-das-ist-neu-in-stud-ip-5-5-ein-ueberblick-fuer-lehrende"
target="_blank"> Infoveranstaltung:
Stud.IP 5.5 Update – Neue Funktionen und
Möglichkeiten für Lehrende; mit Jens
Bonk-Wilfang</a> <br>
<br>
<em>Mo, 02. September 2024, 13:30-14:30
Uhr </em> <br>
<a
href="https://digitale-lehre.uni-osnabrueck.de/?event=virtuos-offene-online-sprechstunde-ki-in-der-lehre"
target="_blank"> Offene
Online-Sprechstunde mit dem Thema „KI in
der Lehre“ </a><br>
<br>
<em>Mo, 16. und 30. September 2024,
13:30-14:30 Uhr </em> <br>
<a
href="https://digitale-lehre.uni-osnabrueck.de/?event=virtuos-offene-online-sprechstunde-update-stud-ip-5-5-2"
target="_blank"> Offene
Online-Sprechstunde mit dem Thema
„Stud.IP-Update 5.5“ </a><br>
<br>
<em>Di, 24. September 2024, 14:00-15:30
Uhr </em> <br>
<a
href="https://digitale-lehre.uni-osnabrueck.de/?event=ideenpool-veranstaltung-ki-in-der-lehre"
target="_blank">
Ideenpool-Veranstaltung: KI in der Lehre
(Online-Wiederholung der
Fachbereichstour) </a><br>
<br>
<a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?post_type=event"
target="_blank">Weitere Termine...</a> </td>
</tr>
<tr>
<td class="bodyContent"
mc:edit="body_content" valign="top">
<h2>Freie Plätze in Workshops:</h2>
<em>Fr, 30. August & 6. + 20.
September 2024, 09:00-12:00 Uhr (online)</em>
<br>
<a
href="https://digitale-lehre.uni-osnabrueck.de/?event=workshop-1-1-planung-von-lehrveranstaltungen-und-grundlagen-der-hochschuldidaktik-teil-1">
Planung von Lehrveranstaltungen und
Grundlagen der Hochschuldidaktik (5
freie Plätze) </a> <br>
<br>
<em>Do/Fr, 12./13. September 2024,
09:30-16:30 Uhr (Präsenz)</em> <br>
<a
href="https://digitale-lehre.uni-osnabrueck.de/?event=workshop-2-2-3-3-praxiworskshop-ki-die-eigene-lehrveranstaltung-anpassen-teil-1"
target="_blank"> Praxisworkshop KI – Die
eigene Lehrveranstaltung anpassen (2
freie Plätze) </a><br>
<br>
</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.uni-osnabrueck.de/2024/08/16/stud-ip-5-5-update-am-5-september-neue-funktionen-und-erleichterte-uebersicht/"
target="_blank"> <img
src="https://digitale-lehre.uni-osnabrueck.de/wp-content/uploads/2024/08/5-5.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.uni-osnabrueck.de/2024/08/16/stud-ip-5-5-update-am-5-september-neue-funktionen-und-erleichterte-uebersicht/"
target="_blank">
<h2><strong> Update auf Stud.IP
5.5 am 5. September</strong></h2>
</a> Am 5. September 2024 erfolgt
das Stud.IP-Update auf die Version
5.5. Neben vielen kleinen
Verbesserungen wirkt sich das
Update insbesondere auf die
Bereiche Courseware, Verwaltung
und Wiki aus. Eine Übersicht über
die Anpassungen finden Sie <a
href="https://digitale-lehre.uni-osnabrueck.de/2024/08/16/stud-ip-5-5-update-am-5-september-neue-funktionen-und-erleichterte-uebersicht/"
_blank"="">hier</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.uni-osnabrueck.de/2024/08/20/tipps-und-tricks-fuer-podcasts-in-der-lehre/"
target="_blank"> <img
src="https://digitale-lehre.uni-osnabrueck.de/wp-content/uploads/2024/08/grafik-2.png"
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.uni-osnabrueck.de/2024/08/20/tipps-und-tricks-fuer-podcasts-in-der-lehre/"
target="_blank">
<h2><strong> Tipps und Tricks
für Podcasts in der Lehre</strong></h2>
</a> Podcasts als Prüfungsform?
Was die Pro- und Contraargumente
von Podcasts in der Lehre sind,
welches Format sich wann eignet
und wie Sie Podcasts nutzen und
bewerten können, erfahren Sie in <a
href="https://digitale-lehre.uni-osnabrueck.de/2024/08/20/tipps-und-tricks-fuer-podcasts-in-der-lehre/"
_blank"="">diesem Artikel</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 valign="top" align="center">
<!-- BEGIN BODY // -->
<table id="templateBody" width="100%"
cellspacing="0" cellpadding="0"
border="0">
<tbody>
<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"> <a
href="https://digitale-lehre.uni-osnabrueck.de/2024/08/16/stud-ip-5-5-update-am-5-september-neue-funktionen-und-erleichterte-uebersicht/">
<h2>Update auf Stud.IP
5.5 am 5. September:
Neue Funktionen und
erleichterte Übersicht</h2>
</a> Am <b>5 September
2024</b> führt das Team
des virtUOS ein Update von
Stud.IP auf die neue
Version 5.5 durch. Das
Update bringt viele
nützliche Neuerungen,
insbesondere für Lehrende
mit sich. Hier nur einige
Beispiele:
<ul>
<li>Die verfügbaren
Werkzeuge in einer
Veranstaltung werden
als visuelle Kacheln
dargestellt. So wird
auf einen Blick
ersichtlich, wie die
Veranstaltung
konfiguriert ist.</li>
<li>In Courseware
befindet sich die
Bearbeitungsschaltfläche
nun auf der rechten
Seite, was die
Bedienung deutlich
intuitiver macht.</li>
<li>Ebenfalls in
Courseware hat das
aktualisierte Menü
"Elemente hinzufügen"
nun Doppelpfeile auf
der rechten Seite, wo
die Blöcke künftig
standardmäßig zu sehen
sind.</li>
<li>Neu gestaltet ist
auch das Wiki:</li>
<ul>
<li>Im Menü auf der
linken Seite finden
Sie nun einige neue
Funktionen wie
Seitenverlauf,
Änderungsliste usw.</li>
<li>Im
Bearbeitungsmodus
einer Wiki-Seite
gibt es nun die
Präsenzanzeige.</li>
</ul>
</ul>
Um Sie gut mit diesen und
weiteren Neuerungen und
den damit einhergehenden
Nutzungsmöglichkeiten
vertraut zu machen, finden
Sie alle wichtigen
Änderungen bei uns im <a
href="https://digitale-lehre.uni-osnabrueck.de/2024/08/16/stud-ip-5-5-update-am-5-september-neue-funktionen-und-erleichterte-uebersicht/">Digitale
Lehre Portal.</a> Zudem
wird es am 29.08. von
12:30-13:00 Uhr eine
digitale Infoveranstaltung
(<a
href="https://vt.uos.de/497n1">BigBlueButton-Raum</a>) geben, in der
Ihnen die Neuerungen
vorgestellt werden und bei
denen Sie die Gelegenheit
haben, individuelle Fragen
zu stellen. Sie haben
außerdem natürlich die
Gelegenheit, die offenen
Sprechstunden des Zentrums
virtUOS zu besuchen. Diese
finden immer montags
zwischen 13:30-14:30 Uhr
in <a
href="https://vt.uos.de/ef3ll">BigBlueButton</a> statt. </td>
</tr>
</tbody> <tbody>
<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>Übersicht der
virtUOS-Beratungsangebote</h2>
Das virtUOS
unterstützt Sie
bei der Gestaltung
Ihrer Lehre in
vielfältiger
Weise. Egal, ob
Sie technische
oder didaktische
Fragen haben oder
eine
Grundlagenschulung
benötigen, nutzen
Sie eines unserer
Beratungsangebote:
<br>
<ul>
<li><b>Email-Support</b></li>
Schreiben Sie
uns gerne eine
E-Mail mit Ihrem
Anliegen an <a
href="mailto:virtuos@uos.de" class="moz-txt-link-freetext">virtuos@uos.de</a>.
<li><b>Telefon-Support</b></li>
Montags bis
freitags von
09:00-14:00 Uhr
erreichen Sie
unseren
telefonischen
Support unter
+49 541 969
6666.
<li><b>Online-Sprechstunde</b></li>
Wir bieten Ihnen
jeden Montag in
der Zeit von
13:30-14:30 Uhr
die Möglichkeit,
sich mit uns
online per
Videokonferenz
auszutauschen.
Die genauen
Daten sowie den
Zugangslink
finden Sie auf
dem <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?event=virtuos-offene-online-sprechstunde-5"
target="_blank">Digitale-Lehre-Portal</a>.
<li><b>Individuelle
Beratungstermine</b></li>
Über Stud.IP
können Sie sich
einen
individuellen
Berartungstermin
für eine
Online-Beratung
buchen. Auf
unserem
Informationsportal
finden Sie eine
<a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/sprechstunde/#individuelle-beratungstermine"
target="_blank">Anleitung zur Buchung der Termine</a>.
</ul>
</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>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</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 - August 2024 </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>