Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit b015629

Browse files
Updated some css styles
1 parent 25fd443 commit b015629

30 files changed

+437
-6
lines changed

‎Client_Side/src/Controller/Client_Room.java

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -186,7 +186,7 @@ public void run() {
186186
text.getStyleClass().add("message");
187187
TextFlow tempFlow = new TextFlow();
188188

189-
if (!cmd.equalsIgnoreCase(Login_Signup.username + ":")) {
189+
if (!cmd.equalsIgnoreCase(Login_Signup.username + ":")) {
190190
Text txtName = new Text(cmd );
191191
txtName.getStyleClass().add("txtName");
192192
tempFlow.getChildren().add(txtName);
@@ -209,7 +209,7 @@ public void run() {
209209
//=================================================
210210

211211

212-
if (!cmd.equalsIgnoreCase(Login_Signup.username + ":")) {
212+
if (!cmd.equalsIgnoreCase(Login_Signup.username + ":")) {
213213
tempFlow.getStyleClass().add("tempFlowFlipped");
214214
flow.getStyleClass().add("textFlowFlipped");
215215
vbox.setAlignment(Pos.TOP_LEFT);
@@ -355,11 +355,11 @@ public void cameraIconMouseClicked(MouseEvent mouseEvent) {
355355
public void addNewStage(MouseEvent mouseEvent) throws IOException {
356356

357357

358-
/* Stage stage = new Stage();
358+
/* Stage stage = new Stage();
359359
stage.setScene(new Scene(FXMLLoader.load(getClass().getResource("../View/Login_Signup.fxml"))));
360360
stage.setTitle("Messenger!");
361361
stage.setResizable(false);
362-
stage.show();
363-
*/
362+
stage.show();*/
363+
364364
}
365365
}

‎Client_Side/src/View/Css/style.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -108,7 +108,7 @@
108108
}
109109

110110
.textFlowFlipped{
111-
-fx-background-color: linear-gradient(to left, #075aad, #0523b9);
111+
-fx-background-color: linear-gradient(to left, #b69202, #b77f05);
112112
-fx-background-insets: -5 -5 -5 -10;
113113
-fx-effect: dropshadow(three-pass-box,rgba(0,0,0,0.08),2,1.0,-0.5,-0.5);
114114
-fx-shape: "m 46.030545,129.18592 h 48.380952 c 3.54546,0.23355 5.32763,-1.59167 5.14193,-4.67449
1.23 KB
Binary file not shown.
1.23 KB
Binary file not shown.
1.23 KB
Binary file not shown.
Binary file not shown.
Binary file not shown.
384 Bytes
Binary file not shown.
Lines changed: 140 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,140 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
3+
<?import javafx.scene.control.Button?>
4+
<?import javafx.scene.control.Label?>
5+
<?import javafx.scene.control.ScrollPane?>
6+
<?import javafx.scene.control.TextField?>
7+
<?import javafx.scene.image.Image?>
8+
<?import javafx.scene.image.ImageView?>
9+
<?import javafx.scene.layout.AnchorPane?>
10+
<?import javafx.scene.layout.Pane?>
11+
<?import javafx.scene.layout.StackPane?>
12+
<?import javafx.scene.layout.VBox?>
13+
<?import javafx.scene.shape.Circle?>
14+
<?import javafx.scene.text.Font?>
15+
16+
<AnchorPane prefHeight="560.0" prefWidth="330.0" style="-fx-background-color: #263238;" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1" fx:controller="Controller.Client_Room">
17+
<children>
18+
<AnchorPane prefHeight="74.0" prefWidth="340.0" style="-fx-background-color: #263238;" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
19+
<children>
20+
<Label fx:id="clientName" layoutX="80.0" layoutY="17.0" prefHeight="24.0" prefWidth="93.0" text="Username" textFill="#c1ffbf" wrapText="true">
21+
<font>
22+
<Font name="Arial" size="19.0" />
23+
</font>
24+
</Label>
25+
<Button fx:id="profileBtn" layoutX="257.0" layoutY="21.0" mnemonicParsing="false" onAction="#handleProfileBtn" styleClass="allButton" stylesheets="@Css/style.css" text="Profile">
26+
<font>
27+
<Font name="Arial" size="15.0" />
28+
</font>
29+
</Button>
30+
<Circle fx:id="showProPic" fill="DODGERBLUE" layoutX="35.0" layoutY="34.0" radius="30.0" stroke="BLACK" strokeType="INSIDE" />
31+
<ImageView fitHeight="42.0" fitWidth="50.0" layoutX="193.0" layoutY="13.0" onMouseClicked="#addNewStage" pickOnBounds="true" preserveRatio="true">
32+
<image>
33+
<Image url="@icons/add.png" />
34+
</image>
35+
</ImageView>
36+
</children>
37+
</AnchorPane>
38+
<StackPane layoutY="77.0" prefHeight="494.0" prefWidth="340.0" style="-fx-background-color: #263238;">
39+
<children>
40+
<Pane fx:id="profile" prefHeight="448.0" prefWidth="335.0" style="-fx-background-color: #263238;">
41+
<children>
42+
<Label layoutX="9.0" layoutY="93.0" text="Full Name: " textFill="#e1dfdf">
43+
<font>
44+
<Font name="Arial" size="19.0" />
45+
</font>
46+
</Label>
47+
<Label layoutX="9.0" layoutY="133.0" text="E-mail:" textFill="#eee5e5">
48+
<font>
49+
<Font name="Arial" size="19.0" />
50+
</font>
51+
</Label>
52+
<Label layoutX="8.0" layoutY="173.0" text="Phone No:" textFill="#ebe7e7">
53+
<font>
54+
<Font name="Arial" size="19.0" />
55+
</font>
56+
</Label>
57+
<Label layoutX="7.0" layoutY="205.0" prefHeight="34.0" prefWidth="74.0" text="Gender:" textFill="#e4e4e4">
58+
<font>
59+
<Font name="Arial" size="19.0" />
60+
</font>
61+
</Label>
62+
<Label fx:id="fullName" layoutX="129.0" layoutY="93.0" opacity="0.0" textFill="#f2f2f2" wrapText="true">
63+
<font>
64+
<Font size="19.0" />
65+
</font>
66+
</Label>
67+
<Label fx:id="email" layoutX="129.0" layoutY="133.0" opacity="0.0" textFill="#f2f2f2">
68+
<font>
69+
<Font size="15.0" />
70+
</font>
71+
</Label>
72+
<Label fx:id="phoneNo" layoutX="129.0" layoutY="174.0" textFill="#f2f2f2">
73+
<font>
74+
<Font size="15.0" />
75+
</font>
76+
</Label>
77+
<Label fx:id="gender" layoutX="129.0" layoutY="212.0" textFill="#f2f2f2">
78+
<font>
79+
<Font size="15.0" />
80+
</font>
81+
</Label>
82+
<ImageView fx:id="proImage" fitHeight="84.0" fitWidth="83.0" layoutX="227.0" layoutY="9.0" pickOnBounds="true" preserveRatio="true">
83+
<image>
84+
<Image url="@icons/user.png" />
85+
</image>
86+
</ImageView>
87+
<Label layoutX="7.0" layoutY="250.0" text="Change Profile Picture:" textFill="#f8f5f5">
88+
<font>
89+
<Font size="19.0" />
90+
</font>
91+
</Label>
92+
<TextField fx:id="fileChoosePath" editable="false" layoutX="9.0" layoutY="285.0" prefHeight="27.0" prefWidth="210.0" promptText="Choose Image..." style="-fx-background-color: #455a64;" styleClass="textField" stylesheets="@Css/style.css">
93+
<font>
94+
<Font size="15.0" />
95+
</font>
96+
</TextField>
97+
<Button layoutX="232.0" layoutY="285.0" mnemonicParsing="false" onAction="#chooseImageButton" prefHeight="26.0" prefWidth="77.0" styleClass="allButton" stylesheets="@Css/style.css" text="Choose">
98+
<font>
99+
<Font name="Arial" size="14.0" />
100+
</font>
101+
</Button>
102+
<Button layoutX="118.0" layoutY="397.0" mnemonicParsing="false" onAction="#saveImage" prefHeight="38.0" prefWidth="107.0" styleClass="allButton" stylesheets="@Css/style.css" text="Save">
103+
<font>
104+
<Font name="Arial" size="19.0" />
105+
</font>
106+
</Button>
107+
</children>
108+
</Pane>
109+
<Pane fx:id="chat" prefHeight="200.0" prefWidth="330.0" style="-fx-background-color: #263238;">
110+
<children>
111+
<AnchorPane layoutX="-11.0" layoutY="434.0" prefHeight="60.0" prefWidth="340.0" style="-fx-background-color: #263238;">
112+
<children>
113+
<ImageView fitHeight="42.0" fitWidth="73.0" layoutX="280.0" layoutY="-5.0" onMouseClicked="#handleSendEvent" pickOnBounds="true" preserveRatio="true">
114+
<image>
115+
<Image url="@icons/icons8-sent.png" />
116+
</image>
117+
</ImageView>
118+
<TextField fx:id="msgField" layoutX="15.0" layoutY="-2.0" onKeyPressed="#sendMessageByKey" prefHeight="38.0" prefWidth="261.0" promptText="Write messages here...." styleClass="msgBox" stylesheets="@Css/style.css">
119+
<font>
120+
<Font name="Arial" size="19.0" />
121+
</font>
122+
</TextField>
123+
<ImageView fitHeight="34.0" fitWidth="34.0" layoutX="223.0" layoutY="2.0" onMouseClicked="#cameraIconMouseClicked" pickOnBounds="true" preserveRatio="true">
124+
<image>
125+
<Image url="@icons/icons8-camera-60.png" />
126+
</image>
127+
</ImageView>
128+
</children>
129+
</AnchorPane>
130+
<ScrollPane layoutX="-1.0" prefHeight="429.0" prefWidth="340.0">
131+
<content>
132+
<VBox fx:id="vbox" prefHeight="402.0" prefWidth="294.0" styleClass="txtFont" stylesheets="@Css/style.css" />
133+
</content>
134+
</ScrollPane>
135+
</children>
136+
</Pane>
137+
</children>
138+
</StackPane>
139+
</children>
140+
</AnchorPane>
Lines changed: 118 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,118 @@
1+
.btnBack:hover {
2+
-fx-opacity: 1;
3+
}
4+
5+
.btnLogin {
6+
-fx-background-color: #4f5b62;
7+
}
8+
9+
.btnLogin:hover {
10+
-fx-background-color: #62727b !important;
11+
-fx-text-fill: #4db6ac;
12+
}
13+
14+
.allButton {
15+
-fx-background-color: #718792;
16+
-fx-background-radius: 90;
17+
}
18+
19+
.allButton:hover {
20+
-fx-background-color: #819ca9;
21+
-fx-text-fill: #000000;
22+
}
23+
24+
.txtFont {
25+
-fx-text-fill: #f4f4f4;
26+
}
27+
28+
.txtFont:focused {
29+
-fx-border-color: transparent transparent #558b2f transparent;
30+
-fx-text-fill: #f4f4f4;
31+
}
32+
33+
.scroll-pane {
34+
-fx-background-color: transparent;
35+
-fx-border-color: derive(gray, 100%);
36+
-fx-padding: 0px;
37+
}
38+
39+
.scroll-pane .scroll-bar:vertical {
40+
-fx-background-color: transparent;
41+
-fx-background-radius: 0;
42+
}
43+
44+
.scroll-pane .scroll-bar:vertical .track {
45+
-fx-background-color: transparent;
46+
-fx-border-color: transparent;
47+
-fx-background-radius: 0em;
48+
-fx-border-radius: 2em;
49+
}
50+
51+
.scroll-pane .scroll-bar:horizontal .decrement-button {
52+
-fx-background-color: transparent;
53+
-fx-background-radius: 0em;
54+
-fx-padding: 0 0 10 0;
55+
}
56+
57+
.scroll-pane .scroll-bar:vertical .decrement-button {
58+
-fx-background-color: transparent;
59+
-fx-background-radius: 0em;
60+
-fx-padding: 0 10 0 0;
61+
}
62+
63+
.scroll-pane .scroll-bar .increment-arrow,
64+
.scroll-pane .scroll-bar .decrement-arrow {
65+
-fx-padding: -2;
66+
}
67+
68+
.scroll-pane .scroll-bar:vertical .thumb {
69+
-fx-background-color: derive(black, 90%);
70+
-fx-background-insets: 2, 0, 0;
71+
-fx-background-radius: 2em;
72+
}
73+
74+
.text-area {
75+
-fx-font-family: Arial, sans-serif;
76+
-fx-highlight-fill: #ffff;
77+
-fx-highlight-text-fill: #fff;
78+
-fx-text-fill: #ffff;
79+
-fx-border-color: #000;
80+
-fx-background-insets: 0;
81+
-fx-background-color: transparent, white, transparent, white;
82+
}
83+
84+
.text-area .content{
85+
-fx-background-color: transparent, #263238;
86+
}
87+
88+
.textField {
89+
-fx-text-fill: #eeeeee;
90+
-fx-font-family: Arial !important;
91+
}
92+
93+
.msgBox {
94+
-fx-background-color: #455a64;
95+
-fx-background-radius: 70;
96+
-fx-font-size: 15px;
97+
-fx-text-fill: #eeeeee;
98+
-fx-font-family: Arial !important;
99+
}
100+
101+
.textFlow{
102+
-fx-background-color: linear-gradient(to left, #8213f5, #5000a2);
103+
-fx-background-insets: -5 -10 -5 -5;
104+
-fx-effect: dropshadow(three-pass-box,rgba(0,0,0,0.08),2,1.0,0.5,0.5);
105+
-fx-shape: "M 94.658379,129.18587 H 46.277427 c -3.545458,0.23354 -5.32763,-1.59167 -5.14193,-4.67449
106+
v -19.39913 c 0.405797,-3.73565 2.470637,-4.56641 5.14193,-4.90821 h 43.706464 c 2.572701,0.2361 4.604321,
107+
1.68288 4.674488,4.90821 v 19.39913 c 0.436089,3.14572 2.890695,3.57304 4.908212,4.67449 z";
108+
}
109+
110+
.textFlowFlipped{
111+
-fx-background-color: linear-gradient(to left, #b69202, #b77f05);
112+
-fx-background-insets: -5 -5 -5 -10;
113+
-fx-effect: dropshadow(three-pass-box,rgba(0,0,0,0.08),2,1.0,-0.5,-0.5);
114+
-fx-shape: "m 46.030545,129.18592 h 48.380952 c 3.54546,0.23355 5.32763,-1.59167 5.14193,-4.67449
115+
V 105.1123 c -0.4058,-3.73565 -2.47064,-4.56641 -5.14193,-4.90821 H 50.705033
116+
c -2.572701,0.2361 -4.604321,1.68288 -4.674488,4.90821 v 19.39913
117+
c -0.436089,3.14572 -2.890695,3.57304 -4.908212,4.67449 z";
118+
}

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /