Rounded corners on text frames in FrameMaker...

First, thank you.
Does anybody know if there is a way to put "rounded corners" on text frames?
Thank you!!!!!!!!!!!!

Other than with the graphic tools, FM doesn't cleanly support RRs, such as for tables, text frames, or frame generally. Some other WP/DTP apps do.
In a prior career I had to use drawn or imported RRs in-frame during a fleeting period when the enterprise styleguide demanded it. It was replaced by rectangles shortly thereafter, but they also switched to pallid pastels and an illegible core font, just to sustain the pain.
I predict that by the time FM gets comprehensive RR capability, the art directors of the world will have decided that the corners really need to be hyperbolic arcs, with drop shadows, central radial gradients and a subtly throbbing glow.

Similar Messages

  • Rounded Corners for Spry menu bar

    Can I use css to style spry menus to make rounded corners?
    Tried inserting a background image into the menu cell in css but
    didn't work. Found tutorials to make rounded corners on text boxes
    but nothing specific to spry menus.
    Also can I make the drop down menu drop "up" rather than
    down?
    Thanks!
    Stacey

    Excellent, Massimo! Nice to see you here again.... 8)
    Happy Christmas to you over there in chocolate land.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Massimo Foti" <[email protected]> wrote in
    message
    news:gi5rie$puf$[email protected]..
    > Spry's Menu Bar is a pretty good widget, but it ships
    with a somewhat lame
    > CSS. You can download a set of skins that mimic Office
    2003 look and
    > feel:
    >
    http://www.massimocorner.com/spry/menubar/
    >
    > I hope it will inspire people to share more skins
    >
    >
    > --
    > ----------------------------
    > Massimo Foti, web-programmer for hire
    > Tools for ColdFusion, JavaScript and Dreamweaver:
    >
    http://www.massimocorner.com
    > ----------------------------
    >
    >
    >
    >

  • How can I simply create a text frame with perfect rounded ends?

    I'm recreating a new edition of a book that was originally created in Quark. It uses round-ended text frames. When using the simplest method of corner options, the ends aren't proper semicircles, even though the radius is set to half the height of the frame.
    The other problem is that I can't reduce the width sufficiently to make it look balanced. I use the direct selection tool to close in the right-hand end, so that I don't distort the shape. There's no right indent for the paragraph, but as I reduce the width the text breaks into two lines, even though I've greater space after the text than the left indent. My best solution was to create the shape in Illustrator and copy and paste into InDesign, assign text content, centre thte text vertically, use 3mm left indent. I still couldn't pull the right-hand end in tight enough. So I had to resort to making a group of the lozenge shape with a normal rectangular text frame on top.
    Does anyone know why these problems occur, and can Adobe improve the corner option?

    One last refinement: It's convenient if the script allows you to Undo/Redo its actions -- let me add that for completeness' sake. The following is the complete script again, no further editing required.
    //DESCRIPTION:Overlay round corners on a single textframe
    // A Jongware Script 2-Apr-2012
    app.doScript(function(textframe){
    if (textframe instanceof Group && textframe.pageItems.length == 2)
    roundedRect = app.selection[0].polygons[0];
    textframe = app.selection[0].textFrames[0];
    textframe.properties = {strokeWeight:roundedRect.strokeWeight,strokeTint:roundedRect.strokeTint,strokeColor:roundedRect.strokeColor};
    roundedRect.remove();
    app.selection[0].ungroup();
    left = textframe.geometricBounds[1];
    right = textframe.geometricBounds[3];
    height = textframe.geometricBounds[2] - textframe.geometricBounds[0];
    center = (textframe.geometricBounds[2] + textframe.geometricBounds[0])/2;
    radius = height/2;
    leftRounded = textframe.parent.ovals.add({geometricBounds:[center-radius,left-radius,center+radius,left+radius]});
    riteRounded = textframe.parent.ovals.add({geometricBounds:[center-radius,right-radius,center+radius,right+radius]});
    rectBetween = textframe.parent.rectangles.add({geometricBounds:[center-radius,left,center+radius,right]});
    roundedRect = rectBetween.addPath([leftRounded,riteRounded]);
    roundedRect.properties = {strokeWeight:textframe.strokeWeight,strokeTint:textframe.strokeTint,strokeColor:textframe.strokeColor};
    textframe.properties = {strokeWeight:0};
    app.select(textframe.parent.groups.add([roundedRect,textframe]));
    }, ScriptLanguage.JAVASCRIPT, app.selection[0], UndoModes.ENTIRE_SCRIPT, "Overlay Round Corners");

  • Add effects (rounded corners) to an embedded HTML video frame?

    Is possible to add effects (rounded corners) to an embedded HTML video frame?

    Yes, you can.. however it isn't that simple. Take a look at this thread:
    http://stackoverflow.com/questions/7811719/adding-border-radius-for-embedded-youtube-video
    -Julia

  • Adding a frame border to rounded corners photo

    New to PS..running current ver of 11.x... I found the rounded corners tutorial and that helps alot...but I have a number of photos on a website that I would like to also add a "border" to.
    sample image corner here:  http://members.cox.net/trinaz/roundercorner.gif
    This is a clip up the upper right corner.  The tutorial will let me round my photo corners as needed...but is there another function that will give the rounded photos a thin "chrome-like" border like in the gif link ?
    Thanks, Tim

    Just add a stroke using Layer Styles. Select the layer containing the frame border, go to the fx icon at the bottom of the Layers panel and choose Stroke. After that, select Bevel & Emboss from the same dialog and select Stroke Emboss from the Style dropdown

  • Feature Suggestions - Editable Rounded Corners, Text Columns....

    Hi there, I think the new features in PS CS6 are awesome, I've been playing with it all day, however there are a few things I think are missing:
    Editable rounded corners.
    I should be able to edit the radius of my rounded corners, after I have drawn my rectangle, same as in illustrator.
    Text columns.
    It would be awesome to be able to creat text columns similar to illustrator and indesign, this would make laying out text in my web designs much much easier!!!!
    Column guides.
    There should be a tool which lets you set the width of your layout and tell it how many columns you want and what spacing you want to use and it generate the guides for you, similar to the guide guide plugin for cs4. This again would really help when It comes to starting up a new design!
    Apart from that, massive improvements, well done Adobe.
    Not sure on the dark interface tho, reminds me of Microsofts feeble atempt at a design program.......*shudder*!!!!!!

    Yea I know, was just saying what it reminded me of, I think people are starting to use dark themes to 'rebel' against the norm but just because it is different doesn't necessarily mean it's good, I'll give it a go for a while tho, see if I can get used to it.

  • Show size of rounded corners in Appearance palette

    Hi,
    I often use the Rounded Corners effect on objects, and I think it would be useful to see the size of the rounded corners in the Appearance palette. That is, it would be nice to see it automatically, without having to click on "Round Corners" to open up the Round Corners dialog box. The strokes tool shows the width of the stroke in the Appearance palette, so why not Rounded Corners?
    Thanks!

    I first tried it in a text frame. Now when I do a 'paste into' in an image frame it seems to work, but now I have an extra frame in my workflow
    Table => text frame => image frame with rounded corners => text frame
    Ideal would be:
    Table => text frame with rounded corners => text frame
    But I am starting to believe that this is not possible in InDesign (since it moves the table in the frame)
    Now I will try to figure out if my Excel links will still survive in InCopy with the image frame option.

  • Text alignment inside custom text frame

    I created a custom text frame by combining a triangle and a rectangle using Pathfinder->Add but when I added text, this is how it looked --  but I wanted it to look this way.

    Ketchapay2 wrote:
    Thanks! I'll try that now. UPDATE: When I applied rounded corners, it also rounded the pointer which is supposed to be sharp.
    Well, that used to work, I think.
    In any case, I just tried something else and it seems to work. Make the round corner text frame and the the triangle as you did before. Put the triangle BEHIND the text frame and make the shape. There is however, another potential problem to this technique -- the text will want to flow into the triangle area. I don't think this is escapable without either putting the text into a seond rectangular frame in front, or adding an empty frame in the triangular area and applying text wrap to push the text back into line.
    Peter

  • Table with rounded corners in CS5?

    I am dealing with an issue, I need a table with 2 rounded top-corners. The top row is a shade of black (and needs the 2 rounded corners.
    Here is what I do:
    I make my table with a regular straight angled top-row in it's own text-frame. Then adjust the frame to the table (cmd-alt-c). Select the arrow selection tool, cut the text-frame with the table. Then create a new text-frame with 2 rounded top corners. Then past the table into this new frame.
    What now happens is that the table does not snap to the 0 point of the new frame, but it insets on the left side. When I make it align right it does it the other way around. Plus the part of the top-frame with the shade of black does not cut of on the rounded part of the frame.
    I know another option is to create a text-frame with the rounded corners on exactly the size I need it in the table, and then paste this into the top frame of the table (making sure the inset is 0). But I would like to use this as a last resort.
    We have a preference for the first option I wrote about, since we are linking Excel files and then creating InCopy content. (If a table is not placed in a seperate text frame and then linked to the floating text, InDesign loses the link to the Excel.)
    Is this at all possible? From this site it seems it is ( http://www.justskins.com/forums/table-with-rounded-corners-117551.html )

    I first tried it in a text frame. Now when I do a 'paste into' in an image frame it seems to work, but now I have an extra frame in my workflow
    Table => text frame => image frame with rounded corners => text frame
    Ideal would be:
    Table => text frame with rounded corners => text frame
    But I am starting to believe that this is not possible in InDesign (since it moves the table in the frame)
    Now I will try to figure out if my Excel links will still survive in InCopy with the image frame option.

  • Round corners missing

    I'm part way through a problem that may yet be resolved by re-RIPping a PDF. But I thought I'd raise it anyway in case
    there's an explanation.
    I have placed images behind round cornered text frames and applied the round corners to the images at the point where
    they coincide with the corners of the frames (that is, two corners rounded, two corners square) by placing a round
    cornered image in a frame and then cropping the frame on one side to cut the corners square.
    That has worked without problems. But in one frame I only wanted one corner of each image to be rounded, and there
    wasn't enough spare on each image to crop the frames. So, using the pen tool I added a node either side of each rounded
    corner I wanted to square off, then dragged the nodes to coincide with the real corner node, and it squared the corners OK.
    So I have images which have been set to have rounded corners, but three of the corners have been edited back to squared
    off. The fourth, rounded, corner then coincides with the rounded corner of a text frame above.
    This all looks fine on the PDF. But on the RIPped proof, the rounded corner has gone, and I'm seeing an "ear" of the
    squared-off picture behind the rounded text frame. Both pictures appear like this.
    I'm suspicious that it's only the images that I have doctored the corners on that do this. But the PDF looks OK.
    I've re-made the PDF and I'm waiting for a new proof. But I wondered whether anyone can suggest an explanation - if
    indeed it's anything more than a glitch on the RIP or at proofing.
    It's gone through an Apogee workflow, by the way.
    k

    You could save yourself a whole lot of grief, I think, if you selectively rounded just the corners you choose using the corner effects sample script.
    If you need different rounding on different corners (as I used to do for one client) you can select the frame path and add a node either side of the corner, then delete the corner node itself and drag the control handles of your new nodes along the vertical or horizontal axis to make pretty much any curve at all.
    Peter

  • Round Corners on Added Shapes

    cs5.5 does not correctly round corners on shapes that have been built with pathfinder. when will this be fixed?
    i just updated a cs4 job to cs5.5 and all the text boxes that were fine in the first case are now unusable in the second.

    This is a major complaint about the new Live Corner effects in CS5. Apparently, in order to accomplish the "live" part, it is no longer possible using corner effects to do a true semicircular side on a frame. You can still create these shapes using the pen tool or Pathfinder, though.

  • [Solved] How to force enable rounded corners in a theme on GNOME 3.16

    Hello
    I just recently started using arch (and I regret why didnt I use it earlier -.-, such a great OS). I put up Gnome 13.16.2 as my desktop environment particularly because I like its interface (rounded corners, the ui etc. Kinda reminds me of my fav mobile OS MIUI).
    And I can see that most of the themes (almost all that I have installed infact) like to remove rounded corners and give a flat rectangle. Is there some way to force rounded corners by editing the theme? I did had a look at gnome-shell.css of theme and the "panel" portion of it didnt had any such part (or atleast I couldn't find it). Some help would be appreciated, really want those rounded corners as well as the theme.
    Here's the gnome-shell.css from that theme btw:
    /* Copyright 2009, 2015 Red Hat, Inc.
    * Portions adapted from Mx's data/style/default.css
    * Copyright 2009 Intel Corporation
    * This program is free software; you can redistribute it and/or modify it
    * under the terms and conditions of the GNU Lesser General Public License,
    * version 2.1, as published by the Free Software Foundation.
    * This program is distributed in the hope it will be useful, but WITHOUT ANY
    * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
    * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
    * more details.
    * You should have received a copy of the GNU Lesser General Public License
    * along with this program; if not, write to the Free Software Foundation,
    * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
    stage {
    font-family: Cantarell, Sans-Serif;
    font-size: 9pt;
    color: #5c616c; }
    .button, .notification-banner .notification-button,
    .notification-banner:hover .notification-button,
    .notification-banner:focus .notification-button {
    min-height: 20px;
    padding: 5px 32px;
    transition-duration: 0;
    border-radius: 2px;
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #5c616c;
    background-color: #fcfdfd;
    border: 1px solid #cfd6e6; }
    .button:focus, .notification-banner .notification-button:focus {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #5c616c;
    background-color: #fcfdfd;
    border: 1px solid #5294E2; }
    .button:hover, .notification-banner .notification-button:hover {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #5c616c;
    background-color: #fcfdfd;
    border: 1px solid #5294E2; }
    .button:hover:focus, .notification-banner .notification-button:hover:focus {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #5294E2;
    background-color: #fcfdfd;
    border: 1px solid #5294E2; }
    .button:active, .notification-banner .notification-button:active, .button:active:focus, .notification-banner .notification-button:active:focus {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #ffffff;
    background-color: #5294E2;
    border: 1px solid #5294E2; }
    .button:insensitive, .notification-banner .notification-button:insensitive {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: rgba(92, 97, 108, 0.55);
    border: 1px solid rgba(207, 214, 230, 0.55);
    background-color: rgba(252, 253, 253, 0.55); }
    StEntry {
    padding: 7px;
    caret-size: 1px;
    selection-background-color: #5294E2;
    selected-color: #ffffff;
    transition-duration: 300ms;
    border-radius: 20px;
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #5c616c;
    background-color: #ffffff;
    border: 1px solid #cfd6e6; }
    StEntry:focus, StEntry:hover {
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #5c616c;
    background-color: #ffffff;
    border: 1px solid #5294E2; }
    StEntry:insensitive {
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: rgba(92, 97, 108, 0.55);
    background-color: #fcfcfd;
    border-color: 1px solid #e1e6ef; }
    StEntry StIcon.capslock-warning {
    icon-size: 16px;
    warning-color: #F27835;
    padding: 0 4px; }
    StScrollView.vfade {
    -st-vfade-offset: 0px; }
    StScrollView.hfade {
    -st-hfade-offset: 0px; }
    StScrollBar {
    padding: 8px; }
    StScrollView StScrollBar {
    min-width: 5px;
    min-height: 5px; }
    StScrollBar StBin#trough {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 8px; }
    StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
    border-radius: 4px;
    background-color: #babcc1;
    border: 0px solid;
    margin: 0px; }
    StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
    background-color: #c9ccd0; }
    StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
    background-color: #5294E2; }
    .slider {
    -slider-height: 4px;
    -slider-background-color: #cfd6e6;
    -slider-border-color: transparent;
    -slider-active-background-color: #5294E2;
    -slider-active-border-color: transparent;
    -slider-border-width: 0;
    -slider-handle-radius: 4px;
    height: 18px;
    border: 0 solid transparent;
    border-right-width: 1px;
    border-left-width: 5px;
    color: transparent; }
    .check-box StBoxLayout {
    spacing: .8em; }
    .check-box StBin {
    width: 16px;
    height: 16px;
    background-image: url("checkbox/checkbox-unchecked.svg"); }
    .check-box:focus StBin {
    background-image: url("checkbox/checkbox-unchecked-focused.svg"); }
    .check-box:checked StBin {
    background-image: url("checkbox/checkbox-checked.svg"); }
    .check-box:focus:checked StBin {
    background-image: url("checkbox/checkbox-checked-focused.svg"); }
    .toggle-switch {
    width: 52px;
    height: 24px;
    background-size: contain; }
    .toggle-switch-us, .toggle-switch-intl {
    background-image: url("switch/switch-off.svg"); }
    .toggle-switch-us:checked, .toggle-switch-intl:checked {
    background-image: url("switch/switch-on.svg"); }
    .shell-link {
    color: #2679db; }
    .shell-link:hover {
    color: #5294e2; }
    .headline {
    font-size: 110%; }
    .lightbox {
    background-color: black; }
    .flashspot {
    background-color: white; }
    .modal-dialog {
    border-radius: 3px;
    color: #5c616c;
    background-color: rgba(249, 250, 251, 0);
    border: none;
    border-image: url("misc/modal.svg") 10 10 10 10;
    padding: 0 6px 6px 6px; }
    .modal-dialog > * {
    padding: 14px; }
    .modal-dialog-button-box {
    spacing: 0px;
    margin: 0px;
    padding: 12px 24px;
    background-color: #3c4049;
    border: solid 0px rgba(0, 0, 0, 0.3);
    border-top: 1px;
    border-radius: 0px 0px 1px 1px; }
    .modal-dialog-button-box .button, .modal-dialog-button-box .notification-banner .notification-button, .notification-banner .modal-dialog-button-box .notification-button {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #c4c7cc;
    outline-color: rgba(168, 173, 181, 0.3);
    border-color: rgba(168, 173, 181, 0.3);
    background-color: rgba(48, 52, 59, 0.95); }
    .modal-dialog-button-box .button:hover, .modal-dialog-button-box .notification-banner .notification-button:hover, .notification-banner .modal-dialog-button-box .notification-button:hover {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #ffffff;
    border-color: #5294E2;
    background-color: rgba(48, 52, 59, 0.95); }
    .modal-dialog-button-box .button:focus, .modal-dialog-button-box .notification-banner .notification-button:focus, .notification-banner .modal-dialog-button-box .notification-button:focus {
    color: #5294E2; }
    .modal-dialog-button-box .button:active, .modal-dialog-button-box .notification-banner .notification-button:active, .notification-banner .modal-dialog-button-box .notification-button:active {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #ffffff;
    border-color: #5294E2;
    background-color: #5294E2; }
    .modal-dialog-button-box .button:insensitive, .modal-dialog-button-box .notification-banner .notification-button:insensitive, .notification-banner .modal-dialog-button-box .notification-button:insensitive {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #5c6069;
    border-color: rgba(168, 173, 181, 0.2);
    background-image: rgba(53, 57, 65, 0.95); }
    .modal-dialog .run-dialog-entry {
    width: 23em; }
    .modal-dialog .run-dialog-error-box {
    padding-top: 5px;
    spacing: 5px; }
    .modal-dialog .run-dialog-label {
    font-size: 10pt;
    font-weight: normal;
    color: #5c616c;
    padding-bottom: .8em; }
    .show-processes-dialog-subject,
    .mount-question-dialog-subject,
    .end-session-dialog-subject {
    font-size: 11pt;
    font-weight: bold;
    color: #5c616c; }
    .end-session-dialog {
    spacing: 42px; }
    .end-session-dialog-list {
    padding-top: 20px; }
    .end-session-dialog-layout {
    padding-left: 17px; }
    .end-session-dialog-layout:rtl {
    padding-right: 17px; }
    .end-session-dialog-description {
    width: 28em;
    padding-bottom: 10px; }
    .end-session-dialog-description:rtl {
    text-align: right; }
    .end-session-dialog-warning {
    width: 28em;
    color: #F27835;
    padding-top: 6px; }
    .end-session-dialog-warning:rtl {
    text-align: right; }
    .end-session-dialog-logout-icon {
    border: 0px solid transparent;
    border-radius: 2px;
    width: 48px;
    height: 48px;
    background-size: contain; }
    .end-session-dialog-shutdown-icon {
    color: #5c616c;
    width: 48px;
    height: 48px; }
    .end-session-dialog-inhibitor-layout {
    spacing: 16px;
    max-height: 200px;
    padding-right: 10px;
    padding-left: 10px; }
    .end-session-dialog-session-list, .end-session-dialog-app-list {
    spacing: 1em; }
    .end-session-dialog-list-header {
    font-weight: bold; }
    .end-session-dialog-list-header:rtl {
    text-align: right; }
    .end-session-dialog-app-list-item, .end-session-dialog-session-list-item {
    spacing: 1em; }
    .end-session-dialog-app-list-item-name, .end-session-dialog-session-list-item-name {
    font-weight: bold; }
    .end-session-dialog-app-list-item-description {
    color: #686d7a;
    font-size: 8pt; }
    .end-session-dialog .button:last-child, .end-session-dialog .notification-banner .notification-button:last-child, .notification-banner .end-session-dialog .notification-button:last-child {
    color: #ffffff;
    background-color: #FA4349;
    border-color: #FA4349; }
    .end-session-dialog .button:last-child:hover, .end-session-dialog .notification-banner .notification-button:last-child:hover, .notification-banner .end-session-dialog .notification-button:last-child:hover {
    color: #ffffff;
    background-color: #fb7074;
    border-color: #fb7074; }
    .end-session-dialog .button:last-child:active, .end-session-dialog .notification-banner .notification-button:last-child:active, .notification-banner .end-session-dialog .notification-button:last-child:active {
    color: #ffffff;
    background-color: #f92a31;
    border-color: #f92a31; }
    .shell-mount-operation-icon {
    icon-size: 48px; }
    .show-processes-dialog,
    .mount-question-dialog {
    spacing: 24px; }
    .show-processes-dialog-subject,
    .mount-question-dialog-subject {
    padding-top: 10px;
    padding-left: 17px;
    padding-bottom: 6px; }
    .show-processes-dialog-subject:rtl,
    .mount-question-dialog-subject:rtl {
    padding-left: 0px;
    padding-right: 17px; }
    .mount-question-dialog-subject {
    max-width: 500px; }
    .show-processes-dialog-description,
    .mount-question-dialog-description {
    padding-left: 17px;
    width: 28em; }
    .show-processes-dialog-description:rtl,
    .mount-question-dialog-description:rtl {
    padding-right: 17px; }
    .show-processes-dialog-app-list {
    font-size: 10pt;
    max-height: 200px;
    padding-top: 24px;
    padding-left: 49px;
    padding-right: 32px; }
    .show-processes-dialog-app-list:rtl {
    padding-right: 49px;
    padding-left: 32px; }
    .show-processes-dialog-app-list-item {
    color: #454850; }
    .show-processes-dialog-app-list-item:hover {
    color: #5c616c; }
    .show-processes-dialog-app-list-item:ltr {
    padding-right: 1em; }
    .show-processes-dialog-app-list-item:rtl {
    padding-left: 1em; }
    .show-processes-dialog-app-list-item-icon:ltr {
    padding-right: 17px; }
    .show-processes-dialog-app-list-item-icon:rtl {
    padding-left: 17px; }
    .show-processes-dialog-app-list-item-name {
    font-size: 10pt; }
    .prompt-dialog {
    width: 500px; }
    .prompt-dialog-main-layout {
    spacing: 24px;
    padding: 10px; }
    .prompt-dialog-message-layout {
    spacing: 16px; }
    .prompt-dialog-headline {
    font-size: 12pt;
    font-weight: bold;
    color: #5c616c; }
    .prompt-dialog-descritption:rtl {
    text-align: right; }
    .prompt-dialog-password-box {
    spacing: 1em;
    padding-bottom: 1em; }
    .prompt-dialog-error-label {
    font-size: 9pt;
    color: #FC4138;
    padding-bottom: 8px; }
    .prompt-dialog-info-label {
    font-size: 9pt;
    padding-bottom: 8px; }
    .prompt-dialog-null-label {
    font-size: 9pt;
    padding-bottom: 8px; }
    .hidden {
    color: transparent; }
    .polkit-dialog-user-layout {
    padding-left: 10px;
    spacing: 10px; }
    .polkit-dialog-user-layout:rtl {
    padding-left: 0px;
    padding-right: 10px; }
    .polkit-dialog-user-root-label {
    color: #F27835; }
    .polkit-dialog-user-user-icon {
    border-radius: 2px;
    background-size: contain;
    width: 48px;
    height: 48px; }
    .network-dialog-secret-table {
    spacing-rows: 15px;
    spacing-columns: 1em; }
    .keyring-dialog-control-table {
    spacing-rows: 15px;
    spacing-columns: 1em; }
    .popup-menu {
    min-width: 200px;
    color: #5c616c;
    border-image: url("menu/menu.svg") 10 10 35 14; }
    .popup-menu .popup-sub-menu {
    background: none;
    box-shadow: none;
    border-image: url("menu/submenu.svg") 8 8 2 2; }
    .popup-menu .popup-menu-content {
    padding: 1em 0em 1em 0em; }
    .popup-menu .popup-menu-item {
    spacing: 12px; }
    .popup-menu .popup-menu-item:ltr {
    padding: .4em 3em .4em 0em; }
    .popup-menu .popup-menu-item:rtl {
    padding: .4em 0em .4em 3em; }
    .popup-menu .popup-menu-item:checked {
    background: none;
    box-shadow: none;
    font-weight: normal;
    border-image: url("menu/submenu-open.svg") 8 8 2 2; }
    .popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected {
    color: #5c616c;
    background-color: transparent;
    border-image: url("menu/menu-hover.svg") 7 7 1 1; }
    .popup-menu .popup-menu-item:insensitive {
    color: rgba(92, 97, 108, 0.5);
    background: none; }
    .popup-menu .popup-inactive-menu-item {
    color: #5c616c; }
    .popup-menu .popup-inactive-menu-item:insensitive {
    color: rgba(92, 97, 108, 0.55); }
    .popup-menu.panel-menu {
    -boxpointer-gap: 0px;
    margin-bottom: 1.75em; }
    .popup-menu-ornament {
    text-align: right;
    margin-left: 10px;
    width: 16px; }
    .popup-menu-boxpointer {
    -arrow-border-radius: 2px;
    -arrow-background-color: transparent;
    -arrow-border-width: 1px;
    -arrow-border-color: transparent;
    -arrow-base: 0;
    -arrow-rise: 0; }
    .candidate-popup-boxpointer {
    -arrow-border-radius: 2px;
    -arrow-background-color: rgba(37, 39, 45, 0.95);
    -arrow-border-width: 1px;
    -arrow-border-color: rgba(21, 22, 25, 0.95);
    -arrow-base: 5;
    -arrow-rise: 5; }
    .popup-separator-menu-item {
    height: 2px;
    margin: 10px 0px;
    background-color: transparent;
    border: none;
    border-image: url("menu/menu-separator.svg") 1 1 1 1; }
    .background-menu {
    -boxpointer-gap: 4px;
    -arrow-rise: 0px; }
    .osd-window {
    text-align: center;
    font-weight: bold;
    spacing: 1em;
    padding: 20px;
    margin: 32px;
    min-width: 64px;
    min-height: 64px;
    color: #ffffff;
    background: none;
    border: none;
    border-radius: 5px;
    border-image: url("misc/osd.svg") 10 10 9 11; }
    .osd-window .osd-monitor-label {
    font-size: 3em; }
    .osd-window .level {
    padding: 0;
    height: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    color: #5294E2; }
    .resize-popup {
    color: #A8ADB5;
    background: none;
    border: none;
    border-radius: 5px;
    border-image: url("misc/osd.svg") 10 10 9 11;
    padding: 12px; }
    .switcher-popup {
    padding: 8px;
    spacing: 16px; }
    .switcher-list {
    background: none;
    border: none;
    border-image: url("misc/bg.svg") 10 10 35 14;
    border-radius: 3px;
    padding: 20px; }
    .switcher-list-item-container {
    spacing: 8px; }
    .switcher-list .item-box {
    padding: 8px;
    border-radius: 2px; }
    .switcher-list .item-box:outlined {
    padding: 6px;
    border: 1px solid #5294E2; }
    .switcher-list .item-box:selected {
    color: #ffffff;
    background-color: #5294E2;
    border: 1px solid #5294E2; }
    .switcher-list .thumbnail-box {
    padding: 2px;
    spacing: 4px; }
    .switcher-list .thumbnail {
    width: 256px; }
    .switcher-list .separator {
    width: 1px;
    background: rgba(92, 97, 108, 0.33); }
    .switcher-arrow {
    border-color: transparent;
    color: #A8ADB5; }
    .switcher-arrow:highlighted {
    color: #ffffff; }
    .input-source-switcher-symbol {
    font-size: 34pt;
    width: 96px;
    height: 96px; }
    .workspace-switcher {
    background: transparent;
    border: 0px;
    border-radius: 0px;
    padding: 0px;
    spacing: 8px; }
    .workspace-switcher-group {
    padding: 12px; }
    .workspace-switcher-container {
    border-image: url("misc/bg.svg") 10 10 35 14;
    border-radius: 3px;
    padding: 20px;
    padding-bottom: 24px; }
    .ws-switcher-active-up, .ws-switcher-active-down {
    height: 30px;
    background-color: #5294E2;
    background-size: 96px;
    border-radius: 2px;
    border: 1px solid #5294E2; }
    .ws-switcher-active-up {
    background-image: url("misc/ws-switch-arrow-up.png"); }
    .ws-switcher-active-down {
    background-image: url("misc/ws-switch-arrow-down.png"); }
    .ws-switcher-box {
    height: 96px;
    background-color: rgba(0, 0, 0, 0.33);
    border-color: rgba(0, 0, 0, 0.33);
    border-radius: 2px; }
    .tile-preview {
    background-color: rgba(82, 148, 226, 0.35);
    border: 1px solid #5294E2; }
    .tile-preview-left.on-primary {
    border-radius: 0px 0 0 0; }
    .tile-preview-right.on-primary {
    border-radius: 0 0px 0 0; }
    .tile-preview-left.tile-preview-right.on-primary {
    border-radius: 0px 0px 0 0; }
    #panel {
    background-color: rgba(37, 39, 45, 0.95);
    border-color: rgba(16, 17, 20, 0.95);
    border-bottom-width: 1px;
    font-weight: bold;
    height: 2.1em;
    min-height: 26px; }
    #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
    background-color: transparent;
    border-image: none; }
    #panel:overview {
    background-color: rgba(14, 15, 17, 0.8); }
    #panel #panelLeft, #panel #panelCenter {
    spacing: 8px; }
    #panel .panel-corner {
    -panel-corner-radius: 0px;
    -panel-corner-background-color: transparent;
    -panel-corner-border-width: 0px;
    -panel-corner-border-color: black; }
    #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
    -panel-corner-border-color: black; }
    #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-cornerunlock-screen {
    -panel-corner-radius: 0;
    -panel-corner-background-color: transparent;
    -panel-corner-border-color: transparent; }
    #panel .panel-button {
    -natural-hpadding: 12px;
    -minimum-hpadding: 6px;
    font-weight: bold;
    color: #ffffff;
    transition-duration: 100ms; }
    #panel .panel-button .app-menu-icon {
    width: 0;
    height: 0;
    margin-left: 4px;
    margin-right: 4px; }
    #panel .panel-button:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.17); }
    #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
    color: #ffffff;
    background-color: #5294E2;
    box-shadow: none; }
    #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon {
    icon-shadow: none; }
    #panel .panel-button .system-status-icon {
    icon-size: 16px;
    padding: 0 8px; }
    .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button {
    color: #737a88; }
    .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active {
    color: #737a88; }
    #panel .panel-status-indicators-box,
    #panel .panel-status-menu-box {
    spacing: 2px; }
    #panel .screencast-indicator {
    color: red; }
    #panelActivities > *,
    #panelActivities:hover > *,
    #panelActivities:focus > *,
    #panelActivities:active > *,
    #panelActivities:overview > *,
    #panel:overview #panelActivities.panel-button:active > *,
    #panel:overview #panelActivities.panel-button:focus > * {
    background-image: url("misc/activities.svg");
    background-position: center top;
    width: 24px;
    height: 24px;
    background-color: transparent !important;
    background-gradient-direction: none !important;
    border: 0 solid transparent !important;
    text-shadow: 0 0 transparent !important;
    transition-duration: 0ms !important;
    box-shadow: none !important;
    color: transparent; }
    .system-switch-user-submenu-icon {
    icon-size: 24px;
    border: 1px solid rgba(92, 97, 108, 0.4); }
    #appMenu {
    spinner-image: url("misc/process-working.svg");
    spacing: 4px; }
    #appMenu .label-shadow {
    color: transparent; }
    .aggregate-menu {
    width: 360px; }
    .aggregate-menu .popup-menu-icon {
    padding: 0 4px; }
    .system-menu-action {
    padding: 13px;
    color: #5c616c;
    border-radius: 32px;
    /* wish we could do 50% */
    border: 1px solid transparent; }
    .system-menu-action:hover, .system-menu-action:focus {
    transition-duration: 100ms;
    padding: 13px;
    color: #5c616c;
    background-color: transparent;
    border: 1px solid #5294E2; }
    .system-menu-action:active {
    color: #ffffff;
    background-color: #5294E2;
    border: 1px solid #5294E2; }
    .system-menu-action > StIcon {
    icon-size: 16px; }
    #calendarArea {
    padding: 0.75em 1.0em; }
    .calendar {
    margin-bottom: 1em; }
    .calendar,
    .datemenu-today-button,
    .datemenu-displays-box,
    .message-list-sections {
    margin: 0 1.5em; }
    .datemenu-calendar-column {
    spacing: 0.5em; }
    .datemenu-displays-section {
    padding-bottom: 3em; }
    .datemenu-today-button,
    .world-clocks-button,
    .message-list-section-title {
    border-radius: 3px;
    padding: .4em; }
    .message-list-section-list:ltr {
    padding-left: .4em; }
    .message-list-section-list:rtl {
    padding-right: .4em; }
    .datemenu-today-button,
    .world-clocks-button,
    .message-list-section-title {
    padding: 7px 10px 7px 10px;
    border: 1px solid rgba(255, 255, 255, 0); }
    .datemenu-today-button:hover, .datemenu-today-button:focus,
    .world-clocks-button:hover,
    .world-clocks-button:focus,
    .message-list-section-title:hover,
    .message-list-section-title:focus {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #5c616c;
    background-color: #fcfdfd;
    border: 1px solid #5294E2; }
    .datemenu-today-button:active,
    .world-clocks-button:active,
    .message-list-section-title:active {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #ffffff;
    background-color: #5294E2;
    border: 1px solid #5294E2; }
    .datemenu-today-button .date-label {
    font-size: 1.5em; }
    .world-clocks-header,
    .message-list-section-title {
    color: rgba(92, 97, 108, 0.4);
    font-weight: bold; }
    .world-clocks-button:active .world-clocks-header {
    color: #ffffff; }
    .world-clocks-grid {
    spacing-rows: 0.4em; }
    .calendar-month-label {
    color: #5c616c;
    font-weight: bold;
    padding: 8px 0; }
    .pager-button {
    color: transparent;
    background-color: transparent;
    width: 32px;
    border-radius: 2px; }
    .pager-button:focus, .pager-button:hover, .pager-button:active {
    background-color: transparent; }
    .calendar-change-month-back {
    background-image: url("misc/calendar-arrow-left.svg"); }
    .calendar-change-month-back:focus, .calendar-change-month-back:hover {
    background-image: url("misc/calendar-arrow-left-hover.svg"); }
    .calendar-change-month-back:active {
    background-image: url("misc/calendar-arrow-left.svg"); }
    .calendar-change-month-back:rtl {
    background-image: url("misc/calendar-arrow-right.svg"); }
    .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover {
    background-image: url("misc/calendar-arrow-right-hover.svg"); }
    .calendar-change-month-back:rtl:active {
    background-image: url("misc/calendar-arrow-right.svg"); }
    .calendar-change-month-forward {
    background-image: url("misc/calendar-arrow-right.svg"); }
    .calendar-change-month-forward:focus, .calendar-change-month-forward:hover {
    background-image: url("misc/calendar-arrow-right-hover.svg"); }
    .calendar-change-month-forward:active {
    background-image: url("misc/calendar-arrow-right.svg"); }
    .calendar-change-month-forward:rtl {
    background-image: url("misc/calendar-arrow-left.svg"); }
    .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover {
    background-image: url("misc/calendar-arrow-left-hover.svg"); }
    .calendar-change-month-forward:rtl:active {
    background-image: url("misc/calendar-arrow-left.svg"); }
    .calendar-day-base {
    font-size: 80%;
    text-align: center;
    width: 25px;
    height: 25px;
    padding: 0.1em;
    margin: 2px;
    border-radius: 12.5px; }
    .calendar-day-base:hover, .calendar-day-base:focus {
    background-color: rgba(0, 0, 0, 0.1); }
    .calendar-day-base:active {
    color: #5c616c;
    background-color: rgba(0, 0, 0, 0.15);
    border-width: 0; }
    .calendar-day-base.calendar-day-heading {
    color: rgba(92, 97, 108, 0.85);
    margin-top: 1em;
    font-size: 70%; }
    .calendar-day {
    border-width: 0;
    color: rgba(92, 97, 108, 0.8); }
    .calendar-day-top {
    border-top-width: 0; }
    .calendar-day-left {
    border-left-width: 0; }
    .calendar-nonwork-day {
    color: #5c616c;
    font-weight: bold; }
    .calendar-today,
    .calendar-today:active,
    .calendar-today:focus,
    .calendar-today:hover {
    font-weight: bold;
    color: #ffffff;
    background-color: #5294E2;
    border-width: 0; }
    .calendar-day-with-events {
    color: #5294E2;
    font-weight: bold; }
    .calendar-today.calendar-day-with-events {
    color: #ffffff; }
    .calendar-other-month-day {
    color: rgba(92, 97, 108, 0.3);
    opacity: 1; }
    .message-list {
    width: 420px; }
    .message-list-sections {
    spacing: 1.5em; }
    .message-list-section,
    .message-list-section-list {
    spacing: 0.7em; }
    .message-list-section-title-box {
    spacing: 0.4em; }
    .message-list-section-close > StIcon {
    icon-size: 16px;
    border-radius: 8px;
    color: #ffffff;
    background-color: rgba(92, 97, 108, 0.5); }
    .message-list-section-close:hover > StIcon,
    .message-list-section-close:focus > StIcon {
    color: #ffffff;
    background-color: #5c616c; }
    .message-list-section-close:active > StIcon {
    color: #ffffff;
    background-color: #5294E2; }
    .message {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #5c616c;
    background-color: #fcfdfd;
    border: 1px solid #cfd6e6;
    padding: 4px; }
    .message:hover, .message:focus {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #5c616c;
    background-color: #fcfdfd;
    border: 1px solid #5294E2; }
    .message:active {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #ffffff;
    background-color: #5294E2;
    border: 1px solid #5294E2; }
    .message-icon-bin {
    padding: 8px 0px 8px 8px; }
    .message-icon-bin:rtl {
    padding: 8px 8px 8px 0px; }
    .message-icon-bin > StIcon {
    icon-size: 48px; }
    .message-secondary-bin {
    color: rgba(92, 97, 108, 0.4); }
    .message-secondary-bin > StIcon {
    icon-size: 16px; }
    .message-title {
    font-weight: bold;
    padding: 2px 0 2px 0; }
    .message-content {
    padding: 8px; }
    .ripple-box {
    width: 52px;
    height: 52px;
    background-image: url("misc/corner-ripple-ltr.svg");
    background-size: contain; }
    .ripple-box:rtl {
    background-image: url("misc/corner-ripple-rtl.svg"); }
    .popup-menu-arrow {
    width: 16px;
    height: 16px; }
    .popup-menu-icon {
    icon-size: 16px; }
    .window-close {
    background-image: url("misc/close.svg");
    background-size: 26px;
    height: 26px;
    width: 26px; }
    .window-close:hover {
    background-image: url("misc/close-hover.svg");
    background-size: 26px;
    height: 26px;
    width: 26px; }
    .window-close:active {
    background-image: url("misc/close-active.svg");
    background-size: 26px;
    height: 26px;
    width: 26px; }
    .window-close {
    -shell-close-overlap: 11px; }
    .nm-dialog {
    max-height: 500px;
    min-height: 450px;
    min-width: 470px; }
    .nm-dialog-content {
    spacing: 20px; }
    .nm-dialog-header-hbox {
    spacing: 10px; }
    .nm-dialog-airplane-box {
    spacing: 12px; }
    .nm-dialog-airplane-headline {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center; }
    .nm-dialog-airplane-text {
    color: #5c616c; }
    .nm-dialog-header-icon {
    icon-size: 32px; }
    .nm-dialog-scroll-view {
    border: 1px solid #dde3e9;
    border-radius: 2px;
    background-color: #ffffff; }
    .nm-dialog-header {
    font-weight: bold;
    font-size: 1.2em; }
    .nm-dialog-item {
    font-size: 1em;
    border-bottom: 0px solid;
    padding: 12px;
    spacing: 0px; }
    .nm-dialog-item:selected {
    background-color: #5294E2;
    color: #ffffff; }
    .nm-dialog-icons {
    spacing: .5em; }
    .nm-dialog-icon {
    icon-size: 16px; }
    .no-networks-label {
    color: rgba(92, 97, 108, 0.55); }
    .no-networks-box {
    spacing: 12px; }
    #overview {
    spacing: 24px; }
    .overview-controls {
    padding-bottom: 32px; }
    .window-picker {
    -horizontal-spacing: 32px;
    -vertical-spacing: 32px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 48px; }
    .window-picker.external-monitor {
    padding: 32px; }
    .window-clone-border {
    border: 3px solid rgba(82, 148, 226, 0.8);
    border-radius: 4px;
    box-shadow: inset 0px 0px 0px 1px rgba(82, 148, 226, 0); }
    .window-caption, .window-caption:hover {
    spacing: 25px;
    color: #A8ADB5;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 2px;
    padding: 4px 12px;
    -shell-caption-spacing: 12px; }
    .search-entry {
    width: 320px;
    padding: 7px 9px;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    background-color: rgba(255, 255, 255, 0.9); }
    .search-entry:focus {
    padding: 7px 9px; }
    .search-entry .search-entry-icon {
    icon-size: 16px;
    padding: 0 4px;
    color: #5c616c; }
    .search-entry:hover, .search-entry:focus {
    color: #ffffff;
    caret-color: #ffffff;
    background-color: #5294E2; }
    .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
    color: #ffffff; }
    #searchResultsBin {
    max-width: 1000px; }
    #searchResultsContent {
    padding-left: 20px;
    padding-right: 20px;
    spacing: 16px; }
    .search-section {
    spacing: 16px; }
    .search-section-content {
    spacing: 32px; }
    .list-search-results {
    spacing: 3px; }
    .search-section-separator {
    background-color: rgba(255, 255, 255, 0.2);
    -margin-horizontal: 1.5em;
    height: 1px; }
    .list-search-result-content {
    spacing: 12px;
    padding: 12px; }
    .list-search-result-title {
    font-size: 1.5em;
    color: #ffffff; }
    .list-search-result-description {
    color: #cccccc; }
    .search-provider-icon {
    padding: 15px; }
    .search-provider-icon-more {
    width: 16px;
    height: 16px;
    background-image: url("misc/more-results.svg"); }
    #dash {
    font-size: 1em;
    color: #A8ADB5;
    background-color: rgba(37, 39, 45, 0.87);
    padding: 6px 0px 6px 0px;
    border-color: rgba(16, 17, 20, 0.87);
    border-radius: 0px 3px 3px 0px; }
    .right #dash, #dash:rtl {
    padding: 6px 0px 6px 0px;
    border-radius: 3px 0 0 3px; }
    .bottom #dash {
    padding: 0px 6px 0px 6px;
    border-radius: 3px 3px 0 0; }
    .top #dash {
    padding: 0px 6px 0px 6px;
    border-radius: 0 0 3px 3px; }
    #dash .placeholder {
    background-image: url("misc/dash-placeholder.svg");
    background-size: contain;
    height: 24px; }
    #dash .empty-dash-drop-target {
    width: 24px;
    height: 24px; }
    .dash-item-container > StWidget {
    padding: 0px 4px 0px 5px; }
    .right .dash-item-container > StWidget, .dash-item-container > StWidget:rtl {
    padding: 0px 5px 0px 4px; }
    .bottom .dash-item-container > StWidget {
    padding: 4px 0px 5px 0px; }
    .top .dash-item-container > StWidget {
    padding: 5px 0px 4px 0px; }
    .dash-label {
    border-radius: 3px;
    padding: 4px 12px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    -x-offset: 3px; }
    .bottom .dash-label, .top .dash-label {
    -y-offset: 3px;
    -x-offset: 0; }
    #dash .app-well-app .overview-icon, .right #dash .app-well-app .overview-icon, .bottom #dash .app-well-app .overview-icon, .top #dash .app-well-app .overview-icon {
    padding: 10px; }
    #dash .app-well-app:hover .overview-icon, .right #dash .app-well-app:hover .overview-icon, .bottom #dash .app-well-app:hover .overview-icon, .top #dash .app-well-app:hover .overview-icon {
    background-color: #5294E2; }
    #dash .app-well-app:active .overview-icon, .right #dash .app-well-app:active .overview-icon, .bottom #dash .app-well-app:active .overview-icon, .top #dash .app-well-app:active .overview-icon {
    box-shadow: none;
    background-color: #2679db; }
    #dash .app-well-app-running-dot {
    width: 11px;
    height: 2px;
    margin-bottom: 6px;
    background-color: #5294E2; }
    .show-apps .overview-icon {
    padding: 11px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    border: 0px solid; }
    .show-apps:hover .overview-icon {
    background-color: rgba(0, 0, 0, 0.7);
    color: #5294E2; }
    .show-apps:active .overview-icon, .show-apps:active .show-apps-icon, .show-apps:checked .overview-icon, .show-apps:checked .show-apps-icon {
    color: #ffffff;
    background-color: #5294E2;
    box-shadow: none;
    transition-duration: 0ms; }
    .icon-grid {
    spacing: 30px;
    -shell-grid-horizontal-item-size: 136px;
    -shell-grid-vertical-item-size: 136px; }
    .icon-grid .overview-icon {
    icon-size: 96px; }
    .app-view-controls {
    padding-bottom: 32px; }
    .app-view-control {
    padding: 4px 32px;
    color: rgba(255, 255, 255, 0.8);
    background-color: rgba(14, 15, 17, 0.8);
    border-color: rgba(168, 173, 181, 0.3); }
    .app-view-control:hover {
    color: #ffffff;
    background-color: rgba(14, 15, 17, 0.8);
    border-color: #5294E2; }
    .app-view-control:checked {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #ffffff;
    border-color: #5294E2;
    background-color: #5294E2; }
    .app-view-control:first-child:ltr, .app-view-control:last-child:rtl {
    border-radius: 2px 0 0 2px; }
    .app-view-control:last-child:ltr, .app-view-control:first-child:rtl {
    border-radius: 0 2px 2px 0; }
    .search-provider-icon:active, .search-provider-icon:checked,
    .list-search-result:active,
    .list-search-result:checked {
    background-color: rgba(37, 39, 45, 0.85); }
    .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
    .list-search-result:focus,
    .list-search-result:selected,
    .list-search-result:hover {
    background-color: rgba(168, 173, 181, 0.4);
    transition-duration: 200ms; }
    .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
    .app-well-app.app-folder:active .overview-icon,
    .app-well-app.app-folder:checked .overview-icon,
    .grid-search-result:active .overview-icon,
    .grid-search-result:checked .overview-icon {
    background-color: rgba(37, 39, 45, 0.85);
    box-shadow: inset 0 0 #5294E2; }
    .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon,
    .app-well-app.app-folder:hover .overview-icon,
    .app-well-app.app-folder:focus .overview-icon,
    .app-well-app.app-folder:selected .overview-icon,
    .grid-search-result:hover .overview-icon,
    .grid-search-result:focus .overview-icon,
    .grid-search-result:selected .overview-icon {
    background-color: rgba(168, 173, 181, 0.4);
    transition-duration: 0ms;
    border-image: none;
    background-image: none; }
    .app-well-app-running-dot {
    width: 20px;
    height: 2px;
    margin-bottom: 4px;
    background-color: #5294E2; }
    .search-provider-icon,
    .list-search-result, .app-well-app .overview-icon,
    .app-well-app.app-folder .overview-icon,
    .grid-search-result .overview-icon {
    color: #ffffff;
    border-radius: 2px;
    padding: 6px;
    border: 1px solid transparent;
    transition-duration: 0ms;
    text-align: center; }
    .app-well-app.app-folder > .overview-icon {
    background-color: rgba(14, 15, 17, 0.8);
    border: 1px solid rgba(168, 173, 181, 0.3); }
    .app-well-app.app-folder:hover > .overview-icon {
    background-color: rgba(60, 64, 73, 0.95); }
    .app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:checked > .overview-icon {
    background-color: #5294E2;
    box-shadow: none; }
    .app-well-app.app-folder:focus > .overview-icon {
    background-color: #5294E2; }
    .app-folder-popup {
    -arrow-border-radius: 2px;
    -arrow-background-color: rgba(14, 15, 17, 0.8);
    -arrow-border-color: rgba(168, 173, 181, 0.3);
    -arrow-border-width: 1px;
    -arrow-base: 5;
    -arrow-rise: 5; }
    .app-folder-popup-bin {
    padding: 5px; }
    .app-folder-icon {
    padding: 5px;
    spacing-rows: 5px;
    spacing-columns: 5px; }
    .page-indicator {
    padding: 15px 20px; }
    .page-indicator .page-indicator-icon {
    width: 18px;
    height: 18px;
    background-image: url(misc/page-indicator-inactive.svg); }
    .page-indicator:hover .page-indicator-icon {
    background-image: url(misc/page-indicator-hover.svg); }
    .page-indicator:active .page-indicator-icon {
    background-image: url(misc/page-indicator-active.svg); }
    .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active {
    background-image: url(misc/page-indicator-checked.svg); }
    .app-well-app > .overview-icon.overview-icon-with-label,
    .grid-search-result .overview-icon.overview-icon-with-label {
    padding: 10px 8px 5px 8px;
    spacing: 4px; }
    .workspace-thumbnails {
    visible-width: 40px;
    spacing: 11px;
    padding: 12px;
    padding-right: 7px;
    border-radius: 3px 0 0 3px;
    background-color: rgba(37, 39, 45, 0.87);
    border-color: rgba(16, 17, 20, 0.87); }
    .workspace-thumbnails:rtl {
    padding: 12px;
    padding-left: 7px;
    border-radius: 0 3px 3px 0; }
    .workspace-thumbnail-indicator {
    border: 4px solid rgba(82, 148, 226, 0.8);
    border-radius: 1px;
    padding: 1px; }
    .search-display > StBoxLayout,
    .all-apps,
    .frequent-apps > StBoxLayout {
    padding: 0px 88px 10px 88px; }
    .search-statustext, .no-frequent-applications-label {
    font-size: 2em;
    font-weight: bold;
    color: #5c616c; }
    .url-highlighter {
    link-color: #2679db; }
    .notification-banner,
    .notification-banner:hover,
    .notification-banner:focus {
    font-size: 1em;
    width: 34em;
    margin: 5px;
    padding: 10px;
    border-radius: 2px;
    color: #5c616c;
    background-color: #f9fafb;
    border: 0px solid transparent;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
    .notification-banner .notification-icon,
    .notification-banner:hover .notification-icon,
    .notification-banner:focus .notification-icon {
    padding: 5px; }
    .notification-banner .notification-content,
    .notification-banner:hover .notification-content,
    .notification-banner:focus .notification-content {
    padding: 5px;
    spacing: 5px; }
    .notification-banner .secondary-icon,
    .notification-banner:hover .secondary-icon,
    .notification-banner:focus .secondary-icon {
    icon-size: 1.09em; }
    .notification-banner .notification-actions,
    .notification-banner:hover .notification-actions,
    .notification-banner:focus .notification-actions {
    background-color: transparent;
    padding: 2px 2px 0 2px;
    spacing: 1px; }
    .notification-banner .notification-button,
    .notification-banner:hover .notification-button,
    .notification-banner:focus .notification-button {
    padding: 4px 4px 5px; }
    .notification-banner .notification-button:first-child, .notification-banner .notification-button:last-child,
    .notification-banner:hover .notification-button:first-child,
    .notification-banner:hover .notification-button:last-child,
    .notification-banner:focus .notification-button:first-child,
    .notification-banner:focus .notification-button:last-child {
    border-radius: 2px; }
    .secondary-icon {
    icon-size: 1.09em; }
    .chat-body {
    spacing: 5px; }
    .chat-response {
    margin: 5px; }
    .chat-log-message {
    color: #5c616c; }
    .chat-new-group {
    padding-top: 1em; }
    .chat-received {
    padding-left: 4px; }
    .chat-received:rtl {
    padding-left: 0px;
    padding-right: 4px; }
    .chat-sent {
    padding-left: 18pt;
    color: #5294E2; }
    .chat-sent:rtl {
    padding-left: 0;
    padding-right: 18pt; }
    .chat-meta-message {
    padding-left: 4px;
    font-size: 9pt;
    font-weight: bold;
    color: rgba(92, 97, 108, 0.6); }
    .chat-meta-message:rtl {
    padding-left: 0;
    padding-right: 4px; }
    .subscription-message {
    font-style: italic; }
    .hotplug-transient-box {
    spacing: 6px;
    padding: 2px 72px 2px 12px; }
    .hotplug-notification-item {
    padding: 2px 10px; }
    .hotplug-notification-item:focus {
    padding: 1px 71px 1px 11px; }
    .hotplug-notification-item-icon {
    icon-size: 24px;
    padding: 2px 5px; }
    .hotplug-resident-box {
    spacing: 8px; }
    .hotplug-resident-mount {
    spacing: 8px;
    border-radius: 4px; }
    .hotplug-resident-mount:hover {
    background-color: rgba(249, 250, 251, 0.3); }
    .hotplug-resident-mount-label {
    color: inherit;
    padding-left: 6px; }
    .hotplug-resident-mount-icon {
    icon-size: 24px;
    padding-left: 6px; }
    .hotplug-resident-eject-icon {
    icon-size: 16px; }
    .hotplug-resident-eject-button {
    padding: 7px;
    border-radius: 5px;
    color: pink; }
    .legacy-tray {
    background-color: rgba(37, 39, 45, 0.95);
    border-width: 0; }
    .legacy-tray:ltr {
    border-radius: 0 2px 0 0;
    border-left-width: 0; }
    .legacy-tray:rtl {
    border-radius: 2px 0 0 0;
    border-right-width: 0; }
    .legacy-tray-handle,
    .legacy-tray-icon {
    padding: 6px; }
    .legacy-tray-handle StIcon,
    .legacy-tray-icon StIcon {
    icon-size: 24px; }
    .legacy-tray-handle:hover, .legacy-tray-handle:focus,
    .legacy-tray-icon:hover,
    .legacy-tray-icon:focus {
    background-color: rgba(92, 97, 108, 0.1); }
    .legacy-tray-icon-box {
    spacing: 12px; }
    .legacy-tray-icon-box:ltr {
    padding-left: 12px; }
    .legacy-tray-icon-box:rtl {
    padding-right: 12px; }
    .legacy-tray-icon-box StButton {
    width: 24px;
    height: 24px; }
    .magnifier-zoom-region {
    border: 2px solid #5294E2; }
    .magnifier-zoom-region.full-screen {
    border-width: 0; }
    #keyboard {
    background-color: rgba(37, 39, 45, 0.9); }
    .keyboard-layout {
    spacing: 10px;
    padding: 10px; }
    .keyboard-row {
    spacing: 15px; }
    .keyboard-key {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #c4c7cc;
    outline-color: rgba(168, 173, 181, 0.3);
    border-color: rgba(168, 173, 181, 0.3);
    background-color: rgba(48, 52, 59, 0.95);
    min-height: 2em;
    min-width: 2em;
    font-size: 14pt;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: none; }
    .keyboard-key:focus {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #5c616c;
    background-color: #fcfdfd;
    border: 1px solid #5294E2; }
    .keyboard-key:hover, .keyboard-key:checked {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #ffffff;
    border-color: #5294E2;
    background-color: rgba(48, 52, 59, 0.95); }
    .keyboard-key:active {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #ffffff;
    border-color: #5294E2;
    background-color: #5294E2; }
    .keyboard-key:grayed {
    background-color: rgba(60, 64, 73, 0.95);
    color: #A8ADB5;
    border-color: rgba(0, 0, 0, 0.7); }
    .keyboard-subkeys {
    color: white;
    padding: 5px;
    -arrow-border-radius: 2px;
    -arrow-background-color: rgba(37, 39, 45, 0.9);
    -arrow-border-width: 0px;
    -arrow-border-color: transparent;
    -arrow-base: 20px;
    -arrow-rise: 10px;
    -boxpointer-gap: 5px; }
    .candidate-popup-content {
    padding: 0.5em;
    spacing: 0.3em;
    color: #A8ADB5; }
    .candidate-index {
    padding: 0 0.5em 0 0;
    color: #c4c7cc; }
    .candidate-box {
    padding: 0.3em 0.5em 0.3em 0.5em;
    border-radius: 4px;
    color: #A8ADB5; }
    .candidate-box:selected, .candidate-box:hover {
    background-color: #5294E2;
    color: #ffffff; }
    .candidate-page-button-box {
    height: 2em; }
    .vertical .candidate-page-button-box {
    padding-top: 0.5em; }
    .horizontal .candidate-page-button-box {
    padding-left: 0.5em; }
    .candidate-page-button {
    padding: 4px; }
    .candidate-page-button-previous {
    border-radius: 2px 0px 0px 2px;
    border-right-width: 0; }
    .candidate-page-button-next {
    border-radius: 0px 2px 2px 0px; }
    .candidate-page-button-icon {
    icon-size: 1em; }
    .framed-user-icon {
    background-size: contain;
    border: 0px solid transparent;
    color: #5c616c;
    border-radius: 2px; }
    .framed-user-icon:hover {
    border-color: transparent;
    color: #fbfbfb; }
    .login-dialog-banner-view {
    padding-top: 24px;
    max-width: 23em; }
    .login-dialog {
    border: none;
    background-color: transparent; }
    .login-dialog .modal-dialog-button-box {
    spacing: 3px; }
    .login-dialog .modal-dialog-button {
    padding: 3px 18px; }
    .login-dialog .modal-dialog-button:default {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #5c616c;
    background-color: #fcfdfd;
    border: 1px solid #cfd6e6; }
    .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #5c616c;
    background-color: #fcfdfd;
    border: 1px solid #5294E2; }
    .login-dialog .modal-dialog-button:default:active {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: #ffffff;
    background-color: #5294E2;
    border: 1px solid #5294E2; }
    .login-dialog .modal-dialog-button:default:insensitive {
    text-shadow: 0 1px rgba(255, 255, 255, 0);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0);
    color: rgba(92, 97, 108, 0.55);
    border: 1px solid rgba(207, 214, 230, 0.55);
    background-color: rgba(252, 253, 253, 0.55); }
    .login-dialog-logo-bin {
    padding: 24px 0px; }
    .login-dialog-banner {
    color: #8c939e; }
    .login-dialog-button-box {
    spacing: 5px; }
    .login-dialog-message-warning {
    color: #F27835; }
    .login-dialog-message-hint {
    padding-top: 0;
    padding-bottom: 20px; }
    .login-dialog-user-selection-box {
    padding: 100px 0px; }
    .login-dialog-user-selection-box .login-dialog-not-listed-label {
    padding-left: 2px; }
    .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label {
    color: #A8ADB5; }
    .login-dialog-not-listed-label {
    font-size: 90%;
    font-weight: bold;
    color: #5a606a;
    padding-top: 1em; }
    .login-dialog-user-list-view {
    -st-vfade-offset: 1em; }
    .login-dialog-user-list {
    spacing: 12px;
    padding: .2em;
    width: 23em; }
    .login-dialog-user-list:expanded .login-dialog-user-list-item:focus {
    background-color: #5294E2;
    color: #ffffff; }
    .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
    border-right: 2px solid #5294E2; }
    .login-dialog-user-list-item {
    border-radius: 5px;
    padding: .2em;
    color: #5a606a; }
    .login-dialog-user-list-item:ltr {
    padding-right: 1em; }
    .login-dialog-user-list-item:rtl {
    padding-left: 1em; }
    .login-dialog-user-list-item:hover {
    background-color: #5294E2;
    color: #ffffff; }
    .login-dialog-user-list-item .login-dialog-timed-login-indicator {
    height: 2px;
    margin: 2px 0 0 0;
    background-color: #A8ADB5; }
    .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
    background-color: #ffffff; }
    .login-dialog-username,
    .user-widget-label {
    color: #A8ADB5;
    font-size: 120%;
    font-weight: bold;
    text-align: left;
    padding-left: 15px; }
    .user-widget-label:ltr {
    padding-left: 18px; }
    .user-widget-label:rtl {
    padding-right: 18px; }
    .login-dialog-prompt-layout {
    padding-top: 24px;
    padding-bottom: 12px;
    spacing: 8px;
    width: 23em; }
    .login-dialog-prompt-label {
    color: #727985;
    font-size: 110%;
    padding-top: 1em; }
    .login-dialog-session-list-button StIcon {
    icon-size: 1.25em; }
    .login-dialog-session-list-button {
    color: #5a606a; }
    .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus {
    color: #A8ADB5; }
    .login-dialog-session-list-button:active {
    color: #2b2e33; }
    .screen-shield-arrows {
    padding-bottom: 3em; }
    .screen-shield-arrows Gjs_Arrow {
    color: white;
    width: 80px;
    height: 48px;
    -arrow-thickness: 12px;
    -arrow-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
    .screen-shield-clock {
    color: white;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
    font-weight: bold;
    text-align: center;
    padding-bottom: 1.5em; }
    .screen-shield-clock-time {
    font-size: 72pt;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); }
    .screen-shield-clock-date {
    font-size: 28pt; }
    .screen-shield-notifications-container {
    spacing: 6px;
    width: 30em;
    background-color: transparent;
    max-height: 500px; }
    .screen-shield-notifications-container .summary-notification-stack-scrollview {
    padding-top: 0;
    padding-bottom: 0; }
    .screen-shield-notifications-container .notification,
    .screen-shield-notifications-container .screen-shield-notification-source {
    padding: 12px 6px;
    border: 1px solid rgba(168, 173, 181, 0.2);
    background-color: rgba(60, 64, 73, 0.45);
    color: #A8ADB5;
    border-radius: 4px; }
    .screen-shield-notifications-container .notification {
    margin-right: 15px; }
    .screen-shield-notification-label {
    font-weight: bold;
    padding: 0px 0px 0px 12px; }
    .screen-shield-notification-count-text {
    padding: 0px 0px 0px 12px; }
    #panel.lock-screen {
    background-color: rgba(60, 64, 73, 0.5); }
    .screen-shield-background {
    background: black;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); }
    #lockDialogGroup {
    background: #2e3436 url(misc/noise-texture.png);
    background-repeat: repeat; }
    #screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle {
    background-color: rgba(249, 250, 251, 0.3); }
    #screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus {
    background-color: rgba(249, 250, 251, 0.5); }
    #screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active {
    background-color: rgba(82, 148, 226, 0.5); }
    #LookingGlassDialog {
    spacing: 4px;
    padding: 8px 8px 10px 8px;
    background-color: rgba(0, 0, 0, 0.7);
    border: 1px solid black;
    border-image: url("misc/osd.svg") 10 10 9 11;
    border-radius: 2px;
    color: #A8ADB5; }
    #LookingGlassDialog > #Toolbar {
    padding: 3px;
    border: 1px solid rgba(44, 47, 53, 0.95);
    background-color: transparent;
    border-radius: 0px; }
    #LookingGlassDialog .labels {
    spacing: 4px; }
    #LookingGlassDialog .notebook-tab {
    -natural-hpadding: 12px;
    -minimum-hpadding: 6px;
    font-weight: bold;
    color: #A8ADB5;
    transition-duration: 100ms;
    padding-left: .3em;
    padding-right: .3em; }
    #LookingGlassDialog .notebook-tab:hover {
    color: #ffffff;
    text-shadow: black 0px 2px 2px; }
    #LookingGlassDialog .notebook-tab:selected {
    border-bottom-width: 0px;
    color: #5294E2;
    text-shadow: black 0px 2px 2px; }
    #LookingGlassDialog StBoxLayout#EvalBox {
    padding: 4px;
    spacing: 4px; }
    #LookingGlassDialog StBoxLayout#ResultsArea {
    spacing: 4px; }
    .lg-dialog StEntry {
    background-color: rgba(0, 0, 0, 0.3);
    color: #A8ADB5;
    selection-background-color: #5294E2;
    selected-color: #ffffff;
    border-color: rgba(168, 173, 181, 0.3); }
    .lg-dialog StEntry:focus {
    border-color: #5294E2; }
    .lg-dialog .shell-link {
    color: #2679db; }
    .lg-dialog .shell-link:hover {
    color: #5294e2; }
    .lg-completions-text {
    font-size: .9em;
    font-style: italic; }
    .lg-obj-inspector-title {
    spacing: 4px; }
    .lg-obj-inspector-button {
    border: 1px solid gray;
    padding: 4px;
    border-radius: 4px; }
    .lg-obj-inspector-button:hover {
    border: 1px solid #ffffff; }
    #lookingGlassExtensions {
    padding: 4px; }
    .lg-extensions-list {
    padding: 4px;
    spacing: 6px; }
    .lg-extension {
    border: 1px solid #dde3e9;
    border-radius: 2px;
    background-color: #f9fafb;
    padding: 4px; }
    .lg-extension-name {
    font-weight: bold; }
    .lg-extension-meta {
    spacing: 6px; }
    #LookingGlassPropertyInspector {
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid grey;
    border-radius: 2px;
    padding: 6px; }
    PS-> The theme is Arc.
    EDIT:
    Solved it myself. What I was doing:
    #panel .panel-corner {
    -panel-corner-radius: 6px; //--------------//
    -panel-corner-background-color: transparent;
    -panel-corner-border-width: 0px;
    -panel-corner-border-color: black; }
    #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
    -panel-corner-border-color: black; }
    #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-cornerunlock-screen {
    -panel-corner-radius: 6px; //------------//
    -panel-corner-background-color: transparent;
    -panel-corner-border-color: transparent; }
    What needed to be done:
    #panel .panel-corner {
    -panel-corner-radius: 6px; //--------------//
    -panel-corner-background-color: transparent;
    -panel-corner-border-width: 2px; //----------------//
    -panel-corner-border-color: black; }
    #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
    -panel-corner-border-color: black; }
    #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-cornerunlock-screen {
    -panel-corner-radius: 0;
    -panel-corner-background-color: transparent;
    -panel-corner-border-color: transparent; }
    Last edited by Electro498 (2015-06-09 09:01:01)

    The file looks like malformed XML (malformed, because it's missing quotes around the attributes, closing tags, etc.). If it's supposed to be proper XML, the right way would be to fix it and use an XML parser in your favorite scripting language to load it, read the other file, and alter the data systematically.
    xmllint in the libxml2 package may be useful for checking XML syntax and reformatting.
    If you know Python then you could probably use the xml.dom.minidom or one of the other standard XML libraries.
    If it is in the format posted then the following script should do what you want, or at least provide a starting point. It's not the most efficient approach but it seems to do the trick.
    #!/usr/bin/env perl
    use strict;
    use warnings;
    open (my $fh1, '<', $ARGV[0]) or die "failed to open $ARGV[1]";
    open (my $fh2, '<', $ARGV[1]) or die "failed to open $ARGV[2]";
    my %user_ips;
    foreach my $line (<$fh2>)
    my ($user, $ip) = split /,/, $line, 2;
    chomp $ip;
    $user_ips{$user} = $ip;
    my $old_xml;
    local $/;
    $old_xml = <$fh1>;
    my $new_xml = $old_xml;
    while ($old_xml =~ m/(<accessControl\s.*?<\/accessControl>)/sg)
    my $old_ac = $1;
    my ($user) = ($old_ac =~ m/inRealm='([^']+)/);
    my $new_ip = $user_ips{$user};
    my $old_ip = quotemeta "0.0.0.0";
    my $new_ac = $old_ac;
    $new_ac =~ s/$old_ip/$new_ip/;
    $old_ac = quotemeta $old_ac;
    $new_xml =~ s/$old_ac/$new_ac/;
    print $new_xml;
    close($fh1);
    close($fh2);
    Now, if we lay down in the grass and remain very quiet, a wild sed wizard may appear to amaze us with a glorious, arcane one-liner. Remember, if he appears, avoid sudden movements. If you startle him, his expression will break and he'll slink off muttering something about it having worked a minute ago.
    p.s. I haven't touched Perl in ages. I almost miss it.
    Almost.
    Last edited by Xyne (2013-10-02 00:25:12)

  • Two separate text frames with own toc

    How do I set up two separate text frames side-by-side as two columns, and create a separate table of contents for each?
    I need to create a two-language document with English on the left and a translated language on the right. Each language will also have separate illustrations and cross references to them in the text. Basically, I need to create two manuals in a single document.
    I'm doing this with Frame 7.1 if that makes any difference.
    Thanks in advance for any suggestions.

    To create the two separate text frames, simply use the Text Frame graphic tool on the Master Pages to draw tthe second frame. You will need to give the "Flow"  for this text frame a unique name. By default FM uses "A" for a flow name, but you can change this to be the name of the language.
    See: http://help.adobe.com/en_US/framemaker/using/WSd817046a44e105e21e63e3d11ab7f74e4d-7fb8.htm l (Set up a multi-flow document)
    However, I would recommend that you first create separate documents for the English and translated versions. Then import the contents of those documents by reference (i.e. create text insets) in your combined document.
    Use the combined document as your publishing vessel and the separate documents as your editing/working environment.
    The only gotcha would be if you need to maintain side-by-side fidelity with each paragraph in the English and translated version. If so, then you should import by copy and then you'll hjave to manually adjust the paragraph spacings to stay lined up.

  • How to get the highlighted text range through Framemaker's API calls?

    Hi all,
    I'm new to the Framemaker API (7.x) and developing a plugin for Framemaker 7.x. I wanted to get the highlighted objects from the active mif document. Tried this code:
    F_TextRangeT tr;
    /* Get the current text selection. */
    tr = F_ApiGetTextRange(FV_SessionId, docId, FP_TextSelection);
    Here is how I tested it:
    1. some text in the mif doc was highlighted.
    2. I clicked the menu item "my_plugin", a framemaker dialog popped up, some test configuration was sent through the dialog.
    3. The test configuration was read by my program correctly.
    However, the debugger showed that the tr is null! When I changed the first step of the test into:
    1. placed the mouse cursor at somewhere in the mif doc.
    The plugin worked somehow, the line where the mouse cursor was placed got selected, although I did not highlight anything.
    My question is: how to get a highlighted range though the Framemaker API call? I've been flipping through the FDK 7.0 Programmer's Reference but haven't found a solution yet. Any hint will be highly appreciated.
    Best Regards,
    Ellen N. Zhao

    Here is some information from the FDK Programmer's guide page 115:
    IMPORTANT: A valid text range can span multiple paragraphs, subcolumns, or text frames.
    It cant span multiple flows, footnotes, table cells, or text lines.
    It is possible for a document to have no text selection or insertion point at all. This can occur in
    the following circumstances:
    ● One or more graphic objects in the document are selected
    ● One or more entire table cells in the document are selected
    ● There is no selection of any type in the document
    So, I did select one or more entire table cells in the document in my first test. It's logical that the result was not like expected.
    But selecting one or more entire table cells is a crucial requirement for my plugin, is there anyway to get things straight?
    Simply put, I want to enable users to select one or more table cells in the document, and I want to get the object handles of the first cell and the last cell through Framemaker API calls. How?
    Many thanks in advance!
    Best Regards,
    Ellen N. Zhao

  • Rounded corners causes faulty justification

    This problem is best described by downloading "Faulty Justification", a CS4 document available here:
    i http://www.mediafire.com/?jrgmsxdm0mn
    The page was layed out InDesign CS and converted to CS4. There was never a problem with it in CS. This is the second such text frame that has had this problem in CS4. I'm expecting others to appear as I've got hundreds of such text frames in my book.
    The problem: if you look at the top of the right-most column you will notice a gap at the end of the line. And that has caused a bigger problem -- text at the end of the frame has become overset. The gap at the top seems to function as if the text is wrapping around an object, but there are no objects that I can find. I've tried changing fonts, copying and pasting and lots of other techniques, but only these two work:
    i 1. Change the corner shape to 'none'.
    i 2. Generate a new text frame of the same size, and copy and paste the text.
    Copying the text frame and pasting will not fix the problem.
    I'm intrigued. What could be the cause of this invisible text wrap that disappears when you copy and paste the text, or when you change corners? Is it in the font? The text frame? Corners? The conversion from CS?
    I would appreciate any suggestions on a global solution across 50 book chapters. It happened once to another text frame and I only picked it up on a preflight test where the text was flagged as overset. Then it happened to the text frame above. I'm wondering if another text frame will randomly be next -- and if so what might be causing it so that I can do something about it.

    The inset is partly the explanation, but it doesn't explain why when I set the corner radius to 5 mm, for example, the top line text is forced in 30 mm. When I set the radius to larger and larger values, the end text smoothly follows the contours, but there is some problem with smaller radius sizes.
    This problem has made me see the importance of making sure that near the end of a project, text frames are shrunk to just the size of the text. That way, if the text is re-flowed in ways that are undesirable, as my example is, then the text becomes overset and it will be flagged.
    I'll get my offsider (my patient partner) to go through the entire book (2000+ text frames) and resize. It'll get her out of the kitchen for a while.

Maybe you are looking for

  • ITunes unknown error (-9808) Cannot open iTunes! Please help!

    Can anyone help me! Whenever i try to log into iTunes it says: We could not complete your iTunes store request. An unknown error occured (-9808). If this has happened to anyone please tell me how you overcame it. I miss buying music and need some new

  • Protect sensitive HR tables from ABAPer and BASIS

    Hello We are trying to work out some security authorizations where in we can protect HR master data through direct access to HR tables through SE16 or SM30 for info type tables like PA0008 or PA0015 etc. I know that these tables have authorization gr

  • Item category not change able after saving

    Hi guys, I have a problem (ECC 6.0). After saving a sales order, I'm not able to change the item category for the added item after saving the document. It's some kind of service material (DIEN) to charge labour to the customer. I found that if I main

  • Viewer not working properly

    I'm trying to determine which part of videoclips to use for my project but the viewer does not respond to the clip I'm pointing at.

  • Can't delete Maps 'Recents' or save 'Bookmarks!

    As title really - I have a new iPhone 4 restored with backup from my 3G. I can't delete Maps 'Recents' or save 'Bookmarks'. If I clear 'Recents', they go away but reappear sometime over the next day or so. Also, I can save Bookmarks, but they've vani