Results 1 to 3 of 3

Thread: Simple CSS for Quickpoll

  1. #1
    User
    Join Date
    10-15-10.
    Posts
    279

    Default Simple CSS for Quickpoll

    Simple styling for your quickpoll module. Gives you somewhat of a starting point to mess with it some more to your liking.
    Note: there is no background color set for the module (inherited) so you won't see the text against a white background XD
    Didn't change any of the class names so you should be able to just paste it into a file and throw it into your directory with the rest of your css documents. Attached are before and after pics of the results portion.

    div.mod_quickpoll
    {
    text-align:center;
    border:1px solid #ffffff;
    color:#fcfcfc;
    }
    div.mod_quickpoll div.title
    {
    margin-bottom:5px;
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
    border-bottom:1px solid #000000;
    font-weight:bold;
    font-size:22px;
    }
    div.mod_quickpoll div.formbody span
    {
    display:table-row;
    text-align:left;
    }
    div.mod_quickpoll div.formbody
    {
    margin-top:10px;
    }
    div.mod_quickpoll div.formbody span label,
    div.mod_quickpoll div.formbody span input
    {
    margin-top:5px;
    margin-left:5px;
    text-align:left;
    }
    div.mod_quickpoll div.description
    {
    padding-left:5px;
    text-align:left;
    font-weight:bold;
    }
    div.mod_quickpoll div.graph
    {
    margin-top:5px;
    text-align:center;
    }
    div.mod_quickpoll div.graph div.label
    {
    margin-top:8px;
    margin-bottom:3px;
    text-align:center;
    }
    div.mod_quickpoll div.graph div.results div
    {
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    background-color:#09ff00;
    font-weight:bold;
    font-size:18px;
    color:#1A3757;
    min-width: 30px;
    }
    div.mod_quickpoll div.totaltext
    {
    margin-top:10px;
    text-align:center;
    border-top:1px solid #000000;
    border-right:0px solid #000000;
    border-bottom:0px solid #000000;
    border-left:0px solid #000000;
    }
    div.mod_quickpoll div.stoptext
    {
    margin-top:5px;
    text-align:center;
    background-color:#ff0000;
    font-weight:bold;
    font-style:italic;
    }
    div.mod_quickpoll div.formbody div.submit_container
    {
    margin-top:10px;
    margin-bottom:15px;
    text-align:center;
    }
    div.mod_quickpoll div.formbody div.submit_container input.submit
    {
    width:80%;
    font-weight:bold;
    }

  2. #2
    Experienced user
    Join Date
    06-20-09.
    Posts
    1,311

    Default Re: Simple CSS for Quickpoll

    Good stuff mechaflash.
    How'd you go with the concept of entering this sort of thing into the extension repository?

  3. #3
    User
    Join Date
    10-15-10.
    Posts
    279

    Default Re: Simple CSS for Quickpoll

    eh... Leo slapped it down :cry:

    He said it's just like creating themes (which is somewhat true). I just figured it would be better for people who just want to custom-style a module and share it with people easily.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •