Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Can't find reason for height of line

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #147094
    wealthpossible
    Participant

    Hi all,

    I can’t figure out why the yellow coloured lines inside the menu (click on a menu item) are at the height that they are and push the text down underneath the line below it.

    I hope I’m explaining this clear enough and that someone can help me out :)

    Thanks for reading.

    <!doctype html>
    

    Click Vertical Responsive Mega Menu

    <

    div class=”pm-container”>

    Minimum consultation (one or two hairs)

    €12

  • 5 – 15 minutes

    €18

  • 20 – 30 minutes

    €30

  • Disposable sterex and ballet needles used per treatment.
  • Facial/Eye Treatments

    Facial/Eye Treatments

    1. Thal’ion Eye Treatments
    2. Pure Collagen Eye Treatment

      €25

    3. For dehydrated skin and all skin showing expression lines and signs of dullness. Intense Hydration. Anti-aging. Plumps out wrinkles. Evens skin texture and colour. Active ingredients: Native Collagen, Collagen amino-acids, Pephides. 20 mins
    4. Eye Contour Treatment – Youth

      €35

    5. Relaxing treatment to help combat fine lines & wrinkles around the delicate eye area, restoring youthfulness. 30 mins.
    6. Eye Contour Treatment – Radiance

      €35

    7. Relaxing treatment to help combat dark circles, congestion & puffiness around the eye area, restoring radiance. 30mins.
    8. Facial/Eye treatments
    9. Beauty Enhancer Express Facial

      €35

    10. Dedicated to active women, this care fills the skin with concentrated actives providing visible results in a record time. The skin is left relaxed, and radiant. 30 mins
    11. Absolute Hydration Facial

      €55

    12. An ideal treatment for extremely dry skin. With total rehydration the skin softness is restored. The complexion is brightened and fully moisturised. 55 mins
    13. Intense Nutrition Facial

      €55

    14. A nourishing treatment which enriches the driest skin. Skin is plumped up restoring its softness, suppleness and beauty. 55 mins
    15. Infinite Gentleness Facial

      €55

    16. An authentic soothing interlude for delicate and sensitive skin. Skin is soothed and calm. 55 mins
    17. Extreme Purity Facial

      €60

    18. For combination and oily skin type. Made-to-measure solution for imperfect skin to achieve mattness and purity. The dullness is removed leaving the skin’s surface cleansed and refined. 60 mins
    19. Ultimate Radiance Facial

      €60

    20. A truly innovative solution combining the benefits of sea and fruit enzymes with vitamin C to stimulate cell renewal in dull skin. The complexion is radiant right from the first treatment. 60 mins
    21. Hydralift

      €60

    22. Double action: prevents the signs of ageing and intensely moisturises. Early signs of ageing are smoothed over and the appearance of fine lines is reduced. Skin is re-densified and the complexion is evened out.
    23. Oxygen Expert Facial

      €65

    24. Minerals, trace elements and vitamins boost the body’s natural defence mechanisms when the skin is suffocated and stressed. The skin is regenerated, smooth and redefined, protecting it from damaged caused by urban living. 70 mins
    25. Anti-Ageing & Firming Facial

      €65

    26. An ideal treatment increases the skin’s firmness. This comprehensive treatment helps skin recover its tone and elasticity. Purpose: to firm, restrict and redefine the contour of the face. 70 mins
  • Gel nails, Hand & Foot Care

    Gel nails, Hand & Foot Care

  • File & Polish

    €14

  • Choose from a wide range of colors and shades. polishes also available to purchase.
  • File & French Polish

    €16

  • Off white and brilliant white tips available.
  • CND Manicure

    €25

  • CND French Manicure

    €30

  • Parrafin Manicure – Milk & Honey

    €30

  • Ideal for very dry and cracked hands. Excellent for rheumatism and osteo arthritis of the hands and fingers. Ultimate hydration and luxury. 30 mins
  • Kaeso Pedicure

    €30

  • Kaeso French Pedicure

    €35

  • Cracked Heel and Callous Treatment

    €20

  • A gentle treatment where the very dry skin which can appear cracked on heel area is dissolved and peeled away revealing soft and recovered skin. Extra 10.00 with Kaeso pedicure. 20 mins
  • Jessica Flash Infusion Pedi 2:5:2

    €18

  • 2 step toe paint with the use of a primer and colour takes 5 mins to do and 5 mins to dry. Ideal for a quick pedi – paint on your lunch break. Takes 20 mins to complete from shoes off to shoes on. Was featured on Xpose on tuesday 6th of March 2013
  • Gel nails – Natural tips

    €55

  • Free mini manicure included in price. Include a polish of your choice for €10.00. 1 hr
  • Gel nails – White tips

    €60

  • Free mini manicure included. Did you know that at Absolute beauty, when getting Gel Nails done, your own nails are sanatized TWICE before tips and gel is applied to prevent trapped bacteria to grow. Also watch me unwrap a brand new file for ‘only’. 1hr 15mins
  • Gel overlay

    €40

  • Refills Natural tips

    €35

  • Refills White tips

    €40

  • Removal of gels

    €30

  • Repair per nail

    €8

  • Gel Toe nails

    €25

  • Hollywood Toes

    €35

  • With Diamontes
  • Weekend nails

    €25

  • New Shellac 2/3 week manicure

    €0

  • On like polish, wears like gel. No chips, smudges or drying time. Price includes mini manicure and your next removal. Please advise if you had 2week nails elsewhere as removal can take longer due to different brands, there will be a small charge.
  • Shellac colour

    €25

  • Full range of colours available.
  • Shellac french

    €25

  • Crystal Manicure or Pedicure prices start at

    €30

  • Creme de la creme of this seasons pedicures/manicures. Have genuine Austrian Swarovski Crystals placed by hand on all your nails! Beautiful finish. Great for brides on their special day, debs, formal occasions, holidays etc.
  • IPL Hair Removal/Red Vein

    IPL Hair Removal/Red Vein

    1. IPL Hair Removal
  • Prices start at (per treatment)

    €50

  • iPulse is a new type of hair removal technology which utilises light to disable the cells within hair follicle and stops the hairs from growing back. This unique way of removing unwanted hair is quick, easy and affordable. 6-8 treatments required.
  • Lip area ( 5-10 mins )

    €50

  • Chin area ( 10 mins )

    €60

  • Lip & chin area ( 15 mins )

    €80

  • Underarm ( 15 mins )

    €70

  • Standard bikini line ( 15 mins )

    €90

  • Extended bikini line ( 20 mins )

    Price TBA Thank you.

  • Half Leg ( 30 mins )

    €150

  • With FREE underarm treatment.
  • Full leg incl standard bikini ( 2 hours )

    Price TBA Thank you.

  • Red Vein Removal, Acne & Rosacea
  • Red Vein Removal from:

    €65

  • Pigmentation Removal from:

    €50

  • Prices start at (per treatment)

    €60

  • iPulse is a new type of skincare rejuvenation technology which uses intense pulses of light to treat, Thread veins, Acne & Rosacea. Call to book consultation for monthly clinic.
  • Makeup

    Makeup

  • Cleanse & Makeup

    €25

  • Cleanse, makeup & brow tidy

    €30

  • Makeup Lesson (40 mins))

    €40

  • Hands on workshop to learn correct techniques for applying make-up. Your makeup should: • complement your colouring • ensure that your skin is well looked after • reflect your style personality • keep up-to-date.
  • Group Discounts Available

  • Book your Hen,& Bridal Party make up with us and The Bride goes FREE! (Must be groups of 4 and over) Champange & Strawberries for advanced booking!
  • Makeup with lashes

    €35

  • Massage/Body Treatments

    Massage/Body Treatments

    1. Back Treatments
  • Relaxing & Energising Back Care

    €50

  • Perfect for relieving tension or feel more energised while giving your back a little bit extra. Back is cleansed, exfoliated, warm marine or firming mud mask is applied. Finish with an energising or relaxing back massage.
  • For a Deep Cleanse of the back (add on)

    €15

  • Introduce the use of steam to the above treatment. Helps open pores and rid of any dead cells, blackheads and treat acne. Heat of the steam generates relaxation.
  • Massage & relaxation
  • 30 minute Back Massage

    €40

  • Swedish for relaxation and relieving tension. COURSE OF 6 €210
  • 60 minute Full Body Massage

    €60

  • Swedish for relaxation and relieving tension. COURSE OF 6 €330
  • 90 minute Full Body Massage

    €75

  • Swedish for relaxation and relieving tension. COURSE OF 6 €420
  • 40 minute Stress Therapy massage (back only)

    €50

  • Works deep into muscle mass to relieve tender nerve endings and pain relief. COURSE OF 6 €270
  • 40 minute Deep Tissue Massage (back only)

    €50

  • This massage is not for the faint hearted, very deep massage to rid deep down tension. COURSE OF 6 €270
  • Massage/Body treatments
  • Full body exfoliation & moisture

    €55

  • This one hour treatment is excellent before a tan application or preparing your body for your holiday.
  • Thal’ion Body Firming Treatment

    €70

  • This 60 minute treatment helps to tighten loose skin after weight loss & pregnancy. COURSE OF 3 €195
  • Thal’ion Anti-Cellulite Treatment

    €70

  • This 60 minute treatment helps to drain body of toxins & improve circulation and improves the apprearance of cellulite. COURSE OF 3 €195
  •     <li>
          <input type="radio" name="radio-set" id="pm-control-7"/>
          <a href="#"> Miscellaneous</a>
          <div class="pm-about-page">
            <h2>Miscellaneous</h2>
           <ol>
    <li class="listItem">
    

    Ear Piercing

    €25

  • Under 16’s must be accompanied by a guardian or parent. Gold & Silver earrings in stock.
  • Camouflage Treatment from

    €25

  • Skin Camouflage treatment can prove extremely effective in covering many different types of skin concern, including birthmarks, pigmentation issues and tattoos.
  • Semi Permanent Eyelashes

    Semi Permanent Eyelashes

    1. Types of lashes available
  • Types of Lashes I have available.

    €0

  • Secret Lashes – Curly :: Mink Lashes – thick and glossy :: My Own Brand – thinner, natural and available in black, purple, blue & brown.
  • Semi Permanent Eyelashes
  • Enhancement

    €60

  • Short & Medium lenght and full to the corners of the eye area, ideal for smaller eyes. Lasts 4-6weeks. Beautiful natural look.
  • Natural Look

    €80

  • Fuller look and helps to open the eye area, no need for mascara here with these. This is an ideal look for those who want a comfortable yet flattering look that can be worn in work.
  • Glamourous

    €100

  • Fuller, flirtier lashes, for the glam party look. These are for the adventurous, lots & lots of lashes applied.
  • Refills from

    €25

  • Lashes are soft, natural, safe & last several weeks. Applied to suit your eye shape and colour. Fantasic for debs, holidays & weddings. 24 hour patch test required.
  • Booking Treatment

    €0

  • Over the phone Credit Card/ Laser details needed to secure booking. Not giving 24 hours cancellation notice or failure to show will result in full treatment price taken from card. Please see policies under contact.
  • Before your treatment

    €0

  • New clients: Please arrive 15 minutes early and arrive with clean eyes. Don’t use a mechanical eyelash curler the day of your appointment. If you wear contacts, please bring solution and a case.
  • Lash Removal from

    €15

  • Price of removal will depend on time taken to complete treatment.
  • Just the corners from

    €20

  • 2 Week “Push Up” Lashes – Full set

    €20

  • 2 Week “Push Up” Lashes – Half set

    €10

  • Treatment time faster than individual lashes 15-30 mins.
  • Tanning

    Tanning

  • Wide selection of airbrush tans to suit everyone!

    €0

  • Tans available: Bronze Express (fair & medium) Wild Tanning (medium & dark~organic) TanOrganic – Dragons success! SunFx Rapid 2 hour Tanning.
  • Full Body spray

    €30

  • Half Body spray

    €20

  • Extra Spray 24 hours later from

    €15

  • Full body exfoliation & manual tan application. 1h

    €60

  • (California foam mouse is used for this treatment) A relaxing procedure and a long lasting tan. Add on file & french polish hands & toes €25.00 (90mins)
  • Group discounts available.

    €0

  • Bring 3 of your friends and you get your tan FREE! (or split the difference)
  • What to expect…

    €0

  • Spray tanning takes place in a private room. You stand within a customised tanning tent. Before undressing you’ll be shown what you may need before your tan if desired, e.g facial wipes, barrier cream, protective hat, disposable underwear & w
  • Face & Shoulders only

    €10

  • You’re FrEE!!

    €0

  • Bring 4 of your friends and you get yours for free, or split the difference.
  • Legs only

    €15

  • SUN FX RAPID TAN (DEVELOPS IN 2 HOURS)

    €35

  • HALF BODY 25.00
  •      <li>
          <input type="radio" name="radio-set" id="pm-control-10"/>
          <a href="#"> Threading</a>
          <div class="pm-about-page">
            <h2>Threading</h2>
           <ol>
    <li class="listItem">
    

    Lip

    €9

  • Chin

    €9

  • Eyebrows

    €10

  • Lip, chin & sides of face

    €17

  • Full face including brows, neck & forehead

    €40

         <li>
          <input type="radio" name="radio-set" id="pm-control-11"/>
          <a href="#"> Tinting</a>
          <div class="pm-about-page">
            <h2>Tinting</h2>
           <ol>
    <li class="listItem">
    

    Facial bleaching

    From €9

  • Includes eyebrows and any dark hair on the facial area.
  • Eyebrow Shape

    €10

  • Eyebrow tint

    €10

  • Available, in blonde, light, medium and dark brown, black and blue/black. Please be advised a patch test is required for first timers
  • Eyelash tint

    €15

  • Available, in blonde, light, medium and dark brown, black and blue/black. Please be advised a patch test is required for first timers
  • Signature Brows by Eyebrowz™

    €25

  • Get the perfect designer brow to suit you. Procedure like no other includes, brow stenciling, tinting, precision waxing, threading and use of brow powder packed with minerals for that perfect finish.
  • Eyelash brow tint & trim combo

    €30

  • A saving of 5 euro when you combine the above three together.
  •     <li>
          <input type="radio" name="radio-set" id="pm-control-12"/>
          <a href="#"> Waxing</a>
          <div class="pm-about-page">
            <h2>Waxing</h2>
           <ol>
    <li class="treatmentTitle">Facial Waxing</li>
    <li class="listItem">
    

    Lip wax

    €9

  • Chin wax

    €9

  • Sides of face

    €9

  • Eyebrow wax/Tweezing

    €10

  • Jaw line

    €12

  • Lip and chin wax

    €15

  • Lip, chin and sides of face

    €20

  • Specialised Bikini Waxing
  • Californian

    €35

  • Neat and tidy, disposable underwear available. Vajazzling available for an extra 10.00
  • Brazilian

    €45

  • Landing strip left, disposable underwear available. Vajazzling available for an extra 10.00.
  • Hollywood

    €55

  • All taken away, disposable underwear available. Vajazzling available for an extra 10.00.
  • Playboy

    €60

  • All taken away front and back, disposable underwear available. Vajazzling available for an extra 10.00.
  • G-String

    €30

  • A saving of 5 euro when you combine the above three together.
  • Olivia gained her outstanding technique in this type of waxing in Steny’s Beauty Salon, Darwin, Northern Territory, Australia 2004.
  • General Waxing
  • Full Leg Wax

    €30

  • G-String

    €30

  • Three quarter leg wax

    €25

  • Half Leg and Regular bikini wax

    €29

  • Half Leg

    €20

  • Full Leg and Regular bikini wax

    €39

  • Underarm

    €14

  • Regular Bikini

    €16

  • Holiday Bikini Wax

    €20

  • Abdomin wax

    €12

  • Arm wax

    €20

  • Male back/chest wax from

    €25

  • Nipple area

    €10

  • Lower back area

    €15

  • Vajazzling

    €10

  • Swarovski Crystal Art of bikini Vajazzling. This is an add on service to you bikini wax. Last 3 – 6 days.
  •      <li>
          <input type="radio" name="radio-set" id="pm-control-13"/>
          <a href="#"> Weight, Cellulite and Inch Loss</a>
          <div class="pm-about-page">
            <h2>Weight, Cellulite and Inch Loss</h2>
           <ol>
    <li class="treatmentTitle">G5 Body shaping &amp; Inch Loss</li>
    <li class="listItem">
    

    10x20min sessions

    €180

  • 1x20min session

    €20

  • The above treatment is ideal to help loose those unwanted inches. Helps to improve cellulite & rid fluid retention. Ideal before wedding or holiday. 3 week course.
  • 10×10 min session

    €100

  • 1×10 min

    €12

  • Same treatment but for specific areas for maintaince.
  • Body Contour Wrap
  • Full Body Wrap

    €65

  • Half Body Wrap

    €45

  • Rids toxins, temporally reduces inches & improves body contour for that special occasion or holiday. Buy a course of 3 and get a 4th one FREE.
  • Shrinking Violet Wrap
  • Full Body Wrap

    €75

  • Half Body Wrap

    €50

  • Course of 3 Full wraps (saving of €35.00)

    €190

  • Course of 6 Full Wraps (saving of €75.00)

    €375

      </ul>
    </div>
    

    /*
    

    * Click Vertical Responsive Mega Menu – Pure CSS3 – V.1.0
    * Author: Shy Design
    * Author URL: codecanyon.net/user/shydesign
    * Inspired by: http://drbl.in/fqbp
    */

    /* import other css files */
    @import “normalize.css”;
    @import “font-awesome.css”;
    @import “font-awesome-7.css”;

    /* Main Styles starts */
    body {
    font-family: ‘Josefin Slab’, ‘Myriad Pro’, Arial, sans-serif;
    }

    p, span {
    color: rgb(80, 80, 80);
    }

    .pm-container {
    width: 960px;
    margin: auto;
    background: yellow;
    height: 20px;
    }

    /* Menu Container */
    .pm-nav-wrapper {
    width: 300px;
    margin-top: 20px;
    float: left;
    -webkit-box-shadow: 0px 0px 14px rgba(144, 23, 40, 0.75);
    -moz-box-shadow: 0px 0px 14px rgba(144, 23, 40, 0.75);
    box-shadow: 0px 0px 14px rgba(144, 23, 40, 0.75);
    background: #fff;
    border: #901728 3px solid;
    }

    .pm-nav-wrapper > button,
    .pm-nav-wrapper > input,
    .pm-nav-wrapper > a {
    display: block;
    }

    .pm-nav-wrapper > img {
    width: 190px;
    margin: 5px;
    }

    /* Menu Links */
    .pm-nav-wrapper > ul{
    padding: 0;
    }

    .pm-nav-wrapper > ul li {
    margin-left: 0;
    list-style: none;
    margin: 0 5px;
    padding: 7px 0;
    }

    /* Input for CSS Hacks */
    .pm-nav-wrapper > ul li > input{
    position: absolute;
    z-index: 1000;
    cursor: pointer;
    height: 30px;
    width: 109px;
    opacity: 0;
    }

    .pm-nav-wrapper > ul li > a{
    text-decoration: none;
    color: #000;
    font-size: 18px;
    border-left: 3px solid transparent;
    padding: 7px 0px 7px 0px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    }

    /* Integrate Checked Input With Next A */

    pm-control-1:checked ~ a {

    border-left: 3px solid #901728;
    color: rgb(85, 85, 85);
    background: rgb(245, 245, 245);
    padding: 7px 102px 7px 7px;
    }

    pm-control-2:checked ~ a {

    border-left: 3px solid #901728;
    color: rgb(85, 85, 85);
    background: rgb(245, 245, 245);
    padding: 7px 76px 7px 7px;
    }

    pm-control-3:checked ~ a {

    border-left: 3px solid #901728;
    color: rgb(85, 85, 85);
    background: rgb(245, 245, 245);
    padding: 7px 50px 7px 7px;
    }

    pm-control-4:checked ~ a {

    border-left: 3px solid #901728;
    color: rgb(85, 85, 85);
    background: rgb(245, 245, 245);
    padding: 7px 50px 7px 7px;
    }

    pm-control-5:checked ~ a {

    border-left: 3px solid #901728;
    color: rgb(85, 85, 85);
    background: rgb(245, 245, 245);
    padding: 7px 71px 7px 7px;
    }

    pm-control-6:checked ~ a {

    border-left: 3px solid #901728;
    color: rgb(85, 85, 85);
    background: rgb(245, 245, 245);
    padding: 7px 50px 7px 7px;
    }

    pm-control-7:checked ~ a {

    border-left: 3px solid #901728;
    color: rgb(85, 85, 85);
    background: rgb(245, 245, 245);
    padding: 7px 50px 7px 7px;
    }

    pm-control-8:checked ~ a {

    border-left: 3px solid #901728;
    color: rgb(85, 85, 85);
    background: rgb(245, 245, 245);
    padding: 7px 50px 7px 7px;
    }

    pm-control-9:checked ~ a {

    border-left: 3px solid #901728;
    color: rgb(85, 85, 85);
    background: rgb(245, 245, 245);
    padding: 7px 50px 7px 7px;
    }

    pm-control-10:checked ~ a {

    border-left: 3px solid #901728;
    color: rgb(85, 85, 85);
    background: rgb(245, 245, 245);
    padding: 7px 50px 7px 7px;
    }

    pm-control-11:checked ~ a {

    border-left: 3px solid #901728;
    color: rgb(85, 85, 85);
    background: rgb(245, 245, 245);
    padding: 7px 50px 7px 7px;
    }

    pm-control-12:checked ~ a {

    border-left: 3px solid #901728;
    color: rgb(85, 85, 85);
    background: rgb(245, 245, 245);
    padding: 7px 50px 7px 7px;
    }

    pm-control-13:checked ~ a {

    border-left: 3px solid #901728;
    color: rgb(85, 85, 85);
    background: rgb(245, 245, 245);
    padding: 7px 20px 7px 7px;
    }

    /* Pages Container /
    .pm-nav-wrapper > ul li > div{
    float: right;
    position: absolute;
    background: #fff;
    border: #901728 3px solid;
    font-family: Helvetica, Arial;
    width: 640px;
    margin-left: 312px;
    -webkit-box-sizing: border-box; /
    Safari/Chrome, other WebKit /
    -moz-box-sizing: border-box; /
    Firefox, other Gecko /
    box-sizing: border-box; /
    Opera/IE 8+ */
    transition: all 2s;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    opacity: 0;
    -webkit-box-shadow: 0px 0px 14px rgba(144, 23, 40, 0.75);
    -moz-box-shadow: 0px 0px 14px rgba(144, 23, 40, 0.75);
    box-shadow: 0px 0px 14px rgba(144, 23, 40, 0.75);
    }

    /* Intigrate Checked Input With Pages */

    pm-control-1:checked ~ div {

    margin-top: -48px;
    opacity: 1;
    background: #fff;
    border: #901728 3px solid;
    }

    pm-control-2:checked ~ div{

    margin-top: -84px;
    opacity: 1;
    background: #fff;
    border: #901728 3px solid;
    }

    pm-control-3:checked ~ div {

    margin-top: -120px;
    opacity: 1;
    background: #fff;
    border: #901728 3px solid;
    }

    pm-control-4:checked ~ div {

    margin-top: -156px;
    opacity: 1;
    background: #fff;
    border: #901728 3px solid;
    }

    pm-control-5:checked ~ div {

    margin-top: -192px;
    opacity: 1;
    background: #fff;
    border: #901728 3px solid;
    }

    pm-control-6:checked ~ div {

    margin-top: -228px;
    opacity: 1;
    background: #fff;
    border: #901728 3px solid;
    }

    pm-control-7:checked ~ div {

    margin-top: -264px;
    opacity: 1;
    background: #fff;
    border: #901728 3px solid;
    }

    pm-control-8:checked ~ div {

    margin-top: -300px;
    opacity: 1;
    background: #fff;
    border: #901728 3px solid;
    }

    pm-control-9:checked ~ div {

    margin-top: -336px;
    opacity: 1;
    background: #fff;
    border: #901728 3px solid;
    }

    pm-control-10:checked ~ div {

    margin-top: -372px;
    opacity: 1;
    background: #fff;
    border: #901728 3px solid;
    }

    pm-control-11:checked ~ div {

    margin-top: -408px;
    opacity: 1;
    background: #fff;
    border: #901728 3px solid;
    }

    pm-control-12:checked ~ div {

    margin-top: -444px;
    opacity: 1;
    background: #fff;
    border: #901728 3px solid;
    }

    pm-control-13:checked ~ div {

    margin-top: -480px;
    opacity: 1;
    background: #fff;
    border: #901728 3px solid;
    }

    /* Drop-cap */
    .pm-nav-wrapper > p:first-letter {
    font-size: 30px;
    padding: 5px 3px 0px 0px;
    margin: 0px 4px 0 0;
    line-height: 25px;
    float: left;
    }

    /* Basic Content Pages Styles */
    .pm-nav-wrapper h2 {
    margin-left: 20px;
    margin-right: 20px;
    }

    .pm-nav-wrapper h2{
    font-size: 35px;
    line-height: 50px;
    border-bottom: 1px solid rgb(235, 235, 235);
    }

    .pm-nav-wrapper h4{
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 10px;
    }

    .pm-nav-wrapper h5{
    font-size: 18px;
    line-height: 15px;
    margin-bottom: 5px;
    }

    /* Portfolio Page */
    .pm-portfolio-page > div {
    display: inline-block;
    width: 230px;
    text-align: center;
    margin-bottom: 15px;
    }

    .pm-portfolio-page > div h5 {
    margin: 10px 0 20px 0;
    }

    .pm-portfolio-page > div img {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 2px 1px rgb(240, 240, 240);
    -webkit-box-shadow: 0 2px 1px rgb(240, 240, 240);
    -moz-box-shadow: 0 2px 1px rgb(240, 240, 240);
    -ms-box-shadow: 0 2px 1px rgb(240, 240, 240);
    -o-box-shadow: 0 2px 1px rgb(240, 240, 240);
    }

    /* Skills Page */
    .pm-skill-page > div {
    width: 230px;
    display: inline-block;
    }

    .pm-skill-page label{
    display: inline-block;
    }

    .pm-skill-page .pm-bar {
    background: rgb(80, 80, 80);
    height: 20px;
    width: 300px;
    margin: 10px 0;
    display:block;
    }

    /* About Us Page */
    .pm-about-page > div {
    display: inline-block;
    width: 230px;
    text-align: center;
    }

    .pm-about-page > div > img {
    margin-bottom: -10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: 0 2px 1px rgb(240, 240, 240);
    -webkit-box-shadow: 0 2px 1px rgb(240, 240, 240);
    -moz-box-shadow: 0 2px 1px rgb(240, 240, 240);
    -ms-box-shadow: 0 2px 1px rgb(240, 240, 240);
    -o-box-shadow: 0 2px 1px rgb(240, 240, 240);
    }

    /* Contact Us Page */
    .pm-contact-page > p > a{
    text-decoration: none;
    color: rgb(141, 141, 141);
    }

    .pm-contact-page > p > a:hover{
    color: rgb(80, 80, 80);
    }

    /*
    * Media – Responsive Settings */

    /* Large desktop */
    @media (min-width: 1200px) {

    }

    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) {

    .pm-container {
    width: 700px;
    margin: 0 auto;
    border: 1px solid transparent;
    }

    /* Profile Title */
    .pm-profile-title h1 {
    font-size: 100px;
    margin-top: 130px;
    }

    /* Menu Container */
    .pm-nav-wrapper {
    width: 150px;
    margin-top: 30px;
    }

    .pm-nav-wrapper > img {
    width: 140px;
    }

    /* Follow Button */
    .pm-nav-wrapper > a {
    margin: 0 5px;
    width: 138px;
    font-size: 21px;
    padding: 8px 0px;
    }

    /* Integrate Checked Input With Next A */
    #pm-control-1:checked ~ a {
    padding: 7px 56px 7px 7px;
    }

    #pm-control-2:checked ~ a {
    padding: 7px 29px 7px 7px;
    }

    #pm-control-3:checked ~ a {
    padding: 7px 41px 7px 7px;
    }

    #pm-control-4:checked ~ a {
    padding: 7px 62px 7px 7px;
    }

    #pm-control-5:checked ~ a {
    padding: 7px 22px 7px 7px;
    }

    #pm-control-6:checked ~ a {
    padding: 7px 44px 7px 7px;
    }

    #pm-control-7:checked ~ a {
    padding: 7px 44px 7px 7px;
    }

    #pm-control-8:checked ~ a {
    padding: 7px 44px 7px 7px;
    }

    #pm-control-9:checked ~ a {
    padding: 7px 44px 7px 7px;
    }

    #pm-control-10:checked ~ a {
    padding: 7px 44px 7px 7px;
    }

    #pm-control-11:checked ~ a {
    padding: 7px 44px 7px 7px;
    }

    #pm-control-12:checked ~ a {
    padding: 7px 44px 7px 7px;
    }

    #pm-control-13:checked ~ a {
    padding: 7px 44px 7px 7px;
    }

    /* Pages Container */
    .pm-nav-wrapper > ul li > div{
    width: 540px;
    margin-left: 155px;
    }

    /* Intigrate Checked Input With Pages */
    #pm-control-1:checked ~ div {
    margin-top: -242px;
    opacity: 1;
    }

    #pm-control-2:checked ~ div{
    margin-top: -278px;
    opacity: 1;
    }

    #pm-control-3:checked ~ div {
    margin-top: -314px;
    opacity: 1;
    }

    #pm-control-4:checked ~ div {
    margin-top: -350px;
    opacity: 1;
    }

    #pm-control-5:checked ~ div {
    margin-top: -386px;
    opacity: 1;
    }

    #pm-control-6:checked ~ div {
    margin-top: -422px;
    opacity: 1;
    }

    #pm-control-7:checked ~ div {
    margin-top: -422px;
    opacity: 1;
    }

    #pm-control-8:checked ~ div {
    margin-top: -422px;
    opacity: 1;
    }

    #pm-control-9:checked ~ div {
    margin-top: -422px;
    opacity: 1;
    }

    #pm-control-10:checked ~ div {
    margin-top: -422px;
    opacity: 1;
    }

    #pm-control-11:checked ~ div {
    margin-top: -422px;
    opacity: 1;
    }

    #pm-control-12:checked ~ div {
    margin-top: -422px;
    opacity: 1;
    }

    #pm-control-13:checked ~ div {
    margin-top: -100px;
    opacity: 1;
    }
    }

    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {

    .pm-container {
    width: 550px;
    }

    /* Profile Title */
    .pm-profile-title h1 {
    font-size: 80px;
    margin-top: 100px;
    }

    /* Social Icons */
    .pm-profile-title h1 a {
    font-size: 60px;
    margin-top: -20px;
    padding: 5px 0;
    }

    /* Menu Container */
    .pm-nav-wrapper {
    width: 150px;
    margin-top: 20px;
    }

    .pm-nav-wrapper > img {
    width: 140px;
    }

    /* Follow Button */
    .pm-nav-wrapper > a {
    width: 139px;
    font-size: 14px;
    }

    .pm-nav-wrapper > ul li > a{
    font-size: 14px;
    }

    /* Integrate Checked Input With Next A */
    #pm-control-1:checked ~ a {
    padding: 7px 71px 7px 7px;
    }

    #pm-control-2:checked ~ a {
    padding: 7px 56px 7px 4px;
    }

    #pm-control-3:checked ~ a {
    padding: 7px 59px 7px 7px;
    }

    #pm-control-4:checked ~ a {
    padding: 7px 77px 7px 7px;
    }

    #pm-control-5:checked ~ a {
    padding: 7px 51px 7px 2px;
    }

    #pm-control-6:checked ~ a {
    padding: 7px 64px 7px 7px;
    }

    #pm-control-7:checked ~ a {
    padding: 7px 64px 7px 7px;
    }

    #pm-control-8:checked ~ a {
    padding: 7px 64px 7px 7px;
    }

    #pm-control-9:checked ~ a {
    padding: 7px 64px 7px 7px;
    }

    #pm-control-10:checked ~ a {
    padding: 7px 64px 7px 7px;
    }

    #pm-control-11:checked ~ a {
    padding: 7px 64px 7px 7px;
    }

    #pm-control-12:checked ~ a {
    padding: 7px 64px 7px 7px;
    }

    #pm-control-13:checked ~ a {
    padding: 7px 64px 7px 7px;
    }

    /* Pages Container */
    .pm-nav-wrapper > ul li > div{
    width: 395px;
    margin-top: 100px;
    margin-left: 153px;
    }

    /* Intigrate Checked Input With Pages */
    #pm-control-1:checked ~ div {
    margin-top: 0px;
    }

    #pm-control-2:checked ~ div{
    margin-top: 0px;
    }

    #pm-control-3:checked ~ div {
    margin-top: 0px;
    }

    #pm-control-4:checked ~ div {
    margin-top: 0px;
    }

    #pm-control-5:checked ~ div {
    margin-top: 0px;
    }

    #pm-control-6:checked ~ div {
    margin-top: 0px;
    }

    #pm-control-7:checked ~ div {
    margin-top: 0px;
    }

    #pm-control-8:checked ~ div {
    margin-top: 0px;
    }

    #pm-control-9:checked ~ div {
    margin-top: 0px;
    }

    #pm-control-10:checked ~ div {
    margin-top: 0px;
    }

    #pm-control-11:checked ~ div {
    margin-top: 0px;
    }

    #pm-control-12:checked ~ div {
    margin-top: 0px;
    }

    #pm-control-13:checked ~ div {
    margin-top: 0px;
    }

    /* Description Text */
    .pm-nav-wrapper > p {
    margin: 0px 10px;
    font-size: 12px;
    }

    .pm-nav-wrapper h2{
    font-size: 30px;
    }

    /* Portfolio Page */
    .pm-portfolio-page > div {
    width: 352px;
    margin: 0;
    }

    /* Skills Page */
    .pm-skill-page > div {
    width: 352px;
    }

    /* About Us Page */
    .pm-about-page > div {
    width: 352px;
    margin: 0px;
    }

    }

    /* Landscape phones and down */
    @media(max-width: 568px) {
    .pm-container {
    width: 520px;
    }

    /* Profile Title */
    .pm-profile-title h1 {
    font-size: 45px;
    margin-top: 70px;
    }

    /* Social Icons */
    .pm-profile-title h1 a {
    font-size: 70px;
    margin-top: -20px;
    padding: 5px 0;
    }

    /* Menu Container */
    .pm-nav-wrapper {
    width: 100px;
    margin-top: 20px;
    }

    .pm-nav-wrapper > img {
    width: 90px;
    }

    /* Follow Button */
    .pm-nav-wrapper > a {
    width: 89px;
    font-size: 13px;
    }

    .pm-nav-wrapper > ul li {
    padding: 0px 0;
    }

    .pm-nav-wrapper > ul li > a{
    font-size: 14px;
    padding: 0;
    }

    /* Integrate Checked Input With Next A */
    #pm-control-1:checked ~ a {
    padding: 0px 21px 0px 7px;
    }

    #pm-control-2:checked ~ a {
    padding: 0px 3px 0px 4px;
    }

    #pm-control-3:checked ~ a {
    padding: 0px 9px 0px 7px;
    }

    #pm-control-4:checked ~ a {
    padding: 0px 27px 0px 7px;
    }

    #pm-control-5:checked ~ a {
    padding: 0px 0px 0px 2px;
    }

    #pm-control-6:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-7:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-8:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-9:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-10:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-11:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-12:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-13:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    /* Pages Container */
    .pm-nav-wrapper > ul li > div{
    width: 416px;
    margin-top: 100px;
    margin-left: 101px;
    }

    /* Intigrate Checked Input With Pages */
    #pm-control-1:checked ~ div {
    margin-top: -172px;
    }

    #pm-control-2:checked ~ div{
    margin-top: -191px;
    }

    #pm-control-3:checked ~ div {
    margin-top: -210px;
    }

    #pm-control-4:checked ~ div {
    margin-top: -229px;
    }

    #pm-control-5:checked ~ div {
    margin-top: -247px;
    }

    #pm-control-6:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-7:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-8:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-9:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-10:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-11:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-12:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-13:checked ~ div {
    margin-top: -266px;
    }

    /* Description Text */
    .pm-nav-wrapper > p {
    margin: 0px 10px;
    font-size: 12px;
    }

    /* Portfolio Page */
    .pm-portfolio-page > div {
    width: 350px;
    margin: 0;
    }

    /* Skills Page */
    .pm-skill-page > div {
    width: 375px;
    }

    /* About Us Page */
    .pm-about-page > div {
    width: 375px;
    margin: -4px;
    }

    }

    /* Mobile (e.g. Apple iPhone) Size: 480×320 (Landscape) */
    @media (max-width: 480px) {
    .pm-container {
    width: 450px;
    }

    /* Profile Title */
    .pm-profile-title h1 {
    font-size: 67px;
    margin-top: 70px;
    }

    /* Social Icons */
    .pm-profile-title h1 a {
    font-size: 40px;
    margin-top: -20px;
    padding: 5px 0;
    }

    /* Menu Container */
    .pm-nav-wrapper {
    width: 100px;
    margin-top: 15px;
    }

    .pm-nav-wrapper > img {
    width: 90px;
    }

    /* Follow Button */
    .pm-nav-wrapper > a {
    width: 89px;
    font-size: 13px;
    }

    .pm-nav-wrapper > ul li > a{
    font-size: 14px;
    padding: 0;
    }

    /* Integrate Checked Input With Next A */
    #pm-control-1:checked ~ a {
    padding: 0px 21px 0px 7px;
    }

    #pm-control-2:checked ~ a {
    padding: 0px 3px 0px 4px;
    }

    #pm-control-3:checked ~ a {
    padding: 0px 9px 0px 7px;
    }

    #pm-control-4:checked ~ a {
    padding: 0px 27px 0px 7px;
    }

    #pm-control-5:checked ~ a {
    padding: 0px 0px 0px 2px;
    }

    #pm-control-6:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-7:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-8:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-9:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-10:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-11:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-12:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-13:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    /* Pages Container */
    .pm-nav-wrapper > ul li > div{
    width: 345px;
    margin-top: 100px;
    margin-left: 101px;
    }

    /* Intigrate Checked Input With Pages */
    #pm-control-1:checked ~ div {
    margin-top: -171px;
    }

    #pm-control-2:checked ~ div{
    margin-top: -190px;
    }

    #pm-control-3:checked ~ div {
    margin-top: -209px;
    }

    #pm-control-4:checked ~ div {
    margin-top: -228px;
    }

    #pm-control-5:checked ~ div {
    margin-top: -247px;
    }

    #pm-control-6:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-7:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-8:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-9:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-10:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-11:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-12:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-13:checked ~ div {
    margin-top: -266px;
    }
    /* Description Text */
    .pm-nav-wrapper > p {
    margin: 0px 10px;
    font-size: 12px;
    }

    /* Portfolio Page */
    .pm-portfolio-page > div {
    width: 298px;
    margin: 0px;
    }

    /* Skills Page */
    .pm-skill-page > div {
    width: 298px;
    }

    /* About Us Page */
    .pm-about-page > div {
    width: 298px;
    margin: 0px;
    }

    }

    /* Mobile (e.g. Apple iPhone) Size: 320×480 (Portrait) */
    @media (max-width: 320px) {
    .pm-container {
    width: 300px;
    }

    /* Profile Title */
    .pm-profile-title h1 {
    font-size: 41px;
    margin-top: 70px;
    }

    /* Social Icons */
    .pm-profile-title h1 a {
    font-size: 40px;
    margin-top: -20px;
    padding: 5px 0;
    }

    /* Menu Container */
    .pm-nav-wrapper {
    width: 100px;
    margin-top: 20px;
    }

    .pm-nav-wrapper > img {
    width: 90px;
    }

    /* Follow Button */
    .pm-nav-wrapper > a {
    width: 89px;
    font-size: 13px;
    }

    .pm-nav-wrapper > ul li > a{
    font-size: 14px;
    padding: 0;
    }

    /* Integrate Checked Input With Next A */
    #pm-control-1:checked ~ a {
    padding: 0px 21px 0px 7px;
    }

    #pm-control-2:checked ~ a {
    padding: 0px 3px 0px 4px;
    }

    #pm-control-3:checked ~ a {
    padding: 0px 9px 0px 7px;
    }

    #pm-control-4:checked ~ a {
    padding: 0px 27px 0px 7px;
    }

    #pm-control-5:checked ~ a {
    padding: 0px 0px 0px 2px;
    }

    #pm-control-6:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-7:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-8:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-9:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-10:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-11:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-12:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    #pm-control-13:checked ~ a {
    padding: 0px 14px 0px 7px;
    }

    /* Pages Container */
    .pm-nav-wrapper > ul li > div{
    width: 192px;
    margin-top: 100px;
    margin-left: 101px;
    }

    /* Intigrate Checked Input With Pages */
    #pm-control-1:checked ~ div {
    margin-top: -171px;
    }

    #pm-control-2:checked ~ div{
    margin-top: -190px;
    }

    #pm-control-3:checked ~ div {
    margin-top: -209px;
    }

    #pm-control-4:checked ~ div {
    margin-top: -228px;
    }

    #pm-control-5:checked ~ div {
    margin-top: -247px;
    }

    #pm-control-6:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-7:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-8:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-9:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-10:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-11:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-12:checked ~ div {
    margin-top: -266px;
    }

    #pm-control-13:checked ~ div {
    margin-top: -266px;
    }

    /* Description Text */
    .pm-nav-wrapper > p {
    margin: 0px 10px;
    font-size: 12px;
    }

    .pm-nav-wrapper h2{
    font-size: 25px;
    line-height: 40px;
    }

    .pm-nav-wrapper h4{
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    }

    .pm-nav-wrapper h5{
    font-size: 15px;
    }

    /* Portfolio Page */
    .pm-portfolio-page > div {
    width: 152px;
    margin: -4px;
    }

    .pm-portfolio-page > div img {
    width: 148px;
    }

    /* Skills Page */
    .pm-skill-page > div {
    width: 152px;
    }

    /* About Us Page */
    .pm-about-page > div {
    width: 152px;
    margin: -4px;
    }

    .pm-about-page > div img {
    width: 148px;
    }

    }
    ol {
    list-style:none;
    text-align:left;
    border:1px solid #cccccc;
    padding:10px;
    min-width:150px;
    max-width:960px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    }
    ol li {
    height:14px;
    border-bottom:1px solid #cccccc;
    overflow:hidden;
    }
    ol li ol {
    opacity:0;
    padding-left:10px;
    padding-right:10px;
    border:0px;
    max-width:100%;
    max-height:auto;
    overflow-y:visible;
    }
    .listTitle {
    font-size:26px;
    margin-top:8px;
    margin-left:12px;
    font-weight:normal;
    list-style:none;
    }
    .listItem {
    font-weight:bold;
    font-size:16px;
    background: yellow;
    }
    .listInfo {
    padding:6px;
    font-style:italic;
    height:100%;
    font-size:12px;
    border-bottom:1px solid #000;
    line-height:16px;
    }
    .treatmentTitle {
    padding:10px;
    font-weight:bold;
    font-size:24px;
    height:100%;
    }
    .treatmentInfo {
    padding-bottom:10px;
    font-weight:normal;
    font-size:16px;
    }
    .alignleft {
    float:left;
    text-align:left;
    width:60%;
    }
    .alignright {
    float:right;
    text-align:right;
    width:30%;
    }

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.