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.
Similar Messages
-
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.
kYou 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 -
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. -
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 in Bars of Column Chart
i m trying to build a column chart with rounded corner
bars....like we can make a text box with rounded corners using
cornerRadius property......
also is there any way to show a mirror image(not a shadow) at
the bottom of the vertical-rounded-corner-bar of column chart.....
pls
find the image of the issue
pls help me on this if anyone has any idea......pls find the solution of the above issue on these below
urls...
http://www.degrafa.org/samples/
http://merhl.com/flex3_samples/nikePlus/
http://www.degrafa.org/blog/category/data-visualization/ -
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. -
Hi,
We are using ContentBySearchWebPart to facilitate search through the site.
We have used display template to format the results. We are deploying the web part on the desired page through a feature. We have below markup for web part in the elements.xml file to add the web part -
<webPart xmlns="http://schemas.microsoft.com/WebPart/v3">
<metaData>
<type name="Microsoft.Office.Server.Search.WebControls.ContentBySearchWebPart, Microsoft.Office.Server.Search, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" />
<importErrorMessage>Cannot import this Web Part.</importErrorMessage>
</metaData>
<data>
<properties>
<property name="StatesJson" type="string">{}</property>
<property name="UseSharedDataProvider" type="bool">False</property>
<property name="UseSimplifiedQueryBuilder" type="bool">False</property>
<property name="QueryGroupName" type="string">f5646507-4a7a-4d75-b5c4-d435b9128e2a</property>
<property name="LogAnalyticsViewEvent" type="bool">True</property>
<property name="SelectedPropertiesJson" type="string">["Title","Path","Description"]</property>
<property name="PropertyMappings" type="string" />
<property name="ShowAdvancedLink" type="bool">True</property>
<property name="NumberOfItems" type="int">10</property>
<property name="EmitStyleReference" type="bool">True</property>
<property name="ShowPreferencesLink" type="bool">True</property>
<property name="ServerIncludeScriptsJson" type="string">null</property>
<property name="IncludeResultTypeConstraint" type="bool">False</property>
<property name="Height" type="string" />
<property name="MaxPagesBeforeCurrent" type="int">4</property>
<property name="ResultType" type="string" />
<property name="ShowDidYouMean" type="bool">False</property>
<property name="StartingItemIndex" type="int">1</property>
<property name="AlwaysRenderOnServer" type="bool">False</property>
<property name="GroupTemplateId" type="string">~sitecollection/_catalogs/masterpage/Display Templates/Content Web Parts/Group_Content.js</property>
<property name="ResultTypeId" type="string" />
<property name="ItemTemplateId" type="string">~sitecollection/_catalogs/masterpage/Display Templates/Search/Item_LearningGroup.js</property>
<property name="AllowConnect" type="bool">True</property>
<property name="HelpUrl" type="string" />
<property name="ResultsPerPage" type="int">10</property>
<property name="RenderTemplateId" type="string">~sitecollection/_catalogs/masterpage/Display Templates/Content Web Parts/ListWithPaging.js</property>
<property name="AllowEdit" type="bool">True</property>
<property name="AllowZoneChange" type="bool">True</property>
<property name="AddSEOPropertiesFromSearch" type="bool">False</property>
<property name="AdvancedSearchPageAddress" type="string">advanced.aspx</property>
<property name="HitHighlightedPropertiesJson" type="string">["Title","Path","Author","SectionNames","SiteDescription"]</property>
<property name="TitleUrl" type="string" />
<property name="EmptyMessage" type="string" />
<property name="ShowBestBets" type="bool">False</property>
<property name="ShowViewDuplicates" type="bool">False</property>
<property name="AllowHide" type="bool">True</property>
<property name="BypassResultTypes" type="bool">True</property>
<property name="Description" type="string">Content Search Web Part will allow you to show items that are results of a search query you specify. When you add it to the page, this Web Part will show recently modified items from the current site. You can change this setting to show items from another site or list by editing the Web Part and changing its search criteria.As new content is discovered by search, this Web Part will display an updated list of items each time the page is viewed.</property>
<property name="ShowSortOptions" type="bool">False</property>
<property name="ExportMode" type="exportmode">All</property>
<property name="AllowMinimize" type="bool">True</property>
<property name="ShowPersonalFavorites" type="bool">False</property>
<property name="ChromeType" type="chrometype">None</property>
<property name="ShowPaging" type="bool">True</property>
<property name="ChromeState" type="chromestate">Normal</property>
<property name="CatalogIconImageUrl" type="string" />
<property name="HelpMode" type="helpmode">Modeless</property>
<property name="TitleIconImageUrl" type="string" />
<property name="ItemBodyTemplateId" type="string" />
<property name="AlternateErrorMessage" type="string" null="true" />
<property name="Hidden" type="bool">False</property>
<property name="TargetResultTable" type="string">RelevantResults</property>
<property name="AllowClose" type="bool">True</property>
<property name="MissingAssembly" type="string">Cannot import this Web Part.</property>
<property name="ShowResultCount" type="bool">True</property>
<property name="ShowLanguageOptions" type="bool">True</property>
<property name="ShowUpScopeMessage" type="bool">False</property>
<property name="Width" type="string" />
<property name="RepositionLanguageDropDown" type="bool">False</property>
<property name="Title" type="string">Search Learning Groups</property>
<property name="ScrollToTopOnRedraw" type="bool">False</property>
<property name="ShowResults" type="bool">True</property>
<property name="ShowAlertMe" type="bool">False</property>
<property name="OverwriteResultPath" type="bool">True</property>
<property name="PreloadedItemTemplateIdsJson" type="string">null</property>
<property name="MaxPagesAfterCurrent" type="int">1</property>
<property name="ShowDefinitions" type="bool">False</property>
<property name="ShouldHideControlWhenEmpty" type="bool">False</property>
<property name="AvailableSortsJson" type="string">null</property>
<property name="DataProviderJSON" type="string">{"QueryGroupName":"f5646507-4a7a-4d75-b5c4-d435b9128e2a","QueryPropertiesTemplateUrl":"sitesearch://webroot","IgnoreQueryPropertiesTemplateUrl":false,"SourceID":"8413cd39-2156-4e00-b54d-11efd9abdb89","SourceName":"Local SharePoint Results","SourceLevel":"Ssa","CollapseSpecification":"","QueryTemplate":"Path:{SiteCollection.URL} AND :{SearchBoxQuery} ","FallbackSort":[],"FallbackSortJson":"[]","RankRules":[],"RankRulesJson":"[]","AsynchronousResultRetrieval":false,"SendContentBeforeQuery":true,"BatchClientQuery":true,"FallbackLanguage":-1,"FallbackRankingModelID":"","EnableStemming":true,"EnablePhonetic":false,"EnableNicknames":false,"EnableInterleaving":false,"EnableQueryRules":true,"EnableOrderingHitHighlightedProperty":false,"HitHighlightedMultivaluePropertyLimit":-1,"IgnoreContextualScope":true,"ScopeResultsToCurrentSite":false,"TrimDuplicates":false,"Properties":{"TryCache":true,"Scope":"{Site.URL}","UpdateLinksForCatalogItems":true,"EnableStacking":true,"ListId":"60ae8593-eddc-45e0-802a-27f78059ce26","ListItemId":4},"PropertiesJson":"{\"TryCache\":true,\"Scope\":\"{Site.URL}\",\"UpdateLinksForCatalogItems\":true,\"EnableStacking\":true,\"ListId\":\"60ae8593-eddc-45e0-802a-27f78059ce26\",\"ListItemId\":4}","ClientType":"ContentSearchRegular","UpdateAjaxNavigate":true,"SummaryLength":180,"DesiredSnippetLength":90,"PersonalizedQuery":false,"FallbackRefinementFilters":null,"IgnoreStaleServerQuery":false,"RenderTemplateId":"DefaultDataProvider","AlternateErrorMessage":null,"Title":""}</property>
<property name="Direction" type="direction">NotSet</property>
</properties>
</data>
</webPart>
When we are downloading the 'Top Queries by Month' or 'Top Queries by Day' report, while we see numbers in 'Total Queries' and '% of all queries' columns, we are not finding anything in 'Query Text' column, its empty. Not sure while the analytics is
not able to fetch/report the 'Query Text' itself - the report doesnt make any sense without 'Query Text' information.
Is there anything in the web part markup I pasted above- is any of the property value is affecting this?
Or it can be some configuration/error with the logging/analytics process?
Please suggest. Thanks in advance.
Regards,
Mahavir
MOSS programmerHi,
Hope you are doing well. Would you help to try to run the script to start the timer job manually:
Run the script to start the timer job:
==================
$ua = Get-SPTimerJob -Type Microsoft.Office.Server.Search.Analytics.UsageAnalyticsJobDefinition
$ua.GetAnalysisInfo()
$ua = get-sptimerjob -type microsoft.office.server.search.analytics.usageanalyticsjobdefinition
$ua.DisableTimerJobSchedule()
$ua.StartAnalysis()
$ua.EnableTimerJobSchedule()
$ua = Get-SPTimerJob -Identity ("job-usage-log-file-import")
$ua.RunNow()
==================
2. Please install the SharePoint 2013 March update if our version is before this:
SharePoint 2013 March update:
http://support.microsoft.com/kb/2767999
Best Regards,
Dats Luo -
[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) -
IWeb sites are slow to upload. text columns turn to heavy png files
Hi!
Yes I've noticed that iweb sites for some odd reason are slower to load on any browser. No matter what the hosting is. I use Me.com for a few years and iWeb as I don't have the time or patience to bother with Dreamweaver. I use Me.com for hosting as well as another web hosting server. If there is graphic material on the page, it takes so long to open. Apple must do something about it for sure.
The program iWeb itself doesn't open up fast enough if you have more than 3 pages on it (which any normal site would have). I'm glad Apple made good changes in iWeb09, but it needs to do something about the speed of the program, the sites it makes and how it processes simple matter on it.
Even though, I have come across some good examples of iWeb made sites that are easy and relatively faster to open or they open at a normal speed. The authors also have used flash material on their iWeb sites. I have a non-registered program (web site Maestro) that claims to ease up and streamline the graphic and other heavy content on a iWeb site to make it lighter with loading.
But the unregistered version works on 70 percent files only. And I don't really notice any difference with it either. So I'm doubtful of buying the full version.
Any thoughts? Solutions? Would really appreciate.
ANOTHER ISSUE that I have discovered while making iWeb site is that a text column put on a shape after publishing turns into a heavy PNG picture file that can weight almost upto 1 whole megabyte!!!
And you keep wondering why the darn page is so slow to open!!! Cuz a simple text could've been just about 50kb. But it turns into a 900kb picture in png!!! Is there a way to change this?? I guess, taking out the picture from the published site folder and reediting it in - say - Photoshop reducing its size may help. But its so cumbersome and arduous to go into every darn folder and open all the text now converted into pics and re-edit them!! And then their reduced quality will make the text look feeble and bad quality too.
This is a problem that APPLE iWEB experts Must work on. iWeb gives a certain flexibility as its like a free flowing canvas. But then its also a known fact that iWeb sites are exceptionally heavier to open, unless you know many other tweaks here and there to make it work right. But again, this is contrary to the purpose of iWeb, cuz its made for amateur site makers.
I wish there is a work around this thing really.
ANY SUGGESTIONS FRIENDS?? WOULD LOVE TO HEAR. PLEASE SHARE YOUR THOUGHTS AND SOLUTIONS.
Thanks.
Regards,
NiteshWelcome to the Apple Discussions. Shapes by their very nature are graphic elements that end up a png file whether there's text in them or not. You should try adding the text in a text box above the shape and see if there's any difference. Just be sure to use a Web Safe Font and not add any enhancements that will turn it into a image file:
Click to view full size
You may not notice a difference with loading with WSM but those with Internet Explorer should. Have you tested your site with and without WSM on a PC?
In WSM you can set the amount of optimizing for graphics. I've set it at about 60% (moderate) and haven't tested other settings for image quality. I'm sure a lower quality level, i.e. more compression, will have a impact on file loading. I just don't have a feel for the greatest amount of compression that will still have acceptable image quality. You'll just have to experiment.
If your site is a commercial site then using a commercial hosting server is the best option. Also, it's reported that using a Text Based Navbar instead of iWeb's java based one will help dark side compatibility.
Be sure to put in feature requests for the improvements that you see necessary to Apple via http://www.apple.com/feedback/iweb.html.
OT -
How do I keep round cornered boxes when opening CS4 to CS4
I produce a lot of forms which have round cornered boxes within the text boxes, when opening these indesign CS4 files into CS5 the boxes lose all but one of the round corners. The only fix I can see is to manually adjust the boxes within CS5. Is there an easier way? or will an update improve this. I find this very frustrating as I only have about 700 forms produced which will all need to be fixed.
Please help!I sympathise, it's exactly the problem with upgrading. I don't think Adobe cater for the user with 1000's of files very well,
Well, Stix, I don't think they cater to small users with thousands of files. I'm sure that if my organization was buying hundreds of licenses for the full Creative Suite, and maybe LiveCycle Server, that they might be able to cater to me. But since we're only buying 1 license of the Suite and 4 of InDesign, then the fact that I have an archive of tens of thousands documents in forty languages going back to the early 90s that have to be updated on an intermittent basis, is not really high on Adobe's list of things about which it is important to care. My file management needs, while totally critical to me (and by extension the refugees I serve), aren't going to be that important to Adobe. They don't cater to me, and I can understand this, as I am not a big revenue stream for them.
Wow, I'm flabbergasted! who knew that I would need to do this??
However, the fact that it seems that only the forums regulars know these critical facts is a massive failing on Adobe's part. I fail to understand why this stuff that we post over & over again isn't pointed out to the users when they install ID, or when they open a file that was created in a previous version of ID. Seems like a mind-numbingly obvious case for one of those little checkboxes that says "Don't show me this again." Illy seems to handle this without issue.
my documents are of a style whereby I may need to make changes to two
words in a document created in Indesign from 2004, are you suggesting
that I need to keep all versions of Indesign for evermore and only use
the program that created the document to open/edit? This is a very
impractical solution.
As Bob has already pointed out... yeah. It's impractical, but it is also a solution.
In your shoes, I'd mention to your IT folk that your long-term IT plan should include keeping some old apps around in virtualization; that way when InDesign CS10 reflows your document created with CS6 when you just want to update a logo, you can just boot up your image of Windows 2012 End-Of-The-World-Edition without needing IT to help you out. -
Rounded corners and dropshadows in CSS
Hi all,
Hopefully I am not repeating a similar question. I am trying to redesign my site (with not much luck) in CSS. I want some text/navigation boxes that have rounded corners and drop shadows. Using CSS do I still need to create the images in an image editor, slice the images and place the appropriate sections of the image in divs to get this effect (much like using tables)?
Thanks in advance
Chrisafr43 wrote:
Using CSS do I still need to create the images in an image editor, slice the images and place the appropriate sections of the image in divs to get this effect (much like using tables)?
Thanks in advance
Chris
Like Nancy mentioned, the border-radius properties are not supported in older browsers, particularly IE6, which some of us still worry about. I'm not sure about the support in IE7, but I still design with IE6 in mind. In fact, I have never upgraded my IE browser since version 6, so I keep it on my computer for testing purposes.
In deciding whether to use new css features is deciding whether you are willing to leave IE6 behind. I emailed Simon Collison about this topic a couple of weeks ago. He wrote two very good books about CSS, Beginning CSS and CSS Mastery. The latter book was co-written with Andy Budd.
Here's what Simon said:
"There are so many conflicting views that you really need to think about your target audiences and decide based on that. Will you upset just two or three percent of people, or twenty/thirty percent by not serving for IE6?
"We use stats to discover the portion of users using IE6 and make a unique decision for each project.
"In all honesty, I think it is too early to abandon IE6. We work for clients in the real world, with lots of users locked into using IE6 thanks to over-zealous, outdated IT teams/experts who won't let them upgrade or use Firefox etc."
When I mentioned to Simon that some of the css features he used in his book were not supported in IE6, he responded:
"In a book like CSS Mastery, you have to forget older browsers and look at the future, and cool, exciting techniques. If we wrote that book so everything worked in IE6, it'd be a dull book, and would not have advanced CSS usage."
Most of us are itching to use the latest features of CSS but we need to design for users and consider what their experience will be. So, it comes down to this: It's your decision whether you will use CSS that is not supported by some of the older browsers. If you have a fairly sophisticated market that probably upgrades their browsers to the latest versions, then you might choose to go with the latest features.
My decision is to still style for IE6 (I think it's safe to say that most designers have left IE5 far behind in the dust). These new CSS3 features will look absolutely hideous in IE6.
There is a technique Simon uses in one of his books that he calls "progressive enhancement." The technique will enable new css features, like rounded corners, to only work in modern browsers and in old browsers, like IE6, visitors will see square corners.
I think the best technique that most designers still use is to create rounded corner images in your css. Here's an example of a web site showcased in css zen garden that uses rounded corners with a drop-shadow:
http://www.csszengarden.com/?cssfile=208/208.css
If you right-click on the rounded corners and look at the background images, here's what you see:
For the header: http://www.csszengarden.com/208/top.jpg
Main content: http://www.csszengarden.com/208/right_bottom.gif
Side bar: http://www.csszengarden.com/208/left_bottom.gif
CSS Zen Garder invites designers to download the css file from these sites so you can learn from it.
By the way, the second edition of CSS Mastery: Advanced Web Standards Solutions is due out in a couple of weeks. -
Cropping Pics so they have "rounded" corners
I have Photoshop Elements 4 for Mac and need to "edit" some photos to make the corners "rounded" in lieu of the regular rectangular, square cornered shape. I'm a 'beginner' with some of the more advanced features of the application, have played with the "tools" (including the "rounded rectangular" shape tool, but still can't get a final product with the rounded corners. I found a website where a person who uses the PC version gave a step by step way to do it, but, unfortunately, one of the key steps uses some feature that apparently is on the PC version only.
Help! Thanks.Thanks to everyone for their input. I will definitely try this. I just came back from 3 weeks in France with about 5,000 digital pics. Quite a few of the pics taken with my Nikon wide-angle-soom lens have some vignetting (dark corners) because the high-end camera store I bought my equipment from sold me a filter that caused the problem (the filter "ring" is causing the vignetting). So, to fix some of these photos, I need to round the corners to remove the dark areas. If I crop using a rectangular shape, it removes too much of the photo's subject matter.
Re. Barbara's inquiry about what I found online that doesn't seem applicable to the Mac version has something to do with "contract" and "paths" features. It may have been that these things are applicable to the full blown Photoshop, but I can't find that website at the moment to recheck what I did find there. In any event, I'll try the above suggestions which are very much appreciated. ;-) -
Settingup rounded corners background image
I need some help in setting up a background image that is in three pieces. Its a rounded corners background that will have text overlay in top rounded corner section, regualr text in middle area, and footer text in bottom rounded corners area. I will ahve two of these side by side.
So if I had a tables layout, it would be 2 column 3 rows. One rounded conrer set for each column.
I think Ive seen a tutorial on this somewhere but cant seem to find it. Thank you for any suggestions or pointers.
p.s. Im trying to use css for this. I tried laying out with tables, but there is a white gab in between each image. I know tables are considered taboo, so Im trying to steer away from them if possible.The button tab is kinda correct, but IM not looking for buttons, Im looking for an actual text box with rounded corners. I was trying to cut up the rounded corner box so I can insert a paragraph or two of text in it and not have to used a large solid image as background.
Hope this clarifies. Ill try to look for a site that has this in place and post a link back. -
Anchored graphics in margin intruding into text column
I am creating what is basically a textbook chapter, two columns of text and a wide margin away from the spine. I am positioning some notes in the margin, but also some graphics. Some of the graphics need to be big enough that they intrude into the text column and the text needs to wrap around them. Have done this manually and happy with the results, but would like to have at least some of these graphics anchored to the text. Learning to do this was a long and painful process, and I thought I should document my findings, and ask for any suggestions for improvement.
I found the two following posts of particular use:
http://indesignsecrets.com/wrapping-text-around-an-anchored-object.php
http://blogs.adobe.com/indesignchannel/2007/11/anchored_frames_productivity_s.html
However, the free tool mentioned in the last post is no longer available.
Here is what I did.
First, I set up a couple of keyboard shortcuts.
Edit > Keyboard Shortcuts > Text and Tables > Insert Anchored Object/Go to Anchor Marker > Alt+Shift+I
Edit > Keyboard Shortcuts > Object Menu > Fitting: Fit Frame to Content > Alt+Shift+F
Next, I set up defaults for inserting anchored objects. Note that these preferences are saved in the file, and not in the Preferences.
(make sure nothing is selected) Object > Anchored Object > Insert (Defaults) > Leave defaults except:
- Object Style: SAR Topics Anchored Graphic (or whatever Object Style you wish; mine includes a word-wrap)
- Position: Custom
- Relative to Spine
- Anchored Object Reference point: top-left and top-right
- Anchored Position Reference Point: mid-left and mid-right
- X Relative To: Page Edge X Offset -3p0
- Y Relative to: Line (baseline) Offset 2p0 (needed as anchored position ignores the wordwrap when you enlarge the frame to fit objects that intrude into the text frame)
- Check “Keep Within Top/Bottom Column Boundaries”
I suggest as you are trying this, doing the following until at least you're sure that things are working correctly:
- To view the anchor markers in the text, choose Type > Show Hidden Characters.
- To view a dashed line from an anchor marker to its associated custom-positioned object, select the object and choose View > Extras > Show Text Threads. The thread extends from the anchor marker to the current proxy point for the anchored object.
Place your text cursor where you want your anchored graphic to anchor.
Press Alt+Shift+I.
A default 6p0 x 6p0 frame should appear in the margin.
Click on the graphic you wish to put into the anchored frame. Right-click and copy.
Select the frame in the margin. Right-click and "paste into."
Press Alt-Shift-F and this will fit the frame to the graphic.
This seems to be a reasonably fast and effective workflow.
If anyone has any suggestions for improvement, please let me know.
I do have one problem: when I was playing around with this, InDesign crashed, and the file I was trying to do this on is now corrupted and my Alt+Shift+F won't work; the frame won't resize to fit the graphic. I tried trashing my preferences, but then found out the Insert Anchored Object defaults are stored in the file on which I was working, not the actual two InDesign preferences files.Luckily I had a recent backup of my file so restored it and got rid of the corruption I mentioned above.
Ran into another apparently unsurmountable problem, as described below, and have abandoned anchored graphics for this project.
If you have two columns on a left page, where the margin is on the far left, anchored objects with wordrap don't work if your anchor is in the second column. That's because ALL of the text in the left column is "before" the anchor, and ignores the anchored object's wordwrap.
Until this is fixed, I'm abandoning anchored graphics and will place them all manually. -
Cancel edition in a Datagrid Column
What i´m wishing to do is very simple, i just want to cancel an edition in a DataGrid column,
Loosing focus of the textbox confirms the edition, i wanted to place 2 buttons above the edition text box, cancel and confirm, but it seems to be impossible...
any idea?
thanks in advance!!Yea that seems to work fine for me so in full, with editing features
Custom Comp
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="182" height="72" >
<mx:Script>
<![CDATA[
private function handleOk():void {
this.data.someText = textInput.text
override public function set data(value:Object):void {
super.data = value;
textInput.text = data.someText
private function cancel():void {
textInput.text = data.someText;
]]>
</mx:Script>
<mx:TextInput id="textInput" x="10" y="10" />
<mx:Button x="10" y="40" label="Update" click="handleOk()"/>
<mx:Button x="85" y="40" label="Cancel" click="cancel()"/>
</mx:Canvas>
Application
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
private var ac:ArrayCollection = new ArrayCollection([
{someText : 'Line 1'},
{someText : 'Line 2'},
{someText : 'Line 3'},
{someText : 'Line 4'},
{someText : 'Line 5'},
{someText : 'Line 6'},
{someText : 'Line 7'},
{someText : 'Line 8'},
{someText : 'Line 9'},
{someText : 'Line 10'}
]]>
</mx:Script>
<mx:DataGrid x="71" y="90" dataProvider="{ac}">
<mx:columns>
<mx:DataGridColumn headerText="Column 1" dataField="someText" itemRenderer="Comp1" width="182"/>
<mx:DataGridColumn headerText="Column 2" dataField="col2"/>
<mx:DataGridColumn headerText="Column 3" dataField="col3"/>
</mx:columns>
</mx:DataGrid>
</mx:Application>
Hope this helps
Andrew
Maybe you are looking for
-
Okay, so I wanted to burn a CD to play on players in the house. The songs on my playlist are from CDs that I own and imported into my iTunes. Here are the steps I've taken: 1. I created a playlist 2. Selected File > Burn Playlist to Disc... 3. My Bur
-
Safari doesn't open some pages
Hi! I've noticed recently that Safari won't open webs like instagram..when I try to log in it lets me write my username and password but when it's going to load the content of the page it remains white. And I've also noticed that it doesn't open vide
-
Restore only writes one folder at a time, no contents
I am attempting to restore my iTunes library from a Time Machine backup, however, after calculating the number of files, Time Machine only writes a single folder, with no contents in it. I can go file by file and restore each song, but it will not re
-
HT202213 how to keep the songs on your iphone
i have itunes home sharing i would like to know how to keep the songs on your iphone after you turn home sharing off or get out of range.
-
Hello All, Is it not possible to set-up a SUS for classic scenario? if so, can some one tell me why? We have a ECC- EBP classic scenario for direct procurement and plan to leverage the same EBP to set up a SUS . SUS will be on a different client and