Help with Spry [subject edited by moderator]

Hi , I is not on the menu bar the " spry " any help?

I am assuming that you are looking for the Spry framework that used come with Dreamweaver CS6 and is no longer bundled with newer versions of DW.
Spry was dropped more than 3 years ago after never having passed the Pre-Release stage. If you want to continue using Spry, have a look here adobe/Spry · GitHub
If you want to progress to a more robust (future proof) framework, have a look at jQuery

Similar Messages

  • Placing Google Map with CS5 [subject edited by moderator]

    I have dreamweaver CS5 and want to know how to embed a google map image please. I have successfully placed a link to the map, but not the image of the map.

    Have you tried the Google instructions?
    Embed a map (new Google Maps) - Google Maps Help

  • Upload Adobe video to my site? {subject edited by moderator}

    Hello! How are? I've got question,please.I create my own site and I want to upload on a site the video from Adobe.com.For example : video about "Dreamweaver" captured by Adobe. Is it legally?

    Thank you very much. That's all right.
    Отправлено с iPhone
    23 ביול 2014, в 17:20, Preran <[email protected]> написал(а):
    Upload Adobe video to my site? {subject edited by moderator}
    created by Preran in Dreamweaver support forum - View the full discussion
    Thanks for simplifying this for everyone, Murray.
    Antimusic: While it is not possible to upload an Adobe video to your site, you can embed a video from http://tv.adobe.com using the embed code for the video. Is that what you were looking for?
    Thanks,
    Preran
    Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at https://forums.adobe.com/message/6576208#6576208
    Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page:
    To unsubscribe from this thread, please visit the message page at . In the Actions box on the right, click the Stop Email Notifications link.
    Start a new discussion in Dreamweaver support forum by email or at Adobe Community
    For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

  • Spacing menu links [subject edited by moderator]

    Starting from the basic initial setup, I am trying to move the sample Links so that they are underneath the title and side by side. Now they are almost all side by side, but the extra Links I added are dangling below the initial four Links. How do I space it properly? [content edited by moderator]
    Here's what I'm looking at. I'm trying to get them all side-by-side, and would also like to get it below "Guitar Site".

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <style type="text/css">
    body {
      font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
      background-color: #B4B3AF;
      margin: 0;
      padding: 0;
      color: #000;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
      padding: 0;
      margin: 0;
    h1, h2, h3, h4, h5, h6, p {
      margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
      padding-right: 15px;
      padding-left: 15px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
      background-color: #A2A0A0;
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
      border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
      color: #42413C;
      text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
      color: #6E6C64;
      text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
      text-decoration: none;
    /* ~~ This fixed width container surrounds all other blocks ~~ */
    .container {
      width: 960px;
      background-color: #A79E9F;
      margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
      font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
      color: #0A5BD8;
    /* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
    header {
      background-color: #ADB96E;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the block elements. The elements within these blocks have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the block itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the block element and place a second block element within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a block set to float right). Many times, padding can be used instead. For blocks where this rule must be broken, you should add a "display:inline" declaration to the block element's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar blocks could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the blocks around in the HTML source.
    .sidebar1 {
      float: right;
      width: 180px;
      background-color: #EADCAE;
      padding-bottom: 10px;
    .content {
      padding: 10px 0;
      width: 780px;
      float: right;
      color: #000000;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
      padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    nav ul{
      list-style: none; /* this removes the list marker */
      border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
      margin-bottom: 15px; /* this creates the space between the navigation on the content below */
    nav li {
      border-bottom: 1px solid #666; /* this creates the button separation */
    nav a, nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
      padding: 5px 5px 5px 15px;
      display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
      width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
      text-decoration: none;
      background-color: #C6D580;
    nav a:hover, nav a:active, nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
      background-color: #ADB96E;
      color: #FFF;
    /* ~~ The footer ~~ */
    footer {
      padding: 10px 0;
      background-color: #CCC49F;
      position: relative;/* this gives IE6 hasLayout to properly clear */
      clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
    /*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
    header, section, footer, aside, article, figure {
      display: block;
    h1,h2,h3,h4,h5,h6 {
      font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    h1 {
      font-size: 36mm;
      color: #FB1C20;
    </style><!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--></head>
    <body class="container">
    <div class="container">
      <h3>
        <header>
          <a href="#"><img src="../../Misc/PlayingGuitar.jpg" alt="Insert Logo Here" width="946" height="359" id="Insert_logo" style="background-color: #C6D580; display:block;" /></a>
        </header>
      </h3>
      <div class="body">
        <nav>
        <ul class="content">
          <li><span class="sidebar1"><a href="#">Lessons</a></span></li>
          <li><span class="sidebar1"><a href="#">Tips on Buying</a></span></li>
          <li><span class="sidebar1"><a href="#">Reviews</a></span></li>
          <li><span class="sidebar1"><a href="#">Community</a></span></li>
          <li><span class="sidebar1"><a href="#">About</a></span></li>
        </ul>
        </nav>
      <!-- end .body -->
      <span style="text-align: center"></span></div>
      <article class="content">
        <h1>Guitar Core</h1>
        <section>
         <h2>Headline 1</h2>
          <p> </p>
        </section>
        <section>
          <h2>Clearing Method</h2>
          <p> </p>
          <p>Because all the columns are floated, this layout uses a clear:both declaration in the footer rule.  This clearing technique forces the .container to understand where the columns end in order to show any borders or background colors you place on the .container. If your design requires you to remove the footer from the .container, you'll need to use a different clearing method. The most reliable will be to add a &lt;br class=&quot;clearfloat&quot; /&gt; or &lt;div  class=&quot;clearfloat&quot;&gt;&lt;/div&gt; after your final floated column (but before the .container closes). This will have the same clearing effect. </p>
        </section>
        <section>
          <h2>Logo Replacement</h2>
          <p>An image placeholder was used in this layout in the header where you'll likely want to place  a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
          <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
          <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
        </section>
        <section>
          <h2>Backgrounds</h2>
          <p>By nature, the background color on any block element will only show for the length of the content. This means if you're using a background color or border to create the look of a side column, it won't extend all the way to the footer but will stop when the content ends. If the .content block will always contain more content, you can place a border on the .content block to divide it from the column.</p>
        </section>
        <!-- end .content --></article>
      <footer>
        <p>This footer contains the declaration position:relative; to give Internet Explorer 6 hasLayout for the footer and cause it to clear correctly. If you're not required to support IE6, you may remove it.</p>
        <address>
          Address Content
        </address>
      </footer>
      <!-- end .container --></div>
    </body>
    </html>

  • Help with Spry Content Slideshow

    Hi,  I like the new widget browser and how easy it makes adding widgets in dreamweaver, Top marks to the developers.
    I have been having a play around with the spry content slideshow, with the possibility of using it on a small business website I am working on.  I have managed to alter the width and height of the widget and everything looks and works great.  I was however wondering how I would go about adding say a 250w x 80h logo above the banner on each slide, which would also require that the banner and story be lowered slightly.
    Thanks in advance for any help anyone can offer with this.

    I was just playing with Spry Content Slideshow earlier, and conveniently still have it open, so I'll give this one a shot, too. It looks like you've got two options embed a "logo bar" of some sort inside the the Slideshow, or (the easier method) wrap the Slideshow in another container. I just used a single banner image.
    I gave embedding a try and placed a <div class="logo"><img/></div> before the first article, but the JavaScript overrode this, and added a new article. Moving this construct inside the first article created a fairly nice banner, keeping the rounded corners at the top. The construct, however, will need to be added to each article. I didn't like that too much, but it's just a personal preference.
    The easy way (?) would be a wrapper, such as <div class="logo"><img /><div id="theSlideshow">...</div></div>, then style the ".logo" class as needed, maybe even copying portions of the style from ".WLBSlideShow" in "wanderlust-brown.css" for the rounded corners, and maybe giving ".logo" additional "padding-bottom" and ".WLBSlideShow" a negative "margin-top", to overlap the bottom of the logo area. Localized CSS modifications (placed after the linked CSS) might be something like the following?
    .logo { background-color: #491e16; width:700px; border: solid 1px #39312e; -webkit-border-radius: 7px; background-color: #491e16; -moz-box-shadow: 5px 5px 10px gray; -webkit-box-shadow: 5px 5px 10px gray; box-shadow: 5px 5px 10px gray; } .logo img { width:100%; height:100px; padding-bottom:40px; } .WLBSlideShow { margin-top:-60px; margin-left:-1px; } 
    If you'd like to see the first method, I can put that up, but the HTML is a bit repetitive.
    Hope this helps. If not you maybe someone!
    Richard

  • Help with spry tabbed menu bar

    Hi.
    I need help with the spry tabbed menu panel (horizontal) It
    works fine in dreamweaver ( pressing f12 ) but when i goto my
    website www.so-nouveau.com it puts it all over and not in boxes
    either just the writing.
    I ahve double checked all uploading is correct and files are
    located but it wont work.
    Here is what i did >
    new> html> 1 column elastic,centered. i have not
    changed any other settings at all. Do i need to change the doc type
    or css layout in the drop down menus before starting (doc
    type=xhtnl 1.0 transitional and layout css=add to head)
    I am still on cs3 , does this matter ? or is 4 easier ?
    any help out there guys is much appreciated but please bear
    in mind that i am not a web designer or pc expert at all , this is
    just me building my own site , until nowit has been an enjoyable
    experience but grrrrrr when it dont work
    Thanks
    Jay

    so-nouveau wrote:
    > Hi.
    > I need help with the spry tabbed menu panel (horizontal)
    It works fine in
    > dreamweaver ( pressing f12 ) but when i goto my website
    www.so-nouveau.com it
    > puts it all over and not in boxes either just the
    writing.
    Please post links directly to the page having an issue. I saw
    no tabs on the home page, but I noticed that there is a link on the
    bottom of the page to this page that has a Spry tab on it:
    http://www.so-nouveau.com/test%208.html
    > I ahve double checked all uploading is correct and files
    are located but it
    > wont work.
    That page refers to a Spry JavaScript file and a Spry CSS
    file, which should be at the following locations but are not
    present:
    http://www.so-nouveau.com/SpryAssets/SpryTabbedPanels.js
    http://www.so-nouveau.com/SpryAssets/SpryTabbedPanels.css
    Make sure you upload the SpryAssests folder and see where
    you're at after that.
    Danilo Celic
    |
    http://blog.extensioneering.com/
    | WebAssist Extensioneer
    | Adobe Community Expert

  • Help with Spry Menu Bar 2.0 customization

    I am having trouble converting my original Spry menu to version 2.0.
    On my website http://bucknellprimaryschool.org/ the 'old' menu system works just great but not in iPads (ie the sub menu does not pop out).
    I discovered hat Spry 2.0 does work but I cannot replicate the submenu of the original - I can get the menu to pop out but configuring the different colours for each button has me beat this time.  The original was modified using this piece of css to get the coloured rollover effect for the sub menus but I just cannot figure our how to replicate this.
    /**LINK CLASSES**/
    #rollover1 a.item1 {background: #BDDBEC; border-top-right-radius:15px; border-bottom-right-radius:15px; }
    #rollover1 li a.item1:hover,
    #rollover1 li a.item1:active,
    #rollover1 li a.item1:focus {background: white; }
    #rollover2 a.item2 {background: #B4DE8F; border-bottom-right-radius:15px; border-top-right-radius:15px; }
    #rollover2 a.item2:hover,
    #rollover2 a.item2:active,
    #rollover2 a.item2:focus {background: white;}
    #rollover3 a.item3 {background: #F8B084; border-bottom-right-radius:15px; border-top-right-radius:15px; }
    #rollover3 a.item3:hover,
    #rollover3 a.item3:active,
    #rollover3 a.item3:focus {background: white;}
    #rollover4 a.item4 {background: #CCCCCC; border-bottom-right-radius:15px; border-top-right-radius:15px;}
    #rollover4 a.item4:hover,
    #rollover4 a.item4:active,
    #rollover4 a.item4:focus {background: white;}
    #rollover5 a.item5 {background: #CC8BD2; border-bottom-right-radius:15px; border-top-right-radius:15px; }
    #rollover5 a.item5:hover,
    #rollover5 a.item5:active,
    #rollover5 a.item5:focus {background: white;}
    #rollover6 a.item6 {background: #FDD760; border-bottom-right-radius:15px; border-top-right-radius:15px; }
    #rollover6 a.item6:hover,
    #rollover6 a.item6:active,
    #rollover6 a.item6:focus {background: white;}
    #rollover7 a.item7 {background: #F2D0E9; border-bottom-right-radius:15px; border-top-right-radius:15px; }
    #rollover7 a.item7:hover,
    #rollover7 a.item7:active,
    #rollover7 a.item7:focus {background: white; }
    /**END ROLLOVER**/
    Can anyone please give me a steer?
    Thanks
    Graham

    I'm back again.  I actually managed to get the rollover effect to work by creating new classes in my css so I'm thinking of staying with Spry 2.0.  However I've found that using an image file for each of the top line menu items stops the menu popping out in my iPad.  If I revert to a coloured box it works just great.
    Can anyone please tell me how I can change the top level of the vertical menu so that I have a different colour for each item in much the same way as the old image version?
    http://bucknellprimaryschool.org/spry.html is my test file and I have (sort of) fudged the Home item with a coloured 'button'.
    Hope someone can step in to help me.
    Thanks
    Graham

  • Editing Wordpress child theme CSS [subject edited by moderator]

    Who can help me with style.css editing in wp child Fount theme? if I want to change all Menu in color purple transparenty?
    Here is a web site link - http://dienoscentrai.kaltanenai.eu . 
    Any ideas or info where I can check or find answers?
    Very thanks!

    /*2015-01-14 Vidas*/
    .sub-menu li a{
      color: #85A967!important;
    #menu_section, .sf-menu>li>a, .prk_gallery_title {
      color: #85A967!important;
    #menu_section .sf-menu a:hover::after{
      background-color: #85A967!important;
    .sub-menu li a{
      background-color: rgba(102, 51, 102, 0.90) !important;
    .sub-menu li a:hover{
      color: #85A967!important;
    .fount_collapsed_menu #menu_section .sf-menu>li.active>a{
      color: #B2CE9A!important;
    .menu_at_top #menu_section .sf-menu a:hover::after, .fount_forced_menu #menu_section .sf-menu a:hover::after, .fount_collapsed_menu #menu_section .sf-menu a:hover::after{
      background-color: #B2CE9A!important;
    .sf-menu>li.fount_hover_sub>a.sf-with-ul{
      color: #85A967!important;
    .fount_forced_menu #menu_section .sf-menu>li.active>a.sf-with-ul, .menu_at_top #menu_section .sub-menu li a:hover, .menu_at_top .fount_forced_menu #menu_section .sf-menu>li.fount_hover_sub>a.active.sf-with-ul:hover, .menu_at_top .fount_forced_menu #menu_section .sf-menu>li.fount_hover_sub>a.sf-with-ul:hover, .menu_at_top #menu_section .sf-menu>li.fount_hover_sub>a.active.sf-with-ul:hover, .menu_at_top #menu_section .sf-menu>li.fount_hover_sub>a.sf-with-ul:hover, .menu_at_top #menu_section .sf-menu>li.fount_hover_sub>a.active.sf-with-ul, .menu_at_top #menu_section .sf-menu>li.fount_hover_sub>a.sf-with-ul, .menu_at_top #menu_section .sf-menu>li>a:hover, .menu_at_top #menu_section .sf-menu>li.active>a, .fount_forced_menu #menu_section .sf-menu>li>a:hover, .fount_forced_menu #menu_section .sf-menu>li.active>a, .fount_collapsed_menu #menu_section .sf-menu>li>a:hover, .fount_collapsed_menu #menu_section .sf-menu>li.active>a{
      color: #85A967!important;

  • Help with Spry form and Validation

    We have a form with shipping and billing information. When
    you fill out the billing and select same as billing radio button.
    Then it fills out the shipping fields properly using focus to make
    sure the spry validation recognizes the input. Everything on the
    form appears to be valid in Firefox Windows and Mac and Safari but
    the submit button does not work. Before we started we go the
    shipping fields to populate with the billing data the form
    submitted fine.
    On IE 7 the 1st Zip code fields shows the error messages and
    then only some of the hints show up in the spry validate fields
    below. This is only on IE. When you populate the shipping section
    in IE with the radio button in fills in everything but that
    shipping zip again on IE only. You actually have to manually type
    in the zip.
    Is this IE bug related to the form not submitting in the
    other browsers?
    I don't understand why the form in all the other browsers
    appears to have all fields validate but will not submit.
    I bet between three of us we have 60 hours in the stupid form
    and 2/3rds of it is not billable.
    On the other hand we need to finish this today!!. We will all
    be around at about 3 on Sunday. I am happy to pay someone to look
    at this and help us get through this last step.
    I wish there was some debug tool we could use to see what is
    going on. I look at the debug.js file in 6 in the meantime. I can
    be reached at 610-256-2843 and best email is [email protected]
    Help!!
    You can see all the by going to
    http://vv.dss-demo.com/
    then add something to your cart and go to checkout. you will
    get the form.

    Florin,
    Thanks for the response. We were looking for a way to remove
    the hints but did not see anything in the documentation.
    But I am still having issues.
    A. Not sure how you are not seeing the text &quot;Zip is
    required.Invalid format.&quot; in the grey area next to zip
    code fields. It is there on IE 6 and 7 4 different users with
    different computers see it.
    B. As soon as I add you code you suggested and comment out
    what we had it throws and error in IE and the debug says it is at
    the 1st instance of your method sprytextfield20.removeHint();
    Object does not support method.
    C. A new problem we did not notice last night on all browsers
    is that the form now does not respect the spry validations. It
    submits no matter what. I am using this to submit the form.
    &lt;input name=&quot;submit&quot;
    id=&quot;submit&quot; type=&quot;image&quot;
    src=&quot;images/complete_checkout.png&quot;
    onclick=&quot;document.forms['checkout_signup'].action='&lt;@appfilepath&gt;checkout_sign up.taf?_function=signup';document.forms['checkout_signup'].submit();&quot;
    /&gt;. We for sure don't want. It seems to have occured once we
    added the document.forms['checkout_signup'].submit(); in the 1st
    place but that without that the form would not submit even when
    everything appeared to be validated. So was adding
    document.forms['checkout_signup'].submit(); =seems to have just
    covered up another issue that is keeping the form from submitting.
    I still would like to have someone really look at this form
    with me and pay them if I have to. But it really does not seem that
    the path we are talking really works.
    I am going to roll this back to where it was till I can get
    some help.
    my guess at this point
    Hints have to go because if we fill down with fields that
    have hints then the hints become the values and are submitted. And
    it also breaks the spry validation.
    I would hope that the way we are rebuilding the zip and state
    fields would be possible with spry. It sure looks like it works. My
    hope is it is not causing the submit to not work.
    Anyway I still need help from someone who would be willing to
    take the time ort has the time to look over the page and al lthe
    logic we are using and see if there is a better way to do this
    even. This form is ending up costing me more time in non billed
    hours then the job itself. Yipes!!!
    As far as the HTML tags I will look at that again there are a
    bunch of includes build some of this page but I do see the
    beginning &lt;html&gt; seems to have been lost and I put it
    back in.
    D. I realize there is a fault with this method in the 1st
    place since it replaces the hints with values even if the value is
    the hint. Any suggestion on how to deal with that? are these hints
    more trouble then they are worth when used as field names. Should
    we just redisgn and use the field names in the 1st place?

  • Once I have a domain name how do I get DW's files on the web? [subject edited by moderator]

    So here is the back story.
    I recently purchased a domain name from google domains.
    I then started to try and learn how to make a website in dreamweaver.
    What i need help with is not the building website part but after you have your website completed in dreamweaver how do you host it under the domain name you have purchased?

    If your arrangement with Google includes hosting, they will provide you with the information you will need to enter into the remote settings when you define your site in DW.
    If you secure hosting elsewhere, the provider will give you their server information for your site definition.

  • Help with Spry menu bar editing

    I posted this discussion topic, and have received loads of viewing but no comments:
    http://forums.adobe.com/message/4657643#4657643
    When I looked at the discussion just now, it was saying Read Only, but I don't understand why.   Can anyone help me the original query, or why the discussion has changed to RO.
    If you need more information, or I'm posting in the wrong place, perhaps someone could let me know.
    Thanks.

    Thanks, I understand GitHub a little better now.  I didn't link to the CSS and JS files on the Adobe Labs server so I'm glad to know my website will be ok.
    My site isn't live at the moment as I've taken it down whilst working on it.  However, my question was more about tring to understand how to do something' in principle'.
    I currently have around four templates and one individual screen.  When I add/remove/edit the Spry drop down menu, I currently go to each of the four templates + the screen and make the adjustments to each one.  It works fine, but is there a more efficient way of making changes so that I only have to do it once?
    The second question is linked to the first - having made the changes to the Spry menus, when I make the site live, the majority of users see the 'old' version of the website.  Am I doing something wrong, or is this just the way it works (presumably something to do with the pages being cached??)?    I advise them to use Refresh, but not all of them are happy with this especially as they have to do it for each page.
    Lulu

  • Need help modifying third-party "template" in DW! 3 questions [subject edited by moderator]

    This is re:398 nature template
    I'm using CC, if that matters.
    I'm amateur, please be kind If you will kindly reference the template, I will compensate with appreciation.
    Problem A.) I have tried for HOURS--cannot make this image fill the page (I plan to have a different background image on different pages). I read around and pasted in it's exact size, etc. It doesn't move and it's cut off top & bottom. Left & right are perfect. Here is where I am so far:
    <div class="image-section">
      <div class="image-container">
      <img src="images/cover_A.jpg" id="home-img" class="main-img inactive" alt="Home" height="2700" width="3946" >
      <img src="images/main_modified.jpg" id="about-img" class="inactive" alt="About">
      <img src="images/main_modified.jpg" id="news-img" class="inactive" alt="news">
      <img src="images/main_modified.jpg" id="excerpt-img" class="inactive" alt="excerpt">
      <img src="images/main_modified.jpg" id="purchase-img" class="inactive" alt="Contact">
      </div>
      </div>
    .image-section {
      position: fixed;
    .image-container {
      position: relative;
    max-height:2700px;
    max-width:3946px;
    padding: 100px 5px 2px;
    .image-container img {
      position:relative;
    height:2700px;
    width:3946px;
    padding: 100px 5px 2px;
    Problem B.) This somewhat transparent block..I need to move it. I can't figure out what it's called and Dreamweaver hardly lets me select it.
    <div class="row">
      <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-lg-offset-6 col-md-offset-6 templatemo-content-wrapper">
      <div class="templatemo-content">
    <section id="home-text" class="active templatemo-content-section">
    I'm not even sure if this applies to it:
    .templatemo-site-title a, .templatemo-site-title a:hover {
    color: #fff;
    text-decoration: none;
    font-family: raleway;
    font-weight: 500;
    font-size: 37pt;
    font-style: normal;
    img.slide {
      width: 100%;
      z-index: -9999999;
      position: absolute;
    .active {
      display: block;
    .inactive {
      left: 703px;
      display: none;
    Problem C.) Probably simple: I was able to get the menu horizontal (actually through this forum's help) how can I get it to center on the top of the page?
    .menu {
      position: fixed;
      width:auto;
      z-index: 1;
      top: 28px;
    #menu-list {
      background-color: rgba(0, 0, 0,0.5);
      font-size:18px;
      padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    #menu-list > li {
    float:left;
    #menu-list > li > a {
      font-family: 'Raleway', sans-serif;
      padding: 10px 50px 10px 50px;
      text-decoration: none;
      display: block;
      color: #fff;
    font-weight:bold;
    If this is totally messed up (possibly a great chance of this..), don't be shy to politely ask or see the template! I am desperate and will reply immediately. THANKS SO MUCH! The floating white square (I want to use it on some pages, but in a different place) and the image being cut off are particularly painful. I am sure I'll run into other things, but I have exhausted my time on the problems above and am stuck

    Hi! Oh I am so glad someone replied!
    Unfortunately, it's not on a server yet. I can paste the full code here, if that's ok.
    <!DOCTYPE html>
    <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
    <!--[if IE 7]>        <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
    <!--[if IE 8]>        <html class="no-js lt-ie9"> <![endif]-->
    <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
        <head>
            <meta charset="utf-8">
            <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
            <title>AdobeForumHelpPlaceholder</title>
            <meta name="keywords" content="" />
            <meta name="description" content="" />
    <!--
    Nature Template
    http://www.templatemo.com/preview/templatemo_398_nature
    -->
            <meta name="viewport" content="width=device-width">
            <!-- Google Web Font Embed -->
            <link href='http://fonts.googleapis.com/css?family=Raleway:400,600,500,300,700' rel='stylesheet' type='text/css'>
            <link rel="stylesheet" href="css/bootstrap.min.css">
            <link rel="stylesheet" href="css/templatemo_main.css">
        <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/raleway:n1,n5:default.js" type="text/javascript"></script>
    </head>
        <body>
            <div id="main-wrapper">
                <!--[if lt IE 7]>
                    <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a rel="nofollow" href="http://browsehappy.com">upgrade your browser</a> or <a rel="nofollow" href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
                <![endif]-->
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 affix text-center" style="z-index: 1;">
    <ul id="responsive" style="display:none" class="hidden-lg hidden-md"></ul><!-- /.responsive -->
                </div>
                <div class="menu visible-md visible-lg">
                    <ul id="menu-list">
                        <li class="active home-menu"><a href="#home">Home</a></li>
                        <li class="about-menu"><a href="#about">The Author</a></li>
                        <li class="news-menu"><a href="#news">News Release</a></li>
                        <li class="excerpt-menu"><a href="#excerpt">Excerpt</a></li>
                        <li class="purchase-menu"><a href="#purchase">Buy the Book!</a></li>
                    </ul>
                </div><!-- /.menu -->
                <div class="image-section">
                    <div class="image-container">
                      <img src="images/cover_A.jpg" id="home-img" class="main-img inactive" alt="Home" height="2700" width="3946" >
                        <img src="images/main_modified.jpg" id="about-img" class="inactive" alt="About">
                        <img src="images/main_modified.jpg" id="news-img"  class="inactive" alt="news">
                        <img src="images/main_modified.jpg" id="excerpt-img" class="inactive" alt="excerpt">
                        <img src="images/main_modified.jpg" id="purchase-img" class="inactive" alt="Contact">
                    </div>
                </div>
                      <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-lg-offset-6 col-md-offset-6 templatemo-content-wrapper">
                        <div class="templatemo-content">
    <section id="home-text" class="active templatemo-content-section">
                  <h1 class="text-center">Welcome</h1>
                  <div class="col-sm-12 col-md-12 col-lg-12">
    <p>Quisque non tempus lacus, non placerat arcu. Donec nibh ipsum, pharetra nec pellentesque at, mattis ut lorem. Fusce dapibus tristique neque, eget ultricies lorem tincidunt vitae. Aliquam erat volutpat. Integer vulputate ultricies nisl, sed vehicula justo accumsan non.</p>
              </div>
                          </section><!-- /.home-text -->
                            <section id="about-text" class="inactive">
                                <h2 class="text-center">About Us</h2>
                                <div class="col-sm-6 col-md-6">
                                    <p>Nullam sit amet enim vitae magna malesuada pharetra. Etiam sodales consequat purus non vulputate. Aliquam erat volutpat. Pellentesque rutrum, ligula vel fermentum imperdiet, lectus eros volutpat urna, id mollis dolor justo vulputate justo ut sit amet ante luctus metus.</p>
                                </div>
                                <div class="col-sm-6 col-md-6">
                                    <p>Vestibulum sodales nulla eu tortor condimentum venenatis. In tellus ipsum, ullamcorper vitae justo sit amet, mattis consequat tortor. Suspendisse risus urna, posuere id orci ut, facilisis accumsan ipsum. Sed vehicula lacinia porta. Vivamus faucibus dui nulla, a aliquet nunc porta in.</p>
                                </div>
                            </section><!-- /.about-text -->
                            <section id="news-text" class="inactive">
                                <h2 class="text-center">News Release</h2>
                                <div class="col-sm-4 col-md-4">
                                    <h3>Web Design</h3>
                                    <p>Integer posuere quam a orci tempor, ut eleifend est vulputate. Nullam vitae lectus dui. Donec vulputate ac tortor id convallis. Sed nisi mauris, laoreet vitae lacus at, viverra viverra neque. Curabitur nec aliquam lacus.</p>
                                </div>
                                <div class="col-sm-4 col-md-4">
                                    <h3>Mobile Ready</h3>
                                    <p>This is a <a href="#">mobile website template</a> that can be viewed in mobile phones. Maecenas aliquam vitae urna sit amet elementum. Cras consequat libero nisi, vel condimentum nibh eleifend ut. Donec consequat arcu id diam viverra.</p>
                                </div>
                                <div class="col-sm-4 col-md-4">
                                    <h3>Pixel Perfect</h3>
                                    <p>Vestibulum sodales nulla eu tortor condimentum venenatis. In tellus ipsum, ullamcorper vitae justo sit amet, mattis consequat tortor. Suspendisse risus urna, posuere id orci ut, facilisis accumsan ipsum. Sed vehicula lacinia porta.</p>
                                </div>
                            </section><!-- /.news-text -->
                            <section id="excerpt-text" class="inactive">
                                <div class="col-sm-12 col-md-12">
                                    <h2>Excerpt</h2>
                                    <p>Aenean quis semper metus. Maecenas adipiscing, leo a facilisis tempor, mi quam feugiat eros, ullamcorper porttitor elit turpis ac risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Suspendisse non sem a leo mattis dapibus. Duis vel ornare arcu. Quisque at malesuada tortor.</p>
                                    <p>Quisque non tempus lacus, non placerat arcu. Donec nibh ipsum, pharetra nec pellentesque at, mattis ut lorem. Fusce dapibus tristique neque, eget ultricies lorem tincidunt vitae. Aliquam erat volutpat. Integer vulputate ultricies nisl, sed vehicula justo accumsan non.</p>
                                </div>
                            </section><!-- /.excerpt-text -->
                            <section id="purchase-text" class="inactive">
                                <div class="col-sm-12 col-md-12">
                                    <div class="row">
                                        <div class="col-sm-12 col-md-12"><h2>Contact</h2></div>
                                        <div class="clearfix"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6 col-md-6">
                                            <div id="map-canvas"></div>
                                            <p>120 Aenean quis semper. Maecenas adipiscing, facilisis tempor, mi quam feugiat 10450</p>
                                        </div>
                                        <div class="col-sm-6 col-md-6">
                                            <form action="#" method="post">
                                                    <div class="form-group">
                                                        <!--<label for="contact_name">Name:</label>-->
                                                        <input type="text" id="contact_name" class="form-control" placeholder="Name" />
                                                    </div>
                                                    <div class="form-group">
                                                        <!--<label for="contact_email">Email:</label>-->
                                                        <input type="text" id="contact_email" class="form-control" placeholder="Email Address" />
                                                    </div>
                                                    <div class="form-group">
                                                        <!--<label for="contact_message">Message:</label>-->
                                                        <textarea id="contact_message" class="form-control" rows="9" placeholder="Write a message"></textarea>
                                                    </div>
                                                    <button type="submit" class="btn btn-primary">Send</button>
                                            </form>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </section><!-- /.purchase-text -->
                      </div><!-- /.templatemo-content -->
                    </div><!-- /.templatemo-content-wrapper -->
                </div>
    <!-- /.row -->
                <div class="row">
                    <div class="image-container">
                      <p class="footer-text">Copyright &copy; 2015</p>
                    </div><!-- /.footer -->
                </div>
        </div><!-- /#main-wrapper -->
            <div id="preloader">
                <div id="status"> </div>
            </div><!-- /#preloader -->
            <script src="js/jquery.min.js"></script>
            <script src="js/jquery.backstretch.min.js"></script>
            <script src="js/templatemo_script.js"></script>
            <!-- templatemo 398 nature -->
        </body>
    </html>      
    Nature Template
    http://www.templatemo.com/preview/templatemo_398_nature
    body, html { overflow-x: hidden; }
    body {
        font-size: 1em;
        line-height: 1.4;
        font-family: 'Raleway', sans-serif;
        font-style: normal;
        -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
        -webkit-text-size-adjust: 100%;
    h1, h2, h3, h4, h5, h6, span, p { font-family: 'Raleway', sans-serif; }
    hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #ccc;
        margin: 1em 0;
        padding: 0;
    img {
        vertical-align: middle;
    /* Preloader */
    #preloader {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff; /* change if the mask should have another color then white */
        z-index: 99; /* makes sure it stays on top */
    #status {
        width: 200px;
        height: 200px;
        position: absolute;
        left: 50%; /* centers the loading animation horizontally one the screen */
        top: 50%; /* centers the loading animation vertically one the screen */
        background-image: url(../images/status.gif); /* path to your loading animation */
        background-repeat: no-repeat;
        background-position: center;
        margin: -100px 0 0 -100px; /* is width and height divided by two */
    /* General */
    #main-wrapper {
        overflow: hidden;
    .templatemo-site-title {
        color: #fff !important;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-size: 48px;
    .templatemo-site-title a, .templatemo-site-title a:hover {
        color: #fff;
        text-decoration: none;
        font-family: raleway;
        font-weight: 500;
        font-size: 37pt;
        font-style: normal;
    img.slide {
        width: 100%;
        z-index: -9999999;
        position: absolute;
    .active {
        display: block;
    .inactive {
        left: 703px;
        display: none;
    .image-section {
        position: fixed;
    .image-container {
        position: relative;
        max-height:2700px;
        max-width:3946px;
        padding: 100px 5px 2px;
    .image-container img {
        position:relative;
        height:2700px;
        width:3946px;
        padding: 100px 5px 2px;
    .templatemo-content {
        position: static;
        overflow: hidden;
        margin-top: 36%;
    .templatemo-content section {
        font-family: 'Raleway', sans-serif;
        position: relative;
        overflow: hidden;
        top: 0;
        background-color: rgba(255,255,255,0.75);
        padding-bottom: 20px;
    .templatemo-content-wrapper {
        overflow: hidden;
    .templatemo-content h2 {
        color: #000;
        font-family: 'Raleway', sans-serif;
    .templatemo-content p {
        font-family: 'Raleway', sans-serif;
        color: #000;
        font-size: 16px;
    .menu {
        position: fixed;
        width:auto;
        z-index: 1;
        top: 28px;
    #menu-list {
        background-color: rgba(0, 0, 0,0.5);
        font-size:18px;
        padding: 0;
        float: left;
        list-style: none;
        width: 100%;
    #menu-list > li {
        float:left;
    #menu-list > li > a {
        font-family: 'Raleway', sans-serif;
        padding: 10px 50px 10px 50px;
        text-decoration: none;
        display: block;
        color: #fff;
        font-weight:bold;
    #menu-list > .active > a,
    #menu-list > li > a:hover {
        background-color: rgba(255,255,255,0.25);
    #responsive {
        font-size: 16px;
        padding: 0;
        background-color: rgba(0,0,0,0.5);
    #responsive li {
        display: block;
    #responsive li a {
        font-family: 'Raleway', sans-serif;
        color: #fff;
        text-decoration: none;
        padding: 10px 0;
        display: block;
    #responsive > .active > a,
    #responsive li a:hover {
        background-color: rgba(0,0,0,0.5);
    #map-canvas {
        height: 256px;
        margin-bottom: 10px;
    .templatemo-content {
        padding-bottom: 6%;
    .footer {
        overflow: hidden;
        position: fixed;
        bottom: 10px;
    .footer-text {
        font-family: 'Raleway', sans-serif;
        color: #fff;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        margin-left: 30px;
        font-size: 14px;
    .footer-text a, .footer-text a:hover {
        color: #fff;
        text-decoration: none;
    #menu-list .about-menu a {
    @media (max-width: 992px) {
        .footer {
            overflow:hidden;
            position:static;
            text-align: center;
        .footer-text {
            margin-left: 0;
    bootstrap
    * Bootstrap v3.1.1 (http://getbootstrap.com)
    * Copyright 2011-2014 Twitter, Inc.
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
    /*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}bod y{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,s ummary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:basel ine}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{backgroun d:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0 ;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}sv g:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}cod e,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select, textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-tr ansform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor: pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0; padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:borde r-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit- outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-siz ing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]:: -webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appeara nce:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{bor der-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important; box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:av oid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}s elect{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000! important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:bor der-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing :border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-famil y:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;backgro und-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-hei ght:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decora tion:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.i mg-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%; height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.428571 43;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50% }hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidde n;clip:rect(0,0,0,0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inheri t;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#999}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;marg in-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4 ,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal }.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.t ext-justify{text-align:justify}.text-muted{color:#999}.text-primary{color:#428bca}a.text-p rimary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c} .text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.tex t-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534 }.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071 a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-in fo{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{backgroun d-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f 2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40 px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-lef t:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px ;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font -weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellip sis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#999}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border -right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-styl e:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Couri er New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius :4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;colo r:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:tran sparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{marg in-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-lef t:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col -xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col -sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col -md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col -lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col -xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-x s-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;p adding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.c ol-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-x s-11{width:92.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width: 66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667% }.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{w idth:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:92.66666667%}.col-xs-pul l-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs -pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col -xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}. col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-p ush-11{left:92.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs -push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs -push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs -push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-of fset-12{margin-left:100%}.col-xs-offset-11{margin-left:92.66666667%}.col-xs-offset-10{marg in-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.6666 6667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-o ffset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset- 3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8 .33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,. col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col- sm-11{width:92.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width :66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667 %}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{ width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:92.66666667%}.col-sm-pu ll-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-s m-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.co l-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%} .col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm- push-11{left:92.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-s m-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-s m-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-s m-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-o ffset-12{margin-left:100%}.col-sm-offset-11{margin-left:92.66666667%}.col-sm-offset-10{mar gin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.666 66667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm- offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset -3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left: 8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,. col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col- md-11{width:92.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width :66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667 %}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{ width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:92.66666667%}.col-md-pu ll-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-m d-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.co l-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%} .col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md- push-11{left:92.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-m d-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-m d-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-m d-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-o ffset-12{margin-left:100%}.col-md-offset-11{margin-left:92.66666667%}.col-md-offset-10{mar gin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.666 66667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md- offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset -3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left: 8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7, .col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col -lg-11{width:92.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{widt h:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.6666666 7%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1 {width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:92.66666667%}.col-lg-p ull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col- lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.c ol-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667% }.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg -push-11{left:92.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col- lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col- lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col- lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg- offset-12{margin-left:100%}.col-lg-offset-11{margin-left:92.66666667%}.col-lg-offset-10{ma rgin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66 666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg -offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offse t-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left :8.33333333%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transpa rent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbo dy>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{paddi ng:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.tabl e>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgro up+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table> tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.t able-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.tabl e-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border :1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.tab le-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background -color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-co lor:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,. table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody> tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td ,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoo t>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover >tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.acti ve:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success ,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>t foot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.s uccess>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th {background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th. success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>t h{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr >td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>th ead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.ta ble>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>t r>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.t able-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.tab le>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody> tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warnin g>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.tab le>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.ta ble-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tb ody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr >td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,. table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot> tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th {background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.d anger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{ba ckground-color:#ebcccc}@media (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overf low-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-res ponsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>t foot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.tabl e-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{borde r:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bor dered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.t able-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered> tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-l eft:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bo rdered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.ta ble-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tb ody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right :0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-borde red>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table -responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;mar gin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;fo nt-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:700}input[type=search]{- webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=r adio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;widt h:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=radio]: focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-si ze:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34 px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-im age:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:- ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form- control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{he ight:auto}input[type=search]{-webkit-appearance:none}input[type=date]{line-height:34px}.fo rm-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;margin-top:10px ;margin-bottom:10px;padding-left:20px}.radio label,.checkbox label{display:inline;font-weight:400;cursor:pointer}.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margi n-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bo ttom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.c heckbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=radio][disabled], input[type=checkbox][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled ],.checkbox-inline[disabled],fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-he ight:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg{height:46px;pa dding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-h eight:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position: relative}.has-feedback .form-control{padding-right:42.5px}.has-feedback .form-control-feedback{position:absolute;top:25px;right:0;display:block;width:34px;height :34px;line-height:34px;text-align:center}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-succe ss .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warni ng .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.form-control-static{margin-bottom:0}.help-block{dis play:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align :middle}.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{float:none;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-control-static{padding-top:7px}@media (min-width:768px){.form-horizontal .control-label{text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-we ight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;bord er:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-mo z-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn .active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decora tion:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit- box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color :#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.bt n-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[dis abled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disa bled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[di sabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[d isabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca; border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primar y.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.bt n-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[dis abled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disa bled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[di sabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[d isabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb8 5c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-suc cess.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.bt n-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[dis abled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disa bled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[di sabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[d isabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de; border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.op en .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-i nfo:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fi eldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad 4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-war ning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.bt n-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[dis abled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disa bled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[di sabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[d isabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534 f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger. active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn -danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabl ed],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disable d] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disab led] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disa bled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor :pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link, .btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover, .btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn- link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding :5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding: 1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%; padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}input[type=submit].btn -block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{opacity:0 ;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{p osition:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons -halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregu lar) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyp hicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antiali ased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon -plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{ content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content :"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"} .glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphico n-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empt y:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{con tent:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e01 1"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{con

  • Problems with Italian version of Dreamweaver [subject edited by moderator]

    The italian version of this software doesn't match with the configurations in the tutorials and it's impossible to follow the procedure to learn how to use it!! I've spent more than two hours just to put the "split working area" in vertical with no results. No way to open the same tools. And then, where are the assets files to download??? I think it could be a wonderful idea give us something easier to learn, simply having giving us the right correspondence between the software (open for the first time after the download) and the video tutorials…please, in this condition I cannot work and so how can I do?
    Ciao
    Paolo

    Dear Murray,
    unfortunately I can't go on with this program…it's impossible without the CSS file showed on the tutorial…I've also tried to find something on the web and I've tried to install Adobe Widget Browser but it doesn't work!
    So I've lost a lot of hours and I'm very frustrated and disappointed…and then the Dreamweaver CC version I've downloaded from Creative Cloud is different from the one in the tutorials, so I can follow all the indications without stop and start searching somewhere the things…
    In this condition it's impossible to learn how to use this software…it's an incredible waste of time…and paying for that!!
    Il giorno 01/mar/2015, alle ore 20:17, paolo <[email protected]> ha scritto:
    I'm using just CC…
    Il giorno 01/mar/2015, alle ore 16:46, MurraySummers <[email protected]> ha scritto:
    >>
    >> Problems with Italian version of Dreamweaver
    >> created by MurraySummers in Dreamweaver support forum - View the full discussion
    >> Different language versions of the same version of DW are the same. What I mean by that is that no matter which REGIONALIZED version you are using, the interface should be the same. So even though you say you are using DW CC, is it CC2014, or CC2014.1, or just CC that you are using? (you can tell by looking under HELP > About Dreamweaver)
    >>
    >> 
    >> On this page - How to make and style a web page in Dreamweaver | Adobe Dreamweaver CC tutorials - there is a link to download the sample files right under the "Browse Dreamweaver CC Tutorials".
    >>
    >> If the reply above answers your question, please take a moment to mark this answer as correct by visiting: https://forums.adobe.com/message/7240860#7240860 and clicking ‘Correct’ below the answer
    >> Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page:
    >> Please note that the Adobe Forums do not accept email attachments. If you want to embed an image in your message please visit the thread in the forum and click the camera icon: https://forums.adobe.com/message/7240860#7240860
    >> To unsubscribe from this thread, please visit the message page at , click "Following" at the top right, & "Stop Following"       
    >> Start a new discussion in Dreamweaver support forum by email or at Adobe Community
    >> For more information about maintaining your forum email notifications please go to https://forums.adobe.com/thread/1516624.
    >

  • Spry options in CC2014? [subject edited by moderator]

    Where is the drop menus (spry assets) in Dreamweaver CC 2014,please?  there is no any option in  "insert" ---> e t c.

    Spry was removed from Dreamweaver because it was just outdated. You have many other options for making drop menus, however. If you are willing to consider a commercial menu extension for DW, you could not do better than "PopMenuMagic" from http://www.projectseven.com. If you want a free option then Google this phrase "jquery drop menu" - there are many choices there.

  • Embedding youtube video with CS4? {subject edited by moderator}

    I am trying to embed a youtube video using Dreamweaver cs4, but it seems to be missing a plugin. I have a flash on my laptop (pc). How do I get this to work to where it will show because all I keep seeing is a white or grey box when I embed the code. I've seen many videos of people doing it and theirs worked just fine, but mine will not load.

    Hello,
    in addition to Ken's hint, firstly, a general remark, please use a file type that the most of the users can view.
    What concerns embed a video, please have a look there (and other examples of w3schools.com) HTML YouTube Video
    I f you prefer to learn by video, see here:
    http://www.youtube.com/watch?v=0ypkjILSxUA
    http://www.youtube.com/watch?v=00-6oCYslGA
    Good luck!
    Hans-Günter

Maybe you are looking for

  • Printer selection to print Z report

    I have one classical report, At selection screen I want to have two Radio Button. Based on redia Button selection report should print to A3 or A4 page. What printer setting I need to do, what coding need to be done. Please reply

  • Invalid column Index error - While consuming Calculation view via Native SQL

    Hi Experts, I am trying to consume a Calculation view (sql script one) , which has input parameters, via Native SQL in a ABAP program . Code snippet for the same would be as follows , Upon execution, it throws an error "Invalid Column Index (8) error

  • External Hard Drive/Time Machine Questions

    The hard drive on my four-year-old-plus MacBook Pro is apparently failing, and I can't afford a new MacBook Pro yet. So I bought an external hard drive, hoping to clone my hard drive and run my computer off the external hard drive if the main drive c

  • Bought a media streamer, don't think its mac compatible

    Hello, not sure where to drop this post, but I'm gonna give it a shot over here yesterday I bought a mediastreamer, nothing fancy, just something which I hoped did the trick. It's this one: http://www.grabngocollection.com/site/desktopdefault.aspx?ta

  • Tranlation of text 'Export nach Excel' for ALV in WD ABAP

    Hi, I've created a WD that uses an ALV component. The problem I have is related to standar ALV texts. There are several buttons in the ALV header but just one is important in this case. The one is 'Export nach Excel'. I execute the WD for Spanish lan