.wiki-content, .wiki-content p, .wiki-content table, .wiki-content tr, .wiki-content td, .wiki-content th, .wiki-content ol, .wiki-content ul, .wiki-content li {
   /*font-size: 12pt;*/
   font: 13.5px/23px Verdana, "Lucida Grande", Lucida, sans-serif;
   line-height: 16pt;
}

.wiki-content p {
   margin: 20px 0;
   padding: 0;
}

.wiki-content p {
   margin: 15px 0;
   padding: 0;
}

.wiki-content {
   /* font-family: Trebuchet MS, sans-serif; */
   font: 13.5px/23px Verdana, "Lucida Grande", Lucida, sans-serif;
}

#main {
   padding: 15px 30px;
}

.panelMacro, .panel {
   margin: 15px 0;
}

a:link, a:visited, a:active {
   text-decoration: underline;
}

#labels-section, #children-section, .page-metadata {
   display: none;
}

#splitter-sidebar {
   background-image: none;
   background-color: white;
}

#splitter-sidebar .plugin_pagetree li a, #splitter-sidebar .plugin_pagetree ul {
   /* font-size: 10pt; */
    font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
}

a:link, a:visited, a:focus, a:hover, a:active, #default-labels-header a.add, a.blogHeading, .more-comments a {
   color: #3358C0;
}

span.shortcut {
   border-radius: 5px;
   background-color: #EEE;
   padding: 1px 5px;
}

.wiki-content h3 {
   font-size: 170%;
   font-weight: normal;

   margin-top: 1em;
}

.wiki-content h4 {
  font-size: 120%;
  text-shadow: 1px 1px
  #FEFEFE;
  font-weight: normal;
}

/*
h1, h2, h3, h4, h5, h6, .wiki-content h1, .wiki-content h2, .wiki-content h3, .wiki-content h4, .wiki-content h5, .wiki-content h6, .pagetitle, #title-text, #title-text a, .steptitle, .substeptitle, .formtitle, a.blogHeading, .more-comments a, .label, label, th.confluenceTh, table.confluenceTable th.confluenceTh, table.admin th, .form-element-large, .form-element-small, #com-atlassian-confluence .mce_h1 span.mceText, #com-atlassian-confluence .mce_h2 span.mceText, #com-atlassian-confluence .mce_h3 span.mceText, #com-atlassian-confluence .mce_h4 span.mceText, #com-atlassian-confluence .mce_h5 span.mceText, #com-atlassian-confluence .mce_h6 span.mceText {
   color: #333;
}
*/

.wiki-content ul {
   list-style-type: square;
   padding-left: 20px;
}

.id {
   font-family: monospace;
}

Make sure your ssh-session to a remote host is open.
You will also need to open a local copy of a remote app you're going to work with.

Please note that RVM is not supported yet.

1. Configure a Remote Host Access

Go to

Settings - Deployment
and press
+
to add a new remote server access configuration:

Set up connection settings:

Switch to the

Mappings
tab and fill in a path to a remote app:

2. Choose a Remote SDK

Now you can choose a remote SDK for your local copy of an app. Go to

Settings - Ruby SDK and Gems
and press
Add SDK...
. Choose
New remote...
option:

Import your setting from a deployment server you've created:

Note you can use vagrant config to import a remote host settings as well.

Make sure remote Ruby interpreter path is correct:

Remote SDK is now configured:

3. Synchronize Your Changes

To make your changes synchronized automatically go to

Settings - Deployment - Options
and set
Upload changed files automatically to the default server
to
Always
:

Please note, you can synchronize your files and folders manually or change the settings any time from

Tools - Deployment
menu. To browse remote host folders and files with color highlighting for synchronized ones go to
Tools - Deployment - Browse Remote Host
:

4. Work with a Remote Application

Now all the changes will be synchronized with a remote app. You can also run and debug your application:

Note you should use the same port number that is used on a remote host for running the app on a localhost.