<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>Rückschau und Aussicht</h1>
<h3>Markt der Möglichkeiten und Digitale
Woche</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.virtuos.uni-osnabrueck.de/wp-content/uploads/2022/10/DL_6232-1536x1024.jpg"
alt="20 Jahre virtUOS"><br>
</p>
Anlässlich des <b>20-jährigen Bestehens
des virtUOS</b> waren Lehrende,
Studierende und Kolleg*innen aus anderen
zentralen Einrichtungen am Dienstag, den
18. Oktober 2022, eingeladen, sich in der
Lobby des EW-Gebäudes auf einem <b>Markt
der Möglichkeiten</b> einen Überblick
über die Aktivitäten, Angebote und
Zukunftspläne des virtUOS zu verschaffen.
An vielfältigen Ständen konnten die
Besucher*innen untereinander in den
Austausch kommen, Fragen an die
Mitarbeiter*innen des virtUOS stellen,
Anregungen einbringen oder Geräte wie
einen Lasercutter oder VR-Brillen
ausprobieren.<br>
Einen ausführlicheren Bericht und eine
Bildergalerie mit Eindrücken vom Markt der
Möglichkeiten finden Sie <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/2022/10/26/jubilaeumsfeier-20-jahre-virtuos/"
target="_blank">auf unserem Infoportal</a>.<br>
<br>
<i>Digitale Woche im Dezember</i><br>
In der Woche vor Weihnachten stellt die
Universität den kompletten Lehrbetrieb auf
digital um. Wir begleiten und unterstützen
Sie natürlich bei der Umstellung für die <b>digitale
Woche</b>. Neben unseren bewährten
Angeboten wie dem Support und unserem <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de" target="_blank">
Informationsportal</a> können Sie sich
im November auf der <b>Ideenpool-Veranstaltung</b>
<i>'Digital unterstützte (Präsenz)Lehre:
Etherpads, Cliqr, Collaboard und Co.
gewinnbringend einsetzen'</i> für
Online- und Präsenz-Lehre inspirieren
lassen. Mehr Informationen dazu finden Sie
<a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/ideenpool-veranstaltungen/"
target="_blank">auf der Ideenpool-Seite</a>.
Weitere Unterstützungsangebote für den
Dezember sind in Planung. </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>Fr, 28. Oktober 2022 09:00 Uhr </em>
<br>
<a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?event=workshop-1-1-planung-von-lehrveranstaltungen-und-grundlagen-der-hochschuldidaktik-hochschuldidaktische-qualifizierung-modul-1-baustein-1"
target="_blank"> Hochschuldidaktik
Workshop: Planung von
Lehrveranstaltungen</a> <br>
<br>
<em>Do, 03. November 2022 09:00 Uhr</em> <br>
<a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?event=virtuos-online-sprechstunde-podcasts"
target="_blank"> virtUOS
Online-Sprechstunde: Podcasts</a><br>
<br>
<em>Mi, 09. November 2022 09:00 Uhr </em>
<br>
<a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?event=virtuos-online-sprechstunde-open-broadcaster-software-obs"
target="_blank"> virtUOS
Online-Sprechstunde: Open Broadcaster
Software (OBS)</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/2022/10/14/erste-seminarraeume-fuer-flexiblere-nutzung-im-lehralltag-umgestaltet/"
target="_blank"> <img
src="https://digitale-lehre.virtuos.uni-osnabrueck.de/wp-content/uploads/2022/10/Innovative1.jpg"
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/2022/10/14/erste-seminarraeume-fuer-flexiblere-nutzung-im-lehralltag-umgestaltet/"
target="_blank">
<h2><strong>Innovative Lehr- und
Lernräume</strong></h2>
</a> Das Projekt UOS.DLL hat erste
Räume der Universität umgestaltet,
so dass diese flexibler im
Lehralltag genutzt werden können.
Informationen zu den Räumen und
deren Ausstattung finden Sie <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/2022/10/14/erste-seminarraeume-fuer-flexiblere-nutzung-im-lehralltag-umgestaltet/"
target="_blank">auf unserem
Infoportal</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/2022/09/21/hoffnung-2025-universitaere-lehre-ueber-den-tellerrand-hinaus-gedacht/"
target="_blank"><img
src="https://digitale-lehre.virtuos.uni-osnabrueck.de/wp-content/uploads/2022/09/Foto-ueber-den-Tellerrand-hinaus-1536x1464.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.virtuos.uni-osnabrueck.de/2022/09/21/hoffnung-2025-universitaere-lehre-ueber-den-tellerrand-hinaus-gedacht/"
target="_blank">
<h2><strong>Universitäre Lehre
über den Tellerrand hinaus
gedacht</strong></h2>
</a> In unserer Reihe 'Meinungen
und Haltungen' haben sich Annika
Kretschmann und Nadine Kunz aus
dem UOS.DLL-Projekt mit der Frage
beschäftigt, wie die universitäre
Lehre im Jahr 2025 aussehen
könnte. Den Artikel finden Sie <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/2022/09/21/hoffnung-2025-universitaere-lehre-ueber-den-tellerrand-hinaus-gedacht/"
target="_blank">auf unserem
Infoportal.</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">
<h2>Erweitertes
Beratungsangebot</h2>
<h4>Individuelle
Beratungstermine buchbar</h4>
Als Ergänzung zur
wöchentlich stattfindenden
Sprechstunde (die
aktuellen Termine finden
Sie auf dem <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?post_type=event"
target="_blank">Infoportal</a>)
können Sie auch bequem und
bei Bedarf kurzfristig
individuelle
Beratungstermine buchen.<br>
Wir beantworten Fragen zu
Einsatzmöglichkeiten und
Werkzeugen rund um
Stud.IP, Aufzeichnung mit
Opencast oder
Videokonferenzen mit
BigBlueButton und beraten
Sie gerne bei der
didaktischen Planung und
Umsetzung konkreter
Lehr-/Lernszenarien. <br>
<br>
Wir bieten hierfür
wöchentlich zwei Termine
an, welche Sie über
Stud.IP einsehen und
buchen können:<br>
<ul>
<li>dienstags
13:00-13:30 Uhr</li>
<li>donnerstags
13:30-14:00 Uhr</li>
</ul>
Für die Buchung tragen Sie
sich bitte über folgenden
Link in die zugehörige
offene
Stud.IP-Veranstaltung ein
und wählen unter
Terminvergabe den
gewünschten Termin: <a
href="https://studip.uni-osnabrueck.de/dispatch.php/course/details?sem_id=8c1416c6e957d59e25fef04556948726&again=yes"
target="_blank">Link zur
Stud.IP-Veranstaltung</a>.
Beachten Sie bitte, dass
die Terminbuchung bis
spätestens 10 Uhr am
Termintag erfolgen muss. </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>
</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 - Oktober 2022 </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>