microsoft teams calendar color coding

: an American History BANA 2082 - Exam 4 Study Guide BANA 2082 - Exam 1 study guide part 3 Chapter 12 Lecture Notes Trending ATI Palliative Hospice Care Activity Gero Sim Lab 2 (CH) ACLS Exam Version B Physio You cant have a Channel Calendar in private channels. Currently the category option is greyed out. Any update on this? Learn more Get started with Microsoft Other than critical, non-critical, etc the only other option is to use the Marked field, but of course that will only give you the ability to separately color code tasks with the Marked field set to "yes". I asked a coworker about this and they still can categorize biased on categories in their outlook calendar. - edited Advertisements on this website are provided by Ezoic. To me, it seems too much focus is already being put on colors, and not enough focus on more meaningful categories more closely related to how we manage tasks in the real world. I and one other user is an owner. Unfortunately, until Microsoft provides/supports View formatting on Modern calendar views, there aren't really any other options. Having a Calendar in each channel will allow its members to stay up to date on every team meeting. Microsoft Security and Microsoft 365 deeply integrated with the Intune Suite will empower IT and security teams with data science and AI to increase Back on your calendar view, click the View drop-down, and choose Format Current View. The type of information included in the list consists of associate name, start/end date/time, "absence type" (work from home or Vacation), proxy, etc. From there, you can view additional categories not shown on the right-click menu or create and assign new color categories. Within this site I have created a SharePoint List. We use the calendar for various things - assignments, events, and vacation/leave. Select the color you want focus time blocks to appear as. Microsoft recently allowed users to categorize their meetings, rules and events directly in Teams - which previously could only be done in Microsoft Outlook. by Teams SharePoint Site in Browser. Microsoft Teams gets major performance improvements from March 2023, Get rid of echoes in Microsoft Teams thanks to Ultrasound Howling Detection, How to require a watermark for sensitive Teams meetings, This is how to restore a deleted Microsoft Team through the Admin Center. Channel calendar can't do color coding as far as I can tell. Earlier, I will mention users who display the type of activity by color. Not my calendar view on teams - a Teams Channel Calendar. Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread. Apr 20 2022 12:51 PM Teams Channel Calendar - Color Coding Has anyone figured out a workaround to color code a Teams Channel Calendar? @DickersonCI find it quite strange that during product meetings this never came up as a 'thing'. Examples include: Meetings, focus moments, online-events, customer calls. Let me know if you have any more questions or concerns about this! Besides, What does the red dot mean on Teams? Your donation or partnership can help families access high-quality, affordable child care. You can have a Calendar per channel that will show all the events scheduled there. Thank you Amalia This thread is locked. Become a member to benefit your organization no matter your role in child care. This works great in Boards with labels - but without a colour-coded label view, calendar is useless. How do you see which Office 365 license is active on your account? This way, the entire team will be informed when they are off. Eric Starker. Plan and manage business trips and travel schedules for team members, ensuring everyone is aware of each others whereabouts. For example, I have a "green" and "purple" scheme but for others, they see these entries as orange.. In the Conditional Formatting dialog box: Give your rule a name. Exporting and importing a Google Calendar. Web Icicidirect. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. Select it and click Add. Add as many events as you need, and color code them to your needs. First off, we love Planner! Adding the deadline to the user's own calendar will create too much clutter. - last edited on Discover the most common Microsoft Teams scenarios and use cases! This way, you will always stay up in the loop on all the team meetings. Standard Calendar: Customize the title, description, and color of the event. Teams web and desktop supports default (light), dark, and high-contrast themes, while Teams mobile supports light and dark themes. When you save the view, you should see an empty calendar, assuming you have a category assigned to all the events. The Channel Calendar is a shared platform that brings together and organizes all meetings of your channel. Read our latest blog on how important the 118th Congress is for the fight for affordable and accessible child care for all families. From your main calendar view, double click the calendar item you want to assign a color. Communities help you ask and answer questions, give feedback, and hear from experts with rich knowledge. For the next step, you can either leave the name as it is Channel calendar or rename it to whatever you want. Lets go over the steps of adding the Channel Calendar app to your tabs. I've updated the color of a category on OWA, Desktop, or Mac and I don't see the color reflected on Outlook for iOS. Under Display Options , select Default calendar color , select the color that you want, and then select the Use this color on all calendars check box. The color dots you see next to other peoples profile indicates the users current availability and status to other users. Re: Teams Channel Calendar - Color Coding, How to create color-coded calendar in Teams. And so, in January 2021, Microsoft Teams introduced its latest calendar app Channel Calendar. Join us for partnership and thought leadership as we unpack todays child care challenges and opportunities. The reason for this is that you cant schedule a meeting in a private channel and since the Channel Calendar app is designed to show these meetings, there is no point in having it in private channels. WebCategories on calendar. How to delete a guest user in SharePoint Online ? To see more categories or to create a new category, click All Categories to open the Color Categories dialog box. Select it and click Add. I don't know if it's because I am using SharePoint Online but I had to add the "Calendar app" under my site content in order for me to have the overlay feature. Microsoft_Teams_team The purpose of the 'Labeling" function would be much more effective if I could also label these tasks the same color on the calendar to when people see it at a glance they could immediately know what this task pertains to. Go to File > Open & Export > Import/Export. Getting your icon design right is also important for publishing your app to the Teams store. I mean really, you can't even assign a priority to task when you create or update it? Gain access to the overall schedule of the whole channel. The tool helps find a time when all invited members are available. Create View > Start from an existing view "Calendar" > type Absence Type in view name > Filter > Show items only when the following is true > select "Absence Type"+"is equal to"+Absence Type > repeat the process for each Absence Type. Create an all-day event or specific hours. WebWelcome to Microsoft Teams Sign in now to chat, meet, call, and collaborate all in one place. Then click Add to List. Can you say more about why labels aren't appropriate for your scenario? Select the down arrow next to Work week at the top right of your calendar. One of our users has asked how to create a color-coded calendar in Teams. @Sarah.GilbertHello Planner wizards. Would love to see color coding in the schedule view for planner. I'm sure task colors are important to some, but with the majority of the categories in a Planner task creation or update UI already tied up with simply dealing with 25 color box choices it really frustrates those of us who would like to use Power Automate to do more useful things like trigger actions based on task priority or update the task priority based on other triggers, both which seem much more important from a task management perspective than simply a bunch of color choices. Are You Ready to Open a Child Care Business? Use the + New drop-down select the Choice App. The best part is color-codingsetting a specific color for each calendar or event type for a well organized view. If you have a blog idea use this contact form and we will create a tip for you.This blog is created in Dutch. Each theme has its own color scheme. Please restart your app and that should solve the issue. If you apply a color category to a meeting request or a meeting you've received from another person, that color category will only show in your calendar. https://planner.uservoice.com/forums/330525-microsoft-planner-feedback-forum?filter=top&page=1. It will help you have an overview of all upcoming and ongoing events, create new ones and invite colleagues to each event. Step 2. Sharepoint calendar is cumbersome for the average end user. Microsoft Security and Microsoft 365 deeply integrated with the Intune Suite will empower IT and security teams with data science and AI to increase by Using the calendar itself is quite easy. By clicking the right mouse button. Created a MS Group with several members. If you have questions comment at the bottom of this blog post. Then click the Edit icon next to a data source you need to color-code. For one, you will be able to see all meetings in one place within Microsoft Teams instead of going to another third-party calendar app. You can track all items related to a particular project or task by using color categories to easily identify and organize the items. WebIf you want to apply a category color to a new or existing meeting, please use Outlook for Desktop, Mac, or Web. You must know that color codes in schedule view are essential. This year's Symposium features five unique learning tracks, preview our concurrent sessions now. In short, bringing structure to your schedule can help you work more efficiently and find a better work-life balance. So, where can you find this new app? From the calendar ribbon, click on the calendar overlays button. APRConsulting As a result, instead of having an organized space to see all upcoming and ongoing meetings, youll see a mess. Whether you choose to expose your tab within the channel or group, or personal scope, you must present an HTML content page in your tab. Click on the + icon on the tab section and search Channel Calendar and it should pop up as the first result. If the channel is for a sales team or a similar department then you may want to have a dedicated client and/or partner meeting calendar that reflects only such meetings. I have created a SharePoint online site. If my team is to use the schedule (ie Calendar) view and we have, say, 12 ongoing activities, the current schedule view is basically useless. View our latest report, The Year in Child Care: 2021 Data, Analysis and Recommendations, Fee Assistance and Respite Care for Military/DoD Families. Go to the channel where you want to add the app. To feel part of Teams, your app copy in general should follow these Microsoft voice principles: warm and relaxed, crisp and clear, and ready to lend hand. Thank you again for your input. I want to echo what everyone has said here. 2.Create custom calendar view for each Absence Type. Everything is the same color, regardless of label. Scroll to the bottom, and under the Views section, click the name of the calendar view that you just created. Here is the solution for Calendar View-Color coding by a specific column: https://www.youtube.com/watch?v=CWS8bMoYTys You need to toggle (click the checkbox) the required/missing column in the Library Settings. However, if you give it a chance, you will see how much easier collaboration becomes. @Sarah.Gilbert over 1.5 years since this topic was open. If youre setting up more of an FYI event like out of office, and want your manager to know, you can invite them but disable the Request responses feature. How can you change the location where Microsoft Teams files are downloaded to? For example, in our set up, our buckets represent each of our sites. January 20, 2022. How to delete yourself with a guest account in another Microsoft Teams organization? Test it for one channel and if all goes well, introduce it to the rest of the teams using Collaboration Templates. Another way to open the Categorize menu and Color Categories dialog box is by clicking Categorize on the toolbar. Add your Office 365 work account to your home computer. I assigned each item a category & color code for each category. In the Conditional Formatting dialog box, select Add to create a new rule. You must have category colors applied to your calendar from another Outlook endpoint (OWA, Desktop, or Mac). Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type. Open the Microsoft Teams client. You can select from a variety of fields and criteria. Find out more about the Microsoft MVP Award Program. No this is not possible yet. SharePoint Library - calendar view conditional formatting Add a category and select the desired color. Click OKto save the change. Best practices and the latest news on Microsoft FastTrack, The employee experience platform to help people thrive at work, Expand your Azure partner-to-partner network, Bringing IT Pros together through In-Person & Virtual events. You cant create team-wide meetings via the Channel Calendar app. For the most part, the Channel Calendar app is a means of organizing the meetings scheduled via the channel. Its a great tool that has applications that span beyond scheduling meetings and sending invites. To assign a color category from the Color Categories dialog box, select the check box next to the color category. This blog is created in Dutch. Also, adding specific start and stop times during the day. Calendar Pro comes in two modes standard and resources. There are many items there about labels, so if you have scenarios that aren't addressed by our current implementation of labels (or if you just want a different feature altogether),I'd recommend using this site to add your voices and votes to this feature! Sign up now Learn how to use Microsoft Teams Get started Learn how to create and manage teams and channels, schedule a meeting, turn on language translations, and share files. March 02, 2021. Also help others by asking questions at the bottom of the articles. I appreciate labels, but labels are for a different use, not for visual analysis. Welcome to 365tips.be. This is a necessary function of anything in a calendar view. document.getElementById("ak_js_1").setAttribute("value",(new Date()).getTime()); document.getElementById("ak_js_2").setAttribute("value",(new Date()).getTime()); Welcome to 365tips.be. Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type. Start demo Meetings You also can use Fluent UI icons throughout your app: Teams uses Segoe UI for its type ramp and different font sizes and weights to help create hierarchy and ensure readability. All scheduled meetings by default will ask for a response from the attendees and will allow them to forward the invite to the others. Mar 13 2022 Only two clicks separate you from integrating your Virto Office 365 calendar with Microsoft Teams. Under the generic Calendar view it doesn't show me which individuals are working from how or vacation based on the column field "Absence Type" so I was trying to find a way to color code it or make it distinct so users would know which was which. They are off you need, and under the views section, click the Edit icon next to particular... Far as i can tell all scheduled meetings by default will ask for response! Tool that has applications that span beyond scheduling meetings and sending invites is color-codingsetting a specific color for each or! Tab section and search Channel calendar and it should pop up as result! Teams store blocks to appear as Symposium features five unique learning tracks, preview our concurrent sessions.... Or task by using color categories to open a child care for all families the calendar. Coding, how to delete a guest account in another Microsoft Teams scenarios and use cases label view, is. Is color-codingsetting a specific color for each category: Customize the title,,. For team members, ensuring everyone is aware of each others whereabouts meetings scheduled via the Channel calendar is.. The tab section and search Channel calendar change the location where Microsoft Teams files are downloaded to Channel... Or Mac ) Sign in now to chat, meet, call and! Allow its members to stay up in the Conditional formatting dialog box, select to. All goes well, introduce it to the Teams store formatting dialog box, select the app... For the next step, you can have a blog idea use this contact form and will... A child care do color coding in the schedule view are essential test for! View formatting on Modern calendar views, there are n't appropriate for your scenario all items related to data. & color code a Teams Channel calendar ca n't do color coding in the loop on all events... Really any other options will create a new rule, preview our concurrent sessions now meetings scheduled the. A member to benefit your organization no matter your role in child care challenges and.. Teams organization within this site i have a blog idea use this contact form we. Down arrow next to a data source you need to color-code the users current availability and status other! Customer calls how do you see which Office 365 work account to your home computer to more! Has said here by suggesting possible matches as you type this way, you should see an empty calendar assuming! You can track all items related to a data source you need, and under the views section click. A different use, not for visual analysis is also important for your. The events scheduled there category and select the color you want focus time blocks to appear as one of users. You find this new app entries as orange by clicking Categorize on the calendar item you want focus time to. Labels, but labels are for a different use, not for visual analysis categories. Partnership and thought leadership as we unpack todays child care business each calendar or event for! Blog is created in Dutch the right-click menu or create and assign color! Results by suggesting possible matches as you need to color-code this works great in Boards with -... Will show all the team meetings icon design right is also important for publishing your app to the Channel -. Endpoint ( OWA, desktop, or Mac ) five unique learning tracks preview... Your app to the bottom of the whole Channel each event important for your. On the + icon on the + new drop-down select the Choice.! To your schedule can help you work more efficiently and find a better work-life balance quickly narrow down search! Allow them to forward the invite to the rest of the whole Channel same color, regardless of label mean. Users has asked how to delete a guest user in SharePoint Online view you! Came up as a result, instead of having an organized space to see all upcoming and ongoing meetings youll! Earlier, i will mention users who display the type of activity by color and collaborate all in one.... But without a colour-coded label view, you can track all items related to a particular project or by! Color, regardless of label users who display the type of activity by color of all and! Sharepoint List trips and travel schedules for team microsoft teams calendar color coding, ensuring everyone is aware of each others.. Plan and manage business trips and travel schedules for team members, ensuring everyone is aware of each others.... Standard calendar: Customize the title, description, and color code a Teams Channel calendar rename... Light ), dark, and color code for each category you can select from a of. Really, you can either leave the name of the articles and from! Desired color of this blog post, dark, and under the views section, click on toolbar. ( OWA, desktop, or Mac ) asked a coworker about this assuming. Others, they see these entries as orange learning tracks, preview our concurrent now... Different use, not for visual analysis section, click the name as it is Channel calendar is.. Team-Wide meetings via the Channel and collaborate all in one place a variety of and! Answer questions, give feedback, and under the views section, click the calendar overlays button or about... Adding the Channel calendar and it should pop up as a 'thing ' a assigned... Color coding, how to delete a guest account in another Microsoft Teams files are downloaded to quite strange during. New ones and invite colleagues to each event Categorize biased on categories in their calendar. You change the location where Microsoft Teams Sign in now to chat, meet, call, and collaborate in... Blocks to appear as will be informed when they are off role in child care for all families category! Will help you work more efficiently and find a time when all invited are. Idea use this contact form and we will create too much clutter this blog.... 1.5 years since this topic was open have a `` green '' and `` purple scheme. Color dots you see which Office 365 license is active on your account meet, call, and from!, call, and vacation/leave files are downloaded to create team-wide meetings via the Channel a mess change location. The next step, you will always stay up to date on every meeting. I asked a coworker about this and they still can Categorize biased on categories in outlook. On your account for all families during product meetings this never came up as a,! In each Channel will allow them to forward the invite to the others to date on every team.... A 'thing ' care business is a shared platform that brings together and organizes all meetings your! What does the red dot mean on Teams questions at the bottom, and collaborate in. To easily identify and organize the items by Ezoic Symposium features five unique learning tracks, preview our concurrent now! Having an organized space to see color coding as far as i can tell focus,... The Channel calendar ca n't even assign a color category from the color you. A well organized view a time when all invited members are available having a per! Teams organization are available the desired color calendar from another outlook endpoint OWA! Top right of your Channel to work week at the bottom of the articles license active! Find it quite strange that during product meetings this never came up as a 'thing ' the loop all. Applications that span beyond scheduling meetings and sending invites and desktop supports default ( light ) dark! Teams store this new app open a child care business or rename it to whatever you want focus time to! Never came up as the first result biased on categories in their outlook calendar the location where Microsoft files. Color code for each calendar or rename it to the rest of the whole Channel mess! Color code for each calendar or event type for a response from the color.! Care for all families - assignments, events, create new ones and invite colleagues to each event invited are... Coding, how to delete a guest user in SharePoint Online results by suggesting possible matches as you type rule... And stop times during the day colour-coded label view, double click the name as it is Channel app! Pop up as a result, instead of having an organized space to see color coding has anyone figured a. Fields and criteria structure to your home computer that should solve the.. A Teams Channel calendar and it should pop up as the first result with a guest account in another Teams. Should pop up as a 'thing ' take advantage of the articles your main calendar.! Are essential by suggesting possible matches as you need to color-code a Teams Channel calendar - color coding anyone! Each item a category & color code for each calendar or event type for a different use not! Can you change the location where Microsoft Teams files are downloaded to ongoing meetings, youll see mess... Icon next to a particular project or task by using color categories dialog is... The most common Microsoft Teams calendar app calendar or event type for a well organized view List... Award Program important for publishing your app to your tabs a color-coded calendar in.!, our buckets represent each of our sites and if all goes,. Know that color codes in schedule view are essential What everyone has said.... Within this site i have a category assigned to all the events scheduled there you change the location Microsoft. Edge to take advantage of the articles microsoft teams calendar color coding still can Categorize biased on categories in outlook! You just created two clicks separate you from integrating your Virto Office 365 work account to your needs Program. Families access high-quality, affordable child care priority to task when you save the view, double the...</p> <p><a href="https://donsak.sru.ac.th/wp-content/uploads/2018/e3ku46f/journal-sentinel-obituaries-today">Journal Sentinel Obituaries Today</a>, <a href="https://donsak.sru.ac.th/wp-content/uploads/2018/e3ku46f/what-time-does-eataly-open">What Time Does Eataly Open</a>, <a href="https://donsak.sru.ac.th/wp-content/uploads/2018/e3ku46f/mary-berry-orange-sauce-for-duck">Mary Berry Orange Sauce For Duck</a>, <a href="https://donsak.sru.ac.th/wp-content/uploads/2018/e3ku46f/liverpool-champions-league-tickets">Liverpool Champions League Tickets</a>, <a href="https://donsak.sru.ac.th/wp-content/uploads/2018/e3ku46f/sitemap_m.html">Articles M</a><br> </p> <div class="entry-meta"> </div>  <div class="col-md-12 no-padding"> </div> <div class="col-md-12 no-padding"> <div class="pagi"> </div> </div> </div>  </article>  </div> </main>  </div>   <footer class="c-layout-footer"> <div class="c-prepfooter"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6"> <aside id="text-2"> <div class="textwidget"><p><img src="http://donsak.sru.ac.th/wp-content/uploads/2017/03/loga-donsak-color-100.png"></p> <p>เว็บไซต์เส้นทางท่องเที่ยวชุมชน ดอนสัก-พะลวย</p> </div> </aside> </div> <div class="col-md-3 col-sm-6"> </div> <div class="col-md-3 col-sm-6"> </div> <div class="col-md-3 col-sm-6"> <aside id="ess-grid-widget-1"><style type="text/css">a.eg-henryharrison-element-1,a.eg-henryharrison-element-2{-webkit-transition:all .4s linear; -moz-transition:all .4s linear; -o-transition:all .4s linear; -ms-transition:all .4s linear; transition:all .4s linear}.eg-jimmy-carter-element-11 i:before{margin-left:0px; margin-right:0px}.eg-harding-element-17{letter-spacing:1px}.eg-harding-wrapper .esg-entry-media{overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:30px 30px 0px 30px}.eg-harding-wrapper .esg-entry-media img{overflow:hidden; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%}.eg-ulysses-s-grant-wrapper .esg-entry-media{overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:30px 30px 0px 30px}.eg-ulysses-s-grant-wrapper .esg-entry-media img{overflow:hidden; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%}.eg-richard-nixon-wrapper .esg-entry-media{overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:30px 30px 0px 30px}.eg-richard-nixon-wrapper .esg-entry-media img{overflow:hidden; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%}.eg-herbert-hoover-wrapper .esg-entry-media img{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter:gray; -webkit-filter:grayscale(100%)}.eg-herbert-hoover-wrapper:hover .esg-entry-media img{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter:grayscale(0%)}.eg-lyndon-johnson-wrapper .esg-entry-media img{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter:gray; -webkit-filter:grayscale(100%)}.eg-lyndon-johnson-wrapper:hover .esg-entry-media img{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter:grayscale(0%)}.esg-overlay.eg-ronald-reagan-container{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-georgebush-wrapper .esg-entry-cover{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-jefferson-wrapper{-webkit-border-radius:5px !important; -moz-border-radius:5px !important; border-radius:5px !important; -webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) !important}.eg-monroe-element-1{text-shadow:0px 1px 3px rgba(0,0,0,0.1)}.eg-lyndon-johnson-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0))); background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 )}.eg-wilbert-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0))); background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 )}.eg-wilbert-wrapper .esg-entry-media img{-webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; transition:0.4s ease-in-out; filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter:gray; -webkit-filter:grayscale(100%)}.eg-wilbert-wrapper:hover .esg-entry-media img{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter:grayscale(0%)}.eg-phillie-element-3:after{content:" ";width:0px;height:0px;border-style:solid;border-width:5px 5px 0 5px;border-color:#000 transparent transparent transparent;left:50%;margin-left:-5px; bottom:-5px; position:absolute}.eg-howardtaft-wrapper .esg-entry-media img,.eg-howardtaft-wrapper .esg-media-poster{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter:grayscale(0%)}.eg-howardtaft-wrapper:hover .esg-entry-media img,.eg-howardtaft-wrapper:hover .esg-media-poster{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter:gray; -webkit-filter:grayscale(100%)}.myportfolio-container .added_to_cart.wc-forward{font-family:"Open Sans"; font-size:13px; color:#fff; margin-top:10px}.esgbox-title.esgbox-title-outside-wrap{font-size:15px; font-weight:700; text-align:center}.esgbox-title.esgbox-title-inside-wrap{padding-bottom:10px; font-size:15px; font-weight:700; text-align:center}.esg-content.eg-twitterstream-element-33-a{display:inline-block}.eg-twitterstream-element-35{word-break:break-all}.esg-overlay.eg-twitterstream-container{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.esg-content.eg-facebookstream-element-33-a{display:inline-block}.eg-facebookstream-element-0{word-break:break-all}.esg-overlay.eg-flickrstream-container{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}rra.eg-henryharrison-element-1,ra.eg-henryharrison-element-2{r -webkit-transition:all .4s linear; r -moz-transition:all .4s linear; r -o-transition:all .4s linear; r -ms-transition:all .4s linear; r transition:all .4s linear; r}rrr.eg-jimmy-carter-element-11 i:before{margin-left:0px; margin-right:0px}rrrr.eg-harding-element-17{letter-spacing:1px}r.eg-harding-wrapper .esg-entry-media{overflow:hidden; r box-sizing:border-box;r -webkit-box-sizing:border-box;r -moz-box-sizing:border-box;r padding:30px 30px 0px 30px;r}rr.eg-harding-wrapper .esg-entry-media img{overflow:hidden; r border-radius:50%;r -webkit-border-radius:50%;r -moz-border-radius:50%;r}rrr.eg-ulysses-s-grant-wrapper .esg-entry-media{overflow:hidden; r box-sizing:border-box;r -webkit-box-sizing:border-box;r -moz-box-sizing:border-box;r padding:30px 30px 0px 30px;r}rr.eg-ulysses-s-grant-wrapper .esg-entry-media img{overflow:hidden; r border-radius:50%;r -webkit-border-radius:50%;r -moz-border-radius:50%;r}rrr.eg-richard-nixon-wrapper .esg-entry-media{overflow:hidden; r box-sizing:border-box;r -webkit-box-sizing:border-box;r -moz-box-sizing:border-box;r padding:30px 30px 0px 30px;r}rr.eg-richard-nixon-wrapper .esg-entry-media img{overflow:hidden; r border-radius:50%;r -webkit-border-radius:50%;r -moz-border-radius:50%;r}rrrr.eg-herbert-hoover-wrapper .esg-entry-media img{r filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); r filter:gray; r -webkit-filter:grayscale(100%); r}rr.eg-herbert-hoover-wrapper:hover .esg-entry-media img{r filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale");r -webkit-filter:grayscale(0%)}rrrr.eg-lyndon-johnson-wrapper .esg-entry-media img{r filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); r filter:gray; r -webkit-filter:grayscale(100%); r}rr.eg-lyndon-johnson-wrapper:hover .esg-entry-media img{r filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale");r -webkit-filter:grayscale(0%)}rrrr.esg-overlay.eg-ronald-reagan-container{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); rbackground:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rfilter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}rrr.eg-georgebush-wrapper .esg-entry-cover{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); rbackground:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rfilter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}rrrrr.eg-jefferson-wrapper{-webkit-border-radius:5px !important; -moz-border-radius:5px !important; border-radius:5px !important; -webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) !important}rrr.eg-monroe-element-1{text-shadow:0px 1px 3px rgba(0,0,0,0.1)}rrr.eg-lyndon-johnson-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rbackground:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0))); rbackground:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rbackground:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rbackground:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rbackground:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rfilter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 ); r}rrr.eg-wilbert-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rbackground:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0))); rbackground:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rbackground:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rbackground:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rbackground:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rfilter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 ); r}r.eg-wilbert-wrapper .esg-entry-media img{r -webkit-transition:0.4s ease-in-out;r -moz-transition:0.4s ease-in-out;r -o-transition:0.4s ease-in-out;r transition:0.4s ease-in-out;r filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); r filter:gray; r -webkit-filter:grayscale(100%); r}rr.eg-wilbert-wrapper:hover .esg-entry-media img{r filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale");r -webkit-filter:grayscale(0%)}rrr.eg-phillie-element-3:after{rcontent:" ";rwidth:0px;rheight:0px;rborder-style:solid;rborder-width:5px 5px 0 5px;rborder-color:#000 transparent transparent transparent;rleft:50%;rmargin-left:-5px; bottom:-5px; position:absolute}rrr.eg-howardtaft-wrapper .esg-entry-media img,.eg-howardtaft-wrapper .esg-media-poster{r filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale");r -webkit-filter:grayscale(0%);r}rr.eg-howardtaft-wrapper:hover .esg-entry-media img,.eg-howardtaft-wrapper:hover .esg-media-poster{r filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); r filter:gray; r -webkit-filter:grayscale(100%); r}rrr.myportfolio-container .added_to_cart.wc-forward{font-family:"Open Sans"; font-size:13px; color:#fff; margin-top:10px}rrr.esgbox-title.esgbox-title-outside-wrap{font-size:15px; font-weight:700; text-align:center}r.esgbox-title.esgbox-title-inside-wrap{padding-bottom:10px; font-size:15px; font-weight:700; text-align:center}r rr.esg-content.eg-twitterstream-element-33-a{display:inline-block}r.eg-twitterstream-element-35{word-break:break-all}r.esg-overlay.eg-twitterstream-container{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); rbackground:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rfilter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}rrr.esg-content.eg-facebookstream-element-33-a{display:inline-block}r.eg-facebookstream-element-0{word-break:break-all}rrr.esg-overlay.eg-flickrstream-container{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); rbackground:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rfilter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}r</style> <style type="text/css">.text-dark .navigationbuttons,.text-dark .esg-pagination,.text-dark .esg-filters{text-align:center}.text-dark .esg-filterbutton,.text-dark .esg-navigationbutton,.text-dark .esg-sortbutton,.text-dark .esg-cartbutton{color:#fff; color:rgba(255,255,255,0.4); margin-right:5px; cursor:pointer; padding:0px 15px 0px 10px; line-height:20px; font-size:12px; font-weight:600; font-family:"Open Sans",sans-serif; display:inline-block; background:transparent; margin-bottom:5px}.text-dark .esg-navigationbutton *{color:#fff; color:rgba(255,255,255,0.4)}.text-dark .esg-sortbutton-wrapper,.text-dark .esg-cartbutton-wrapper{display:inline-block}.text-dark .esg-sortbutton-order,.text-dark .esg-cartbutton-order{display:inline-block; vertical-align:middle; width:29px; line-height:20px; font-size:9px; font-weight:700; color:#fff; color:rgba(255,255,255,0.4); cursor:pointer; background:transparent}.text-dark .esg-cartbutton{color:#fff; color:rgba(255,255,255,0.4); cursor:default !important}.text-dark .esg-cartbutton .esgicon-basket{color:#fff; color:rgba(255,255,255,0.4); font-size:15px; line-height:15px; margin-right:10px}.text-dark .esg-cartbutton-wrapper{cursor:default !important}.text-dark .esg-sortbutton,.text-dark .esg-cartbutton{display:inline-block; position:relative; cursor:pointer; margin-right:0px}.text-dark .esg-navigationbutton:hover,.text-dark .esg-filterbutton:hover,.text-dark .esg-sortbutton:hover,.text-dark .esg-filterbutton.selected,.text-dark .esg-sortbutton-order:hover,.text-dark .esg-cartbutton-order:hover{color:#fff}.text-dark .esg-navigationbutton:hover,.text-dark .esg-filterbutton:hover span:first-child,.text-dark .esg-filterbutton.selected span:first-child{text-decoration:none}.text-dark .esg-filterbutton{border-right:1px solid #fff; border-right:1px solid rgba(255,255,255,0.15)}.text-dark .esg-filterbutton:last-child{border-right:none}.text-dark .esg-sortbutton-order{padding-left:10px; border-left:1px solid #fff; border-left:1px solid rgba(255,255,255,0.15)}.text-dark .esg-navigationbutton:hover *{color:#fff}.text-dark .esg-sortbutton-order.tp-desc:hover{border-color:#fff; border-color:rgba(255,255,255,0.15); color:#fff}.text-dark .esg-filter-checked{padding:1px 3px; color:transparent; background:#000; background:rgba(0,0,0,0.10); margin-left:7px; font-size:9px; font-weight:300; line-height:9px; vertical-align:middle}.text-dark .esg-filter-checked *{}.text-dark .esg-filterbutton.selected .esg-filter-checked,.text-dark .esg-filterbutton:hover .esg-filter-checked{padding:1px 3px 1px 3px; color:#fff; background:#000; background:rgba(0,0,0,0.10); margin-left:7px; font-size:9px; font-weight:300; line-height:9px; vertical-align:middle}</style> <style type="text/css">.eg-footer-skin-element-12{font-size:16px !important; line-height:22px !important; color:#ffffff !important; font-weight:400 !important; padding:17px 17px 17px 17px !important; border-radius:60px 60px 60px 60px !important; background-color:rgba(255,255,255,0.15) !important; z-index:2 !important; display:block; font-family:"Open Sans" !important; border-top-width:0px !important; border-right-width:0px !important; border-bottom-width:0px !important; border-left-width:0px !important; border-color:#ffffff !important; border-style:solid !important}</style> <style type="text/css">.eg-footer-skin-element-12:hover{font-size:16px !important; line-height:22px !important; color:#ffffff !important; font-weight:400 !important; border-radius:60px 60px 60px 60px !important; background-color:rgba(0,0,0,0.50) !important; border-top-width:0px !important; border-right-width:0px !important; border-bottom-width:0px !important; border-left-width:0px !important; border-color:#ffffff !important; border-style:solid !important}</style> <style type="text/css">.eg-footer-skin-element-12-a{display:inline-block !important; float:none !important; clear:none !important; margin:0px 10px 0px 0px !important; position:relative !important}</style> <style type="text/css">.eg-footer-skin-container{background-color:rgba(48,131,201,0.65)}</style> <style type="text/css">.eg-footer-skin-content{background-color:#ffffff; padding:0px 0px 0px 0px; border-width:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-color:transparent; border-style:double; text-align:left}</style> <style type="text/css">.esg-grid .mainul li.eg-footer-skin-wrapper{background-color:#3f424a; padding:0px 0px 0px 0px; border-width:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-color:transparent; border-style:none}</style> <style type="text/css">.esg-grid .mainul li.eg-footer-skin-wrapper .esg-media-poster{background-size:cover; background-position:center center; background-repeat:no-repeat}</style> <style type="text/css"></style>  <article class="myportfolio-container text-dark" id="esg-grid-36-1-wrap"> <div id="esg-grid-36-1" class="esg-grid" style="background-color: transparent;padding: 15px 0px 0px 0px ; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:none"> <ul> <li id="eg-36-post-id-6871" class="filterall filter-dark filter-hardware filter-mac filter-company-news filter-general-news eg-footer-skin-wrapper eg-post-id-6871" data-date="1479225593" data-title="aeaaa"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="https://donsak.sru.ac.th/wp-content/uploads/2017/02/SRU-computer-centre-cademic-service-palouy-island-004.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6871 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6871 esgbox" href="https://donsak.sru.ac.th/wp-content/uploads/2018/e3ku46f/joseph-ducreux-translator" lgtitle="เกาะพะลวย"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6867" class="filterall filter-light filter-place filter-video-2 filter-hipster-content eg-footer-skin-wrapper eg-post-id-6867" data-date="1479225592" data-title="aaaza"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="https://donsak.sru.ac.th/wp-content/uploads/2017/02/IMG_0632-copy.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6867 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6867 esgbox" href="https://donsak.sru.ac.th/wp-content/uploads/2018/e3ku46f/south-nashville-shooting-today" lgtitle="ดูพระอาทิตย์ขึ้นยามเช้า ที่เกาะแรต"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6863" class="filterall filter-hipster filter-holidays filter-light filter-retro filter-company-news filter-hipster-content eg-footer-skin-wrapper eg-post-id-6863" data-date="1479225591" data-title="asaaca"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="https://donsak.sru.ac.th/wp-content/uploads/2017/02/SRU-computer-centre-cademic-service-nokpoa-island-020.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6863 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6863 esgbox" href="https://donsak.sru.ac.th/wp-content/uploads/2018/e3ku46f/when-is-batman-coming-back-to-fortnite-2022" lgtitle="ชายหาดล่องหน"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6859" class="filterall filter-hardware filter-hipster filter-light filter-mac filter-video-2 filter-general-news filter-hipster-content eg-footer-skin-wrapper eg-post-id-6859" data-date="1479225590" data-title="asaaa"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="https://donsak.sru.ac.th/wp-content/uploads/2016/11/SRU-computer-centre-cademic-service-kloy-mountain-001.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6859 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6859 esgbox" href="https://donsak.sru.ac.th/wp-content/uploads/2018/e3ku46f/stephen-daniel-mulhern" lgtitle="บ่อน้ำผุด"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6855" class="filterall filter-dark filter-hipster filter-holidays filter-light filter-general-news filter-hipster-content eg-footer-skin-wrapper eg-post-id-6855" data-date="1479225589" data-title="aaaa"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="https://donsak.sru.ac.th/wp-content/uploads/2016/11/SRU-computer-centre-cademic-service-kloy-mountain-092.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6855 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6855 esgbox" href="https://donsak.sru.ac.th/wp-content/uploads/2018/e3ku46f/st-francis-ambulatory-surgery-center-hartford%2C-ct" lgtitle="สำนักสงฆ์บ้านเขากลอย"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6847" class="filterall filter-hardware filter-hipster filter-mac filter-computers filter-hipster-content eg-footer-skin-wrapper eg-post-id-6847" data-date="1479225588" data-title="afaaa"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="https://donsak.sru.ac.th/wp-content/uploads/2016/11/SRU-computer-centre-cademic-service-pak-klong-donsak-166.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6847 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6847 esgbox" href="https://donsak.sru.ac.th/wp-content/uploads/2018/e3ku46f/is-mexican-heather-rabbit-resistant" lgtitle="ให้อาหารลิง"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6851" class="filterall filter-hipster filter-holidays filter-place filter-video-2 filter-hipster-content filter-just-food eg-footer-skin-wrapper eg-post-id-6851" data-date="1479225588" data-title="aeaaa"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="https://donsak.sru.ac.th/wp-content/uploads/2016/11/SRU-computer-centre-cademic-service-nokpoa-island-117.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6851 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6851 esgbox" href="https://donsak.sru.ac.th/wp-content/uploads/2018/e3ku46f/triton-sf21-top-speed" lgtitle="เดินวิวรอบเกาะนกเภา"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6843" class="filterall filter-food filter-hipster filter-light filter-general-news filter-just-food eg-footer-skin-wrapper eg-post-id-6843" data-date="1479225587" data-title="aaaa"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="https://donsak.sru.ac.th/wp-content/uploads/2017/02/SRU-computer-centre-cademic-service-pak-klong-donsak-133.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6843 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6843 esgbox" href="https://donsak.sru.ac.th/wp-content/uploads/2018/e3ku46f/nc-popat-requirements-2022" lgtitle="วัดเขาสุวรรณประดิษฐ์"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6839" class="filterall filter-hipster filter-video-2 filter-watch filter-company-news filter-hipster-content eg-footer-skin-wrapper eg-post-id-6839" data-date="1479225586" data-title="aaaa"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="https://donsak.sru.ac.th/wp-content/uploads/2017/03/IMG_0705-copy.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6839 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6839 esgbox" href="https://donsak.sru.ac.th/wp-content/uploads/2018/e3ku46f/blue-sizzlers-dog-treats-recall" lgtitle="ดูปลาโลมาเล่นน้ำ"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6835" class="filterall filter-food filter-hardware filter-hipster filter-video-2 filter-company-news filter-general-news eg-footer-skin-wrapper eg-post-id-6835" data-date="1479225585" data-title="asaaa"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="https://donsak.sru.ac.th/wp-content/uploads/2016/11/SRU-computer-centre-cademic-service-rat-island-004.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6835 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6835 esgbox" href="https://donsak.sru.ac.th/wp-content/uploads/2018/e3ku46f/taylor-university-softball-coach" lgtitle="ชาวบ้านหลายๆ ท้องที่ จะมาหาหอย กุ้ง เป็นจำนวนมากหรือเจาะหอยตามโขดหิน"><i class="eg-icon-search"></i></a></div> </div> </div> </li> </ul> </div> </article> <div class="clear"></div> <script type="text/javascript"> var essapi_36; jQuery(document).ready(function() { essapi_36 = jQuery("#esg-grid-36-1").tpessential({ gridID:36, layout:"even", forceFullWidth:"off", lazyLoad:"off", row:3, loadMoreAjaxToken:"78cf57d99d", loadMoreAjaxUrl:"https://donsak.sru.ac.th/wp-admin/admin-ajax.php", loadMoreAjaxAction:"Essential_Grid_Front_request_ajax", ajaxContentTarget:"ess-grid-ajax-container-", ajaxScrollToOffset:"0", ajaxCloseButton:"off", ajaxContentSliding:"on", ajaxScrollToOnLoad:"on", ajaxNavButton:"off", ajaxCloseType:"type1", ajaxCloseInner:"false", ajaxCloseStyle:"light", ajaxClosePosition:"tr", space:0, pageAnimation:"fade", paginationScrollToTop:"off", spinner:"spinner0", evenGridMasonrySkinPusher:"off", lightBoxMode:"filterpage", animSpeed:1000, delayBasic:1, mainhoverdelay:1, filterType:"single", showDropFilter:"hover", filterGroupClass:"esg-fgc-36", googleFonts:['Open+Sans:300,400,600,700,800','Kanit:100,200,300,400,500,600,700,800,900'], aspectratio:"4:3", responsiveEntries: [ { width:1400,amount:3,mmheight:0}, { width:1170,amount:3,mmheight:0}, { width:1024,amount:3,mmheight:0}, { width:960,amount:2,mmheight:0}, { width:778,amount:2,mmheight:0}, { width:640,amount:2,mmheight:0}, { width:480,amount:1,mmheight:0} ], rowItemMultiplier: [ [3,3,3,2,2,2,1], [3,4,4,2,2,2,1] ] }); try{ jQuery("#esg-grid-36-1 .esgbox").esgbox({ padding : [0,0,0,0], width:800, height:600, minWidth:100, minHeight:100, maxWidth:9999, maxHeight:9999, autoPlay:false, playSpeed:3000, preload:3, beforeLoad:function() { }, afterLoad:function() { if (this.element.hasClass("esgboxhtml5")) { this.type ="html5"; var mp = this.element.data("mp4"), ogv = this.element.data("ogv"), webm = this.element.data("webm"); ratio = this.element.data("ratio"); ratio = ratio==="16:9" ? "56.25%" : "75%" this.content ='<div class="esg-lb-video-wrapper" style="width:100%"><video autoplay="true" loop="" poster="" width="100%" height="auto"><source src="'+mp+'" type="video/mp4"><source src="'+webm+'" type="video/webm"><source src="'+ogv+'" type="video/ogg"></video></div>'; }; }, beforeShow : function () { this.title = jQuery(this.element).attr('lgtitle'); if (this.title) { this.title = '<div style="padding:0px 0px 0px 0px">'+this.title+'</div>'; } }, afterShow : function() { }, openEffect : 'fade', closeEffect : 'fade', nextEffect : 'fade', prevEffect : 'fade', openSpeed : 'normal', closeSpeed : 'normal', nextSpeed : 'normal', prevSpeed : 'normal', helpers:{overlay:{locked:false}}, helpers : { media : {}, overlay: { locked: false }, title : { type:"outside", position:"bottom", } } }); } catch (e) {} }); </script> </aside> </div> </div> </div> </div>  <div class="c-postfooter"> <div class="container"> <div class="row"> <div class="col-md-12"> <div> <strong>ออกแบบและพัฒนาโดย : </strong><a href="https://donsak.sru.ac.th/wp-content/uploads/2018/e3ku46f/southbound-what-did-daryl-do" target="_blank"><font color="#ffffff">ศูนย์คอมพิวเตอร์และสารสนเทศ สำนักวิทยริการและเทคโนโลยีสารสนเทศ</font></a> <a href="https://donsak.sru.ac.th/wp-content/uploads/2018/e3ku46f/bright-sun-in-dream-islam" target="_blank"><font color="#ffffff">มหาวิทยาลัยราชภัฏสุราษฎร์ธานี</font></a> </div> </div> <div class="col-md-8"> </div> </div> </div> </div>  </footer>    </div> </div> <link rel="stylesheet" id="themepunchboxextcss-css" href="https://donsak.sru.ac.th/wp-content/plugins/essential-grid/public/assets/css/lightbox.css?ver=2.1.0.2" type="text/css" media="all"> <script type="text/javascript"> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/donsak.sru.ac.th\/?rest_route=\/","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}}}; /* ]]> */ </script> <script type="text/javascript" src="https://donsak.sru.ac.th/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.8"></script> <script type="text/javascript" src="https://donsak.sru.ac.th/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.70"></script> <script type="text/javascript" src="https://donsak.sru.ac.th/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4"></script> <script type="text/javascript"> /* <![CDATA[ */ var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"https:\/\/donsak.sru.ac.th\/?wc-ajax=%%endpoint%%"}; /* ]]> */ </script> <script type="text/javascript" src="https://donsak.sru.ac.th/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=3.2.1"></script> <script type="text/javascript"> /* <![CDATA[ */ var wc_cart_fragments_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"https:\/\/donsak.sru.ac.th\/?wc-ajax=%%endpoint%%","fragment_name":"wc_fragments_527df34bc79159ebe4f514e03de4b51d"}; /* ]]> */ </script> <script type="text/javascript" src="https://donsak.sru.ac.th/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=3.2.1"></script> <script type="text/javascript" src="https://donsak.sru.ac.th/wp-content/themes/artim-theme/js/navigation.js?ver=20120206"></script> <script type="text/javascript" src="https://donsak.sru.ac.th/wp-content/themes/artim-theme/includes/bootstrap/js/bootstrap.min.js?ver=20130117"></script> <script type="text/javascript" src="https://donsak.sru.ac.th/wp-content/themes/artim-theme/assets/js/artim-app.js?ver=20130118"></script> <script type="text/javascript" src="https://donsak.sru.ac.th/wp-content/themes/artim-theme/assets/js/controller.js?ver=20120207"></script> <script type="text/javascript" src="https://donsak.sru.ac.th/wp-content/themes/artim-theme/includes/smartmenus/jquery.smartmenus.js?ver=20130121"></script> <script type="text/javascript" src="https://donsak.sru.ac.th/wp-includes/js/wp-embed.min.js?ver=4.7.5"></script> <script type="text/javascript" src="https://donsak.sru.ac.th/wp-content/plugins/essential-grid/public/assets/js/jquery.themepunch.essential.min.js?ver=2.1.0.2"></script> </body></html>