**MAC ONLY ROOMS* – New Feature

Hello All Publishers,

We have recently instituted a new feature that will guide Mac users to rooms that only support Macs. If you have a “Default” layout page, it will work for your site automatically. If you have a “Custom” layout page, you will need to insert the snippet below into the section of your layout file.

{% if mac_user? %}
<script>
$(document).ready(function(){
if(getPASCookie(‘modal_viewed’) != ‘1’){
$(‘#modal_container,#mac-modal’).show();
$(‘a#close_modal’).click(function(){
$(‘#modal_container,#mac-modal’).hide();
});
setPASCookie(‘modal_viewed’,’1′,’365′);
}
});
</script>
{% endif %}

In addition, you will need to insert the snippet below into your “layout.css” file.

.modal {
border: 1px solid #000;
display: none;
margin: 40px auto auto;
width: 90%;
color:#fff
}

#mac-modal {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
height:600px;
width:800px;
background-image:url({{ image_dir }}/mac-modal-bg.jpg);
background-repeat:repeat-x
}

#modal_container {
display:none;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,0.7);
}

.modal td {
text-align:center
}

#mac-modal p.modal-full-link {
text-align:center;
font-size:16px;
color:#626262;;
margin-top:14px
}

.modal td div {
width:640px;
margin:0 0 0 80px
}

.modal a {
color:#000
}

.modal h1 {
text-align:left;80px;
font-size: 36px;
color:#626262
}

.modal h2 {
text-align:left;80px;
font-size: 24px;
color:#626262;
font-weight:normal
}

h3.mac {
margin:2px
}

#mac-only-tab {
height: 179px;
margin-left: -42px;
position: absolute;
width: 42px;
}

This modal pictured below will only appear 1 TIME.

In order to provide quick access to the Mac Only Rooms for your Mac visitors after they see the modal, we have created a tab that will adhere to the left side of your header. Simply insert the snippet below just inside of your