<div id="page-wrap">
<div class="info-col">
<div class="burst wrap">
<div class="burst">
<span>USF</span>
</div>
</div>
<dl>
<dt>Acute Care</dt>
<dd>
<h4>Theresa M. Beckie, PhD, RN, FAHA</h4>
<ul>
<li>Cardiovascular Critical Care</li>
</ul>
<h4>Brian Graves, PhD, RN, ACNP-BC</h4>
<ul>
<li>Acute Lung Injury</li>
<li>Sepsis</li>
</ul>
<h4>Cindy Munro, PhD, ARNP, FAAN</h4>
<ul>
<li>Critically ill adults</li>
<li>Microbiology & immunology</li>
</ul>
<h4>Carmen Rodriguez, PhD, ANP-BC, AOCN</h4>
<ul>
<li>Sudden speechlessness: Communication interventions, Symptom Management</li>
</ul>
<h4>Frances M. Sahebzamani, PhD, ARNP, FAANP</h4>
<ul>
<li>Sports Medicine: Pre-participation CV Exam & Sudden Cardiac Death</li>
</ul>
</dd>
<dt>Adolescent Health</dt>
<dd>
<h4>Dianne C. Morrison-Beedy, PhD, RN, WHNP-BC, FNAP, FAANP, FAAN</h4>
<ul>
<li>HIV/AIDS prevention in adolescent females</li>
</ul>
<h4>LaRon E. Nelson, PhD, RN, NP</h4>
<ul>
<li>Adolescent Parenting</li>
<li>Adolescent Sexual Health</li>
</ul>
<h4>Elizabeth Polston, PhD, APRN, WHNP-BC</h4>
<ul>
<li>Adolescent Sexual Health</li>
</ul>
</dd>
<dt>Behavior Intervention</dt>
<dd>
<h4>Theresa M. Beckie, PhD, RN, FAHA</h4>
<ul>
<li>Behavior Change Interventions</li>
</ul>
<h4>Rasheeta Chandler, PhD, ARNP, FNP-BC</h4>
<ul>
<li>Behavioral Health</li>
</ul>
<h4>Versie Johnson-Mallard, PhD, ARNP-BC</h4>
<ul>
<li>Behavior change in response to culturally appropriate nursing interventions</li>
</ul>
<h4>Dianne C. Morrison-Beedy, PhD, RN, WHNP-BC, FNAP, FAANP, FAAN</h4>
<ul>
<li>HIV/AIDS risk reduction</li>
</ul>
<h4>Hsiao-Lan Wang, PhD, RN, CMSRN, HFS </h4>
<ul>
<li>Behavioral theory-based interventions </li>
</ul>
</dd>
<dt>Bio Statistics</dt>
<dd>
<h4>Jason Beckstead, PhD</h4>
<ul>
<li>Development & Application of Quantitative Methods in Healthcare Research</li>
<li>Judgment & Decision-Making</li>
</ul>
</dd>
<dt>Breast Cancer</dt>
<dd>
<h4>Cecile Lengacher, PhD, RN, FAAN</h4>
<ul>
<li>Symptom clusters in breast cancer survivors</li>
</ul>
</dd>
<dt>Cardiac Health</dt>
<dd>
<h4>Ponrathi Athilingam, PhD, RN,ACNP, FAANP</h4>
<ul>
<li>Cytokines as potential mediators for cognitive impairment in heart failure</li>
<li>Exploring Computerized Auditory Cognitive intervention for heart failure patients</li>
<li>Understanding correlates of Cognitive Impairment in patients with heart failure</li>
</ul>
<h4>Theresa M. Beckie, PhD, RN, FAHA</h4>
<ul>
<li>Cardiac Rehabilitation</li>
<li>Cardiovascular Critical Care</li>
<li>Quality of Life & Cardiac Surgery</li>
<li>Women’s Cardiovascular Health</li>
</ul>
<h4>Kevin Kip, PhD, FAHA</h4>
<ul>
<li>Cardiovascular Disease</li>
</ul>
<h4>Frances M. Sahebzamani, PhD, ARNP, FAANP</h4>
<ul>
<li>Post Gastric Bypass Cardiovascular Risk</li>
<li>Sports Medicine: Pre-participation CV Exam & Sudden Cardiac Death</li>
</ul>
</dd>
<dt>Caregiver</dt>
<dd>
<h4>Rita D’Aoust, PhD, RN, ACNP, ANP-BC, CNE</h4>
<ul>
<li>Dementia Caregiver Stress, Sleep, Depressive Symptoms, & Cardiovascular Reactivity</li>
</ul>
<h4>Amanda F. Elliott, PhD, RN</h4>
<ul>
<li>Caregiver education in older adults</li>
</ul>
<h4>Carmen Rodriguez, PhD, ANP-BC, AOCN</h4>
<ul>
<li>Head & neck cancer: Patients & Caregivers</li>
</ul>
<h4>Meredeth Rowe, PhD, RN, FAAN, FGSA</h4>
<ul>
<li>Informal/relative caregivers</li>
</ul>
</dd>
<dt>Chronic Illness</dt>
<dd>
<h4>Theresa M. Beckie, PhD, RN, FAHA</h4>
<ul>
<li>Behavior Change Interventions</li>
<li>Cardiac Rehabilitation</li>
</ul>
<h4>Adrienne Berarducci, PhD, ARNP, BC, CCD, FAANP</h4>
<ul>
<li>Osteoporosis Outcomes</li>
</ul>
<h4>Kevin Kip, PhD, FAHA</h4>
<ul>
<li>Cardiovascular Disease</li>
<li>Obesity & diabetes</li>
<li>Complementary & alternative medicine</li>
</ul>
<h4>LaRon E. Nelson, PhD, RN, NP</h4>
<ul>
<li>Global health</li>
</ul>
<h4>Elizabeth Polston, PhD, APRN, WHNP-BC</h4>
<ul>
<li>Women’s Health</li>
</ul>
<h4>Meredeth Rowe, PhD, RN, FAAN, FGSA</h4>
<ul>
<li>Persons with cognitive impairment</li>
</ul>
<h4>Frances M. Sahebzamani, PhD, ARNP, FAANP</h4>
<ul>
<li>Biomarkers of Insulin Resistance</li>
<li>Obesity</li>
<li>Post Gastric Bypass Cardiovascular Risk</li>
</ul>
<h4>Hsiao-Lan Wang, PhD, RN, CMSRN, HFS</h4>
<ul>
<li>Physical activity among cancer survivors</li>
</ul>
</dd>
<dt>Cognitive</dt>
<dd>
<h4>Rita D’Aoust, PhD, RN, ACNP, ANP-BC, CNE</h4>
<ul>
<li>Dementia Caregiver Stress, Sleep, Depressive Symptoms, & Cardiovascular Reactivity</li>
</ul>
<h4>Amanda F. Elliott, PhD, RN</h4>
<ul>
<li>Vision & cognitive impairment in older adults</li>
</ul>
<h4>Meredeth Rowe, PhD, RN, FAAN, FGSA</h4>
<ul>
<li>Development of novel technologies</li>
<li>Informal/relative caregivers</li>
<li>Persons with cognitive impairment</li>
<li>Physiologic adaptations & consequences of stress</li>
</ul>
<h4>Ponrathi Athilingam, PhD, RN,ACNP, FAANP</h4>
<ul>
<li>Cytokines as potential mediators for cognitive impairment in heart failure</li>
<li>Exploring Computerized Auditory Cognitive intervention for heart failure patients</li>
<li>Understanding correlates of Cognitive Impairment in patients with heart failure</li>
</ul>
</dd>
<dt>Complementary & Alternative Medicine</dt>
<dd>
<h4>Kevin Kip, PhD, FAHA</h4>
<ul>
<li>Complementary & alternative medicine</li>
</ul>
<h4>Cecile Lengacher, PhD, RN, FAAN</h4>
<ul>
<li>Psychoneuroimmunology, psycho-oncology, complementary therapies research (CAM)</li>
</ul>
</dd>
<dt>Diabetes</dt>
<dd>
<h4>Kevin Kip, PhD, FAHA</h4>
<ul>
<li>Obesity & diabetes</li>
</ul>
<h4>Frances M. Sahebzamani, PhD, ARNP, FAANP </h4>
<ul>
<li>Biomarkers of Insulin Resistance</li>
</ul>
</dd>
<dt>Genetics/Genomics</dt>
<dd>
<h4>Theresa M. Beckie, PhD, RN, FAHA</h4>
<ul>
<li>Genetic-Environment Interactions </li>
</ul>
<h4>Elizabeth Polston, PhD, APRN, WHNP-BC</h4>
<ul>
<li>Genetics, Genomics & Molecular Biology</li>
</ul>
</dd>
<dt>Global Health</dt>
<dd>
<h4>LaRon E. Nelson, PhD, RN, NP</h4>
<ul>
<li>Global health</li>
</ul>
</dd>
<dt>Health Disparities</dt>
<dd>
<h4>Adrienne Berarducci, PhD, ARNP, BC, CCD, FAANP</h4>
<ul>
<li>Risk Communication</li>
</ul>
<h4>John M. Clochesy, PhD, RN, CS, FAAN, FCCM</h4>
<ul>
<li>Empowering patients to reduce health disparities </li>
</ul>
<h4>Versie Johnson-Mallard, PhD, ARNP-BC</h4>
<ul>
<li>Behavior change in response to culturally appropriate nursing interventions</li>
</ul>
<h4>Constance G. Visovsky, PhD, RN, ACNP-BC</h4>
<ul>
<li>Physical Activity/Exercise</li>
</ul>
<h4>Mary S. Webb, PhD, RN</h4>
<ul>
<li>Stress-Related Mental & Physical Illnesses African American Women</li>
</ul>
</dd>
<dt>Health Education</dt>
<dd>
<h4>Adrienne Berarducci, PhD, ARNP, BC, CCD, FAANP</h4>
<ul>
<li>Health Education</li>
</ul>
<h4>Patricia A. Burns, PhD, RN, FAAN</h4>
<ul>
<li>Nursing Leadership</li>
</ul>
<h4>John M. Clochesy, PhD, RN, CS, FAAN, FCCM</h4>
<ul>
<li>Culturally relevant curriculum & instruction</li>
</ul>
<h4>Rita D’Aoust, PhD, RN, ACNP, ANP-BC, CNE</h4>
<ul>
<li>Curriculum Development & Evaluation</li>
<li>Interprofessional Education & Practice</li>
<li>Simulation & technology mediated learning & development of competence in education</li>
</ul>
<h4>Kevin Kip, PhD, FAHA</h4>
<ul>
<li>Epidemiology</li>
</ul>
<h4>Mary S. Webb, PhD, RN</h4>
<ul>
<li>Ethical & Moral Issues Experienced by Nurses </li>
</ul>
</dd>
<dt>Health Ethics</dt>
<dd>
<h4>Jason Beckstead, PhD</h4>
<ul>
<li>Judgment & Decision-Making</li>
</ul>
<h4>Denise Maguire, PhD, RN, CNL</h4>
<ul>
<li>Moral Distress in NICU Nurses</li>
</ul>
<h4>Mary S. Webb, PhD, RN</h4>
<ul>
<li>Ethical & Moral Issues Experienced by Nurses </li>
</ul>
</dd>
<dt>Health Prevention</dt>
<dd>
<h4>Constance G. Visovsky, PhD, RN, ACNP-BC</h4>
<ul>
<li>Physical Activity/Exercise</li>
</ul>
</dd>
<dt>Health Promotion</dt>
<dd>
<h4>Adrienne Berarducci, PhD, ARNP, BC, CCD, FAANP</h4>
<ul>
<li>Health Promotion</li>
</ul>
<h4>Hsiao-Lan Wang, PhD, RN, CMSRN, HFS</h4>
<ul>
<li>Colorectal cancer screening </li>
</ul>
</dd>
<dt>Health Technology</dt>
<dd>
<h4>Adrienne Berarducci, PhD, ARNP, BC, CCD, FAANP</h4>
<ul>
<li>Instrument Development & Testing</li>
</ul>
<h4>Rasheeta Chandler, PhD, ARNP, FNP-BC</h4>
<ul>
<li>Social Marketing </li>
</ul>
<h4>John M. Clochesy, PhD, RN, CS, FAAN, FCCM</h4>
<ul>
<li>Simulation & virtual reality to support health providers & consumers </li>
</ul>
<h4>Brian Graves, PhD, RN, ACNP-BC</h4>
<ul>
<li>Electronic Health Records</li>
</ul>
<h4>Meredeth Rowe, PhD, RN, FAAN, FGSA</h4>
<ul>
<li>Development of novel technologies</li>
</ul>
<h4>Cindy Tofthagen, PhD, ARNP, AOCNP</h4>
<ul>
<li>Use of technology for symptom management</li>
</ul>
</dd>
</dl>
</div>
<div class="info-col paper-curl">
<dl>
<dt>HIV/AIDS</dt>
<dd>
<h4>Rasheeta Chandler, PhD, ARNP, FNP-BC</h4>
<ul>
<li>HIV/STI prevention in adolescent & young adults</li>
</ul>
<h4>Dianne C. Morrison-Beedy, PhD, RN, WHNP-BC, FNAP, FAANP, FAAN</h4>
<ul>
<li>HIV/AIDS prevention in adolescent females</li>
<li>HIV/AIDS risk reduction</li>
</ul>
<h4>LaRon E. Nelson, PhD, RN, NP</h4>
<ul>
<li>STD/HIV Prevention</li>
</ul>
</dd>
<dt>Infection Prevention</dt>
<dd>
<h4>Cindy Munro, PhD, ARNP, FAAN</h4>
<ul>
<li>Health-care Acquired Infections</li>
<li>Streptococcal virulence </li>
<li>Ventilator-associated pneumonia (VAP) </li>
</ul>
</dd>
<dt>Neuropathy</dt>
<dd>
<h4>Cindy Tofthagen, PhD, ARNP, AOCNP</h4>
<ul>
<li>Chemotherapy-induced peripheral neuropathy</li>
<li>Neuropathic pain</li>
</ul>
<h4>Constance G. Visovsky, PhD, RN, ACNP-BC</h4>
<ul>
<li>Chemotherapy induced neuropathy</li>
</ul>
</dd>
<dt>Obesity</dt>
<dd>
<h4>Frances M. Sahebzamani, PhD, ARNP, FAANP</h4>
<ul>
<li>Obesity</li>
</ul>
</dd>
<dt>Occupational Health</dt>
<dd>
<h4>Denise Maguire, PhD, RN, CNL</h4>
<ul>
<li>Healthy Work Environment</li>
</ul>
</dd>
<dt>Older Adults</dt>
<dd>
<h4>Amanda F. Elliott, PhD, RN</h4>
<ul>
<li>Caregiver education in older adults</li>
<li>Common disabling conditions in older adults</li>
<li>Older adults</li>
<li>Vision & cognitive impairment in older adults</li>
</ul>
<h4>Cindy Munro, PhD, ARNP, FAAN</h4>
<ul>
<li>Critically ill adults</li>
</ul>
</dd>
<dt>Oncology</dt>
<dd>
<h4>Cecile Lengacher, PhD, RN, FAAN</h4>
<ul>
<li>Advanced stage cancer patients & caregivers</li>
<li>Symptom clusters in breast cancer survivors</li>
</ul>
<h4>Susan McMillan, PhD, ARNP, FAAN</h4>
<ul>
<li>Quality of Life at End of Life: Patients & Caregivers</li>
<li>Symptom Assessment & Management: Pain & Constipation</li>
</ul>
<h4>Carmen Rodriguez, PhD, ANP-BC, AOCN</h4>
<ul>
<li>Head & neck cancer: Patients & Caregivers</li>
</ul>
<h4>Cindy Tofthagen, PhD, ARNP, AOCNP</h4>
<ul>
<li>Chemotherapy-induced peripheral neuropathy</li>
<li>Interventions for Spanish speaking oncology patients</li>
<li>Oncology Symptom Management </li>
</ul>
<h4>Constance G. Visovsky, PhD, RN, ACNP-BC</h4>
<ul>
<li>Chemotherapy induced neuropathy</li>
<li>Oncology </li>
</ul>
<h4>Hsiao-Lan Wang, PhD, RN, CMSRN, HFS</h4>
<ul>
<li>Cancer survivorship among head & neck cancer population</li>
<li>Colorectal cancer screening </li>
<li>Physical activity among cancer survivors</li>
</ul>
<h4>Elizabeth Polston, PhD, APRN, WHNP-BC</h4>
<ul>
<li>Human Papillomavirus Related Cancers (e.g. Oropharyngeal, Cervical)</li>
</ul>
</dd>
<dt>Pediatric</dt>
<dd>
<h4>Denise Maguire, PhD, RN, CNL</h4>
<ul>
<li>Moral Distress in NICU Nurses</li>
<li>Neonatal Abstinence Syndrome</li>
<li>Neonatal Skin Integrity</li>
</ul>
</dd>
<dt>Psychoneuroimmunology</dt>
<dd>
<h4>Candace Burns, PhD, ARNP</h4>
<ul>
<li>Effects of trauma on the immune system & health</li>
</ul>
<h4>Maureen Groer, PhD, RN, FAAN</h4>
<ul>
<li>Effects of trauma on immune system & health in women</li>
</ul>
<h4>Nicholas Hall, PhD, RS</h4>
<ul>
<li>Psychoneuroimmunology </li>
</ul>
<h4>Cecile Lengacher, PhD, RN, FAAN</h4>
<ul>
<li>Psychoneuroimmunology, psycho-oncology, complementary therapies research (CAM)</li>
</ul>
<h4>Meredeth Rowe, PhD, RN, FAAN, FGSA</h4>
<ul>
<li>Physiologic adaptations & consequences of stress</li>
</ul>
<h4>Melissa Molinari Shelton, PhD, RN</h4>
<ul>
<li>Immune & stress markers during pregnancy </li>
</ul>
<h4>Mary S. Webb, PhD, RN</h4>
<ul>
<li>Stress-Related Mental & Physical Illnesses African American Women</li>
</ul>
</dd>
<dt>PTSD</dt>
<dd>
<h4>Kevin Kip, PhD, FAHA</h4>
<ul>
<li>Post-traumatic stress disorder (PTSD)</li>
</ul>
</dd>
<dt>Quality of Life</dt>
<dd>
<h4>Theresa M. Beckie, PhD, RN, FAHA</h4>
<ul>
<li>Quality of Life & Cardiac Surgery</li>
</ul>
<h4>Susan McMillan, PhD, ARNP, FAAN</h4>
<ul>
<li>Quality of Life at End of Life: Patients & Caregivers</li>
</ul>
</dd>
<dt>Quantitative Methods</dt>
<dd>
<h4>Jason Beckstead, PhD</h4>
<ul>
<li>Development & Application of Quantitative Methods in Healthcare Research</li>
</ul>
</dd>
<dt>RESTORE LIVES at USF</dt>
<dd>
<h4>Candace Burns, PhD, ARNP</h4>
<ul>
<li>Occupational Stress in Women, Nurses & Veterans with PTSD Symptomms</li>
</ul>
<h4>Maureen Groer, PhD, RN, FAAN</h4>
<ul>
<li>Effects of trauma on immune system & health in women</li>
</ul>
<h4>Kevin Kip, PhD, FAHA</h4>
<ul>
<li>Post-traumatic stress disorder (PTSD)</li>
</ul>
<h4>Mary S. Webb, PhD, RN</h4>
<ul>
<li>Sexual Trauma Experienced by Female Veterans.</li>
</ul>
</dd>
<dt>Simulation</dt>
<dd>
<h4>John M. Clochesy, PhD, RN, CS, FAAN, FCCM</h4>
<ul>
<li>Simulation & virtual reality to support health providers & consumers </li>
</ul>
<h4>Rita D’Aoust, PhD, RN, ACNP, ANP-BC, CNE</h4>
<ul>
<li>Simulation & technology mediated learning & development of competence in education</li>
</ul>
</dd>
<dt>STI's</dt>
<dd>
<h4>Rasheeta Chandler, PhD, ARNP, FNP-BC</h4>
<ul>
<li>HIV/STI prevention in adolescent & young adults</li>
</ul>
<h4>Versie Johnson-Mallard, PhD, ARNP-BC</h4>
<ul>
<li>Sexually transmitted infection prevention</li>
</ul>
<h4>LaRon E. Nelson, PhD, RN, NP</h4>
<ul>
<li>STD/HIV Prevention</li>
</ul>
</dd>
<dt>Stress</dt>
<dd>
<h4>Candace Burns, PhD, ARNP</h4>
<ul>
<li>Stress</li>
</ul>
<h4>Melissa Molinari Shelton, PhD, RN</h4>
<ul>
<li>Prenatal maternal stress</li>
</ul>
</dd>
<dt>Symptom Management</dt>
<dd>
<h4>Susan McMillan, PhD, ARNP, FAAN</h4>
<ul>
<li>Symptom Assessment & Management: Pain & Constipation</li>
</ul>
<h4>Carmen Rodriguez, PhD, ANP-BC, AOCN</h4>
<ul>
<li>Sudden speechlessness: Communication interventions, Symptom Management </li>
</ul>
<h4>Cindy Tofthagen, PhD, ARNP, AOCNP</h4>
<ul>
<li>Neuropathic pain</li>
<li>Oncology Symptom Management </li>
<li>Use of technology for symptom management</li>
</ul>
</dd>
<dt>Women's Health</dt>
<dd>
<h4>Adrienne Berarducci, PhD, ARNP, BC, CCD, FAANP</h4>
<ul>
<li>Women's Health</li>
</ul>
<h4>Maureen Groer, PhD, RN, FAAN</h4>
<ul>
<li>Breastfeeding & human milk biology</li>
<li>Postpartum thyroiditis</li>
<li>Pregnancy & postpartum stress</li>
<li>Women & Children: dyadic relationships</li>
</ul>
<h4>Versie Johnson-Mallard, PhD, ARNP-BC</h4>
<ul>
<li>Reproductive Health Promotion</li>
<li>Sexually transmitted infection prevention</li>
<li>Women’s Health</li>
</ul>
<h4>Denise Maguire, PhD, RN, CNL</h4>
<ul>
<li>Methadone Mothers</li>
</ul>
<h4>Elizabeth Polston, PhD, APRN, WHNP-BC</h4>
<ul>
<li>Women’s Health</li>
</ul>
<h4>Melissa Molinari Shelton, PhD, RN</h4>
<ul>
<li>Poor Pregnancy Outcomes</li>
</ul>
<h4>Mary S. Webb, PhD, RN</h4>
<ul>
<li>Sexual Trauma Experienced by Female Veterans</li>
</ul>
<h4>Theresa M. Beckie, PhD, RN, FAHA</h4>
<ul>
<li>Women’s Cardiovascular Health</li>
</ul>
<h4>Candace Burns, PhD, ARNP</h4>
<ul>
<li>Occupational Stress in Women, Nurses & Veterans with PTSD Symptomms</li>
</ul>
<h4>Patricia A. Burns, PhD, RN, FAAN</h4>
<ul>
<li>Female Urinary Incontinence</li>
</ul>
<h4>Melissa Molinari Shelton, PhD, RN</h4>
<ul>
<li>Immune & stress markers during pregnancy </li>
<li>Maternal-child Health</li>
<li>Prenatal maternal stress</li>
</ul>
</dd>
</dl>
</div>
</div>
@import url(https://fonts.googleapis.com/css?family=Patrick+Hand+SC);
body { margin: 40px 0 0 60px; font: 14px Georgia, serif }
.info-col {
margin: 10px 0 10px 0;
padding: 10px 11px 10px 23px;
border-radius: 10px;
border-radius: 10px;
border-radius: 10px;
border-radius: 10px;
border-radius: 10px;
position: relative;
float: left;
width: 286px;
min-height: 515px;
border-width: 1px 4px 4px 3px;
border-style: solid;
border-color: #c8c7b4;
background-color: #fff;
overflow: visible !important;
background-image:
linear-gradient(90deg, transparent 13px, #abced4 13px, #abced4 15px, transparent 15px),
linear-gradient(#eee 0.1em, transparent 0.1em);
background-size: 100% 12px;
/* --------------------------------- */
/* Alt Paper Colors (Yellow Notepad) */
/* --------------------------------- */
/*
| background-color: #ece5bd;
| background-image:
| linear-gradient(90deg, transparent 13px, #dbada9 13px, #dbada9 15px, transparent 15px),
| linear-gradient(#e1dab0 0.1em, transparent 0.1em);
*/
&:nth-of-type(1) {
margin-right: 18px;
}
}
dl {
margin: 0;
}
dt {
margin-top: 1px;
height: auto;
color: #333;
font-family: 'Patrick Hand SC', cursive;
font-size: 18px;
line-height: 21px;
font-style: italic;
word-wrap: break-word;
&:nth-child(1) { border-top: none }
&:hover {
color: #fff;
background: #00684d;
border-radius:~"255px 15px 225px 15px/15px 225px 15px 255px";
}
}
dd {
margin: 0;
padding: 10px 24px 10px 24px;
position: absolute;
left: -9999px;
top: -9999px;
width: 346px;
opacity: 0;
transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
h4 { margin-top: 4px; margin-left: 0px; font-size: 12px; color: #333; font-weight: normal }
ul {
margin: -10px 0 16px 0;
padding: 0 0 0 18px;
font-size: 12px;
color: #444;
li {
padding: 0 18px 4px 0;
list-style-type: circle;
line-height: 1.2em;
}
}
}
.dt-active {
color: #fff;
background: #00684d;
border-radius:~"255px 15px 225px 15px/15px 225px 15px 255px";
}
.dd-active {
opacity: 1;
transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.burst {
background: rgb(211, 61, 61);
width: 46px;
height: 46px;
position: relative;
text-align: center;
color:white;
z-index:5;
margin:0 auto;
span{
position:relative;
right: 3px;
z-index:10;
height:50px;
display:block;
font:~'22px/46px arial';
font-family: Georgia, serif;
font-style: italic;
letter-spacing: 0px;
text-shadow: 0 1px 0 #666, 0 0 15px #ebae26, 0 0 15px #ebae26, 0 0 15px #ebae26;
transform: rotate(28deg);
transform: rotate(28deg);
transform: rotate(28deg);
transform: rotate(28deg);
}
&:before, &:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 46px;
width: 46px;
background: rgb(211, 61, 61);
z-index:2;
}
&:before {
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
&:after {
transform: rotate(60deg);
transform: rotate(60deg);
transform: rotate(60deg);
transform: rotate(60deg);
}
}
.wrap {
background: rgb(211, 61, 61);
width: 46px;
height: 46px;
position: absolute;
right: -3px;
top: -8px;
text-align: center;
color:white;
z-index:5;
margin: auto;
box-shadow: 0px 0px 4px 1px rgba(50, 50, 50, 0.65);
box-shadow: 0px 0px 4px 1px rgba(50, 50, 50, 0.65);
&:before, &:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 46px;
width: 46px;
background: rgb(211, 61, 61);
z-index:0;
box-shadow: 0px 0px 4px 1px rgba(50, 50, 50, 0.65);
box-shadow: 0px 0px 4px 1px rgba(50, 50, 50, 0.65);
}
}
.paper-curl {
position: relative;
&:after {
z-index: -1;
content: "";
border-radius: 6px;
position: absolute;
bottom: 9px;
right: 4px;
left: auto;
width: 75%;
top: 80%;
max-width: 285px;
background: #888;
box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
transform: rotate(3deg);
transform: rotate(3deg);
transform: rotate(3deg);
transform: rotate(3deg);
transform: rotate(3deg);
}
}
View Compiled
$(function() {
// Set up variables
var $el, $parentWrap, $otherWrap,
$allTitles = $("dt").css({
paddingTop: 1, // setting the padding here prevents a weird situation, where it would start animating at 0 padding instead of 5
paddingRight: 5,
paddingBottom: 4,
paddingLeft: 12,
"cursor": "pointer" // make it seem clickable
}),
$allCells = $("dd").css({
position: "relative",
top: -1,
left: 0,
display: "none" // info cells are just kicked off the page with CSS (for accessibility)
});
// clicking on titles does stuff
$("#page-wrap").delegate("dt", "click", function() {
// cache this, as always, is good form
$el = $(this);
// if this is already the active cell, don't do anything
if (!$el.hasClass("current")) {
$parentWrap = $el.parent().parent();
$otherWraps = $(".info-col").not($parentWrap);
// remove current cell from selection of all cells
$allTitles = $("dt").not(this);
// close all info cells
$allCells.slideUp().removeClass("dd-active");
// return all titles (except current one) to normal size
$allTitles.animate({
fontSize: "18px",
paddingTop: 1,
paddingRight: 5,
paddingBottom: 4,
paddingLeft: 12
});
// animate current title to larger size
$el.animate({
"font-size": "24px",
paddingTop: 3,
paddingRight: 5,
paddingBottom: 5,
paddingLeft: 12
}).next().slideDown().addClass("dd-active");
// make the current column the large size
$parentWrap.animate({
width: 395
})
// make other columns the small size
$otherWraps.animate({
width: 177
})
// make sure the correct column is current
$allTitles.removeClass("current").removeClass("dt-active");
$el.addClass("current").addClass("dt-active");
} else {
$parentWrap = $el.parent().parent();
$otherWraps = $(".info-col").not($parentWrap);
// remove current cell from selection of all cells
$allTitles = $("dt").removeClass("dt-active");
// close all info cells
$allCells.slideUp().removeClass("dd-active");
$allTitles.animate({
fontSize: "18px",
paddingTop: 1,
paddingRight: 5,
paddingBottom: 4,
paddingLeft: 12
});
$parentWrap.animate({
width: 286
})
$otherWraps.animate({
width: 286
})
// make sure the correct column is current
$allTitles.removeClass("current");
}
});
});